/* ------------------------------ + Reset Css ------------------------------ */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,html,body,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} fieldset,img {border:0;} ol,ul {list-style:none;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} caption,th {text-align:left;} :focus {outline: 0;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym { border:0;} /* ------------------------------ + HTML REDEFINE TAGS ------------------------------ */ h1 {font-size:14px;} h1.index,h1.heading, h1.subtitle { padding:25px 0 17px 0; font-size:13px; font-weight:bold;} h1.heading { padding:0 0 17px 0; font-size:17px;} h2.title { padding:0 0 10px 0; font-size:13px;} h1.subtitle { padding:5px 0 8px 0; font-size:12px;} h2 {font-size:11px; color:#FFF; font-weight:bold;} h3 {font-size:10px; color:#FFF; font-weight:bold; padding:5px 0 2px 0;} h3.title3, h3.t2 {font-size:13px; padding:5px 0 2px 0;} h3.t2 {padding:7px 0 5px 0;} h2 {font-size:11px; color:#FFF; font-weight:bold;} h4 {font-size:11px; color:#FFF; padding:8px 0 2px 0;} a:link, a:visited{color:#FFFFFF; text-decoration:none;} a:hover, .active{text-decoration:underline; color:#FFCC00;} p.blue, .blue a:link, .blue {color:#8EB9DF; font-weight:normal;} p.text {padding-bottom:1.5em;} .white {color:#FFFFFF;} .bold {font-weight:bold;} .i {font-style:italic;} .t-alight {text-align:right;} .t-center, .panel {text-align:center;} .points{color:#FFCC00; font-weight:bold;} p.small {font-size:9px; color:#FFF; margin-top:15px; border-top:dotted 1px #B7BBBA; padding-top:10px;} /* ------------------------------ + PAGE STRUCTURE ------------------------------ */ html, body { background:#222B3B url(img/bg/body-bg.gif) repeat-x; font:11px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: left; margin:0;padding:0;} #container {width:960px; margin:0 auto; margin-top:35px; margin-bottom:35px; position:relative; height:auto !important; height:100%; min-height:100%; overflow:visible; border:3px solid #FFF;} /* ------------------------------ + HEADER ------------------------------ */ #header {width:auto; display:block; height:120px; background:url(img/bg/header-bg.jpg) repeat-x; border-bottom:3px solid #FFF;} /* ------------------------------ - LOGO ------------------------------ */ #header h1 {margin:18px 0 0 0; float:left; clear:right;} #header h1 a { background:url(img/logo/stewart-toyota.jpg); width:280px; height: 82px; text-indent:-2000px; display:block;} /* ------------------------------ - TOP NAV ------------------------------ */ #header .t-nav { background:url(img/bg/t-top-bg.jpg); width: 192px; height: 27px; margin-right: 13px; float: right; clear: right; display: inline;} ul li.one, ul li.two, ul li.three {list-style-position:inside; margin-left:9px; padding:6px 0 0 3px; float:left; font-family:"Lucida Grande", "Trebuchet MS", Helvetica; font-size:9px; } ul li.one {list-style-image: url("img/icons/home.gif");} ul li.two {list-style-image: url("img/icons/print.gif");} ul li.three {list-style-image: url("img/icons/sitemap.gif");} /* ------------------------------ - Adress & Details ------------------------------ */ #header .adbox {float: right; height: 63px; width: 650px; clear: right; margin:12px 13px 0 0; background: url(img/bg/address-bg.gif) no-repeat 52% 0%; font-size:10px;} #header .address1 { width: 185px; margin:0 0 0 0px;} #header .address2 { width: 240px; margin:0 0 0 0px;} #header .address3 { width: 225px; margin:0 0 0 0px;} /* ------------------------------ + Navigation Bar ------------------------------ */ #navbar {width:auto; display:block; height:41px; border-bottom:3px solid #FFF; background-color:#33485B;} #navbar span {display: none;} #navbar li, #navbar a {height:41px; display:block;} #navbar li {float:left;list-style:none;display:inline;} /* ----------------- - Navigation Iamge ----------------- */ .navbar-about, #About a {width:78px; background-image:url(img/nav/about-us.gif); } .navbar-toyota, #toyota a {width:104px; background-image:url(img/nav/toyota-range.gif); } .navbar-preowned, #preowned a {width:104px; background-image:url(img/nav/preowned-vehicles.gif); } .navbar-fleet, #fleet a {width:100px; background-image:url(img/nav/fleet-services.gif); } .navbar-financial, #financial a {width:120px; background-image:url(img/nav/financial-services.gif); } .navbar-services, #services a {width:62px; background-image:url(img/nav/services.gif); } .navbar-vehicle, #vehicle a {width:131px; background-image:url(img/nav/vehicle-accessories.gif); } .navbar-parts, #parts a {width:52px; background-image:url(img/nav/parts.gif); } .navbar-online, #online a {width:106px; background-image:url(img/nav/online-specials.gif);} .navbar-contact, #contact a {width:70px; background-image:url(img/nav/contact.gif);} /* ----------------- - Navigation Hover ----------------- */ .navbar-about a:hover, #About a {background:url(img/nav/about-us.gif) 0px -41px no-repeat; } .navbar-toyota a:hover, #toyota a {background:url(img/nav/toyota-range.gif) 0px -0px no-repeat; } .navbar-preowned a:hover, #preowned a {background:url(img/nav/preowned-vehicles.gif) 0px -41px no-repeat; } .navbar-fleet a:hover, #fleet a {background:url(img/nav/fleet-services.gif) 0px -41px no-repeat; } .navbar-financial a:hover, #financial a {background:url(img/nav/financial-services.gif) 0px -41px no-repeat; } .navbar-services a:hover, #services a {background:url(img/nav/services.gif) 0px -41px no-repeat; } .navbar-vehicle a:hover, #vehicle a {background:url(img/nav/vehicle-accessories.gif) 0px -41px no-repeat; } .navbar-parts a:hover, #parts a {background:url(img/nav/parts.gif) 0px -41px no-repeat; } .navbar-online a:hover, #online a {background:url(img/nav/online-specials.gif) 0px -41px no-repeat; } .navbar-contact a:hover, #contact a {background:url(img/nav/contact.gif) 0px -41px no-repeat; } /* ----------------- - Tab Child Nav ----------------- */ #menu { display:none; position:absolute; left:78px; top:123px; width:475px; height:234px; z-index:1; border-bottom:4px solid #8F1F28; background:url(img/nav/subnav.gif); overflow:hidden;} .tabnav li, .tabnav a {width:95px; height:41px; display:block; text-indent:-2000px;} .tabnav {background-image: url(img/icons/tab.png)!important; } .tabnav a:hover {background-image: url(img/icons/tab-hover.png)!important;} .tabheight {height:63px!important;} /* ------------------------------ + Sliding Gallery ------------------------------ */ #slider {width:auto; display:block; height:265px; overflow:hidden /*IE6*/; float:left; border-bottom:3px solid #FFF;} #slider li {width:auto; display:block; height:265px; overflow:hidden /*IE6*/; float:left;} #slider ul, #slider li {margin:0; padding:0; list-style:none; overflow:hidden; float:none;} span#prevBtn, span#nextBtn {display:none;} #control {position:absolute; left:695px; top:237px; width:265px; height:129px; z-index:1; background-image:url(img/bg/control-bg.png);} /*#congratulations {position:absolute; left:0px; top:312px; width:289px; height:120px; z-index:9; background:url(img/.png) no-repeat;}*/ /* ------------------------------ - Secondry Page Image Box ------------------------------ */ #image-box {width:auto; display:block; height:190px; border-bottom:3px solid #FFF; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} .b-home {height:264px!important; background:url(img/banners/home.jpg);} .b-about {height:190px; background-image:url(img/banners/about-us.jpg);} .b-promotion {height:190px; background-image:url(img/banners/promotion-new.jpg);} .b-toyotarange {height:190px; background-image:url(img/banners/toyota-range.jpg);} .b-preowned {height:190px; background-image:url(img/banners/pre-owned.jpg);} .b-fleet {height:190px; background-image:url(img/banners/fleet-services.jpg);} .b-finance {height:190px; background-image:url(img/banners/financial-services.jpg);} .b-service {height:190px; background-image:url(img/banners/service.jpg); display:none !important;} .b-accessories {height:190px; background-image:url(img/banners/vehicle-accessories.jpg);} .b-parts {height:190px; background-image:url(img/banners/parts.jpg);} .b-result {height:190px; background-image:url(img/banners/minisearch-result.jpg);} .b-specials {height:190px; background-image:url(img/banners/online-specials.jpg);} .b-employment {height:190px; background-image:url(img/banners/employment.jpg);} .b-contactus {height:190px; background-image:url(img/banners/contact-us.jpg);} .b-privacy {height:190px; background-image:url(img/banners/privacy.jpg);} .b-sitemap {height:190px; background-image:url(img/banners/sitemap.jpg);} .b-trangeresult {height:190px; background-image:url(img/banners/toyota-range-result.jpg);} .main {background:url(img/bg/h-main-bg.jpg) repeat-x; width:auto; height: auto; border-bottom:3px solid #FFF;} .bg {background:url(img/bg/main-bg.jpg) repeat-x; background-color:#1C1F2E !important;} /* ------------------------------ + column-left ------------------------------ */ #column-left { background:url(img/bg/column-left-bg.jpg) repeat-x; width:627px; height:280px; float:left; clear:right; border-right:3px solid #FFF;} #content { padding:31px 0 31px 10px; width:670px; height:auto; float:left; clear:right; padding-right:15px; } #contentlarge { padding:31px 0 31px 10px; width:915px; height:auto; float:left; clear:right; margin-left:12px; } .spliter {clear: right; float: left; height: 277px; width: 12px; background-image: url(img/bg/spliter-bg.gif);} /* ------------------------------ - column-left Modules ------------------------------ */ #column-left .module-1, .module-2 {clear: right; float: left; height: 204px; width: 282px;} .p-left1 {padding:0 4px 0 31px;} .devider {background:url(img/bg/devider.gif); padding-left:27px;} .new li, .new a, .st li, .st a {width:249px; height:80px; display:block; text-indent:-2000px;} .new-vehciles {background-image:url(img/thumb/new-vehicles.gif);} .new-vehciles a:hover {background-image:url(img/thumb/new-vehicles-o.gif);} .st-specials {background-image:url(img/thumb/toyota-specials.gif);} .st-specials a:hover {background-image:url(img/thumb/toyota-specials-o.gif);} .st-promotion {background-image:url(img/thumb/promotion.gif);} .st-promotion a:hover {background-image:url(img/thumb/promotion-o.gif);} .more {font-weight:bold; height: 15px; width: 75px; text-align:right; padding-right: 33px; float:right; clear:left;} /* ------------------------------ + Sidebar ------------------------------ */ .sidebar { clear: right; float: left; height: auto; width: 219px; padding-top:35px; padding-right: 10px; padding-left: 20px; } .sidebar-img li, .sidebar-img a {width:216px; height:78px; display:block; text-indent:-2000px;} .s-about {background-image:url(img/thumb/dealership.jpg);} .s-trange {background-image:url(img/thumb/toyota-range.gif);} .s-preowned {background-image:url(img/thumb/pre-owned.gif);} .s-fleet {background-image:url(img/thumb/fleet-services.gif);} .s-finance {background-image:url(img/thumb/financial-services.gif);} .s-service {background-image:url(img/thumb/service.gif);} .s-accessories {background-image:url(img/thumb/vehicle-accessories.gif);} .s-parts {background-image:url(img/thumb/parts.gif);} .s-result {background-image:url(img/thumb/minisearch-result.gif);} .s-specials {background-image:url(img/thumb/online-specials.gif);} .s-employment {background-image:url(img/thumb/employment.gif);} .s-contactus {background-image:url(img/thumb/contact-us.gif);} .s-privacy {background-image:url(img/thumb/privacy.gif);} .s-sitemap {background-image:url(img/thumb/sitemap.gif);} .s-trangeresult {background-image:url(img/thumb/toyota-range-result.gif);} .b-bar { background:url(img/bg/b-bar-bg.jpg) repeat-x; border-top:3px solid #FFFFFF; height:76px;} /* ------------------------------ + Hot Spot Module ------------------------------ */ .map li, .map a, .ser li, .ser a, .fin li, .fin a, .par li, .par a {width:81px; height:76px; display:block; text-indent:-2000px;} .map li.map-icon {background-image:url(img/icons/map.jpg)!important;} .ser li.ser-icon {background-image:url(img/icons/service.jpg)!important;} .fin li.fin-icon {background-image:url(img/icons/finance.jpg)!important;} .par li.par-icon {background-image:url(img/icons/parts.jpg)!important;} .ser a:hover {background-image:url(img/icons/service-o.jpg);} .map a:hover {background-image:url(img/icons/map-o.jpg);} .fin a:hover {background-image:url(img/icons/finance-o.jpg);} .par a:hover {background-image:url(img/icons/parts-o.jpg);} #column-right {width:325px; height:280px; float:left;} div.block {clear:both; display:block;} .direction {height: 56px; padding-top:20px; width: auto;} .wel {height: 56px; padding-top:20px; width: 570px;} /* ------------------------------ + Bullet Points ------------------------------ */ .icon ul, .icon-2 ul {list-style-type: none;} ul.icon li {padding: 0px 0px 0px 25px;background:url(img/icons/bullet.gif) no-repeat;margin: 0 0 3px 0px;} ul.icon-2 li {padding: 0px 0px 0px 25px;background:url(img/icons/astric.gif) no-repeat;margin: 0 0 3px 0px;} /* ------------------------------ + New Car Data Tabed Panels ------------------------------ */ ul.tabNav, ul.tabnav1 { float: left; list-style: none; font:bold 12px "Trebuchet MS", Arial, Verdana, "Lucida Grande"; color:#FFF; } ul.tabNav li, ul.tabnav1 { float: left; margin: 0 10px 0 0; padding: 0px 0 0; width: 141px; } ul.tabNav li.current { padding-top: 0; } ul.tabNav a, ul.tabnav1 a { background: #8F1F28; color: #FFF; display: block; padding: 5px; text-decoration: none; text-align:center; } ul.tabNav li.current a { background: #72171E; border: none; padding: 5px; text-decoration: underline; color: #FFCC00; } div.tabContainer { clear: both; float: left; width: 100%; } div.tabContainer div.tab { color: #000; display: none; } div.tabContainer div.current { display: block; } /*div.tab p:last-child { margin-bottom: 0; }*/ #panel,#panel1,#panel2 {height: auto; width: 625px; display: block;} #panel4 {height: 600px; width: 625px; display: block; padding-top:13px;} .mtop {margin-bottom:50px;} .mtop2 {margin-bottom:5px;} .enquiryb { width:217px!important; font-size:14px;} /* ------------------------------ - New Car Data Model Thumbnails ------------------------------ */ .model span {display: none;} ul.model li a {width: 136px; height:88px; border:solid 2px #CBD7E4;} ul.model li a:hover {border:solid 2px #FFCC00;} .model li {float:left; list-style:none; display:inline;} .model li, .model a {height:90px; display:block;} .model a:hover, .spon a:hover {} .model-holder, .spon-holder {width: 138px; margin-top:13px; margin-right:13px;} .aurion {background-image:url(img/models/aurion.gif);} .avensis {background-image:url(img/models/avensis.gif);} .camry {background-image:url(img/models/camry.gif);} .corolla {background-image:url(img/models/corolla.gif);} .rukus {background-image:url(img/models/rukus.gif);} .tarago {background-image:url(img/models/tarago.gif);} .yaris {background-image:url(img/models/yaris.gif);} .kluger {background-image:url(img/models/kluger.gif);} .landcruiser{background-image:url(img/models/landcruiser.gif);} .prado {background-image:url(img/models/prado.gif);} .rav4 {background-image:url(img/models/rav4.gif);} .hiace {background-image:url(img/models/hiace.gif);} .land70 {background-image:url(img/models/land70.gif);} .hilux {background-image:url(img/models/hilux.gif);} .fjcruiser {background-image:url(img/models/fjcruiser.gif);} /* ------------------------------ + Footer ------------------------------ */ * html div#flink {padding-top:41px;} #footer { background:url(img/bg/footer-bg.jpg) repeat-x; height:123px; width:auto; display:block;} #flink {text-align:center; font-size:10px; padding-top:30px; color:#CCCCCC; height:70px; background-image:url(img/bg/footer-link-bg.gif);} #flink ul {margin: 1.15em 0; padding: 0 3px; list-style: none;} #flink li {display: inline; margin: 0; padding: 0 0.2em 0 0.5em; background: url(img/icons/line.gif) left center no-repeat;} #flink .first {padding-left: 0; border: 0; background: none;} #flink a {font-size:10px;} /* ------------------------------ + Forms ------------------------------ */ .spacer {clear:both;height:4px;} .left_col,.left_col1, .left_col2 {clear: right; float: left; height: auto; width: 170px;} .left_col1 {width: 340px;} .left_col2 {width: 250px;} .p_right {padding-right:10px;} .p-left {padding-left:27px;} .b_box {float: right; height: auto; width: 77px; margin-left: 15px;} #contactFormArea input:focus, #contactFormArea textarea:focus, #contactFormArea select:focus {border: solid 1px #FFCC00;} #contactFormArea, #tradinghours, #animate, .box, .big-box {border:dotted 1px #B7BBBA; width:530px; padding:14px; margin: 0px 0 15px 0;} #contactFormArea h1 {font-size:12px; font-weight:bold; padding:0 0 8px 0;} #contactFormArea p, #tradinghours p, .big-box p, .box p {margin:0 0 6px 0; border-bottom:dotted 1px #B7BBBA; padding:0 0 4px 0;} #contactFormArea label {display:block; text-align:left; width:130px; float:left; font-size:10px; padding-bottom:2px;} #contactFormArea input, textarea, select {float:left; font-size:11px; border:solid 1px #B7BBBA; width:160px !important; margin-left: 0px; padding:1px 2px; margin-bottom: 5px;} .textarea1 {float:left; font-size:11px; border:solid 1px #B7BBBA; width:100% !important; margin-left: 0px; padding:1px 2px; margin-bottom: 5px;} #contactFormArea select { margin-bottom: 6px; width:166px !important; height:17px;} * html div#contactFormArea select {margin-bottom:3px;} * html div#contactFormArea textarea {height:96px;} #contactFormArea textarea {height:96px; overflow:visible;} #contactFormArea button { background-color:#8F1F28; clear:both; padding:0 0 0px 0; width:77px; height:22px; text-align:center; line-height:22px; color:#FFFFFF; font-size:11px; font-weight:bold; border:none; margin-top:10px;} .calculator label { display:block !important;} .big-box-nom {margin: 0px 0 15px 0;border-top:none;} .map-box {float: left; height: 180px; width: 548px; padding: 5px;border:dotted 1px #B7BBBA;} .sutherland {background:url(img/map/sutherland.jpg) no-repeat 50% 50%;} .rockdale {background:url(img/map/rockdale.jpg) no-repeat 50% 50%;} .rockdale2 {background:url(img/map/rockdale2.jpg) no-repeat 50% 50%;} .banksia {background:url(img/map/banksia.jpg) no-repeat 50% 50%;} .kirravie {background:url(img/map/kirravie.jpg) no-repeat 50% 50%;} * html div#contactFormArea .checkbox {width:15px!important;height:15px;} #contactFormArea .checkbox { width:13px!important;height:12px;} /* ------------------------------ - Form Animation ------------------------------ */ #animate, .box {width:198px; padding:8px; } .message {display:none;} .g-font-s {font-size:11px;} .list li {list-style-image:none; list-style-position:inside; list-style-type:disc!important;} /* ------------------------------ + Global CSS ------------------------------ */ .float-left { float:left;} .float-right { float:right;} .clear-left { clear:left;} .clear_right { clear:right;} .clear_none { clear:none;} .a-height {height:auto;} .fl-cr,.ser, .fin { float:left; clear:right;} .fr-cl { float:right; clear:left;} .cursor { cursor:pointer;} .top-m {margin-top:-18px;} * html .top-m {margin-top:-35px;} ul.list { margin:0 0 1.5em 30px;} ul.list li {padding-left:0px; list-style:outside;} .boxx { float:left; width:60px; border: 0 !important; margin: 0 !important; padding-left:0; } .boxx span { text-indent: 5px; float:left;} #contactFormArea input.radio { width:15px !important; height:15px; } .yellow { color:#FFCC00;} .sidebar p { margin-bottom:1.5em} .brochure { width: 217px !important; }