body { background:url(../images/layup/contract/bodyBg.jpg) top center no-repeat #0a273f; } body.contract-hire { background:url(../images/layup/contract/bodyBgHome.jpg) top center no-repeat #f5f1f1; } .badgeLinkHire { 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:#356085; color:#fff;} #header #logo { left:34px; } #franchiseFlash {width:584px; height:248px; position:relative; float:left; margin:-14px auto 0 50px; padding-left:10px !important;} #franchiseFlash .btnBackScroll {position:absolute; top:100px; left:-14px; } #franchiseFlash .btnNextScroll {position:absolute; top:100px; right:4px; } #primaryHomeNav li a span { display: block; padding: 28px 39px 17px 39px; } #leftCol .box { background: url(../images/layup/contract/boxBg.png) no-repeat; } * html #leftCol .box { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/contract/boxBg.png'); background: none; } #primaryHomeNav {margin-bottom:15px;} #franchiseFlash.carouselContainer { margin:0px; } #primaryHomeNav ul { padding: 0px; } /* ----- USED CAR SEARCH ----- */ .usedCarTitle {background:url(../images/layup/contract/usedVehicleTitleBg.gif) no-repeat; display:block; font-size:15px; font-weight:bold; height:22px; margin:15px 0 0 55px; padding:5px 0 0 20px; text-transform:uppercase; width:198px; } .usedCarSearch {background:url(../images/layup/contract/usedSearchBg.gif) no-repeat; margin:11px auto 0 47px !important; } #usedContainer { padding-left: 47px; } .usedCarSearch #modelSearch { background:url(../images/layup/contract/spriteUsedSearch.gif) left top no-repeat;} .usedCarSearch #modelSearch:hover {background:url(../images/layup/contract/spriteUsedSearch.gif) left bottom no-repeat;} .usedCarSearch #modelSearch.active {background:url(../images/layup/contract/spriteUsedSearch.gif) left bottom no-repeat;} .usedCarSearch #budgetSearch { background:url(../images/layup/contract/spriteUsedSearch.gif) -85px top no-repeat;} .usedCarSearch #budgetSearch:hover { background:url(../images/layup/contract/spriteUsedSearch.gif) -85px bottom no-repeat;} .usedCarSearch #budgetSearch.active {background:url(../images/layup/contract/spriteUsedSearch.gif) -85px bottom no-repeat;} .usedCarSearch #sizeSearch {background:url(../images/layup/contract/spriteUsedSearch.gif) -135px top no-repeat;} .usedCarSearch #sizeSearch:hover {background:url(../images/layup/contract/spriteUsedSearch.gif) -135px bottom no-repeat;} .usedCarSearch #sizeSearch.active {background:url(../images/layup/contract/spriteUsedSearch.gif) -135px bottom no-repeat;} /* ----- USED CAR SEARCH INTERNAL (internal pages only) ----- */ .usedCarSearchInternal {background:url(../images/layup/contract/usedSearchInternalBg.gif) no-repeat;} .usedCarSearchInternal #modelSearch { background:url(../images/layup/contract/spriteUsedSearchInternal.gif) left top no-repeat;} .usedCarSearchInternal #modelSearch:hover {background:url(../images/layup/contract/spriteUsedSearchInternal.gif) left bottom no-repeat;} .usedCarSearchInternal #modelSearch.active {background:url(../images/layup/contract/spriteUsedSearchInternal.gif) left bottom no-repeat;} .usedCarSearchInternal #budgetSearch { background:url(../images/layup/contract/spriteUsedSearchInternal.gif) -85px top no-repeat;} .usedCarSearchInternal #budgetSearch:hover { background:url(../images/layup/contract/spriteUsedSearchInternal.gif) -85px bottom no-repeat;} .usedCarSearchInternal #budgetSearch.active {background:url(../images/layup/contract/spriteUsedSearchInternal.gif) -85px bottom no-repeat;} .usedCarSearchInternal #sizeSearch {background:url(../images/layup/contract/spriteUsedSearchInternal.gif) -135px top no-repeat;} .usedCarSearchInternal #sizeSearch:hover {background:url(../images/layup/contract/spriteUsedSearchInternal.gif) -135px bottom no-repeat;} .usedCarSearchInternal #sizeSearch.active {background:url(../images/layup/contract/spriteUsedSearchInternal.gif) -135px bottom no-repeat;} /* ----- STOCK UPDATES ----- */ .stockUpdates { background:url(../images/layup/contract/stockUpdateBg.gif) no-repeat; display:none;} /* ----- BOOK A SERVICE ----- */ .bookService { background:url(../images/layup/contract/bookServiceBg.png) no-repeat ;} * html .bookService { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/contract/bookServiceBg.png'); background: none; } /* ----- STOCK UPDATES ----- */ .dealerLocator { background:url(../images/layup/contract/dealerLocatorInternalBg.gif) no-repeat; display:none;} /* ----- MY FAVOURITES ----- */ .myFavourites { background:url(../images/layup/contract/favouritesBg.gif) no-repeat; display:none; } .myFavourites #thumbContain .favThumb { background:url(../images/layup/contract/favNoImage.jpg) no-repeat;} /* ----- NEWS & EVENTS ----- */ #leftCol #news {width:258px; height:133px; float:left; margin-bottom:10px; background:url(../images/layup/contract/newsBg.png) no-repeat; padding:10px 0 0 22px; color:#060606;} * html #leftCol #news { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.silverstreetautomotive.com/images/layup/contract/newsBg.png'); background: none; } #leftCol #news .newsTitle {width:230px; font-weight:bold; margin-bottom:10px;} #leftCol #news .title {width:230px; margin-bottom:15px;} #leftCol #news .text { display:block; width:165px; font-size:11px; float:left; margin-right:37px;} #leftCol #news .arrows {display:block; width:25px; height:50px; float:left;} /*------ DEAL TABS ------*/ #dealTabs { width:643px; height:28px; margin:0 0 10px 0; display:block; } #dealTabs div { float:left; } #dealTabs span { display:none; } #dealTabs a { display:block; } #dealTabs ul { list-style: none; padding: 0; margin: 0; } #dealTabs li { float: left; } #dealTabs .audi a { width:160px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat 0 0; } #dealTabs .audi a:hover { width:160px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat 0 -28px; } #dealTabs .volkswagen a { width:160px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat -160px 0; } #dealTabs .volkswagen a:hover { width:160px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat -160px -28px; } #dealTabs .seat a { width:161px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat -320px 0; } #dealTabs .seat a:hover { width:161px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat -320px -28px; } #dealTabs .volkswagencommer a { width:162px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat -481px 0; } #dealTabs .volkswagencommer a:hover { width:162px; height:28px; background:url(../images/layup/contract/spriteOffersNav.gif) no-repeat -481px -28px; } /* ----- PRIMARY HOME NAV (only on homepage for group and franchise) ----*/ #primaryHomeNav li a:hover span { text-decoration: none; background:url(../images/layup/contract/navLeftBg.gif) no-repeat left top;} #primaryHomeNav li a:hover { display: block; float: left; text-decoration: none; background:url(../images/layup/contract/navRightBg.gif) right top no-repeat; } #primaryHomeNav li { background:url(../images/layup/contract/navDivider.gif) no-repeat top right;} /* ----- PRIMARY NAV (internal pages) ----*/ #primaryNav { background:url(../images/layup/contract/primaryNavBg.jpg) repeat-x; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { background:url(../images/layup/contract/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 39px 17px 39px; } #primaryNav li a:hover { background:url(../images/layup/contract/primaryNavBgHover.jpg) repeat-x; } /* ----- FRANHISE JUMP POINTS ----- */ #franchiseJumps .box1 {background:url(../images/layup/contract/latestDealsBg.jpg) right top no-repeat;} #franchiseJumps .box2 {background:url(../images/layup/contract/greenGuideBg.jpg) right top no-repeat;} #franchiseJumps .box3 {background:url(../images/layup/contract/offerSearchBg.jpg) right top no-repeat;} #franchiseJumps .text {color:#060606; } /* ----- SECONDARY JUMPS ----- */ .servicingJump { background:url(../images/layup/contract/endLeftJumpBg.jpg) no-repeat; display:none; } .servicingJump .text {color:#060606; } .businessJump { background:url(../images/layup/contract/middleJumpBg.jpg) no-repeat; display:none; } .businessJump .text {color:#060606; } .sportsVehiclesJump { background:url(../images/layup/contract/middleJumpBg.jpg) no-repeat; display:none; } .sportsVehiclesJump .text {color:#060606; } .greenGuideJump { background:url(../images/layup/contract/endRightJumpBg.jpg) no-repeat; display:none; } .greenGuideJump .text {color:#060606; } /* ----- WELCOME FRANCHISE ----- */ #welcomeFranchise {background:url(../images/layup/contract/welcomeTop.gif) no-repeat #faf8f8; color:#060606; width: 908px; margin:0 auto;} #welcomeBottom {background:url(../images/layup/contract/welcomeBottom.gif) no-repeat;} #breadcrumbs { background:url(../images/layup/contract/breadCrumbBgLeft.gif) no-repeat left; } .end{ background:url(../images/layup/contract/breadCrumbBgRight.gif) no-repeat right; } #newCarSprite #brochure a{ background:url(../images/layup/contract/spriteNewCarDetails.jpg) left top no-repeat; } #newCarSprite #brochure a:hover { background:url(../images/layup/contract/spriteNewCarDetails.jpg) left -135px no-repeat; } #newCarSprite #testDrive a{ background:url(../images/layup/contract/spriteNewCarDetails.jpg) right top no-repeat; } #newCarSprite #testDrive a:hover { background:url(../images/layup/contract/spriteNewCarDetails.jpg) right -135px no-repeat; } #newCarSprite #site a{ background:url(../images/layup/contract/spriteNewCarDetails.jpg) left -65px no-repeat; } #newCarSprite #site a:hover { background:url(../images/layup/contract/spriteNewCarDetails.jpg) left -200px no-repeat; } #newCarSprite #download a{ background:url(../images/layup/contract/spriteNewCarDetails.jpg) right -65px no-repeat; } #newCarSprite #download a:hover { background:url(../images/layup/contract/spriteNewCarDetails.jpg) right -200px no-repeat; } /* ----- USED LIST ----- */ #list .listItem { background:url(../images/layup/contract/usedListBg.gif) no-repeat; height:176px; } #list .listItem .location { background:url(../images/layup/contract/locationBg.gif) top right no-repeat; } #list .listItem .insurance { display:none; } #list .listItem .finance { display:none; } .pagination a:hover { background:#6b88a0; color:#FFFFFF; } .pagination .active { none; background:#6b88a0; color:#FFFFFF; } /* ----- USED CAR DETAILS ----- */ #usedCarInfo { background:url(../images/layup/contract/usedCarInfoBg.gif) no-repeat;} #usedCarPhotoThumb { background:url(../images/layup/contract/usedCarPhotoFrame.gif) no-repeat; } #usedCarThumbs .thumb .frame { background:url(../images/layup/contract/usedCarPhotoThumbFrame.gif) no-repeat; } #spriteUsedCar #enquire a{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat left top;} #spriteUsedCar #enquire a:hover{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat left bottom;} #spriteUsedCar #testDrive a{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -131px top;} #spriteUsedCar #testDrive a:hover{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -131px bottom ;} #spriteUsedCar #print a{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -260px top;} #spriteUsedCar #print a:hover{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -260px bottom;} #spriteUsedCar #send a{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -391px top;} #spriteUsedCar #send a:hover{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -391px bottom;} #spriteUsedCar #save a{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -517px top;} #spriteUsedCar #save a:hover{ background:url(../images/layup/contract/spriteUsedCar.gif) no-repeat -517px bottom;} #usedVehicleDetails { background:url(../images/layup/contract/domtabBg.jpg) no-repeat; } #usedVehicleDetails #carDetails a{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) left -70px; } #usedVehicleDetails #carDetails a:hover{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) left -35px; } #usedVehicleDetails #carDetails.active a{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) left top; } #usedVehicleDetails #spec a{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) -110px -70px; } #usedVehicleDetails #spec a:hover{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) -110px -35px; } #usedVehicleDetails #spec.active a{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) -110px top; } #usedVehicleDetails #warrenty a{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) -241px -70px; } #usedVehicleDetails #warrenty a:hover{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) -241px -35px; } #usedVehicleDetails #warrenty.active a{ background: url(../images/layup/contract/spriteDomtabCarDetails.gif) -241px top; } #finance { background:url(../images/layup/contract/financeDomtabBG.gif) no-repeat;} #finance #financeTab a {background:url(../images/layup/contract/spriteFinance.gif) no-repeat left -37px; } #finance #financeTab a:hover {background:url(../images/layup/contract/spriteFinance.gif) no-repeat left bottom; } #finance #financeTab.active a {background:url(../images/layup/contract/spriteFinance.gif) no-repeat left top; } #finance #insurance a{ background:url(../images/layup/contract/spriteFinance.gif) no-repeat right -37px; } #finance #insurance a:hover{ background:url(../images/layup/contract/spriteFinance.gif) no-repeat right bottom; } #finance #insurance.active a{ background:url(../images/layup/contract/spriteFinance.gif) no-repeat right top} #usedVehicleDetails .trAlt { background:#720102; } #relatedVehicles .box .title { color:#800809; } /*----- CODEWEAVERS -----*/ #hirePurchaseContain { background:url(../images/layup/contract/hireBgRepeat.gif) repeat-y; } #hirePurchaseContain #top { background:url(../images/layup/contract/hireTop.gif) no-repeat; } #hirePurchaseContain #bottom { background:url(../images/layup/contract/hireBottom.gif) no-repeat; } /* ----- CONTACT ----- */ #mapContain { background:url(../images/layup/contract/mapBg.gif) no-repeat; } #mapContain .mapBorder {border:4px solid #d4d1cf; } #contactHoursContain { background:url(../images/layup/contract/contactDetailsBg.gif) no-repeat; } /* ----- CONTACT FORM ----- */ .validation-advice { background-color: #730203; color : #FFF; } .required { color:#730203;} /* ----- BOX LIST ----- */ #boxList .box .title { color:#800809; } /* ----- FOOTER (group and franchise home pages only) ----- */ #footer { background:url(../images/layup/contract/footerBg.gif); } #footer .padding #footerInfo { background: url(../images/layup/contract/footerInfoBg.gif) no-repeat;} #footer .padding .backTop { background:url(../images/layup/contract/backTop.gif)} #footer #footerBadge { background:url(../images/layup/contract/footerBadgeBg.gif) no-repeat; } /* ----- FOOTER INTERNAL (internal pages only) ----- */ #footerInternal { background:url(../images/layup/contract/footerInternalBg.gif) repeat-x; } #footerInternal .padding #footerInfo { background: url(../images/layup/contract/footerInfoBg.gif) no-repeat ; } #footerInternal .padding #footerInfo .content { color:#fff;} #footerInternal a { color:#fff;} #footerInternal .padding .backTop { background:url(../images/layup/contract/backTopInternal.gif) no-repeat;} #footerInternal #footerBadge { background:url(../images/layup/contract/footerBadgeBg.gif) no-repeat; }