@charset "utf-8"; /* CSS Document */ /* Author: Jay Horne - ZeroOne Limited 2008 */ /* CONTENTS --------------------------------------- *01: Reset *02: Default Styles *03: Global Classes */ /*****02:Default Styles -------------------------------------------------------------------------------*/ body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background-color:#F4F4F4;} h1, h2, h3, h4, h5, h6 { font-family: Verdana, Geneva, sans-serif; } h4 { color: #998455; border-bottom: solid 1px #998455; padding: 0px; margin: 0 0 5px 0; font-size: 15px; font-weight: bold;} h5 { color: #998455; padding: 0px; margin: 0 0 5px 0; font-size: 13px; font-weight: bold;} h6 { color: #998455; padding: 0px; margin: 0 0 5px 0; font-size: 12px; font-weight: bold; margin-bottom: 10px;} p { margin-top: 0px; padding-top: 0px; line-height: 120%;} .form_input{ background-color: #F0F0F0; height: 18px; width: 135px; padding-left: 3px; border: 1px solid #9A9A9A; color: #999; margin-bottom: 5px; margin-top: 0px; font-size: 12px;} .form_input_error{ background-color: #F0F0F0; height: 18px; width: 135px; padding-left: 3px; border: 1px solid #988454; color: #999; margin-bottom: 5px; margin-top: 0px; font-size: 12px;} .prompt { float: left; display:none;} .form_fileinput{ background-color: #F0F0F0; height: 22px; width: 195px; padding-left: 3px; border: 1px solid #9A9A9A; color: #999; margin-bottom: 5px; margin-top: 0px; font-size: 12px;} .form_fileinput_wide { width: 242px;} /**04a:Form Styles**/ .form_textarea{ background-color: #F5F5F5; border: 1px solid #9A9A9A; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; padding-left: 3px; width: 240px; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#E5E5E5; scrollbar-shadow-color:#CCCCCC; scrollbar-face-color:#CCCCCC; scrollbar-highlight-color:#CCCCCC; scrollbar-darkshadow-color:#CCCCCC; scrollbar-3dlight-color:#CCCCCC; } .form_wide { width: 420px; margin-bottom: 5px; } .form_textarea_wide { width: 226px; margin-bottom: 5px; } .form_wide_error {border: 1px solid #9A8256;} label{ margin-right: 10px; padding-top: 3px; display: block; color: #878787;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} .access { display: none; visibility: hidden;} #sec_content_main ol { } #sec_content_main ol li { font-size: 12px; line-height: 120%; margin: 0 0 5px 0; padding: 0 0 0 5px; list-style-image: none; } .small_text{ font-size: 12px; line-height: 0px; margin: 0px; padding: 0px; color: #999; } .price { font-size: 25px; color: #9A8256; font-weight: bold; margin: 0px; padding: 0px; line-height: 0px; } .small_text_sm{ font-size: 10px; line-height: 0px; margin: 0px; padding: 0px; color: #999; } .price_sm { font-size: 18px; color: #9A8256; font-weight: bold; margin: 0px; padding: 0px; line-height: 0px; } .gold{color: #9A8256;} .white{color: #FFF;} .greydivider{ border-top: solid 1px #CCC; padding-top: 10px;} #sec_content_main ul {} #sec_content_main li { font-size: 12px; line-height: 120%; margin: 0 0 5px 0; padding: 0 0 0 5px; list-style-image: url(../images/arrow.gif); } #sec_content_main a {color: #988455; text-decoration:underline; cursor: pointer;} #sec_content_main a:hover {color: #988455; text-decoration:none;} #sec_content_main p { padding: 0; margin: 0; line-height: 140%;} blockquote { float: left; text-align:left; padding: 0; margin: 0;} .hide{ display: block; visibility: visible;} .hide{ display: none; visibility: hidden;} /*****03:Header Styles --------------------------------------------------------------------------------*/ #header_wrap{ float: left; height: 90px; width: 100%; background-color:#FFF;} #header_content{ height: 90px; width: 865px; margin-right: auto; margin-left: auto; padding-left: 15px;} #header_content a{ background-image: url(../images/logo_zeroone.jpg); background-repeat: no-repeat; display: block; height: 90px; width: 170px; text-indent: -9999px;} /*****04:Menu Styles ----------------------------------------------------------------------------------*/ #menu_wrap{ background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x; float: left; height: 30px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC;} #menu_content{ height: 30px; width: 880px; margin-right: auto; margin-left: auto; background-image: url(../images/menu_divider.gif); background-repeat: no-repeat; background-position: left top;} /**04a:Navigation Styles**/ #menu_content ul{ margin-left: 2px; margin: 0px; padding: 0px 0px 0px 2px; list-style-type: none;} #menu_content li{ margin: 0px; padding: 0px; list-style-type: none; display: inline;} #menu_content a{ color: #B8B19F; text-decoration: none; padding-right: 25px; padding-left: 25px; font-weight: bold; height: 22px; float: left; padding-top: 8px; background: url(../images/menu_divider.gif) no-repeat right top;} #menu_content a:hover{background: url(../images/menu_on.jpg) repeat-x right top;} #menu_content .active a {color: #FFF; background: url(../images/menu_on.jpg) repeat-x right top;} /*****05:Banner Styles --------------------------------------------------------------------------------*/ #banner_wrap{ width: 100%; height: 240px; float: left; background: url(../images/banner_bg.jpg) repeat-x;} #banner_content{ width: 853px; height: 215px; margin-left: auto; margin-right: auto; position:relative; overflow:hidden; padding-top: 25px;} #banner_slide{ position:relative; z-index:0; } #banner_slide span { float: left; height: 250px;} #banner_slide span a {width: 853px; height: 179px; display:block; text-indent: -9999px;} #banner_mask_left{ background: url(../images/banner_mask.gif) no-repeat left 25px; z-index:3; position:absolute; left:0px; top: 0px; width:10px; height:215px;} #banner_mask_right{ background: url(../images/banner_mask.gif) no-repeat right 25px; z-index:3; position:absolute; left:843px; top: 0px; width:10px; height:215px;} /**07a:Banner Navigation Styles**/ span#next a{ width:26px; height:54px; z-index:5; position:absolute; top:192px; right:30px; background: url(../images/btn_banner_next.png) no-repeat left top; cursor: pointer;} span#prev a{ width:26px; height:54px; z-index:5; position:absolute; top:192px; left:30px; background: url(../images/btn_banner_prev.png) no-repeat left top; cursor: pointer;} span#next a:hover, span#prev a:hover{ background-position: left bottom; cursor: pointer;} /**07a:Client Banners Styles**/ #banner_allblacks{ background: url(../images/banner_allblacks.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_telecom{ background: url(../images/banner_telecom.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_pizzahut{ background: url(../images/banner_pizzahut.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_vodafone{ background: url(../images/banner_vodafone.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_kfc{ background: url(../images/banner_kfc.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_redcross{ background: url(../images/banner_redcross.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_starbucks{ background: url(../images/banner_starbucks.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_blues{ background: url(../images/banner_blues.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_nzpost{ background: url(../images/banner_nzpost.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_lifepharmacy{ background: url(../images/banner_lifepharmacy.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_bedsrus{ background: url(../images/banner_bedsrus.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_keithhay{ background: url(../images/banner_keithhay.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} #banner_freightlines{ background: url(../images/banner_freightlines.jpg) no-repeat 0 0; width:853px; height:195px; text-indent: -9999px;} /*****06:Content Styles -------------------------------------------------------------------------------*/ #content_wrap{ background-image: url(../images/content_bg.jpg); background-repeat: repeat-x; float: left; width: 100%;} #content_content{ background-color: #FFF; width: 850px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; padding-top: 5px; } #content_left{ float: left; width: 337px;} #content_main{ float: left; width: 245px; padding-left: 5px;} #content_right{ float: left; width: 245px; padding-left: 15px;} #content_base{ background: url(../images/content_base_bg.jpg) repeat-x; width: 880px; margin-right: auto; margin-left: auto; height: 110px;} /*****06:Content Left Styles -------------------------------------------------------------------------------*/ #content_left h3{ font-size: 13px; color: #988455; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;} #content_left p{ color: #666; margin: 0px; padding: 0px;} #content_left a{ color: #988455;} #content_left a:hover{} /*****06:FAQ Styles -------------------------------------------------------------------------------*/ #faq_top{ background-image: url(../images/faq_top.jpg); background-repeat: no-repeat; float: left; width: 307px; padding: 15px 15px 5px 15px; background-color: #EFEFEF;} #faq_top h2{ font-size: 13px; color: #666; margin: 0 0 3px 0; padding: 0px;} #faq_content{ background-color: #EFEFEF; float: left; width: 337px; height: 180px; padding-bottom: 20px; position:relative; overflow:hidden;} #faq_slide{ position:relative; z-index:10;} #faq_slide span{ width: 307px; padding-right: 15px; padding-left: 15px; float: left; height: 350px;} span#faq_man{ width:132px; height:130px; z-index:15; position:absolute; bottom:0px; right:0px; background: url(../images/faq_man.gif) no-repeat left top;} /**07a:FAQ Content Styles**/ #faq_content h3{ font-size: 13px; font-weight: bold; color: #988453; margin-bottom: 0px; padding-bottom: 0px;} #faq_content p{ font-size: 12px; color: #666; margin-top: 0px; padding-top: 0px;} #faq_content ul{ margin: 0px; padding: 0px;} #faq_content li{ list-style-type: none; font-size: 12px; line-height: 110%; margin: 0 0 3px 0; padding: 0 0 0 15px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0px 4px;} #faq_content a{ color: #988453;} #faq_content a:hover{} /**07a:FAQ Navigation Styles**/ #faq_base{ width: 307px; background-image: url(../images/faq_base.jpg); background-repeat: no-repeat; height: 27px; float: left; padding-right: 15px; padding-left: 15px;} #faq_base ul{padding: 0px; margin: 0px; list-style-type: none;} #faq_base li{float: left; padding: 0px; margin: 0px; list-style-type: none;} #faq_base a.faq_base_more{ background-image: url(../images/btn_faq_more.jpg); background-repeat: no-repeat; background-position: left top; height: 24px; width: 94px; color: #A4967B; font-size: 11px; text-decoration: none; padding-top: 3px; padding-left: 17px; display: block;} #faq_base a:hover.faq_base_more{ color: #FFF;} #faq_base a.faq_base_prev{ background-image: url(../images/btn_faq_prev.jpg); height: 27px; width: 22px; background-repeat: no-repeat; background-position: left top; display: block; margin-right: 10px; margin-left: 140px; cursor: pointer;} #faq_base a:hover.faq_base_prev{ background-position: left bottom; cursor: pointer;} #faq_base a.faq_base_next{ background-image: url(../images/btn_faq_next.jpg); height: 27px; width: 22px; background-repeat: no-repeat; background-position: left top; display: block; cursor: pointer;} #faq_base a:hover.faq_base_next{ background-position: left bottom; cursor: pointer;} /*****06:Services Styles -------------------------------------------------------------------------------*/ #services_header{ background-image: url(../images/services_header.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 105px; width: 145px; padding-top: 10px; padding-left: 100px;} #services_header h2{ color: #666; font-size: 13px; font-weight: bold; margin: 0 0 3px 0; padding: 0px;} #services_header ul{ margin: 0px; padding: 0px;} #services_header li{ list-style-type: none; font-size: 12px; line-height: 110%; margin: 0 0 5px 0; padding: 0 0 0 15px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 2px 4px;} #services_header p{ margin-top: 0px; padding-top: 0px;} #services_header a{ color: #988453;} #services_header a:hover{} #services_content{ float: left; width: 230px; padding-left: 15px;} #services_content h3{ font-size: 13px; color: #988455; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;} #services_content p{ color: #666; margin: 0px; padding: 0px;} #services_content a{ color: #988455;} #services_content a:hover{} /*****06:Product Styles -------------------------------------------------------------------------------*/ #products_header{ background-image: url(../images/products_header.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 105px; width: 150px; padding-top: 10px; padding-left: 95px;} #products_header h2{ color: #FFF; font-size: 13px; font-weight: bold; margin: 0 0 3px 0; padding: 0px;} #products_header ul{ margin: 0px; padding: 0px;} #products_header li{ list-style-type: none; font-size: 12px; line-height: 110%; margin: 0 0 5px 0; padding: 0 0 0 15px; background-image: url(../images/arrow_white.gif); background-repeat: no-repeat; background-position: 2px 4px;} #products_header p{ margin-top: 0px; padding-top: 0px;} #products_header a{ color: #DBD4C4;} #products_header a:hover{ color: #FFF;} #products_content{ float: left; width: 230px; padding-left: 15px;} #products_content h3{ font-size: 13px; color: #988455; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;} #products_content p{ color: #666; margin: 0px; padding: 0px;} #products_content a{ color: #988455;} #products_content a:hover{} #content_bottom_wrap { float: left; width: 100%; height: 60px;} /*****07:Footer Styles -------------------------------------------------------------------------------*/ #footer_wrap{ background-color: #666; float: left; width: 100%;} #footer_content{ height: 25px; width: 880px; margin-right: auto; margin-left: auto;} #footer_left{ float: left; height: 20px; padding-top: 5px; width: 600px;} /**07a:Navigation Styles**/ #footer_left ul{ list-style-type: none; padding: 0; margin: 0;} #footer_left li{ float: left; text-decoration: none; padding: 0; margin: 0; list-style-type: none;} #footer_left a{ color: #ACACAC; text-decoration: none; padding-right: 10px; padding-left: 10px; display:block; font-size: 11px; border-right-width: 1px; border-right-style: solid; border-right-color: #ACACAC;} #footer_left a:hover{ color: #FFF;} #footer_left li.active{} #footer_left .active a { color: #FFF;} #footer_right{ float: right; height: 20px; color: #ACACAC; font-size: 11px; padding-top: 5px;} /*****07:Compass Styles -------------------------------------------------------------------------------*/ #compass_wrap{ background-color: #FFF; float: left; width: 100%;} #compass_content{ height: 19px; width: 880px; margin-right: auto; margin-left: auto;} /***** 09 Browser: Fixed Footer Styles -------------------------------------------------------------------------------*/ html {height: 100%;} body {height: 100%;} #container {position: relative; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -70px;} #fix { position: relative; height: 0px;} #footer_wrap {position: relative; height: 25px;} #compass_wrap {position: relative; height: 19px;} /*****07:Print Footer Styles -------------------------------------------------------------------------------*/ #print_footer { display: none; visibility: hidden;} /*****07:Secondery Styles -------------------------------------------------------------------------------*/ #sec_content_left{ float: left; width: 186px;} #sec_content_main{ float: left; width: 640px; padding-right: 0px; padding-left: 20px; padding-top: 45px;} #sec_content_main_left{ float: left; width: 350px; padding: 15px 15px 0 0; border-right: Solid 1px #CCC;} #sec_content_main_right{ float: left; width: 250px; padding-left: 15px; padding-top: 15px;} /**07a:Submenu Section Styles**/ #submenu_top{ background-repeat: no-repeat; height: 161px; width: 186px;} .submenu_aboutus{ background-image: url(../images/submenu_top_aboutus.jpg);} .submenu_services{ background-image: url(../images/submenu_top_services.jpg);} .submenu_portfolio{ background-image: url(../images/submenu_top_portfolio.jpg);} .submenu_contactus{ background-image: url(../images/submenu_top_contact.jpg);} .submenu_client{ background-image: url(../images/submenu_top_client.jpg);} /**07a:Submenu Styles**/ #submenu_content{ background-image: url(../images/submenu_bg.jpg); background-repeat: repeat-y; width: 178px; padding-right: 4px; padding-left: 4px;} #submenu_base{ background-image: url(../images/submenu_base.jpg); background-repeat: no-repeat; height: 29px; width: 186px;} #submenu_content ul{ margin: 0px; padding: 0px; list-style-type: none;} #submenu_content a{ background-color: #9A8256; display: block; color: #D6CEBB; text-decoration: none; padding: 5px 10px 5px 10px; border-bottom: solid 1px #FFF; height: 15px;} #submenu_content a:hover{ color: #FFF;} #submenu_content a.double{height: 30px;} #submenu_content a.first{ padding-top: 0px;} #submenu_content li.active a{ color: #FFF;} #submenu_content ul li ul{ margin: 0px; list-style-type: none; padding: 5px 0px 5px 0px;} #submenu_content ul li.active ul li a{ background-color: #FFF; color: #000; background-image: url(../images/submenu_arrow.jpg); background-repeat: no-repeat; background-position: 15px 6px; padding: 2px 0px 2px 25px; line-height: 120%;} #submenu_content li.active ul li.active a{ color: #988452;} .submenu_active{ color: #9A8256;} #submenu_content ul li.active ul li a:hover { color:#988452;} /*****07:Portfolio Styles -------------------------------------------------------------------------------*/ /**07a:Featured Clients Styles**/ #box6{ position:absolute; width:337px;} #box6 span{ float: left; display: block;} .mask6{ position:absolute; width:337px; height:335px; overflow:hidden;} #port_top{ background-image: url(../images/port_top.jpg); background-repeat: no-repeat; float: left; height: 15px; width: 630px;} #port_content{ background-image: url(../images/port_bg.jpg); background-repeat: repeat-y; width: 630px; float: left; height: 335px;} #port_base{ background-image: url(../images/port_base.jpg); background-repeat: no-repeat; float: left; height: 28px; width: 630px;} #port_gallery{ width: 318px; padding-right: 10px; padding-left: 10px; height: 336px;} #port_gallery h5{ font-size: 12px; font-weight: bold; color: #988454; margin: 0px; padding: 0px;} #port_gallery p{ margin: 0px; padding: 0 0 15px 0;} #port_gallery ul{padding: 0px; margin: 0px; list-style-type: none;} #port_gallery li{ padding: 0px; margin: 0px; list-style-type: none; float: right; list-style-image: none;} #port_gallery a{background-image: url(../images/btn_faq_more.jpg); background-repeat: no-repeat; background-position: left top; height: 24px; width: 94px; color: #A4967B; font-size: 11px; text-decoration: none; padding-top: 3px; padding-left: 17px; display: block;} #port_gallery a:hover{color: #FFF;} #port_list{ float: right; width: 281px; padding-left: 11px;} #port_list ul{ margin: 0px; padding: 0px; list-style-type: none;} #port_list li{ padding: 0px; float: left; margin: 0 5px 10px 5px; cursor: pointer; display: block; height: 58px; width: 81px; background-repeat: no-repeat; background-position: left bottom;} #port_list li:hover{ background-position: left top;} /**07a: Client Thumb Styles**/ .port_allblacks{background-image: url(../images/thumb_allblacks.gif);} .port_telecom{background-image: url(../images/thumb_telecom.gif);} .port_pizzahut{background-image: url(../images/thumb_pizzahut.gif);} .port_vodafone{background-image: url(../images/thumb_vodafone.gif);} .port_kfc{background-image: url(../images/thumb_kfc.gif);} .port_netball{background-image: url(../images/thumb_netball.gif);} .port_taylor{background-image: url(../images/thumb_taylor.gif);} .port_redcross{background-image: url(../images/thumb_redcross.gif);} .port_starbucks{background-image: url(../images/thumb_starbucks.gif);} .port_blues{background-image: url(../images/thumb_blues.gif);} .port_nzpost{background-image: url(../images/thumb_nzpost.gif);} .port_lifepharmacy{background-image: url(../images/thumb_lifepharmacy.gif);} .port_bedsrus{background-image: url(../images/thumb_bedsrus.gif);} .port_freightlines{background-image: url(../images/thumb_freightlines.gif);} .port_keithhay{background-image: url(../images/thumb_keithhay.gif);} /*****07:About Us Styles -------------------------------------------------------------------------------*/ /**07a:The Team Styles**/ #box6{ position:absolute; width:337px;} #box6 span{ float: left; display: block;} .mask6{ position:absolute; width:337px; height:335px; overflow:hidden;} #aboutus_top{ background-image: url(../images/port_top.jpg); background-repeat: no-repeat; float: left; height: 15px; width: 630px;} #aboutus_content{ background-image: url(../images/port_bg.jpg); background-repeat: repeat-y; width: 630px; float: left; height: 335px;} #aboutus_base{ background-image: url(../images/port_base.jpg); background-repeat: no-repeat; float: left; height: 28px; width: 630px;} #aboutus_gallery{ width: 318px; height: 336px; padding-right: 10px; padding-left: 10px;} #aboutus_gallery_left{ width: 142px; float: left; height: 128px;} #aboutus_gallery_right{ width: 161px; float: left; padding-left: 10px; height: 128px;} #aboutus_gallery_right h5{ font-size: 12px; font-weight: bold; color: #988454; margin: 0px; padding: 0px;} #aboutus_gallery_right p.aboutus_divider{ margin: 2px 0 5px 0; border-bottom: solid 1px #999999; padding: 0 0 5px 0;} #aboutus_gallery_right ul{ margin: 0px; padding: 0px;} #aboutus_gallery_right li{ list-style-image: none; list-style-type: none; line-height: 110%; margin: 0 0 5px 0; padding: 0 0 0 15px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 2px 4px;} #aboutus_gallery_content{width: 318px; float: left; height:170px; padding-top: 10px; } #aboutus_gallery_base{width: 318px; float: left; height:27px;} #aboutus_gallery_base ul{padding: 0px; margin: 0px; list-style-type: none;} #aboutus_gallery_base li{ padding: 0px; margin: 0px; list-style-type: none; float: right;} #aboutus_gallery_base a{background-image: url(../images/btn_faq_more.jpg); background-repeat: no-repeat; background-position: left top; height: 24px; width: 94px; color: #A4967B; font-size: 11px; text-decoration: none; padding-top: 3px; padding-left: 17px; display: block;} #aboutus_gallery_base a:hover{color: #FFF;} #aboutus_gallery_base{ display: none; visibility: hidden;} #aboutus_list{ float: right; width: 281px; padding-left: 11px;} #aboutus_list ul{ margin: 0px; padding: 0px; list-style-type: none;} #aboutus_list li{ padding: 0px; float: left; margin: 0 5px 10px 5px; cursor: pointer; display: block; height: 70px; width: 59px; background-repeat: no-repeat; background-position: left bottom;} #aboutus_list li:hover{ background-position: 0 -25px;} /**07a: The Team Thumb Styles**/ .aboutus_jay{background-image: url(../images/thumb_jay.jpg);} .aboutus_jason{background-image: url(../images/thumb_jason.jpg);} .aboutus_nick{background-image: url(../images/thumb_nick.jpg);} .aboutus_dustin{background-image: url(../images/thumb_dustin.jpg);} .aboutus_lloyd{background-image: url(../images/thumb_lloyd.jpg);} .aboutus_bryce{background-image: url(../images/thumb_bryce.jpg);} .aboutus_aaron{background-image: url(../images/thumb_aaron.jpg);} .aboutus_kate{background-image: url(../images/thumb_kate.jpg);} .aboutus_keith{background-image: url(../images/thumb_keith.jpg);} .aboutus_gemma{background-image: url(../images/thumb_gemma.jpg);} .aboutus_siva{background-image: url(../images/thumb_siva.jpg);} .aboutus_jim{background-image: url(../images/thumb_jim.jpg);} .aboutus_jill{background-image: url(../images/thumb_jill.jpg);} /*****07:Services Styles -------------------------------------------------------------------------------*/ /**07a:Anywhere Exchange Styles**/ #anywhere_top{ background: url(../images/default_top.jpg) no-repeat; float: left; height: 15px; width: 585px;} #anywhere_content{ background: url(../images/default_bg.jpg) repeat-y; float: left; width: 555px; padding: 15px;} #anywhere_base{ background: url(../images/default_base.jpg) no-repeat; float: left; height: 30px; width: 585px;} /**07a:Hosting Styles**/ #hosting_top{ background: url(../images/default_top.jpg) no-repeat; float: left; height: 15px; width: 585px;} #hosting_content{ background: url(../images/default_bg.jpg) repeat-y; float: left; width: 555px; padding: 15px;} #hosting_base{ background: url(../images/default_base.jpg) no-repeat; float: left; height: 30px; width: 585px;} #hosting_tnc{ float: left; width: 585px;} /**07a:NZDrive Styles**/ #nzdrive_top{ background: url(../images/default_top.jpg) no-repeat; float: left; height: 15px; width: 585px;} #nzdrive_content{ background: url(../images/default_bg.jpg) repeat-y; float: left; width: 555px; padding: 15px;} #nzdrive_base{ background: url(../images/default_base.jpg) no-repeat; float: left; height: 30px; width: 585px;} #nzdrive_text{ float: left; width: 585px;} /**07a:NZDrive Login Styles**/ #nzdrive_login_wrap {float: right; width: 248px; margin-left: 30px;} #nzdrive_login_top{ background: url(../images/nzdrive_login_top.jpg) no-repeat; float: left; height: 15px; width: 248px;} #nzdrive_login_content{ background: url(../images/nzdrive_login_bg.jpg) repeat-y; float: left; width: 228px; padding: 0 15px 0 15px;} #nzdrive_login_content h3{ font-size: 13px; color: #666; border-bottom: solid 1px #9A9A9A; margin: 0 0 10px 0; padding: 0 0 3px 0; width: 218px;} #nzdrive_login_base{ background: url(../images/nzdrive_login_base.jpg) no-repeat; float: left; height: 30px; width: 248px;} #nzdrive_login_base ul{padding: 0px; margin: 0px; list-style-type: none; float: right;} #nzdrive_login_base li{float: left; padding: 0px; margin: 0px; list-style-type: none; list-style-image: none;} #nzdrive_login_base a.nzdrive_login_base_send{ background: url(../images/btn_login.jpg) no-repeat left top; height: 26px; width: 90px; color: #A4967B; font-size: 11px; text-decoration: none; padding: 4px 0 0 17px; display: block;} #nzdrive_login_base a:hover.nzdrive_login_base_send{ color: #FFF;} /**07a:Hosting Styles**/ #web_estimate_top{ background: url(../images/default_top_full.jpg) no-repeat; float: left; height: 15px; width: 640px;} #web_estimate_content{ background: url(../images/default_bg_full.jpg) repeat-y; float: left; width: 610px; padding: 0 15px 0 15px;} #web_estimate_base{ background: url(../images/default_base_full.jpg) no-repeat; float: left; height: 15px; width: 640px;} /*****07:Contact Us Styles -------------------------------------------------------------------------------*/ /**07a:Contact Form Styles**/ #contact_top{ background: url(../images/contact_top.jpg) no-repeat; float: left; height: 15px; width: 585px;} #contact_content{ background: url(../images/contact_bg.jpg) repeat-y; float: left; width: 585px;} #contact_left{ float: left; height: 200px; width: 313px; padding-right: 25px; padding-left: 15px;} #contact_left h3{ font-size: 13px; color: #666; border-bottom: solid 1px #9A9A9A; margin: 0 0 10px 0; padding: 0 0 3px 0;} #contact_right{ float: left; width: 228px;} #contact_right_header{ float: left; width: 188px; padding-right: 17px; padding-left: 15px;} #contact_right_content{ float: left; width: 228px; height: 140px; position:relative; overflow:hidden;} #contact_right h3{ font-size: 13px; color: #FFF; border-bottom: solid 1px #B19E72; margin: 0 0 10px 0; padding: 0 0 3px 0;} #contact_right_content_slide{ width: 217px; padding-right: 0px; padding-left: 15px; position:relative;} #contact_right_content_photo{ float: left; width: 81px; background-repeat: no-repeat; background-position: left top;} #contact_right_content_text{ float: left; width: 126px; padding-left: 10px; padding-bottom: 100px;} #contact_right_content_text h5{ color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; width: 106px;} #contact_right_content_text p{color: #D6CDBA; width: 111px;} #contact_base{ width: 585px; background: url(../images/contact_base.jpg) no-repeat 0 0; height: 33px; float: left; padding-right: 0px; padding-left: 0px; padding-top: 4px;} #contact_base ul{padding: 0px; margin: 0px; list-style-type: none; float: right;} #contact_base li{float: left; padding: 0px; margin: 0px; list-style-type: none; list-style-image: none;} #contact_base a.contact_base_send{ background: url(../images/btn_contact_send.jpg) no-repeat left top; height: 24px; width: 90px; color: #A4967B; font-size: 11px; text-decoration: none; padding: 3px 0 0 17px; display: block;} #contact_base a:hover.contact_base_send{ color: #FFF;} #contact_base a.contact_base_prev{ background: url(../images/btn_contact_prev.jpg) no-repeat left top; height: 29px; width: 21px; display: block; cursor: pointer;} #contact_base a:hover.contact_base_prev{ background-position: left bottom; cursor: pointer;} #contact_base a.contact_base_next{ background: url(../images/btn_contact_next.jpg) no-repeat left top; height: 29px; width: 21px; display: block; cursor: pointer; margin: 0 60px 0 10px;} #contact_base a:hover.contact_base_next{ background-position: left bottom; cursor: pointer;} #contact_confirm{ width: 555px; height: 221px; background-repeat: no-repeat; background-position: left top; padding: 10px 15px 10px 15px; } #contact_confirm h3{ font-size: 13px; color: #666; border-bottom: solid 1px #9A9A9A; margin: 0 0 10px 0; padding: 0 0 3px 0;} #contact_confirm ul{ margin: 0 0 0 30px; padding: 0px;} #contact_confirm li{ list-style-type: none; font-size: 12px; line-height: 110%; margin: 0 0 5px 0; padding: 0 0 0 15px; background-image: none; background-repeat: no-repeat; background-position: 2px 4px;} #contact_confirm p{ margin-top: 0px; padding-top: 0px;} #contact_confirm a{ color: #988453;} #contact_confirm a:hover{} /**07a: The Contacts Confirm Styles**/ .confirm_manager {background-image: url(../images/contact_confirm_jay.jpg);} .confirm_ops {background-image: url(../images/contact_confirm_nick.jpg);} .confirm_support {background-image: url(../images/contact_confirm_jason.jpg);} .confirm_development {background-image: url(../images/contact_confirm_jay.jpg);} .confirm_managed {background-image: url(../images/contact_confirm_jim.jpg);} .confirm_technical {background-image: url(../images/contact_confirm_nick.jpg);} .confirm_accounts {background-image: url(../images/contact_confirm_default.jpg);} /**07a: The Contacts Styles**/ .contact_jay {width: 81px; height: 95px; background-image: url(../images/thumb_jay.jpg);} .contact_jason {width: 81px; height: 95px; background-image: url(../images/thumb_jason.jpg);} .contact_nick {width: 81px; height: 95px; background-image: url(../images/thumb_nick.jpg);} .contact_dustin {width: 81px; height: 95px; background-image: url(../images/thumb_dustin.jpg);} .contact_lloyd {width: 81px; height: 95px; background-image: url(../images/thumb_lloyd.jpg);} .contact_bryce {width: 81px; height: 95px; background-image: url(../images/thumb_bryce.jpg);} .contact_jim {width: 81px; height: 95px; background-image: url(../images/thumb_jim.jpg);} .contact_keith {width: 81px; height: 95px; background-image: url(../images/thumb_keith.jpg);} .contact_default {width: 81px; height: 95px; background-image: url(../images/thumb_default.jpg);} #findus_list{ float: right; width: 281px; padding-left: 11px;} #findus_list ul{ margin: 0px; padding: 0px; list-style-type: none;} #findus_list li{ padding: 0px; float: left; margin: 0 5px 10px 5px; cursor: pointer; display: block; height: 162px; width: 128px; background-repeat: no-repeat; background-position: left bottom;} #findus_list li:hover{ background-position: left top;} /**07a: The Find Us Styles**/ .findus_map_regional{ background-image: url(../images/thumb_map_regional.jpg);} .findus_map_cbd{ background-image: url(../images/thumb_map_cbd.jpg);} .findus_map_auckland_regional{ background-image: url(../images/thumb_map_auckland_regional.jpg);} .findus_map_auckland_cbd{ background-image: url(../images/thumb_map_auckland_cbd.jpg);} /**07a: The Estimate Builder Styles**/ #quote_right{ width: 262px; float: left;} #quote_total{ width: 212px; height: 85px; float: left; background: url(../images/quote_total.jpg) no-repeat; padding: 17px 40px 0 10px; font-size: 11px;} #quote_scroll { width: 222px; padding: 0px 30px 0 10px; background: url(../images/quote_right.jpg) repeat-y; float: left; font-size: 11px;} .scrollgeneric { font-size: 1px; line-height: 1px; position: absolute;} #quote_scroll .vscrollerbarbeg { background: url(../images/scrollbar_top.gif) 0px 0px; width: 20px; height: auto;} #quote_scroll .vscrollerbarend { background: url(../images/scrollbar_bottom.gif); width: 20px; height: 18px;} #quote_scroll .vscrollerbase { width: 20px;} #quote_scroll h5{ font-size: 11px; border-top: solid 1px #CCC; margin-top: 7px; padding-top: 5px;} #quote_scroll h4 { border-bottom: none; padding: 0px; margin: 0 0 5px 0; font-size: 13px; font-weight: bold;} #quote_left{ width: 378px; float: left;} #quote_top{ width: 378px; height: 15px; float: left; background: url(../images/quote_top.jpg) no-repeat;} #quote_content{ width: 348px; height: 505px; float: left; background: url(../images/quote_bg.jpg) repeat-y; padding: 0 20px 0 10px;} #quote_base{ width: 378px; height: 30px; float: left; background: url(../images/quote_base.jpg) no-repeat;} #quote_tabs{ width: 378px; height: 25px; float: left; background: url(../images/quote_tabs.jpg) no-repeat left bottom;} #quote_tabs ul{ margin: 0px; padding: 0px; list-style-type: none;} #quote_tabs li{ background: url(../images/tabs_bg_off.jpg) no-repeat right top; margin: 0px; padding: 0px; list-style-type: none; display: inline;float: left;} #quote_tabs a{ background: url(../images/tabs_left_off.jpg) no-repeat left top; display: block; height: 17px; padding: 8px 10px 0 10px; text-decoration: none; color: #666; float: left; cursor: pointer;} #quote_right_top { width: 244px; height: 10px; float: left; background: url(../images/quote_right_top.jpg) no-repeat;} #quote_tabs li.active_tab{background-image: url(../images/tabs_bg_on.jpg); color: #333;} #quote_tabs li.active_tab a{background-image: url(../images/tabs_left_on.jpg); color: #333;} #quote_tabs a:hover{} #quote_content h5{ font-size: 11px; padding: 0; margin: 0; } #quote_content p, #quote_content li{ color: #666; font-size: 11px;} .greydivider div, .greydivider_top div{ margin: 0px; padding: 0px; list-style-type: none; background-image: none; background-repeat: no-repeat; background-position: 0 0; height: 40px; width: 40px; list-style-type: none; display: block; cursor: pointer;} .greydivider div:hover, .greydivider_top div:hover{ background-position: 0 -44px;} .greydivider div.add, .greydivider_top div.add{background-image: url(../images/quote_add.jpg);} .greydivider div.remove, .greydivider_top div.remove{background-image: url(../images/quote_remove.jpg);} #quote_delete { background-image: url(../images/quote_delete.jpg); background-repeat: no-repeat; background-position: 0 0; height: 17px; width: 18px; list-style-type: none; display: block; cursor: pointer;} #quote_delete:hover{ background-position: 0 -19px;} #quote_nowwhat{ background: url(../images/quote_nowwhat.jpg) no-repeat; float: left; height: 124px; width: 222px; padding: 23px 10px 0 15px;} #quote_nowwhat h5{ color: #FFF; font-size: 13px; font-weight: bold; margin: 0 0 7px 0; padding: 0px;} #quote_nowwhat p{ margin-top: 0px; padding-top: 0px; color:#FFF;} #quote_nowwhat a.contact_base_send{ cursor: pointer; float:right; background: url(../images/btn_contact_send.jpg) no-repeat left top; height: 24px; width: 90px; color: #A4967B; font-size: 11px; text-decoration: none; padding: 3px 0 0 10px; display: block; margin-top: 8px;} #quote_nowwhat a:hover.contact_base_send{ color: #FFF;} .web_estimate_send { background-color: #FFF; background-image: url(../images/btn_faq_more.jpg); background-repeat: no-repeat; background-position: left top; border: none; padding-top: 0px; padding-left: 3px; font-size: 11px; height: 24px; width: 110px; color: #DBD4C4; cursor: pointer;} .web_estimate_send:hover { color:#FFF;} #pop_container{ background-color:#FFF; width: 700px;} #pop_header_wrap{ float: left; background-color:#FFF; width: 660px; padding: 10px 20px 10px 20px;} #pop_menu_wrap{float: left; height: 30px; width: 700px; background-color: #89784D;} #pop_menu_wrap ul{ margin-left: 2px; margin: 0px; padding: 0px 0px 0px 2px; list-style-type: none; float: right;} #pop_menu_wrap li{ margin: 0px; padding: 0px; list-style-type: none; display: inline;} #pop_menu_wrap a{ color: #B8B19F; text-decoration: none; padding-right: 25px; padding-left: 25px; font-weight: bold; height: 22px; float: left; padding-top: 8px; background: url(../images/menu_divider.gif) no-repeat left top;} #pop_menu_wrap a:hover{background: url(../images/menu_on_close.jpg) repeat-x left top;} #pop_menu_wrap .active a {color: #FFF; background: url(../images/menu_on_close.jpg) repeat-x left top;} #pop_content_wrap{ float: left; background-color:#FFF; width: 660px; padding: 20px;} .hosting_signup{ background-image: url(../images/btn_hosting_signup.jpg); background-repeat: no-repeat; background-position: left top; height: 25px; width: 40px; display: block; font-size: 11px; padding: 2px 0 0 15px; text-decoration: none; cursor: pointer; margin: 0px; } .hosting_signup:hover{ color:#FFF;} /**07a: Client Jobs Styles**/ #clientjobs_left{ width: 304px; float: left;} #joblist_tab{ width: 304px; height: 25px; float: left; background: url(../images/joblist_tab.jpg) no-repeat left bottom;} #joblist_top{ width: 304px; height: 21px; float: left; background: url(../images/joblist_top.jpg) no-repeat left bottom;} #joblist_content{ width: 304px; float: left; background: url(../images/joblist_bg.jpg) repeat-y left bottom;} #joblist_base{ width: 304px; height: 35px; float: left; background: url(../images/joblist_base.jpg) no-repeat left bottom;} #clientjobs_right{ width: 331px; float: left;} #jobdetails_tabs{ width: 331px; height: 25px; float: left; background: url(../images/jobdetails_tab.jpg) no-repeat left bottom;} #jobdetails_tabs ul{ margin: 0px; padding: 0px; list-style-type: none;} #jobdetails_tabs li{ background: url(../images/tabs_bg_off.jpg) no-repeat right top; margin: 0px; padding: 0px; list-style-type: none; display: inline;float: left;} #jobdetails_tabs a{ background: url(../images/tabs_left_off.jpg) no-repeat left top; display: block; height: 17px; padding: 8px 10px 0 10px; text-decoration: none; color: #666; float: left; cursor: pointer;} #jobdetails_tabs li.active_tab{background-image: url(../images/tabs_bg_on.jpg); color: #333;} #jobdetails_tabs li.active_tab a{background-image: url(../images/tabs_left_on.jpg); color: #333;} #jobdetails_tabs a:hover{} #jobdetails_top{ width: 331px; height: 21px; float: left; background: url(../images/jobdetails_top.jpg) no-repeat left bottom;} #jobdetails_content{ width: 331px; float: left; background: url(../images/jobdetails_bg.jpg) repeat-y left bottom;} #jobdetails_base{ width: 331px; height: 35px; float: left; background: url(../images/jobdetails_base.jpg) no-repeat left bottom;} #jobdetails_base_documents{ width: 121px; padding: 0 0 0 210px; height: 35px; float: left; background: url(../images/jobdetails_grey_base.jpg) no-repeat left bottom;} .client_table{ padding: 5px 10px 5px 10px;} .client_table_active{ background-color:#E7E2D5;} .client_table_title{ border-bottom: solid 1px #CCC; padding: 3px 10px 2px 10px;} .client_table_RB{ border-bottom: solid 1px #ECECEC; border-right: solid 1px #E0E0E0;} .client_table_B{ border-bottom: solid 1px #ECECEC;} .client_greytable_T{ border-top: solid 1px #CCC;} .jobdetails_table{ padding: 12px 10px 12px 10px;} #jobdetails_profile ul{ margin: 0px; padding: 0px; list-style-type: none;} #jobdetails_profile li{ padding: 0px; cursor: pointer; display: block; height: 70px; width: 59px; background-repeat: no-repeat; background-position: left bottom;} #jobdetails_profile li:hover{ background-position: 0 -25px;} .jobslist_active { background-color: #ECECEC;} .jobdetails_table h5 { color: #998455; padding: 0px; margin: 0 0 5px 0; font-size: 12px; font-weight: bold; margin-bottom: 0px;} .jobdetails_table h6 { color: #666; padding: 0px; margin: 0 0 5px 0; font-size: 11px; font-weight: normal; margin-bottom: 5px; } .jobdetails_no_record { color: #666; padding: 20px 0 0 0;} /**07a: The Estimate Builder Styles**/ #pop_design_container{ background-color:#FFF; width: 870px;} #pop_design_header_wrap{ float: left; background-color:#FFF; width: 830px; padding: 10px 20px 0px 20px;} #pop_design_menu_wrap{float: left; height: 30px; width: 870px; background-color: #89784D;} #pop_design_menu_wrap ul{ margin-left: 2px; margin: 0px; padding: 0px 0px 0px 2px; list-style-type: none; float: right;} #pop_design_menu_wrap li{ margin: 0px; padding: 0px; list-style-type: none; display: inline;} #pop_design_menu_wrap a{ color: #B8B19F; text-decoration: none; padding-right: 25px; padding-left: 25px; font-weight: bold; height: 22px; float: left; padding-top: 8px; background: url(../images/menu_divider.gif) no-repeat left top;} #pop_design_menu_wrap a:hover{background: url(../images/menu_on_close.jpg) repeat-x left top;} #pop_design_menu_wrap .active a {color: #FFF; background: url(../images/menu_on_close.jpg) repeat-x left top;} #pop_design_content_wrap{ float: left; background-color:#FFF; width: 830px; padding: 20px;} #pop_design_left{ width: 660px; float: left;} #pop_design_left img{ border: solid 1px #CCC; } #pop_design_right{ background: url(../images/design_bg.jpg) no-repeat; float: left; height: 405px; width: 162px;} #test2 { width: 102px; padding: 20px 0px 0 20px; float: left; font-size: 11px; overflow: auto; height: 403px; } .scrollgeneric { font-size: 1px; line-height: 1px; position: absolute;} #test2 .vscrollerbarbeg { background: url(../images/scrollbar_top.gif) 0px 0px; width: 20px; height: auto;} #test2 .vscrollerbarend { background: url(../images/scrollbar_bottom.gif); width: 20px; height: 18px;} #test2 .vscrollerbase { width: 20px;} .designlist_approved { padding: 4px 0 2px 0; border-bottom: solid 1px #CCC; height: 15px;} .designlist_active img { border: solid 1px #89784D; cursor: pointer; } .designlist_standard img { border: solid 1px #CCC; cursor: pointer; } .designlist_standard img:hover { border: solid 1px #666;} .design_description{ width: 470px; padding: 0 20px 10px 0;} .design_button{ width: 150px; border-left: solid 1px #CCC; padding: 0 0 0 20px;} .design_button_approve_it {background: url(../images/design_approve_it.jpg) no-repeat 0px 0px; width: 48px; height: 50px; cursor: pointer; float: left; margin: 0 30px 0 0;} .design_button_approve_it:hover {background: url(../images/design_approve_it.jpg) no-repeat 0px -57px;} .design_button_approve {background: url(../images/design_approve.jpg) no-repeat 0px 0px; width: 48px; height: 50px; cursor: pointer; float: left; margin: 0 30px 0 0;} .design_button_approve:hover {background: url(../images/design_approve.jpg) no-repeat 0px -57px;} .design_button_approved {background: url(../images/design_approved.jpg) no-repeat 0px 0px; width: 48px; height: 50px; float: left; margin: 0 30px 0 0;} .design_button_request {background: url(../images/design_request.jpg) no-repeat left top; width: 48px; height: 50px; cursor: pointer; float: left;} .design_button_request:hover {background: url(../images/design_request.jpg) no-repeat 0px -57px;} .design_button_confirm {background: url(../images/design_confirm.jpg) no-repeat left top; width: 48px; height: 50px; cursor: pointer; float: left;} .design_button_confirm:hover {background: url(../images/design_confirm.jpg) no-repeat 0px -57px;} .document_attach_add_grey {background: url(../images/attach_icon_grey.jpg) no-repeat left top; width: 20px; height: 19px; display:block; margin: 0 0 10px 0;} .document_attach_add_grey:hover {background: url(../images/attach_icon_grey.jpg) no-repeat 0px -20px;} .document_attach_add {background: url(../images/attach_icon.jpg) no-repeat left top; width: 20px; height: 19px; display:block; margin: 3px 0 8px 0;} .document_attach_add:hover {background: url(../images/attach_icon.jpg) no-repeat 0px -20px;} .document_remove {background: url(../images/btn_document_remove.gif) no-repeat left top; width: 14px; height: 15px; display:block; margin: 0 0 0 0;} .document_remove:hover {background: url(../images/btn_document_remove.gif) no-repeat 0px -16px;} .job_remove {background: url(../images/btn_document_remove.gif) no-repeat left top; width: 14px; height: 15px; display:block; margin: 0 0 0 0;} .job_remove:hover {background: url(../images/btn_document_remove.gif) no-repeat 0px -16px;} /*****07:Client Login Styles -------------------------------------------------------------------------------*/ /**07a:Contact Form Styles**/ #clientlogin_tabs{ width: 331px; height: 25px; float: left; background: url(../images/clientlogin_tab.jpg) no-repeat left bottom;} #clientlogin_tabs ul{ margin: 0 0 0 1px; padding: 0px; list-style-type: none;} #clientlogin_tabs li{ background: url(../images/tabs_bg_off.jpg) no-repeat right top; margin: 0px; padding: 0px; list-style-type: none; display: inline;float: left;} #clientlogin_tabs a{ background: url(../images/tabs_left_off.jpg) no-repeat left top; display: block; height: 17px; padding: 8px 10px 0 10px; text-decoration: none; color: #666; float: left; cursor: pointer;} #clientlogin_tabs li.active_tab{background-image: url(../images/tabs_bg_on.jpg); color: #333;} #clientlogin_tabs li.active_tab a{background-image: url(../images/tabs_left_on.jpg); color: #333;} #clientlogin_tabs a:hover{} #clientlogin_top{ background: url(../images/clientlogin_top.jpg) no-repeat; float: left; height: 15px; width: 585px;} #clientlogin_content{ background: url(../images/contact_bg.jpg) repeat-y; float: left; width: 585px;} #clientlogin_left{ float: left; width: 313px; padding-right: 25px; padding-left: 15px;} #clientlogin_left h3{ font-size: 13px; color: #666; border-bottom: solid 1px #9A9A9A; margin: 0 0 10px 0; padding: 0 0 3px 0;} #clientlogin_right{ float: left; width: 228px;} #clientlogin_right_header{ float: left; width: 188px; padding-right: 17px; padding-left: 15px;} #clientlogin_right_content{ float: left; width: 228px;} #clientlogin_right h3{ font-size: 13px; color: #FFF; border-bottom: solid 1px #B19E72; margin: 0 0 10px 0; padding: 0 0 3px 0;} #clientlogin_right_content_slide{ width: 217px; padding-right: 0px; padding-left: 15px;} #clientlogin_right_content_photo{ float: left; width: 81px; background-repeat: no-repeat; background-position: left top;} #clientlogin_right_content_text{ float: left; width: 126px; padding-left: 10px; padding-bottom: 30px;} #clientlogin_right_content_text h5{ color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; width: 106px;} #clientlogin_right_content_text p{color: #D6CDBA; width: 111px;} #clientlogin_right_content_text a{ color: #DBD4C4;} #clientlogin_right_content_text a:hover{ color: #FFF;} #clientlogin_base{ width: 365px; background: url(../images/contact_base.jpg) no-repeat 0 0; height: 33px; float: left; padding-right: 0px; padding-left: 220px; padding-top: 4px;} /*****07:Promotion Styles -------------------------------------------------------------------------------*/ /**07a:Promotion Styles**/ #promotion_content{ width: 880px; height: 180px; margin-right: auto; margin-left: auto; background-color: #DDDDDD;} #promotion_flash{ width: 635px; height: 160px; float: left; padding: 15px 0 0 15px;} #promotion_text{ width: 190px; height: 150px; float:left; padding: 20px 15px 0 20px;} #promotion_text h2{ font-size: 16px; color:#666; font-family: Arial, Verdana, Geneva, sans-serif; margin: 0 0 5px 0;} #promotion_text h3{ font-size: 14px; color:#999; font-family: Arial, Verdana, Geneva, sans-serif; margin: 0 0 5px 0; font-weight: normal;} #promotion_text a{ width: 178px; height: 28px; display: block; color:#DBD4C4; margin: 20px 0 0 0; background: url(../images/btn_promotion.jpg) no-repeat; text-align: center; padding: 11px 0 0 0; font-weight: bold; font-size: 14px; text-decoration: none;} #promotion_text a:hover { color:#FFF;}