/* NAVIGATION STYLES */
.hidden {
	display: none;
}

body#home #nav { position: absolute; top: 300px; z-index: 120; }

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 170px;
	float: left;
	margin-left: 20px;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	position: relative;
	margin:0;
	padding:0;
	z-index: 200;
	display: inline;
}

#nav ul li a {
	display: block;
}

#nav ul li a:hover {
	background-position: -170px 0 !important;
}

#nav ul li#home a {
	background:url(../images/nav/home.gif) no-repeat;
	height: 26px;
}

#nav ul li#about a {
	background:url(../images/nav/about.gif) no-repeat;
	height: 26px;
}

#nav ul li a#products {
	background:url(../images/nav/products.gif) no-repeat;
	height: 21px;
}

#nav ul li#featured a {
	background:url(../images/nav/featured.gif) no-repeat;
	height: 25px;
}

#nav ul li#parts a {
	background:url(../images/nav/service.gif) no-repeat;
	height: 29px;
}

#nav ul li#shoponline a {
	background:url(../images/nav/shoponline.gif) no-repeat;
	height: 25px;
}

#nav ul li#contact-us a {
	background:url(../images/nav/contact.gif) no-repeat;
	height: 24px;
}

#nav ul li#search a {
	background:url(../images/nav/search.gif) no-repeat;
	height: 28px;
}

#nav ul li#links a {
	background:url(../images/nav/links.gif) no-repeat;
	height: 28px;
}

#nav ul li#catalogue a {
	background:url(../images/nav/catalogue.gif) no-repeat;
	height: 39px;
}

/* SECOND LEVEL LISTS */
#nav ul li ul {
	position: absolute;
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 50;
}

/*HIDING AND SHOWING NAVIGATION LISTS ---> */
/*hide*/
#nav ul li:hover ul , #nav ul li.sfhover ul {
	left: -999em;
}

/*show*/
#nav ul li:hover ul, #nav ul li.sfhover ul {
	display: block;
	position: absolute;
	left: 125px;
	top: 0;
}
#home ul li.sfhover ul, #home ul li:hover ul { left: 50px; }

/* DESIGN SETTINGS Level 2 */
#nav ul li ul li a {
	text-indent: 0;
	background-color: #991b1e;
	height: auto;
	width: 150px;
	line-height: 1.4em;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
}

#nav ul li ul li a:hover {
	color: #fff;
	background-color: #ac4c3c;
}

body.about #nav ul li#about a {background-position:-170px 0!important;}
body.products #nav ul li a#products {background-position:-170px 0!important;}
body.featured #nav ul li#featured a {background-position:-170px 0!important;}
body.parts #nav ul li#parts a {background-position:-170px 0!important;}
body.shoponline #nav ul li#shoponline a {background-position:-170px 0!important;}
body.contact-us #nav ul li#contact-us a {background-position:-170px 0!important;}
body.search #nav ul li#search a {background-position:-170px 0!important;}
body.catalogue #nav ul li#catalogue a {background-position:-170px 0!important;}


/* End */