/* ----- BACKGROUNDS ----- */
body { background: url(../images/layup/vauxhall/bodyBg.jpg) repeat-y center; }
#wrapper { background: url(../images/layup/vauxhall/wrapperBg.gif) no-repeat top center; }
#footer { background: url(../images/layup/vauxhall/footerBg.gif) no-repeat center; }
#leftCol .boxFoot { background: url(../images/layup/vauxhall/boxBgBottom.gif) no-repeat; }
#leftCol .box { background: url(../images/layup/vauxhall/boxBgTop.gif) top left no-repeat; }
#leftCol .box .usedCars { background: url(../images/layup/vauxhall/spriteUsedNewSearch.gif) top left; }
#leftCol .box .newCars { background: url(../images/layup/vauxhall/spriteUsedNewSearch.gif) bottom left; }

#leftCol .offerScroll a#ofrPrev { background: url(../images/layup/vauxhall/spriteOfferPrevNext.gif) no-repeat 0px 0px; }
#leftCol .offerScroll a#ofrNext { background: url(../images/layup/vauxhall/spriteOfferPrevNext.gif) no-repeat -114px 0px; }
#leftCol .offerScroll a#ofrPrev:hover { background: url(../images/layup/vauxhall/spriteOfferPrevNext.gif) no-repeat 0px -49px; }
#leftCol .offerScroll a#ofrNext:hover { background: url(../images/layup/vauxhall/spriteOfferPrevNext.gif) no-repeat -114px -49px; }

/* ----- COLOURS ----- */
h1.homeHeading { color: #cc2823; }
h1 { color: #cc2823; }

/* ----- LAYOUT ----- */
#header { height: 131px; }
#franchiseCarJumps #jumpNewOffers .boxImage img { padding: 53px 0px 0px 18px; }
#franchiseCarJumps #jumpUsedCars .boxImage img { padding: 53px 0px 0px 22px; }
#badge { position: absolute; top: 17px; left: 300px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { float: none; padding: 97px 0px 0px 0px; }
#primaryNav ul { list-style: none; margin: 0; padding: 0; }
#primaryNav li { float: left; }
#primaryNav li a { display: block; float: left; padding: 0px 0px 0px 10px; text-decoration: none; font-size: 12px; color: #FFF; }
#primaryNav li a:hover,
#primaryNav li a.active { background: url(../images/layup/primaryNavLeft.jpg) no-repeat top left; color: #383e3f; }
#primaryNav li a span { display: block; padding: 5px 13px 6px 5px; }
#primaryNav li a:hover span,
#primaryNav li a.active span { background: url(../images/layup/primaryNavRight.jpg) no-repeat top right; }

#rightCol #mainImage .ctrlsFranchise { position: relative; height: 36px; z-index: 999; }
#rightCol #mainImage .ctrlsFranchise .borderL { position: absolute; top: 0px; left: 0px; }
#rightCol #mainImage .ctrlsFranchise .borderR { position: absolute; top: 0px; right: 0px; }
#rightCol #mainImage .ctrlsFranchise a { display: inline-block; color: #fff; padding: 4px 20px 10px 20px; line-height: 120%; background: #fae15d url(../images/layup/mainImageCtrlBorderB.gif) bottom left repeat-x; text-decoration: none; font-size: 1.6em; }
#rightCol #mainImage .ctrlsFranchise a:hover { background: #e47f33 url(../images/layup/mainImageCtrlBorderB.gif) bottom left repeat-x; }
#rightCol #mainImage .ctrlsFranchise a.first { padding-left: 40px; background: #fae15d url(../images/layup/mainImageCtrlBorderL.gif) bottom left no-repeat !important; }
#rightCol #mainImage .ctrlsFranchise a.last { padding-right: 40px; background: #fae15d url(../images/layup/mainImageCtrlBorderR.gif) bottom right no-repeat !important; }
#rightCol #mainImage .ctrlsFranchise a:hover.first { padding-left: 40px; background: #e47f33 url(../images/layup/mainImageCtrlBorderL.gif) bottom left no-repeat !important; }
#rightCol #mainImage .ctrlsFranchise a:hover.last { padding-right: 40px; background: #e47f33 url(../images/layup/mainImageCtrlBorderR.gif) bottom right no-repeat !important; }
#rightCol #mainImage .ctrlsFranchise ul { list-style: none; padding: 0; margin: 0; text-align: center; width: 100%; }
#rightCol #mainImage .ctrlsFranchise li { position: relative; display:inline; z-index: 999; }