/* ---------------------------------------------------------------------------------------------------- */ /* ----------------------------------------- FRANCHISE IMAGES ----------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ body { background: #000 url(../images/layup/toyota/bodyBg.jpg) top center no-repeat; } #jumpRepairs a { background:url(../images/layup/toyota/jumpRepairs.jpg) top left no-repeat; } #jumpBookService { background:url(../images/layup/toyota/jumpBookService.jpg) top left no-repeat; } /* ---------------------------------------------------------------------------------------------------- */ /* ----------------------------------------- FRANCHISE SPRITES ---------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ #leftCol #vehicleSearch #tabVehicleSearch #tabModel { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -158px 0px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabBudget { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -237px 0px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabModel:hover { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -158px -47px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabModel.active { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -158px -47px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabBudget:hover { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -237px -47px no-repeat; } #leftCol #vehicleSearch #tabVehicleSearch #tabBudget.active { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -237px -47px no-repeat; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabModel { background: url(../images/layup/toyota/spriteTabModelBudget.gif) 0px 0px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabBudget { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -79px 0px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabModel:hover { background: url(../images/layup/toyota/spriteTabModelBudget.gif) 0px -47px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabModel.active { background: url(../images/layup/toyota/spriteTabModelBudget.gif) 0px -47px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabBudget:hover { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -79px -47px no-repeat !important; } #leftCol #vehicleSearch .tabVehicleSearchHome #tabBudget.active { background: url(../images/layup/toyota/spriteTabModelBudget.gif) -79px -47px no-repeat !important; } #leftCol #vehicleSearch #tabNewUsed #tabSpacer { background: url(../images/layup/toyota/spriteTabUsedNew.gif) 0px 0px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabUsedModel { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -151px 0px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabUsedModel:hover { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -151px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabUsedModel.active { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -151px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabNewModel { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -218px 0px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabNewModel:hover { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -218px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsed #tabNewModel.active { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -218px -13px no-repeat; } #leftCol #vehicleSearch #tabNewUsedBudget #tabUsedBudget.active { background: url(../images/layup/toyota/spriteTabUsedNew.gif) -151px -13px no-repeat; } #leftCol .vehicleType .typeSmall a { background:url(../images/layup/toyota/spriteVehicleType.gif) top left no-repeat; } #leftCol .vehicleType .typeSmall a:hover { background:url(../images/layup/toyota/spriteVehicleType.gif) 0px -36px no-repeat; } #leftCol .vehicleType .typeSmall .active { background:url(../images/layup/toyota/spriteVehicleType.gif) 0px -36px no-repeat; } #leftCol .vehicleType .typeFamily a { background:url(../images/layup/toyota/spriteVehicleType.gif) -126px 0px no-repeat; } #leftCol .vehicleType .typeFamily a:hover { background:url(../images/layup/toyota/spriteVehicleType.gif) -126px -36px no-repeat; } #leftCol .vehicleType .typeFamily .active { background:url(../images/layup/toyota/spriteVehicleType.gif) -126px -36px no-repeat; } #leftCol .vehicleType .typePrestige a { background:url(../images/layup/toyota/spriteVehicleType.gif) -251px 0px no-repeat; } #leftCol .vehicleType .typePrestige a:hover { background:url(../images/layup/toyota/spriteVehicleType.gif) -251px -36px no-repeat; } #leftCol .vehicleType .typePrestige .active { background:url(../images/layup/toyota/spriteVehicleType.gif) -251px -36px no-repeat; } #leftCol .vehicleType .typeMPV a { background:url(../images/layup/toyota/spriteVehicleType.gif) -378px 0px no-repeat; } #leftCol .vehicleType .typeMPV a:hover { background:url(../images/layup/toyota/spriteVehicleType.gif) -378px -36px no-repeat; } #leftCol .vehicleType .typeMPV .active { background:url(../images/layup/toyota/spriteVehicleType.gif) -378px -36px no-repeat; } #leftCol .vehicleType .typeGreen a { background:url(../images/layup/toyota/spriteVehicleType.gif) -503px 0px no-repeat; } #leftCol .vehicleType .typeGreen a:hover { background:url(../images/layup/toyota/spriteVehicleType.gif) -503px -36px no-repeat; } #leftCol .vehicleType .typeGreen .active { background:url(../images/layup/toyota/spriteVehicleType.gif) -503px -36px no-repeat; } #leftCol .vehicleType .type4x4 a { background:url(../images/layup/toyota/spriteVehicleType.gif) -630px 0px no-repeat; } #leftCol .vehicleType .type4x4 a:hover { background:url(../images/layup/toyota/spriteVehicleType.gif) -630px -36px no-repeat; } #leftCol .vehicleType .type4x4 .active { background:url(../images/layup/toyota/spriteVehicleType.gif) -630px -36px no-repeat; } #leftCol .justArrived .controls .controlItem a { background: url(../images/layup/toyota/spriteSquare.gif) 0px 0px no-repeat; } #leftCol .justArrived .controls .controlItem a:hover { background: url(../images/layup/toyota/spriteSquare.gif) 0px -15px no-repeat; } #leftCol .justArrived .controls .controlItem a.active { background: url(../images/layup/toyota/spriteSquare.gif) 0px -15px no-repeat; } #newCarOptions .btnBrochure a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) 0px 0px no-repeat; } #newCarOptions .btnBrochure a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) 0px -28px no-repeat; } #newCarOptions .btnManufacturerSite a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -278px 0px no-repeat; } #newCarOptions .btnManufacturerSite a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -278px -28px no-repeat; } #newCarOptions .btnTestDrive a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -556px 0px no-repeat; } #newCarOptions .btnTestDrive a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -556px -28px no-repeat; } #newCarOptions .btnAdvice a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -834px 0px no-repeat; } #newCarOptions .btnAdvice a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -834px -28px no-repeat; } #newCarOptions .btnCurrentOffers a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -1112px 0px no-repeat; } #newCarOptions .btnCurrentOffers a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -1112px -28px no-repeat; } #newCarOptions .btnValueVehicle a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -1390px 0px no-repeat; } #newCarOptions .btnValueVehicle a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -1390px -28px no-repeat; } #newCarOptions .btnNearlyNew a { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -1668px 0px no-repeat; } #newCarOptions .btnNearlyNew a:hover { background:url(../images/layup/toyota/spriteNewCarOptions.gif) -1668px -28px no-repeat; } #usedCarOptions .btnEnquiry a { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) 0px 0px no-repeat; } #usedCarOptions .btnEnquiry a:hover { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) 0px -28px no-repeat; } #usedCarOptions .btnSendFriend a { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -278px 0px no-repeat; } #usedCarOptions .btnSendFriend a:hover { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -278px -28px no-repeat; } #usedCarOptions .btnPrint a { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -556px 0px no-repeat; } #usedCarOptions .btnPrint a:hover { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -556px -28px no-repeat; } #usedCarOptions .btnMakeOffer a { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -834px 0px no-repeat; } #usedCarOptions .btnMakeOffer a:hover { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -834px -28px no-repeat; } #usedCarOptions .btnSaveCompare a { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -1112px 0px no-repeat; } #usedCarOptions .btnSaveCompare a:hover { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -1112px -28px no-repeat; } #usedCarOptions .btnValueVehicle a { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -1390px 0px no-repeat; } #usedCarOptions .btnValueVehicle a:hover { background:url(../images/layup/toyota/spriteUsedCarOptions.gif) -1390px -28px no-repeat; } ul.domHeadings #tabCarDetails { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) 0px 0px no-repeat; } ul.domHeadings #tabCarDetails:hover { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) 0px -47px no-repeat; } ul.domHeadings li.active #tabCarDetails { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) 0px -47px no-repeat; } ul.domHeadings #tabSpec { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -135px 0px no-repeat; } ul.domHeadings #tabSpec:hover { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings li.active #tabSpec { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings #tabSpec { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -135px 0px no-repeat; } ul.domHeadings #tabSpec:hover { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings li.active #tabSpec { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -135px -47px no-repeat; } ul.domHeadings #tabWarranty { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -269px 0px no-repeat; } ul.domHeadings #tabWarranty:hover { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -269px -47px no-repeat; } ul.domHeadings li.active #tabWarranty { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -269px -47px no-repeat; } ul.domHeadings #tabDescription { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -365px 0px no-repeat; } ul.domHeadings #tabDescription:hover { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -365px -47px no-repeat; } ul.domHeadings li.active #tabDescription { background: url(../images/layup/toyota/spriteUsedVehicleTabs.gif) -365px -47px no-repeat; } #offerTabs { background:url(../images/layup/toyota/offerTabBg.gif) top left repeat-x; } #offerTabs #newCarOffers { background:url(../images/layup/toyota/spriteOffers.gif) 0px 0px no-repeat; width: 143px; height: 47px; margin-right: 15px; } #offerTabs #newCarOffers:hover { background:url(../images/layup/toyota/spriteOffers.gif) 0px -47px no-repeat; } #offerTabs #newCarOffers.active { background:url(../images/layup/toyota/spriteOffers.gif) 0px -47px no-repeat; } #offerTabs #usedCarOffers { background:url(../images/layup/toyota/spriteOffers.gif) -158px 0px no-repeat; width: 142px; height: 47px; margin-right: 15px; } #offerTabs #usedCarOffers:hover { background:url(../images/layup/toyota/spriteOffers.gif) -158px -47px no-repeat; } #offerTabs #usedCarOffers.active { background:url(../images/layup/toyota/spriteOffers.gif) -158px -47px no-repeat; } #offerTabs #businessOffers { background:url(../images/layup/toyota/spriteOffers.gif) -315px 0px no-repeat; width: 126px; height: 47px; margin-right: 18px; } #offerTabs #businessOffers:hover { background:url(../images/layup/toyota/spriteOffers.gif) -315px -47px no-repeat; } #offerTabs #businessOffers.active { background:url(../images/layup/toyota/spriteOffers.gif) -315px -47px no-repeat; } #offerTabs #aftersalesOffers { background:url(../images/layup/toyota/spriteOffers.gif) -459px 0px no-repeat; width: 138px; height: 47px; } #offerTabs #aftersalesOffers:hover { background:url(../images/layup/toyota/spriteOffers.gif) -459px -47px no-repeat; } #offerTabs #aftersalesOffers.active { background:url(../images/layup/toyota/spriteOffers.gif) -459px -47px no-repeat; } /* ---------------------------------------------------------------------------------------------------- */ /* ------------------------------------------ TOP NAVIGATION ------------------------------------------ */ /* ---------------------------------------------------------------------------------------------------- */ #primaryNav { background:url(../images/layup/toyota/primaryNavBg.gif) top left repeat-x; } #primaryNav li { background:url(../images/layup/toyota/primaryNavDivider.gif) top right no-repeat; } #primaryNav li a:hover, #primaryNav li .active { color: #ca0016; background: url(../images/layup/toyota/primaryNavRight.gif) top right no-repeat; } #primaryNav li a:hover span, #primaryNav li .active span { color: #ca0016; background: url(../images/layup/toyota/primaryNavLeft.gif) top left no-repeat; } #primaryNav li.home a:hover span, #primaryNav li.home .active span { background: url(../images/layup/toyota/primaryNavLeftHome.gif) top left no-repeat; } #primaryNav li span { display: block; padding: 20px 10px 8px 10px; } /* ---------------------------------------------------------------------------------------------------- */ /* ------------------------------------- FRANCHISE SPECIFIC STYLES ------------------------------------ */ /* ---------------------------------------------------------------------------------------------------- */ #leftCol .dealerLocations { background:url(../images/layup/leftColBoxDealer.gif) bottom left no-repeat; line-height: 120%; } #leftCol .dealerLocations .content { padding: 13px 6px 15px 23px; display: block;} #leftCol .dealerLocations .item a { width: 268px; } #leftCol .dealerLocations .item .thumb { display: block; float: left; width: 126px; height: 95px; border: 3px solid #c1c1c1; background: url(../images/layup/noImage126x95.gif) top left no-repeat; } #leftCol .dealerLocations .item .title { display: block; color: #6e7274; font-weight: bold; font-size: 13px; padding-bottom: 6px; padding-left: 8px; float: left; width: 120px; } #leftCol .dealerLocations .item .telephone { display: block; font-weight: bold; color: #6e7274; font-size: 13px; padding-left: 8px; float: left; padding-bottom: 6px; width: 120px; } #leftCol .dealerLocations .item .address { display: block; font-size: 11px; padding-left: 8px; float: left; width: 120px; } #leftCol .dealerLocations .controls { padding-top: 5px; } #leftCol .dealerLocations .controls .controlItem {} #leftCol .dealerLocations .controls .controlItem a { display: block; width: 15px; height: 15px; margin-top: 0px; background: url(../images/layup/toyota/spriteSquare.gif) 0px 0px no-repeat; float: left; margin-right: 4px; } #leftCol .dealerLocations .controls .controlItem a:hover { background: url(../images/layup/toyota/spriteSquare.gif) 0px -15px no-repeat; } #leftCol .dealerLocations .controls .controlItem a.active { background: url(../images/layup/toyota/spriteSquare.gif) 0px -15px no-repeat; } #leftCol .dealerLocations .controls .btn { float: right; } #dealerLocationsMap { position: relative; } #dealerLocationsMap .location1 { position: absolute; top: 210px; left: 181px; display: block; width: 80px; height: 51px; background: url(../images/layup/ie6LinkFix.gif) top left repeat; } #dealerLocationsMap .location2 { position: absolute; top: 179px; left: 413px; display: block; width: 80px; height: 51px; background: url(../images/layup/ie6LinkFix.gif) top left repeat; } #dealerLocationsMap .location3 { position: absolute; top: 133px; left: 520px; display: block; width: 80px; height: 51px; background: url(../images/layup/ie6LinkFix.gif) top left repeat; } #dealerLocationsMap .location4 { position: absolute; top: 44px; left: 165px; display: block; width: 80px; height: 51px; background: url(../images/layup/ie6LinkFix.gif) top left repeat; } #dealerLocationsMap .location5 { position: absolute; top: 230px; left: 36px; display: block; width: 80px; height: 51px; background: url(../images/layup/ie6LinkFix.gif) top left repeat; } /* ---------------------------------------------------------------------------------------------------- */ /* ----------------------------------------- FRANCHISE COLOURS ---------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ #leftCol .justArrived .item .price { color: #6e7274; } #leftCol .justArrived .item .details { color: #6e7274; } h1 { color: #6e7274; } h1.dealerHeading { background: #6e7274; color: #fff; padding: 6px 20px 6px 20px; margin-bottom: 20px; } #boxList .box .title { color: #6e7274; } #list .listItem .title a { color: #6e7274; } #list .listItem .price a { color: #65a707; } #list .listItem .spec td { color: #6e7274; } #usedVehicleInfo .title { color: #6e7274; } #usedVehicleInfo .location { color: #6e7274; } #telephoneTimes #telephoneNumbers .number .heading { color: #6e7274; } #telephoneTimes #openingTimes .heading { color: #6e7274; } #telephoneTimes #address .heading { color: #6e7274; } #dealerForm .heading { color: #6e7274; } .domContent .heading { color: #6e7274; } #financeSummary .heading { color: #6e7274; } #tblContainerFinance table th {color: #6e7274; } #relatedVehicles .heading { color: #6e7274; } #relatedVehicles .box a { color: #000; } .required { color:#6e7274; } input.validation-failed, textarea.validation-failed, select.validation-failed { color : #6e7274; } .validation-advice { background-color: #6e7274; }