/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Hemming site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background: #171717 url(../images/layup/bodyBg.jpg) top center repeat-x; color:#fff; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:899px; margin:0 auto; text-align:left; font-size:110%; line-height: 120%; }   
#printHeader { display:none;}

#homeContent { border: 9px solid #131313; }
#homeContent .padding { padding: 16px 20px 12px 20px; }
#mainContent { background: #131313 url(../images/layup/rightColBg.gif) top left no-repeat; min-height: 332px; padding: 9px; }
#mainContent #mainContentInner { background: #2c292a;}
#mainContent .padding { padding: 14px 14px 5px 14px; }

/* ----- FULL COL ----- */
#jumpPointsPrimary { }
#jumpPointsPrimary .box { display:block; float: left; margin-right: 25px; margin-bottom: 11px; position: relative; width:254px; height:206px; padding:9px 0 0 9px; }
#jumpPointsPrimary .box a { font-weight: normal; text-decoration: none; cursor: pointer; display: block; color: #000; }
#jumpPointsPrimary .box .frame { position:absolute; top:0px; left:0px; }
#jumpPointsPrimary .box .title { position:absolute; top:16px; left:20px; color:#f8b600; font-weight:bold; font-size:16px; }

#jumpPointsPrimary .last { margin-right: 0px !important; width:313px; height:206px; }
#jumpPointsPrimary .newCars { background:url(../images/layup/jumpNewCars.jpg) top left no-repeat; }
#jumpPointsPrimary .newCars a {  width: 263px; height: 216px; }
#jumpPointsPrimary .newCars span { position: absolute; top: 168px; left: 22px; width: 100px;display:none; }
#jumpPointsPrimary .newVans { background:url(../images/layup/jumpNewVans.jpg) top left no-repeat; }
#jumpPointsPrimary .newVans a { width: 263px; height: 216px; }
#jumpPointsPrimary .newVans span { position: absolute; top: 168px; left: 22px; width: 100px; }
#jumpPointsPrimary .featured { background:url(../images/layup/jumpFeatured.jpg) top left no-repeat; width: 322px; margin-right: 0px; }
#jumpPointsPrimary .featured a { width: 280px; height: 168px; color: #2c292a; padding: 48px 20px 0px 22px }
#jumpPointsPrimary .featured .title { display: block; font-weight: bold; padding: 0px 30px 28px 0px; font-size: 1.1em; }
#jumpPointsPrimary .featured .thumb { display: block; float: left; margin-right: 20px; border: 1px solid #b8a98d; background:url(../images/layup/noImage115x86.gif) top left no-repeat; width: 115px; height: 70px; }
#jumpPointsPrimary .featured .detail { display: block; float: left; width: 120px; }
#jumpPointsSecondary {}
#jumpPointsSecondary .box { float: left; margin-right: 11px; margin-bottom: 12px; display:block; width:207px; height:154px; position:relative; padding:9px 0 0 9px; }
#jumpPointsSecondary .box .frame { position:absolute; top:0px; left:0px; }
#jumpPointsSecondary .last { margin-right: 0px !important; }

/* ----- LEFT COL ----- */
#leftCol { float: left; width: 263px; margin-right: 25px; }
#leftCol #logo { position: relative; height: 125px; }
#leftCol #logo a { position: absolute; top: 0px; left: -7px; }
#leftCol .usedCarSearch { background:url(../images/layup/usedCarSearchBg.jpg) top left no-repeat; padding: 9px; margin-bottom: 11px; }
#leftCol .usedCarSearch #usedCarSearchTabs { height: 31px; }
#leftCol .usedCarSearch #usedCarSearchTabs #carsSearchTab { float: left; display: block; width: 84px; height: 31px; margin-right: 2px; background: url(../images/layup/tabSearchCars.gif) no-repeat; cursor: pointer; }
#leftCol .usedCarSearch #usedCarSearchTabs #vansSearchTab { float: left; display: block; width: 84px; height: 31px; background: url(../images/layup/tabSearchVans.gif) no-repeat; cursor: pointer; }
#leftCol .usedCarSearch #usedCarSearchTabs #carsSearchTab.active { background: url(../images/layup/tabSearchCarsActive.gif) no-repeat; }
#leftCol .usedCarSearch #usedCarSearchTabs #vansSearchTab.active { background: url(../images/layup/tabSearchVansActive.gif) no-repeat; }
#leftCol .usedCarSearch #carSearch { padding: 10px 0px 0px 18px; background: url(../images/layup/usedCarSearchTabBg.gif) top left repeat-x; }
#leftCol .usedCarSearch #vanSearch { padding: 10px 0px 0px 18px; background: url(../images/layup/usedCarSearchTabBg.gif) top left repeat-x; }
#leftCol .usedCarSearch select { width:182px; border:1px solid #d0d0d0; padding:1px 0px; margin:0px 0px 4px 0px; height: 20px; padding: 0px; }
#leftCol .usedCarSearch .advanced { width:100px !important; line-height: 120%; float: left; margin-top: 16px; }
#leftCol .usedCarSearch .advanced a { color: #2c292a; text-decoration: underline; font-weight: normal; }
#leftCol .usedCarSearch .advanced a:hover { text-decoration: none; }
#leftCol .usedCarSearch .search { float: left; margin-top: 16px; margin-left: 38px; }

#leftCol .stockUpdates { background:url(../images/layup/stockUpdatesBg.jpg) top left no-repeat; position: relative; margin-bottom: 11px; height: 113px; }
#leftCol .stockUpdates a { display: block; text-decoration: none; font-weight: normal; height: 113px; }
#leftCol .stockUpdates span { position: absolute; top: 40px; left: 20px; color: #fff; display: block; width: 100px; }

#leftCol .findUs { background:url(../images/layup/findUsBg.jpg) top left no-repeat; position: relative; }
#leftCol .findUs a { display: block; text-decoration: none; font-weight: normal; height: 196px; }
#leftCol .findUs span { position: absolute; top: 53px; right: 20px; color: #2c292a; text-align: right; display: block; }

/* ----- RIGHT COL ----- */
#rightCol { float: left; width: 611px; }
#rightCol #mainImage { width: 595px; height: 277px; margin-top: 16px; margin-bottom: 11px; position:relative; padding:16px 0 0 16px; }
#rightCol .noBorder { padding:0 !important; }
#rightCol #mainImage .frame { position:absolute; top:0px; left:0px; }
#rightCol #internalDetails { float: right; width: 294px; margin: 0px 0px 10px 10px !important; }
#rightCol .cmsImage { background: url(../images/layup/noImage284x213.gif) top left no-repeat; width: 284px; height: 213px; border: 5px solid #565656; }

/* ----- BOX LIST ----- */
#boxList {}
#boxList .box { float: left; margin-right: 9px; }
#boxList .box a { display: block; width: 182px; cursor: pointer; text-decoration: none; font-weight: bold; margin-bottom: 15px; color: #fdb416; }
#boxList .box .thumb { display: block; background:url(../images/layup/noImage172x129.gif) top left no-repeat; width: 172px; height: 129px; border: 5px solid #565656; }
#boxList .box .title { display: block; padding: 7px 6px 0px 6px; height: 30px; }
#boxList .box.last { margin-right: 0px; }

.smaller {width:152px !important;height:114px !important;}
.smallerUsed {height:92px !important;background-position:center !important;}

/* ----- LIST ----- */
#list {}
#list .listItem { float: left; border-bottom: 1px solid #5d595a; position: relative; }
#list .listItem a { display: block; padding: 10px 0px 10px 0px; width: 565px; cursor: pointer; text-decoration: none; font-weight: normal; color: #d8d8d8; }
#list .listItem .thumb { display: block; float: left; background:url(../images/layup/noImage152x114.gif) top left no-repeat; width: 152px; height: 114px; margin-right: 16px; border: 5px solid #565656; }
#list .listItem .title { display: block; float: left; width: 382px; padding: 0px 0px 6px 0px; font-weight: bold; color: #fdb416; }
#list .listItem .description { display: block; float: left; width: 360px; }
#list .listItem .spec { display: block; padding: 3px 0px 3px 0px; }
#list .listItem .specTitle { display:block; float: left; width: 100px; font-weight: bold; }
#list .listItem .price { display: block; float: left; color: #fdb416; font-weight: bold; font-size: 1.2em; padding-top: 10px; }
#list .listItem .btn { position: absolute; bottom: 8px; right: 0px; }
#list .listItem .clear { display: block; clear:both; }
#list .listItem.last { float: left; border-bottom: none; position: relative; }

/* ----- AFTERSALES ----- */
#afterSalesTabs { background:url(../images/layup/afterSalesTabBg.gif) top left repeat-x; height: 71px; }
#afterSalesTabs .tabServicing { background: url(../images/layup/tabServicing.gif) top left no-repeat; float: left; margin-right: 6px; }
#afterSalesTabs .tabServicing .active { background: url(../images/layup/tabServicing.gif) 0px -71px no-repeat !important; }
#afterSalesTabs .tabBodyshop { background: url(../images/layup/tabBodyshop.gif) top left no-repeat; float: left; margin-right: 6px; }
#afterSalesTabs .tabBodyshop .active { background: url(../images/layup/tabBodyshop.gif) 0px -71px no-repeat !important; }
#afterSalesTabs .tabParts { background: url(../images/layup/tabParts.gif) top left no-repeat; float: left; margin-right: 6px; }
#afterSalesTabs .tabParts .active { background: url(../images/layup/tabParts.gif) 0px -71px no-repeat !important; }
#afterSalesTabs a { height: 71px; width: 136px; display: block; }
#afterSalesTabs span { display: none; }

/* ----- OFFERS ----- */
#offerTabs { background:url(../images/layup/afterSalesTabBg.gif) top left repeat-x; height: 71px; }
#offerTabs .tabNewVehicleOffers { background: url(../images/layup/tabNewVehicleOffers.gif) top left no-repeat; float: left; margin-right: 7px; }
#offerTabs .tabNewVehicleOffers .active { background: url(../images/layup/tabNewVehicleOffers.gif) 0px -71px no-repeat !important; }
#offerTabs .tabUsedVehicleOffers { background: url(../images/layup/tabUsedVehicleOffers.gif) top left no-repeat; float: left; margin-right: 7px; }
#offerTabs .tabUsedVehicleOffers .active { background: url(../images/layup/tabUsedVehicleOffers.gif) 0px -71px no-repeat !important; }
#offerTabs .tabVanOffers { background: url(../images/layup/tabVanOffers.gif) top left no-repeat; float: left; margin-right: 0px; }
#offerTabs .tabVanOffers .active { background: url(../images/layup/tabVanOffers.gif) 0px -71px no-repeat !important; }
#offerTabs .tabPreRegOffers { background: url(../images/layup/tabPreReg.gif) top left no-repeat; float: left; margin-right: 7px; }
#offerTabs .tabPreRegOffers .active { background: url(../images/layup/tabPreReg.gif) 0px -71px no-repeat !important; }
#offerTabs a { height: 71px; width: 136px; display: block; }
#offerTabs span { display: none; }

/* ----- FIND US ----- */
#locationMap {}
.locationContactDetails { width: 240px; float: left;  padding: 20px 0px 0px 20px; line-height: 140%; }
.locationContactDetails .box { margin-bottom: 18px; }
.locationContactDetails a { font-weight: normal; }

/* ----- USED CAR DETAIL ----- */
#usedCarTitle { padding-bottom: 15px; }
#usedCarTitle span { color: #000; font-weight: bold; }
#usedCarPhoto { float: left; background: #fff url(../images/layup/noImage310x233.gif) top left no-repeat; width: 320px; height: 194px; margin-right: 12px; border: 5px solid #565656; }
#usedCarThumbnails { float: left; width: 220px; }
#usedCarThumbnails .thumbLeft { float: left; background: #fff url(../images/layup/noImage94x71.gif) top left no-repeat; width: 94px; height: 71px; margin-bottom: 5px; border: 5px solid #565656; margin-right: 12px !important; }
#usedCarThumbnails .thumbRight { float: left; background: #fff url(../images/layup/noImage94x71.gif) top left no-repeat; width: 94px; height: 71px; margin-bottom: 5px; border: 5px solid #565656; margin-right: 0px; }
#usedCarOptions { margin: 6px 0px 12px 0px; height: 40px; }
#usedCarOptions .btn { float: left; margin-left: 6px; }
#printCarDetails { display: none; }

#similarVehicles { margin-top: 16px; margin-bottom: 9px; }
#similarVehicles .tab { padding: 0px; margin: 0; list-style: none; height: 29px; }
#similarVehicles .tab li { float:left; font-size: 1.1em;display: inline; font-weight: bold; background: #565656; color: #fff; float: left; cursor: default; padding: 8px 17px 8px 17px; }
#similarVehicles #boxContainer { border: 5px solid #565656; padding: 15px;  }
#similarVehicles .box { float: left; width: 162px; margin-right: 19px; }
#similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 152px; font-weight: normal; padding-bottom: 10px; }
#similarVehicles .box .thumb { display: block; background:url(../images/layup/noImage152x114.gif) top left no-repeat; width: 152px; height: 114px; border: 5px solid #565656; }
#similarVehicles .box .title { display: block; font-weight: bold; padding: 7px 0px 5px 10px; }
#similarVehicles .box .detail { display: block; padding: 0px 0px 0px 10px; }
#similarVehicles .box.last { margin-right: 0px !important;  }

/* ----- DOMTABS ----- */
#usedVehicleSpec { float: left; margin-right: 7px; }
#usedVehicleSpec .domtab { }
#usedVehicleSpec .tabset_print { display: none;}
#usedVehicleSpec .tabset_tabs { height: 29px; width: 362px; margin:0px; padding: 0px; list-style:none; }
#usedVehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; margin-right: 5px; font-size: 1.0em; }
#usedVehicleSpec .tabset_tabs a { display: inline; background: #423930; color: #ffeabe; font-weight: bold; float: left; cursor: pointer !important; padding: 8px 17px 8px 17px; margin: 0px; text-decoration: none; }
#usedVehicleSpec .tabset_tabs a:hover { font-weight: bold; background: #565656 !important; color: #fff; }
#usedVehicleSpec .tabset_tabs .active a { background: #565656; color: #fff; }
#usedVehicleSpec .trAlt { background:#393939 !important; }
#usedVehicleSpec .tabset_content { border: 5px solid #565656; }
#usedVehicleSpec .tabset_content h1 { color: #000; padding: 0px; }
#usedVehicleSpec .tabset_content table { }
#usedVehicleSpec .tabset_content th { padding: 0px 17px 0px 17px; height: 59px; font-size: 1.2em; color: #fdb416; }
#usedVehicleSpec .tabset_content td { height: 24px; padding: 0px; color: #d8d8d8; }
#usedVehicleSpec .tabset_content tfoot td { height: 40px; }

#financeCalculator { float: left; }
#financeCalculator .tab { padding: 0px; margin: 0; list-style: none; height: 26px; width: 176px;  }
#financeCalculator .tab li { float:left; font-size: 1.0em; display: inline; font-weight: bold; background: #565656; color: #fff; float: left; cursor: default; padding: 7px 17px 7px 17px; }
#financeCalculator .tabset_content { border: 5px solid #565656; padding-top: 5px; }
#financeCalculator .tabset_content table { }
#financeCalculator .tabset_content td { height: 24px; padding: 0px; color: 231f20; }
#financeCalculator .tabset_content form { }
#financeCalculator .tabset_content select { width: 70px; height: 19px; font-size: 0.8em; }
#financeCalculator .tabset_content input { width: 68px; background: #fff; font-size: 0.8em; }
#financeCalculator .terms {  }
#financeCalculator .terms td { color: #b1b1b1; font-size: 0.9em; height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#financeCalculator .terms a { color: #de0001; }


/* ----- NEW CAR DETAIL ----- */
.newCarOptions { border: 5px solid #565656; position: relative; background: #211f20; margin-top: -5px; min-height: 109px; z-index: 0; }
.newCarOptions .flowers { position:absolute; top: -5px; right: -5px; z-index: -1; }
.newCarOptions ul { margin: 5px 0px 0px 0px; padding: 0; list-style: none; z-index: 0; position: relative; }
.newCarOptions li { float: left; display: block; width: 135px; }
.newCarOptions li a { background:url(../images/layup/iconArrow.gif) 0px 9px no-repeat; padding: 7px 0px 7px 17px; margin-left: 9px; float: left; display: inline; color: #fdb516; text-decoration: none; }
.newCarOptions li a:hover { text-decoration: underline; } 

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 12px 0; font-size:100%; font-weight:bold;}
h1 { font-size: 1.3em; }
h3 { color: #fdb516; padding: 0px 0px 5px 0px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { height: 30px; background:url(../images/layup/navBg.gif) top left no-repeat; padding-top: 18px; width: 611px; }
#primaryNav ul { list-style: none; margin: 0; padding: 0; }
#primaryNav li { display: block; float: left; margin-right: 5px; }
#primaryNav li a { display: block; float: left; text-decoration: none; padding: 7px 3px 5px 3px; font-size:10px;}
#primaryNav li a:hover { border-bottom: 4px solid #b9b9b9; }
#primaryNav li .active { border-bottom: 4px solid #b9b9b9; }
#primaryNav li.last { margin-right: 0px !important; }
#primaryNav li.last a { padding: 7px 2px 5px 4px; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 9px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#pageInfo { height: 77px; color: #d8d8d8;}
#pageInfo a { color: #d8d8d8; }
#breadcrumbs { border-bottom: 1px solid #797777; padding: 6px 10px 6px 5px; margin-bottom: 0px;  }
#breadcrumbs a { font-weight: normal; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .active { font-weight: bold; color: #d8d8d8; }
#back { float: right; }
#back a { text-decoration: none; font-weight: bold; padding-left: 10px; }
#back a:hover { text-decoration: underline; }
#sortBy { float: right; padding-right: 10px; padding-top: 7px; }
#sortBy label { width: 50px; font-weight: bold; margin-top: 3px; }
#sortBy select { height: 20px; }
#searchResults { float: left; font-weight: bold; padding-left: 5px; padding-top: 2px; }
#pagination { float: right; padding-right: 10px; padding-top: 3px; }
#pagination a { padding: 0px 3px 0px 3px; text-decoration: none; font-weight: normal; }
#pagination a:hover { text-decoration: none; background:#fdb416; color:#000 !important; }
#pagination .active { text-decoration: none; background:#fdb416; color:#000 !important; }
#pagination .prev { padding: 0px 2px 0px 0px; font-weight: bold; }
#pagination .next { padding: 0px 0px 0px 2px; font-weight: bold; }
#pagination .prev:hover, .pagination .next:hover { background: none; text-decoration: underline; color: #d8d8d8 !important; }
#pagination .prev img { display: inline; position: relative; top: 3px; }
#pagination .next img { display: inline; position: relative; top: 3px; }

#paginationBottom { float: right; padding-right: 10px; padding-top: 10px; }
#paginationBottom a { padding: 0px 4px 0px 4px; text-decoration: none; font-weight: normal; color: #d8d8d8; }
#paginationBottom a:hover { background: #fdb416; color: #000 !important; }
#paginationBottom .active { background: #fdb416; color: #000 !important; }
#paginationBottom .prev, #paginationBottom .next { font-weight: bold; }
#paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; font-weight: bold; color: #000; text-decoration: underline; color: #d8d8d8 !important; }

/* ----- FOOTER ----- */
#footer { background:url(../images/layup/dotsH.gif) top left repeat-x; margin-top: 23px; }
#footer .padding { padding: 10px 10px 0px 10px; }
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 12px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#fff; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important; background: #363636; border: 1px solid #a5acb2; color: #fff; }
.requiredLabel { color:#fdb516;}
.checkRadio { width:20px; position:relative; left:-7px; border: none; }
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#btnSubmit { width:89px; height:24px; border:none;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #fdb516; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #fdb516; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }