/* ----- Home Jumps ----- */ #rightCol #homeJumps { width: 597px; height: 116px; padding: 8px 0px 30px 0px; float: right; } #rightCol #homeJumps a { display: block; float: left; height: 116px; } #rightCol #homeJumps a#homeJumpHonda { background: url(../images/layup/spriteHomeJumps.gif) 0px -116px no-repeat; width: 123px; } #rightCol #homeJumps a#homeJumpToyota { background: url(../images/layup/spriteHomeJumps.gif) -127px -116px no-repeat; width: 117px; } #rightCol #homeJumps a#homeJumpLexus { background: url(../images/layup/spriteHomeJumps.gif) -246px -116px no-repeat; width: 118px; } #rightCol #homeJumps a#homeJumpVolvo { background: url(../images/layup/spriteHomeJumps.gif) -366px -116px no-repeat; width: 115px; } #rightCol #homeJumps a#homeJumpVolkswagen { background: url(../images/layup/spriteHomeJumps.gif) -485px -116px no-repeat; width: 112px; } #rightCol #homeJumps a#homeJumpHonda:hover { background: url(../images/layup/spriteHomeJumps.gif) 0px 0px no-repeat; } #rightCol #homeJumps a#homeJumpToyota:hover { background: url(../images/layup/spriteHomeJumps.gif) -127px 0px no-repeat; } #rightCol #homeJumps a#homeJumpLexus:hover { background: url(../images/layup/spriteHomeJumps.gif) -246px 0px no-repeat; } #rightCol #homeJumps a#homeJumpVolvo:hover { background: url(../images/layup/spriteHomeJumps.gif) -366px 0px no-repeat; } #rightCol #homeJumps a#homeJumpVolkswagen:hover { background: url(../images/layup/spriteHomeJumps.gif) -485px 0px no-repeat; } /*#rightCol #homeJumps { width:597px; height:116px; padding: 8px 0px 30px 0px; float: right; } #rightCol #homeJumps a { display: block; float: left; height: 116px; }*/ #rightCol #homeJumps.franchiseLinks { width: 597px; height: 113px; padding: 8px 0px 30px 0px; float: right; } #rightCol #homeJumps.franchiseLinks a { display: block; float: left; height: 113px; margin-right: 0px; } #rightCol #homeJumps.franchiseLinks a#homeJumpHonda { background: url(../images/layup/spriteHomeJumps4.gif) 0px 0px no-repeat; width: 77px; } #rightCol #homeJumps.franchiseLinks a#homeJumpHyundai { background: url(../images/layup/spriteHomeJumps4.gif) -77px 0px no-repeat; width: 84px; } #rightCol #homeJumps.franchiseLinks a#homeJumpLexus { background: url(../images/layup/spriteHomeJumps4.gif) -161px 0px no-repeat; width: 77px; } #rightCol #homeJumps.franchiseLinks a#homeJumpMazda { background: url(../images/layup/spriteHomeJumps4.gif) -238px 0px no-repeat; width: 67px; } #rightCol #homeJumps.franchiseLinks a#homeJumpSaab { background: url(../images/layup/spriteHomeJumps4.gif) -305px 0px no-repeat; width: 103px; } #rightCol #homeJumps.franchiseLinks a#homeJumpToyota { background: url(../images/layup/spriteHomeJumps4.gif) -408px 0px no-repeat; width: 59px; } #rightCol #homeJumps.franchiseLinks a#homeJumpVolkswagen { background: url(../images/layup/spriteHomeJumps4.gif) -467px 0px no-repeat; width: 65px; } #rightCol #homeJumps.franchiseLinks a#homeJumpVolvo { background: url(../images/layup/spriteHomeJumps4.gif) -532px 0px no-repeat; width: 65px; } #rightCol #homeJumps.franchiseLinks a#homeJumpHonda:hover { background: url(../images/layup/spriteHomeJumps4.gif) 0px -113px no-repeat; width: 77px; } #rightCol #homeJumps.franchiseLinks a#homeJumpHyundai:hover { background: url(../images/layup/spriteHomeJumps4.gif) -77px -113px no-repeat; width: 84px; } #rightCol #homeJumps.franchiseLinks a#homeJumpLexus:hover { background: url(../images/layup/spriteHomeJumps4.gif) -161px -113px no-repeat; width: 77px; } #rightCol #homeJumps.franchiseLinks a#homeJumpMazda:hover { background: url(../images/layup/spriteHomeJumps4.gif) -238px -113px no-repeat; width: 67px; } #rightCol #homeJumps.franchiseLinks a#homeJumpSaab:hover { background: url(../images/layup/spriteHomeJumps4.gif) -305px -113px no-repeat; width: 103px; } #rightCol #homeJumps.franchiseLinks a#homeJumpToyota:hover { background: url(../images/layup/spriteHomeJumps4.gif) -408px -113px no-repeat; width: 59px; } #rightCol #homeJumps.franchiseLinks a#homeJumpVolkswagen:hover { background: url(../images/layup/spriteHomeJumps4.gif) -467px -113px no-repeat; width: 65px; } #rightCol #homeJumps.franchiseLinks a#homeJumpVolvo:hover { background: url(../images/layup/spriteHomeJumps4.gif) -532px -113px no-repeat; width: 65px; } /* ----- Search Box Buttons ----- */ #leftCol #searchBox #searchBtns { padding: 1px 0px 0px 11px; height: 30px; } #leftCol #searchBox #searchBtns a { display: block; height: 25px; float: left; } #leftCol #searchBox #searchBtns a#btnModelSearch { width: 106px; background: url(../images/layup/spriteButtons.gif) 0px -25px no-repeat; } #leftCol #searchBox #searchBtns a#btnBudgetSearch { width: 106px; background: url(../images/layup/spriteButtons.gif) -106px -25px no-repeat; margin-left: 7px; } #leftCol #searchBox #searchBtns a#btnLifestyleSearch { width: 76px; background: url(../images/layup/spriteButtons.gif) -212px -25px no-repeat; margin-left: 7px; } #leftCol #searchBox #searchBtns a#btnModelSearch.active { width: 106px; background: url(../images/layup/spriteButtons.gif) 0px 0px no-repeat; } #leftCol #searchBox #searchBtns a#btnBudgetSearch.active { width: 106px; background: url(../images/layup/spriteButtons.gif) -106px 0px no-repeat; } #leftCol #searchBox #searchBtns a#btnLifestyleSearch.active { width: 76px; background: url(../images/layup/spriteButtons.gif) -212px 0px no-repeat; } /* ----- Search Box Car Type ----- */ #leftCol #searchBox #modelSearch #carType { width: 300px; min-height: 90px; } #leftCol #searchBox #modelSearch #carType #carTypeOptions { width: 279px; height: 95px; padding: 0px 0px 0px 10px; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a { display: block; float: left; height: 48px; margin-right:33px; margin-bottom:5px; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a.last { margin-right:0px; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeSmall { width: 50px; background: url(../images/layup/spriteCarTypes.gif) 0px 0px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeFamily { width: 75px; background: url(../images/layup/spriteCarTypes.gif) -50px 0px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypePrestige { width: 81px; background: url(../images/layup/spriteCarTypes.gif) -125px 0px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeMPV { width: 65px; background: url(../images/layup/spriteCarTypes.gif) -214px 0px no-repeat; margin-bottom:0px !important;} #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelType4X4 { width: 63px; background: url(../images/layup/spriteCarTypes.gif) -287px 0px no-repeat; margin-bottom:0px !important;} #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeGreen { width: 82px; height:48px; background: url(../images/layup/spriteGreenCars.gif) 0px 0px no-repeat; margin-bottom:0px !important;} #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeSmall.active, #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeSmall:hover { width: 50px; background: url(../images/layup/spriteCarTypes.gif) 0px -48px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeFamily.active, #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeFamily:hover { width: 75px; background: url(../images/layup/spriteCarTypes.gif) -50px -48px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypePrestige.active, #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypePrestige:hover { width: 81px; background: url(../images/layup/spriteCarTypes.gif) -125px -48px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeMPV.active, #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeMPV:hover { width: 65px; background: url(../images/layup/spriteCarTypes.gif) -214px -48px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelType4X4.active, #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelType4X4:hover { width: 63px; background: url(../images/layup/spriteCarTypes.gif) -287px -48px no-repeat; } #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeGreen.active, #leftCol #searchBox #modelSearch #carType #carTypeOptions a#modelTypeGreen:hover { background: url(../images/layup/spriteGreenCars.gif) 0px 0px no-repeat; } /* ----- Search Box Transmission Type ----- */ #leftCol #searchBox #lifestyleSearch #transmissionSelect { padding: 23px 0px 0px 8px; } #leftCol #searchBox #lifestyleSearch #transmissionSelect a { display: block; height: 16px; width: 80px; } #leftCol #searchBox #lifestyleSearch #transmissionSelect #transManual { background: url(../images/layup/spriteTransmission.gif) 0px -16px no-repeat; } #leftCol #searchBox #lifestyleSearch #transmissionSelect #transAuto { background: url(../images/layup/spriteTransmission.gif) -80px -16px no-repeat; } #leftCol #searchBox #lifestyleSearch #transmissionSelect #transManual:hover, #leftCol #searchBox #lifestyleSearch #transmissionSelect #transManual.active { background: url(../images/layup/spriteTransmission.gif) 0px 0px no-repeat; } #leftCol #searchBox #lifestyleSearch #transmissionSelect #transAuto:hover, #leftCol #searchBox #lifestyleSearch #transmissionSelect #transAuto.active { background: url(../images/layup/spriteTransmission.gif) -80px 0px no-repeat; } /* ----- Fuel Type LeftCol ----- */ #leftCol .box.fuelEcon .fuelType a#typePetrol { float: left; width: 62px; height: 13px; background: url(../images/layup/spriteFuelType.gif) 0px -13px no-repeat; } #leftCol .box.fuelEcon .fuelType a#typeDiesel { float: left; width: 51px; height: 13px; background: url(../images/layup/spriteFuelType.gif) -62px -13px no-repeat; } #leftCol .box.fuelEcon .fuelType a#typePetrol.active { background: url(../images/layup/spriteFuelType.gif) 0px 0px no-repeat; } #leftCol .box.fuelEcon .fuelType a#typeDiesel.active { background: url(../images/layup/spriteFuelType.gif) -62px 0px no-repeat; } /* ----- Offer Tabs ----- */ #rightCol #offerList #offerTabs { padding: 0px 0px 10px 0px; background: url(../images/layup/offerTabsBg.gif) 0px 0px no-repeat; } #rightCol #offerList #offerTabs a { display: block; float: left; height: 42px; } #rightCol #offerList #offerTabs a#offerNewCars { width: 114px; background: url(../images/layup/spriteOfferTabs.gif) 0px 0px no-repeat; } #rightCol #offerList #offerTabs a#offerUsedCars { width: 131px; background: url(../images/layup/spriteOfferTabs.gif) -114px 0px no-repeat; } #rightCol #offerList #offerTabs a#offerAftersalesCars { width: 126px; background: url(../images/layup/spriteOfferTabs.gif) -245px 0px no-repeat; } #rightCol #offerList #offerTabs a#offerFinanceCars { width: 128px; background: url(../images/layup/spriteOfferTabs.gif) -371px 0px no-repeat; } #rightCol #offerList #offerTabs a#offerMotabilityCars { width: 104px; background: url(../images/layup/spriteOfferTabs.gif) -499px 0px no-repeat; } #rightCol #offerList #offerTabs a#offerNewCars:hover, #rightCol #offerList #offerTabs a#offerNewCars.active { width: 114px; background: url(../images/layup/spriteOfferTabs.gif) 0px -42px no-repeat; } #rightCol #offerList #offerTabs a#offerUsedCars:hover, #rightCol #offerList #offerTabs a#offerUsedCars.active { width: 131px; background: url(../images/layup/spriteOfferTabs.gif) -114px -42px no-repeat; } #rightCol #offerList #offerTabs a#offerAftersalesCars:hover, #rightCol #offerList #offerTabs a#offerAftersalesCars.active { width: 126px; background: url(../images/layup/spriteOfferTabs.gif) -245px -42px no-repeat; } #rightCol #offerList #offerTabs a#offerFinanceCars:hover, #rightCol #offerList #offerTabs a#offerFinanceCars.active { width: 128px; background: url(../images/layup/spriteOfferTabs.gif) -371px -42px no-repeat; } #rightCol #offerList #offerTabs a#offerMotabilityCars:hover, #rightCol #offerList #offerTabs a#offerMotabilityCars.active { width: 104px; background: url(../images/layup/spriteOfferTabs.gif) -499px -42px no-repeat; } /* ----- Used Car Detail Tabs ----- */ .domHeadings a { display: block; height: 34px; } .domHeadings a#tabOverview { width: 95px; background: url(../images/layup/spriteUsedDetailTabs.gif) 0 0 no-repeat; } .domHeadings a#tabOffers { width: 89px; background: url(../images/layup/spriteUsedDetailTabs.gif) -95px 0 no-repeat; } .domHeadings a#tabFinance { width: 94px; background: url(../images/layup/spriteUsedDetailTabs.gif) -183px 0px no-repeat; } .domHeadings a#tabInsurance { width: 101px; background: url(../images/layup/spriteUsedDetailTabs.gif) -277px 0px no-repeat; } .domHeadings a#tabFullDetails { width: 118px; background: url(../images/layup/spriteUsedDetailTabs.gif) -378px 0px no-repeat; } .domHeadings a#tabCallNow { width:110px; background: url(../images/layup/spriteUsedDetailTabs.gif) -496px 0px no-repeat; } .domHeadings a#tabWhatCar { width:197px; background: url(../images/layup/spriteUsedDetailTabs.gif) no-repeat -198px -68px; } .domHeadings li.active a#tabOverview, .domHeadings a#tabOverview:hover { background: url(../images/layup/spriteUsedDetailTabs.gif) 0 -34px no-repeat; } .domHeadings li.active a#tabOffers, .domHeadings a#tabOffers:hover { background: url(../images/layup/spriteUsedDetailTabs.gif) -95px -34px no-repeat; } .domHeadings li.active a#tabFinance, .domHeadings a#tabFinance:hover { background: url(../images/layup/spriteUsedDetailTabs.gif) -183px -34px no-repeat; } .domHeadings li.active a#tabInsurance, .domHeadings a#tabInsurance:hover { width: 101px; background: url(../images/layup/spriteUsedDetailTabs.gif) -277px -34px no-repeat; } .domHeadings li.active a#tabFullDetails, .domHeadings a#tabFullDetails:hover { width: 118px; background: url(../images/layup/spriteUsedDetailTabs.gif) -378px -34px no-repeat; } .domHeadings li.active a#tabCallNow, .domHeadings a#tabCallNow:hover { width:110px; background: url(../images/layup/spriteUsedDetailTabs.gif) -496px -34px no-repeat; } .domHeadings li.active a#tabWhatCar, .domHeadings a#tabWhatCar:hover { width:197px; background: url(../images/layup/spriteUsedDetailTabs.gif) no-repeat 0 -68px; } /* ----- New Car Tabs ----- */ .domHeadings #tabPreReg { width: 122px; background: url(../images/layup/spriteUsedCarTabs.gif) -122px -68px no-repeat; } .domHeadings a#tabPreReg:hover, .domHeadings li.active a#tabPreReg { width: 122px; background: url(../images/layup/spriteUsedCarTabs.gif) 0px -68px no-repeat; }