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

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

Type: Screen, Projection

Description : Screen and projection stylesheet John Dennis Coachbuilders site

Created : 26/11/07
Modified : 

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#f0f0f0; color:#000000; 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:926px; margin:0 auto; text-align:left; font-size:110%; background: url(../images/layup/bodyBg.gif) top left repeat-y; }  
#container .padding { padding: 0px 27px 0px 27px; }
#header { width:872px; height: 132px; margin-bottom: 10px; background:url(../images/layup/header.jpg) top left no-repeat; position: relative; }
#printHeader { display: none; }
#logo { position: absolute; top: 14px; right: 25px; }
#faqs { margin:0; padding:0; list-style:none;}
#faqs li { margin: 0px 0px 0px 10px; padding: 0px 0px 10px 0px; }
#faqs li a { display: block; margin: 0px 0px 0px -10px; }

#leftCol { float: left; width: 231px; margin-right: 7px; }
#leftCol .box { margin-bottom: 10px; position: relative; display: block; }
#leftCol .box span.description  { display: block; line-height: 120% !important; font-size: 0.9em; padding: 0px; width: 120px;  }
#leftCol .box a { cursor: pointer; }
#leftCol .divider { margin: 0px 18px 0px 18px; clear: both; background:url(../images/layup/dots.gif) left top repeat-x; display:block; line-height: 0; height: 13px; font-size: 0; }
#leftCol .usedCarSearch {position: relative;  color: #000000; text-decoration: none; font-weight: normal; background:url(../images/layup/leftBoxBg.gif) top left repeat-y; padding: 0px 8px 0px 8px; display: block;  }
#leftCol .usedCarSearch .padding { padding: 15px 17px 12px 17px; display: block; }
#leftCol .usedCarSearch select { width:180px; vertical-align:top border:1px solid #a8a8a8; padding:1px 0px; margin:0px 0px 12px 0px; height: 18px; padding: 0px; font-size: 0.8em; display: block; }
#leftCol .usedCarSearch input { width:180px; vertical-align:top border:1px solid #a8a8a8; padding:1px 0px; margin:0px 0px 12px 0px; height: 18px; padding: 0px; font-size: 0.8em; display: block; }
#leftCol .usedCarSearch .view { margin-left: 119px; display: block; }
#leftCol .onlineShop {position: relative;  color: #000000; text-decoration: none; font-weight: normal; background:url(../images/layup/leftBoxBg.gif) top left repeat-y; padding: 0px 8px 0px 8px; display: block;  }
#leftCol .onlineShop .padding { padding: 12px 17px 12px 17px; display: block; }
#leftCol .onlineShop .goShop { position: absolute; top: 0px; right: 15px; display: block; }
#leftCol .gallery { position: relative; color: #000000; text-decoration: none; font-weight: normal; background:url(../images/layup/leftBoxBg.gif) top left repeat-y; padding: 0px 8px 0px 8px; display: block;  }
#leftCol .gallery .padding { padding: 20px 31px 12px 31px; display: block; }
#leftCol .gallery .thumb { position:relative; display: block; }
#leftCol .gallery .thumb .frame { position:absolute; top: -9px; left: -9px; display: block;}
#leftCol .gallery .goGallery { margin-left: 42px; margin-top: 20px; display: block; }
#leftCol .badges { color: #000000; text-decoration: none; font-weight: normal; background:url(../images/layup/leftBoxBg.gif) top left repeat-y; padding: 0px 8px 0px 8px; display: block; height: 124px;  }
#leftCol .badges .padding { padding: 0px 14px 12px 14px; display: block; }
#leftCol .badges .icon { float: left; }
#leftCol .badges .icon.volvo { padding-left: 3px; width: 63px; height: 58px; }
#leftCol .badges .icon.man { width: 62px; height: 58px; }
#leftCol .badges .icon.mercedes { width: 54px; height: 58px; }
#leftCol .badges .icon.pinzgauer { padding-top: 2px; width: 68px; height: 33px; }
#leftCol .badges .icon.iveco { width: 65px; height: 35px; }
#leftCol .badges .icon.unimog { width: 52px; height: 35px; }
#leftCol .badges .icon.dennis { padding-top: 3px; width: 62px; height: 25px; }
#leftCol .badges .icon.scania { width: 63px; height: 25px; }
#leftCol .badges .icon.polybilt { width: 60px; height: 25px; }

#rightCol { float: left; }
#rightCol span { line-height: 120% !important; }
#rightCol .title { margin-bottom: 12px; }
/* #rightCol .box { background:url(../images/layup/rightBoxBg.gif) top left repeat-y; } */
#rightCol .box .padding { padding: 0px 8px 0px 8px; }
#rightCol #productBoxes { margin: 0px 8px 0px 8px; }
#rightCol .productBox { display: block; float: left; width: 155px; cursor: pointer; font-weight: normal; color: #000000; text-decoration: none; }
#rightCol .productBox .title { margin: 0; display: block; background:url(../images/layup/dotsVert.gif) top right repeat-y; height: 19px; padding: 4px 0px 0px 5px; margin: 0px 0px 7px 0px; }
#rightCol .productBox .thumb { display: block; position: relative; margin-bottom: 4px; }
#rightCol .productBox .thumb .frame { position: absolute; top: 0px; left: 0px; }
#rightCol .productBox .description { background:url(../images/layup/dotsVert.gif) top right repeat-y; display: block; line-height: 120%; font-size: 0.9em; padding: 10px 10px 10px 10px; }
#rightCol .productBox.last { background: none; width: 152px !important; }
#rightCol .productBox.last .title { background: none; }
#rightCol .productBox.last .description { background: none; }
#rightCol #mainContent { width: 630px; }
#rightCol #mainContent .padding { padding: 18px 14px 0px 14px;}
#rightCol #internalDetails { float: right; margin: 0px 10px 30px 30px; background:#FF0000; }
#rightCol #internalImage { position: relative;}
#rightCol #internalImage .frame { position: absolute; top: -11px; left: -11px; }

#rightCol .row { display: block; width: 590px; border-bottom: 1px solid #CCCCCC; padding: 10px 0px 0px 0px; text-decoration: none; font-weight: normal; color: #000000; cursor: pointer; }
#rightCol .row .clear { clear: both; display: block; height: 10px;}
#rightCol .row .thumb { display: block; width: 160px; position:relative; float: left; }
#rightCol .row .thumb .frame { position: absolute; top: -1px; left: -1px; }
#rightCol .row .description { width: 420px; display: block; float: left; }
#rightCol .row .title { width: 420px; display: block; float: left; font-weight: bold; }

#rightCol .listBox { float: left; display: block; width: 152px; padding: 10px 0px 0px 0px; margin-right: 68px; text-decoration: none; font-weight: normal; color: #000000; cursor: pointer; }
#rightCol .listBox.last { margin-right: 0px;  }
#rightCol .listBox .clear { clear: both; display: block; height: 10px;}
#rightCol .listBox .thumb { display: block; width: 152px; position:relative; float: left; }
#rightCol .listBox .thumb .frame { position: absolute; top: -1px; left: -1px; }
#rightCol .listBox .title { display: block; float: left; font-weight: bold; }

#rightCol #contactUs .boxLeft {padding:8px;border:1px solid #dfdfdf;width:282px;height:203px;float:left;}
#rightCol #contactUs .inner {background:#e4e4e4;padding:8px;}
#rightCol #contactUs .boxLeft .inner {height:173px;padding:0;}
#rightCol #contactUs .boxRight .inner {height:157px;}
#rightCol #contactUs .title {color:#fff;font-weight:bold;text-indent:10px;background:url(../images/layup/contactTitle.gif) repeat-x;height:30px;line-height:29px;margin:0;}
#rightCol #contactUs .boxRight {padding:8px;border:1px solid #dfdfdf;width:274px;height:203px;float:right;}
#rightCol #contactUs .box {margin:20px 0;padding:8px;border:1px solid #dfdfdf;}

#footer { font-weight: bold; margin-bottom: 10px; }
.footerL { float: left; }
.footerR { float: right; }
#footerTop a { color: #ffffff; }
#footerTop { font-size: 0.9em; background: #5e5e5e; height: 22px; padding: 5px 20px 0px 20px; color: #FFFFFF; }
#footerBottom a { color: #000000; }
#footerBottom { font-size: 0.8em; padding: 10px 20px 0px 20px; }

/* ----- 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;}
.red { color: #c1100d; }
.clickable { 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-size: 1.1em; }

/* ----- NAVIGATION ----- */
#nav {background:url(../images/layup/navBg.gif) top left repeat-x; height: 35px; font-size: 0.9em; margin-bottom: 10px; z-index:997; position: relative;   }
#nav a { font-weight: bold; color: #ffffff; display:block; padding: 0px 0px 10px 0px;  }
#nav a:hover { text-decoration: none; color: #adadad; }
#nav ul { padding: 0; margin: 0; }
#nav li { position: relative !important; list-style: none; background:url(../images/layup/navDivider.gif) top right no-repeat; padding: 9px 24px 0px 22px; float: left; height: 26px; display: block; float: left; }
#nav li.last { background: none; }
#nav .active { text-decoration: none; color: #adadad }

/* ----- SUB NAVIGATION ----- */
#nav ul li ul { margin:0px; padding:0px; position:absolute; top:34px; left:-1px; display:none; z-index:1000 !important; width:175px !important;color:#FFFFFF; padding-top: 1px; border-bottom: 1px solid #a5a5a5;   }
#nav ul li ul li { border-left: 1px solid #a5a5a5; border-right: 1px solid #a5a5a5; padding: 0px !important; margin: 0px !important;background: #ffffff !important; width:175px !important; }
#nav ul li ul li span { background:none !important; padding: 0px 6px 0px 6px !important; margin: 0px !important;}
#nav ul li ul li a:hover {height: 22px; background:#8c8c8c !important; color:#FFFFFF !important;  padding: 5px 0px 0px 0px !important; margin: 0px !important;}
#nav ul li ul li a { height: 22px; position:relative; display:block; color: #000000; width:175px !important; padding: 5px 0px 0px 0px !important; margin: 0px !important; }

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


/* ----- BREADCRUMBS ----- */
#pageInfo { margin-left: 6px; font-size: 0.9em;background: url(../images/layup/dots.gif) bottom left repeat-x; width: 610px; }
#pageInfo .padding { padding: 5px 1px 5px 1px; }
#breadcrumbs { float: left; color: #949494 }
#breadcrumbs a { color: #949494; font-weight: normal; }
#breadcrumbs .active { color: #000000; font-weight: normal; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; line-height: 120%; }
address { font-style:normal;}


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

/* ----- 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:#c1100d;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:66px; height:22px;}

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

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