/*

#container 
		#branding
				#logo
				#secondaryNav
		#nav
		#outerWrapper
				#subNav 
				#innerWrapper				
						#mainContent 
							#contentImage
							#contentIntro
						#sidebar
		#footer

dark blue HEX: dark #223449 / 

*/

body {
	margin: 0px; 
	padding: 0px;
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-x;	
	background-position:top center;
	background-color: #000;
}

body.mercedes {	
	background-image: url(../../images/bg-mercedes.jpg);
	background-repeat: repeat-x;	
	background-color: #E5E9EC;
}

body.smart {
	background-image: url(../../images/bg-smart.jpg);	
	background-repeat: repeat-x;	
}

body.cjd {
	background-image: url(../../images/bg-cjd.jpg);	
	background-repeat: repeat-x;	
}


html, 
body, 
div {
	font-family: Arial,  Verdana, sans-serif; 
/*	font-size: x-small;*/
}


/*br {
	clear: both;
}*/

a:link, 
a:visited {
	color:#224466;
	text-decoration: none;
}

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

a img {
	border-width: 0; 
	border-style: none;
}

.mainContentLinksList {
	list-style: none;
	margin: 15px 0px 5px 0px;
}

.mainContentLinksList li {
	background: url(../../images/arrowGreen.gif) no-repeat top left;	
	padding: 0px 0px 10px 0px;	
	margin: 0px;
}

.mainContentLinksList li a
{
	padding-left: 20px;
}


		/*  branding --------------------- */
		
		
				/*  logo --------------------- */
				
				#logo img{
					vertical-align: middle;
					border: 0px;
				}
				#logo h1 {
					color:#ccc;
					font-size: .7em;
					font-weight: normal;
					margin: 0px 0px 0px 32px;
					/*display: inline;*/
				}
			
			
				
					
					
					/*  secondaryNav --------------------- */
				#secondaryNav a 
				{
					color: #555;
					font-size: .7em;
					text-decoration:none;
					padding: 0px;
					margin: 0px;					
					text-align:left;
					text-indent: 10px;
					line-height: 2.6em;
					display:block;
					white-space:nowrap;
					
					
					}
					
				#secondaryNav a:link, 
				#secondaryNav a:visited {	/* menu at rest */
					color: #555;
					text-decoration:none;
					padding: 0px;
					margin: 0px;
					}
					
				#secondaryNav a:hover,
				#secondaryNav a:active {	/* menu at mouse-over  */
					color: #fff;
					}	
				
				#secondaryNav ul {
					list-style:none;
					margin: 0px 0px 0px 10px;
					padding: 0px 0px 0px 0px;
					float:left;
					}
				
			
				#secondaryNav li 
				{
					float: left;
					position:relative;
					min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
					vertical-align: top; /* Sophie Dennis contribution for IE7 */
					padding: 0px 10px 0px 0px;
					margin: 0px 0px 0px 0px;
					}
				
				#secondaryNav ul ul {
					position:absolute;
					z-index:500;
					top:auto;
					display:none;
					padding: 0px 0px 0px 0px;
					margin:0px 0px 0px 0px ;
					background-color: #aeb3b9;
					background-image: none ;
					width: 200px;
					}
				
				#secondaryNav ul ul ul {
					top:0;
					left:100%;
					}
				
				div#secondaryNav li:hover 		
				{
					background-color: #aeb3b9;		
					cursor:pointer;
					z-index:100;
					}
				
				div#secondaryNav li:hover ul ul,
				div#secondaryNav li li:hover ul ul,
				div#secondaryNav li li li:hover ul ul,
				div#secondaryNav li li li li:hover ul ul
				{display:none;}
				
				div#secondaryNav li:hover ul,
				div#secondaryNav li li:hover ul,
				div#secondaryNav li li li:hover ul,
				div#secondaryNav li li li li:hover ul
				{display:block;}
					
					
					
					
				/* thirdNav --------------------- */							
				#thirdNav ul {
					list-style:none;
					margin: 0px 0px 0px 10px;
					padding: 0px 0px 0px 0px;
					float:right;
					}
				
			
				#thirdNav li 
				{
					float: left;
					position:relative;
					min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
					vertical-align: top; /* Sophie Dennis contribution for IE7 */
					padding: 0px 10px 0px 0px;
					margin: 0px 0px 0px 0px;
					}
					
					
					
					
				/*  logo2 --------------------- */
				
				#logo2 img{
					vertical-align: middle;
					border: 0px;
				}
			

		/*  nav --------------------- */
		
		#nav a {
			font-size: .7em;
			text-align:left;
			text-indent: 12px;
			line-height: 3.5em;
			display:block;
		/*	white-space:nowrap;*/
			padding: 0px;
			margin: 0px;
			
			}

		#nav ul ul a {
			line-height: 1.8em;
			}
						
		#nav a:link, 
		#nav a:visited {	/* menu at rest */
			color: #fff;
			text-decoration:none;
			padding: 0px;
			margin: 0px;
			font-weight: bold;
			}
			
		#nav a:hover,
		#nav a:active {	/* menu at mouse-over  */
			color: #fff;
			text-decoration: underline;
			}	
		
		#nav ul {
			list-style:none;
			margin:0px 7px 0px 5px;
			padding:0px 5px 0px 5px;
			float:left;
			}
		
		#nav li 
		{
			clear:both;
			position:relative;
			min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
			vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
			float:left;					
			
		}
		
		#nav ul ul 
		{
			clear:both;
			position:absolute;					
			top:auto;
			display:none;
			padding: 0px 0px 0px 0px;				
			background-color: #A80325;	
			background-image: none;	
		
			}
			
		#nav ul ul li
		{
			clear: both;
			float: left;
			display: block;
			width: 180px; /*IMPORTANT - control the border of sub menu items */		
			padding-right: 0px;				
			margin-left: 5px;
			background: url(../../images/arrow-red-small.gif) top left no-repeat;		
			/*border-bottom: solid 1px #999;*/
		}
		
		/*Force link onto two lines*/
		#nav ul ul li a:link,
		#nav ul ul li a:visited,
		#nav ul ul li a:hover,
		#nav ul ul li a:active
		{		
		    float: left;
		    display: block;
			width: 170px;
		    text-indent: 0px;
		    margin: 0px 0px 0px 10px;					
				
		}
		
		#nav ul ul ul {
				clear:both;
				top:0;
				left:100%;
			}
		
		div#nav li:hover {
			cursor:pointer;
			z-index:100;
			}
		
		div#nav li:hover ul ul,
		div#nav li li:hover ul ul,
		div#nav li li li:hover ul ul,
		div#nav li li li li:hover ul ul
		{display:none;	}
		
		div#nav li:hover ul,
		div#nav li li:hover ul,
		div#nav li li li:hover ul,
		div#nav li li li li:hover ul
		{display:block;		
		 }

		
		/*  outerWrapper --------------------- */

				/*  subNav --------------------- */
				
				
				   #subNav #subnavLogo{
				        float: left;
				        display: block;
				        margin: 10px 0px 10px 0px;
				   }
				
				
				#subNav .subTitle {
                    clear: both;
                    float: left;
                    display: inline;
					color: #223449;
					font-size: 0.7em;
					font-weight: bold;
					margin: 20px 0px 0px 10px;
					padding: 0px 0px 10px 0px;
					width: 150px;
					background: url(../../images/subNavTitle-hr.gif) no-repeat left bottom;
				
				}
				
			
				
							
				
				#subNav ul
				{					
					float:left;
					display:inline;
					list-style:none;
					margin: 10px 0px 30px 10px;
					padding: 0px;
					width: 145px;
					
				}
			
				#subNav li
				{						
					clear:both;	
					float:left;		
					display: inline;		
					margin: 3px 0px 0px 0px;
					padding:0px;
					font-family: Arial, Verdana, sans-serif;
					/*border-bottom: 2px solid #eee;*/
				}
				
						
		
				#subNav li a:link, 
				#subNav li a:visited 
				{
					display:block;
					width: 140px;
					color: #223449;
					font-size: 0.7em;
					padding: 0px 0px 0px 10px;
					line-height: 20px;
					text-decoration: none;
					background: url(../../images/grey-arrow.gif) no-repeat 0px 5px;
				}
				
				#subNav li a:hover, 
				#subNav li a:active {
					text-decoration: underline;
				}

		
				#subNav img
				{
					margin: 10px 0px 0px 0px;
					padding: 0px;
					float: left;
				}	
		
				/*  innerWrapper --------------------- */


						/*  mainContent --------------------- */
						
								/*  contentImageTop --------------------- */

								#contentImageTop img
								{
									margin: 0px;
									padding: 0px;
									float: left;
								}	

								/*  contentHeading --------------------- */
		
								#contentHeading h3 {
									margin: 5px 0px 0px 0px;
									padding: 0px 0px 0px 10px;
									color:#999;
									font-size: 0.6em;
									font-weight: normal;	
								}
					
								#contentHeading h1 {
									margin: 5px 0px 5px 0px;
									padding: 0px 0px 0px 10px;
									color:#223449;
									font-size: 1.1em;
									font-weight: normal;
									position: absolute;
									bottom: 0px;
									left: 0px;	
								}
					
								/* contentImage ------------- */
								#contentImage .imageTitle
								{
									font-size: 0.7em;										
									color: #333;
									padding: 5px;
									font-style: italic;
									background-color: #efefef;
								}
								
								
								/* contentImageSmall ------------- */
								#contentImageSmall img{
								    width: 260px;
								    margin: 10px 0px 0px 10px;
								}
								
								#contentImageSmall .imageTitle
								{
									font-size: 0.8em;										
									color: #333;
									padding: 5px;
									font-style: italic;
									background-color: #efefef;
									margin: 0px 0px 5px 10px;
								}
								
								/*  content --------------------- */
		
								#content h1 {
									margin: 0px 0px 0px 0px;
									padding: 10px 0px 0px 10px;
									color:#223449;
									font-size: 1.1em;
									font-weight: normal;	
								}
					
										
								#content p, #content td{
									
									font-size: 0.7em;
									margin: 10px 10px 0px 10px;
									line-height: 140%;
									color: #333;
								}
								
								#content ul, #content ol
								{
									color:#333;
									font-size: 0.7em;
									line-height: 140%;
								}
								
								#content table td.highlighted{
                       	            font-weight: bold;									
						            color: #223449;
						            font-size: 0.9em;
			                    }
								
											
								#content h2 {
									color:#223449;
									font-size: 0.8em;
									margin: 10px 10px 0px 10px;
								
								}
								
								/*new car overview pages*/
								#content td td h2 {
									color:#223449;
									font-size: 1.1em;
									margin: 15px 10px 10px 10px;
								
								}
								
								#content h3 {
									color:#666;
									font-size: 0.8em;
									margin: 10px 10px 0px 10px;
								}
								
								#content a:link, 
								#content a:visited {
									color:#223449;
									text-decoration: underline;
								}
								
								#content a:hover, 
								#content a:active {
									text-decoration: none;
								}
					
								#content ul.promotion
								{
								    float: left;
								    clear: both;
									display: block;
									list-style:none;
									margin: 20px 0px 30px 10px;
									padding: 0px;
									font-size: 0.9em;
									width: 450px;
									
								}
							
								#content li.promotion
								{								  			
									float:left;																
									margin: 3px 0px 5px 0px;
									padding: 0px 0px 0px 10px;								
									font-family: Arial, Verdana, sans-serif;
									font-size: 1.1em;
									background: url(../../images/arrow-blue-small.gif) top left no-repeat;
									/*border-bottom: 2px solid #eee;*/
								}
								
										
						
								#content li.promotion a:link, 
								#content li.promotion a:visited 
								{
									color: #223449;
									font-size: 0.9em;
									padding: 0px 0px 0px 0px;
									line-height: 15px;
									text-decoration: none;									
									font-weight:bold;
								}
								
								#content li.promotion a:hover, 
								#content li.promotion a:active {
									text-decoration: underline;
								}
								
								/*No Offers label */
								#content #ctl00_wcph_repeaterContent_ctl00_lblNoOffers{
								    font-weight: bold;
								}
								
								
								/* .usedVehicleContentItem */				
								
								        #content .usedVehicleContentItemList{
								            float: left;
								            display: block;
								            width: 200px;
								            margin: 10px 0px 0px 0px;
								        }
								        
                                        #content .usedVehicleContentItem{
                                            float: left;
                                            margin: 10px 0px 0px 0px;
                                            }
																		
								
						                            #content .usedVehicleContentItemList ul{
						                                margin: 10px 0px 0px 10px;
						                                padding: 0px;
						                                list-style: none;
						                            }
                            						
						                                    #content .usedVehicleContentItemList ul li{
						   	                                    background: url(../../images/arrow-blue-small.gif) top left no-repeat;
						   	                                    padding: 0px 0px 0px 10px;		
						                                    }
                            						
						                                            #content .usedVehicleContentItemList ul li a{
					                                                    font-size: 1em;
						                                            }
                                        
                                        /*Finance Calculator */
                                        .landingFinanceCalculator{
                                            clear:both;
                                            float: left;
                                            display: block;								            
                                            margin: 10px 0px 0px 0px;
                                            border: solid 1px #ccc;				   
                                            background-color: #ddd;
                                            margin: 10px 0px 0px 10px;
                                            padding: 10px 0px 10px 10px;
                                            display: block;
                                            width: 500px;		
                                        }
                                        
                                        
                                        #content .landingFinanceCalculator h4{
                                         margin: 0px 0px 5px 2px;
                                         padding: 0px;
                                         font-size: 0.8em;
                                        }
                                        
                                        
                                        #content .landingFinanceCalculator input, 
                                        #content .landingFinanceCalculator select{
                                            display: block;
                                            margin: 0px 5px 0px 0px;
                                            border: solid 1px #7F9DB9;
                                            font-size: 0.9em;
                                            background-color: #fff;
                                        }
                                        
                                           #content .landingFinanceCalculator select{
                                            width: 80px;
                                           }
                                           
                                           #content .landingFinanceCalculator .submitButton{
                                                background-color: #003366;
                                                border: solid 1px #333;
                                                font: bold 0.8em verdana, arial;
                                                color: #fff;
                                                text-transform: uppercase;
                                                text-align: center;
                                                padding: 3px;
                                                width: 150px;
                                                cursor: pointer;
                                           }
                                        
                                       #content .landingFinanceCalculator .financeHelp{
                                            background-color: #fff;
                                            font-size: 0.9em;
                                            width: 250px;
                                            /*height: 100px;*/
                                            padding: 0px 5px 5px 0px;
                                            border: solid 1px #000;
                                        }

                                        #content .landingFinanceCalculator .financeHelp p{
                                            padding: 0px 0px 0px 5px;
                                        }

                                         #content .landingFinanceCalculator .financeHelp h2{
                                            background-color: #003366;
                                            color: #fff;
                                            margin: 0px;
                                            padding: 5px;
                                            font-size: 0.8em;
                                            font-weight: bold;
                                            width: 245px;
                                        }
                                        
								
														
								/* .contentOfferTable --------------------- */
								.contentOfferTable
								{
									border-top: solid 1px #ccc;
									border-right: solid 1px #ccc;
									border-left: solid 1px #ccc;
									margin: 0px 0px 0px 10px;				
									font-size: 0.8em;		
									padding: 0px;		
									font-size: 1.1em;	
								}
								
									#content .contentOfferTable td
									{
										padding: 5px;
										border-bottom: solid 1px #ccc;
										color: #000;
									}
										
									#content .contentOfferTable td.title
									{
										font-weight: bold;
										background-color: #e6e6e6;
										color: #000;
									}
									
									#content .contentOfferTable td.highlighted
									{
										font-weight: bold;									
										color: #b30d11;										
										font-size: 0.9em;
									}
								
								/*  .contentTerms--------------------- */
								#content .contentTerms p{
									color:#666;
									font-size: 0.6em;
									margin: 20px 10px 0px 10px;
								}
				
						
			
								/*  contentTelNo--------------------- */
								#contentTelNo ul{
									margin: 0px 0px 0px 0px;
									padding: 0px;
									float: left;
								}
						
								#contentTelNo li{
									display:inline;	
									margin: 0px 0px 0px 0px;
									padding: 0px;
									vertical-align: top;
								}
			
								#contentTelNo img{
									border: 0px;
									margin: 10px 10px 10px 10px;
								}
								
						/*  sidebar --------------------- */
				        
				        #sidebar h1{
				            margin: 10px 0px 5px 10px;
				            font-size: 1.1em;
				            font-weight: normal;
				            color: #062F65;
				          }
				          
				           #sidebar h2{
				            margin: 10px 0px 5px 10px;
				            font-size: 0.8em;
				            font-weight: bold;
				            color: #000;
				          }
								
						#sidebar img
						{
							
							margin: 0px 0px 0px 0px;
							padding: 0px;
							
						}
						
						#sidebar p{
							color:#666;
							font-size: 0.7em;
							margin: 10px 10px 0px 10px;
							line-height: 140%;
						}
						
						#sidebar p.selectModel{
						    margin: 0px 10px 0px 10px;
						}
						
						#sidebar ul
						{
							float:left;
							display:block;
							list-style:none;
							margin: 0px 0px 10px 10px;
							padding: 0px;
							padding:0px;
							width: 230px;
							
						}
					
						#sidebar li
						{						
							clear:both;	
							float:left;				
							margin: 8px 0px 0px 0px;
							padding: 0px;
							padding:0px;
							font-family: Arial, Verdana, sans-serif;
							/*border-bottom: 2px solid #eee;*/
						}
						
								
				
						#sidebar li a:link, 
						#sidebar li a:visited 
						{
							display:block;
							width: 220px;
							color: #223449;
							font-size: 0.7em;
							padding: 0px 0px 0px 10px;
							line-height: 20px;
							text-decoration: none;
							background: url(../../images/grey-arrow.gif) no-repeat 0px 5px;
						}
						
						#sidebar li a:hover, 
						#sidebar li a:active {
							text-decoration: underline;
						}
						
						#sidebar select
						{
							font-size: 0.9em;
							background-color: #f5f5f5;
							border: solid 1px #ccc;
							width: 240px;
						}
						
				
						/* sidebar Contact */
						#sidebar .sidebarContact
						{
							background-color: #fff;
							margin: 0px;
						}
						
						
						#sidebar .sidebarContact img
						{
							display: block;
							padding: 10px 0px 10px 10px;
							
						}
						
						
					
						
					/* used Benefits */
					#divUsedBenefits	{
					    width: 225px;
					    margin: 10px 0px 0px 10px;
					    background-color: #f7f7f7;
					    padding: 5px;					
					}		
					
					#divUsedBenefits p{
					line-height:1.8em;
					}
					
					/* sideBanner */
					#divSideBanner{					
					    margin: 10px 0px 0px 10px;					    
					    padding: 0px;					
					}		
					
					
		
		/*  footer--------------------- */
		
		#footer{
			font-size: .6em;
		}

		#footer a:link, 
		#footer a:visited {
			line-height: 130%;
			color:#999;
			text-decoration:underline;			
		}
		
		#footer a:hover, 
		#footer a:active 
		{
			color:#666;
			text-decoration:underline;
		}
		
			
		#footer img
		{
			display: block;
			margin-bottom: 10px;
		}	
		
		#footer p
		{
			color:#999;
			font-size: x-small;
			padding: 0px 0px 0px 0px
		}
		
		#footer #footerLeft{
		    float: left;
            width: 850px;
            padding: 0px 0px 0px 10px;
            
		}
		
		#footer #safApproved{
		    float: right;
		    display: block;
		    width: 75px;
		    margin: 20px 10px 0px 10px;
		}
		
		#footer #safApproved a{
		    cursor:default;
		}