
/*************************** CW MOTOR INSURANCE styles - start ******************************************/
.clear{clear:both;}

/** used in the motor insurance detail page**/
#cwMIOptions{}
#cwMIOptions a{color:#000000;}
.MIBestQuote{margin-bottom:15px;color:#ff4800;background:#fff;clear:both;}
.MIQuote{margin-bottom:15px;background:#fff;color:#000000;}
.MIQuoteLogo{float:left;padding:10px;}
.MIQuoteDetail{width:150px;float:left;text-align:left;font-size:14px;padding:10px;}
.MIQuoteMonthly{font-size:16px;font-weight:bold;padding:0;margin:0;}
#cwMIOptions .MIQuoteButtons a{	font-size:14px;margin-right:20px;margin-top:10px;padding:5px 20px 5px 20px; float:right; background: #eee;	color:#333;	border: 1px solid #ccc;	cursor:pointer;}
.MIQuoteKeyFacts {padding:10px;float:left;padding:10px;width:88px;border:none;}
.MIQuoteRestrictions{text-align:left;}
.cwMImorequotes{float:right;}



/** used in the stock list and finance detail pages **/
div#cwListingQuote .cwSLProduct {	background:#333333;border: #fff 1px solid;margin-top:5px;	float:left; width: 100%;border: solid #000000 1px;}
div#cwListingQuote .cwSLProductTitle{	color:#fff; font-weight: bold;	float:left;	padding:5px;  text-align:left; width:20%;}
div#cwListingQuote .cwSLProductTitle a {font-size: 10px;	font-weight:normal;	color:#fff;}
div#cwListingQuote .cwSLProductDetailLayout{	float:right; background:#fff; padding: 0 0 16px 0; width: 75%;}
div#cwListingQuote div.cwSLProductDetail{color:#000000;background: #fff;	text-align:right; padding:5px 0; font-size:1em;	float:left; width: 380px;}
div.cwSLProductDetail a {font-size: 11px;	font-weight:normal;	color:#999999;text-decoration:none;float:right;margin-right:3px;margin-left:3px;}
div.cwSLProductDetail img {}
div#cwListingQuote .cwSLProductMonthlyPayment{	background: #fff;color:#000000;padding:5px 0 0 5px;font-size:1em; float:right; width: 50px;margin-right:10px;}
/*************************** CW MOTOR INSURANCE styles - end ******************************************/


.cwSLProductCellTitleProductName{float:left; width:175px;padding:6px 0 6px 6px;background-color:#999999;margin:1px;}
.cwSLProductCellTitle{float:left;background-color:#999999;margin:1px;text-align:center;padding:6px 16px 6px 16px;}
.cwSLProductCellTitleMonthlyPayment{float:left;background-color:#999999;margin:1px;text-align:center;padding:6px 14px 6px 14px;width:100px;}

.cwSLProductCellProductName{float:left; width:175px;padding:6px 0 6px 6px;background-color:#cccccc;margin:1px;}
.cwSLProductCell{float:left;background-color:#cccccc;margin:1px;text-align:center;padding:6px 16px 6px 16px;}
.cwSLProductCellMonthlyPayment{float:left;background-color:#cccccc;margin:1px;text-align:center;padding:6px 14px 6px 14px;width:100px;}
/*************************** CW FINANCE (YourCarLoan) styles - start ******************************************/

/************************** GENERAL INFO ***************************************************/
.cwCaveats{font-size:9px;width:60%;float:left; color: #000000;}
.cwDisclaimer, .cwProvidedBy{text-align:right;	font-size:10px;	margin-top:10px; margin-bottom:10px; color: #000000;clear:both;}
.cwTypicalAPR{	font-size: 20px;	text-align:right;	width:40%;	float:right; color: #000000;}



/*************************** CW FORM STYLES - used on stock list and finance details pages ******************************************/
#frmFinanceOptions {} /* ADJUST YOUR FINANCE FORM */
#frmFinanceOptions label {position: relative; top: -5px}

.toolTip {}
.toolTip h3{	color:#000;font-size:14px;}
#WzTtDiV {border: #000 solid 2px;} /* this is the id of the div that is dynamically added to tooltip*/

/*vertical form*/
.cwForm input {	width:83px;	margin:0px 0 5px 0;} /* div around form on finance detail page and sales page if using orientation of vertical*/
.cwForm select {	width:86px;	margin:0px 0 5px 0;}
.cwForm br {	clear:left;	overflow:visible;	height:0;}
div.cwForm{	float:right;	background: #eee;	border: solid 1px #ccc;	padding:5px;}
div.cwForm h3{background: none; color:#333;font-weight:bold;	border-bottom: solid #ccc 1px;	font-size: 1em;	text-align:left;	padding-bottom:8px;}
div.cwForm label {	width:120px;	float:left;	display:block;	margin-right:10px;	text-align:right;	line-height: 20px;	color:#000000;}
div.cwForm .cwSubmit {	width:86px;	margin:10px 20px 5px 0;	font-size: 1em;	background: #ccc;	color: #333;	border: 1px solid #999;	cursor:pointer; }
div.cwForm .cwMainQuestion {	  cursor: help;}	
div.cwForm .cwQuestion {	padding: 0px; padding-left:5px;cursor: help;}

/*horizontal form*/
.cwHorizontalForm input {	width:83px;	margin:0px 0 3px 0;} /* div around form on sales page if using orientation of horizontal*/
.cwHorizontalForm select {	width:86px;	margin:0px 0 5px 0;}
.cwHorizontalForm br {	clear:left;	overflow:visible;	height:0;}
div.cwHorizontalForm{	background: #CCC;	border: solid 1px #333;	padding:5px;font-size:12px;margin: 0 50px 0 0; height: 130px;}
div.cwHorizontalForm h3 {background: none;color:#333; font-weight:bold;	border-bottom: solid #333 1px;	font-size: 1em;	text-align:left;	padding-bottom:8px;}
div.cwHorizontalForm label {margin-right:5px;margin-left:10px;	text-align:right;margin-bottom:50px;color:#000000;font-size:10px;}
div.cwHorizontalForm .cwSubmit {		margin:10px 20px 5px 0;	font-size: 1em;	padding: 4px; background: #ff4800;	color: #000;	border: 1px solid #CCCCCC;	cursor:pointer; float: right;}
div.cwHorizontalForm .cwMainQuestion {	margin-left:10px;	 cursor: help;}	
div.cwHorizontalForm .cwQuestion {	margin-left:3px;  cursor: help;}



/************************** FINANCE DETAILS PAGE STYLES ************************************/
#cwContent{font-family: Arial, Helvetica, sans-serif;padding:10px;text-align:center;width:600px;font-size:12px;	background-color:#fff;}
#cwContent h2 {color: #ff4800;}
.cwHeader{	text-align:left;	font-size:14px;}
.cwDetailsVehicle{float:left;background:#EEE;color:#000;padding:10px;border:solid 1px #fff;	margin-bottom:10px;	overflow:hidden;}
.cwDetailsVehicle h3{width:200px;font-family: Arial;color:#000;font-weight:bold;font-size: 1em;display:block;margin-top:-5px;margin-bottom:5px;text-align:center;	padding-top:0;}
#cwDetailsFormLayout{float:right; width: 50%}
.cwApplicationSubmit {	width:200px;	background: #eee;	color: #333;	border: 1px solid #ccc;	cursor:pointer;}
.cwProductTable{	width:280px;	text-align:left;	margin-bottom:25px;	float:left;	margin-right:10px;}
.cwProductTable td{	border-bottom: 1px solid #eeeeee; color: #000000;}
.cwProductTitleLink{font-weight:normal;	font-size:0.8em;	text-align:right;}
.cwProductTitleLink a{	text-decoration:none;	color: #ff4800;	}	
.cwProductTitleLink a:hover {	color: #ff4800;text-decoration: underline;}
.cwRegPaymentLabel{}
.cwRegPayment{font-weight:bold;text-align:right;}
td.cwApply{padding-top:15px;	padding-bottom:15px;	text-align:center;}
.cwDataLabel{}
.cwData{text-align:right;}
.cwTellMeMore a{text-decoration:none;background: #eee;color:#333;	border: 1px solid #ccc;padding:2px 65px 2px 65px;}

/******************** HELP PAGE STYLES *************************************************/
.cwProductHelp{	background: #efefef;	color: #000000;	padding: 10px;	border: solid 1px #eeeeee;	margin-bottom:10px;	overflow:hidden;	text-align:left;}
.cwProductTitle, .cwProductTitle a{	font-weight:bold;	font-size: 110%;	color: #333;	text-decoration:none;}



/*********************** VD Link  ***************************************/
.cwVDFinanceLink {color:#fff99c; border: solid 1px #fff99c;padding:10px;background-color:#eeeeee;width:300px;font-size:12px;}
.cwVDFinanceLink a{color:#fff;text-decoration:none;}
.cwVDFinanceLink a:hover{color:#fff99c;text-decoration:none;}




/***************************** STOCK LIST CODEWEAVERS STYLES ********************************/

/****** Codeweavers styles for  FOR STOCK LIST DISPLAY 1 - WriteStockWithSmallThumbNails ********/
.SLSmMainTable .cwSLProduct {
	border: #fff 1px solid;margin-top:5px;float:left;	font-family: Arial;font-size: 12px;}
.SLSmMainTable .cwSLProduct .cwSLProductTitle{
	color:#fff;font-weight: bold;	float:left;padding:5px;text-align:left;	width:80px;}
.SLSmMainTable .cwSLProduct .cwSLProductTitle a {
	font-size: 10px;	font-weight:normal;color:red;}
.SLSmMainTable .cwSLProduct .cwSLProductDetailLayout{	
	float:right; 	background:#fff; padding: 0 0 16px 0; width:80%;}
.SLSmMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{	
	background: #fff;text-align:right;padding:5px 0;font-size:1em;float:left;width:400px;}
.SLSmMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{	
	background: #fff;	padding:5px 0;	font-size:1em; float:right; 	width: 40px;}


/****** Codeweavers styles for  FOR STOCK LIST DISPLAY 2 - WriteStockWithThumbNails ********/
.SLAllBG .cwSLProduct {
	border: #000000 1px solid;	margin-top:5px;		float:left;	font-family: Arial; 	font-size: 12px;background:#EAEAEA;}
.SLAllBG .cwSLProduct .cwSLProductTitle{
	color:#000000; 	font-weight: bold;		float:left;	padding:5px;  	text-align:left; 	width:50px;}
.SLAllBG .cwSLProduct .cwSLProductTitle a {
	font-size: 10px;		font-weight:normal;		color:red;}
.SLAllBG .cwSLProduct .cwSLProductDetailLayout{	
	float:right; 	background:#fff; 	padding: 0 0 16px 0; 	width:77%;}
.SLAllBG .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{	
	background: #fff;		text-align:right;	padding:5px 0; 	font-size:1em;	float:left;	width:205px;	}
.SLAllBG .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{	
	background: #fff;	padding:5px 0;	font-size:1em;	float:right; 	width: 40px;}
	
	
	
/****** Codeweavers styles for  FOR STOCK LIST DISPLAY 3 - WriteStockWithThumbNailCheckers ********/
.SLCheckersMainTable .cwSLProduct {
	border: #fff 1px solid;	margin-top:5px;		float:left;	font-family: Arial; 	font-size: 12px;}
.SLCheckersMainTable .cwSLProduct .cwSLProductTitle{
	color:#000000; 	font-weight: bold;		float:left;		padding:5px;  	text-align:left; 	width:50px;}
.SLCheckersMainTable .cwSLProduct .cwSLProductTitle a {
	font-size: 10px;		font-weight:normal;		color:red;}
.SLCheckersMainTable .cwSLProduct .cwSLProductDetailLayout{	
	float:right; 	background:#fff; 	padding: 0 0 16px 0;	width:77%;}
.SLCheckersMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{	
	background: #fff;		text-align:right;	padding:5px 0; 	font-size:1em;	float:left;width:215px;	}
.SLCheckersMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{	
	background: #fff;	padding:5px 0;	font-size:1em;	float:right; 	width: 40px;}
	
	
/****** Codeweavers styles for  FOR STOCK LIST DISPLAY 4 - WriteStockWithLargeThumbNail ********/
.SLLgMainTable .cwSLProduct {
	border: #fff 1px solid;	margin-top:5px;		float:left;	font-family: Arial; 	font-size: 12px; width: 710px;}
.SLLgMainTable .cwSLProduct .cwSLProductTitle{
	color:#000000; 	font-weight: bold;		float:left;		padding:5px;  	text-align:left; 	width:130px;}
.SLLgMainTable .cwSLProduct .cwSLProductTitle a {
	font-size: 10px;		font-weight:normal;		color:#ff6600;}
.SLLgMainTable .cwSLProduct .cwSLProductDetailLayout{	
	float:right; 	background:#fff; 	padding: 0 0 16px 0; 	width:550px;}
.SLLgMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductDetail{	
	background: #fff;		text-align:right;	padding:5px; 	font-size:1em;		float:left;	width:480px;	}
.SLLgMainTable .cwSLProduct .cwSLProductDetailLayout .cwSLProductMonthlyPayment{	
	background: #fff;	padding-left:5px;	font-size:1em; 	float:right; 	width: 40px; margin-right: 10px;}
	
	
/****** Codeweavers styles for  FOR STOCK LIST DISPLAY 5 - WriteStockWithLargeThumbNailDiv ********/
div.cwSLVehicle .cwSLProduct {	border: #fff 1px solid;margin-top:5px;	float:left; width: 711px;}
div.cwSLVehicle .cwSLProductTitle{	color:#fff; font-weight: bold;	float:left;	padding:5px;  text-align:left; width:20%;}
div.cwSLVehicle .cwSLProductTitle a {font-size: 10px;	font-weight:normal;	color:#fff;}
div.cwSLVehicle .cwSLProductDetailLayout{	float:right; background:#fff; padding: 0 0 16px 0; width: 75%;}
div.cwSLVehicle div.cwSLProductDetail{	background: #fff;	text-align:right; padding:5px 0; font-size:1em;	float:left; width: 480px;}
div.cwSLVehicle div.cwSLProductDetail a {font-size: 11px;	font-weight:normal;	color:#999999;text-decoration:none;}
div.cwSLVehicle div.cwSLProductDetail img {float:right;}
div.cwSLVehicle .cwSLProductMonthlyPayment{	background: #fff;padding:5px 0;font-size:1em; float:right; width: 50px;}

/*************************** CW FINANCE (YourCarLoan) styles - start ******************************************/



/******************************************************************************/
/****** STYLES FOR THE PAGING BAR ON ALL STOCK LIST DISPLAYS ******************/
/******************************************************************************/

                                div.SLPagingBar {
                                                width: 724px;
                                                text-align: center;
                                                padding: 10px;
                                }
                                
                                div.SLPagingBar ul {
                                                width: 100%;
                                                text-align: center;
                                                list-style: none;
                                                padding: 0px;
                                                margin: 0px;
                                }
                                
                                div.SLPagingBar ul li {
                                                display: inline-block;
                                                zoom: 1;
                                                *display: inline;
                                                margin: 2px;
                                }
                                
                                div.SLPagingBar ul li a,
                                div.SLPagingBar ul li.SLPNC {
                                                display: inline-block;
                                                height: 20px;
                                                background: #CCC;
                                                padding: 6px 10px;
                                                color: #333;
                                                font: 12px "Verdana", sans-serif;
                                                line-height: 20px;
                                }
                                
                                div.SLPagingBar ul li a:hover {
                                                background: #AAA;
                                }
                                
                                div.SLPagingBar ul li a:active {
                                                background: #DDD;
                                }                               
                                
                                div.SLPagingBar ul li.SLPNC {
                                                font-weight: bold;
                                                *display: inline;
                                }
                                
                                div.SLPagingBar p {
                                                width: 100%;
                                                display: block;
                                                text-align: center;
                                                font: 12px "Verdana", sans-serif;
                                }

