body { background:#f6f9fd url(../images/layup/peugeot/bodyBg.gif) top center repeat-x; }
#outer { background:url(../images/layup/peugeot/outerBg.jpg) top center no-repeat; }
#badge { position: absolute; top: 8px; right: 10px; }
#backGroup { position: absolute; top: 0px; right: 120px; } 

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 93px; }
#primaryNav li { background:url(../images/layup/peugeot/navDivider.gif) top right no-repeat; }
#primaryNav li a .arrow { padding: 26px 9px 41px 9px; }
#primaryNav li a:hover .arrow { padding: 26px 9px 41px 9px; }
#primaryNav li .active .arrow { padding: 26px 9px 41px 9px; }
#primaryNav li.last a .arrow { padding-left: 6px; padding-right: 5px; }
#primaryNav li.last a:hover .arrow { padding-left: 6px; padding-right: 5px; }
#primaryNav li.last .active .arrow { padding-left: 6px; padding-right: 5px; }
#primaryNav li .border { display: none; }

/*SAFARI HACK*/
/*VISIT: http://www.stormdetector.com/hacks/safarihack.html*/
/*PADDING 1 - SAFARI*/
/*PADDING 2 - IE7*/
/*PADDING 3 - IE6*/

/*\*/
html*#primaryNav a .arrow {
[color:white;
padding:26px 7px 41px 8px;
]padding: 26px 11px 41px 12px;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #primaryNav a .arrow {
padding: 26px 11px 41px 12px;
}
/*end*/

/*\*/
html*#primaryNav a:hover .arrow  {
[color:white;
padding:26px 7px 41px 8px;
]padding: 26px 11px 41px 12px;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #primaryNav a:hover .arrow  {
padding: 26px 11px 41px 12px;
}
/*end*/

/*\*/
html*#primaryNav .active .arrow {
[color:white;
padding:26px 7px 41px 8px;
]padding: 26px 11px 41px 12px;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #primaryNav .active .arrow {
padding: 26px 11px 41px 12px;
}
/*end*/


#leftCol .usedCarSearch { background: #7b8fce url(../images/layup/peugeot/usedCarSearchBg.jpg) top left no-repeat; height: 250px; }
#leftCol .usedCarSearch select { margin:0px 0px 5px 0px; }
#leftCol .usedCarSearch .checkUsedCars { background:url(../images/layup/peugeot/titleCars.gif) top left no-repeat; float: left; height: 22px; width:66px; margin-bottom: 10px; margin-top: 3px; padding: 3px 0px 0px 0px; }
#leftCol .usedCarSearch .checkUsedVans { background:url(../images/layup/peugeot/titleVans.gif) top left no-repeat; float: right; height: 22px; width:66px; margin-bottom: 12px; margin-top: 3px; padding: 3px 0px 0px 0px; }
#leftCol .usedCarSearch .search { margin-bottom: 8px; }
#leftCol .usedCarSearch .advanced { margin-bottom: 7px; margin-top: 4px; }
#leftCol .favourites { background: url(../images/layup/peugeot/favouritesBg.jpg) top left no-repeat; }
#leftCol .favourites .thumb { background:url(../images/layup/peugeot/noImageFavourites.gif) top left no-repeat; }
#leftCol .favourites .btnRetrieve { background: url(../images/layup/peugeot/btnRetrieveBg.gif) 0px -25px no-repeat; }
#leftCol .favourites .btnSave { background: url(../images/layup/peugeot/btnSaveBg.gif) 0px 0px no-repeat; }
#leftCol .favourites .btnSave:hover { background: url(../images/layup/peugeot/btnSaveBg.gif) 0px -25px no-repeat; }
#leftCol .favourites .btnSave .active { background: url(../images/layup/peugeot/btnSaveBg.gif) 0px -25px no-repeat; }
#leftCol .favourites .btnView { background: url(../images/layup/peugeot/btnViewBg.gif) 0px 0px no-repeat; }
#leftCol .favourites .btnView:hover { background: url(../images/layup/peugeot/btnViewBg.gif) 0px -25px no-repeat; }
#leftCol .favourites .btnView .active { background: url(../images/layup/peugeot/btnViewBg.gif) 0px -25px no-repeat; }

#homeContent { padding-top: 15px; }
#homeContent h1 { background: url(../images/layup/peugeot/titleGoodMorning.gif) top left no-repeat; width: 662px; }

/* ----- HOMEPAGE JUMP POINTS ----- */
#primaryJump { background: #fff; padding-bottom: 12px; padding-top: 8px; }
#primaryJump a { display: block; text-decoration: none; width: 225px; height: 199px; cursor: pointer; font-weight: normal; } 
#primaryJump .jumpBox { float: left; position: relative; margin-right: 12px; }
#primaryJump .jumpBox.last { margin-right: 0px; }
#primaryJump .jumpBox .thumb { display: block; padding-top: 7px; }
#primaryJump .jumpBoxNewCars a { display: block; width: auto !important; height: auto !important; }
#secondaryJump { background: #fff url(../images/layup/dotsDivider.gif) bottom left no-repeat; padding: 0px 0px 9px 0px !important; }
#secondaryJump a { display: block; text-decoration: none; width: 225px; height: 107px; cursor: pointer; font-weight: normal; } 
#secondaryJump .jumpBox { float: left; position: relative; margin-right: 12px; }
#secondaryJump .jumpBox.last { margin-right: 0px; }
#secondaryJump .jumpBox .bg { position: relative; display: block; }
#secondaryJump .jumpBox .content { position: absolute; display: block; top: 28px; left: 84px; width: 130px; line-height: 120%; }

/* ----- BOX LISTING ----- */
#boxListing .box .title { color: #7c90cf; }
#boxListing .box .model { color: #294aa0; }

/* ----- RENTAL LISTING ----- */
#rentalListing .listItem .heading { background: #7c90cf; }

/* ----- USED CAR LISTING ----- */
#usedCarListingAdjustFinance form { background: #7c90cf; }
#usedCarListing .listItem .heading { background: #7c90cf; color: #fff; }
#usedCarListing .listItem .quoteBox .title { background: #7c90cf; color: #fff; }

/* ----- OFFER TAB LISTING ----- */
#offerTabList #tabset .usedCarsTab a { background:url(../images/layup/peugeot/offerTabUsedCars.gif) 0px -43px no-repeat; width: 88px; z-index: 5; }
#offerTabList #tabset .usedCarsTab a:hover { background:url(../images/layup/peugeot/offerTabUsedCars.gif) 0px 0px no-repeat; }
#offerTabList #tabset .usedCarsTab .active { background:url(../images/layup/peugeot/offerTabUsedCars.gif) 0px 0px no-repeat; }
#offerTabList #tabset .newCarsTab a { background:url(../images/layup/peugeot/offerTabNewCars.gif) 0px -43px no-repeat; width: 84px; z-index: 4; }
#offerTabList #tabset .newCarsTab a:hover { background:url(../images/layup/peugeot/offerTabNewCars.gif) 0px 0px no-repeat; }
#offerTabList #tabset .newCarsTab .active { background:url(../images/layup/peugeot/offerTabNewCars.gif) 0px 0px no-repeat; }
#offerTabList #tabset .usedVansTab a { background:url(../images/layup/peugeot/offerTabUsedVans.gif) 0px -43px no-repeat; width: 88px; z-index: 3; }
#offerTabList #tabset .usedVansTab a:hover { background:url(../images/layup/peugeot/offerTabUsedVans.gif) 0px 0px no-repeat; }
#offerTabList #tabset .usedVansTab .active { background:url(../images/layup/peugeot/offerTabUsedVans.gif) 0px 0px no-repeat; }
#offerTabList #tabset .newVansTab a { background:url(../images/layup/peugeot/offerTabNewVans.gif) 0px -43px no-repeat; width: 84px; z-index: 2; }
#offerTabList #tabset .newVansTab a:hover { background:url(../images/layup/peugeot/offerTabNewVans.gif) 0px 0px no-repeat; }
#offerTabList #tabset .newVansTab .active { background:url(../images/layup/peugeot/offerTabNewVans.gif) 0px 0px no-repeat; }
#offerTabList #tabset .motabilityTab a { background:url(../images/layup/peugeot/offerTabMotability.gif) 0px -43px no-repeat; width: 92px; z-index: 1; }
#offerTabList #tabset .motabilityTab a:hover { background:url(../images/layup/peugeot/offerTabMotability.gif) 0px 0px no-repeat; }
#offerTabList #tabset .motabilityTab .active { background:url(../images/layup/peugeot/offerTabMotability.gif) 0px 0px no-repeat; }

/* ----- USED CAR DETAIL ----- */
#usedCarImagery .imageControl .btn1 a { background: url(../images/layup/peugeot/icon1.gif) 0px -34px no-repeat; }
#usedCarImagery .imageControl .btn1 a:hover { background: url(../images/layup/peugeot/icon1.gif) top left no-repeat; }
#usedCarImagery .imageControl .btn1 .active { background: url(../images/layup/peugeot/icon1.gif) top left no-repeat; }
#usedCarImagery .imageControl .btn2 a { background: url(../images/layup/peugeot/icon2.gif) 0px -34px no-repeat; }
#usedCarImagery .imageControl .btn2 a:hover { background: url(../images/layup/peugeot/icon2.gif) top left no-repeat; }
#usedCarImagery .imageControl .btn2 .active { background: url(../images/layup/peugeot/icon2.gif) top left no-repeat; }
#usedCarImagery .imageControl .btn3 a { background: url(../images/layup/peugeot/icon3.gif) 0px -34px no-repeat; }
#usedCarImagery .imageControl .btn3 a:hover { background: url(../images/layup/peugeot/icon3.gif) top left no-repeat; }
#usedCarImagery .imageControl .btn3 .active { background: url(../images/layup/peugeot/icon3.gif) top left no-repeat; }
#usedCarDetail #titlePrice { background: #7c90cf; }
#usedCarDetail #furtherInfo { background: #294aa0; }
#usedCarFinance .tab li { background: #294aa0; }
#usedCarFinance #adjustFinance form { background: #294aa0; color: #fff; }
#usedCarFinance .financeTable th { background: #7c90cf; color: #fff; }
#similarVehicles .tab li { background: #294aa0; }
#similarVehicles .box .title { background: #7c90cf; }
.usedCarCMSGraphic { background: url(../images/layup/peugeot/usedCarCmsDefault.jpg) top left no-repeat; }

/* ----- USED CAR DOMTABS ----- */
#usedVehicleSpec .tabset_tabs a { background: #7c90cf; }
#usedVehicleSpec .tabset_tabs a:hover { background: #294aa0 !important; }
#usedVehicleSpec .tabset_tabs .active a { background: #294aa0; }

/* ----- NEW CAR DETAIL ----- */
#modelTable table thead th { background: #7c90cf;}
#modelTable table thead th.youSave { background: #cc0000; }
#modelTable table tbody td { background: #fff; }
#modelTable table tbody td.youSave { background: #ff0000; }
#modelTable table tbody tr.trAlt td { background: #e1e8ff; }
#modelTable table tbody tr.trAlt td.youSave { background: #cc0000; }
#modelTable table .infoAlt td { background: #e1e8ff url(../images/layup/iconDownArrow.gif) 10px 5px no-repeat !important; }

#newCarCol1 #newCarDetail { background: #dae3fe; }
#newCarCol1 #newCarPhoto { background: #dae3fe; }

#newCarCol2 #newCarOptions .frmEnquiry { background: #e7e7e9; }
#newCarCol2 #newCarOptions .frmEnquiry p { background: #294aa0; }
#newCarCol2 #newCarOptions .frmEnquiry form input, textarea { border: 1px solid #7f9db9; }
#newCarCol2 #newCarContactNumber {background: #bad2f7;}
#newCarCol2 #newCarPricingOptions { background: #294aa0; }
#newCarCol2 #newCarPricingOptions #pricing thead th.customise { color: #015389; }
#newCarCol2 #newCarPricingOptions #pricing thead th.save { background: #de0606; }
#newCarCol2 #newCarPricingOptions #pricing tbody td.save { background: #f1d1d1; }
#newCarCol2 #extras { border-bottom: 10px solid #0e2e81; }
#newCarCol2 #extras thead th { background: #0e2e81; }

/* ----- NEW CAR DOMTABS ----- */
#newCarSpec .tabset_tabs a { background: #7c90cf; }
#newCarSpec .tabset_tabs a:hover { background: #dae3fe !important; }
#newCarSpec .tabset_tabs .active a { background: #dae3fe; }
#newCarSpec .trAlt { background:#f2f2f2 !important; }
#newCarSpec .tabset_content { border: 14px solid #dae3fe; }

/* ----- HEADINGS & PARAGRAPHS ----- */
#mainContent h1 { color: #294aa0; }

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs a { background: #294aa0; }
#breadcrumbs .active { background: #7c90cf; }
#back a { background: #294aa0 url(../images/layup/peugeot/iconArrowLeft.gif) 10px 5px no-repeat; }

/* ----- FOOTER ----- */
#footer { background: url(../images/layup/peugeot/footerBg.gif) top left no-repeat; }

/* ----- FORMS ----- */
.requiredLabel { color:#294aa0; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #294aa0; }
.validation-advice { background-color: #294aa0; }