/* CODEWEAVERS FINANCE CALCULATIONS*/
body.finance{
    background-image: none;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}

.financeCalculator{
    clear: both;
    float: left;
    display: block;
    margin: 0px;
    padding: 15px 5px 0px 10px;
    width: 730px; /* Current width to fix IE6 problem */
    background-color: #EFF1F3;	

    
}
        
        .financeCalculator h4{
             float: left;
             margin: 0px 5px 0px 0px;
             padding: 0px;
             font-size: 0.8em;
        }
        
           .financeCalculator img{
             float: left;
             margin: 0px 15px 0px 2px;
             padding: 0px;            
        }

        .financeCalculatorItem{
            float: left;            
            margin: 0px 10px 0px 0px;            
        }

       
        
        .financeCalculatorButton{
            float: left;            
            margin: 0px 0px 0px 20px;
        }
        
        .financeCalculatorItem label{ 
            float: left;                    
                
            margin: 0px 5px 5px 0px;
            font-size: 0.7em;
            font-weight: normal;
        }
        
           .financeCalculatorItem select, .financeCalculatorItem input{              
               float: left;
                margin: 0px 0px 0px 0px;
                border: solid 1px #7F9DB9;
                font-size: 0.7em;
                background-color: #fff;
                width: 80px;
           } 
           
           .financeErrorText{
            clear: both;
            float: left;
            display: block;
            width: 150px;
           }
     
        
				        
	      /*  .financeCalculator p{
	            float: left;
	            margin: 0px;
	            width: 250px;
	            font-size: 1.1em;	            
	        }*/
	        
	        .financeCalculator .test{	
	           display: none;
	        }
	        

	        
	        
/* CODEWEAVERS FINANCE RESULTS */
.financeResults{   
   clear: both;
    float: left;
    display: block;  
    margin: 5px 0px 0px 0px;
    width: 750px;
    font-size: 0.7em;
	
    }

.financeResults form{
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    }

.financeResults td{
    color: #666666;
}

.financeResults td.monthlyPaymentsHead{
    color: #000;
 
}

.financeResults td.alternativeRow{
    background-color: #f6f6f6;
}

.financeResults td h4{
    display: block;
    width: 237px;
    font-size: 1.1em;
    background-color: #EFF1F3;
    color: #000000;
    margin: 0px 5px 10px 0px;
    padding: 15px 0px 5px 10px;
    
}


a.emailQuote:link,
a.emailQuote:visited{   
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2em;
}

a.emailQuote:hover,
a.emailQuote:active{
    text-decoration: underline;
}


.financeTypicalAPR{
    clear: both;
    float: left;
    display: block;
    width: 740px;
    text-align: right;
    margin: 20px 0px 0px 0px;
    font-size: 1.4em;
    color: #000;
    font-weight: bold; 
    
}

.financeTerms{
    clear: both;
    float: left;
    display:block;
    width: 740px;
    margin: 0px 0px 0px 0px;
    
}
	         	         
.financeTerms p{
    font-size: 0.6em;
    color: #666;
}	        
	 
	
	/*finance rep example*/
.financeRepExample{
    clear: both;
    float: left;
    display: block;
    border-top: solid 1px #637286;
    border-right: solid 1px #637286;
    margin: 10px 0px 10px 0px;
   color: #333;
   font-weight: normal;
   font-size: 0.7em; 
   width: 770px; 
}


.financeRepExample table.financeRepTitle{
  width: 770px; 
   color: #333; 
}

.financeRepExample table.financeRepTitle td.repTitle{
    border-left: solid 1px #637286;
}


.financeRepExample table tr th{ 
   background-color: #637286;
   font-weight: bold;
   border-top: solid 1px #637286;
   border-left: solid 1px #637286;
   border-bottom: solid 1px #637286;
   text-align: left;
   color: #fff;
}

.financeRepExample table.financeRepFigures tr td{  
   border-left: solid 1px #637286;
   border-bottom: solid 1px #637286;
   text-align: left;
}


/*finance rep example - used details page*/
.financeRepExampleDetails{
    clear: both;
    float: left;
    display: block;
    border-top: solid 1px #637286;
    border-right: solid 1px #637286;
    margin: 10px 0px 0px 0px;
   color: #333;
   font-weight: normal;
   font-size: 0.7em; 
   width: 740px; 
}


.financeRepExampleDetails table.financeRepTitle{
  width: 740px; 
   color: #333; 
}

.financeRepExampleDetails table.financeRepTitle td.repTitle{
    border-left: solid 1px #637286;
}


.financeRepExampleDetails table tr th{ 
   background-color: #637286;
   font-weight: bold;
   border-top: solid 1px #637286;
   border-left: solid 1px #637286;
   border-bottom: solid 1px #637286;
   text-align: left;
   color: #fff;
}

.financeRepExampleDetails table.financeRepFigures tr td{  
   border-left: solid 1px #637286;
   border-bottom: solid 1px #637286;
   text-align: left;
}


/*Async Finance additions */


.loadingFinanceRow
{
	font-size: 0.7em;
	color: #666;
	margin: 5px 0px 0px 0px;
}

.loadingFinanceRow img
{
	margin: 0px 5px 0px 0px;
}

a.tooltip2{
    position:relative; /*this is the key*/
    z-index:24; 
    background-color:inherit;
    color:#000;
    text-decoration:none!important
    }

a.tooltip2:hover
{
	z-index:25; 
	background-color:inherit; 
	text-decoration: none!important;
}

a.tooltip2 span
{
	display: none;
	}

a.tooltip2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    font-size: 1.4em;
    font-weight: normal;
    
    /*border:none;
    background-color:#fff; 
    color:#000;
    text-align: center*/
    }