﻿	
/* Used Search */
#preOwnedSearchFields
{
    float: left;
    margin-top: 20px;
    width: 380px;	
    padding-left: 20px;
    padding-top: 18px;
   
}

#preOwnedSearchFields h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
    margin-top: 0px;	
    margin-bottom: 8px;	
    color: #000000;	
}


        #preOwnedSearchFields .usedSearchFields
        {
	        clear:both;
	        display: block;
	        width: 155px;
	        margin: 0px 0px 0px 0px;        	
        }
        
        
                .usedSearchFields p
                {				
                display: block;
                margin: 10px 0px 0px 0px;
                }

                .usedSearchFields label
                {				
	                display: block;
	                font: normal 0.7em  arial, verdana;
	                color: #333;
	                margin: 0px 0px 5px 0px;
                	
                }

                .usedSearchFields input, .usedSearchFields select 
                {
	                display: block;					
	                cursor:pointer;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 11px;
                    font-weight: normal;
                    color: #333333;
                    width: 100px;					
                }


                .usedSearchFields .submitButton
                {
	                background-color: #f6f6f6;
	                border: solid 1px #cccccc;
	                font: bold 0.7em verdana, arial;
	                color: #666;
	                text-transform: uppercase;
	                padding: 3px;
                }
                		
                .usedSearchFields p.inline
                {			
                float: left;	
                display: block;
                width: 70px;
                margin: 10px 0px 0px 0px;
                }
                
 /* used text content */
 
.usedSectionContainer{
    clear: both;
    float: left;
    display: block;
    width: 350px;

}

.usedSectionContainer h2{
 font-size: 0.9em;
}

.usedSectionContainer h3{
 font-size: 0.8em;
}

.usedSectionContainer p{
    font-size: 0.7em;
}



/* used basket */

.usedBasket
{
   clear: both;
	float: left;
	width: 280px;							
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;		
	font-size: 0.7em;

	
}

        .usedBasketSection{
            border: dotted 1px #999;
            vertical-align:top;
            margin-right: 2px;
        }
        
        
        /*  .usedBasket */
				.usedBasket h3 {
					color: #223449;
					font-size: 1.1em;
					margin: 0px;
					padding: 2px;
					background-color: #e3e3e3;

				}


				.usedBasket ul
				{
					float:left;
					display: block;
					list-style:none;
					margin: 5px 0px 5px 0px;
					padding:0px;
				  			
					
				}
			
				.usedBasket li
				{						
					clear:both;	
					float:left;				
					margin: 0px 0px 4px 0px;
					padding: 0px 2px 0px 2px;					
					font-family: Arial, Verdana, sans-serif;
					width: 265px;
				    
				}
				
								
							
				.usedBasket li a:link, 
				.usedBasket li a:visited 
				{
					
					color: #223449;
					font-size: 1em;
					padding: 0px;					
					line-height: 15px;
					text-decoration: none;
					background: none;
				}
				
				.usedBasket li a:hover, 
				.usedBasket li a:active {
					text-decoration: underline;
				}
				
								
				.usedBasket li span
				{				 
					font-size: 1em;
					padding: 0px 0px 0px 0px;
				}
				
				.usedBasket li span.selectedPrice
				{
				    /*display: block;			*/		
				}
				
				.usedBasket li span.otherinfo
				{
				color: #666;
				}
				
				.usedbasket input
				{
				width: 70px;
				}
				
				
				
				
/* Used Search Results */
		        
				/*  #usedNextPrevious */
				#usedNextPrevious a:link, 
				#usedNextPrevious a:visited 
				{
					width: 145px;
					color: #223449;
					font-size: 0.7em;
					padding: 0px 0px 0px 8px;
					line-height: 20px;
					text-decoration: none;
				}
				
				#usedNextPrevious a:hover, 
				#usedNextPrevious a:active {
					text-decoration: underline;
				}
				
				
		
		        #usedSearchResults{
		            float: left;
		           margin: 20px 0px 300px 0px;
		           padding: 10px;
		           border: solid 1px #999;
		           position: relative;
		        }
						
				#usedSearchResults tr td
				{
					padding: 5px 0px 5px 0px;
					vertical-align: top;
				}
				
				#usedSearchResults .usedCarSearchResultsRow
				{				
					background-color: #fff;
				}
				
				#usedSearchResults .usedCarSearchResultsAlternateRow
				{					
					background-color: #fff;
				}
				
				
				#usedSearchResults .usedCarDescriptionRow
				{
					padding: 10px 10px 0px 10px;
				}
				
				#usedSearchResults .usedCarDescription
				{
					font-size: 0.8em;
					color: #333;
					font-weight: bold;
					font-family: Arial, Verdana, sans-serif;
					padding: 0px 0px 0px 0px;
				}
				
				#usedSearchResults .usedCarColour
				{
					font-size: 0.7em;
					color: #666;
					font-weight: normal;
					font-family: Arial, Verdana, sans-serif;
					padding: 0px 0px 0px 0px;
					}
					
			
				.usedCarWasPrice
				{
					font-size: 0.9em;
					color: #333;
					font-weight: normal;
					font-family: Arial, Verdana, sans-serif;
					margin-right: 5px;
				}
				
				 .usedCarNowPrice
				{
					
					font-size: 0.9em;
					color: #333;
					font-weight: bold;
					font-family: Arial, Verdana, sans-serif;
					padding-right: 0px;
				}
				
				#usedSearchResults .usedCarOther
				{					
					font-size: 0.7em;					
					color: #666;
					font-weight: bold;
					font-family: Arial, Verdana, sans-serif;
					display: block;
					width: 70px;		
					padding-right: 0px;			
				}
				
				#usedSearchResults	.usedType
				{			
					font-weight: bold;
					font-size: 0.6em;
					color:#CD1419;
					margin: 8px 0px 0px 0px;
					padding: 0px 10px 0px 0px;
					vertical-align: top;
					text-transform: uppercase;
				}
				
				#usedSearchResults .paging
				{
					font-weight: normal;
					font-size: 0.7em;
					color:#333;
					
				}
				
				#usedSearchResults .pagingInner
				{
					padding: 0px 0px 0px 10px;
					float: left;
				}
				
				#usedSearchResults .pagingInner a
				{
					color: #666;
				}
				
				#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;
				}
				
/* USED CAR IMAGE ROLLOVER */
.usedRollover
{					
	background: #fff;
	border: solid 1px #ccc;	
	
}

		
		.usedRollover span
		{
			clear: both;
				float: left;
			display: block;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 5px;
			font-size: 0.8em;
			color: #333;	
			font-weight: bold;
			text-align: left;		
			width: 300px; 
			
		}
		
		
		.usedRollover a:link,
		.usedRollover a:visited
		{
			clear: both;
			display: block;
			margin: 0px;
			padding: 10px 10px 10px 5px;		
			text-align: left;
			width: 292px; 
			font-size: 0.8em;
		}
		
		.usedRollover a:hover,
		.usedRollover a:active{
		    text-decoration: underline;
		    width: 292px; 
		}
		
		.usedRollover img
		{
		 
			margin: -8px 0px 0px 0px; /* counteract link margin*/
			width: 298px;
		}
		
/* UPDATE PROGRESS PANEL */
#updatePreOwned
{
	position: absolute;
	z-index: 2;	
	top: 200px;
	left: 150px;
	padding: 10px;
	background-color: #ffffff;
	border: solid 1px #333333;
	width: 300px;				
	font: normal 1em Arial, Helvetica, sans-serif;			
	font-size: 0.7em;	
}

#updatePreOwnedPicture
{
	position: absolute;
	z-index: 2;	
	top: 130px;
	left: 265px;
	padding: 10px;
	background-color: #ffffff;
	border: solid 1px #333333;
	width: 270px;				
	font: normal 1em Arial, Helvetica, sans-serif;
	font-size: 0.7em;					
}

#updatePreOwned h1,  #updatePreOwnedPicture h1
{
	margin-top: 0px;
	margin-bottom: 15px;		
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #333;					
}

							
							
							
/* USED CAR DETAILS*/

#usedCarDetailContainer
{
position: relative;
width: 600px;
float: left;
display: block;
margin: 30px 0px 200px 0px;
border: solid 1px #999;
padding: 2px 2px 10px 10px;

}

							
#closebutton{
    float: right;
    display: block;
    width: 10px;  
}



#usedCarDetail 
{
	width: 230px;
	float:left;
	
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#fff;	
	font-size: 0.7em;	
}

        #usedCarDetail h2{
            font-size: 1.4em;
            color: #333;
            margin: 10px 0px 5px 2px;
        }



#usedCarDetail h3{
    background-color:#f0f1f3;
    padding: 5px;
    margin: 10px 0px 5px 2px;
    font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight:bold;
	width: 220px;
}

.usedCarTable 
{
	clear: both;
	margin: 0px 0px 20px 0px;
	border-collapse:collapse;
	width:230px;	
}

.usedCarTable tr.odd{
	background-color:#f0f1f3;
}

.usedCarTable td {
	padding: 5px 5px 5px 10px;
	text-align: left;
	color: #333;
	font-size: 1em;
/*	border: 1px solid #ddd;*/
}

.usedType
{
	color: #ff0000;
}

#usedCarDetail ul
{
	float:left;
	list-style:none;
	margin: 10px 0px 30px 10px;
	padding:0px;
	
}

#usedCarDetail li
{						
	clear:both;	
	float:left;				
	margin: 3px 0px 0px 0px;
	padding:0px;
	font-family: Arial, Verdana, sans-serif;
	/*border-bottom: 2px solid #eee;*/
}

/*.details{
    margin: 0px;
}*/

/* Right side Used Detail */

#usedPicture{
    float: right;   
    font-size: 0.7em;
    width: 350px;

}

#usedPicture h2{
    clear: both;
    float: right;
    margin: 10px 30px 10px 0px;
    font-size: 1.4em;
    color: #333;
}

#usedPicture table{
clear: both;
float: left;
display: block
}

#usedPicture h3{
    clear: both;
    float: left;
    background-color:#f0f1f3;
    padding: 5px;
    margin: 10px 0px 5px 2px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    font-weight:bold;
    width: 340px;
}


.equipment
{
	clear: both;
	display: block;
	margin: 0px 0px 10px 8px;		
	padding: 15px 0px 0px 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;		
	color: #333;
}

.equipment td
{
	padding-right: 5px;
	width: 50%;
}

.contactGroupDetail{
    margin: 10px 0px 0px 0px;
    padding: 5px;
    background-color: #f6f6f6;
    border: solid 1px #666;
}

        .contactGroupDetail p{
            margin: 3px 0px 3px 0px;
            font-size: 1.4em;
            line-height: normal;
            font-weight: bold;
        }
        
        .contactGroupDetail a:link,
        .contactGroupDetail a:visited
        {
            color: #666;
            font-size: 0.7em;
            font-weight: normal;
            text-decoration: none;
            
        }
        
        .contactGroupDetail a:hover,
        .contactGroupDetail a:active
        {
            color: #003399;
            font-size: 0.7em;
            font-weight: normal;
            text-decoration: none;
        
        }
        
        
        /*.displayName{
            font-size: 0.7em;
        }*/

.disclaimer
{
    clear: both;
    width: 500px;
    margin: 20px 0px 20px 8px;		
    padding: 15px 0px 0px 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.7em;		
    color: #666;
}



							


