﻿body.finance{
    background-image: none;
    background-color: #fff;
}


/* CODEWEAVERS FINANCE CALCULATIONS*/


.financeCalculator{
    clear: both;
    float: left;
    display: block;
    margin: 10px 0px 0px 10px;
    padding: 15px 5px 5px 10px;
    width: 737px; /* Current width to fix IE6 problem */
    background-color: #f6f6f6;
    border: solid 1px #cccccc;	   
               
}

        .financeDetails{
            float: left;
            display: block;
            width: 580px;
            
        }
        
            
                .financeDetails .title{        
                    float: left;
                    display: block;
                }

                 .financeDetails h5{     
                    clear:both;     
                     float: left;
                     margin: 20px 0px 0px 0px;
                     padding: 0px 0px 0px 0px;
                     font-size: 0.8em;  
                     width: 100px;                 
                }
                
            
                .financeCalculatorItem{
                    float: left;            
                    margin: 20px 10px 0px 0px;
                }
                
                .financeCalculatorButton{
                    float: left;            
                    margin: 38px 0px 0px 10px;
                }
                
        
        .financeCalculatorImage{
           float: right;            
           margin: 0px 5px 0px 0px;
        }
        
        .financeCalculatorItem label{            
            display: block;
            margin: 0px 5px 5px 5px;
            font-size: 0.7em;
            font-weight: normal;
        }
        
           .financeCalculatorItem input, .financeCalculatorItem select{    
                display: block;
                margin: 0px 5px 0px 5px;
                border: solid 1px #7F9DB9;
                font-size: 0.7em;
                background-color: #fff;
           } 
           
	             
	        .financeCalculator form{
	            margin: 0px 0px 0px 0px;
	        }
	        
	        
	        .financeErrorText{
	            font-size: 0.7em;
	        }
	        
	        .financeCalculator .financeHelp{
                background-color: #fff;
                font-size: 0.7em;
                width: 250px;
                /*height: 100px;*/
                padding: 0px 5px 5px 0px;
                border: solid 1px #000;
	        }
	        
	          .financeCalculator .financeHelp p{
                    padding: 0px 0px 0px 5px;
	        }

	        .financeCalculator .financeHelp h2{
	            	    background-color: #003366;
				    color: #fff;
				    margin: 0px;
				    padding: 5px;
				    font-size: 0.9em;
				    font-weight: bold;
				    width: 245px;
	        }
	        
	        	      				
			
/* CODEWEAVERS INSURANCE*/

.insurance{
    clear: both;
    float: left;
    display: block;
    margin: 10px 0px 0px 10px;
    padding: 15px 5px 5px 10px;
    width: 737px; /* Current width to fix IE6 problem */
    background-color: #f6f6f6;
    border: solid 1px #cccccc;	   
}

.insurance img{
    display:block;
    margin: 0px 0px 5px 0px;
}

.insurance p{
    float: left;
    margin: 0px;
    width: 620px;
    font-size: 0.7em;	
}

.insurance a{
    float: left;    
    margin: 2px 0px 0px 0px;
}

	 
.insurance .divMonthPrice{
   margin: -5px 0px 0px 0px;
   float: left;
   display: block;
}

.insurance .divMonthPrice .recalculate{
    font-size: 1.5em;
    color: #224466;
    font-weight: bold; 
    margin: 0px;
    padding: 0px;
}

.insurance .perMonth{
    clear: both;
    float: left;
    display: block;
    font-size: 0.7em;
    color: #000;
    font-weight: bold; 
    width: 80px;

}

   /*CODEWEAVERS INSURANCE QUOTE ON USED DETAILS PAGE
.insurance{
    clear: both;
    float: left;
    display: block;
    margin: 10px 0px 5px 0px;
    padding: 10px 0px 10px 10px;
    width: 385px;
    background-color: #EFF1F3;		
             
}

.insurance p{
    float: left;
    margin: 0px;
    width: 250px;
    font-size: 1.1em;
    
}

.insurance a{
    float: left;
    margin: 0px 0px 0px 35px;
}*/
				  


	        
/* CODEWEAVERS FINANCE RESULTS */
.calculator{
    clear: both;
    float: left;
    display: block;
}

.financeResults{
    clear: both;
    float: left;
    display: block;
    margin: 10px 0px 0px 10px;
    width: 740px;
    
        
    	
}

.financeResults form{
    margin: 10px 0px 0px 0px;
    padding: 0px;
   
}

.financeResults td{
    color: #666666;
    font-size: 0.85em;
}

.financeResults td.monthlyPaymentsHead{
    color: #000;
    font-size: 0.9em;
}

.financeResults td.alternativeRow{
    background-color: #f6f6f6;
}

.financeResults td h4{
    display: block;
    width: 237px;
    font-size: 1em;
    background-color: #EFF1F3;
    color: #000000;
    margin: 0px 5px 10px 0px;
    padding: 15px 0px 5px 10px;
    
}


.financeResults a.productClick:link,
.financeResults a.productClick:hover
{
    color: #666;
    text-decoration: none;
    font-weight: normal;
    font-size: 0.9em;
}


.financeResults a.productClick:hover,
.financeResults a.productClick:active
{
    text-decoration: underline;
}


.financeTypicalAPR{
    clear: both;
    float: left;
    display: block;
    width: 740px;
    text-align: right;
    margin: 20px 0px 0px 0px;
    font-size: 1em;
    color: #000;
    font-weight: bold; 
    
}

.financeTerms{
    clear: both;
    float: left;
    display:block;
    width: 740px;
    margin: 20px 0px 10px 10px;
    
}
	         	         
.financeTerms p{
    font-size: 0.6em;
    color: #666;
}	        
	 
