html, BODY { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 9pt; 
	color: #000000;
	text-align: center;
}

body { margin: 0; }

TD { 
	font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size : 10pt; 
	color: #000000;  
	font-weight : normal;
}

A { 
	color : #CC0000; 
	text-decoration : none; 
}
A:HOVER { 
	color : #990000; 
	text-decoration : underline; 
}

img { border: 0; }	/* SO WE DON'T HAVE TO PUT BORDER=0 IN IMAGES WITH LINK! */

#wrapper {
	width:892px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #fff;
}

/* Header Div - controls logo, address container */
#headerWrapper {
	text-align: left;
	width: 100%;
	height: 121px;
}

#header {
	width: 100%;
	height: 91px;
	background: #356ec8;
	position: relative;
}

.address {
	width:	230px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	color: #fff;
	text-align: left;
}

#rotation {
	width:100%;
	position: relative;
	z-index: 1;
	width: 892px;
	height: 252px;
}

#searchBox {
	width: 240px;
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 10px;
}

/* contains the CSSnav so that it doesn't try to double-up */
#navContainer {
	width: 892px;
	text-align: left;
	height: 30px;
	clear: both;
}


/* on default page only */
#mainContent {
	width: 100%;
	background: #fff url(/images/main_bck.gif) repeat-y top right;
	margin: 0;
}

#Welcome {
	width: 380px;
	overflow: hidden;
	background: #fff url(/images/bckFade.jpg) repeat-x;
	padding: 10px;
	float: right;
	margin-left: 0;
}
html>body #Welcome { width: 365px; }

#invBox {
	width: 507px;
	padding-top: 10px;
	float: left;
	text-align: center;
	margin-left: 0;
}

#vehicleSpecials {
	width: 507px;
	padding: 15px;
	background: #fff url(/images/specialsBkg.jpg) repeat-x;
	border-top: 2px dashed #2c68db;
	border-bottom: 2px dashed #2c68db;
}

html>body #vehicleSpecials { width: 477px; }

.shadow {
	background: url(/images/dropshadow.gif) repeat-x;
	width: 100%;
	height: 8px;
}

/* content box for all subpages */
#Content {
	width: 892px;
	background: #fff;
	text-align: left;
	padding: 10px;
	padding-bottom: 20px;
	color: #000;
}
html>body #Content { width: 872px; }/* FF, Opera, non-IE*/

#footer {
	width: 100%;
	color: #666;
	text-align: left;
	font-size: 11px;
	background: #fff;
	padding-top: 15px;
}
#footer div { margin: 10px; }

#footer a:link, #footer a:active, #footer a:visited { color: #000; font-weight: bold; }
#footer a:hover { color: #cc0000; font-weight: bold; text-decoration: none;}

.title 	  { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #053b91; 
	font-size : 18px;  
}
h1 	  { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #356ec8; 
	font-size : 18px; 
	margin:0; 
}

.subtitle { 
	color: #829ABF; 
	font-size : 13pt; 
	font-weight: bold; 
}

.subhead { 
	color: #053b91; 
	font-size : 15px; 
	font-weight: bold; 
}
.subhead a:link, .subhead a:active, .subhead a:visited { 
	color : #ff0000; 
	text-decoration : none; 
	font-weight: bold; 
}
.subhead a:HOVER { 
	color : MediumBlue; 
	text-decoration : underline; 
}
h2 { 
	color: #000; 
	font-size : 15px; 
	font-weight: bold; 
	margin:0;
}
h2 a:link, h2 a:active, h2 a:visited { 
	color : #000; 
	text-decoration : none; 
	font-weight: bold; 
}
h2 a:HOVER { 
	color : #ccc; 
	text-decoration : underline; 
}


.itemBorder { border: 1px solid #666; }

.bckNav		 { background-color: #000; background-image: url(/images/bckNav.gif); background-repeat: repeat-x; }
.bckBlack	 { background-color: #000; }
.bckWhite	 { background-color: #fff; }
.bckGrayDk	 { background-color: #333; }
.white { color: #fff; }

/*style for Vehicle Specials*/
/* USE INVENTORYSTYLES.CSS FOR THE VEHICLE SPECIALS BOX*/
/*end VS styles*/


.graySm 		{ 
	font-size : 9pt; 
	text-decoration : none; 
	color : #CCCCCC ; 
	font-weight : normal;  
}
.graySm a:link, .graySm a:active, .graySm a:visited	{ 
	text-decoration : none; 
	color : #CCCCCC ; 
	font-weight : normal;  
}
.graySm a:hover	{ 
	text-decoration : underline; 
	color : #ffffff ; 
}

.Sm 		{ 
	font-size : 9pt; 
	text-decoration : none; 
	color : #000000 ; 
	font-weight : normal;  
}
.Sm a:link, .Sm a:active, .Sm a:visited	{ 
	text-decoration : none; 
	color : #000000 ; 
	font-weight : normal;  
}
.Sm a:hover	{ 
	text-decoration : underline; 
	color : #484848 ; 
}

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}		
.left {float:left;}
.right{float:right;}
.clear{clear:both;}
.clearRight { clear:right; }
.inline { display: inline; }

/* This starts the styles for the new CSS Navigation */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	line-height: 20px; 
	z-index: 55;
	}
	html>body #nav, #nav ul { position: relative; }

#nav a {
	display: block; 
	font-size: 11px;
	color: #000;
	text-decoration: none;
	width: 100%; 
}

#nav a.parent {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

#nav a.parent:hover {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

#nav a:hover {
	background: #e49305; 
	text-decoration: none;
	color: #fff;
}
	
#nav li { 
	float: left;
	white-space: nowrap; 
}

#nav li ul { 
	z-index: 3; 
	border: 1px solid #999; /*border-bottom-style: none; */
	padding: 0px; 
	position: absolute;
	background: #ccc; 
	width: 130px; 
	width: expression('132px'); 
	left: -999em; 
}

#nav li ul li {
	width: 100%;
	/*border-bottom: 1px solid #fff; */ /*this is for the border between dropdown items*/
}

#nav li ul ul { 
	margin: -21px 0 0 130px; 
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto; 
}

