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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd
Author : John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd
Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Print stylesheet for xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site

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

body { font:12px verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF; text-align:left; }

#accessibility
{ display:none; }

#container { width: 650px; }
#printHeader { display: block; margin:0 0 15px 0; }
#header, #primaryNav, #breadcrumbs, #pageInfo, #searchInfo, #footer, #leftCol, #mainImgHome, #homeJumps, #newCarOptions, .pagination, #usedCarOptions, #offerSelector, #btnReserve, #btnViewVideo, #imgSelector #mainImg .overlay { display: none; }

/* ----- BOX LIST ----- */
#boxList {}
#boxList .box { width:208px; margin:0 5px 10px 0; float:left; display:inline; }
#boxList .box a { text-decoration:none; cursor:pointer; display: block; }
#boxList .box .title { font-size:16px; color:#7d7f7f; text-transform:uppercase; display: block; padding:15px 0 10px 25px; }
#boxList .box .thumb { width:208px; height:155px; display: block; position:relative; padding:3px 0 0 3px; }
#boxList .box .thumb .frame { display: block; position:absolute; top:0; left:0; }
#boxList .box .btn { display:none; }

#newCarDetail { margin:0 0 13px 0; }
#newCarDetail .model { font-size:22px; color:#002c62; font-weight:bold; font-style:italic; margin:0 0 30px 0; float:left; }
#newCarDetail .finance { font-size:14px; color:#ce0000; font-weight:bold; font-style:italic; padding:0 0 0 15px;  float:right; }
#newCarDetail .price { font-size:14px; color:#373737; font-weight:bold; font-style:italic; float:right; }
#newCarDetail #mainImg { width:322px; height:241px; position:relative; padding:3px 0 0 3px; } 
#newCarDetail #mainImg .frame { position:absolute; top:0; left:0; }

#newCarFinanceCalculator { display:none; }

/* ----- LIST ----- */
#list {}
#list .listItem { width:672px; height:189px; margin:0 0 28px 0; position:relative; }
#list .listItem a { text-decoration:none; cursor:pointer; display: block; }
#list .listItem .thumb { width:243px; height:185px; padding:3px 0 0 3px; float:left; position:relative; }
#list .listItem .thumb .frame { position:absolute; top:0; left:0; }
#list .listItem .thumb .offer { position:absolute; top:0; left:0; }
#list .listItem .thumb .shadow { display:none; }
#list .listItem .carInfo { width:412px; height:189px; background:url(../images/layup/usedCarListBg.jpg) no-repeat; float:right; position:relative; }
#list .listItem .carInfo .model { font-size:16px; color:#474747; font-weight:bold; padding:20px 0 15px 20px; display:block; }
#list .listItem .carInfo .carSpec { color:#3f3f3f; margin:0 0 10px 18px; display:block; }
#list .listItem .carInfo .carSpec .specColumn { width:92px; float:left; }
#list .listItem .carInfo .carSpec .specColumn span { font-size:12px; padding:2px; display:block; }
#list .listItem .carInfo .price { font-size:14px; color:#626262; font-weight:bold; padding:0 0 0 20px; display:block; }
#list .listItem .carInfo .pcm { font-size:18px; color:#00336e; font-weight:bold; padding:0 0 0 20px; display:block; }
#list .listItem .carInfo .btnDetails { display:none; }
#list .listItem .carInfo .shadow { display:none; }
#list .listItem .btnCompare { display:none; }

#usedCarInfo { width:650px; font-weight:bold; font-style:italic; margin:0 0 25px 0; }
#usedCarInfo .model { font-size:18px;color:#002c62; padding:0 0 15px 0; float:left; }
#usedCarInfo .price { font-size:14px; color:#ce0000; float:right; }
#usedCarInfo .telephone { font-size:12px; color:#5e5e5e; } 
#usedCarInfo .telephone span { color:#002c62; }

#imgSelector { margin:0 0 11px 0; }
#imgSelector #mainImg { width:322px; height:241px; padding:3px 0 0 3px; position:relative; float:left; }
#imgSelector #mainImg .frame { display:none; }
#imgSelector .thumb { width:95px; height:70px; padding:3px 0 0 3px; margin:0 2px 12px 2px; position:relative; float:right; }
#imgSelector .bottom { margin:0 2px 0 2px; }
#imgSelector .thumb a {}
#imgSelector .thumb .frame { display:none; }

#usedCarSpec { margin:0 0 13px 0; }
#usedCarSpec .tabset_print { margin:5px 0 5px 0; display:block; }
#usedCarSpec .tabset_tabs { display:none; }
#usedCarSpec .tabset_content { width:650px; background:none; display:block !important; }
#usedCarSpec ul.domtabs { list-style:none; padding:0; margin:0; }
#usedCarSpec .tabset_content .locationPrice { font-size:12px; color:#747474; font-style:italic; padding:22px 0 0 17px; }
#usedCarSpec .tabset_content .locationPrice span { font-size:14px; color:#002c62; font-weight:bold; }
#usedCarSpec .tabset_content h1 { font-weight:bold; padding: 0px; }
#usedCarSpec .tabset_content table { margin:6px 0 0 17px; }
#usedCarSpec .tabset_content td { width:110px; font-size:12px; color:#747474; padding: 7px 0px 7px 0px; }
#usedCarSpec .tabset_content td p { padding:0 0 5px 0; }
#usedCarSpec .tabset_content .heading { font-weight:bold; }
#usedCarSpec #contentFinance { display:none; }
#usedCarSpec #contentContact { display:none; }

#relatedCars { width:650px; }
#relatedCars .title { display:none; }
#relatedCars .box { width:302px; height:143px; font-size:12px; background:url(../images/layup/relatedCarBg.jpg) no-repeat; padding:10px 4px 0 4px; margin:0 5px 5px 0; float:left; }
#relatedCars .box a { text-decoration:none; cursor:pointer; display:block; }
#relatedCars .box .thumb { width:162px; height:122px; padding:2px 0 0 2px; position:relative; float:left; }
#relatedCars .box .thumb .frame { position:absolute; top:0; left:0; }
#relatedCars .box .model { width:130px; font-size:12px; color:#002c62; float:right; }
#relatedCars .box .price { width:130px; color:#002c62; padding:0 0 9px 0; float:right; }
#relatedCars .box .availableFrom { width:130px; color:#595959; padding:0 0 10px 0; float:right; }
#relatedCars .box .availableFrom span { font-weight:bold; color:#e07e00; }
#relatedCars .box .termsConditions { width:130px; font-size:10px; color:#9d9d9d; padding:0 0 10px 0; float:right; }
#relatedCars .box .btn { display:none; }

#offersImg { width:663px; height:167px; padding:2px 0 0 2px; margin:0 0 30px 0; position:relative; }
#offersImg .frame { position:absolute; top:0; left:0; }

#offersForm { display:none; }

.map { width:298px; height:224px; padding:3px 0 0 3px; margin:0 0 28px 0; position:relative; float:left; } 
.map .frame { position:absolute; top:0; left:0; }
.map .shadow { display:none;}
.map .postcodeSearch { position:absolute; top:188px; left:0; }
.map .postcodeSearch fieldset { width:298px !important; }
.map .postcodeSearch .postcode { width:112px; height:19px; background:url(../images/layup/inputPostcodeBg.gif) no-repeat; border:none; margin:0 10px 0 10px; padding:4px 5px 0 10px; float:left; }
.map .postcodeSearch  .getDirections { width:134px; height:23px; padding:0; border:none; float:right; }
.contactInfo { width:300px; font-size:12px; float:right; }
.contactInfo .title { font-size:18px; font-style:italic; color:#002c62; background:url(../images/layup/dotsH.gif) repeat-x bottom; padding:8px 0 8px 0; margin:0 0 10px 0; }
.contactInfo .address { margin:0 0 10px 0; float:left; }
.contactInfo .telephone { float:right; }
.contactInfo .email { float:right; }
.contactInfo .viewMap { float:right; }
.contactInfo span { color:#002c62; }
.contactInfo a { color:#002c62; font-weight:normal; }

/* ----- OFFERS TABS ----- */
#offerTabs { position:relative; }
#offerTabs ul.domHeadings { display:none; }
#offerTabs .shadow { display:none; }

#offerTabs .domContent { padding:10px 0 0 0; }
#offerTabs .domContent .notBox { margin:10px 0;  }
#offerTabs .domContent .notBox a { text-decoration:none; cursor:pointer; display:block; }
#offerTabs .domContent .notBox .title { font-size:13px; padding:0 0 10px;	 display:block; }
#offerTabs .domContent .notBox .thumb { width:663px; height:167px; position:relative; z-index:50; display:block; }
#offerTabs .domContent .notBox .thumb .frame { position:absolute; top:-2px; left:-2px; }
#offerTabs .domContent .notBox .thumb .shadowThumb { position:absolute; bottom:-5px !important; left:-20px !important; z-index:-1; }
#offerTabs .dt1 { display: block; }

/* ----- CMS IMAGE ----- */
.cmsImage { float:right; margin: 0px 0px 15px 15px; padding:2px 0 0 10px; position:relative; }
.cmsImage .frame { position:absolute; top:0; left:0; }
.cmsImage img {}

/* ----- SITE MAP ----- */
#sitemap { list-style:square; margin:0 0 0 5px; padding:0; font-size: 0.9em; }
#sitemap ul { list-style:square;  margin:10px 0 0px 25px; padding:0;}
#sitemap li { padding:5px 0 5px 10px; margin: 0px 0px 0px 20px; }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display:none; }
.show { display:block; }
.printShow { display: block; }
.printHide { 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; margin:0 0 15px 15px; }
.image_left { float:left; margin: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 10px 0; font-size:100%; font-weight:bold; }
h1 { font-size:21px; font-style:italic; color:#002c62; }
h2 { font-size:15px; color:#e07e00; font-weight:normal; }
p { font-size:12px; padding:0 0 10px 0; margin:0; }
/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#e07e00; font-weight:bold; text-decoration:underline;cursor:pointer; }
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:#0033FF;}
.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;}
#btnSubmit { width:55px; height:18px; 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 #4544e4; 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: #4544e4; color : #FFF; font-weight: bold; }

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