body { background: #e4e4e4; }
#outer { background:url(../images/layup/forddirect/outerBg.jpg) no-repeat center top; }
#header { background:none; }
#header #badge { top:39px; }
#header #contactDetails { position:absolute; right:171px; top:56px; }
#zoomZoom { position: absolute; top: 0px; left: 490px; }
#middleCol #flashImage { margin-bottom:10px; position: relative; }

#rightCol #usedCarSearch .tabs { background: #FEE647; }
#rightCol #usedCarSearch .tabs #carsSearchTab { border: none; width: 58px; }
#rightCol #usedCarSearch .tabs #carsSearchTab.active { background-position: -2px -27px; }

#primaryNav { background:url(../images/layup/forddirect/navBg.gif) top left repeat-y; padding-top: 3px; }
#primaryNav li { display: block; background:url(../images/layup/forddirect/navDivider.gif) bottom left no-repeat; }
#primaryNav li a:hover { background:url(../images/layup/forddirect/navHover.gif) top left repeat-x; }
#primaryNav li a span { background:url(../images/layup/forddirect/iconArrow.gif) 0px 4px no-repeat; }
#primaryNav li a:hover span { background:url(../images/layup/forddirect/iconArrow.gif) 0px 4px no-repeat; }
#primaryNav li .active { background:url(../images/layup/forddirect/navHover.gif) top left repeat-x; }
#primaryNav li .active span { background:url(../images/layup/forddirect/iconArrowDown.gif) 1px 3px no-repeat; }
#primaryNav ul ul { background: #2c2a61 url(../images/layup/forddirect/navInnerBg.gif) bottom left repeat-x; }
#primaryNav li li a:hover { background: #232244; text-decoration: none; }
#primaryNav li li .active { background: #232244; text-decoration: none; }

#rightCol #usedCarSearch .tabs #commercialSearchTab { display:none; }

a#jumpSmartRewardCard { width:183px; height:120px; display:block; position:relative; }
a#jumpSmartRewardCard .overlay { position:absolute; left:183px; top:55px; }

#featuredCars { margin:0 0 30px; }
#featuredCars .box { width:184px; height:204px; float:left; position: relative; }
#featuredCars .box a { text-decoration:none; font-weight:bold; display:block; }
#featuredCars .model { height:19px; font-size:13px; font-weight:bold; color:#010101; padding:15px 0 0 11px; margin:0 0 140px; display:block; }
#featuredCars .price { font-size:12px; font-weight:bold; color:#fff; padding:10px 0 0 12px; display:block; }
#featuredCars .fiesta { background:url(../images/layup/forddirect/featuredFiesta.jpg) no-repeat left top; margin:0 0 6px; }
#featuredCars .focus { background:url(../images/layup/forddirect/featuredFocus.jpg) no-repeat left top; margin:0 12px 6px; }
#featuredCars .kuga { background:url(../images/layup/forddirect/featuredKuga.jpg) no-repeat left top; margin:0 0 6px; }
#featuredCars .mondeo { background:url(../images/layup/forddirect/featuredMondeo.jpg) no-repeat left top; }
#featuredCars .galaxy { background:url(../images/layup/forddirect/featuredGalaxy.jpg) no-repeat left top; margin:0 12px; }
#featuredCars .ka { background:url(../images/layup/forddirect/featuredKa.jpg) no-repeat left top; }
#featuredCars .modelImage { position: absolute; top: 0px; left: 0px; padding-top: 35px; }



#jumpPoints { margin-top: 2px; }
#jumpNewCars { background: url(../images/layup/forddirect/jumpNewCars.jpg) top left no-repeat; float: left; height: 202px; width: 224px; margin-right: 9px; }
#jumpNewCars a { padding: 134px 5px 0px 11px; height: 68px; display: block; text-decoration: none; font-weight: normal; }
#jumpUsedCars { background: url(../images/layup/forddirect/jumpUsedCars.jpg) top left no-repeat; float: left; height: 202px; width: 179px; margin-right: 9px; }
#jumpUsedCars a { padding: 134px 5px 0px 11px; height: 68px; display: block; text-decoration: none; font-weight: normal; }
#jumpAftersales { background: url(../images/layup/forddirect/jumpAftersales.jpg) top left no-repeat; float: left; height: 202px; width: 155px; }
#jumpAftersales a { padding: 134px 5px 0px 11px; height: 68px; display: block; text-decoration: none; font-weight: normal; }

#middleCol #news .tabs span { display: block; padding: 8px 10px 8px 10px; }
#middleCol #latestOffersVideos .tabs .active { background: url(../images/layup/tabPurpleRight.gif) top right no-repeat; }
#middleCol #latestOffersVideos .tabs .active span { background: url(../images/layup/tabPurpleLeft.gif) top left no-repeat; }
#middleCol #news .tabs .active { background: url(../images/layup/tabPurpleRight.gif) top right no-repeat; }
#middleCol #news .tabs .active span { background: url(../images/layup/tabPurpleLeft.gif) top left no-repeat; }

#usedVehicleSpec .tabset_tabs a { background: #0080c5 !important; }
#usedVehicleSpec .tabset_tabs a:hover { background: #016093 !important; }
#usedVehicleSpec .tabset_tabs .active a { background: #016093 !important; }
#topFeatures .tab li { background: #016093 !important; }

/* ----- FRANCHISE OFFER TABS ----- */
#offerFranchiseTabs { height: 38px; margin-top: 17px; background:url(../images/layup/spriteOfferBg.gif) top left repeat-x; }
#offerFranchiseTabs div { float: left; }
#offerFranchiseTabs span { display: none; }
#offerFranchiseTabs .offerTabNewCars a { display: block; height: 38px; width: 141px; background:url(../images/layup/forddirect/spriteOfferNewCars.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabNewCars a:hover { background:url(../images/layup/forddirect/spriteOfferNewCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabNewCars .active { background:url(../images/layup/forddirect/spriteOfferNewCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabUsedCars a { display: block; height: 38px; width: 141px; background:url(../images/layup/forddirect/spriteOfferUsedCars.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabUsedCars a:hover { background:url(../images/layup/forddirect/spriteOfferUsedCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabUsedCars .active { background:url(../images/layup/forddirect/spriteOfferUsedCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabServicing a { display: block; height: 38px; width: 95px; background:url(../images/layup/forddirect/spriteOfferServicing.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabServicing a:hover { background:url(../images/layup/forddirect/spriteOfferServicing.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabServicing .active { background:url(../images/layup/forddirect/spriteOfferServicing.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabAftersales a { display: block; height: 38px; width: 91px; background:url(../images/layup/forddirect/spriteOfferAftersales.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabAftersales a:hover { background:url(../images/layup/forddirect/spriteOfferAftersales.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabAftersales .active { background:url(../images/layup/forddirect/spriteOfferAftersales.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabScrappage a { display: block; height: 38px; width: 86px; background:url(../images/layup/forddirect/spriteOfferScrappage.gif) top left no-repeat; }
#offerFranchiseTabs .offerTabScrappage a:hover { background:url(../images/layup/forddirect/spriteOfferScrappage.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabScrappage .active { background:url(../images/layup/forddirect/spriteOfferScrappage.gif) 0px -38px no-repeat; }

#rightCol .locationDetails .locationMap #location2 { position: absolute; top: 18px; left: 68px; cursor: pointer; width: 41px; height: 11px; display: block; overflow: hidden; }
#rightCol .locationDetails .locationMap #location2 img { position: absolute; top: 0px; left: 0px; }
#rightCol .locationDetails .locationMap #location2 a:hover { position: absolute; top: -24px; left: 0px; }
#rightCol .locationDetails .locationMap #location3 { position: absolute; top: 47px; left: 12px; cursor: pointer; width: 41px; height: 11px; display: block; overflow: hidden;  }
#rightCol .locationDetails .locationMap #location3 img { position: absolute; top: 0px; left: 0px; }
#rightCol .locationDetails .locationMap #location3 a:hover { position: absolute; top: -24px; left: 0px; }

#middleCol #latestOffersVideos .controls .btnNew { float: left; width: 36px; }
#middleCol #latestOffersVideos .controls .btnNew a { background:url(../images/layup/forddirect/spriteOfferTabs.gif) 0px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnNew a:hover { background:url(../images/layup/forddirect/spriteOfferTabs.gif) 0px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnNew a.active { background:url(../images/layup/forddirect/spriteOfferTabs.gif) 0px -34px no-repeat; height: 34px; display: block; }

#middleCol #latestOffersVideos .controls .btnCommercial { float: left; width: 75px; }
#middleCol #latestOffersVideos .controls .btnCommercial a { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -105px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnCommercial a:hover { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -105px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnCommercial a.active { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -105px -34px no-repeat; height: 34px; display: block; }


#middleCol #latestOffersVideos .controls .btnAftersales { float: left; width: 61px; }
#middleCol #latestOffersVideos .controls .btnAftersales a { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -180px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnAftersales a:hover { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -180px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnAftersales a.active { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -180px -34px no-repeat; height: 34px; display: block; }


#middleCol #latestOffersVideos .controls .btnScrappage { float: left; width: 69px; }
#middleCol #latestOffersVideos .controls .btnScrappage a { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -36px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnScrappage a:hover { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -36px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnScrappage a.active { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -36px -34px no-repeat; height: 34px; display: block; }

#middleCol #latestOffersVideos .controls .btnUsed { float: left; width: 37px; }
#middleCol #latestOffersVideos .controls .btnUsed a { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -243px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnUsed a:hover { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -243px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnUsed a.active { background:url(../images/layup/forddirect/spriteOfferTabs.gif) -243px -34px no-repeat; height: 34px; display: block; }

