.clear {clear:both} #tab-nav-wrapper {width:900px; height:36px} #search-nav-wrapper {width:214px; float:left; background:URL(../../images/search-guidednav.jpg) no-repeat 0 0; } /* 1. Pagination and Info Bar ==================================*/ #total-count {width:192px; height:67px; background: url(../../images/count-bg1.gif) no-repeat 0 0; text-align:center} #total-count p {padding:0; padding-top:0px; margin:0; font-family:arial; font-weight:bold; color:#db2325; padding-bottom:2px; line-height:25px} #total-count span {font-size:15px; font-family:arial; padding:0; margin:0; font-weight:bold; color:#676666; text-align:center!important; display:block; width:190px; margin-top:4px; letter-spacing:0px} #search-results-wrapper {width:686px; float:right; margin-top: 25px;} #search-results-wrapper UL.search-paging {color:#fff; font-family:tahoma; font-size:10px; padding-top:4px; margin:0; padding-left:0; background:URL(../../images/search-pg-bg.gif) no-repeat 0 0; height:29px; width:686px} #search-results-wrapper .search-paging LI {float:left; list-style:none} #search-results-wrapper .search-paging LI.total {margin-left: 5px; width:215px; padding-top:4px; font-size:11px; font-weight:bold; border:0px solid #fff} #search-results-wrapper .search-paging LI.totalpg {margin-left:5px; color:#fff; font-size:10px; padding-top:2px; border:0px solid #fff} #search-results-wrapper .search-paging LI.totalpg LABEL {display:none} #search-results-wrapper .search-paging LI.totalpg SELECT {padding:0; margin:0px; vertical-align:middle; font-size:10px; font-family:arial} #search-results-wrapper .search-paging LI.paging {margin:0 5px; font-weight:bold; padding-top:4px; width:185px; font-size:11px; color:#bedbf9; text-align:right; border:0px solid #fff; float: right;} #search-results-wrapper .search-paging LI.paging a {color:#fff; font-size:11px;} #search-results-wrapper .search-paging LI.paging a:visited {color:#fff} #search-results-wrapper .search-paging LI.paging a:hover {color:#bedbf9; text-decoration:underline} #search-results-wrapper .search-paging LI.paging a:active {color:#bedbf9} #search-results-wrapper .search-paging LI.paging a.selected {color:#fff; text-decoration:underline} #search-results-wrapper .search-paging LI.switch {margin-left:43px; font-weight:bold; height:20px; font-size:11px; font-family:arial; text-align:center; border:0px solid #fff; margin-top:2px; } #search-results-wrapper .search-paging LI.switch a {text-decoration:underline; color:#fff} #search-results-wrapper .search-paging LI.switch a:hover {text-decoration:none; color:#fff} #search-results-wrapper .search-paging LI.switch { margin-top:2px} #search-results-wrapper .search-paging LI.switch IMG {vertical-align:middle} #search-results-wrapper .search-paging LI.switch a.view-off-list {width:24px; height:18px; background:URL(../../images/view-list-selected.gif) no-repeat 0 0; float:left; display:block; margin-right:4px} #search-results-wrapper .search-paging LI.switch a.view-off-list em {position: absolute; left: -50000px;} #search-results-wrapper .search-paging LI.switch a.view-off-photos {width:43px; height:18px; background:URL(../../images/view-photos-selected.gif) no-repeat 0 0; float:left; display:block} #search-results-wrapper .search-paging LI.switch a.view-off-photos em {position: absolute; left: -50000px;} #search-results-wrapper .search-paging LI.switch a.view-on-photos {width:43px; height:18px; background:URL(../../images/view-photos-off.gif) no-repeat 0 0; float:left; display:block} #search-results-wrapper .search-paging LI.switch a.view-on-photos:hover {width:43px; height:18px; background:URL(../../images/view-photos-on.gif) no-repeat 0 0; float:left; display:block} #search-results-wrapper .search-paging LI.switch a.view-on-photos em {position: absolute; left: -50000px;} #search-results-wrapper .search-paging LI.switch a.view-on-list {width:24px; height:18px; background:URL(../../images/view-list-off.gif) no-repeat 0 0; float:left; display:block; margin-right:4px} #search-results-wrapper .search-paging LI.switch a.view-on-list:hover {width:24px; height:18px; background:URL(../../images/view-list-on.gif) no-repeat 0 0; float:left; display:block; margin-right:4px} #search-results-wrapper .search-paging LI.switch a.view-on-list em {position: absolute; left: -50000px;} #search-results-wrapper .search-paging LI.switch span {float:left; margin-top:2px; margin-right:3px; font-size:10px} /* 2. Spreadsheet View ============================== */ /* Headers */ #search-results-wrapper #search-headers {background:URL(../../images/search-headers-bg.gif) no-repeat 0 0; height:22px; width:686px; margin:0; padding:0; margin-top:5px} #search-results-wrapper #search-headers A {color:#5d5d5d; text-decoration: underline;} #search-results-wrapper #search-headers A:hover {color:#3b3a3a; text-decoration: none;} #search-results-wrapper #search-headers div {float:left; height:22px; background:url(../../images/search-header-dv.gif) repeat-y right; padding-top:0px; text-align:center; font-size:10px; color:#5e5e5e; font-weight:bold; line-height:20px} #search-results-wrapper #search-headers div.photo {width:65px} #search-results-wrapper #search-headers div.description {width:202px; background:none} #search-results-wrapper #search-headers div.approved {width:22px} #search-results-wrapper #search-headers div.year, #search-results-wrapper #search-headers div.colour {width:47px} #search-results-wrapper #search-headers div.seller {width:51px} #search-results-wrapper #search-headers div.location {width:80px} #search-results-wrapper #search-headers div.mileage, #search-results-wrapper #search-headers div.engine {width:56px} #search-results-wrapper #search-headers div.engine {width:52px} #search-results-wrapper #search-headers div.price {width:59px; background:none} #search-results-wrapper #search-headers div.selected {background: #d4d3d3 url(../../images/search-header-dv.gif) repeat-y right;} #search-results-wrapper #search-headers div.sorted A {text-decoration:none; color:#333; background:url(../../images/sort-arrows.gif) no-repeat right -8px; padding-right:10px; width: 8px; height: 7px;} #search-results-wrapper #search-headers div.sorted.sorted-asc A { color:#333; background-position: right 4px; padding-right:10px} /* results */ #search-results-wrapper UL.search-result {color:#000; padding:2px 0; width:684px; border: 1px solid #FFF; font-size:9px; margin: 4px 0; display:block; height:20px; overflow: hidden; } #search-results-wrapper UL.search-result.oddrow {background:#f2f0f0; border: 1px solid #f2f0f0;} #search-results-wrapper .search-result LI {float:left; text-align:center; list-style:none; border:0px solid #000; padding:4px 0; } #search-results-wrapper .search-result LI.vehicle-images {width:65px;} #search-results-wrapper .search-result LI.vehicle-images a { display: block; cursor: pointer; } #search-results-wrapper .search-result LI.vehicle-images img { display: block; float:left; margin-left: 3px; } #search-results-wrapper .search-result LI.vehicle-images SPAN { display: block; height:16px; border:0px solid #ccc; margin: -2px 0 0 9px;color:#4178ae; padding: 2px 0 0 22px; font-size:9px; padding: 2px 0 0 22px;text-align:left; font-weight:bold; background: transparent url(../../images/camera-spreadsheet.gif) no-repeat 8% 0;} #search-results-wrapper .search-result LI.vehicle-images SPAN p {padding:0; padding-left:19px; margin:0} #search-results-wrapper .sponsored-result-container .search-result LI.vehicle-images { padding:0; } #search-results-wrapper .sponsored-result-container .search-result LI.vehicle-images span { background: none;padding: 8px 10px 8px 3px; margin: 0;float: right;} #search-results-wrapper .search-result LI.vehicle-make-model {width:202px; text-align:left; font-size:10px;} #search-results-wrapper .search-result LI.vehicle-make-model A, #featured-listing li.vehicle-make-model a {color:#25568b; font-weight:bold} #search-results-wrapper .search-result LI.vehicle-make-model A:hover, #featured-listing li.vehicle-make-model a:hover {text-decoration:underline; color:#0077c0;} #search-results-wrapper .search-result LI.vehicle-make-model A:visited, #featured-listing li.vehicle-make-model a:visited {color:#9c459c;} #search-results-wrapper .search-result LI.vehicle-approved {width:22px; border:0px solid #ccc; border:0px solid #000; margin-top:-3px} #search-results-wrapper .search-result LI.vehicle-year {width:47px} #search-results-wrapper .search-result LI.vehicle-seller {width:51px} #search-results-wrapper .search-result LI.vehicle-seller SPAN.private {color:#da1010; font-size:9px; text-align:center} #search-results-wrapper .search-result LI.vehicle-seller SPAN.dealer {color:#4178ae; font-size:9px; text-align:center} #search-results-wrapper .search-result LI.vehicle-seller SPAN.dealer-simi {display:block; color:#4178ae; font-size:9px; padding-left:2px; text-align:left; background: transparent url(../../images/simi-spreadsheet.gif) no-repeat 95% 0;} #search-results-wrapper .search-result LI.vehicle-location {width:80px} #search-results-wrapper .search-result LI.vehicle-mileage, #search-results-wrapper .search-result LI.vehicle-engine {width:56px; text-align:center} #search-results-wrapper .search-result LI.vehicle-engine {width:50px; text-align:center} #search-results-wrapper .search-result LI.vehicle-colour {width:47px; height:12px} #search-results-wrapper .search-result LI.vehicle-colour SPAN.red {display:block; width:47px; height:22px; background: transparent url(../../images/colour/red.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.blue {display:block; width:47px; height:22px; background: transparent url(../../images/colour/blue.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.green {display:block; width:47px; height:22px; background: transparent url(../../images/colour/green.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.black {display:block; width:47px; height:22px; background: transparent url(../../images/colour/black.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.brown {display:block; width:47px; height:22px; background: transparent url(../../images/colour/brown.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.gold {display:block; width:47px; height:22px; background: transparent url(../../images/colour/gold.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.grey {display:block; width:47px; height:22px; background: transparent url(../../images/colour/grey.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.orange {display:block; width:47px; height:22px; background: transparent url(../../images/colour/orange.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.purple {display:block; width:47px; height:22px; background: transparent url(../../images/colour/purple.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.silver {display:block; width:47px; height:22px; background: transparent url(../../images/colour/silver.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.white {display:block; width:47px; height:22px; background: transparent url(../../images/colour/white.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.yellow {display:block; width:47px; height:22px; background: transparent url(../../images/colour/yellow.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.pink {display:block; width:47px; height:22px; background: transparent url(../../images/colour/pink.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.navy {display:block; width:47px; height:22px; background: transparent url(../../images/colour/navy.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.turquoise {display:block; width:47px; height:22px; background: transparent url(../../images/colour/turquoise.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN.no-colour {display:block; width:47px; height:22px; background: transparent url(../../images/colour/no-colour.gif) no-repeat 0 0;} #search-results-wrapper .search-result LI.vehicle-colour SPAN EM {display:none} #search-results-wrapper .search-result LI.vehicle-price {width:64px} /* 3. Thumbnail View ===========================*/ /* Headers */ #search-results-wrapper #search-headers-tn{background:URL(../../images/search-headers-bg.gif) no-repeat 0 0; height:22px; width:686px; margin:0; padding:0; margin-top:5px} #search-results-wrapper #search-headers-tn A {color:#5d5d5d; text-decoration: underline;} #search-results-wrapper #search-headers-tn A:hover {color:#3b3a3a; text-decoration: none;} #search-results-wrapper #search-headers-tn div {float:left; height:22px; background:url(../../images/search-header-dv.gif) repeat-y right; padding-top:0px; text-align:center; font-size:10px; color:#5e5e5e; font-weight:bold; line-height:20px} #search-results-wrapper #search-headers-tn div.photo {width:42px} #search-results-wrapper #search-headers-tn div.description {width:287px; text-align:left; padding-left:4px} #search-results-wrapper #search-headers-tn div.year {width:55px} #search-results-wrapper #search-headers-tn div.seller {width:64px} #search-results-wrapper #search-headers-tn div.location {width:86px} #search-results-wrapper #search-headers-tn div.mileage {width:71px} #search-results-wrapper #search-headers-tn div.engine {width:53px} #search-results-wrapper #search-headers-tn div.price {width:65px; background:none} #search-results-wrapper #search-headers-tn div.selected {background: #d4d3d3 url(../../images/search-header-dv.gif) repeat-y right;} #search-results-wrapper #search-headers-tn div.sorted A {text-decoration:none; color:#333; background:url(../../images/sort-arrows.gif) no-repeat right -8px; padding-right:10px; width: 8px; height: 7px;} #search-results-wrapper #search-headers-tn div.sorted.sorted-asc A {text-decoration:none; color:#333; background-position: right 4px; padding-right:10px} /* results */ #search-results-wrapper UL.search-result-tn {color:#000;padding-top:7px; margin:0;padding-left:0;height:87px;width:684px;border: 1px solid #FFF; display:block;font-size:10px;margin: 4px 0;} #search-results-wrapper UL.search-result-tn.oddrow {background:#f2f0f0; border: 1px solid #f2f0f0;} #search-results-wrapper .search-result-tn LI {float:left; text-align:center; list-style:none; font-size:11px;} #search-results-wrapper .search-result-tn LI.vehicle-images {width:84px; height: 62px; text-align: left;} #search-results-wrapper .search-result-tn LI.vehicle-images IMG {float: left; border:1px solid #a09f9f; height: 60px; } #search-results-wrapper .search-result-tn LI.vehicle-images IMG.icon {border:0; vertical-align:middle; height: auto;} #search-results-wrapper .search-result-tn LI.vehicle-images SPAN {float: left;position: relative; top: -62px;display: block;border:1px solid #a09f9f;background:#fff;width:18px;height: 11px;color:#8e8e8e;font-family:arial;font-size:9px;} #search-results-wrapper .search-result-tn LI.vehicle-make-model {width:205px; text-align:left; padding-left:3px} #search-results-wrapper .search-result-tn LI.vehicle-make-model A {color:#25568b; font-weight:bold; font-size:13px} #search-results-wrapper .search-result-tn LI.vehicle-make-model A:hover, #featured-listing li.vehicle-make-model a:hover {text-decoration:underline;color:#0077C0;} #search-results-wrapper .search-result-tn LI.vehicle-make-model A:visited, #featured-listing li.vehicle-make-model a:visited {color:#9c459c} #search-results-wrapper .search-result-tn LI.vehicle-make-model SPAN {text-align:left} #search-results-wrapper .search-result-tn LI.vehicle-make-model SPAN.variant {display:block; color:#000; font-size:10px; padding-top:2px} #search-results-wrapper .search-result-tn LI.vehicle-make-model SPAN.advert-details {display:block; color:#545454; font-size:10px; font-family:arial; padding-top:3px; height: 10px;} #search-results-wrapper .search-result-tn LI.vehicle-make-model SPAN.advert-details a {color:#25568b; font-size:10px; font-family:arial; text-decoration:underline} #search-results-wrapper .search-result-tn LI.vehicle-make-model SPAN.advert-details a:hover {text-decoration:none} #search-results-wrapper .search-result-tn LI.vehicle-year {width:55px} #search-results-wrapper .search-result-tn LI.vehicle-seller {width:64px} #search-results-wrapper .search-result-tn LI.vehicle-seller SPAN.private {color:#da1010; text-align:center; font-size:11px} #search-results-wrapper .search-result-tn LI.vehicle-seller SPAN.dealer {color:#4178ae; text-align:center; font-size:11px} #search-results-wrapper .search-result-tn LI.vehicle-seller SPAN.dealer-simi {display:block; color:#4178ae; padding-left:2px; height:40px; text-align:center; background: transparent url(../../images/simi-thumbnail.gif) no-repeat 50% 70%; font-size:11px} #search-results-wrapper .search-result-tn LI.vehicle-location {width:86px} #search-results-wrapper .search-result-tn LI.vehicle-mileage {width:71px} #search-results-wrapper .search-result-tn LI.vehicle-engine {width:51px} #search-results-wrapper .search-result-tn LI.vehicle-price {width:65px; height: 13px; min-height: 13px;} #search-results-wrapper .search-result-tn LI.vehicle-year .thumb-used-approved {display:block; text-align:center} /* standard hover colour */ #search-results-wrapper ul.search-result-tn.search-hover, #search-results-wrapper ul.search-result-tn.oddrow.search-hover, #search-results-wrapper ul.search-result.search-hover, #search-results-wrapper ul.search-hover, #search-results-wrapper ul.search-result-tn:hover, #search-results-wrapper ul.search-result-tn.oddrow:hover, #search-results-wrapper ul.search-result.oddrow:hover, #search-results-wrapper ul.search-result:hover{background-color: #DFDFDF; border: 1px solid #DFDFDF; cursor: pointer; } /* 4. colour wash styles =============================== */ /* green colourwash */ #search-results-wrapper .colourwash-201 ul, #search-results-wrapper .colourwash-201 ul.oddrow {background-color: #c5dfbf; border: 1px solid #a3cd99;} #search-results-wrapper .colourwash-201 ul.search-hover, #search-results-wrapper .colourwash-201 ul.oddrow.search-hover, #search-results-wrapper .colourwash-201 ul.oddrow:hover {background-color: #a3cd99;border: 1px solid #a3cd99;} /* yellow colourwash */ #search-results-wrapper .colourwash-202 ul, #search-results-wrapper .colourwash-202 ul.oddrow {background-color: #FFFB9C;border: 1px solid #ebeb59;} #search-results-wrapper .colourwash-202 ul.search-hover, #search-results-wrapper .colourwash-202 ul.oddrow.search-hover {background-color:#f0f07d;border: 1px solid #f0f07d;} /* peach colourwash */ #search-results-wrapper .colourwash-203 ul, #search-results-wrapper .colourwash-203 ul.oddrow {background-color: #ffe2bf;border: 1px solid #ffd099;} #search-results-wrapper .colourwash-203 ul.search-hover, #search-results-wrapper .colourwash-203 ul.oddrow.search-hover, #search-results-wrapper .colourwash-203 ul.oddrow:hover {background-color: #ffd099;border: 1px solid #ffd099;} /* blue colourwash */ #search-results-wrapper .colourwash-204 ul, #search-results-wrapper .colourwash-204 ul.oddrow {background-color: #ADD0F4;border: 1px solid #A2C8EF;} #search-results-wrapper .colourwash-204 ul.search-hover, #search-results-wrapper .colourwash-204 ul.oddrow.search-hover, #search-results-wrapper .colourwash-204 ul.oddrow:hover {background-color: #A2C8EF;border: 1px solid #A2C8EF;} /*purple colourwash */ #search-results-wrapper .colourwash-205 ul, #search-results-wrapper .colourwash-205 ul.oddrow {background-color:#fff3ea;border: 1px solid #f2e0d5;} #search-results-wrapper .colourwash-205 ul.search-hover, #search-results-wrapper .colourwash-205 ul.oddrow.search-hover, #search-results-wrapper .colourwash-205 ul.oddrow:hover{background-color: #f2e0d5;border: 1px solid #f2e0d5;} /* 5. Compare Links ========================== */ #search-results-wrapper .search-result-tn LI.dealer-logo {float: right;background-repeat: no-repeat;width: 100px;height: 40px;max-height: 40px;margin: 20px 5px 5px 0;} #search-results-wrapper .search-result-tn LI.dealer-logo em {position: absolute;left: -5000px;} /* Bottom section of list advert */ #search-results-wrapper LI.search-listing-bottom { clear: both;width: 100%;margin-top: -38px; } #search-results-wrapper LI.compare-links { display: inline; float: left; position: relative; top: 42px; left:0; font-weight: bolder; padding: 5px 5px 0 0; } #search-results-wrapper LI.search-listing-bottom LI.compare-links a, #search-results-wrapper LI.search-listing-bottom LI.compare-links a:visited, #search-results-wrapper LI.search-listing-bottom LI.compare-links a:hover {color: #3174bf; line-height: 1.4em;padding: 1px 4px 0 4px;display: inline-block;} #search-results-wrapper LI.search-listing-bottom LI.compare-links a:hover {color: #215184;} #search-results-wrapper LI.compare-links a span {height: 15px;width: 17px;display: block;float: left;} #search-results-wrapper LI.compare-links a.add-to-compare-link span { background-position: -18px 0; height: 15px; } #search-results-wrapper LI.compare-links a.view-compare-link span {background-position: -37px 0; padding: 0 0 0 1px; } DIV#content #search-results-wrapper LI.search-listing-bottom LI.compare-links a.remove-link {color: #DD0000; font-weight: normal;} /* hide bg image and reset spacing*/ #search-results-wrapper LI.search-listing-bottom LI.compare-links a.view-compare-link {padding: 0; margin-left: -1px; margin-top: 1px} /* resets border for inner ul of listing links */ #search-results-wrapper LI.search-listing-bottom ul { border: 0;} /* 6. Sliders ========================== */ .searchBlock p{color:#000;display:inline;float:left;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;line-height:125%;text-align:center;width:180px;margin:12px 0 15px 5px;} .useBlurb span.pricecurrency {font-family:tahoma!important;font-size:11px;color:#dd0001;font-weight:bold;} .useBlurb a.currencychange {font-family:tahoma!important;font-size:11px;display:block;letter-spacing:0px;text-decoration:underline;color:#dd0001;font-weight:bold;} .useBlurb a.currencychange:hover {font-family:tahoma!important;font-size:11px;text-decoration:none; letter-spacing:0px; color:#dd0001!important;font-weight:bold;} .histoBars{float:left;position:relative;} .labels{display:none;} span.euro{color:#4577aa;font-size:12px;} .useBlurb p{color:#353535;display:inline;float:left;font-family:tahoma, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:125%;text-align:center;width:190px;margin:10px 0 0 0; margin-bottom:0} .useBlurb em{font-style:normal;color:#4577aa; font-weight:bold;font-family:tahoma, Helvetica, sans-serif;font-size:12px;} #priceRangeSliderContainer,#yearRangeSliderContainer,#engineSizeSliderContainer,#mileageSliderContainer{display:inline;float:left;height:250px;overflow:hidden;width:190px;margin:0;} span.selectedNumCarsText{color:#4577aa;text-transform:uppercase;font-size:14px;} span.selectedCarsText{color:#4577aa;font-size:12px;} .histoArea{border-bottom:1px solid #92A5BA;display:inline;float:left;height:50px;/**position:relative; removing relative prevents histogram left jump on year slider **/ } .bars{height:50px;margin-right:-1px;} .sliderArea{display:inline;float:left;height:19px;} .ui-slider{height:19px;position:relative;background:url(../../images/guidedNavigation/smallSliderBackground.png) no-repeat 50% 8px;} .ui-slider-handle{cursor:pointer;height:3px;position:absolute;top:0;z-index:1;} .ui-slider-range{height:100%;position:absolute;width:100%;background:url(../../images/guidedNavigation/smallSliderRangeBackground.png) no-repeat 50% 8px;} .label{bottom:-19px;height:19px;overflow:hidden;position:absolute;width:11px;} #leftLabel,#rightLabel{color:#333;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:10px;font-weight:700;} #leftLabel{line-height:50px;text-align:left;background:url(../../images/guidedNavigation/smallSliderHandle.png) no-repeat;} #rightLabel{line-height:70px;text-align:right;background:url(../../images/guidedNavigation/smallSliderHandle.png) no-repeat 100% 0;} .rangeText p{color:#646464;display:inline;float:left;font-size:13px!important;font-weight:700;line-height:125%;text-align:center;width:100%;font-family:Tahoma, Arial, Helvetica, sans-serif;} span.priceMin,span.priceMax,span.yearMin,span.yearMax,span.engineSizeMin,span.engineSizeMax,span.mileageMin,span.mileageMax{color:#4577aa;font-size:13px;font-weight:700;font-family:Tahoma, Arial, Helvetica, sans-serif;} .rangeText{display:inline;float:left;font-family:Tahoma, Arial, Helvetica, sans-serif;width:180px;margin:12px 0 0 5px; font-size:13px!important} .rangeText p span#yearMaxOuterWrapper, .rangeText p span#engineSizeMaxOuterWrapper {font-size:13px} #yearRangeSliderContainer .bars{width:13px;background:url(../../images/guidedNavigation/smallYearHistoBarOn.png) no-repeat 100% 0; } #yearRangeSliderContainer .off{background:url(../../images/guidedNavigation/smallYearHistoBarOff.png) no-repeat 100% 0;} #yearRangeSliderContainer .ui-slider-handle{width:11px;} #yearRangeSliderContainer #leftLabel{left:1px;} #yearRangeSliderContainer #rightLabel{right:0;} #priceRangeSliderContainer .bars{width:6px;background:url(../../images/guidedNavigation/smallHistoBarOn.png) no-repeat 100% 0;} #priceRangeSliderContainer .ui-slider{width:175px;} #priceRangeSliderContainer .ui-slider-handle{width:5px;} #engineSizeSliderContainer .bars{width:7px;background:url(../../images/guidedNavigation/smallHistoBarOn.png) no-repeat 100% 0;} #engineSizeSliderContainer .ui-slider-handle{width:6px;} #engineSizeSliderContainer #rightLabel{right:-5px;} #mileageSliderContainer .bars{width:8px;background:url(../../images/guidedNavigation/smallMileageHistoBarOn.png) no-repeat 100% 0;} #mileageSliderContainer .off{background:url(../../images/guidedNavigation/smallMileageHistoBarOff.png) no-repeat 100% 0;} #mileageSliderContainer .ui-slider{width:161px;} #mileageSliderContainer .ui-slider-handle{width:7px;} #yearRangeSliderContainer .histoArea {width:171px;margin:0 0 0 10px; text-align:center;} /** width increased by 2px to fix the IE shift left bug **/ #yearRangeSliderContainer .sliderArea{width:168px;margin:0 0 0 10px;} #yearRangeSliderContainer .ui-slider,#engineSizeSliderContainer .ui-slider{width:168px;} #priceRangeSliderContainer .histoArea,#priceRangeSliderContainer .sliderArea{width:175px;margin:0 0 0 8px;} #priceRangeSliderContainer .off,#engineSizeSliderContainer .off{background:url(../../images/guidedNavigation/smallHistoBarOff.png) no-repeat 100% 0;} #priceRangeSliderContainer #leftLabel,#engineSizeSliderContainer #leftLabel,#mileageSliderContainer #leftLabel{left:-5px;} #priceRangeSliderContainer #rightLabel,#mileageSliderContainer #rightLabel{right:-6px;} #engineSizeSliderContainer .histoArea,#engineSizeSliderContainer .sliderArea{width:168px;margin:0 0 0 11px;} #mileageSliderContainer .histoArea,#mileageSliderContainer .sliderArea{width:161px;margin:0 0 0 13px;} /* 7. Featured Listing ===========================*/ #featured-listing {background: #D6E7F7;border: 1px solid #B5CFE7; margin: 8px 0 7px; padding:7px 7px 7px 10px;font-size: 11px; overflow:hidden;width: 667px;position: relative;} #featured-listing:hover, #featured-listing.search-hover {background-color: #ADD7EF;cursor: pointer;} #featured-listing li, #featured-listing li a, #featured-listing li a span { font-size: 1em;vertical-align: top;} #featured-listing .listing-header {margin: 0 0 10px 0; float:left; width: 100%;} #featured-listing .listing-header .left-label {float:left;font-size: 1em;} #featured-listing .listing-header .right-label {float: right;font-weight: bold; font-size: 1em;padding-top: 2px;} #featured-listing .listing-header .left-label em {font-weight: bold;font-style: normal;} #featured-listing .listing-header .left-label .dealer-name {font-size: 1.2em;} #featured-listing .vehicle-images {float:left;display:list-item;border: 1px solid #666;width: 144px;height: 108px;margin-right: 10px;} #featured-listing .featured-content, #featured-listing .vehicle-images img, #featured-listing .left-text-container, #featured-listing li.left-bullets ul {float:left;} #featured-listing .text-content { display: inline;} #featured-listing .right-text-container { float:right;width: 75px;} #featured-listing .vehicle-make-model { vertical-align: top;font-size: 1.3em;font-weight: bold;margin: 0;float:left;width: 408px;} #featured-listing .vehicle-price {font-size: 1.47em;color: #ce0810;font-weight: bold;text-align: right;vertical-align: top;display: block;float:right;} #featured-listing .vehicle-price span { color: #000;font-size: 0.62em;font-weight: normal;text-align: right;float:right;} #featured-listing li.left-bullets { clear: left;float:left;padding:0px;margin: 10px 10px 0 0;white-space: nowrap; width: 100px;height: 66px;} #featured-listing li.left-bullets li {padding: 2px 0;vertical-align: middle;margin-left: 15px;display: list-item;list-style-type: disc;} #featured-listing li.advert-details { display:list-item;margin: 10px 0 5px 5px;font-family: arial, helvetica, sans-serif;color: #545454;float:left;width: 295px;height: 30px;} #featured-listing li.advert-details a { color: #0077C0; text-decoration: underline;} #featured-listing .advert-details a:hover { text-decoration: none;} #featured-listing .advert-details a:visited { color: #CC0000;} /* Featured Listing Footer */ #featured-listing li.featured-listing-footer {line-height: 2em; display: block;} #featured-listing li.featured-listing-footer ul.left-links { width: 300px;} #featured-listing li.featured-listing-footer ul.left-links li {margin-right: 10px;} #featured-listing li.featured-listing-footer ul.left-links li a {font-size: 0.92em; color: #444;font-weight: bold;} #featured-listing li.featured-listing-footer ul.left-links li {float:left; padding: 0;display: block;} #featured-listing li.featured-listing-footer ul li.icons a {background: url(../../images/at/featured-listing-icons.gif) 0 -2px no-repeat;padding: 0 0 0 32px; line-height: 1.7em;display: block;} #featured-listing li.featured-listing-footer ul li.slideshow-link a {background-position: 0 -21px;} #featured-listing li.featured-listing-footer ul li.dealer-link {margin-left: 20px;background-position: 0 -39px;padding: 0 0 0 29px;} #featured-listing .dealer-logos .dealer-logo {width: 100px;max-width: 100px;height: 40px;max-height: 40px;font-size: 0.6em;background: no-repeat 0 0 transparent;float:right;position: relative;margin: 0;} #featured-listing .dealer-logos .simi-logo {width: 36px;max-width: 36px;height:40px;max-height: 40px;float:right;background: no-repeat 0 0 transparent;margin: 0px 0 -2px 2px;} #featured-listing .dealer-logos {width: 156px;float: right;margin: -22px 0 0 0; /* Minus Margin so aligns with footer links */} #featured-listing li.featured-listing-footer ul li.dealer-logos em, #featured-listing .dealer-logos em {position: absolute;top:0;left: -2000px;} /* Featured Listing Compare */ #featured-listing LI.compare-links { padding: 0; top:0; } #featured-listing LI.compare-links span {line-height: 1.4em; float: left;} #featured-listing LI.compare-links a, #featured-listing LI.compare-links a:hover, #featured-listing LI.compare-links a:visited { color: #3174BF;} DIV#content #featured-listing ul LI.compare-links span a.remove-link {color: #DD0000; font-weight: normal;} /* 8. Search Results ================================ */ button{cursor:pointer;} #navWrapper{float:left;display:inline;width:190px;background:#FFF; margin-top: 25px;} #breadcrumbArea {width:182px;font-family: arial;position:relative;background: url(../../images/guidedNavigation/breadcrumb-box-sprite.gif) no-repeat 0 -12px #fff;padding: 0 5px;margin:15px 0 0 0;display:none; } #breadcrumbArea h3{color:#4279b5;font-size:16px;font-weight:800;width:100%;margin:5px 0 0 0; padding: 5px 0 0 0;} #breadcrumbArea #clearBreadCrumbs{margin:0;color:#4577aa;text-decoration:underline;background:url(../../images/guidedNavigation/bin.gif) no-repeat 0 2px; padding-left:10px} #breadcrumbArea em {display:none;} #breadcrumbArea ul{width:180px; margin: 10px 0;} #breadcrumbArea .breadcrumbFooter {background: url(../../images/guidedNavigation/breadcrumb-box-sprite.gif) no-repeat 0 0 #fff; width: 192px; height: 13px; margin-left: -5px;} #breadcrumbArea li{color:#000;font-size:10px;margin-bottom:1px;position:relative;width:100%; border:0px solid #000; line-height:10px; margin:0; padding-bottom:3px} html>body #breadcrumbArea li{margin-bottom:4px;} #breadcrumbArea a{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:10px;margin-left:11px;} #breadcrumbArea a:hover{text-decoration:none;} #breadcrumbArea li span.bcLocked{cursor:wait;display:block;height:12px;position:absolute;right:0;top:0;width:12px;background:url(../../images/lockIcon.png) no-repeat;} #breadcrumbArea li.locked{color:#AFC3DB;} #zeroResultsBreadcrumbArea{border-left:0px solid #1e4e81;border-right:0px solid #1e4e81;border-top:0px solid #1e4e81;width:350px;position:relative;} #zeroResultsBreadcrumbArea ul{display:inline;float:left;margin-top:10px;overflow:hidden;width:260px;margin-left:120px; margin-bottom:10px} #zeroResultsBreadcrumbArea li{color:#000;display:inline;float:left;font-size:10px;font-weight:700;margin-bottom:8px;position:relative;text-indent:11px;width:100%;} h2#refineBy{background:#fff;padding-top:20px;height:23px;/**text-indent:-9999px**/color:#2e5f91;font-size:13px;font-weight:bold;font-family:tahoma;width:100%;/**background:url(../../images/at/guidedNavigation/txtRefineBy1.png) no-repeat;**/} #refinements{background: url(../../images/guidedNavigation/bottomNavBg.gif) no-repeat 0 bottom;display:inline;float:left; } #refinements ul { border-left:1px solid #1e4e81;border-right:1px solid #1e4e81;border-top:1px solid #4577ab; padding-bottom: 110px; margin-bottom: 4px; position: relative; bottom:4px;} #refinements .refinementContainer ul { border: 0;} /* removes inner blue border */ #accordionMenu,#accordionMenu li{display:inline;float:left;width:190px; font-family:tahoma; } #accordionMenu li{position:relative;} #accordionMenu li .refinementContainer{display: none;float:left;position:relative;overflow:auto;width:190px;background:#fff;} li#makesModelsDrawer .refinementContainer,li#locationDrawer .refinementContainer{max-height:275px; } .refinementContainer #counties {width:161px} /** prevents the location from having horizontal scroll bar **/ li#priceRangeSizeDrawer .refinementContainer,li#yearsDrawer .refinementContainer,li#engineSizeDrawer .refinementContainer,li#mileageDrawer .refinementContainer{height:250px;} .navBlock{height:32px;width:100%;} #accordionMenu li a.navBlock{color:#072342!important;display:block;float:left;font-size:12px; font-weight:700;height:32px;line-height:32px;text-decoration:none;text-indent:30px;width:100%;background:url(../../images/guidedNavigation/bgNavBlock.png) no-repeat;} #accordionMenu li a.navBlock:hover{color:#fff!important;background:url(../../images/guidedNavigation/bgNavBlockHover.png) no-repeat;} #accordionMenu li a.navBlock.open,#accordionMenu li a.navBlock.open:hover{color:#fff!important;background:url(../../images/guidedNavigation/bgNavBlockOpen.png) no-repeat;} button.updateButton{border:none;display:none;height:18px;outline:none;position:absolute;right:4px;text-indent:-999em;top:6px;width:47px;background:url(../../images/guidedNavigation/btnUpdateResults.png) no-repeat;} #keywordSearchArea{display:inline;float:left;height:89px;width:192px;background:url(../../images/guidedNavigation/bgKeywordSearchArea.gif) no-repeat;} #keywordSearchArea h3 {margin-left:8px; font-size:12px; font-weight:700;font-family:tahoma,verdana!important; color:#072342!important; height:24px; margin-top:9px} #keywordSearchArea p#searchInput{display:inline;float:left;line-height:18px;margin-top:6px;width:100%;background:none} #keywordSearchArea p#searchInput span {display:block; margin-left:8px; margin-top:6px; font-family:tahoma, arial; font-size:9px; font-weight:normal; color:#000} #keywordSearchArea input#keywordSearch{border:1px solid #015f99;display:inline;float:left;height:18px;line-height:17px;margin-left:8px;width:123px; font-size:11px; font-family:tahoma; color:#000} #keywordSearchArea button#btnKeywordSearch{border:0px;color:#fff;font-family:tahoma, Helvetica, sans-serif;font-size:11px;height:22px;width:47px; padding: 0 2px; margin:0 0 0 4px;background:url(../../images/guidedNavigation/btnKeywordSearch.gif) no-repeat; font-weight:bold; text-align: center;} .refinementContainer input{display:block;float:left;} .refinementContainer label{color:#000;float:left;font-size:11px;font-weight:700;line-height:11px; font-family:tahoma; padding: 3px 0;} .refinementContainer span.numAdverts{color:#4F4E4E;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight:400;margin-left:4px; font-size:10px} .refinementContainer {margin-bottom:10px!important} #makesModelsTree{display:inline;float:left;width:167px;margin:10px 0;} #makesModelsTree ul { padding-bottom: 0px; } #makesModelsTree li{display:inline;float:left;width:158px;overflow:hidden;} #makesModelsTree li p{display:inline;float:left;width:158px;margin:2px 0 2px 2px;} html>body #makesModelsTree li p{display:inline;float:left;width:158px;margin:2px 0 2px 6px;} #makesModelsTree li p a.modelsHidden {background:url(../../images/carFinder/makes-blue-plus.gif) no-repeat 0 0;padding-left:16px;margin-left:3px;color:#071422!important;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;height:15px;float:left;} #makesModelsTree li p a.modelsHidden:hover {background:url(../../images/carFinder/makes-red-plus.gif) no-repeat 0 0;} #makesModelsTree li p a.modelsVisible {background:url(../../images/carFinder/makes-blue-minus.gif) no-repeat 0 0;padding-left:16px;margin-left:3px;color:#071422!important;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;height:15px;float:left;} #makesModelsTree li p a.modelsVisible:hover {background:url(../../images/carFinder/makes-red-minus.gif) no-repeat 0 0;} #makesModelsTree li p a.makeSelected {background:url(../../images/carFinder/makes-red-tick.gif) no-repeat 0 0;padding-left:16px;margin-left:3px;color:#071422!important;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:700;height:15px;float:left;} #makesModelsTree p.selectremoveall {font-size:9px; margin-left:3px; margin-top:0px; margin-bottom:4px} html>body #makesModelsTree p.selectremoveall {font-size:9px; margin-left:0px; margin-top:0px; margin-bottom:4px; padding-bottom:4px} #makesModelsTree p.selectremoveall a {font-size:9px; font-weight:bold; font-family:tahoma; text-decoration:underline; color:#000!important} #makesModelsTree p.selectremoveall a:hover {text-decoration:none} #makesModelsTree p.modelsChosen{color:#1766b5;cursor:pointer;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:400; margin-left:4px; padding-top:0; text-indent:20px; padding-bottom:1px; margin-bottom:2px} #makesModelsTree p.modelsChosen:hover {text-decoration:underline} #makesModelsTree p.selectedModelsText{font-weight:700;} ul.modelsContainer{display:none;float:left;width:158px;margin:2px 0 4px 14px;border:0px solid #000;} html>body ul.modelsContainer{margin:2px 0 4px 14px; font-weight:normal} ul.modelsContainer li{float:left;width:160px;height:18px;position:relative;margin:0px 0; font-size:11px; padding:0;} .modelsContainer li label{font-weight:normal;} #bodyTypes,#fuelTypes,#transmissionTypes,#counties,#colours,#quantitiesOfDoors,#sellerTypes{display:inline;float:left;width:90%;margin:10px 0 28px 8px; } #sellerType { border-bottom:1px solid #4577ab; }/* bottom blue border */ #bodyTypes>p,#fuelTypes>p,#transmissionTypes>p,#counties>p,#colours>p,#quantitiesOfDoors>p,#sellerTypes>p, #vehicleTypes>p {float:left;margin:1px; padding:0; width:100%; } #breadcrumbArea li span.parens,#zeroResultsBreadcrumbArea li span.parens{color:#fff;font-family:Tahoma, Verdana, sans-serif;font-size:10px;font-weight:400;} #breadcrumbArea li span.bcRemove,#zeroResultsBreadcrumbArea li span.bcRemove{cursor:pointer;display:block;height:12px;position:absolute;right:0px;top:0;width:12px;background:url(../../images/guidedNavigation/bgBreadcrumbRemove.png) no-repeat;} .noRefinementsMsg {font-size:11px; font-weight:bold; color:#000; padding-bottom:10px; width:160px; text-align:left!important; padding-left:5px} .noRefinementsMsg span {font-size:9px; color:#666; display:block} /* 9. Google Adverts =========================== */ #google-ads {position: relative;right: 0;top: 10px;float:right;font-family: arial, helvetica, sans-serif;font-size: 12px;width: 686px;padding: 0; margin-bottom: 30px;} #google-ads .google-advert { font: inherit; margin: 15px 0; } #google-ads .google-advert div { font-family: arial, helvetica, sans-serif; } #google-ads h3 a { color: #666!important; margin: 0px 0 10px 0px; font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; } #google-ads .google-advert a { text-decoration: none;} #google-ads .google-advert a:hover span{ text-decoration: underline; color: #21558C;} #google-ads .header-link { margin: 0 5px 0 0; float: left; } #google-ads .header-link a span{ font-size: 14px; color: #21558C; font-weight: bold; } #google-ads .description { padding: 2px 0; } #google-ads .description, #google-ads .google-advert .footer-link a span { font-family:arial, helvetica, sans-serif; font-size: 12px; } #google-ads .google-advert .footer-link { clear:both;text-align:left;} #google-ads .google-advert .footer-link a span { font-size: 12px; color: #d62021;} #google-ads .google-advert .footer-link a:hover span { text-decoration: underline; } #google-ads .google-box-footer {height: 7px;width: 100%; position: relative; margin-bottom: -15px; margin-left: -5px;padding-right: 5px;} /* 10. Accipter Banner Styles =========================== */ #outer-container {width: 100%;height: 100%;text-align:center;margin: 0 auto;} #outer-content-container {margin: 0 auto;text-align:center;width: 960px; } #outer-content-container #container {float: left; } #outer-dealer-container #container {float: none; } #temp-left-results-skyscraper {position: absolute; left: -5000px;top: -5000px;} #temp-fourth-result-banner {position: absolute;left: -5000px;top: -5000px;font-size: 1%;} .fourth-banner-container {width: 686px;padding: 1px 0;display: none;max-height: 85px;overflow: hidden;text-align:center;} #fourth-result-banner {text-align:center;} #left-results-skyscraper { text-align:center;position: relative;top: 20px;margin-bottom: 40px;clear: both;width: 160px;width: 100%;overflow: hidden;} #right-results-skyscraper { float:left;visibility: hidden;position: relative;left: 10px;top: 185px;height: 1px;}