/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- IMGAGERY -------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
body { background: url(../images/layup/morgan/bodyBg.gif) top left repeat; }
#outer { background: url(../images/layup/morgan/outerBg.gif) top left repeat-x; }
#outer.usedDetail { background: url(../images/layup/morgan/outerHomeBg.gif) top left repeat-x; }
#outerHome { background: url(../images/layup/morgan/outerHomeBg.gif) top left repeat-x; }
#container { background: url(../images/layup/morgan/containerBg.jpg) top right repeat-y; }
#header { background: url(../images/layup/morgan/headerBg.gif) top left no-repeat; }
#header #flags { position: absolute; top: 6px; right: 281px; }
#header #flags a.flagGermany { background: url(../images/layup/morgan/spriteFlags.gif) 0px 0px no-repeat; }
#header #flags a.flagGermany:hover { background: url(../images/layup/morgan/spriteFlags.gif) 0px -14px no-repeat; }
#header #flags a.flagFrance { background: url(../images/layup/morgan/spriteFlags.gif) -16px 0px no-repeat; }
#header #flags a.flagFrance:hover { background: url(../images/layup/morgan/spriteFlags.gif) -16px -14px no-repeat; }
#header #flags a.flagItaly { background: url(../images/layup/morgan/spriteFlags.gif) -32px 0px no-repeat; }
#header #flags a.flagItaly:hover { background: url(../images/layup/morgan/spriteFlags.gif) -32px -14px no-repeat; }
#header #flags a.flagSpain { background: url(../images/layup/morgan/spriteFlags.gif) -48px 0px no-repeat; }
#header #flags a.flagSpain:hover { background: url(../images/layup/morgan/spriteFlags.gif) -48px -14px no-repeat; }
#header #telephone {left:500px; }
#header #btnPartsShop { position:absolute; top:46px; left:708px; }
#primaryNav { background:url(../images/layup/morgan/primaryNavBg.gif) top left no-repeat; }
#primaryNav li { background: url(../images/layup/morgan/primaryNavDivider.gif) top right no-repeat; }
#primaryNav li a:hover, #primaryNav li .active { background:url(../images/layup/morgan/primaryNavHover.gif) top left repeat-x; }
#leftCol .vehicleSearch { background: url(../images/layup/morgan/vehicleSearchBg.gif) top left repeat-y; }
#primaryNav li a { padding-left:9px; padding-right:9px;  }
#leftCol .box { background: url(../images/layup/morgan/leftColBoxBg.gif) top left repeat; }
#leftCol .saveCompare { background: url(../images/layup/morgan/leftColBoxBg.gif) top left repeat; }
#list .listItem a:hover { background: url(../images/layup/morgan/diagBg.gif) top left repeat; }
#list .listItem .imagesAvailable { background: url(../images/layup/morgan/iconCamera.gif) top left no-repeat; padding-bottom:7px; }
#list .listItem { background: url(../images/layup/morgan/listingDivider.gif) bottom left repeat-x; }
#usedVehicleOptions .btnEnquiry a { height: 30px; width: 68px; background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) 0px 0px no-repeat; margin-right: 2px; }
#usedVehicleOptions .btnEnquiry a:hover { background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) 0px -30px no-repeat; }
#usedVehicleOptions .btnSendFriend a { height: 30px; width: 123px; background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -68px 0px no-repeat; margin-right: 2px; }
#usedVehicleOptions .btnSendFriend a:hover { background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -68px -30px no-repeat; }
#usedVehicleOptions .btnMakeOffer a { height: 30px; width: 107px; background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -191px 0px no-repeat; margin-right: 2px; }
#usedVehicleOptions .btnMakeOffer a:hover { background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -191px -30px no-repeat; }
#usedVehicleOptions .btnSaveCompare a { height: 30px; width: 126px; background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -298px 0px no-repeat; margin-right: 2px; }
#usedVehicleOptions .btnSaveCompare a:hover { background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -298px -30px no-repeat; }
#usedVehicleOptions .btnPrint a { height: 30px; width: 84px; background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -424px 0px no-repeat; margin-right: 2px; }
#usedVehicleOptions .btnPrint a:hover { background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -424px -30px no-repeat; }
#usedVehicleOptions .btnValue a { height: 30px; width: 128px; background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -508px 0px no-repeat; }
#usedVehicleOptions .btnValue a:hover { background:url(../images/layup/morgan/spriteUsedVehicleOptions.gif) -508px -30px no-repeat; }
#usedVehicleDetails .domHeadings li#tabSpec a { width: 117px; background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) 0px 0px no-repeat; }
#usedVehicleDetails .domHeadings li#tabSpec a:hover { background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) 0px -35px no-repeat; }
#usedVehicleDetails .domHeadings li#tabSpec.active a{  background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) 0px -35px no-repeat; }
#usedVehicleDetails .domHeadings li#tabTechnical a { width: 137px; background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) -117px 0px no-repeat; }
#usedVehicleDetails .domHeadings li#tabTechnical a:hover { background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) -117px -35px no-repeat; }
#usedVehicleDetails .domHeadings li#tabTechnical.active a {  background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) -117px -35px no-repeat; }
#usedVehicleDetails .domHeadings li#tabWarranty a { width: 194px; background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) -254px 0px no-repeat; }
#usedVehicleDetails .domHeadings li#tabWarranty a:hover { background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) -254px -35px no-repeat; }
#usedVehicleDetails .domHeadings li#tabWarranty.active a {  background: url(../images/layup/morgan/spriteUsedCarDomtabs.gif) -254px -35px no-repeat; }
#usedVehicleDetails .domContent	{ background: url(../images/layup/morgan/usedCarDomtabBg.gif) bottom left no-repeat; }
#financeCalculator { background: url(../images/layup/morgan/financeCalculatorBg.gif) bottom left no-repeat; }
#offerOptions { background: url(../images/layup/morgan/diagBg.gif) top left repeat; }
#usedVehicleThumbs { background:none; }
#dealerMap #dealerDirections { background: url(../images/layup/morgan/diagBg.gif) top left repeat; }
#pageInfo { background: url(../images/layup/morgan/diagBg.gif) top left repeat; }
.searchInfo { background: url(../images/layup/morgan/diagBg.gif) top left repeat; }
.searchInfoBottom { background: url(../images/layup/morgan/diagBg.gif) top left repeat; }
#footer #legalInfo { background: url(../images/layup/morgan/footerLegalInfo.gif) top left no-repeat; }
#footer #internalLinks { background: url(../images/layup/morgan/footerLinks.gif) top right repeat-x; }

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- COLOURS --------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
body { color:#939393; }
#pageInfo #breadcrumbs { color: #939393; background: #1e1e1e; }
#pageInfo #breadcrumbs a { color: #939393; }
#pageInfo #btnBack { background: #1e1e1e; }
#pageInfo #btnBack a { color: #939393; }
.pagination { background: #1e1e1e; color: #939393; }
.pagination a { color: #939393; }
.pagination a:hover { background:#000; color:#fff; }
.pagination .active { background:#000; color:#fff !important; }
.pagination .prev { color: #939393; }
.pagination .next { color: #939393; }
.pagination .prev:hover { color: #939393; }
.pagination .next:hover { color: #939393; }
.sortBy label { background: #1e1e1e; color: #939393; }
.searchResult { background: #1e1e1e; color: #939393; }
#vehicleTitle h1 { color: #939393; }
#vehicleTitle .price { color: #fff; }
#list .listItem a { color: #919191; }
#list .listItem .title .price { color: #fff; }
#sitemap a { color: #fff; }
h1 { font-size: 2.2em; color: #939393; font-weight:normal; }
h2 { font-size: 1.5em; color: #939393; }
a { color:#114427; }
a:visited { color: #133221; }
#footer { background: #2e393b url(../images/layup/morgan/footerBg.gif) top left repeat-x; }
#footer #footerContainer { color: #777f81; }
#footer a { color: #777f81; }
#footer #internalLinks { color: #939393; }
#footer #internalLinks a { color: #939393; }
#contactForm { background: #1e1e1e; }

/* ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- FRANCHISE SPECIFIC --------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
#primaryNav ul { height:51px; }
#mainImage { background:url(../images/layup/morgan/homeBannerBg.gif) repeat-x left top; height:264px; }
#primaryJumps { margin: 21px 9px 0px 20px; height: 147px; }
#primaryJumps a { text-decoration: none; cursor: pointer; color: #c2c2c2; }
#primaryJumps a:hover { color: #fff; }
#primaryJumps .jumpNewCars { float: left; }
#primaryJumps .jumpNewCars a { display: block; width: 332px; height: 147px; background: url(../images/layup/morgan/spriteNewCarsJump.jpg) 0px 0px no-repeat; }
#primaryJumps .jumpNewCars span { display: block; padding: 28px 195px 0px 0px; text-align: left; }
#primaryJumps .jumpUsedCars { float: right; }
#primaryJumps .jumpUsedCars a { display: block; width: 305px; height: 147px; background: url(../images/layup/morgan/spriteUsedCarsJump.jpg) 0px 0px no-repeat; }
#primaryJumps .jumpUsedCars span { display: block; padding: 28px 170px 0px 0px; }
#secondaryJumps { margin: 20px 9px 0px 20px; height: 78px; }
#secondaryJumps a { text-decoration: none; cursor: pointer; color: #838383; height: 78px; }
#secondaryJumps a:hover { color: #fff; }
#secondaryJumps span { display: block; padding: 32px 50px 0px 12px; }
#secondaryJumps .jumpServicing { float: left; margin-right: 11px; }
#secondaryJumps .jumpServicing a { display: block; width: 212px; height: 78px; background: url(../images/layup/morgan/spriteSecondaryJumps.jpg) 0px 0px no-repeat; }
#secondaryJumps .jumpServicing a:hover { background: url(../images/layup/morgan/spriteSecondaryJumps.jpg) 0px -78px no-repeat; }
#secondaryJumps .jumpParts { float: left; margin-right: 12px; }
#secondaryJumps .jumpParts a { display: block; width: 212px; height: 78px; background: url(../images/layup/morgan/spriteSecondaryJumps.jpg) -212px 0px no-repeat; }
#secondaryJumps .jumpParts a:hover { background: url(../images/layup/morgan/spriteSecondaryJumps.jpg) -212px -78px no-repeat; }
#secondaryJumps .jumpFinance { float: left; }
#secondaryJumps .jumpFinance a { display: block; width: 212px; height: 78px; background: url(../images/layup/morgan/spriteSecondaryJumps.jpg) -424px 0px no-repeat; }
#secondaryJumps .jumpFinance a:hover { background: url(../images/layup/morgan/spriteSecondaryJumps.jpg) -424px -78px no-repeat; }
#mainImage .controls a.active { background-position:0 -13px; }

/* ----- USED LIST ----- */
#list .listItem .spec { width:470px; padding-bottom:5px; }
#list .listItem .btn { display:block; width:126px; height:30px; background:url(../images/layup/morgan/btnViewDetails.gif) no-repeat 0 0; }
#list .listItem .btn:hover { background-position:0 -30px; }
#list .listItem .saveCompare { width:166px; height:30px; background:url(../images/layup/morgan/btnSaveCompare.gif) no-repeat 0 0; bottom:22px; top:auto; right:140px; }
#list .listItem .saveCompare:hover { background-position:0 -30px; }

/* ----- USED DETAIL ----- */
#usedVehicleImagery { float:left; width:320px; }
#usedVehiclePhoto { float:none; padding-top:8px; }
#vehicleTitle { float:right; width:300px; }
#usedVehicleStats { float:none; width:320px; font-size:12px; padding:0px; }
#usedVehicleStats table td { padding:7px 0px; font-size:12px; }
#vehicleTitle h1 { font-size:21px; font-weight:normal; }
#vehicleTitle .price { float:none; font-size:40px; font-weight:normal; padding-bottom:5px; }
#usedVehicleThumbs { padding:14px 0px 0px; width:320px; }
#usedVehicleThumbs #prevThumb { top:14px; left:0px; }
#usedVehicleThumbs #nextThumb { top:14px; right:0px; }
#usedVehicleThumbs #thumbWindow { width:320px; }
#usedVehicleThumbs #thumbWindow .thumb { border:1px solid #384648; margin-right:8px; }
#usedVehicleDetails { width:441px; }
#usedVehicleDetails .domHeadings { background:url(../images/layup/morgan/tabBg.gif) no-repeat left top; width:441px; }
#usedVehicleDetails .domContent { width:415px; }
#usedVehicleDetails .domContent .domContentInner { width:416px; }
* html #usedVehicleDetails .domContent .domContentInner { height:188px; }
#usedVehicleDetails .domHeadings li#tabWarranty a { width:100px; }
#relatedVehicles .box .thumb { height:110px; }


/* ----- NEW CAR DETAIL ----- */
#newCarLeft { float: left; width: 307px; }
#newVehicleConfiguration { width: 307px; color: #fff; margin-bottom: 12px; }
#newVehicleConfiguration #configOptions { background: url(../images/layup/formBoxBg.gif) bottom left no-repeat; }
#newVehicleConfiguration ul { list-style: none; margin: 0; padding: 9px 11px 10px 11px; }
#newVehicleConfiguration ul li { font-size: 1.5em; padding: 2px 0px 7px 0px; }
#newVehicleConfiguration ul li a { background: url(../images/layup/spritePlusMinus.gif) 0px 4px no-repeat; display: block; padding: 0px 0px 0px 18px; color: #939393; text-decoration: none; font-weight: bold; }
#newVehicleConfiguration ul li a:hover { background: url(../images/layup/spritePlusMinus.gif) 0px -13px no-repeat; padding: 0px 0px 0px 18px; }
#newVehicleConfiguration ul li a.active { background: url(../images/layup/spritePlusMinus.gif) 0px -13px no-repeat; padding: 0px 0px 0px 18px; }
#newVehicleConfiguration ul li ul { list-style: none; margin: 0; padding: 0px; }
#newVehicleConfiguration ul li ul li { font-size: 11px; padding: 4px 0px 5px 38px; color: #b8b8b8; width: 248px; }
#newVehicleConfiguration ul li ul li .description { display: block; width: 140px; }
#newVehicleConfiguration ul li ul li .price { display: block; float: right; width: 60px; text-align: right; }
#newVehicleConfiguration ul li ul li input { float: right; width: 40px; position: relative; top: -3px; }
#newVehicleConfiguration #configTotal { background: url(../images/layup/morgan/diagBg.gif) top left repeat; height: 27px; margin: 0px 1px 0px 1px; padding: 8px 12px 0px 12px; color: #fff; font-size: 1.5em; font-weight: bold; }
#newCarRight { float: right; width: 320px; }
#newVehiclePhoto { width: 320px; height: 240px; position: relative; padding-top: 11px; background: url(../images/layup/noImage320x240.gif) 0px 11px no-repeat; }
#newVehiclePhoto .frame { position: absolute; top: 0; left: 0; z-index:999; }
#newVehicleOptions { padding: 20px 2px 6px 2px; margin-bottom: 15px; }
#newVehicleOptions select { float: left; width: 238px; font-style: italic; float: left; margin-top: 8px; }
#newVehicleOptions #btnDirections { width: 62px; height: 22px; float: left; padding-left: 8px; margin-top: 6px; }

/* ---- FRAMES PER FRANCHISE ----- */
#list .listItem .thumb { height: 110px;  }