/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Shields Type: Screen, Projection Description : Screen and projection stylesheet Shields site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/layup/bodyBg.gif) top left repeat-x; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:893px; margin:0 auto; text-align:left; font-size:110%; } #printHeader { display:none;} #header { height:95px; position:relative; width:885px; margin: 0 4px;} #header #logo { width:135px; height:90px; position:absolute; top:0px; left:20px;} #header #telephoneLeft { width:222px; height:35px; position:absolute; top:60px; left:400px;} #header #telephoneRight { width:222px; height:35px; position:absolute; top:60px; left:650px;} #header #telephoneLeftFranchise { width:222px; height:35px; position:absolute; top:60px; left:285px;} #header #telephoneRightFranchise { width:222px; height:35px; position:absolute; top:60px; left:535px;} #header #franchiseLogo { width:100px; height:90px; position:absolute; top:0px; left:773px;} #content {} #content .padding { padding:12px 20px 15px 20px; line-height:130%;} #cmsImage { float:right; width:313px; height:240px; margin:0 -5px 15px 15px; display:inline; background:url(../images/layup/imageBg.gif) 0px 0px no-repeat; position:relative;} #cmsImage .image { position:absolute; top:10px; left:10px;} #locationHeading { padding: 14px 0px 0px 10px; } #dealerDetails #directions { width: 288px; float: left; } #dealerDetails #showroom { float: left; width: 359px; } #dealerDetails #address { width: 288px; float: left; padding-top: 10px; } #dealerDetails #address .locationPadding { padding: 0px 20px 0px; } #dealerDetails #openingHours { width: 359px; float: left; padding-top: 10px; } #googleMapHolder { width: 280px; height: 271px; background: url(../images/layup/googleMapBg.gif) no-repeat; } #googlePadding { padding: 4px 0px 0px 4px; } /* ----- GROUP HOMEPAGE ----- */ #groupMainImg { width:749px; height:229px; padding:9px 0 4px 9px; position:relative; float:right; } #groupMainImg .frame { position:absolute; left:0; top:0; } #franchiseJumps { width:135px; float:left; } #franchiseJumps div { float:left; } #franchiseJumps .clear { float:none; } #franchiseJumps a { outline:none; display:block; } #franchiseJumps span { display:none; } #franchiseJumps .toyota a { width:135px; height:84px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat 0 0; } #franchiseJumps .landRover a { width:135px; height:81px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat 0 -84px; } #franchiseJumps .usedCars a { width:135px; height:75px; background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat 0 -165px; } #franchiseJumps .toyota a:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -135px 0px; } #franchiseJumps .landRover a:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -135px -84px; } #franchiseJumps .usedCars a:hover { background:url(../images/layup/spriteFranchiseSelect.jpg) no-repeat -135px -165px; } #groupFlash { width:893px; height:365px;} #groupJumps { background:url(../images/layup/boxTopBg.gif) top left no-repeat; width:893px; height:340px;position:relative;} #groupJumps #groupUsedCarSearchJump { width:216px; height:340px; position:relative; float:left; display:inline; margin: 8px 0 0 8px; /*background:url(../images/layup/boxBottomBg.gif) bottom left no-repeat;*/} #groupJumps #groupUsedCarSearchJump #iconSearch { position:absolute; top:10px; left:148px;} #groupJumps #groupUsedCarSearchJump fieldset { display:block; padding-top:17px;} #groupJumps #groupUsedCarSearchJump select { width:175px; margin: 0 0 8px 15px;} #groupJumps #groupUsedCarSearchJump #advancedSearch { position:absolute; top:165px; left:17px; line-height:110%;} #groupJumps #groupUsedCarSearchJump #usedCarSubmit { width:35px; height:30px; position:absolute; top:163px; left:155px;} #groupJumps #groupOffersJump { width:216px; height:340px; position:relative; float:left; margin: 8px 0 0 4px; /*background:url(../images/layup/boxBottomBg.gif) bottom left no-repeat;*/} #groupJumps #groupOffersJump #iconSave { position:absolute; top:-13px; left:149px;} #groupJumps #groupOffersJump #specialOfferImage { width:200px; height:150px; padding: 10px 0 0 8px;} #groupJumps #groupNewsJump { width:216px; height:340px; float:left; margin: 8px 0 0 4px; /*background:url(../images/layup/boxBottomBg.gif) bottom left no-repeat;*/} #groupJumps #groupNewsJump .padding { padding:18px 10px 10px 19px; line-height:130%;} #groupJumps #groupNewsJump .newsDateTitle { display:block; padding-bottom:4px;} /*#groupJumps #groupAllMakesServicingJump { width:216px; height:226px; margin: 8px 0 0 5px; float:left; background:url(../images/layup/boxBottomBg.gif) bottom left no-repeat;} #groupJumps #groupAllMakesServicingJump span { display:block; padding: 8px 20px 20px 18px; line-height:130%;} #groupJumps #groupAllMakesServicingJump a { display:block; font-weight:normal; text-decoration:none;}*/ #groupJumps #groupServicingTradeJump { width:216px; height:340px; margin: 8px 0 0 5px; float:left; /*background:url(../images/layup/boxBottomBg.gif) bottom left no-repeat;*/ } #groupJumps #groupServicingTradeJump span { display:block; padding: 8px 20px 10px 18px; line-height:130%;} #groupJumps #groupServicingTradeJump a { display:block; font-weight:normal; text-decoration:none;} #groupJumps .quickLinks {position:absolute;height:142px;top:215px;width:893px;left:7px;} #groupJumps .quickLinks img {display:inline;} #groupContentHome {} #groupContentHome .padding { padding:25px 25px 15px 25px; line-height:130%;} .quickLinks #nearlyNewJump { float: left; margin-right: 4px; height: 142px; display: block; text-decoration: none; font-weight: normal;} .quickLinks #nearlyNewJump span.padding { display: block; padding: 30px 10px 0px 180px; } .quickLinks #stopShopJump { margin-right: 5px; width: 216px; height: 142px; background: url(../images/layup/homeJumpStopShop.jpg) no-repeat; float: left; text-decoration: none; font-weight: normal; } .quickLinks #stopShopJump span.padding { display: block; padding: 30px 70px 0px 13px; } .quickLinks #tooGoodTrade { width: 214px; height: 142px; background: url(../images/layup/homeJumpTooGood.jpg) no-repeat; float: left; text-decoration: none; font-weight: normal; } .quickLinks #tooGoodTrade span.padding { display: block; padding:100px 0px 0px 13px; line-height:14px; } #homeAutoParks .box { width:196px; height:130px; float:left; display:inline; margin:1px 0 4px 4px; position:relative; line-height:130%; background: url(../images/layup/autoparksBoBg.gif) no-repeat; padding: 0px 10px 20px 10px; } #homeAutoParks .box a { text-decoration: none; font-weight: normal; } /* ----- FRANCHISE HOMEPAGE ----- */ #internalFlash { width:893px; height:251px;} #internalHomepageImage { width:875px; height:231px; padding:9px 0 4px 9px; position:relative; } #internalHomepageImage .frame { position:absolute; left:0; top:0; } #franchiseHomepageJumps { background:url(../images/layup/boxTopBgFlash.gif) top left no-repeat; min-height:1px;} #franchiseHomepageJumps #leftCol { width:225px; float:left;} #franchiseHomepageJumps #leftCol #franchiseUsedCarSearchJump { width:216px; position:relative; margin: 5px 0 0 8px;} #franchiseHomepageJumps #leftCol #franchiseUsedCarSearchJump #iconSearch { position:absolute; top:10px; left:155px;} #franchiseHomepageJumps #leftCol #franchiseUsedCarSearchJump fieldset { display:block; padding-top:25px;} #franchiseHomepageJumps #leftCol #franchiseUsedCarSearchJump select { width:175px; margin: 0 0 12px 15px;} #franchiseHomepageJumps #leftCol #franchiseUsedCarSearchJump #advancedSearch { position:absolute; top:185px; left:17px; line-height:110%;} #franchiseHomepageJumps #leftCol #franchiseUsedCarSearchJump #usedCarSubmit { width:35px; height:30px; position:absolute; top:185px; left:155px;} #franchiseHomepageJumps #leftCol #motability { position:absolute; top:240px; left:20px;} #franchiseHomepageJumps #rightCol { width:660px; float:left;} #franchiseHomepageJumps #rightCol .franchiseJumpBox { width:216px; height:150px; float:left; display:inline; margin:5px 0 0 4px; position:relative; line-height:130%;} #franchiseHomepageJumps #rightCol #franchiseNewCarJump {} #franchiseHomepageJumps #rightCol #franchiseNewCarJump a { display:block; cursor:pointer; width:216px; height:150px; font-weight:normal; text-decoration:none;} #franchiseHomepageJumps #rightCol #franchiseNewCarJump .text { padding: 0 17px;} #franchiseHomepageJumps #rightCol #franchiseNewCarJump .vehicleImage { width:200px; height:90px; margin: 0 8px;} #franchiseHomepageJumps #rightCol #franchiseUsedCarJump {} #franchiseHomepageJumps #rightCol #franchiseUsedCarJump a { display:block; cursor:pointer; width:216px; height:150px; font-weight:normal; text-decoration:none;} #franchiseHomepageJumps #rightCol #franchiseUsedCarJump .text { padding: 0 17px;} #franchiseHomepageJumps #rightCol #franchiseUsedCarJump .vehicleImage { width:200px; height:90px; margin: 0 8px;} #franchiseHomepageJumps #rightCol #franchiseSpecialOfferJump { } #franchiseHomepageJumps #rightCol #franchiseSpecialOfferJump a { display:block; cursor:pointer; width:216px; height:150px; font-weight:normal; text-decoration:none;} #franchiseHomepageJumps #rightCol #franchiseSpecialOfferJump .text { width:90px; position:absolute; top:50px; left:15px;} #franchiseHomepageJumps #rightCol #franchiseSpecialOfferJump .textBold { font-weight:bold; display:block; padding-top:10px;} #franchiseHomepageJumps #rightCol #franchiseSpecialOfferJump .offerImage { position:absolute; top:32px; left:110px;} #franchiseHomepageJumps #rightCol #franchiseStockUpdateJump { background:url(../images/layup/dotsH.gif) bottom left repeat-x; height:155px;} #franchiseHomepageJumps #rightCol #franchiseStockUpdateJump a { background:url(../images/layup/toyota/jumpStockUpdate.jpg) 115px 35px no-repeat; display:block; cursor:pointer; width:216px; height:150px; font-weight:normal; text-decoration:none;} #franchiseHomepageJumps #rightCol #franchiseStockUpdateJump .text { width:90px; position:absolute; top:50px; left:16px;} #franchiseHomepageJumps #rightCol #franchiseStockUpdateJump .textBold { font-weight:bold; display:block; padding-top:10px;} #franchiseHomepageJumps #rightCol #franchiseBookAServiceJump { background:url(../images/layup/dotsH.gif) bottom left repeat-x; height:155px;} #franchiseHomepageJumps #rightCol #franchiseBookAServiceJump a { background:url(../images/layup/toyota/jumpBookService.jpg) 70px 45px no-repeat; display:block; cursor:pointer; width:216px; height:150px; font-weight:normal; text-decoration:none;} #franchiseHomepageJumps #rightCol #franchiseBookAServiceJump .text { width:90px; position:absolute; top:53px; left:15px;} #franchiseHomepageJumps #rightCol #franchiseCommercialJump { background:url(../images/layup/dotsH.gif) bottom left repeat-x; height:155px;} #franchiseHomepageJumps #rightCol #franchiseCommercialJump a { display:block; cursor:pointer; width:216px; height:150px; font-weight:normal; text-decoration:none;} #franchiseHomepageJumps #rightCol #franchiseCommercialJump .text { padding: 0 15px;} #franchiseHomepageJumps #rightCol #franchiseCommercialJump .vehicleImage { width:200px; height:90px; margin: 0 8px;} #franchiseContentHome { clear:both; width:660px; } #franchiseContentHome .padding { padding:20px 15px 15px 5px; line-height:130%;} #franchiseHomepageJumps { width:893px; } #franchiseHomepageJumps div { float:left; } #franchiseHomepageJumps .clear { float:none; } #franchiseHomepageJumps a { outline:none; display:block; } #franchiseHomepageJumps span { display:none; } /* ----- INTERNAL PAGES ----- */ #internal { background:url(../images/layup/boxTopBg.gif) top left no-repeat; width:885px; padding: 0 4px; margin-top:7px;} #leftCol { float:left; width:198px;} #rightCol { float:left; width:687px;} #leftCol #usedCarSearch { background:url(../images/layup/leftColUsedCarSearchBg.gif) top left no-repeat; width:190px; height:125px; position:relative; margin: 8px 0 0 4px;} #leftCol #usedCarSearch fieldset { display:block; padding-top:60px;} #leftCol #usedCarSearch select { width:162px; margin: 0 0 12px 15px;} #leftCol #usedCarSearch #advancedSearch { position:absolute; top:189px; left:17px; line-height:110%;} #leftCol #usedCarSearch #usedCarSubmit { width:35px; height:30px; position:absolute; top:187px; left:142px;} #leftCol #stockUpdates { line-height:130%; background:url(../images/layup/leftColStockUpdatesBg.gif) top left no-repeat; width:195px; height:180px; position:relative;} #leftCol #stockUpdates a { display:block; cursor:pointer; width:195px; height:180px; font-weight:normal; text-decoration:none;} #leftCol #stockUpdates .text { width:90px; position:absolute; top:55px; left:16px;} #leftCol #stockUpdates .textBold { font-weight:bold; display:block; padding-top:10px;} #leftCol #contact { background:url(../images/layup/leftColContactBg.gif) top left no-repeat; width:190px; height:230px; line-height:130%;} #leftCol #contact .padding { padding:50px 0 0 17px;} #leftCol #contact p { padding-bottom:8px;} #leftCol #contact .telephone { display:block; background:url(../images/layup/iconTelephone.gif) 0px 4px no-repeat; line-height:150%; padding:4px 30px;} /* ----- OPTIONS ----- */ #options { background:url(../images/layup/dotsH.gif) top left repeat-x; margin-top:15px; padding-top:20px;} #options a { display:block; text-decoration:none;} #options #requestBrochure { float:left; width:125px;} #options #requestBrochure a { text-align:center; width:85px; height:43px; padding-top:47px; background:url(../images/layup/iconRequestBrochure.gif) 7px 0px no-repeat; } #options #requestTestDrive { float:left; width:125px;} #options #requestTestDrive a { text-align:center; width:85px; height:43px; padding-top:47px; background:url(../images/layup/iconRequestTestDrive.gif) 4px 3px no-repeat;} #options #viewManufacturersSite { float:left; width:125px;} #options #viewManufacturersSite a { text-align:center; width:85px; height:43px; padding-top:47px; background:url(../images/layup/iconManufacturersSite.gif) 1px 2px no-repeat;} #options #downloadPDFs { float:left; width:125px;} #options #downloadPDFs a { text-align:center; width:85px; height:43px; padding-top:47px; background:url(../images/layup/iconDownloadPDFS.gif) 2px 0px no-repeat;} #options #whatCarReview { float:left; width:125px;} #options #whatCarReview a { text-align:center; width:85px; height:43px; padding-top:47px; background:url(../images/layup/iconWhatCar.gif) 3px 0px no-repeat;} #options #preReg { float:left; width:125px; padding-top:10px;} #options #exDemo { float:left; width:115px; padding-top:10px;} /* ----- LIST ----- */ #list { margin:10px 0 0 3px;} #list .listItem { width:155px; height:150px; margin-left:13px; float:left; display:inline; position:relative;} #autoparksList #list .listItem { margin-left: 6px !important; height: 190px !important; } #list .listItem a { display:block; font-weight:bold; cursor:pointer; text-decoration:none; min-height:145px; width:155px; background:url(../images/layup/imageThumbBg.gif) top left no-repeat;} #list .listItem .listThumb { padding:8px 0 0 8px; display:block;} #list .listItem .listText { position:absolute; top:119px; left:8px; width:140px; line-height:120%;} /* ----- USED CAR LIST ----- */ #listUsedCar { margin:10px 0 0 7px;} #listUsedCar .listItem { min-height:128px; margin-left:13px; margin-bottom:10px; position:relative; background:url(../images/layup/dotsH.gif) bottom left repeat-x; width:647px;} #listUsedCar .listItem a { display:block; font-weight:bold; cursor:pointer; text-decoration:none; min-height:128px; width:647px; } #listUsedCar .listCol1 { float:left; width:170px; min-height:128px; display:block; background:url(../images/layup/imageThumbBg.gif) top left no-repeat; position:relative; left:-2px;} #listUsedCar .listCol1 .listThumb { padding:8px 0 0 8px; display:block;} #listUsedCar .listCol2 { float:left; width:400px; display:block; line-height:130%;} #listUsedCar .listCol2 .listTitle { font-weight:bold; display:block; padding:17px 0 7px 0;} #listUsedCar .listCol2 .listDetails { font-weight:normal; display:block; padding-bottom:20px;} #listUsedCar .listCol3 { float:left; width:77px; display:block; position:relative;} #listUsedCar .listCol3 .listPrice { position:absolute; top:43px; width:77px; left:0px; color:#d80000; font-size:110%; text-align:right;} /* ----- USED CAR DETAILS ----- */ #usedCarImages { height:240px;} #usedCarImages #imageLarge { background:url(../images/layup/imageBg.gif) top left no-repeat; width:313px; height:240px; position:relative; left:-4px; float:left;} #usedCarImages #imageLarge .image { display:block; padding:10px 0 0 10px;} #usedCarImages #imageLarge .offer { position:absolute; top:183px; left:257px; } #imageThumbs { float:left; width:334px;} #imageThumbs .thumb { background:url(../images/layup/imageThumbBg.gif) top left no-repeat; float:left; display:inline; width:152px; height:117px; margin:1px 0 3px 13px;} #imageThumbs .thumb .image { padding: 8px 0 0 8px;} #imageThumbsSmall { float:left; width:334px; margin-top: 1px;} #imageThumbsSmall .thumb { background:url(../images/layup/noImage88x66.gif) top left no-repeat; display:block; float:left; display:inline; width:100px; height:78px; margin:1px 0 0px 11px;} #imageThumbsSmall .thumb .image { padding: 6px 0 0 6px;} #usedCarOptions { padding:20px 0 0 0;} #usedCarOptions a { display:block; text-decoration:none;} #usedCarOptions #enquireAboutVehicle { float:left; width:130px;} #usedCarOptions #enquireAboutVehicle a { text-align:center; width:85px; height:33px; padding-top:47px; background:url(../images/layup/iconEnquire.gif) 3px 0px no-repeat;} #usedCarOptions #sendToFriend { float:left; width:130px;} #usedCarOptions #sendToFriend a { text-align:center; width:85px; height:33px; padding-top:47px; background:url(../images/layup/iconSendToFriend.gif) 1px 0px no-repeat;} #usedCarOptions #printSpecSheet { float:left; width:130px;} #usedCarOptions #printSpecSheet a { text-align:center; width:85px; height:33px; padding-top:47px; background:url(../images/layup/iconPrint.gif) 1px 0px no-repeat;} #usedCarOptions #whatCarReview { float:left; width:130px;} #usedCarOptions #whatCarReview a { text-align:center; width:85px; height:33px; padding-top:47px; background:url(../images/layup/iconWhatCar.gif) 3px 0px no-repeat;} #detailsTable { margin-top:7px;} #detailsTable td { padding:5px 2px;} #detailsTable .col1 { width:90px;} #detailsTable .col2 { width:120px;} #detailsTable .col3 { width:90px;} #detailsTable .col4 { width:120px;} #detailsTable .col5 { width:90px;} #detailsTable .col6 {} #specification { padding:10px 15px 0 4px;} .heading { font-weight:bold; background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 25px 0 10px 2px;} #similarVehicles { padding:12px 0; margin-left:-3px;} #similarVehicles a { text-decoration:none; cursor:pointer;} #similarVehicles .similarVehicle { display:inline; float:left; width:152px; margin-right:10px; cursor:pointer;} #similarVehicles .similarVehicle .imageFrame { background:url(../images/layup/imageThumbBg.gif) top left no-repeat; width:152px; height:117px; display:block;} #similarVehicles .similarVehicle .imageFrame .image { padding:8px 0 0 8px;} #similarVehicles .similarVehicle .title { display:block; padding: 5px 0 5px 8px;} #similarVehicles .similarVehicle .details { display:block; font-weight:normal; padding: 0 0 5px 8px;} #similarVehicles .similarVehicle .price { display:block; color:#d80000; font-weight:bold; font-size:110%; padding-left:8px;} #printDetailsTable { display:none;} /* ----- NEWS LIST ----- */ #listNews { margin:10px 0 0 7px;} #listNews .listItem { min-height:128px; margin-left:13px; margin-bottom:10px; position:relative; background:url(../images/layup/dotsH.gif) bottom left repeat-x; width:647px;} #listNews .listItem a { display:block; font-weight:bold; cursor:pointer; text-decoration:none; min-height:128px; width:647px; } #listNews .listCol1 { float:left; width:170px; min-height:128px; display:block; background:url(../images/layup/imageThumbBg.gif) top left no-repeat; position:relative; left:-2px;} #listNews .listCol1 .listThumb { padding:8px 0 0 8px; display:block;} #listNews .listCol2 { float:left; width:477px; display:block; line-height:130%;} #listNews .listCol2 .listTitle { font-weight:bold; display:block; padding:17px 0 7px 0;} #listNews .listCol2 .listDetails { font-weight:normal; display:block; padding-bottom:20px;} /* ----- TESTIMONIALS */ #testimonialList {} #testimonialList .listItem { width:668px; background:url(../images/layup/testListItemBg.gif) no-repeat left top; margin:0 0 30px; } #testimonialList a { font-weight:normal; color:#000; text-decoration:none; padding:22px 16px 0; display:block; } #testimonialList .leftSide { width:425px; margin:0 0 30px; float:left; display:block; } * html #testimonialList .leftSide { margin:0 0 15px; } #testimonialList .leftSide .title { height:32px; font-size:17px; display:block; } #testimonialList .leftSide .description { font-size:12px; display:block; } #testimonialList .leftSide .link { text-align:right; font-size:12px; color:#c80b29; display:block; } #testimonialList .thumb { width:186px; height:139px; border:1px solid #000; margin:0 0 30px; float:right; display:block; } * html #testimonialList .thumb { margin:0 0 15px; } #testimonialList .clear { height:1px; background:url(../images/layup/dotsHSquare.gif) repeat-x left top; display:block; line-height: 0; font-size: 0; } /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; } .image_center { margin:0 auto;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .offerJump { padding-right: 35px; } .block { display: block; } .addressHeading { width: 60px; float: left; } .altRow { background: #e5e5e5; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} /* ----- TOP NAVIGATION ----- */ #topNav { margin: 0 4px; background:url(../images/layup/topNavBg.gif) top left no-repeat; width:885px; height:32px;} #topNav ul { margin:0; padding:0; list-style:none; } #topNav li { display:block; float:left;} #topNav a { display:block; float:left; color:#FFFFFF; text-decoration:none; line-height:140%; padding:8px 16px 8px 17px; background:url(../images/layup/topNavDivider.gif) top left no-repeat;} #topNav #topNavGroup a { padding:8px 24px 8px 24px !important; } #topNav a:hover { color:#e9322e;} #topNav .active a { color:#e9322e;} #topNav .first a { background:none;} /* #topNavGroup { padding-left:200px !important;} */ #topNavInternal a { padding:8px 14px 8px 14px; } #topNavAutoParts a { padding:8px 38px 8px 38px; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0; line-height:120%;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 8px no-repeat; padding:6px 0 5px 15px;} #sitemap a { text-decoration:none;} #sitemap a:hover { text-decoration:underline;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageTop { background:url(../images/layup/pageTopBg.gif) top left no-repeat; width:682px; margin-top:8px; position:relative;} #breadcrumbs { margin:0 15px 0 20px; padding:18px 0 7px 0; background:url(../images/layup/dotsH.gif) bottom left repeat-x;} #breadcrumbs a { font-weight:normal; text-decoration:none;} #breadcrumbs a:hover { text-decoration:underline;} #breadcrumbs .currentPage { font-weight:bold;} .pagination { position:absolute; top:18px; right:15px;} .pagination ul { margin:0; padding:0; list-style:none;} .pagination li { display:block; float:left; margin-left:1px;} .pagination a { color:#000000; font-weight:bold; text-decoration:none; padding:0px 4px; display:block; float:left;} .pagination a:hover { color:#ffffff; background:#c80b29;} .pagination .active a { color:#ffffff; background:#c80b29;} #vehiclesFound { font-weight:bold; margin:0 15px 0 20px; padding:12px 0 13px 0; background:url(../images/layup/dotsH.gif) bottom left repeat-x;} #sortBy { width:190px; position:absolute; top:53px; right:0px;} #sortBy label { position:absolute; top:1px; left:0px; font-weight:bold;} #sortBy select { position:absolute; top:0px; left:50px;} #pageBottom { position:relative; height:50px;} #pageBottom .pagination { position:absolute; top:8px; right:20px;} /* ----- FRAMES ----- */ .listItemH { float:left; margin:10px 5px 0px 0px; width:212px; } .lastItem { margin:10px 0px 0px 0px !important; } .listItemH a { display:block; float:left; text-decoration:none; } .listImage { cursor:pointer; display:block; float:left; margin:0px 0px 10px; position:relative; width:204px; } .listItemH .cmsImage { background: URL(../images/layup/noImage204x153.gif) no-repeat; cursor:pointer; display:block; height:153px; position:relative; width:204px; } .listItemH .cmsImage .frame { display:block; left:-4px; position:absolute; top:-4px; } /* ----- FOOTER ----- */ #footer { background:url(../images/layup/dotsH.gif) top left repeat-x;} #footer .padding { padding:10px 25px;} #footer a { font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline;} #footer p { padding-bottom:5px;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#ea281f;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:61px; height:30px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ea281f; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #ea281f; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; }