#nav li ul { behavior: url(iepngfix.htc); } /* General ---------------------------------------*/ body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; } body, input, td, th { font-family: Arial, Helvetica, sans-serif; } img { border:0px; } td, th { vertical-align:top; text-align:left } /* Font sizes */ body { font-size: 13px; color: #FFFFFF; line-height: 18px; } a { text-decoration:none; color: #99ccff; font-weight: bold; } a:hover { text-decoration:none; } ul, li { list-style-type:disc } ul { margin-left:15px; } ul li { padding-left:8px; } table, ul, dl, p { margin-bottom:15px; } h1 { font-size: 19px; line-height: 28px; color: #FFFF00; } h2 { font-size: 15px; line-height: 25px; color: #FFFF00; } h3 { font-size: 15px; line-height: 20px; color: #FFFFFF; } h4 { font-size: 12px; margin:0; color: #FFFF00; } .bodyBoldYellow, span.highlight { font-weight: bold; color: #FFFF00; } .enlargeMessage { color: #333333 } .preferredModel { color: #ffcccc } .right { text-align:right } /* Structure ---------------------------------------*/ body { text-align:center; background-color:#333; } #container { width:790px; margin:0 auto; background-color:#000; text-align:left; } #header { float:left; display:inline; height:170px; background:url(../images/banner-bg.gif) top left no-repeat } #logo, #banner, #banner-ad { display:inline; } #logo { width:164px; float:left; margin-left:34px; margin-top:5px; } #banner-ad { float:right; width:480px; height:90px; margin-top:20px; margin-right:15px } #nav { width:562px; margin-top:13px; margin-left:30px; float:right; display:inline; text-align:right;} #nav ul, #nav li { padding: 0; margin: 0; list-style: none; } #nav a { display: block; color:#fff; padding:0 8px; font-weight:bold; text-decoration:none } #nav li { float: left; line-height: 24px; background:none; /* width needed or else Opera goes nuts */ } #nav li ul { position: absolute; background:url(../images/template/dropdown-bg.png); left: -9999em; text-align:left } #nav li ul, #nav li ul li { width:122px; } #nav li li { padding:5px 0; line-height:18px; } #nav li a:hover { color:#99ccff; } .sectionHome #nav li.sectionHome a, .sectionBuy #nav li.sectionBuy a, .sectionFinance #nav li.sectionFinance a, .sectionInsurance #nav li.sectionInsurance a, .sectionSell #nav li.sectionSell a, .sectionAbout #nav li.sectionAbout a, .sectionContact #nav li.sectionContact a, .sectionBuy #nav li.sectionBuy li a:hover, .sectionAbout #nav li.sectionAbout li a:hover { color:#99ccff; } .sectionBuy #nav li.sectionBuy li a, .sectionAbout #nav li.sectionAbout li a { color:#fff; } /* lists nested under hovered list items */ #nav li:hover ul, #nav li.sfhover ul { left: auto; } #content { width:100%; padding-top:10px; } #content, #secondary, #primary { float:left; display:inline; } #primary { width:495px; margin-right:20px; float:right; } #secondary { width:240px; margin-left:20px; } .features .banner{ min-height: 150px; height: auto; } /* for Internet Explorer */ /*\*/ * html #secondary { height: 575px; } /**/ #primary .wrapper { margin:0 15px; } #footer { clear:both; margin:0 20px; padding-bottom:1px; } #footer #copyright, #footer #author { float:left; text-align:left; width:50%; display:inline; line-height:30px; } #footer #author { text-align:right } #footer h3 { font-size:13px; color:#ff0; margin:0; } #footer #sitedetails { padding-top:15px; } #footer #partner { float:left; display:inline; width:240px; display:none } #footer #partner img.logo { margin-right:10px; } #footer #partner p { margin:16px 0 0; } #footer p.links { font-weight:bold } /* Homepage ---------------------------------------*/ .sectionHome #content { margin-bottom:40px; } #intro { margin:0 0 25px; font-weight:bold; font-size:15px; } .sectionHome h1 { font-size:23px } /* Common Elements ---------------------------------------*/ /* Link Buttons */ .more a, .info a, .view-all a, .view-cars a, .find-cars a, .browse-cars a, .finance a, .insurance a, button.find-cars { background-position:top right; background-repeat:no-repeat; text-decoration:none; text-indent:-9999px; display:block; height:30px; } .more a { background-image:url(../images/buttons/more-grey.gif); } .find-cars a { background-image:url(../images/buttons/find-cars.gif); } .browse-cars a { background-image:url(../images/buttons/browse-cars.gif); } .view-cars a { background-image:url(../images/buttons/view-cars.gif); } .finance a { background-image:url(../images/buttons/finance.gif); } .insurance a { background-image:url(../images/buttons/insurance.gif); } .box .insurance a { float:left; display:inline; width:101px; } .box .finance a { float:right; display:inline; width:84px; } button.find-cars { border:0; background:url(../images/buttons/find-cars.gif) top right no-repeat; width:96px; display:block; margin-left:112px; cursor:pointer } button.find-cars:hover { background-position:bottom right; } .more a:hover, .info a:hover, .view-all a:hover, .view-cars a:hover, .find-cars a:hover, .browse-cars a:hover, .finance a:hover, .insurance a:hover { background-position:bottom right; } .actions { margin-top:20px } .actions li { margin-bottom:10px; } .error { font-weight:bold } /* Specific Elements ---------------------------------------*/ #car-of-the-week .more a { background-image:url(../images/buttons/more-red.gif); } #car-of-the-week .info a { background-image:url(../images/buttons/info.gif); } #car-of-the-week .view-all a { background-image:url(../images/buttons/view-all.gif); } #car-of-the-week .view-all { width:90px; float:left; display:inline;} #boxes { padding-top:15px; } #boxes .row1, #boxes .row2, #boxes .row-single, #boxes .calculator { float:left; display:inline; width:495px; clear:both; margin-bottom:10px; } #boxes .row1 { background:url(../images/homepage/boxes-row1-bottom.gif) bottom center no-repeat; } #boxes .row2, #boxes .row-single { background:url(../images/homepage/boxes-row2-bottom.gif) bottom left no-repeat; } #boxes .row-single { width:50%; } #boxes .calculator { margin-bottom:80px; } #boxes .calculator { background:url(../images/homepage/boxes-row2-bottom.gif) no-repeat; background-position:-255px bottom } #boxes h3 { color:#fff; padding:10px 15px; margin:0; font-size:18px; } #boxes p, #boxes form { margin:0 15px 15px; } #boxes .box { float:left; display:inline; width:240px; margin-left:15px; } #boxes .first { margin-left:0; } .row1 h3 { background:url(../images/homepage/boxes-box2-row1-top.gif) top center no-repeat; } .row2 h3, .row-single h3, .calculator h3 { background:url(../images/homepage/boxes-row2-top.gif) top center no-repeat; } .row1 .first h3 { background:url(../images/homepage/boxes-box1-row1-top.gif) top center no-repeat; } #buy-car .photo { margin-bottom:3px; } #search-results { margin-bottom:20px; } #search-results tr.first th { background:#333} #search-results tr.first th.start, #search-results tr.first th.end { background:#333 url(../images/template/search-table-border-top.gif) top left no-repeat } #search-results tr.first th.end { background-position:top right; } #search-results td, #search-results th { text-align:left; } #search-results th { color:#FFFF00; line-height:25px; padding:0 12px;} #search-results td { padding:6px 12px 6px 12px; } #search-results tr.alt td { background-color:#242424; } #search-results td.index { color:#999; } table#car-details { width:255px; float:left; display:inline; } #car-details td, #car-details th { text-align:left; padding:6px 8px; background-color:#242424; } #car-details th { font-weight:bold; padding:6px 15px; width:100px;} #car-details td { width:155px; } #car-details tr.alt td, #car-details tr.alt th { background-color:#191919; } #car-details tr.price td, #car-details tr.price th { font-size:17px; font-weight:bold; color:#ffff00; } /*#car-photos { width:209px; float:right; display:inline; margin-right:15px; } #car-photos ul, #car-photos li { margin:0; padding:0; list-style-type:none } #car-photos li { margin-bottom:10px; } #car-photos p { color:#666; font-size:12px; margin-top:-5px; line-height:15px }*/ #car-photos { width:220px; float:right; display:inline; margin-right:5px; } #picLarge { margin-bottom:10px } #car-photos ul, #car-photos li { margin:0; padding:0; list-style-type:none } #car-photos li { margin-bottom:10px; float:left; display:inline; margin-right:10px; } #car-photos li img { width:100px; height:80px;} #car-photos p { color:#666; font-size:12px; line-height:15px; clear:both; } #location-map { margin:15px 0 30px; } #location-map .map { width:210px; float:left; display:inline; } #location-map .details { margin-left:45px; width:210px; float:left; display:inline; } /* Sidebar Feature Boxes ---------------------------------------*/ .feature { margin-bottom:15px; background-position:bottom center; background-repeat:no-repeat; padding-bottom:1px; } .feature .wrapper { margin:0 15px 1px 15px; } .feature h2 { margin:0; } #car-of-the-week { background-color:#903; background-image:url(../images/sideboxes/red-border-bottom.gif); } #car-for-sale { background-color:#666; background-image:url(../images/sideboxes/grey-border-bottom.gif); } #test-drive { background-color:#666; background-image:url(../images/sideboxes/grey-border-bottom.gif); display:none; } .sectionBuy #test-drive { display:block; } #test-drive h3 { color:#FFFFFF; font-size:18px; margin:0; padding:10px 15px; background:url(../images/homepage/boxes-row2-top.gif) no-repeat center top;} #car-of-the-week h2 { margin-bottom:5px; } #car-of-the-week p.photo { background-color:#eee; margin-bottom:15px } #car-of-the-week p.photo img { width:210px; } #car-of-the-week p.highlight { font-weight:bold; margin-bottom:7px} ul.staff, ul.staff li { margin:0; padding:0; list-style-type:none } ul.staff { margin:30px 0; } ul.staff li .photo { float:left; display:inline; width:115px; margin-top:6px; } ul.staff li .description { float:right; display:inline; width:345px; } ul.staff li { clear:both; margin-bottom:20px; } ul.paging, ul.paging li { margin:0; padding:0; list-style-type:none } ul.paging { margin-bottom:20px; text-align:right } ul.paging li { display:inline; } ul.paging li.first { margin-right:3px; } .sort { text-align:right; margin:0 0 5px; } .sort strong { color:#ff0 } .sort, ul.paging { margin-right:10px; } .dealer-details h2 { margin-bottom:0; } .dealer-details { margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #333; } #map { margin: 0; background-color:#fff; width: 237px; height: 300px; float: left; display:inline; margin-bottom: 10px; } /* Forms ---------------------------------------*/ #search-cars { background-color:#c06; background-image:url(../images/sideboxes/pink-border-bottom.gif); } #search-cars form label { font-weight:bold; } .radio-buttons label { margin-right:8px; padding:0; } .radio-buttons input { margin:0; padding:0; } #search-cars label.note { color:#FFCCCC; font-weight:normal; } #search-cars #manufacturer_id, #search-cars #model_id { width:210px; margin: 5px 0 7px; } .folaigh { display: none; } #formContact .contacts label { float: left; display: inline; width: 55px; } #formContact label.long { float: left; display: inline; width: 90px; } #formContact label.major { display: block; } #formContact p.actions { padding-left: 177px; } form em { color: #ff0; font-style: normal; } p.alert { color: #ff0; } #formContact .contacts input { width: 205px; } #formContact textarea { width: 260px; height: 140px; } #formContact select { width: 168px; } #formTax label { display: block; } #formTax select { float: left; display: inline; width: 107px; margin-right: 25px; } #formTax #tax { float: left; display: inline; width: 60px; background-color: #000; color: #fff; font-weight: bold; padding: 3px 9px; text-align: right; } #formTax p.actions { clear: both; } #formAdvancedSearch table { border-collapse:collapse } #formAdvancedSearch td, #formAdvancedSearch th { padding:8px 4px; border:0; border-bottom:1px solid #222; } #formAdvancedSearch th { width:40%; } /* Hacks ---------------------------------------*/ .clear { clear:both; }