@import url("codeweavers.css"); /* codeweavers styles for used detail page */

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

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

Type: Print

Description : Print stylesheet for West London Motor Group 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; }
#header, 
#primaryNav, 
#breadcrumbs, 
#pageInfo, 
#searchInfo, 
#footer,
#leftCol,
#groupJumps,
#groupSecondaryJumps,
#groupNews,
#breadcrumbsContainer,
.frame,
#strapLine,
#secondaryNav,
#newCarForm,
#newcarJumps,
.domHeadings,
.btns,
#vehicleSelect,
#servicingSteps,
#sortOptions,
#adjustFinance,
#offerTabs,
#offerForm,
.usedJumps,
.cwTab,
#cwFinanceOptions,
#franchiseFlash,
#franchiseJumps,
#franchiseSecondaryJumps,
#homeFlash { display: none; }



.domContent { display: block !important; }

#printHeader { margin-bottom: 20px; }


/* ----- CMS IMAGE ----- */
.cmsImage { float: right; margin: 0px 0px 15px 15px; }


/* ----- BOX LIST ----- */
#boxList .box { width: 200px; float: left; border-bottom: 1px solid #b4b4b3; padding-bottom: 10px; margin-bottom: 15px; margin-right: 5px; }
#boxList .box.lastItem { margin-right: 0px; }
#boxList .box a { display: block; text-decoration: none; font-weight: normal; }
#boxList .box .thumb { display: block; width: 200px; height: 150px; padding: 4px; margin-bottom: 15px; }
#boxList .box .title { display: block; padding: 0px 5px 0px 5px; }
#boxList .box .title .vehicle { display: block; color: #62625c; font-size: 1.1em; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; }
#boxList .box .title .btnGo { display: none; }


/* ----- NEW CAR DETAIL ----- */
#newCarImage { float: right; margin: 0px ; width: 320px; }
#newCarImage .thumb { width: 320px; height: 240px; position: relative; padding: 0px; float: right; }
#newCarImage .thumb .frame { display:none;}
#vehicleHeading { margin-top: 15px; font-size: 1.8em; font-weight: normal; margin-bottom: 10px; width: auto; float: left;  padding-left:26px; }
#vehicleHeading .model { display: block; padding-bottom: 0; }
#vehicleHeading .price { display: block; padding-bottom: 10px; }
#locationForm { width: 311px; float: left; clear: left; padding-top: 4px; }
#locationForm .contactNumber { font-weight: bold; font-size: 1.6em; color: #d82a21; margin-bottom: 14px; }
#locationForm #newCarForm { width: 311px; height: 194px; background: url(../images/layup/newcarForm-Bg.gif) no-repeat; }
#locationForm #newCarForm form { padding: 35px 10px 0px 10px; }
#locationForm #newCarForm form label { width: 102px; }
#locationForm #newCarForm form input.inputfield { width: 180px; }
#locationForm #newCarForm form textarea { width: 180px; height: 37px; }
#locationForm #newCarForm form div { margin-bottom: 4px; }
#newcarJumps { width: 330px; float: left; margin-bottom: 14px; }
#newcarJumps a { float: left; display: block; margin-right: 2px; }
#vehicleCustomise .domContent,
#vehicleCustomise .domContent a { color: #000000; }
#vehicleCustomise #configOptions { padding: 15px 6px 0px 6px; margin-bottom: 10px; }
#vehicleCustomise #configOptions #colorOptions { border-bottom: 1px solid #34343e; margin-bottom: 5px; padding-bottom: 5px; }
#vehicleCustomise #configOptions #colorOptions a { display: block; width: 14px; height: 14px; float: left; margin: 8px 12px 8px 0px; border: 1px solid #FFFFFF; cursor: default; }
#vehicleCustomise #configOptions #colorOptions a#clrBlack { background: #000000; }
#vehicleCustomise #configOptions #colorOptions a#clrBlue { background: #0a47c9; }
#vehicleCustomise #configOptions #colorOptions a#clrGrey { background: #666666; }
#vehicleCustomise #configOptions #colorOptions a#clrGreen { background: #8fa980; }
#vehicleCustomise #configOptions #colorOptions a#clrRed { background: #932e2e; }
#vehicleCustomise #configOptions #colorOptions a#clrSilver { background: #b9b9b9; }
#vehicleCustomise #configOptions #colorOptions a#clrWhite { background: #fdfdfd; }
#vehicleCustomise #configOptions form fieldset { display: block; }
#vehicleCustomise #configOptions form table { width: 100%; }
#vehicleCustomise #configOptions form table tr td { }
#vehicleCustomise #configOptions form table tr.subRow td { background: none; border-bottom: none; padding-top: 2px; padding-bottom: 2px; }
#vehicleCustomise #configOptions form table td { padding: 4px; }
#vehicleCustomise #configOptions form table th { padding: 4px 4px 10px 0px;  }
#vehicleCustomise #configOptions form table td.plus { padding: 6px; width: 15px; height: 15px; cursor: pointer; }
#vehicleCustomise #configOptions form table td.minus { padding: 6px; width: 15px; height: 15px; cursor: pointer; }
#vehicleCustomise #configOptions #vehicleSelect { padding: 13px 20px 13px 0px;  margin-bottom: 10px; }
#vehicleCustomise #configOptions #vehicleSelect form .selectOptions { width: 170px; float: left; }
#vehicleCustomise #configOptions #vehicleSelect form .selectOptions select { width: 170px; height: 20px; margin-bottom: 2px; }
#vehicleCustomise #configOptions #vehicleSelect form #btnSelectVehicle { width: 90px; height: 25px; float: right; margin-top: 8px; }
#vehicleCustomise #priceTable { color: #000000; padding-left: 6px; margin-bottom: 10px; }
#vehicleCustomise #priceTable table { background: #a5a5a6; border-collapse: separate; width: 100%; text-align: center; }
#vehicleCustomise #priceTable table td,
#vehicleCustomise #priceTable table th { background: #ececee; padding: 3px 6px 3px 6px; text-align: center; }
#vehicleCustomise #priceTable table tbody td { border-right: 1px solid #a5a5a6; }
#vehicleCustomise #priceTable table th { border-top: 1px solid #a5a5a6; border-right: 1px solid #a5a5a6; border-bottom: 1px solid #a5a5a6; }
#vehicleCustomise #priceTable table tr.top td { padding-top: 15px; }
#vehicleCustomise #priceTable table tr.bottom td { padding-bottom: 10px; }
#vehicleCustomise #priceTable table tfoot td { background: #8B8889; color: #FFF; font-weight: bold; }
#vehicleCustomise #priceTable table tfoot tr.border td { border-top: 1px solid #a5a5a6; border-right: 1px solid #a5a5a6; border-bottom: 1px solid #a5a5a6; }
#vehicleCustomise #priceTable table tfoot tr.footPadding { height: 30px; }
#vehicleCustomise .btns { float: right; padding-right: 6px; }
#vehicleCustomise p.terms { padding: 7px; }
#vehicleSpec #newCarOverview table { width: 100%; }
#vehicleSpec #newCarOverview table td { padding: 6px 6px 5px 6px; background: #ebebeb; }
#vehicleSpec #newCarOverview table tr.altRow td { background: #fafafa; }

.locationPrint { font-size:12px; line-height:25px; padding-left:26px; }
.locationPrint .place { font-size:18px; }
.locationPrint .address { font-size:14px;}
.locationPrint .phone { font-size:18px; color:#da0303}






/* ----- CONTACT PAGE ----- */
#contactNumbers { float: right; margin-bottom: 20px; }
#contactNumbers td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #696566; }
#contactAddress { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #000000; float: left; margin-bottom: 20px; }
#contactInformation { padding: 15px; background: #e1e1e1; }
#contactInformation #contactLeft { width: 281px; float: left; }
#contactInformation #contactLeft #map { border: 1px solid #FFFFFF; margin-bottom: 10px; }
#contactInformation #contactLeft #googleDirections { display: none; }
#contactInformation #contactLeft #contactForm { display: none; }
#contactInformation #contactRight { }
#contactInformation #contactRight .btnPrint { display: none; }
#contactInformation #contactRight #openingHours { padding: 40px 15px 65px 15px; }
#contactInformation #contactRight #openingHours h2 { font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid #9b9999; padding-bottom: 5px; margin-bottom: 10px; color: #ffffff; }
#contactInformation #contactRight #openingHours table { width: 100%; color: #FFFFFF; }
#contactInformation #contactRight #openingHours table tr td { padding: 10px; border-bottom: 1px solid #9b9999; }


/* ----- USED LIST ----- */
#listingBannerContain { display:none; }
#list { font-family: Verdana, Arial, Helvetica, sans-serif; }
#list .listItem { padding-bottom: 20px; }
#list .listItem a { display: block; font-weight: normal; text-decoration: none; position: relative; }
#list .listItem .noImage { display: block; float: left; margin: 0px 0px 15px 0px; width: 220px; position: relative; }
#list .listItem .noImage .thumb { display: block; width: 200px; height: 150px; padding: 4px; margin-bottom: 15px; }
#list .listItem .itemDetails { width: 427px; float: right; }
#list .listItem .itemDetails .title { display: block; width: 427px; height: 26px;  font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
#list .listItem .itemDetails .title .price { float: right; }
#list .listItem .itemDetails .title span { display: block; padding: 5px 10px 5px 10px; }
#list .listItem .itemDetails .specification { cursor: pointer; }
#list .listItem .itemDetails .specification table { width: 427px; }
#list .listItem .itemDetails .specification table td { padding: 5px 5px 5px 10px; background: #eaeaea; }
#list .listItem .itemDetails .specification table td.border { border-right: 1px solid #FFFFFF; }
#list .listItem .itemDetails .specification table tr.altRow td { background: #fafaf9; }
#list .listItem .itemDetails .vehicleLocation { width: 200px; float: left; }
#list .listItem .itemDetails .vehicleLocation .distance { display: block; color: #5e9101; padding: 10px 0px 10px 0px; }
#list .listItem .itemDetails .vehicleLocation .phone { display: block; font-size: 1.6em; color: #d82a21; font-weight: bold; padding-top: 5px; }
#list .listItem .itemDetails .btns { width: 218px; float: right; margin-top: 5px; }
#list .listItem .itemDetails .btns img { margin-bottom: 5px; }
#list .listItem .financeTable table { width: 100%; text-align: center; border-collapse: separate; }
#list .listItem .financeTable th,
#list .listItem .financeTable td { padding: 8px 0px 8px 0px; }
#list .listItem .financeTable th { background: #676666; color: #FFFFFF; font-weight: normal; }
#list .listItem .financeTable th.finance { background: #484747; }
#list .listItem .financeTable td { background: #ececed; }
/* offer list */
#list.offerList .listItem .itemDetails .vehicleLocation a img.float_right{ display: none; }


/* ----- USED DETAIL ----- */
/* ----- USED CAR DETAIL ----- */
#usedCarImage { float: right; margin: 0px 0px 0px 0px; width: 328px; padding-left:26px; }
#usedCarImage .thumb { width: 320px; height: 240px; position: relative; padding: 0px; padding-bottom: 0px; }
#usedVehicleTabs table { width: 598px; }
#usedVehicleTabs table td { padding: 6px 6px 5px 6px; border:1px solid #cdcdcd; }
#usedVehicleTabs table td.leftNone { border-left:none !important; }
#usedVehicleTabs table tr.altRow td { background: #fafafa; }
#usedVehicleTabs #smallTable { float:left; width:280px; margin-top:20px; }
#usedVehicleTabs .domTabs .domContent.dt2 .padding #thumbContainer { background: #FFFFFF; padding: 5px 0px 5px 0px; }
#usedVehicleTabs .domTabs .domContent.dt2 .title { clear: both; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding: 15px 0px 5px 0px; width: 235px; }
#usedVehicleTabs .domTabs .domContent.dt2 a { display: block; float: left; padding-right: 5px; padding-bottom: 5px; }
#usedVehicleTabs .domTabs .domContent.dt2 img { border: 4px solid #dedddd; }
/* thumbs */
#usedCarThumbs { margin-bottom: 20px; }
#usedCarThumbs a { display: block; float: left; }
#usedCarThumbs .thumbImg { float: left; cursor: pointer; width: 70px; height: 51px; background: url(../images/layup/thumbFrame.gif) no-repeat; padding: 4px; margin-right: 5px; }
#usedCarThumbs .thumbImg.last { margin-right: 0px; }
/* jumps */
.usedJumps a { display: block; float: left; margin-right: 10px; }
.usedJumps a.last { margin-right: 0px; margin-left: 2px; }
#locationForm.usedDetail { clear: both; width: auto; }
#locationForm.usedDetail #usedVehicleTabs { padding:0 26px 30px 0 }
#locationForm.usedDetail .domContent { padding: 0 26px; }
#locationForm.usedDetail .domContent.dt2 { display:none !important; }
#locationForm.usedDetail .domContent.dt3 { page-break-before:always; }
#locationForm.usedDetail .domContent #thumbContainer .title { display: none; }
#usedCarImage { width: 650px; height:245px; }
#usedCarImage .thumb { float: left; margin-right: 10px;  padding-left:26px;}
#usedCarImage .usedCarThumbs { float: left;  padding-right:26px;}
#usedCarImage .usedCarThumbs a { margin-bottom: 20px; }
#newHirePurchaseForm .newPCPTable, .newLeasePurchaseTable, .newHirePurchaseTable { height: auto; }


#printEconomy { width:598px; padding:0 26px; margin-bottom:25px; }
#printEconomy table { width:598px; }
#printEconomy table td { border:1px solid #d6d6d6; font-size:14px; color:#000; padding:6px; }

#printFinance { width:598px; padding:20px 26px 0; }
#printFinance table { width:598px; }
#printFinance table td { border:1px solid #d6d6d6; font-size:14px; color:#000; padding:3px 6px; }
#cwCarInsuranceDetails { display: none !important; }
#newHirePurchaseForm {  }
#formTerms { display: none !important; border:none; }
.tableTitle img { display:none !important; }

#cwFinanceDetailedOutput { }
#newHirePurchaseForm td { text-align:left; padding:6px 0 6px 10px !important; border:1px solid #cccccc; }
#newHirePurchaseForm td.borderLeftNo { border-left:none !important; }
#newHirePurchaseForm td.borderRightNo { border-right:none !important; }
#newHirePurchaseForm .financeTablePCP #PCPTableWrapper { padding:0px; }
#newHirePurchaseForm .financeTablePCP, .financeTableLEASE_PURCHASE, .financeTableHP { width:299px; height:auto; margin-bottom:10px;}
#newHirePurchaseForm .financeTableHP #HPTableWrapper {padding:0px; width:100%; }
#newHirePurchaseForm table{ width:299px; }
#newHirePurchaseForm .tableTitle { height:auto; padding:5px 0 0 10px; border:none; border:1px solid #cccccc;  }
#newHirePurchaseForm .tableTitle a { padding:0px; }
#newHirePurchaseForm { padding:0 26px; border:none; }

#printMapDirections { width:598px; padding:20px 26px 0;  }
#printMapDirections #mapImage { float:left; width:320px; height:240px; border:1px solid #d6d6d6; }
#printMapDirections #locationImage { width:245px; height:179px; float:left; margin-left:31px; }
#printMapDirections #printDirections { width:340px; float:left; }
.thanks { margin-top:20px; }

/* ----- OFFER DETAIL ----- */
.financeTitle { padding: 10px 0px 10px 0px; }
.financeTable.offers { padding-bottom: 15px; }
.financeTable.offers table { width: 100%; text-align: center; border-collapse: separate; }
.financeTable.offers th,
.financeTable.offers td { padding: 8px 0px 8px 0px; }
.financeTable.offers th { background: #676666; color: #FFFFFF; font-weight: normal; }
.financeTable.offers th.finance { background: #484747; }
.financeTable.offers td { background: #ececed; }

/* ----- CAREERS */
#navCareers { display:none; }

.careersPadding { padding:0; }

#currOpp { width:650px; }
#currOpp tr {}
#currOpp tr td { font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#75756d; padding:8px; }
#currOpp tr td img { margin:0 auto; }
#currOpp tr.heading td { font-weight:bold; }

#teamMembers { margin:0 0 15px; }
#teamMembers .box { width:148px; margin:0 18px 0 0; float:left; }
#teamMembers .end { margin:0; }
#teamMembers .box a { color:#494946; text-decoration:none; font-weight:normal; display:block; }
#teamMembers .box .thumb { width:148px; height:111px; margin:0 0 10px; position:relative; display:block; }
#teamMembers .box .thumb .frame { display:none; }
#teamMembers .box .name { font-size:12px; font-weight:bold; display:block; }
#teamMembers .box .position { font-size:12px; padding:0 0 10px; display:block; }
#teamMembers .box .description { display:block; }

#teamLocations {}
#teamLocations .title { display:none; }
#teamLocations .box { width:148px; margin:0 18px 10px 0; float:left; }
#teamLocations .end { margin:0 0 10px; }
#teamLocations a { color:#494946; text-decoration:none; font-weight:normal; display:block; }
#teamLocations .thumb { width:148px; height:111px; margin:0 0 10px; position:relative; display:block; } 
#teamLocations .thumb .frame { display:none; }
#teamLocations .location { font-size:12px; font-weight:bold; display:block; }

/* ----- VALUATION ----- */
.valuationTabs { font-size: 1.1em; }
.valuationTabs .domHeadings  { display:none; }
.valuationTabs .domContent { background: #d3d2d2 url(../images/layup/valuationTabContentStep1Bg.gif) bottom left no-repeat; border: 0; position: relative; }
.valuationTabs .domContent .padding { padding: 10px 18px 0px 18px; }
.valuationTabs .domContent .cash { display:none; }
.valuationTabs .domContent h1 { font-size: 2.0em; }
.valuationTabs .domContent .vehicleDetail { background: #f0eded url(../images/layup/valuationTabContentStep2Bg.gif) bottom left no-repeat; padding: 10px 11px 18px 18px; }
.valuationTabs .domContent .vehicleDetail .title { font-size: 1.8em; color: #b00000; padding-bottom: 10px; }
.valuationTabs .domContent .vehicleDetail .thumb { float: left; width: 201px; height: 150px; position: relative; padding: 3px; }
.valuationTabs .domContent .vehicleDetail .thumb .frame { display:none; }
.valuationTabs .domContent .vehicleDetail .detail { float: right; width: 410px; }
.valuationTabs .domContent .vehicleDetail .detail .box { width: 410px; margin: 1px 0px 13px 0px; color:#000; font-size: 1.4em; }
.valuationTabs .domContent .vehicleDetail .detail .box .heading { padding: 11px 10px 12px 10px; }
.valuationTabs .domContent .vehicleDetail .detail .box .price { float: right; width: 147px; padding: 11px 10px 12px 10px; }
.valuationTabs .domContent .vehicleDetail .options  { display:none; }
.valuationTabs .dt1 { display:none !important; }
.valuationTabs .info { display:none !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; }


/* ----- 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; }
.printHeader { display: block; padding: 10px 0px 10px 0px;  }
.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;}
#groupHomeText h1 { font-size: 2.2em; font-weight: normal; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.1em; color: #62625c; font-weight: normal; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #62625c; font-weight: normal; }
p { 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:#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;}


/* ----- APRAISAL FORM ----- */

form#frmAppraisal { float: left; width: 415px; }
form#frmAppraisal div { margin-bottom: 10px; }
form#frmAppraisal label { width: 100px; font-size: 13px; }
form#frmAppraisal input { width: 304px; background: none; border: none; border: 1px solid #000000; }
img.printImg { width: 650px !Important; }


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

/* codeweavers examples */
.cwDisclosure { display:none; }
.codeWeaversExample { display:none; }