﻿  /* CSS layout */
body, div {
	margin: 0;
	padding: 0;
	background-color: #C0C0C0;
}
body{
	background-color: #C0C0C0;
}


#masthead {
}

#top_nav {
}

#container {
	min-width: 600px;
}

#left_col
{
    width: 210px;
    float: left;
    height: 210px;
    padding: 10px;
    padding-top: 10px;
    clear:left;
}

#page_content
{
    padding: 10px;
    margin-left: 225px;
}

#footer {
	clear: both;
}
#left_col2
{
    padding: 10px;
    width: 210px;
    float: left;
    clip: rect(210px, auto, auto, auto);
    clear: left;
}
.lc_IndentStyle
{
    font-size: small;
    color: #000080;
    margin-left: 20px;
    height: 63px;
    width: 166px;
}
.lc_HeaderStyle
{
    font-family: Verdana;
    font-size: medium;
    font-weight: bold;
    color: #000080;
    text-decoration: none;
}
.lc_CenterStyle
{
    text-align:center;
}
a
{
    color: #003366;
    text-decoration: none;
}
    
    
a:visited
{
    text-decoration:none;
    color:#000099;    
} 

a:hover
{
    color: #0099FF;
}

.menuPanel
{
   
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    
}
#topnav	{
	float:left;
	display:block;
	
	height: 37px;
	width: 910px;

	
	}
#topnav1	{
	float:left;
	display:block;
	background:url('../Images4Menu/HomeBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	
	}
#topnav1:hover	{
	background-position:0 -37px; 
	}
	
#topnav2	{
	float:left;
	display:block;
	background:url('../Images4Menu/ProductsBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	}
#topnav2:hover	{
	background-position:0 -37px; 
	}
#topnav3	{
	float:left;
	display:block;
	background:url('../Images4Menu/LeatherBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	}
#topnav3:hover	{
	background-position:0 -37px; 
	}
#topnav4	{
	float:left;
	display:block;
	background:url('../Images4Menu/SunroofsBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	}
#topnav4:hover	{
	background-position:0 -37px; 
	}
	
	#topnav5	{
	float:left;
	display:block;
	background:url('../Images4Menu/LocationBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	}
#topnav5:hover	{
	background-position:0 -37px; 
	}
	#topnav6	{
	float:left;
	display:block;
	background:url('../Images4Menu/ContactBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	}
#topnav6:hover	{
	background-position:0 -37px; 
	}
	#topnav7	{
	float:left;
	display:block;
	background:url('../Images4Menu/DealerPagesBtn.jpg') no-repeat;
	height: 37px;
	width: 130px; 
	}
#topnav7:hover	{
	background-position:0 -37px; 
}

.menu{
	float:left;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
	
.menu ul{
	
	height:37px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		list-style-type:none;
		padding:0px;
    height: 37px;
    width: 130px;
}
	.menu li a{
	
		color:#fff;
		display:block;
		font-weight:normal;
		line-height:20px;
		margin:0px;
		
		text-align:left;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			/*background:f96060; didn't work*/
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#4c4c4c;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		margin-top:37px;
		border:0px;
		position:absolute;
		width:250px;
		z-index:200;
		
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;		
		width:250px;
		border-bottom:2px solid b7001c; /* #00b606; green line seperator */
		border-top:2px solid #b7001c;
		}
	.menu li:hover li a{
		background:none;
		font-weight:normal;
		}
	.menu li ul a{
		display:block;
		height:35px;
		line-height:35px;
		font-size: 14px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#302e2e;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:both;
		}	




