
/* -- top navigation buttons -- */

#header #nav
{
	position: relative;
	float: right;
	width: 70.2em;
	height: 2.5em;
	z-index: 90;
}

/* Base Styles */
ul.top-nav, ul.top-nav *
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-nav
{
	line-height: 2.0;
}
ul.top-nav li
{
	float: left;
	position: relative;
}
ul.top-nav a 
{
	display: block;
	position: relative;
	width: 100%;
}

/*------------------------------*/
/* Start Controls Style of li element n levels deep */
/* Tier 2 */
ul.top-nav li ul li
{
	border: solid 0.05em #CCCCCC;
	border-top: 0;
	background: #e1e1e1;
}
/* Tier 3 */
ul.top-nav li ul li ul li
{
	border: solid 0.05em #CCCCCC;
	/*border-left: 0;*/
	border-right: 0;
	background: #e1e1e1;
	height: 1.92em;
}
.top-nav a:link, .top-nav a:visited
{
	color: #666666;
	text-decoration: none;
	width: 100%;
}
/*------------------------------*/


/* Tier 1 - top level ul */
.anchor /* span */
{
	position: absolute;
	top: -15.0em;
}

/* top-nav Company */
ul.top-nav li.li-nav-company a.nav-company
{
	background-image: url('../images/header/nav-companyOff.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
ul.top-nav li.li-nav-company a.nav-company:hover
{
	background-image: url('../images/header/nav-companyOn.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}

/* top-nav MRS */
ul.top-nav li.li-nav-mrs a.nav-mrs
{
	background-image: url('../images/header/nav-mrsOff.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
ul.top-nav li.li-nav-mrs a.nav-mrs:hover
{
	background-image: url('../images/header/nav-mrsOn.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}

/* top-nav Dealer Locator */
ul.top-nav li.li-nav-dealer a.nav-dealer
{
	background-image: url('../images/header/nav-dealerOff.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
ul.top-nav li.li-nav-dealer a.nav-dealer:hover
{
	background-image: url('../images/header/nav-dealerOn.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}

/* top-nav News */
ul.top-nav li.li-nav-products a.nav-products
{
	background-image: url('../images/header/nav-productsOff.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
ul.top-nav li.li-nav-products a.nav-products:hover
{
	background-image: url('../images/header/nav-productsOn.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}

/* top-nav Photo Gallery */
ul.top-nav li.li-nav-gallery a.nav-gallery
{
	background-image: url('../images/header/nav-galleryOff.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
ul.top-nav li.li-nav-gallery a.nav-gallery:hover
{
	background-image: url('../images/header/nav-galleryOn.jpg');
	background-repeat: no-repeat;
	width: 11.2em;
	height: 2.5em;
	float: left;
	display: inline;
}

/* top-nav Information Center */
ul.top-nav li.li-nav-info a.nav-info
{
	background-image: url('../images/header/nav-infoOff.jpg');
	background-repeat: no-repeat;
	width: 14.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
ul.top-nav li.li-nav-info a.nav-info:hover
{
	background-image: url('../images/header/nav-infoOn.jpg');
	background-repeat: no-repeat;
	width: 14.2em;
	height: 2.5em;
	float: left;
	display: inline;
}
/*------------------------------*/


/* Tier 2 Display */

ul.top-nav li ul
{
	position: absolute;
	top: -999em;
	/*width: 100%;*/
}
ul.top-nav li ul li
{
	width: 100%;	
}

/* fixes IE7 'sticky bug' */
ul.top-nav li:hover
{
	visibility: inherit;
}

ul.top-nav li:hover ul, 
ul.top-nav li:hover ul li:hover ul
{
	font-size: 12px;
	width: 100%;
}

ul.top-nav li.li-nav-company:hover ul
{
	left: 0;
	top: 25px;  /* match top ul list item height */
	z-index: 99;
	width: 130px;
}

ul.top-nav li.li-nav-mrs:hover ul
{
	left: 0;
	top: 25px;  /* match top ul list item height */
	z-index: 99;
	width: 110px;
}
ul.top-nav li.li-nav-products:hover ul
{
	left: 0;
	top: 25px;  /* match top ul list item height */
	z-index: 99;
	width: 220px;
}
ul.top-nav li.li-nav-gallery:hover ul
{
	left: 0;
	top: 25px;  /* match top ul list item height */
	z-index: 99;
	width: 160px;
}

ul.top-nav li.li-nav-info:hover ul
{
	left: 0;
	top: 25px;  /* match top ul list item height */
	z-index: 99;
	width: 138px;
}

/* controls Tier 2 and 3 li:hover */
.top-nav li:hover ul li:hover 
{
	background-color:  #FFFFFF; /* #CFDEFF; */
	font-weight: bold;
	outline: 0;
}
/*------------------------------*/


/* Tier 3 Display */
ul.top-nav li.li-nav-info:hover ul li ul
{
	font-weight: normal;
	top: -999em;
	width: 120px;
}
ul.top-nav li.li-nav-info:hover ul li:hover ul
{
	left: -121px;  /* match ul width */
	top: 0;
}

.top-nav li.li-nav-info:hover ul li:hover ul li:hover
{
	background-color: #FFFFFF;
	font-weight: bold;
	outline: 0;
}
/*------------------------------*/