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

Title:			McCarthy Cars
Author:			John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd
Type:			Print
Description:	Print stylesheet for McCarthy Cars 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; height: 90px; }
#header, #primaryNav, #breadcrumbs, #pageInfo, #searchInfo, #searchInfoBottom, #leftCol, #footer { display: none; }
#mainImage { display: none; }
#featuredHeading, #featuredCars, #homeJumps { display: none; }

/* ----- CMS IMAGE ----- */
.cmsImage { float: right; margin: 0px 0px 15px 15px; position: relative; }
.cmsImage .frame { display: none; }

/* ----- OFFER LIST ----- */
.offer { margin-bottom: 14px; }
.offer img { width: 650px; }
.offer .frame { display: none; }
.offer .btn { display: none; }

/* ----- OFFER DETAIL ----- */
#offerBanner { margin-bottom: 14px; }
#offerBanner .frame { display: none; }
#offerBanner img { width: 650px; }


/* ----- NEWS LIST ----- */
#newsList {}
#newsList .listItem { margin-bottom: 10px; padding-bottom: 13px; background: url(../images/layup/dotsHBlue.gif) bottom left repeat-x; }
#newsList .listItem a { display: block; text-decoration: none; font-weight: normal; }
#newsList .listItem .thumb { display: block; float: left; position: relative; background:url(../images/layup/noImage143x107.gif) 3px 3px no-repeat; width: 143px; height: 107px; padding-left: 3px; padding-top: 3px; }
#newsList .listItem .thumb .frame { display: none; }
#newsList .listItem .title { font-weight: bold; display: block; float: left; width: 460px; margin-left: 15px; margin-top: 8px; padding-bottom: 5px; }
#newsList .listItem .description { display: block; width: 460px; float: left; margin-left: 15px; padding-bottom: 5px; }
#newsList .listItem .btn { display: none; }


/* ----- USED CAR LIST ----- */
#financeOptions { display: none; }
#list .listItem { margin: 10px 0px 0px 0px; width: 650px; }
#list .listItem a { display: block; text-decoration: none; cursor: pointer; width: 650px; }
#list .listItem .thumb { display: block; float: left; position: relative; background: none; width: 217px; height: 163px; border: 1px solid #000; }
#list .listItem .thumb .frame { display: none; }
#list .listItem .details { display: block; padding: 0px 0px 14px 10px; float: left; width: 421px; height: 140px; background: none; }
#list .listItem .details .title { display: block; background: none; font-size: 1.1em; padding: 0px 0px 14px 0px; }
#list .listItem .details .spec { display: block; font-size: 0.9em; padding: 7px 0px 0px 0px; width: 421px; color: #707070; }
#list .listItem .details .spec .specItem { display: block; width: 210px; float: left; padding-bottom: 4px; }
#list .listItem .details .spec .specItem span { display: block; float: left; width: 90px; }
#list .listItem .details .price { display: block; float: left; color: #8c0d0d; font-size: 1.3em; padding: 0px; font-weight: bold; padding-top: 7px; }
#list .listItem .details .btn { display: none; }
.finance { margin: 11px 0px 0px 0px; padding: 0px; background: none; height: 65px; width: 650px; font-size: 0.9em; }
.finance .getFinance { display: block; width: 150px; padding: 8px 0px 0px 0px; float:left; color: #747474; }
.finance .getFinance .title { color: #003659; font-weight: bold; padding-bottom: 5px; }
.finance .getFinance a { display: none !important; }
.finance .financeExample { display: block; width: 488px; padding: 8px 0px 0px 10px; float:left; color: #747474; }
.finance .financeExample .title { color: #003659; font-weight: bold; padding-bottom: 5px; }
.finance .financeExample a { display: none !important; }

/* ----- USED CAR DETAIL ----- */
#vehicleImagery { width: 650px; }
#vehiclePhoto { margin: 0px; width: 288px; height: 216px; border: 2px solid #7f0400; position: relative; float: left; }
#vehiclePhoto img { width: 288px; }
#vehiclePhoto .frame { display: none; }
#vehiclePhoto div { display: none; }

.locationHeading { padding: 5px 0px 5px 0px; font-weight: bold; }

#vehicleInfo { display: none; }
#vehicleThumbs { width: 344px; position: relative; float:right; }
#vehicleThumbs .thumbnailPage { margin-bottom: 1px; }
#vehicleThumbs .thumb { float: left; margin: 0px 14px 18px 0px; position: relative; display: inline; border: 2px solid #7f0400; }
#vehicleThumbs .thumb.last { margin-right:0px !important; }
#vehicleThumbs .thumb img { width: 100px; }
#vehicleThumbs .thumb .frame { display: none; }
#vehicleThumbs .nextThumbnailPage { display: none; }
#vehicleThumbs .printVehicleTitle { width: 328px; clear: both; padding: 4px 6px; font-size: 11px; font-weight: bold; }
#vehicleInfo { float: right; width: 308px; }
#vehicleInfo .title { color: #4d4d4d; font-weight: bold; font-size: 1.0em; }
#vehicleInfo .priceLocation { background: none; padding: 22px 0px 0px 0px; width: 308px; }
#vehicleInfo .price { width: 308px; color: #fff; font-size: 1.2em; font-weight: bold; margin-bottom: 20px; }
#vehicleInfo .price span { font-size: 1.5em; }
#vehicleInfo .location { float: right; width: 308px; font-size: 1.2em; color: #fff; font-weight: bold; }
#vehicleInfo .location span { font-size: 1.5em; }
#vehicleInfo .titleBottom { display: none; }
.printPrice { display: block; width: 650px; height: 35px; position: relative; }
.printPrice .price { width: 288px; text-align: center; text-transform: uppercase; font-size: 24px; color: #2c4a80; padding: 6px 0px 10px 0px; }
.printPrice .callUs { position: absolute; top: 8px; right: 0; }
#vehicleOptions { display: none; }
#greenGuide { display: none; }

.domTabs { padding-bottom: 0px; padding-top: 0px; width: 650px; }
ul.domHeadings { display: none; }
.domContent { background: none; padding: 10px 0px 0px 0px; }
.domContent .heading { display: none; }
.domContent table td { padding: 2px 0px 2px 0px; }
.dt1, .dt2, .dt3, .dt4 { display: block !important; }
.tabset_print { display: block; padding: 0; margin: 0 0 12px 0; list-style: none; }
.tabset_print li { padding: 0; margin: 0; }
/* finance summary */
.dt3, .dt4 { display: none !important; }
#financeSummary { padding-top: 0px; }
#tblContainerFinance table th {color: #003659; font-weight: bold; font-size: 1.2em; padding: 0px 0px 5px 0px; }
#tblContainerFinance table td { padding: 3px 0px 3px 0px; }
#printGreenGuide { display: block; padding-top: 10px; }
#printGreenGuide .headingGreenMeter { height: 55px; }
#printGreenGuide .sliderGreen { position: relative; float: left; width: 200px; }
#printGreenGuide .sliderGreen .bubblePoor { width: 45px; height: 35px; background: none; position: absolute; top: 30px; left: 0px; }
#printGreenGuide .sliderGreen .bubblePoor .printBubblePoor { display: block; }
#printGreenGuide .sliderGreen .bubblePoor .printBubbleMedium { display: none; }
#printGreenGuide .sliderGreen .bubblePoor .printBubbleGood { display: none; }
#printGreenGuide .sliderGreen .bubbleFair { width: 45px; height: 35px; background: none; position: absolute; top: 30px; left: 0px; }
#printGreenGuide .sliderGreen .bubbleFair .printBubblePoor { display: none; }
#printGreenGuide .sliderGreen .bubbleFair .printBubbleMedium { display: block; }
#printGreenGuide .sliderGreen .bubbleFair .printBubbleGood { display: none; }
#printGreenGuide .sliderGreen .bubbleGood { width: 45px; height: 35px; background: none; position: absolute; top: 30px; left: 0px; }
#printGreenGuide .sliderGreen .bubbleGood .printBubblePoor { display: none; }
#printGreenGuide .sliderGreen .bubbleGood .printBubbleMedium { display: none; }
#printGreenGuide .sliderGreen .bubbleGood .printBubbleGood { display: block; }
#printGreenGuide .green { float: left; width: 250px; color: #00479a; margin-top: 5px; margin-bottom: 15px; }
#printGreenGuide .green img { display: inline; }

/* ----- LOCATIONS MAP ----- */
#locationsMap { position: relative; }
#locationsMap img { width: 650px; }
#locationsMap a { display: block; position: absolute; background: none; }
#locationsMap #detailsClapham { width: 14px; height: 14px; top: 92px; left: 328px; }
#locationsMap #bubbleClapham { position: absolute; width: 176px; height: 96px; top: -80px; left: -66px; display: block; }
#locationsMap #bubbleClapham img { width: 158px; }
#locationsMap #detailsCroydon1 { width: 14px; height: 14px; top: 241px; left: 363px; }
#locationsMap #bubbleCroydon1 { position: absolute; width: 176px; height: 96px; top: -93px; left: -69px; display: block; }
#locationsMap #bubbleCroydon1 img { width: 158px; }
#locationsMap #detailsCroydon2 { width: 14px; height: 14px; top: 256px; left: 355px; }
#locationsMap #bubbleCroydon2 { position: absolute; width: 176px; height: 96px; top: -28px; left: -146px; display: block; }
#locationsMap #bubbleCroydon2 img { width: 158px; }
#getDirections { display: none; }

/* ----- CONTACT ----- */
#ourLocations { float: right; width: 650px; }
#ourLocations .locationsBox { width:315px; float: left; border: 1px solid #000; color: #000; font-size: 0.9em; margin-bottom: 20px; margin-right: 5px; }
#ourLocations .locationsBox img { display: none; }
#ourLocations .locationsBox .title { background: none; width: 305px; float: left; display: inline; margin: 0px 0px 10px 0px; padding: 8px 0px 10px 20px; text-transform: uppercase; font-weight: bold; color: #931c1c; font-size: 1.3em;  }
#ourLocations .locationsBox .col1 { float: left; width: 305px; padding: 0px 0px 8px 20px; }
#ourLocations .locationsBox .col2 { float: left; width: 305px; padding: 0px 0px 8px 20px; }

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

/* ----- ACCREDITATIONS AND FOOTER ----- */
#accreditations { display: none; }
#printFooter { display: block; }

/* ----- 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; }
h1 { color: #003659; font-size: 1.4em; }
h2 { color: #931c1c; font-size: 1.1em; }
p { padding:0 0 15px 0; margin:0; }

/* ----- 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:#0033FF; }
.checkRadio { width:20px; position:relative; left:-7px; }
#frmContact { margin-bottom: 0px; }
#frmContact p { padding:7px 0; }
#frmContact select { width:204px; }
#frmContact div { margin-bottom:4px; }
#btnSubmit { width:55px; height:18px; border:none; }
#contactFormBox img { display: none; }
#formBox { display: none; }
#submit { width:79px !important; height:29px !important; 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; }