body { background:url(../images/layup/vwComm/bodyBg.jpg) top center no-repeat #386f97; } body.volkswagen-commercial { background:url(../images/layup/vwComm/bodyBgHome.jpg) top center no-repeat #f5f1f1; } .badgeLinkVwComm { display:block; width:84px; height:57px; position:absolute; top:10px; left:-5px; z-index:999999; background:url(../images/layup/ie6LinkFix.gif) repeat; } #header #dealerDropDown { background:#0a6aae; color:#fff;} #franchiseFlash {width:584px; height:261px; position:relative; float:left; margin:-27px auto 0 25px; } #franchiseFlash .btnBackScroll {position:absolute; top:100px; left:-14px; } #franchiseFlash .btnNextScroll {position:absolute; top:100px; right:4px; } #primaryHomeNav li a span { display: block; padding: 24px 15px 17px 16px; } #leftCol .box { background: url(../images/layup/vwComm/boxBg.png) no-repeat; } * html #leftCol .box { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/vwComm/boxBg.png'); background: none; } .carValuation { background:url(../images/layup/vwComm/valueMyCarBg.png) no-repeat; } * html .carValuation { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/vwComm/valueMyCarBg.png'); background: none !important; } /* new car dropdown */ #vehicleSelect ul#vehicleVariant li:hover ul, #vehicleSelect ul#vehicleVariant li.sfhover ul { position: absolute; left: auto; right: 0 !important; display: block; background: #cad1d5; width: 240px; color: #000; } #vehicleSelect ul#vehicleVariant li:hover ul li a:hover, #vehicleSelect ul#vehicleVariant li.sfhover ul li a:hover { background: url(../images/layup/vwComm/variantItemBg.gif) no-repeat; color: #FFFFFF; } #welcomeFranchise h1 {width:240px; } /* ----- Franchise jumps ----- */ #franchiseMainJumps {} #franchiseMainJumps .box { } #franchiseMainJumps .box a { display: block; font-weight: normal; height: 210px; float: left; } #franchiseMainJumps .box a.box1 { width: 243px; background: url(../images/layup/vwComm/franJumpNewCar.jpg) no-repeat; } #franchiseMainJumps .box a.box2 { width: 236px; background: url(../images/layup/vwComm/franJumpUsedCar.jpg) no-repeat; } #franchiseMainJumps .box a.box3 { width: 237px; background: url(../images/layup/vwComm/franJumpSports.jpg) no-repeat; } #franchiseMainJumps .box a.box4 { width: 244px; background: url(../images/layup/vwComm/franJumpServicing.jpg) no-repeat; } #franchiseMainJumps .box a.box1 span.content { display: block; padding: 128px 80px 10px 18px; } #franchiseMainJumps .box a.box2 span.content { display: block; padding: 128px 80px 10px 18px; } #franchiseMainJumps .box a.box3 span.content { display: block; padding: 128px 80px 10px 18px; } #franchiseMainJumps .box a.box4 span.content { display: block; padding: 128px 80px 10px 18px; } /* ----- Franchise small jumps ----- */ #franchiseSmallJumps { width: 253px; float: right; } #franchiseSmallJumps .box { margin-bottom: 15px; } #franchiseSmallJumps .box a { display: block; font-weight: normal; width: 253px; height: 201px; } #franchiseSmallJumps .box a.box1 { background: url(../images/layup/vwComm/franJumpfinance.jpg) no-repeat; } #franchiseSmallJumps .box a.box2 { background: url(../images/layup/vwComm/franJumpBusiness.jpg) no-repeat; } #franchiseSmallJumps .box a.box1 span.content { display: block; padding: 128px 80px 10px 30px; } #franchiseSmallJumps .box a.box2 span.content { display: block; padding: 128px 80px 10px 30px; } /* ----- USED CAR SEARCH ----- */ .usedCarTitle {background:url(../images/layup/vwComm/usedVehicleTitleBg.gif) no-repeat; } .usedCarSearch {background:url(../images/layup/vwComm/usedSearchBg.gif) no-repeat;} .usedCarSearch #modelSearch { background:url(../images/layup/vwComm/spriteUsedSearch.gif) left top no-repeat;} .usedCarSearch #modelSearch:hover {background:url(../images/layup/vwComm/spriteUsedSearch.gif) left bottom no-repeat;} .usedCarSearch #modelSearch.active {background:url(../images/layup/vwComm/spriteUsedSearch.gif) left bottom no-repeat;} .usedCarSearch #budgetSearch { background:url(../images/layup/vwComm/spriteUsedSearch.gif) -85px top no-repeat;} .usedCarSearch #budgetSearch:hover { background:url(../images/layup/vwComm/spriteUsedSearch.gif) -85px bottom no-repeat;} .usedCarSearch #budgetSearch.active {background:url(../images/layup/vwComm/spriteUsedSearch.gif) -85px bottom no-repeat;} .usedCarSearch #sizeSearch {background:url(../images/layup/vwComm/spriteUsedSearch.gif) -135px top no-repeat;} .usedCarSearch #sizeSearch:hover {background:url(../images/layup/vwComm/spriteUsedSearch.gif) -135px bottom no-repeat;} .usedCarSearch #sizeSearch.active {background:url(../images/layup/vwComm/spriteUsedSearch.gif) -135px bottom no-repeat;} /* ----- USED CAR SEARCH INTERNAL (internal pages only) ----- */ .usedCarSearchInternal {background:url(../images/layup/vwComm/usedSearchInternalBg.gif) no-repeat;} .usedCarSearchInternal #modelSearch { background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) left top no-repeat;} .usedCarSearchInternal #modelSearch:hover {background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) left bottom no-repeat;} .usedCarSearchInternal #modelSearch.active {background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) left bottom no-repeat;} .usedCarSearchInternal #budgetSearch { background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) -85px top no-repeat;} .usedCarSearchInternal #budgetSearch:hover { background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) -85px bottom no-repeat;} .usedCarSearchInternal #budgetSearch.active {background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) -85px bottom no-repeat;} .usedCarSearchInternal #sizeSearch {background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) -135px top no-repeat;} .usedCarSearchInternal #sizeSearch:hover {background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) -135px bottom no-repeat;} .usedCarSearchInternal #sizeSearch.active {background:url(../images/layup/vwComm/spriteUsedSearchInternal.gif) -135px bottom no-repeat;} /* ----- BOX LIST NEW ----- */ #boxListNewCar .box .model { background:url(../images/layup/vwComm/newModelBg.jpg) no-repeat left top;} /* ----- NEW DETAIL */ #options a.requestBrochure { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat 0 0; } #options a.bookTestDrive { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat 0 -33px; } #options a.needFurtherAdvice { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat 0 -66px; } #options a.currentOffers { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat 0 -99px; } #options a#nearlyNewOptions { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat 0 -132px; } #options a.viewManufacturers { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat 0 -165px; } #options a.requestBrochure:hover { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat -265px 0; } #options a.bookTestDrive:hover { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat -265px -33px; } #options a.needFurtherAdvice:hover { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat -265px -66px; } #options a.currentOffers:hover { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat -265px -99px; } #options a#nearlyNewOptions:hover { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat -265px -132px; } #options a.viewManufacturers:hover { background:url(../images/layup/vwComm/spriteNewOptions.jpg) no-repeat -265px -165px; } /* ----- STOCK UPDATES ----- */ .stockUpdates { background:url(../images/layup/vwComm/boxBg.png) no-repeat;} * html .stockUpdates { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/vwComm/boxBg.png'); background: none; } /* ----- DEALER ----- */ .dealerLocator { background:url(../images/layup/vwComm/boxBg.png) no-repeat;} * html .dealerLocator { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/vwComm/boxBg.png'); background: none; } /* ----- MY FAVOURITES ----- */ .myFavourites { background:url(../images/layup/vwComm/favouritesBg.gif) no-repeat; } .myFavourites #thumbContain .favThumb { background:url(../images/layup/vwComm/favNoImage.jpg) no-repeat;} /* ----- STOCK UPDATES ----- */ .greenGuide { background:url(../images/layup/vwComm/greenGuideBg.gif) no-repeat;} /* ----- BOOK A SERVICE ----- */ .bookService { background:url(../images/layup/vwComm/bookServiceBg.png) no-repeat ;} * html .bookService { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/vwComm/bookServiceBg.png'); background: none; } /* ----- PRIMARY HOME NAV (only on homepage for group and franchise) ----*/ #primaryHomeNav li a:hover span { text-decoration: underline; background: none; } #primaryHomeNav li a:hover { display: block; float: left; text-decoration: underline; background: none; } #primaryHomeNav li { background:url(../images/layup/vwComm/navDivider.gif) right -5px no-repeat;} /* ----- PRIMARY NAV (internal pages) ----*/ #primaryNav { background:url(../images/layup/vwComm/primaryNavBg.jpg) repeat-x; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { background:url(../images/layup/vwComm/primaryNavDivider.gif) no-repeat top right; } #primaryNav li.last {background:none; padding:0;} #primaryNav li.last a span { padding:12px 21px 17px 20px !important;} #primaryNav li a { float: left; color:#fff; text-decoration: none; font-weight:bold; } #primaryNav li a span { display: block; padding: 12px 15px 17px 15px; } #primaryNav li a:hover { background:url(../images/layup/vwComm/primaryNavBgHover.jpg) repeat-x; } /* ----- FRANHISE JUMP POINTS ----- */ #franchiseJumps .box1 {background:url(../images/layup/vwComm/usedCarsBg.jpg) right top no-repeat;} #franchiseJumps .box2 {background:url(../images/layup/vwComm/newCarsBg.jpg) right top no-repeat;} #franchiseJumps .box3 {background:url(../images/layup/vwComm/financeBg.jpg) right top no-repeat;} #franchiseJumps .text {color:#060606; } /* ----- SECONDARY JUMPS ----- */ .servicingJump { background:url(../images/layup/vwComm/endLeftJumpBg.jpg) no-repeat; } .servicingJump .text {color:#060606; } .businessJump { background:url(../images/layup/vwComm/middleJumpBg.jpg) no-repeat; } .businessJump .text {color:#060606; } .sportsVehiclesJump { background:url(../images/layup/vwComm/middleJumpBg.jpg) no-repeat; } .sportsVehiclesJump .text {color:#060606; } .greenGuideJump { background:url(../images/layup/vwComm/endRightJumpBg.jpg) no-repeat; } .greenGuideJump .text {color:#060606; } /* ----- WELCOME FRANCHISE ----- */ #welcomeFranchise {background:url(../images/layup/vwComm/welcomeTop.gif) no-repeat #faf8f8; color:#060606;} #welcomeBottom {background:url(../images/layup/vwComm/welcomeBottom.gif) no-repeat;} #breadcrumbs { background:url(../images/layup/vwComm/breadCrumbBgLeft.gif) no-repeat left; } .end{ background:url(../images/layup/vwComm/breadCrumbBgRight.gif) no-repeat right; } #newCarSprite #brochure a{ background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) left top no-repeat; } #newCarSprite #brochure a:hover { background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) left -135px no-repeat; } #newCarSprite #testDrive a{ background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) right top no-repeat; } #newCarSprite #testDrive a:hover { background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) right -135px no-repeat; } #newCarSprite #site a{ background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) left -65px no-repeat; } #newCarSprite #site a:hover { background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) left -200px no-repeat; } #newCarSprite #download a{ background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) right -65px no-repeat; } #newCarSprite #download a:hover { background:url(../images/layup/vwComm/spriteNewCarDetails.jpg) right -200px no-repeat; } /* ----- USED LIST ----- */ #list .listItem { background:url(../images/layup/vwComm/usedListBg.gif) no-repeat; } #list .listItem .location { background:url(../images/layup/vwComm/locationBg.gif) top right no-repeat; } .pagination a:hover { background:#5e5e5e; color:#FFFFFF; } .pagination .active { none; background:#5e5e5e; color:#FFFFFF; } /* ----- USED CAR DETAILS ----- */ #usedCarInfo { background:url(../images/layup/vwComm/usedCarInfoBg.gif) no-repeat;} #usedCarPhotoThumb { background:url(../images/layup/vwComm/usedCarPhotoFrame.gif) no-repeat; } #usedCarThumbs .thumb .frame { background:url(../images/layup/vwComm/usedCarPhotoThumbFrame.gif) no-repeat; } #spriteUsedCar #enquire a{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat left top;} #spriteUsedCar #enquire a:hover{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat left bottom;} #spriteUsedCar #testDrive a{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -131px top;} #spriteUsedCar #testDrive a:hover{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -131px bottom ;} #spriteUsedCar #print a{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -260px top;} #spriteUsedCar #print a:hover{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -260px bottom;} #spriteUsedCar #send a{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -391px top;} #spriteUsedCar #send a:hover{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -391px bottom;} #spriteUsedCar #save a{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -517px top;} #spriteUsedCar #save a:hover{ background:url(../images/layup/vwComm/spriteUsedCar.gif) no-repeat -517px bottom;} #usedVehicleDetails { background:url(../images/layup/vwComm/domtabBg.jpg) no-repeat; } #usedVehicleDetails #carDetails a{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) left -70px; } #usedVehicleDetails #carDetails a:hover{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) left -35px; } #usedVehicleDetails #carDetails.active a{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) left top; } #usedVehicleDetails #spec a{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) -110px -70px; } #usedVehicleDetails #spec a:hover{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) -110px -35px; } #usedVehicleDetails #spec.active a{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) -110px top; } #usedVehicleDetails #warrenty a{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) -241px -70px; } #usedVehicleDetails #warrenty a:hover{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) -241px -35px; } #usedVehicleDetails #warrenty.active a{ background: url(../images/layup/vwComm/spriteDomtabCarDetails.gif) -241px top; } #finance { background:url(../images/layup/vwComm/financeDomtabBG.gif) no-repeat left bottom #286089; } #finance #financeTab a {background:url(../images/layup/vwComm/spriteFinance.gif) no-repeat left -37px; } #finance #financeTab a:hover {background:url(../images/layup/vwComm/spriteFinance.gif) no-repeat left bottom; } #finance #financeTab.active a {background:url(../images/layup/vwComm/spriteFinance.gif) no-repeat left top; } #finance #insurance a{ background:url(../images/layup/vwComm/spriteFinance.gif) no-repeat right -37px; } #finance #insurance a:hover{ background:url(../images/layup/vwComm/spriteFinance.gif) no-repeat right bottom; } #finance #insurance.active a{ background:url(../images/layup/vwComm/spriteFinance.gif) no-repeat right top} #relatedVehicles .box .title { color:#353535; } #usedVehicleDetails .trAlt { background:#24567a; } /*----- CODEWEAVERS -----*/ #hirePurchaseContain { background:url(../images/layup/vwComm/hireBgRepeat.gif) repeat-y; } #hirePurchaseContain #top { background:url(../images/layup/vwComm/hireTop.gif) no-repeat; } #hirePurchaseContain #bottom { background:url(../images/layup/vwComm/hireBottom.gif) no-repeat; } /* ----- CONTACT ----- */ #mapContain { background:url(../images/layup/vwComm/mapBg.gif) no-repeat; } #mapContain .mapBorder {border:4px solid #d4d1cf; } #contactHoursContain { background:url(../images/layup/vwComm/contactDetailsBg.gif) no-repeat; } /* ----- CONTACT FORM ----- */ .validation-advice { background-color: #292929; color : #FFF; } .required { color:#730203;} /* ----- BOX LIST ----- */ #boxList .box .title { color:#333333; } /* ----- FOOTER (group and franchise home pages only) ----- */ #footer { background:url(../images/layup/vwComm/footerBg.gif); } #footer .padding #footerInfo { background: url(../images/layup/vwComm/footerInfoBg.gif) no-repeat;} #footer .padding .backTop { background:url(../images/layup/vwComm/backTop.gif)} #footer #footerBadge { background:url(../images/layup/vwComm/footerBadgeBg.gif) no-repeat; } /* ----- FOOTER INTERNAL (internal pages only) ----- */ #footerInternal { background:url(../images/layup/vwComm/footerInternalBg.gif) repeat-x; } #footerInternal .padding #footerInfo { background: url(../images/layup/vwComm/footerInfoBg.gif) no-repeat ; } #footerInternal .padding #footerInfo .content { color:#fff;} #footerInternal a { color:#fff;} #footerInternal .padding .backTop { background:url(../images/layup/vwComm/backTopInternal.gif) no-repeat;} #footerInternal #footerBadge { background:url(../images/layup/vwComm/footerBadgeBg.gif) no-repeat; } .franchiseBold {color:#0a6aae;}