/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	list-style:none; margin:0; padding:0; font-size:100%;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	display:block;
	position:relative; 
	float:left;
	margin-right:0px;
}

ul.MenuBarHorizontal li a
{
	display:block; font-size:16px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; font-weight:bold; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:inherit; position:relative; letter-spacing:-1px;
}

ul.MenuBarHorizontal li a:hover
{
	background:url(/images/ecvw-nav-hvr.gif); color:#333333;
}

ul.MenuBarHorizontal li a.home {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; font-weight:bold; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:37px;}
ul.MenuBarHorizontal li a.new {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:90px;}
ul.MenuBarHorizontal li a.used {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:140px;}
ul.MenuBarHorizontal li a.special {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:57px;}
ul.MenuBarHorizontal li a.finance {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:52px;}
ul.MenuBarHorizontal li a.service-nav {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:50px;}
ul.MenuBarHorizontal li a.parts {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:38px;}
ul.MenuBarHorizontal li a.contact {display:block; font-size:16px; color: #FFF; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; height:30px; padding:0px 12px 0px 12px; line-height:32px; width:57px;}

ul.MenuBarHorizontal li.seperator {display:block;position:relative; float:left; margin:0; padding:0; background:url(/images/seperator.jpg) top center no-repeat; width:4px; height:32px;}


/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 5020;
	cursor: default;
	width: 176px;
	position: absolute;
	left: -1000em;
	background-color: #222;
	margin-top:1px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 176px;
	border-top:1px solid #222222;
	border-right:1px solid #222222;
	border-left:1px solid #222222;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	margin: 0;
	width: 176px;
	background-color: #000000;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}


/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	width:180px;
}


/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background:url(/images/ecvw-nav-hvr.gif); color: #333333 !important;

}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #333333 !important;

}
ul.MenuBarHorizontal a.MenuBarItemHoverMars, 
{
	color: #000000;
	font-size:13px;

}
ul.MenuBarHorizontal ul li a, ul.MenuBarHorizontal ul li a:visited
{
	display:block; padding:3px 0px 5px 7px; background-color:#666666; color: #CCCCCC; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; width:170px;
}


ul.MenuBarHorizontal li li a:hover
{
	background: #333; color: #EEE !important;
}



ul.MenuBarHorizontal a.MenuBarItemSubmenu:link,ul.MenuBarHorizontal a.MenuBarItemSubmenu:visited,ul.MenuBarHorizontal a.MenuBarItemSubmenu:hover,ul.MenuBarHorizontal a.MenuBarItemSubmenu:active {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	}

ul.MenuBarHorizontal a.MenuBarItemSubmenu:hover,ul.MenuBarHorizontal a.MenuBarItemSubmenu:active {
	color:#333 !important;
	font-size:14px;
	font-weight:bold;
	}





/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;

}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}