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

Title : 
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Print

Description : Print stylesheet for Johnson Cars ltd site

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

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

#accessibility,
#header,
#leftCol,
#footer,
#homeAdvert,
#homeSecondaryJumps,
.frame,
#sortOptions,
#financeOptions,
#usedList .listItem .finance,
.pagination,
.priceButtons,
#offerTabs,
#offerForm form,
#frameLeft,
#frameRight,
#usedJumps,
#mpgCalculator,
.special,
.domHeadings,
#tabFooterImage,
#franchiseJumps,
#downloadList,
#financeSummary,
.newHirePurchaseForm,
#cwFinanceDetailedOutput,
#relatedVehicles,
#simpleSimilar,
#cwCarInsuranceDetails,
#dealerLocatorContactUs,
#franchiseSelector { display:none; }

.domContent { display: block !important; }
.printHeading { padding: 20px 0px 10px 0px; }

#container { width: 650px; }
#printHeader { display: block; margin-bottom: 20px; }
#header, #primaryNav, #breadcrumbs, #pageInfo, #searchInfo, #footer { display: none; }

#offerContainer { padding: 0px 0px 20px 0px; width: 470px; float: left; }
#offerLocations { float: right; width: 165px; }
.offerHeading { font-weight: bold; }

/* ----- CMS IMAGE ----- */
.internalImage { float: left; margin: 0px 15px 15px 0px; }

/* ----- CMS TABLE ----- */
table.cmsTable { width:100%; margin:0 0 20px; }
table.cmsTable tr td { font-size:12px; border:none; padding:8px 0 7px 0; }
table.cmsTable tr td.heading { font-weight:bold; }

/* ----- LISTS ----- */
ul.square { list-style:none; padding:0 0 0 15px; margin:0 0 6px; }
ul.square li { font-size:12px; font-weight:bold; list-style:circle; background:none; padding:4px 0 4px 15px; }
ul.square li ul { padding:0 0 0 15px; margin:0; }
ul.square li ul li { padding:4px 0 4px 15px; }
ol { padding:0 0 0 25px; margin:0 0 6px 25px; }
ol li { font-size:12px; font-weight:bold; padding:4px 0 4px; }

/* ----- USED LIST ----- */
#rightCol #usedList { margin: 30px 0px 0px 0px; }
#rightCol #usedList .listItem { border-bottom: dashed 1px #CFCFCF; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }
#rightCol #usedList .listItem .itemDetails { height: 148px; }
#rightCol #usedList .listItem .itemImage { margin-right: 15px; width: 194px; height: 148px; float: left; }
#rightCol #usedList .listItem .itemImage a { display: block; width: 194px; height: 148px; position: relative; }
#rightCol #usedList .listItem .itemImage a .noImage { display: block; width: 188px; height: 142px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage188x142.jpg) 3px 3px no-repeat }
#rightCol #usedList .listItem .itemContent { width: 297px; float: left; }
#rightCol #usedList .listItem .itemContent a { font-weight: normal; text-decoration: none; }
#rightCol #usedList .listItem .itemContent .itemHeading { display: block; color: #231f20; font-size: 14px; padding: 0px 0px 10px 0px; }
#rightCol #usedList .listItem .itemContent table td { padding: 0px 4px 4px 0px; }
#rightCol #usedList .listItem .priceOptions { width: 96px; float: right; text-align: right; }
#rightCol #usedList .listItem .priceOptions .price { line-height: 15px; height: 40px; }
#rightCol #usedList .listItem .priceOptions a { color: #d20b0b; text-decoration: none; font-size: 18px; }
#rightCol #usedList .listItem .priceOptions a span { font-weight: normal; font-size: 11px; }
#rightCol #usedList .listItem .priceOptions .priceButtons a { display: block; margin-top: 10px; float: right; }
#rightCol #usedList .listItem .itemContent .co2 { color: #FFFFFF; font-weight: bold; font-size: 12px; padding: 10px 0px 0px 0px; }
#rightCol #usedList .listItem .itemContent .co2 .co2Value { width: 138px; height: 20px; padding: 5px 0px 0px 15px; float: left; margin-right: 20px; }
#rightCol #usedList .listItem .itemContent .co2 .co2Value.green { background: url(../images/layup/mpgGreen.gif) no-repeat; }
#rightCol #usedList .listItem .itemContent .co2 .co2Value.orange { background: url(../images/layup/mpgOrange.gif) no-repeat; }
#rightCol #usedList .listItem .itemContent .co2 .taxBand { width: 38px; height: 38px; background: url(../images/layup/taxDisc.gif) no-repeat; float: left; position: relative; top: -6px; }
#rightCol #usedList .listItem .itemContent .co2 .taxBand span { display: block; padding: 4px 0px 0px 4px; font-size: 11px; color: #000000; }



#rightCol #imageAndButtonHolder { width:268px; margin:0px 0px 26px 21px; float:right; background:url(../images/layup/dealerLocatorContactUsBg.gif) no-repeat; }
#rightCol #imageAndButtonHolder .dealerLocatorImage { position:relative; width:268px; height:195px; padding:4px 0px 0px 4px}
#rightCol #imageAndButtonHolder .dealerLocatorImage .frame { position:absolute; top:4px; left:4px;}
#rightCol #imageAndButtonHolder .dealerLocatorImage .framedImage {}
#rightCol #imageAndButtonHolder .selectionBox { padding:10px 0px 0px 30px;}
#rightCol #imageAndButtonHolder .buttonHolder { padding:50px 0px 0px 0px;}
#rightCol #imageAndButtonHolder .buttonHolder .right { float:right; width:100px; height:45px;}
#rightCol #imageAndButtonHolder .buttonHolder .right .box {}
#rightCol #imageAndButtonHolder .buttonHolder .left { float:left; width:100px; height:45px;}
#rightCol .detailsHolder { width:606px; background:url(../images/layup/bitBg.gif) top repeat-x; padding:5px 0px 5px 0px;}
#rightCol .detailsHolder .phoneNumbers { width:293px; float:left; padding:4px 0px 10px 0px;}
#rightCol .detailsHolder .phoneNumbers .left { width:153px; float:left;}
#rightCol .detailsHolder .phoneNumbers .right { width:130px; float:left;}
#rightCol .detailsHolder .openingTimes { float:right; padding:0px 0px 10px 0px}
#rightCol .detailsHolder .openingTimes th { width:82px; text-align:center; padding:0px 0px 6px 0px; font-size:110%; color:#585858;}
#rightCol .detailsHolder .openingTimes td { width:82px; padding:0px 0px 6px 0px;}
#rightCol .detailsHolder .openingTimes .center { text-align:center;}
#rightCol .detailsHolder .openingTimes .title { width:58px !important;}
#rightCol .detailsHolder .address { width:257px; float:left;}
#rightCol .detailsHolder .address p { padding-bottom:3px;}
#rightCol .detailsHolder .address .left { float:left; width:134px;}
#rightCol .detailsHolder .address .right { float:right; width:105px;}
#rightCol .detailsHolder .address .right .box { padding:6px 0px 0px 0px;}
#rightCol .detailsHolder .openingTimesChristmas {float:right; padding:0px 0px 10px 0px}
#rightCol .detailsHolder .openingTimesChristmas th { width:82px; text-align:center; padding:0px 0px 6px 0px; font-size:110%; color:#585858;}
#rightCol .detailsHolder .openingTimesChristmas td { width:82px; padding:0px 0px 6px 0px;}
#rightCol .detailsHolder .openingTimesChristmas .center { text-align:center;}
#rightCol .detailsHolder .openingTimesChristmas .title { width:58px !important;}
#rightCol #mapContainer { float: right; width: 260px; height: 276px; padding: 3px; position: relative; background:url(../images/layup/dealerLocatorMapBg.gif) no-repeat;}
#rightCol #mapContainer #frameLeft { position: absolute; top: 3px; left: 3px; }
#rightCol #mapContainer #frameRight { position: absolute; top: 3px; right: 3px; }
#rightCol #getDirections { padding: 10px 0px 0px 15px; }
#rightCol #getDirections #directions { float: left; width: 131px; }
#rightCol #getDirections #btnDirections { width: 91px; height: 19px; float: right; padding-right: 10px; }

/* ----- USED DETAIL ----- */
.internalImage.usedDetail { margin: 0px 0px 15px 0px; }
.internalImage #thumbs { display: none; }
#printThumbs { display: block; float:right; margin-top:-55px; }
#printThumbs img { float: left; margin: 0px 6px 6px 0px;  }
/* location and price */
#locationPrice { float: right; width: 268px; }
#locationPrice #modelDetails { width: 268px; height: 173px; }
#locationPrice .modelHeading { font-size: 17px; color: #231f20; display: block; padding: 5px 0px 0px 0px; }
#locationPrice .modelLocation { font-size: 13px; color: #747474; display: block; padding: 10px 0px 0px 0px;  }
#locationPrice .modelLocation span { color: #d20b0b; }
#locationPrice .modelTel { font-size: 21px; color: #d20b0b; display: block; padding: 0px 0px 10px 0px; }
#locationPrice .modelPrice { font-size: 30px; color: #d20b0b; display: block;  }
#locationPrice .priceSave { font-size: 21px; color: #d20b0b; display: block;  }
#locationPrice .co2 { display:none; }
/* used car tabs */
#vehicleSpec { width: 650px; float: left; border-right:none; }
#vehicleSpec table { width:650px; } 
#vehicleSpec td { width:200px; padding:0px 5px; }
.tabHeading { font-family:Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #898989; text-transform: uppercase; letter-spacing: -1px; padding: 0px 0px 10px 0px; }
#vehicleSpec td { padding: 0px 0px 4px 0px; }
.moreDetails { float: right; padding-right: 20px; }
#optionalExtras { margin: 0px 0px 0px 16px; width: 290px; float: left; }
#optionalExtras #tabExtraOptions { border-bottom: 3px solid #828282; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }
#optionalExtras #tabExtraOptions span { font-size: 14px; font-weight: bold; }
#optionalExtras #tabOptions .moreDetails { padding-right: 0px; }
#optionalExtras #simpleSimilar .thumbItem { position: relative; width: 97px; float: left; }
#optionalExtras #simpleSimilar .thumbItem .frame { position: absolute; top: 0px; left: 0px; }
#optionalExtras #simpleSimilar .thumbItem .noImage { display: block; padding: 2px; }
#optionalExtras #simpleSimilar .thumbContent { width: 193px; float: left; }
#optionalExtras #simpleSimilar .thumbContent .thumbHeading { font-weight: bold; }
#optionalExtras #simpleSimilar .thumbContent .thumbPrice { font-weight: bold; font-size: 14px; color: #d20b0b; padding: 5px 0px 15px 0px; }


/* ----- OFFER LIST ----- */
#rightCol #offerList {}
#rightCol #offerList .listItem { background: url(../images/layup/offerFrame.gif) no-repeat; width: 301px; height: 136px; float: left; margin: 0px 4px 4px 0px;  }
#rightCol #offerList .listItem a { display: block; padding: 3px 0px 0px 3px; }
#rightCol #offerList .listItem.endItem { margin-right: 0px; }

/* ----- BOX LIST ----- */
#boxList {}
#boxList .listItem { width: 194px; height: 173px; position: relative; margin: 0px 12px 12px 0px; float: left; }
#boxList .listItem.endItem { margin-right: 0px; }
#boxList .listItem a { display: block; text-decoration: none; }
#boxList .listItem .noImage { display: block; width: 188px; height: 143px; padding: 3px 0px 0px 3px; background: url(../images/layup/noImage188x143.jpg) 3px 3px no-repeat; }
#boxList .listItem .itemText { display: block; z-index: 99999; position: absolute; bottom: 8px; left: 20px; font-weight: bold; color: #FFFFFF; font-size: 12px; }


/* ----- DEALER DETAIL ----- */
#dealerImagery { width: 650px; height: 282px; background: none; position: relative; }
#dealerImagery #dealerLocation { width: 320px; height: 276px; float: left; padding: 3px; }
#dealerImagery #dealerLocation #locationImage { height: 240px; }
#dealerImagery #dealerLocation #mapLocation { display: none; }
#dealerImagery #getDirections { display: none; }
#dealerImagery #mapContainer { float: right; width: 260px; height: 276px; padding: 3px; position: relative; }
/* telephone numbers and times */
#dealerDetails #telephoneTimes { width: 650px; float: left; padding: 0px; }
#dealerDetails #telephoneTimes .heading { font-weight: bold; font-size: 14px; color: #e58d03; }
#dealerDetails #telephoneTimes .number { float: right; font-size: 14px; text-align: right; margin-bottom: 10px; }
#dealerDetails #telephoneTimes th,
#dealerDetails #telephoneTimes td { padding: 5px 0px 0px 0px; text-align:right; }
#dealerDetails #telephoneTimes .width70 { width: 70px; }
#dealerDetails #telephoneTimes .width95 { width: 95px; }
#dealerDetails #telephoneTimes .width85 { width: 85px; }
#dealerDetails #telephoneTimes  #tblTimes { padding: 0px 0px 15px 0px; }
#dealerDetails #telephoneTimes  #tblTimes table { width: 650px; }
#dealerDetails #telephoneTimes  address { line-height: 20px; padding: 5px 0px 0px 0px; }
#dealerDetails #telephoneTimes #printPage { display: none; }
/* contact form */
#dealerDetails #dealerForm { display: none; }

/* ----- FROM REQUEST A QUOTE */
#frmRequestQuote { display:none; }

/* ----- NEW CAR LIST PAGE ----- */
#rightCol .nearlyNewCars { margin: 0px 0px 10px 0px; display: block; }
#rightCol #nealryNewTable {}
#rightCol #nealryNewTable table { background: #eeeeee; width: 100%; }
#rightCol #nealryNewTable table tr th { color: #747474; font-family: Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 5px 10px 5px; text-transform: uppercase; }
#rightCol #nealryNewTable table tr.altRow { background: #FFFFFF; }
#rightCol #nealryNewTable table tr td { color: #242424; font-weight: bold; font-size: 12px; padding: 5px; border-top: 1px solid #d8d8d8; }

/* ----- NEW CAR VARIANT */
#newVarOptions { display:none; }

#relatedOffers {}
#relatedOffers .box { width:295px; }
#relatedOffers .box a { text-decoration:none; font-weight:normal; display:block; }
#relatedOffers .box .thumb { display:block; }
#relatedOffers .box .thumb .frame { display:none; }
#relatedOffers .box .title { font-weight:bold; text-align:center; padding:3px 0; display:block; }

/* ----- NEW CAR PAGES ----- */
#rightCol .nearlyNewCars { margin: 0px 0px 10px 0px; display: block; }
#rightCol #nealryNewTable {}
#rightCol #nealryNewTable table { background: #eeeeee; }
#rightCol #nealryNewTable table tr th { color: #747474; font-family: Helvetica, Arial, sans-serif; font-size: 18px; padding: 10px 5px 10px 5px; text-transform: uppercase; }
#rightCol #nealryNewTable table tr.altRow { background: #FFFFFF; }
#rightCol #nealryNewTable table tr td { color: #242424; font-weight: bold; font-size: 12px; padding: 5px; border-top: 1px solid #d8d8d8; }
.newCars #locationPrice #modelDetails { height: 95px; }
#availableColours { width: 145px; height: 40px; }
#availableColours a { display: block; width: 14px; height: 14px; border: 1px solid #000000; float: left; margin: 0px 4px 4px 0px; }
#availableColours .colourWhite { background: #FFFFFF; }
#availableColours .colourGrey { background: #a5a5a5; }
#availableColours .colourBlack { background: #000000; }
#availableColours .colourRed { background: #f50000; }
#availableColours .colourBlue { background: #569ad1; }
#availableColours .colourGreen { background: #218c00; }
#availableColours .colourYellow { background: #f7e41e; }
#simpleNewSimilar { padding: 15px 0px 0px 0px; border-top: 3px solid #828282; margin: 10px 10px 0px 0px; }
#simpleNewSimilar .thumbItem { position: relative; width: 97px; float: left; }
#simpleNewSimilar .thumbItem .frame { position: absolute; top: 0px; left: 0px; }
#simpleNewSimilar .thumbItem .noImage { display: block; padding: 2px; }
#simpleNewSimilar .thumbContent { width: 150px; float: left; }
#simpleNewSimilar .thumbContent .thumbHeading { font-weight: bold; }
#simpleNewSimilar .thumbContent .thumbPrice { font-weight: bold; font-size: 14px; color: #d20b0b; padding: 5px 0px 15px 0px; }
#simpleNewSimilar #similarVehicleButton { padding: 10px 10px 0px 0px; }
#configure { margin: 0px 0px 0px 0px; width: 325px; float: left; }
#configure .configRow { height: 25px; border-top: 1px solid #c3c3c3; font-weight:  bold; font-size: 14px; padding: 5px 10px 0px 10px; }
#configure .configRow.white { background: #FFFFFF; }
#rightCol .newCars .domContent.dt1 .padding { padding: 12px 0px 10px 13px; }
#rightCol .newCars .domContent.dt1 .padding #financeSummary { padding: 5px 15px 0px 0px; }
#configure .configRow .price { float: right; }
#configure .configRow .price.red { color: #d20b0b; }
#configure .tabHeading { padding: 0px 0px 10px 10px; }
#configure #configureHeadings { padding: 5px 15px 0px 0px; }
#configure #configureOptions { height: 160px; overflow: auto; margin: 0px 13px 0px 13px; }
#configure #configureOptions ul { padding: 0px; margin: 0px; list-style: none; }
#configure #configureOptions ul li { float: left; width: 205px; background: url(../images/layup/plus.gif) no-repeat 0px 2px; padding: 0px 0px 0px 15px; }
#configure #configureOptions ul li.open { background: url(../images/layup/minus.gif) no-repeat 0px 2px; }
#configure #configureOptions ul li a { text-decoration: none; display: block; padding: 0px 0px 5px 0px; }
#configure #configureOptions ul li.open {}
#configure #configureOptions ul li.open .listItem { float: right; }
#configure #configureOptions ul li ul { padding: 0px 0px 0px 20px; }
#configure #configureOptions ul li ul li {  background: none; }
#configure #configureOptions ul li ul li .checkRadio { top: 3px; position: inherit; }

/* ----- NEW CAR DETAIL ----- */
#newDetailImage { margin:0 15px 15px 0; padding:3px 0 0 3px; position:relative; float:left; }
#newDetailImage .frame { position:absolute; top:0; left:0; }
p.newDetail { font-size:12px; }

#chooseVariant { display:none; }

#newDetailOptions { display:none; }

#frmNewDetail { display:none; }

/* ----- CAR TAX CALCULATOR */
#frmCarTaxCalc { display:none; }

.taxCosts { width:293px; margin:0 0 20px; }
.taxCosts .padding { padding:15px 20px 0; }
.taxCosts table { width:100%; }
.taxCosts table tr {}
.taxCosts table tr td { color:#555555; font-size:11px; padding:0 0 8px; font-weight:bold; }
.taxCosts table tr td.heading { font-weight:normal; }


/* ----- TESTIMONIALS */
#boxList.testimonials {}
#boxList.testimonials .box { width:297px; height:auto; margin:0 0 10px; }
#boxList.testimonials .box a { text-decoration:none; font-weight:normal; display:block; }
#boxList.testimonials .box .thumb { width:111px; height:83px; padding:0; margin:0 14px 10px 0; float:left; display:inline; /* IE6 DOUBLE SPACING FIX */ }
#boxList.testimonials .box .title { font-size:13px; text-align:left; color:#e6920f; padding:0 0 8px; display:block; }
#boxList.testimonials .box .description { font-size:11px; color:#000000; padding:0 0 8px; display:block; }
#boxList.testimonials .box .link { display:none;  }

/* ----- DOM TABS */
.domContent h2.printShow { display:block; font-size:19px; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline; padding:0 0 13px; }

/* ----- 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 15px 0; font-size:100%; font-weight:bold;}

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

.orangeBold { color:#e58d03; padding:0px 0px 10px 0px; font-weight:bold; font-size:115%;}
.greyBold { color:#393939; padding:0px 0px 10px 0px; font-weight:bold; font-size:115%}

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


/* ----- CAR TAX CALCULATOR */
#frmCarTaxCalc { display:none; }


.taxCosts { width:300px; margin:0 0 20px; }
.taxCosts .padding {}
.taxCosts table { width:100%; }
.taxCosts table tr {}
.taxCosts table tr td { font-size:11px; padding:0 0 5px; font-weight:bold; }
.taxCosts table tr td.heading { font-weight:normal; }

.taxCarDetails { margin:0 0 20px; }
.taxCarDetails .padding { padding:10px 0 0; }
.taxCarDetails .padding table { width:100%; }
.taxCarDetails .padding table td { border-right:1px solid #000; border-bottom:1px solid #000; padding:10px; border-top:none; border-left:none; }
.taxCarDetails .padding table td.last { border-right:none; }
.taxCarDetails .padding table tr.last td { border-bottom:none; }

.taxCosts h2,
.taxCarDetails h2 { font-size:18px; text-transform:uppercase; border-bottom:2px solid #000; }

.taxBtns { display:none; }