/* ----- BACKGROUNDS ----- */ body { height: 110% !important; background: #1a1a1a url(../images/layup/vauxhall/bodyBg.jpg) no-repeat center top; } div#wrapper { background:none; } #container { background:#FFF url(../images/layup/vauxhall/containerBg.gif) no-repeat top left; } #container .home { background: url(../images/layup/vauxhall/homeContainerBg.jpg) no-repeat top left; } #header #leftHeaderBg { background: url(../images/layup/vauxhall/headerLeftBg.jpg) no-repeat; display:none; } #header #rightHeaderBg { background: url(../images/layup/vauxhall/headerRightBg.jpg) no-repeat; display:none; } #homeTop .usedCarSearch { background: none !important; } #homeTop .usedCarSearch form { background: url(../images/layup/vauxhall/usedSearchBg.jpg) no-repeat !important; } #homeTop .usedCarSearch #searchTabs #selectCars a { background: url(../images/layup/vauxhall/spriteUsedCars.gif) no-repeat left bottom; } #homeTop .usedCarSearch #searchTabs #selectCars a.active { background: url(../images/layup/vauxhall/spriteUsedCars.gif) no-repeat left top; } #homeTop .usedCarSearch #searchTabs #selectVans a { background: url(../images/layup/vauxhall/spriteUsedVans.gif) no-repeat left bottom; } #homeTop .usedCarSearch #searchTabs #selectVans a.active { background: url(../images/layup/vauxhall/spriteUsedVans.gif) no-repeat top left; } #primaryNav li { background: url(../images/layup/vauxhall/navSpacer.gif) right bottom no-repeat; } #primaryNav li.active a, #primaryNav li a:hover { background: url(../images/layup/vauxhall/navActive.gif) top center no-repeat; } .usedCarSearch { background: #c3c3c3 url(../images/layup/vauxhall/usedSearchBg.jpg) no-repeat !important; } .usedCarSearch #searchTabs #selectCars a { background: url(../images/layup/vauxhall/spriteUsedCarsInternal.jpg) no-repeat left bottom; } .usedCarSearch #searchTabs #selectCars a.active { background: url(../images/layup/vauxhall/spriteUsedCarsInternal.jpg) no-repeat left top; } .usedCarSearch #searchTabs #selectVans a { background: url(../images/layup/vauxhall/spriteUsedVansInternal.jpg) no-repeat left bottom; } .usedCarSearch #searchTabs #selectVans a.active { background: url(../images/layup/vauxhall/spriteUsedVansInternal.jpg) no-repeat top left; } #rightCol #newCarJumps a span { display:none; } #rightCol #newCarJumps a { margin-bottom:10px; } #rightCol #newCarJumps #ncTestDrive a { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) 0px 0px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncBrochure a { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -152px 0px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncQuestions a { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -304px 0px no-repeat; height:40px; width:152px;; } #rightCol #newCarJumps #ncDemo a { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -456px 0px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncOffers a { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -608px 0px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncTestDrive a:hover { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) 0px -40px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncBrochure a:hover { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -152px -40px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncQuestions a:hover { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -304px -40px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncDemo a:hover { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -456px -40px no-repeat; height:40px; width:152px; } #rightCol #newCarJumps #ncOffers a:hover { background: url(../images/layup/vauxhall/spriteNewVehicleJumps.gif) -608px -40px no-repeat; height:40px; width:152px; } /* ----- LAYOUT ----- */ #header #badge { position: absolute; top: 68px; right: 0px; } #header #logo { position: absolute; top: 47px; left: 35px; } #primaryNav ul { float: left; } #primaryNav li a { padding: 18px 16px 7px 16px; color: #000; } #franchiseJumps { float:left; margin:-85px 0 0 0; width:477px; height:auto; } #franchiseJumps .padding { padding:0px 5px 0px 30px; } #homeText { clear: both; width: 900px; padding: 10px 30px 0px 30px; float: none; } #breadcrumbs { padding: 10px 0px 7px 0px; } #breadcrumbs div { background: none; } /* ----- LEFT COLUMN ----- */ #leftCol .box { background: url(../images/layup/vauxhall/boxTopBg.jpg) top left no-repeat; } #leftCol .box .padding { background: url(../images/layup/vauxhall/boxBg.jpg) no-repeat bottom left; } #leftCol #locations { margin:65px 0 0; } #leftCol #locations.noMargin { margin-top: 0px !important; } #leftCol .usedCarSearch #searchTabsInternal #selectCars a { display: block; width: 111px; height: 74px; background: url(../images/layup/vauxhall/spriteUsedCarsInternal.jpg) no-repeat left bottom; float: left; } #leftCol .usedCarSearch #searchTabsInternal #selectCars a.active { display: block; background: url(../images/layup/vauxhall/spriteUsedCarsInternal.jpg) no-repeat left top; } #leftCol .usedCarSearch #searchTabsInternal #selectVans a { display: block; width: 115px; height: 74px; background: url(../images/layup/vauxhall/spriteUsedVansInternal.jpg) no-repeat left bottom; float: left; } #leftCol .usedCarSearch #searchTabsInternal #selectVans a.active { display: block; background: url(../images/layup/vauxhall/spriteUsedVansInternal.jpg) no-repeat top left; } /* ----- COLOURS ----- */ #homeText #locations .heading { color: #ac6b71; } .redText { color: #ac6b71; } .franColor { color: #ac6b71; } .newsList .listItem .itemDetails .itemHeading { color: #a30112; } .newsList .listItem .itemDetails .itemInfo .itemSpec .textColor { color: #ac6b71; } #searchResults { color: #ac6b71 !important; } #sortBy { color: #ac6b71 !important; padding-right: 0px !important; } #breadcrumbs .pagination { float:right !important; padding-right: 70px; width:180px; } #pagination .prev:hover, #pagination .next:hover { color: #ac6b71 !important; } #pagination a:hover, #pagination .active { background: #ac6b71; } #pagination a { color: #ac6b71 !important; } h1 { color: #a30112; } #usedVehicleSpec .tabset_tabs li { background: #a90125; border-bottom: 1px solid #fff; } #usedVehicleSpec .tabset_tabs a { color: #fff; } #usedVehicleSpec .tabset_tabs a:hover { background: #ce1939; } #usedVehicleSpec .tabset_tabs .active a { background: #ce1939; } #usedVehicleSpec .tabset_tabs #firstTab { border-right: 1px solid #fff; } #usedVehicleSpec .tabset_tabs #secondTab { border-right: 1px solid #fff; } #usedVehicleSpec .tabset_tabs .border { border-right:1px solid #fff; } #cwCarInsuranceDetails { background: #ccc !important; } .cwTab .cwHeadings #linkAdjustFinance { border-right: 1px solid #fff !important; } .cwTab .cwHeadings a:hover { background: #CE1939 !important; } .cwTab .cwHeadings a { color: #fff !important; background: #a90125 !important; border-bottom: 1px solid #fff !important; } .cwTab .cwHeadings a.active { background: #CE1939 !important; } #usedVehicleSpec .tabset_content { background:#CCC; } #cwFinanceOptions { background:#ccc !important; } #relatedVehicles .listItem { color:#fff; background: #ce1939;} #relatedVehicles .altItem { background: #a90125 !important; } #relatedVehicles .listItem .itemPrice { color:#fff; } #relatedVehicles .listItem .itemHeading { color:#fff; } #dealerDetails h2 { background: #a90125; } #dealerImagery #dealerMap { border:2px solid #a90125; } #dealerImagery #dealerLocationImage { border:2px solid #a90125; } #openingHours h2 { background: #a90125; } .dealerContact { background: #a90125; } /* ----- OFFERS LIST ------ */ #offerTabs li a#offer-used-offers { width: 91px; background: url(../images/layup/vauxhall/offerTabs.gif) 0px 0px no-repeat; } #offerTabs li a#offer-aftersales-offers { width: 121px; background: url(../images/layup/vauxhall/offerTabs.gif) -91px 0px no-repeat; } #offerTabs li a#offer-motability-offers{ width: 120px; background: url(../images/layup/vauxhall/offerTabs.gif) -212px 0px no-repeat; } #offerTabs li a#offer-fleet-offers { width: 91px; background: url(../images/layup/vauxhall/offerTabs.gif) -332px 0px no-repeat; } #offerTabs li a#offer-new-offers { width: 91px; background: url(../images/layup/vauxhall/offerTabs.gif) -423px 0px no-repeat; } #offerTabs li a#offer-contract-offers { width: 136px; background: url(../images/layup/vauxhall/offerTabs.gif) -514px 0px no-repeat; } #offerTabs a#offer-used-offers:hover, #offerTabs li.active a#offer-used-offers { background: url(../images/layup/vauxhall/offerTabs.gif) 0px -26px no-repeat; } #offerTabs a#offer-aftersales-offers:hover, #offerTabs li.active a#offer-aftersales-offers { background: url(../images/layup/vauxhall/offerTabs.gif) -91px -26px no-repeat; } #offerTabs a#offer-motability-offers:hover, #offerTabs li.active a#offer-motability-offers { background: url(../images/layup/vauxhall/offerTabs.gif) -212px -26px no-repeat; } #offerTabs a#offer-fleet-offers:hover, #offerTabs li.active a#offer-fleet-offers { background: url(../images/layup/vauxhall/offerTabs.gif) -332px -26px no-repeat; } #offerTabs #offer-new-offers:hover, #offerTabs li.active a#offer-new-offers { background: url(../images/layup/vauxhall/offerTabs.gif) -423px -26px no-repeat; } #offerTabs li a#offer-contract-offers:hover, #offerTabs li.active a#offer-contract-offers { width: 136px; background: url(../images/layup/vauxhall/offerTabs.gif) -514px -26px no-repeat; } /* ----- FOOTER ----- */ #footer { margin-top: -280px; height:280px; background: url(../images/layup/vauxhall/footerBg.jpg) center top no-repeat; color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer .padding { width: 960px; margin:0 auto; text-align: left; position: relative; padding:55px 0 0 0; } #footer a { font-weight:normal; text-decoration:none; color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #footer a:hover { text-decoration:underline;} /* ----- FINANCE PAGES ----- */ #financeMenu { background:url(../images/layup/vauxhall/titleSelectFinance.gif) no-repeat top left; } #financeMenu a#finance { height:34px; background:url(../images/layup/vauxhall/spriteFinanceMenu.gif) 0 0 no-repeat;} #financeMenu a#warranty { height:31px; background:url(../images/layup/vauxhall/spriteFinanceMenu.gif) 0 -34px no-repeat;} #financeMenu a#insurance {height:40px; background:url(../images/layup/vauxhall/spriteFinanceMenu.gif) 0 -65px no-repeat;} #financeMenu a#finance:hover, #financeMenu a#finance.active { height:34px; background:url(../images/layup/vauxhall/spriteFinanceMenu.gif) -288px 0 no-repeat;} #financeMenu a#warranty:hover, #financeMenu a#warranty.active { height:31px; background:url(../images/layup/vauxhall/spriteFinanceMenu.gif) -288px -34px no-repeat;} #financeMenu a#insurance:hover, #financeMenu a#insurance.active {height:40px; background:url(../images/layup/vauxhall/spriteFinanceMenu.gif) -288px -65px no-repeat;} .newsList .listItem .itemFinance td { border:1px solid #a90125; } .newsList .listItem .itemFinance tr { background:#ababab; } .newsList .listItem .itemFinance tr.tableHead { background:#a90125;}