body { background: #594183; }
#outer { background: url(../images/layup/mazda/bodyBg.gif) top left repeat-x; min-height: 535px; }
#header { background:url(../images/layup/mazda/headerBg.gif) top left no-repeat; }
#zoomZoom { position: absolute; top: 0px; left: 490px; }
#middleCol #flashImage { margin-bottom: 2px; position: relative; }

#primaryNav { background:url(../images/layup/mazda/navBg.gif) top left repeat-y; padding-top: 3px; }
#primaryNav li { display: block; background:url(../images/layup/mazda/navDivider.gif) bottom left no-repeat; }
#primaryNav li a:hover { background:url(../images/layup/mazda/navHover.gif) top left repeat-x; }
#primaryNav li a span { background:url(../images/layup/mazda/iconArrow.gif) 0px 4px no-repeat; }
#primaryNav li a:hover span { background:url(../images/layup/mazda/iconArrow.gif) 0px 4px no-repeat; }
#primaryNav li .active { background:url(../images/layup/mazda/navHover.gif) top left repeat-x; }
#primaryNav li .active span { background:url(../images/layup/mazda/iconArrowDown.gif) 1px 3px no-repeat; }
#primaryNav ul ul { background: #2c2a61 url(../images/layup/mazda/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; }

#jumpPoints { margin-top: 2px; }
#jumpNewCars { background: url(../images/layup/mazda/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/mazda/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/mazda/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/mazda/spriteOfferNewCars.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabNewCars a:hover { background:url(../images/layup/mazda/spriteOfferNewCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabNewCars .active { background:url(../images/layup/mazda/spriteOfferNewCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabUsedCars a { display: block; height: 38px; width: 141px; background:url(../images/layup/mazda/spriteOfferUsedCars.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabUsedCars a:hover { background:url(../images/layup/mazda/spriteOfferUsedCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabUsedCars .active { background:url(../images/layup/mazda/spriteOfferUsedCars.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabServicing a { display: block; height: 38px; width: 95px; background:url(../images/layup/mazda/spriteOfferServicing.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabServicing a:hover { background:url(../images/layup/mazda/spriteOfferServicing.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabServicing .active { background:url(../images/layup/mazda/spriteOfferServicing.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabAftersales a { display: block; height: 38px; width: 91px; background:url(../images/layup/mazda/spriteOfferAftersales.gif) top left no-repeat; margin-right: 4px; }
#offerFranchiseTabs .offerTabAftersales a:hover { background:url(../images/layup/mazda/spriteOfferAftersales.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabAftersales .active { background:url(../images/layup/mazda/spriteOfferAftersales.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabScrappage a { display: block; height: 38px; width: 86px; background:url(../images/layup/mazda/spriteOfferScrappage.gif) top left no-repeat; }
#offerFranchiseTabs .offerTabScrappage a:hover { background:url(../images/layup/mazda/spriteOfferScrappage.gif) 0px -38px no-repeat; }
#offerFranchiseTabs .offerTabScrappage .active { background:url(../images/layup/mazda/spriteOfferScrappage.gif) 0px -38px no-repeat; }

#rightCol .locationDetails .locationMap #location2 { position: absolute; top: 18px; left: 68px; cursor: pointer; width: 28px; height: 24px; 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: 28px; height: 24px; 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/mazda/spriteOfferTabs.gif) 0px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnNew a:hover { background:url(../images/layup/mazda/spriteOfferTabs.gif) 0px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnNew a.active { background:url(../images/layup/mazda/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/mazda/spriteOfferTabs.gif) -105px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnCommercial a:hover { background:url(../images/layup/mazda/spriteOfferTabs.gif) -105px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnCommercial a.active { background:url(../images/layup/mazda/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/mazda/spriteOfferTabs.gif) -180px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnAftersales a:hover { background:url(../images/layup/mazda/spriteOfferTabs.gif) -180px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnAftersales a.active { background:url(../images/layup/mazda/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/mazda/spriteOfferTabs.gif) -36px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnScrappage a:hover { background:url(../images/layup/mazda/spriteOfferTabs.gif) -36px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnScrappage a.active { background:url(../images/layup/mazda/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/mazda/spriteOfferTabs.gif) -243px 0px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnUsed a:hover { background:url(../images/layup/mazda/spriteOfferTabs.gif) -243px -34px no-repeat; height: 34px; display: block; }
#middleCol #latestOffersVideos .controls .btnUsed a.active { background:url(../images/layup/mazda/spriteOfferTabs.gif) -243px -34px no-repeat; height: 34px; display: block; }

#MB_window { background-color:#2c2a61; }
