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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Hexham Horseless Carriages site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#f2f2f2 url(../images/layup/bodyBg.gif) top left repeat-x; color:#444444; 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% verdana, arial, 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: 918px; margin:0 auto; text-align:left; font-size:110%; }
#printHeader { display:none; }
#header { position: relative; height: 98px; }
#header #logo { position: absolute; top: 27px; left: 0px; }
#header #telephone { position: absolute; top: 28px; right: 16px; }
#inner { position:relative; background:url(../images/layup/containerBg.gif) top left repeat-y; padding: 0px 4px 0px 4px; float: left; width: 910px; }
#inner .shadowL { position: absolute; left: 0px; top: 0px; }
#inner .shadowR { position: absolute; right: 0px; top: 0px; }

/* ----- LEFT COL ----- */
#leftCol { float: left; width: 209px; padding-top: 19px; line-height: 120%; }
#leftCol .box { padding-bottom: 12px; }
#leftCol .box a { display: block; width: 209px; cursor: pointer; text-decoration: none; font-weight: normal; }
#leftCol .box .title { position: relative; display: block; padding-bottom: 14px; }
#leftCol .box .title .tab { position: absolute; top: -5px; left: -7px; }
#leftCol .usedCarSearch { background:url(../images/layup/usedCarSearchBg.gif) bottom left no-repeat; }
#leftCol .usedCarSearch a { display: inline; width: auto; }
#leftCol .usedCarSearch form { margin-top: 12px; }
#leftCol .usedCarSearch select { width:150px; border:1px solid #d0d0d0; margin:0px 0px 16px 26px; height: 19px; }
#leftCol .usedCarSearch .search { width:69px !important; height:25px; float: left; }
#leftCol .usedCarSearch .advanced { width:100px !important; line-height: 120%; margin-left: 20px; margin-top: 6px; display: inline; font-size: 0.9em; font-weight: bold; float: left; }
#leftCol .usedCarSearch .advanced a { color: #000000; }
#leftCol .dealerLocator {}
#leftCol .dealerLocator .address { border-left: 3px solid #e8b734; display: block; padding-left: 14px; margin-top: 18px; }
#leftCol .dealerLocator .content { display: block; padding: 0px 10px 0px 23px; }
#leftCol .newsletter { background:url(../images/layup/newsletterBg.gif) right 33px no-repeat; }
#leftCol .newsletter .content { display: block; padding: 3px 10px 0px 13px; }

/* ----- RIGHT COL ----- */
#rightCol { float: left; width: 698px; }
#rightCol .padding { padding: 8px 4px 18px 9px; }
#rightCol #mainImage { }
#rightCol #jumpPoints { height: 120px; margin-left: 4px; }
#rightCol #jumpPoints .jump { margin-top: -24px; float: left; position: relative; z-index: 1; }
#rightCol #mainContent { padding: 24px 30px 10px 30px; }
#rightCol #mainContent #welcome { float: left; width: 619px; }
#rightCol #mainContent #offers { float: left; width: 205px; font-size: 0.9em; }
#rightCol #mainContent #offers a { display: block; width: 185px; cursor: pointer; text-decoration: none; font-weight: normal; padding-right: 20px; }
#rightCol #mainContent #offers .title { font-size: 1.4em; font-weight: bold; margin-bottom: 8px; display: block; }
#rightCol .internalImage { float: right; margin: 0px 0px 15px 15px; padding: 6px; border: 1px solid #e3e3e3; }
#rightCol .downloads { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; width: 594px; padding: 10px 0px 10px 10px; }
#rightCol .downloads ul { list-style: none; padding: 0; margin: 0; }
#rightCol .downloads li { float: left; padding-right: 24px; background:url(../images/layup/iconDocument.gif) top left no-repeat; }
#rightCol .downloads li a { display: block; float: left; padding: 8px 0px 0px 35px; height: 26px; font-size: 0.9em; }

/* ----- LIST ----- */
#rightCol .listItem { border-bottom: 1px solid #eeeeee; }
#rightCol .listItem a { display: block; cursor: pointer; text-decoration: none; font-weight: normal; margin: 0px 0px 0px 10px; padding: 25px 0px 10px 0px; }
#rightCol .listItem .thumb { display: block; float: left; padding: 4px; border: 1px solid #e3e3e3; margin-right: 16px; background:url(../images/layup/noImage144x108.gif) 4px 4px no-repeat; width: 144px; height: 108px; }
#rightCol .listItem .description { display: block; width: 480px; float: left; }
#rightCol .listItem .title { display: block; font-weight: bold; padding-bottom: 12px; position: relative; width: 480px; }
#rightCol .listItem .title .price { position: absolute; right: 5px; line-height: 120%; }
#rightCol .listItem .title .price .red { font-weight: bold; color: #de001a; font-size: 1.1em; }
#rightCol .listItem .content { display: block; padding-bottom: 12px; }
#rightCol .listItem .options { display: block; border-top: 1px solid #eeeeee; width: 504px; }
#rightCol .listItem .options .fullDetails { float: right;display: block; padding-right: 16px; padding-top:6px; }
#rightCol .listItem .options .mileage { float: left; display: block; padding-top:6px; padding-right: 20px; }
#rightCol .listItem .options .year { float: left; display: block; padding-top:6px; padding-right: 20px; }
#rightCol .listItem .options .fuelType { float: left; display: block; padding-top:6px; }
#rightCol .listItem .clear { display: block; clear: both; }

/* ----- DEALER LOCATOR ----- */
#rightCol #dealerImages { margin-left: 10px; width: 663px; border: 1px solid #d4d3d3; background: url(../images/layup/dealerBg.gif) repeat-x; }
#rightCol #dealerImages .padding { padding: 12px; }
#rightCol .dealerTitle { padding: 20px 0px 0px 10px; }
#rightCol #dealerDetails { float:left; padding:20px 85px 0px 30px; }
#rightCol #openingHours { float:right; padding: 20px 100px 0px 0px; }

#usedCarSearchResult .listItem .thumb  { background:url(../images/layup/noImage124x93.gif) 4px 4px no-repeat; width: 124px; height: 93px; }

/* ----- BOX LIST ----- */
#rightCol #boxList { }
#rightCol #boxList .box { background:url(../images/layup/boxListBg.gif) top left no-repeat; float: left; margin-bottom: 26px; }
#rightCol #boxList .box a { display: block; cursor: pointer; text-decoration: none; width: 167px; height: 167px; padding: 8px 0px 0px 16px; margin-right: 25px; }
#rightCol #boxList .box .title { display: block; margin-left: 9px; padding-bottom: 6px; font-size: 1.3em; }
#rightCol #boxList .box .thumb { display: block; position: relative; background:url(../images/layup/noImage168x126.gif) top left no-repeat; width: 168px; height: 126px; }
#rightCol #boxList .box .thumb .frame { position: absolute; top: -7px; left: -12px; }

.boxOfferList .box a {height:213px !important; margin-right:40px !important; width:220px !important;}

/* ----- NEW CARS ----- */
#rightCol #newCarOptions { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; font-size: 0.9em; padding: 12px 0px 12px 0px; margin: 10px 0px 20px 0px; }
#rightCol #newCarOptions ul { list-style: none; padding: 0; margin: 0; }
#rightCol #newCarOptions ul li { float: left; height: 30px; line-height: 120%; }
#rightCol #newCarOptions ul li.makeOffer { background:url(../images/layup/iconMakeOffer.gif) 10px 0px no-repeat; padding: 8px 24px 0px 50px; border-right: 1px solid #efefef; }
#rightCol #newCarOptions ul li.testDrive { background:url(../images/layup/iconTestDrive.gif) 10px 0px no-repeat; padding: 8px 24px 0px 60px; border-right: 1px solid #efefef; }
#rightCol #newCarOptions ul li.brochure { background:url(../images/layup/iconBrochure.gif) 10px 0px no-repeat; padding: 8px 24px 0px 52px; border-right: 1px solid #efefef; }
#rightCol #newCarOptions ul li.manufacturerSite { background:url(../images/layup/iconWebsite.gif) 10px 0px no-repeat; padding: 8px 0px 0px 62px;  }
#rightCol #newCarOptions ul li a { text-decoration: none; color: #bd8904; }
#rightCol #newCarOptions ul li a:hover { text-decoration: underline; }

/* ----- USED CARS ----- */
#rightCol #carPhoto { float:left; position:relative; width: 280px; height: 210px; padding: 6px; border: 1px solid #e3e3e3; margin-right: 18px; background:url(../images/layup/noImage280x210.gif) 6px 6px no-repeat; }
#rightCol #thumbnails { float: left; width: 300px; }
#rightCol #thumbnails .thumb { float: left; height: 93px; width: 124px; margin-right: 10px; margin-bottom: 10px; padding: 6px; background:url(../images/layup/noImage124x93.gif) 6px 6px no-repeat; border: 1px solid #e3e3e3;  }
#rightCol #printCarDetails { display: none; }
#rightCol #usedCarOptions { padding: 0; margin: 15px 0px 0px 15px; height: 40px; }
#rightCol #usedCarOptions ul { padding: 0; margin: 0; }
#rightCol #usedCarOptions li { list-style: none; float: left; line-height: 110%; padding: 5px 0px 14px 0px; margin-right: 15px; }
#rightCol #usedCarOptions a { font-size: 0.9em; text-decoration: none; color: #000; font-weight: normal; }
#rightCol #usedCarOptions a:hover { text-decoration: underline; }
#rightCol #usedCarOptions li.enquire { background:url(../images/layup/iconEnquireSml.gif) top left no-repeat; padding-left: 25px; }
#rightCol #usedCarOptions li.sendToFriend { background:url(../images/layup/iconSendToFriendSml.gif) top left no-repeat; padding-left: 25px; }
#rightCol #usedCarOptions li.printSpec { background:url(../images/layup/iconPrintSml.gif) top left no-repeat; padding-left: 25px; }
#rightCol #usedCarOptions li.makeOffer { background:url(../images/layup/iconMakeOfferSml.gif) top left no-repeat; padding-left: 25px; padding-right: 0px; margin-right: 0px; }
#rightCol #usedCarOptions li.makeOffer a { color: #FF0000; font-weight: bold; }

/* ----- DOM TABS ----- */
#usedVehicleDetails { float: left; margin-right: 5px; }
#usedVehicleDetails .domtab { float:left; }
#usedVehicleDetails .tabset_tabs { padding: 0; margin:0; list-style:none; }
#usedVehicleDetails .tabset_tabs li    { float:left; margin-right:5px; }
#usedVehicleDetails .tabset_tabs a { font-size: 0.9em; background: #b4b4b4; color: #fff; text-decoration:none; font-weight: bold; padding:5px 12px 6px 12px; border-top: 2px solid #f2f2f2; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; display:block; float: left; }
#usedVehicleDetails .tabset_tabs a:hover { color:#fff; text-decoration:none; background: #646464; padding:5px 12px 6px 12px; }
#usedVehicleDetails .tabset_tabs .active a { color:#fff; text-decoration:none; background: #646464; padding:5px 12px 6px 12px; }
#usedVehicleDetails .tabset_print { display: none; }
#usedVehicleDetails .trAlt { background:#f2f2f2; }
#usedVehicleDetails .tabset_content    { display:none; }
#usedVehicleDetails .tabset_content table { border: 6px solid #f2f2f2; margin-left: 3px; margin-top: 3px; }
#usedVehicleDetails .tabset_content { }
#usedVehicleDetails .tabset_content .price { vertical-align: top; color:#FF0000; font-size: 1.1em; font-weight: bold; }
#usedVehicleDetails .tabset_content td { height: 26px; font-size: 0.9em; }
#financeCalculator { }
#financeCalculator .domtab { float: left; }
#financeCalculator .tabset_tabs { padding: 0; margin:0; list-style:none; }
#financeCalculator .tabset_tabs li    { float:left; margin-right:5px; position:relative; }
#financeCalculator .tabset_tabs li .calculator { position:absolute; top: -5px; right: 0px; }
#financeCalculator .tabset_tabs a { font-size: 0.9em; background: #b4b4b4; color: #fff; text-decoration:none; font-weight: bold; padding:5px 50px 6px 12px; border-top: 2px solid #f2f2f2; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; display:block; float: left; }
#financeCalculator .tabset_content table { border: 6px solid #f2f2f2; margin-left: 3px; margin-top: 3px; }
#financeCalculator .tabset_content form { }
#financeCalculator .tabset_content select { width: 70px; font-size: 0.9em; font-weight: bold; }
#financeCalculator .tabset_content input { width: 67px; font-size: 0.9em; font-weight: bold; }
#financeCalculator .tabset_content td { height: 26px; font-size: 0.9em; }
#financeCalculator .apr { font-weight: bold; font-size: 1.2em; }

/* ----- DEALER LOCATOR ----- */
#dealerLocator { margin-top: 10px; }
#dealerLocator table { width: 100%; border-collapse:separate; margin-bottom: 15px; }
#dealerLocator table th { vertical-align: top; line-height: 110%; height: 37px; }
#dealerLocator table td { font-size: 1.0em !important; }
#dealerLocator table tbody td { height: 32px; }
#dealerLocator .trAlt { background:#f4f4f4; }
#dealerLocator .yellow { font-weight: bold; color: #f2b714; text-transform: none; }

/* ----- 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;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1 { font-weight: bold; font-size: 1.4em; }

/* ----- TOP NAVIGATION ----- */
#nav { margin: 0px 19px 0px 19px; }
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav li { display: block; float: left; padding-right: 1px; background: #e4e4e4; }
#nav a { display: block; float: left; padding: 0px 13px 9px 0px; background:url(../images/layup/navRight.gif) top right no-repeat; color: #fff; text-decoration: none; }
#nav span { padding: 11px 0px 0px 13px;  background:url(../images/layup/navLeft.gif) top left no-repeat; display: block; }
#nav li.last { background: none !important; padding-right: 0px !important; }
#nav a:hover { display: block; float: left; padding: 0px 13px 9px 0px; background:url(../images/layup/navRightHover.gif) top right no-repeat; color: #fff; text-decoration: none; }
#nav a:hover span { padding: 11px 0px 0px 13px;  background:url(../images/layup/navLeftHover.gif) top left no-repeat; display: block; }
#nav .active { display: block; float: left; padding: 0px 13px 9px 0px; background:url(../images/layup/navRightHover.gif) top right no-repeat; color: #fff; text-decoration: none; }
#nav .active span { padding: 11px 0px 0px 13px;  background:url(../images/layup/navLeftHover.gif) top left no-repeat; display: block; }

/* ----- 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 { border-bottom: 1px solid #d5d5d5; margin: 0px 4px 0px 4px; padding: 0px 10px 7px 10px; font-size: 0.9em; }
#breadcrumbs { float: left; }
#breadcrumbs a { text-decoration: none; font-weight: normal; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs .active { font-weight: bold; }
#back { background:url(../images/layup/iconBack.gif) 0px 1px no-repeat; padding: 0px 0px 0px 20px; float: right; }
#back a { text-decoration: none; }
#back a:hover { text-decoration: underline; }
#searchInfo { border-bottom: 1px solid #d5d5d5; margin: 0px 4px 0px 4px; padding: 30px 10px 10px 10px; font-size: 1.0em; }
#searchResults { float: left; }
#pagination { float: right; }
#pagination a { text-decoration: none; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 0px; border: 1px solid #e5e5e5; }
#pagination a:hover { background: #000000; color: #fff; }
#pagination .active { background: #000000; color: #fff; }

/* ----- FOOTER ----- */
#footer { background: #eaeaea url(../images/layup/footerBg.gif) top left no-repeat; text-align: center; font-size: 0.9em; }
#footer .padding { padding: 12px 0px 10px 209px; }
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer p { padding: 0px 0px 8px 0px; }

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

/* ----- LINKS ----- */
a { color:#444444; 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;}
.requiredLabel { color:#f2b714; font-weight: bold; }
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:69px; height:25px; border:none;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #f2b714; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #f2b714; color : #000; }
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: #f2b714; color : #FFF; font-weight: bold; }

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

#dealerBadges { margin-top: 20px; margin-bottom: 30px; height: 58px; margin-left:110px;}
.dealerLotus { float: left; background:url(../images/layup/dealerLotus.png) top left no-repeat; width: 100px; height: 110px; }
.dealerLotusHover { float: left; background:url(../images/layup/dealerLotusOver.png) top left no-repeat; width: 100px; height: 110px; }
.dealerNoble { float: left; background:url(../images/layup/dealerNoble.png) top left no-repeat; width: 111px; height: 110px; }
.dealerNobleHover { float: left; background:url(../images/layup/dealerNobleOver.png) top left no-repeat; width: 111px; height: 110px; }
.dealerTvr { float: left; background:url(../images/layup/dealerTvr.png) top left no-repeat; width: 111px; height: 110px; }
.dealerTvrHover { float: left; background:url(../images/layup/dealerTvrOver.png) top left no-repeat; width: 111px; height: 110px; }
#dealerBadges .dealerBadge { margin-right: 44px;}

#dealerLeft { width: 487px;float:left; }
#dealerThumb { float: left; margin-right: 9px; }
#dealerMap { float: left;}
.dealerBoxLeft { width: 502px; margin-bottom: 25px; margin-top: 8px; float:left; background:url(../images/layup/tabBg.gif) top left repeat-x; position:relative; }
.dealerBoxLeft table {margin-top: 10px;}
.dealerBoxLeft td { height: 23px; padding: 5px 12px 5px 12px; font-size: 1.0em; }
#dealerRight { float:left; width: 192px;  }
.dealerBoxRight { width: 192px; margin-bottom: 25px; float:left; background:url(../images/layup/tabBg.gif) top left repeat-x; position:relative; }
.dealerBoxRight form { margin-left: 15px;}
.dealerBoxRight select { font-size: 1.0em !important;}
.dealerBoxRight table {margin-top: 10px;}
.dealerBoxRight td { height: 23px; padding: 5px 12px 5px 12px; font-size: 1.0em; }

/*----------ADVANCED SEARCH ----------*/
.advancedSearch div {float:left;margin-bottom:10px;margin-right:10px;}
.advancedSearch select {width:192px;}