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

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

Type: Print

Description : Print stylesheet for John Grose site

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

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

#accessibility
{ display:none; }

#container { width: 650px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; }   
#printHeader { display: block; height: 110px; }
#stockPrintHeader { float: right; height: 71px; }
#stockPrintTitle { float: left; font-size: 1.4em; padding-top: 8px; font-weight: bold; height: 71px; width: 450px; }
#header, #primaryNav, #leftCol, #mainFlash, #primaryJump, #secondaryJump, #franchiseJump, #pageInfo, #searchInfo, #backToTop, #footer { display: none; }

#mainContent .cmsImage { position: relative; float: right; margin: 0px 0px 20px 20px; }
#mainContent .cmsImage .frame { display: none; }
#mainContent .pageBanner { display: none; }

/* ----- USED CAR LISTING ----- */
#usedCarJumps { display: none; }
#adjustFinance { display: none; }
#usedCarListingAdjustFinance { display: none; }
#usedCarListing .listItem {  border-bottom: 1px solid #ccc; padding-top: 7px; }
#usedCarListing .listItem .clear { display: block; clear: both; height: 0; }
#usedCarListing .listItem a { display: block; cursor: pointer; font-weight: normal; width: 654px; text-decoration: none; padding: 0px; background: none; }
#usedCarListing .listItem .thumb { display: block; position: relative; padding: 1px; margin-right: 6px; background: none; border: 1px solid #ccc; width: 170px; height: 128px; float: left; }
#usedCarListing .listItem .thumb .frame { display: none; }
#usedCarListing .listItem .heading { display: block; position: relative; float: left; width: 456px; padding: 0px 0px 7px 10px; background: #0076b3; font-weight: bold; font-size: 1.1em; }
#usedCarListing .listItem .heading .shadow { display: none; }
#usedCarListing .listItem .description { display: block; float: left; width: 446px; padding: 10px 10px 8px 10px; }
#usedCarListing .listItem .priceDetails { display: block; text-transform: uppercase; font-weight: bold; padding-top: 8px; }
#usedCarListing .listItem .priceDetails .priceHeading { display: none; }
#usedCarListing .listItem .quoteBox { background: none; width: 650px; padding: 6px 0px 6px 0px; }
#usedCarListing .listItem .quoteBox a { display: inline !important; color: #fff !important; width: auto !important; padding: 0 !important; background: none !important; }
#usedCarListing .listItem .quoteBox .title { background: #0076b3; float: left; font-size: 0.8em !important; padding: 6px 9px 6px 9px; width: 160px; margin-left: 7px; }
#usedCarListing .listItem .quoteBox .detail { float: left; width: 349px; padding-left: 21px; padding-right: 20px; font-weight: bold;; font-size: 0.8em !important; }
#usedCarListing .listItem .quoteBox .costing { float: left; width: 60px; text-align: right; padding-right: 15px; font-size: 1.1em; font-weight: bold; font-size: 0.8em !important; }

/* ----- USED CAR DETAIL ----- */
#usedCarImagery { float: left; position: relative; width: 390px; margin-top: 0px; margin-right: 4px; display: inline; }
#usedCarImagery .usedCarPhoto { width: 390px; height: 293px; background: none; }
#usedCarImagery .enlarge { display: none; }
#usedCarImagery .frame { display: none; }
#usedCarImagery .shadowL { display: none; }
#usedCarImagery .shadowR { display: none; }
#usedCarImagery .imageControl { display: none; }
#usedCarImagery .libraryImage { display: none; }
#usedCarImagery #printTitlePrice { float: left; width: 370px; border: 1px solid #ccc; padding: 2px 8px 2px 10px; color: #fff; font-weight: bold; }
#usedCarDetail { float: left; }
#usedCarDetail #titlePrice { display: none; }
#usedCarDetail #titlePrice div { padding: 0px 0px 10px 0px; }
#usedCarDetail #furtherInfo { width: 245px; border: 1px solid #ccc; padding: 0px 3px 0px 5px; color: #fff; margin-bottom: 2px; line-height: 130%; }
#usedCarDetail #printMap { display: block; }
#usedCarDetail #liveChat { display: none; }
#usedCarDetail #usedCarOptions { display: none; }
#similarVehicles { display: none; }
#financeTab { display: none; }
#usedCarFinance { margin-top: 6px; float: left; background: url(../images/layup/dotsH.gif) bottom left repeat-x; font-size: 11px; }
#usedCarFinance .tab { display: none; }
#usedCarFinance #adjustFinance { margin: 6px 0px 0px 0px; height: 35px; width: 674px; }
#usedCarFinance #adjustFinance div { float:left; }
#usedCarFinance #adjustFinance form { background: #007ac1; padding-top: 4px; padding-bottom: 4px; width: 674px; }
#usedCarFinance #adjustFinance fieldset { display: block; }
#usedCarFinance #adjustFinance label { text-align: right; padding-right: 7px; padding-top: 3px; }
#usedCarFinance #adjustFinance select { height: 20px; }
#usedCarFinance #adjustFinance input { width: 60px; }
#usedCarFinance #adjustFinance .totalPrice input { width: 50px !important; border: 1px solid #000; background: #cef0fe; font-weight: bold; text-align: right; height: 15px; }
#usedCarFinance #adjustFinance #btnUpdate { width: 68px; height: 19px; position: relative; border: none !important; margin-right: 3px; }
.usedCarCMSGraphic { display: none; }
.usedCarTerms { font-size: 9px; float: left; width: 192px; border: 1px solid #ccc; padding: 8px 10px 8px 10px; margin-top: 5px; }
/*#usedCarFinance .financeTable { width: 300px; float: left; margin-right: 15px; }
#usedCarFinance .financeTable table { width: 100%; }
#usedCarFinance .financeTable th { background: #007ac1; font-weight: normal; padding: 1px 0px 1px 10px; font-weight: bold; }
#usedCarFinance .financeTable td { font-weight: normal; padding: 1px 0px 1px 10px; border-bottom: 1px solid #ebebeb; }
#usedCarFinance .btn { display: none; }
#usedCarFinance .apr { float: right; font-weight: bold; font-size: 1.1em; padding-top:4px; padding-bottom:4px;  }
#usedCarFinance img { display: none; }*/

/* ----- CODEWEAVERS ----- */
.codeWeaversContainer { width: 694px; float: left; }

/* - HIRE PURCHASE FORM - */
.newHirePurchaseForm { display: none; }

/* - FINANCE DETAIL TABLES - */
.financeTable { width: 212px; float: left; border: 1px solid #ccc; margin: 5px 5px 0px 0px; }
.financeTable img { width: 212px !important; }
.financeTable a { text-decoration: none; }
.financeTable h1 { font-size: 1.1em; font-weight: bold; padding: 2px 12px 2px 12px; }
.financeTable p { font-size: 1.0em; padding: 4px 12px 4px 12px; }
.TableWrapper { padding: 12px 12px 12px 12px; border-top: 1px solid #fff; }
.financeTable table th { text-align: center; }
.financeTable table td { padding: 1px 4px 1px 4px; font-size: 10px !important; }
.newPurchaseButtonBg { display: none; }
.codeWeaversContainer .float_right { float: left !important; }

/* - CAR INSYRANCE FORM - */
#cwCarInsuranceDetails { background: none; border:1px solid #e8e8e8; width: 711px; float: left; }
#cwCarInsuranceDetails .formPadding, #cwCarInsuranceDetails .carInsuranceQuotes { padding: 8px; float: left; }
#cwCarInsuranceDetails div { clear: both; margin-bottom: 4px; }
#cwCarInsuranceDetails form label { width: 300px; }
#cwCarInsuranceDetails form input { width: 180px; }
#cwCarInsuranceDetails form select { width: 180px; margin: 0px; }
#cwCarInsuranceDetails form fieldset { display: block; }
#cwCarInsuranceDetails form select#cw_dobDay { width: 55px; margin-right: 7px; }
#cwCarInsuranceDetails form select#cw_dobMonth { width: 55px; margin-right: 6px; }
#cwCarInsuranceDetails form select#cw_dobYear { width: 55px; margin-right: 15px; }
#cwCarInsuranceDetails form #cw_gender_male,
#cwCarInsuranceDetails form #cw_gender_female,
#cwCarInsuranceDetails form #cw_accidents_no,
#cwCarInsuranceDetails form #cw_accidents_yes,
#cwCarInsuranceDetails form #cw_conviction_no,
#cwCarInsuranceDetails form #cw_conviction_yes,
#cwCarInsuranceDetails form #cw_garaged_no,
#cwCarInsuranceDetails form #cw_garaged_yes { width: 20px; }

/* ----- OFFER TAB LISTING ----- */
#offerTabList { }
#offerTabList #tabset { display: none; }
#offerTabList .item { margin-top: 9px; }
#offerTabList .item img { width: 650px; }

/* ----- BOX LISTING ----- */
#boxListing {}
#boxListing .box { float: left; margin-left: 17px; margin-right: 18px; margin-bottom: 40px; } 
#boxListing .box a { display: block; cursor: pointer; width: 178px; text-decoration: none; }
#boxListing .box .title { display: block; color: #002a68; text-align: right; padding-bottom: 8px; font-size: 1.0em; }
#boxListing .box .model { color: #015389; }
#boxListing .box .thumb { display: block; position: relative; }
#boxListing .box .thumb .frame { display: none; }

/* ----- DOMTABS ----- */
#usedVehicleSpec { margin-top:3px; font-size: 11px; }
#usedVehicleSpec .tabset_content .price { font-size: 1.5em; color: #ff0000; font-weight: bold; padding: 8px 0px 8px 0px; }
#t1, #t2, #t3, #t4, #t5, .tabset_content {  display: block !important; margin-top: 0px; }
.tabset_tabs { display: none; }
.tabset_print { display: inline; margin: 0; padding: 0; width: 650px !important;}
.tabset_print ul { padding: 0; margin: 0px; }
.tabset_print li { list-style: none; margin: 0 !important; padding: 0 !important; float:left; height: 24px; }
.tabset_print a { text-decoration:none; }
.tabset_content table { width:650px !important; margin-top: 0px !important; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tabset_content table td { padding-top: 7px; padding-bottom: 7px; width: auto !important; }
#usedVehicleSpec .iconItem { width: 210px; float: left; font-size: 0.9em; }

/* ----- NEW CAR DETAIL ----- */
#modelTable { width: 650px; }
#modelTable table { width: 650px; }
#modelTable table thead th { color: #000; text-transform: uppercase; padding: 6px 0px 6px 0px; font-size: 0.9em; font-weight: bold; }
#modelTable table thead th.youSave { background: #cc0000; color: #fff; }
#modelTable table tbody td { background: #000; padding: 2px 0px 2px 0px; font-size: 0.9em; font-weight: bold; }
#modelTable table tbody td.youSave { background: #ff0000; color: #fff; }
#modelTable table tbody tr.trAlt td { background: #e0ebfe; }
#modelTable table tbody tr.trAlt td.youSave { background: #cc0000; }
#modelTable table .goBtn { width: 26px; margin: 0 auto; }
#modelTable table .info td { background: none; padding: 6px 0px 8px 0px; font-size: 0.8em; }

#newCarCol1 #newCarDetail { float: right; font-weight: bold; }
#newCarCol1 #newCarDetail .makeModel { padding: 5px 10px 5px 10px; width: 320px; line-height: 160%; }
#newCarCol1 #newCarDetail .price { padding: 5px 10px 5px 10px; width: 240px; line-height: 160%; }
#newCarCol1 #newCarPhoto { float: left; margin-bottom: 10px; }
#newCarSpec .tabset_content td { height: 24px; padding: 2px 5px 2px 5px; }
#liveChat { display: none; }
#newCarOptions { display: none; }
#nearlyNew { display: none; }
#newCarCol2 #newCarPricingOptions { width: 650px; }
#newCarCol2 #newCarPricingOptions table { width: 100%; }
#newCarCol2 #newCarPricingOptions td { padding: 2px 5px 2px 5px; }
#newCarCol2 #newCarPricingOptions .checkRadio { width:20px; position:relative; left:0px; top: 1px; margin-left: 3px; }

/* ----- DEALER LIST ----- */
#dealerList { }
#dealerList table { width: 100%; }
#dealerList th { border: 1px solid #d4d4d4; font-weight: bold; background: #e9e9e9; padding: 8px 6px 8px 6px; }
#dealerList td { border: 1px solid #d4d4d4; padding: 4px 6px 4px 6px; }
#dealerList tr.trAlt { background: #f5f5f5; }

/* ----- DEALER DETAIL ----- */
#dealerDirections { width: 295px; float: left; }
#dealerDirections #map { margin: 9px 16px 8px 16px; }
#dealerDirections input { width: 170px; float: left; margin-top: 4px; margin-left: 63px; } 
#dealerDirections #btnGo { width: 26px; height: 26px; float: left; margin: 0px 0px 0px 10px; }
#dealerPhoto { width: 373px; float: left; }
#dealerPhoto .photo { margin: 9px 16px 8px 16px; }
#dealerAddress { width: 295px; float: left; padding: 0px; font-size: 1.1em; }
#dealerAddress .padding { padding: 9px 16px 8px 16px; }
#dealerAddress address { padding: 10px 0px 10px 0px; }
#dealerOpeningTimes { width: 373px; float: left; }
#dealerOpeningTimes table { border-collapse: separate; margin: 9px 16px 8px 16px; width: 343px; }
#dealerOpeningTimes .emptyCell { background: #fff; }
#dealerOpeningTimes th { font-weight: bold; background: #4c4c4c; color: #fff; padding: 5px 0px 5px 5px; text-align: center; }
#dealerOpeningTimes tr { }
#dealerOpeningTimes td { padding: 3px 0px 3px 5px; }
#dealerOpeningTimes .trAlt { background: #eeeeee; }

/* ----- BOOK A SERVICE FORM ----- */
.servicingBanner { display: none; }
#bookServiceForm { display: none; }

#bookServiceForm .title { position: relative; }
#bookServiceForm .title .spanner { position: absolute; top: 2px; right: -1px; }
#bookServiceForm form { padding: 10px 15px 5px 15px; }
#bookServiceForm form label { font-weight: bold; text-transform: uppercase; font-size: 1.1em; display: block; padding-bottom: 6px; }
#bookServiceForm form select { width: 182px; }
#bookServiceForm form #btnBook { width: 119px !important; height: 21px !important; }
#bookServiceForm form div { margin-bottom: 10px; }
#bookServiceForm .borderB { position: absolute; bottom: -13px; right: -2px; }

/* ----- BOOK A SERVICE DETAIL ----- */
#serviceDetails { width: 650px; float: left; }
#serviceDetails form {}
#serviceOptionsCol1 { width: 650px; }
#serviceOptionsCol2 { width: 650px; }
#serviceOptions { margin-bottom: 6px; }
#serviceOptions .borderB { display: none; }
#serviceOptions table { width: 100%; border-collapse: separate; }
#serviceOptions table th { background: #730a14; color: #fff; padding: 6px 14px 6px 14px; }
#serviceOptions table td { background: #f5eded; padding: 3px 14px 3px 14px; font-size: 1.0em; }
#serviceOptions table tr.trAlt td { background: #ebdbdd; }
#serviceOptions .checkRadio { left:0px; }
#extraOptions {  }
#extraOptions .borderB { display: none; }
#extraOptions table { width: 100%; border-collapse: separate; }
#extraOptions table th { background: #730a14; color: #fff; padding: 6px 14px 6px 14px; }
#extraOptions table td { background: #f5eded; padding: 3px 14px 3px 14px; font-size: 1.0em; }
#extraOptions table tr.trAlt td { background: #ebdbdd; }
#extraOptions .checkRadio { left:0px; }
#yourCar { margin-bottom: 8px; }
#yourCar .borderB { display: none; }
#yourCar table { width: 100%; border-collapse: separate; }
#yourCar table th { background: #730a14; color: #fff; padding: 6px 14px 6px 14px; }
#yourCar table td { background: #f5eded; padding: 3px 14px 3px 14px; font-size: 1.0em; }
#servicingSummary { margin-bottom: 8px; }
#servicingSummary .borderB { display: none; }
#servicingSummary table { width: 100%; border-collapse: separate; }
#servicingSummary table th { background: #730a14; color: #fff; padding: 6px 14px 6px 14px; }
#servicingSummary table td { background: #f5eded; padding: 3px 14px 3px 14px; font-size: 1.0em; }
#servicingSummary table tr.trAlt td { background: #ebdbdd; }
#servicingSummary table tr td.whiteBg { background: #fff; }
#servicingSummary table tr td.totalBg { background: #730a14; color: #fff !important; }
#yourDetails { background: #d7d7d7; }
#yourDetails div { border-bottom: 1px solid #ffffff; padding: 4px 0px 4px 0px; }
#yourDetails label { width: 124px; padding: 3px 0px 0px 15px; font-size: 1.0em; }
#yourDetails input { width: 170px; }
#yourDetails select { width: 174px; }
#yourDetails .btnBook { background: #fff; height: 42px; }
#yourDetails .btnBook input { float: right; width: 98px !important; height: 42px !important; }

/* ----- 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; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
#homeContent h1 { background: none; color: #fff; font-weight: normal; width: 650px; margin-top: 12px; padding-left: 0px; height: 20px; padding-top: 0px; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { 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; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }

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

/* ----- LINKS ----- */
a { color:#000000; 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:#006699;}
.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:76px; height:25px; border:none;}