/* ----- CODEWEAVER TAB HEADINGS ----- */
.cwTab  { margin: 10px 0px 0px 0px; }
.cwTab .cwtabs { padding: 0; margin:0; list-style:none; height:28px; line-height:normal;}
.cwTab .cwtabs li	{ float:left; margin-right: 2px; }
.cwTab .cwtabs li.last { margin-right:0px; }
.cwTab .cwtabs a { display: block; float: left; }
.cwTab .cwtabs li a.activeTab , .cwTab .cwtabs li a:hover { background:#A5A5A5 url(../images/layup/thBack.gif) repeat-x top right; color: #0D173A; }

.cwTab .cwtabs li#finance a { display: block; width: 137px; height: 28px; background: url(../images/layup/spriteUsedCarTabs.gif) -410px -28px no-repeat; }
.cwTab .cwtabs li#finance a:hover { background: url(../images/layup/spriteUsedCarTabs.gif) -410px 0px no-repeat; }
.cwTab .cwtabs li#finance a.activeTab  { background: url(../images/layup/spriteUsedCarTabs.gif) -410px 0px no-repeat; }
.cwTab .cwtabs li#insurance a { display: block; width: 157px; height: 28px; background: url(../images/layup/spriteUsedCarTabs.gif) -547px -28px no-repeat; }
.cwTab .cwtabs li#insurance a:hover { background: url(../images/layup/spriteUsedCarTabs.gif) -547px 0px no-repeat; }
.cwTab .cwtabs li#insurance a.activeTab { background: url(../images/layup/spriteUsedCarTabs.gif) -547px 0px no-repeat; }

/* ----- LISTING PAGE ----- 
.financeDetailsWrapper { margin-top: 10px; }
.HP_details, .getQuote { display: block; padding: 5px; background: #f1f1f1 url(../images/layup/dataTableTdBack.gif) repeat-x; margin-bottom: 1px; }
.lpDetails { display: block; padding: 5px; background: #ECEFF8 url(../images/layup/dataTableHighlightBack.gif) repeat-x; margin-bottom: 1px; }*/

/* ----- DETAIL PAGE ----- */
.codeWeaversContainer { width: 634px; }
.codeWeaversContainer .codeWeaversMain { padding: 0px; }

/* - HIRE PURCHASE FORM - */
.newHirePurchaseForm { clear: both; position: relative; border-left: 3px solid #c90001; border-right: 3px solid #c90001; border-top: 3px solid #c90001;}
.newHirePurchaseForm label#lblPeriod { width: 108px !important; padding-top: 3px; font-weight: bold; }
.newHirePurchaseForm label#lblDeposit { width: 97px !important; padding-top: 3px; font-weight: bold; }
.newHirePurchaseForm label#lblMileage { width: 106px !important; padding-top: 3px; font-weight: bold; }
.newHirePurchaseForm #btnUpdate { margin:0px; width: 101px; height: 28px; }
.newHirePurchaseForm select, .newHirePurchaseForm input { margin: 3px 0px 0px 0px; }
.newHirePurchaseForm .codeWeaversSubmit { float: left; cursor: pointer; margin-top: 16px; padding-left: 0px; }
.newHirePurchaseForm select { float: left;width: 84px; height: 20px; }
.newHirePurchaseForm input { width: 72px; float: left;margin-top: 3px; }
.newHirePurchaseForm fieldset { background: #efefef; margin-bottom: 10px; padding: 5px 8px 12px 8px; width: 617px; }

/* - FINANCE DETAIL TABLES - */
#cwFinanceDetailedOutput { border-left: 3px solid #c90001; border-right: 3px solid #c90001; border-bottom: 3px solid #c90001; }
#cwFinanceDetailedOutput .newFiguresTable { width: 315px; float: left; border-right: 1px solid #fff; }
#cwFinanceDetailedOutput .newFiguresTable .codeweaversTitle { background: #efefef; border-bottom: 1px solid #fff; color: #c90001; padding: 5px 8px 0px 8px; }
#cwFinanceDetailedOutput .newFiguresTable .TableWrapper { background: #efefef; padding: 13px 8px 13px 8px; }
#cwFinanceDetailedOutput .newFiguresTable h1 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; }
#cwFinanceDetailedOutput .newFiguresTable p { padding: 0px 0px 8px 0px; }
#cwFinanceDetailedOutput .codeWeaversMain table td { padding: 4px; }
#cwFinanceDetailedOutput .usedCarTerms { background: #efefef; padding: 5px 8px 5px 8px; border-top: 1px solid #fff; width: 617px; }

/* - CAR INSURANCE FORM - */
#cwCarInsuranceDetails { background:url(../images/layup/codeWeaversBack.gif) repeat-x top; width: 623px;border-left: 3px solid #c90001; border-right: 3px solid #c90001; border-bottom: 3px solid #c90001; padding-left:10px; padding-top:10px; }
#cwCarInsuranceDetails .formPadding { padding: 8px; }
#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; }

/* ----- LISTING PAGE ----- */
#usedCarListingAdjustFinance { margin: 0px 0px 6px 0px; padding-top: 11px; height: 33px; width: 639px; background: url(../images/layup/usedCarListingAdjustFinance.gif) top left repeat-x; }
#usedCarListingAdjustFinance .adjustFinanceTitle { color: #fff; padding: 3px 0px 2px 12px; font-weight: bold; font-size: 1.1em; }
#usedCarListingAdjustFinance div { float:left; }
#usedCarListingAdjustFinance form { width: 639px; }
#usedCarListingAdjustFinance fieldset { display: block; }
#usedCarListingAdjustFinance label { text-align: right; padding-right: 7px; padding-top: 2px; color: #fff; font-weight: bold; font-size: 1.1em; }
#usedCarListingAdjustFinance select { height: 20px; }
#usedCarListingAdjustFinance input { }
#usedCarListingAdjustFinance #btnUpdate { width: 68px; height: 19px; position: relative; border: none !important; margin-right: 3px; }

/* ----- CODEWEAVERS ON LISTING PAGE ----- */
.HP_details, .getQuote, .loadingQuote, .PCP_details, .loadingDetails, .noQuote { display: block; padding: 2px 5px 2px 5px; background: #f1f1f1 !important; margin: 1px 0px 0px 0px; width: 629px; }
.lpDetails { display: block; padding: 5px; background: #ECEFF8; margin-bottom: 1px; }
.financeDetailsWrapper { margin-bottom: 10px; background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding-bottom: 2px; }
