/* CSS Document */
@import url("layout.css");
@import url("content.css");
@import url("calltrack.css");

body {
	margin: 0px; 
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-color:#868D91;

}

html, 
body, 
div {
	font-family: Arial, Helvitica, sans-serif; 
/*	font-size: x-small;*/
}



a:link, 
a:visited {
	color:#647177;
	text-decoration: none;
}

a:hover, 
a:active {
		text-decoration: underline;
	}
	


a img {
	border-width: 0; 
	border-style: none;
}


/* branding    */




				/*brandingNav2   */
				#brandingNav2 ul {
					list-style:none;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					}
				
			
				#brandingNav2 li 
				{
					float: left;
					padding: 0px 10px 0px 0px;
					margin: 0px 0px 0px 0px;
					}

	
			/*#nav*/	
        	#nav ul	{								
			list-style:none;
			margin: 20px 0px 0px 30px;
			padding: 0px 0px 0px 0px;								
			}
				
			#nav li{
			float:left;
			padding: 0px 15px 0px 0px;
			margin: 0px 0px 0px 0px;
		
			}
								
			#nav li a:link,
			#nav li a:visited{
		    text-transform: uppercase;
			color: #CCCCCC;
			}
								
			#nav li a:hover,
			#nav li a:active{
		
			color: #fff;
			text-decoration: underline;
	
			}
			

		/*main   */

				/*navWrapper   */
	
				

		
				/*mainWrapper   */

						
											
						

					
						
						
						
						
						
				/*contentWrapper   */

						
						
							#contentWrapper
							{
								clear:both;
								float: left;
								display: block;
								padding: 0px 0px 0px 0px;
								margin: 5px 0px 0px 0px;
								background:#CCCCCC;
								width: 614px;
														
							}	
	
							/*content */
							
									#content{
										width: 317px;
										float: left;
										display: inline;
										margin: 0px 0px 0px 0px;
										padding: 10px 0px 20px 0px;
										
				
									}	
									
									#content .servicing{
										width: 590px;
										
										float: left;
										display: inline;
										margin: 0px 0px 0px 10px;
										padding: 10px 0px 20px 0px;
										
										
				
									}	
									
											#content .servicing h1{
												font-family: Arial, Helvetica, sans-serif;
												font-size: 1em;
												color: #000;
												padding: 0px 0px 0px 0px;
												margin:  0px 0px 0px 0px;
												line-height: 25px;
												
											
				
									}	
																	
											#content .servicing h3{												
												font-size: 0.8em;
												color: #666;
												padding: 0px 0px 0px 0px;
												margin:  0px 0px 0px 0px;
									        }
									        
									        	#content .servicing h4{												
												font-size: 0.8em;
												color: #333;
												padding: 0px 0px 0px 0px;
												margin:  20px 0px 0px 10px;
												font-weight: bold;
									        }
									
											#content .servicing p{
												font-size: 0.7em;
												color: #666;
												padding: 0px 0px 0px 10px;
												margin:  5px 0px 5px 0px;
												}
												
												#content .servicing td td{
												font-size: 0.7em;
												color: #666;
												padding: 0px 0px 0px 10px;
												margin:  5px 0px 5px 0px;
												}
									
									
									
											#content .servicing .servicingContainer{
												width: 580px;
												height:50px;
												float: left;
												display: inline;
												margin: 0px 0px 10px 10px;
												padding: 0px 0px 0px 0px;
												border-bottom: solid 1px;
												
										
										
				
									}	
									
									
									
/* SIDEBAR */			
									
						            
						            
						          
/* recently reduced - sidebar */
#recentleyReduced .reducedUsedCarContainer{
	clear: both;
	float: left;
	display: block;
	width: 286px;
	padding: 5px;
	margin: 5px 0px 5px 0px;											
				
}


#recentleyReduced .reducedUsedCarContainer .reducedUsedCar .reducedUsedCarImage{
	
	float: left;
	display: block;
	padding: 2px;
	margin: 0px 0px 0px 0px;
}

#recentleyReduced .reducedUsedCarContainer .reducedUsedCar .reducedUsedCarImage img{
width: 48px;
}


#recentleyReduced .reducedUsedCarContainer div.reducedUsedCar
{
	border: solid 1px #999;
	float: left;
	display: block;
	margin: 0px 0px 5px 0px;
}
			
	#recentleyReduced .reducedUsedCarContainer a{
	float: left;
				
}
			
	#recentleyReduced .reducedUsedCarContainer .reducedUsedDetail{
	float: left;
	width: 100px;
	
	
				
}
			
													
	.reducedUsedDetail p.reducedUsedTitle{													
	margin: 5px 0px 5px 5px;
	padding: 0px;
	width: 110px;
	font-size: 0.7em;
	color: #666;	
	display: block;
	line-height: 100%;

					  
}


        .reducedUsedDetail p.reducedUsedTitle a:link,
        .reducedUsedDetail p.reducedUsedTitle a:visited{
            	color: #000000;				
                font-family: Arial, Helvetica, sans-serif;
                font-size: 0.8em;		
        }
        
        
        .reducedUsedDetail p.reducedUsedTitle a:hover,
        .reducedUsedDetail p.reducedUsedTitle a:active{
            	text-decoration: underline;
        }	
					
																
															
	.reducedUsedDetail p.reducedUsedMileage{
						
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 0.6em;
	color: #666;	
	display: block;	
	line-height: 100%;
	
											  
}
					
					
	#recentleyReduced .reducedUsedCarContainer .reducedUsedPrice{
	float: left;
	width: 55px;
	margin: 0px 5px 0px 20px;
	padding: 0px;
	font-size: 0.6em;
	color: #666;
	line-height: 100%;
	}
	
	
	        			
        #recentleyReduced .reducedUsedCarContainer .reducedUsedPrice span{
            display: block;
            margin: 5px 0px 0px 0px;
        }


#recentleyReduced .reducedUsedCarContainer .wasUsedPrice{
	float: left;	
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 0.9em;
	color: #FF0000;

	
}	
						
#recentleyReduced .reducedUsedCarContainer .nowUsedPrice{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight:bold;
	font-size: 1.2em;
	color: #666;

}
			
			
/*sidebarOffers */
#sidebarOffers ul	{								
	list-style:none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;								
}

#sidebarOffers li{
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}



/*myFavourites*/

.myFavourites ul{
    margin: 5px 0px 0px 3px;
    padding: 0px;
    list-style: none;
}

        .myFavourites ul li{
            float: left;
            display: inline;
            margin: 0px 5px 0px 5px;
           
        }
        
        
            .myFavourites ul li div.image{
                 display: block;             
                margin: 0px;           
                 border: solid 1px #666;   
                 padding: 2px;                              
            }
            
                      .myFavourites ul li div.image a img{
                        width: 78px;
                      }
            
            .myFavourites ul li input.imageRemove{
                display: block;
                margin: 0px;                       
                  
            }


										
		

		/*  footer--------------------- */
		
		#footer{
			font-size: .6em;
		}

		#footer a:link, 
		#footer a:visited {
			line-height: 130%;
			color:#999;
			text-decoration:none;			
		}
		
		#footer a:hover, 
		#footer a:active {
			text-decoration:underline;
		}
		
			
		#footer p
		{
			color:#999;
		}

