﻿@import url("used.css");

#updatePreOwned{
    float: right;
    font-size: 0.7em;
    margin: 15px 5px 0px 0px;
    
}




/* .usedSearchFields */			


.usedSearchFields{ 
    float: left;
   display: block;
   padding: 0px 0px 0px 0px;
   width: 160px;  
   line-height: 100%;
   background-color: #fff;
}




.usedSearchFields select 
{  
    margin: 5px 0px 0px 0px;
	background-color: #fff;
	border: solid 1px #cccccc;
	font: normal 0.7em arial, verdana;
	color: #333;
	cursor:pointer;
	width: 160px;	
}

.usedSearchFields select.small
{  
    margin: 5px 0px 0px 0px;
	background-color: #fff;
	border: solid 1px #cccccc;
	font: normal 0.7em arial, verdana;
	color: #333;
	cursor:pointer;
	width: 77px;	
	float: left;
}

.usedSearchFields select.smallPadding
{  
    margin: 5px 0px 0px 6px;
	background-color: #fff;
	border: solid 1px #cccccc;
	font: normal 0.7em arial, verdana;
	color: #333;
	cursor:pointer;
	width: 77px;	
	float: left;
}


.usedSearchFields h3{
    clear: both;
    float: left;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    color: #cc0000;
    font-weight: bold;
    font-size: 0.75em;
    width: 170px;
 
}

.usedSearchFields select.monthlySearch
{  
    margin: 5px 5px 0px 0px;
    width: 115px;
    float: left;

}




.usedSearchFields .submitButton
{   
    float: left;
    display: inline;   
    margin: 5px 0px 0px 0px;	    
}

.usedSearchFields .submitButtonLarge
{   
    clear: both;
    float: left;
    display: block;   
    margin: 5px 0px 0px 0px;	
    padding: 0px 0px 0px 0px;
    
}
		
		
						
			
		


				
/* #usedSearchFilters */		

#usedSearchFilters{
	clear: both;		
	float: left;		
	display: block;
	margin: 10px 0px 0px 0px;
    
}

#usedSearchFilters p
{
	clear: both;		
	float: left;		
	display: block;
	height: 31px;
	width: 161px;
	margin: 0px 0px 2px 2px;
  
	
}


#usedSearchFilters input
{
	float: left;
	background: transparent;
	border: none;
	margin: 8px 0px 0px 140px;
}

				
/* #UsedSearchResults */

#usedSearchResults{
    float: left;
    display: block; 
    background-color: #fff;
    margin: 10px 0px 0px 15px;
    padding: 0px 5px 0px 10px;
}

#usedSearchResults td{
    text-align: left;
}

#usedSearchResults p.noModel{
    font-size: 0.8em;
    font-weight: bold;
    color: #000;
  width: 700px;
}


#usedSearchResults .usedCarSearchResultsRow
{	
	height: 90px;
    border-bottom: dotted 1px #666;
    background: url(../images/used-car-row-bg.jpg) repeat-x 0px 10px;	
    background-color: #fff;   
   
    
}

#usedSearchResults .usedCarSearchResultsAlternateRow
{					
	background-color: #fff;
	height: 90px;
	border-bottom: dotted 1px #666;	    
}


#usedSearchResults .usedCarDescriptionRow
{
	padding: 10px 20px 0px 10px;
	
}

#usedSearchResults .usedCarImage{
   padding: 10px 2px 2px 5px;
    
}

#usedSearchResults .usedCarImage a img{
width: 150px;
}


#usedSearchResults .usedRollover{
    background: #fff;
    border: solid 1px #ccc;	
}


#usedSearchResults .usedRollover span
{
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 0.7em;
	color: #cc0000;
	font-weight: bold;
	text-align: left;		
	width: 292px;
	text-transform: capitalize;
}


#usedSearchResults .usedRollover a
{
	clear: both;
	display: block;
	padding: 0px;
	margin: 20px 0px 10px 5px;		
	text-align: left;
	width: 292px; 
	color: #333;
	font-size: 0.8em;
	text-transform: capitalize;
}


#usedSearchResults .usedRollover img
{
	margin: -20px 0px 0px -5px; /* counteract link margin*/
	width: 298px;
}


#usedSearchResults .usedCarDescription
{
    float: left;
	font-size: 1.2em;
	color: #cc0000;
	font-weight: normal;
	font-family: "Gill Sans MT", Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	text-transform: capitalize;
	text-align: left;
}

#usedSearchResults .usedCarColour
{
    display: block;
    float: left;
	font-size: 0.8em;
	color: #666;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
	}
	
#usedSearchResults .usedCarEquipment
{
    clear: both;
    float: left;
    display: block;
	font-size: 0.7em;
	color: #333;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	padding: 0px 0px 0px 0px;
	width: 350px;
	}



#usedSearchResults .usedCarNowPrice
{	
    float: right;
	margin: 0px 10px 0px 0px;		
	text-align: center;
	font-size: 1.2em;
	color: #cc0000;
	font-weight: normal;
	font-family: "Gill Sans MT", Arial, Verdana, sans-serif;

}


#usedSearchResults .usedCarWasPrice
{
    clear: both;
    float: right;
	margin: 0px 10px 0px 0px;		
	color: #666;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	width: 70px;
	text-align: right;
	display: none;
	
}


#usedSearchResults .usedCarOther
{					
	font-size: 0.8em;					
	color: #666;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	display: block;	
	padding-right: 5px;			
}

/*
#usedSearchResults	.usedType
{	
    background-color: #e6eaed;		
	font-weight: bold;
	font-size: 0.6em;
	color:#3E5B99;
	border: solid 1px #ccc;
	margin: 8px 0px 0px 0px;
	padding: 5px;
	vertical-align: top;
	text-transform: uppercase;
	}
	*/


#usedSearchResults .usedExtraInfo{
    clear: both;
    float: left;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    width: 550px;
   
    
}

        #usedSearchResults .usedCAPInfo{   
            float: left;
           margin: 0px;
        }	

          #usedSearchResults .usedCAPInfo .co2_100,
          #usedSearchResults .usedCAPInfo .co2_101_120,
          #usedSearchResults .usedCAPInfo .co2_121_140,
          #usedSearchResults .usedCAPInfo .co2_141_165,
          #usedSearchResults .usedCAPInfo .co2_166_185,
          #usedSearchResults .usedCAPInfo .co2_186_225,
          #usedSearchResults .usedCAPInfo .co2_226{
                float: left;
                margin: 0px;                
                width: 88px;
                height: 38px;             
          }

          #usedSearchResults .usedCAPInfo .co2_100{               
                background: url(../images/used-co2-bg-100.gif) no-repeat top left;                         
          }
           

           #usedSearchResults .usedCAPInfo .co2_101_120{                
                background: url(../images/used-co2-bg-101_120.gif) no-repeat top left;                       
           }
           
           
           #usedSearchResults .usedCAPInfo .co2_121_140{            
                background: url(../images/used-co2-bg-121_140.gif) no-repeat top left;                     
           }
           
           #usedSearchResults .usedCAPInfo .co2_141_165{            
                background: url(../images/used-co2-bg-141_165.gif) no-repeat top left;                     
           }
           
           #usedSearchResults .usedCAPInfo .co2_166_185{            
                background: url(../images/used-co2-bg-166_185.gif) no-repeat top left;                     
           }
           
            #usedSearchResults .usedCAPInfo .co2_186_225{            
                background: url(../images/used-co2-bg-186_225.gif) no-repeat top left;                     
           }
           
           #usedSearchResults .usedCAPInfo .co2_226{            
                background: url(../images/used-co2-bg-226.gif) no-repeat top left;                     
           }
           
           
                    #usedSearchResults .usedCAPInfo .co2_100 span,
                    #usedSearchResults .usedCAPInfo .co2_101_120 span,
                    #usedSearchResults .usedCAPInfo .co2_121_140 span,
                    #usedSearchResults .usedCAPInfo .co2_141_165 span,
                    #usedSearchResults .usedCAPInfo .co2_166_185 span,
                    #usedSearchResults .usedCAPInfo .co2_186_225 span,
                    #usedSearchResults .usedCAPInfo .co2_226 span
                    {
                        float: left;
                        display: block;
                        font-size: 0.6em;
                        color: #000;
                        margin: 18px 0px 0px 5px;                     
                    }
                   
           
           #usedSearchResults .usedCAPInfo .mpg{
                float: left;
                margin: 0px;
                background: url(../images/used-mpg-bg.gif) no-repeat top left;  
                width: 92px;
                height: 38px;                
           }
           
           
                    #usedSearchResults .usedCAPInfo .mpg span
                    {   
                            float: left;
                            display: block;
                            font-size: 0.55em;
                            color: #333;
                            font-weight: bold;
                            margin: 24px 0px 0px 44px;                           
                    }
                           
           
           #usedSearchResults .usedCAPInfo .tax{
                float: left;
                margin: 0px;
                background: url(../images/used-tax-bg.gif) no-repeat top left;
                width: 101px;
                height: 38px;               
               /* display: none; Hide Tax price for now */
           }
           
           
                  #usedSearchResults .usedCAPInfo .tax span
                    {
                            float: left;
                            display: block;
                            font-size: 0.6em;
                            color: #333;
                            font-weight: bold;
                            margin: 20px 0px 0px 52px;                               
                    }
        


        	
        #usedSearchResults .usedTypeIcons
        {   
            float: left;  
            margin: 0px 0px 0px 10px;        
        }
        
          #usedSearchResults .usedTypeIcons img{
            float: left;  
            margin: 0px 5px 0px 0px;    
          }


#usedSearchResults .usedFacts{
    background: url(../images/used-facts-bg.jpg) repeat-x left top;
    height: 64px;
    border-top: dotted 1px #666;
}


        .usedFacts ul{  
            clear: both;
            float: left;
            display: block;
            list-style: none;
            margin: 10px 0px 0px 0px;
            padding: 0px;           
        }


          .usedFacts ul li{
               float: left;            
               width: 95px;
               padding: 10px 2px 0px 5px;
             
             }
             
             .usedFacts ul li.break{            
               padding: 0px 0px 0px 0px;
               width: 1px;
             }
             
            .usedFacts ul li strong,
            .usedFacts ul li span{
                display: block;
            } 
             
              .usedFacts ul li strong{   
                 text-transform: uppercase;
                 color: #333;
                  font-size: 0.6em;
                
             } 
             
             .usedFacts ul li span{
                color: #333;
                font-size: 0.7em;    
             }
         
        

#usedSearchResults .usedMoreInfo{
margin: 5px 0px 10px 0px;
}

#usedSearchResults .paging
{
	font-weight: normal;
	font-size: 0.7em;
	color:#333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#usedSearchResults .pagingInner
{
	padding: 0px 0px 0px 0px;
	float: left;
}

#usedSearchResults .orderBy
{
	padding: 0px 0px 0px 10px;
	float: right;
}



#usedSearchResults .paging select
{
	font-size: 0.9em;
	color: #333;
}

#usedSearchResults .noResults
{
	height: 850px;
	font-weight: bold;
	font-size: 0.7em;
	color:#333;
}

#usedSearchResults .noResults a{
    color: #cc0000;
}




/*CODEWEAVERS USED SEARCH STYLES */


#usedSearchResults .financeUsedCarDetail
{
    clear: both;
    float: left;
    display: block;       
    width: 730px;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
  
}


   
#usedSearchResults .financeUsedCarDetail table,
#usedSearchResults .financeUsedCarDetail table tr td{
    background: inherit;
}

#usedSearchResults .financeUsedCarDetail table{
    clear: both;
    float: left;
    width: 730px;
    border-top: solid 1px #d7d7d7;
    border-left: solid 1px #d7d7d7;
    border-right: solid 1px #d7d7d7;
    margin: 0px;
}

#usedSearchResults .financeUsedCarDetail table tr th{
    background-color: #fff;
    font-size: 0.7em;
    color: #666;
    font-weight: normal;
    border-bottom: solid 1px #d7d7d7;  
    border-left: solid 1px #d7d7d7;
    padding: 2px;
    text-align: center;
}


#usedSearchResults .financeUsedCarDetail table tr td{
    background-color: #f6f6f6;
    font-size: 0.7em;
    color: #4B5665;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 1px #d7d7d7;   
    width: 100px;
    padding: 2px;
    
}

#usedSearchResults .financeUsedCarDetail table tr td.financeProduct{
   text-align: left;
   width: 300px; 
}


#usedSearchResults .financeProduct a:link,
#usedSearchResults .financeProduct a:visited
{
    color: #4B5665;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
   
}


#usedSearchResults .financeProduct a:hover,
#usedSearchResults .financeProduct a:active
{
    text-decoration: underline;     
}



#usedSearchResults .financeProduct a.whatisthis:link,
#usedSearchResults .financeProduct a.whatisthis:visited
{
   
    color: #003399;
    text-decoration: underline;
    font-weight: normal;
    font-size: 0.8em;
    text-transform: none;
}


#usedSearchResults .financeProduct a.whatisthis:hover,
#usedSearchResults .financeProduct a.whatisthis:active
{
    text-decoration: none;
}


#usedSearchResults .financeProduct a.productClick:link,
#usedSearchResults .financeProduct a.productClick:visited
{
    clear: both;
    float: left;
    display: block;
    margin: 5px 0px 0px 0px;
    color: #444;
    text-decoration: underline;
    font-weight: normal;
    font-size: 0.9em;
     text-transform: none;
}


#usedSearchResults .financeProduct a.productClick:hover,
#usedSearchResults .financeProduct a.productClick:active
{
    text-decoration: none;
}







#usedSearchResults .financeUsedCarDetail table tr td.financeProductDetails{
    padding: 5px 0px 5px 0px;
    color: #666;
    text-align: center;
    font-size: 0.6em;
    border-left: solid 1px #d7d7d7;
   
}

#usedSearchResults p.publicError{
    width: 420px;
    text-align: left;
}

#usedSearchResults .typicalAPR{
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    text-align: right;
    font-size: 0.9em;
    
}




/* These will not work in IE6 - Javascript has been added to page to fix this*/
#usedSearchResults .financeProduct:hover,
#usedSearchResults .financeProductDetails:hover

{
    cursor: pointer;
}




#usedSearchResults .noresults{
    width: 720px;
    background: none;
    font-size: 0.8em;    
}


#usedSearchResults .disclosure{
    width: 700px;
    background: none;
    font-size: 0.6em;    
    background-color: #e6e6e6;
    margin: 10px 0px 0px 0px;
    padding: 10px;
}



