/*-----------------------------------------------------------------NAVIGATION----------------------------------------------------------------*/

.navigation {
	width:993px;
	padding:0px;
	height:40px;
	margin:0px;
	list-style:none;
}

.navigation li {
	float:left;
	position:relative;
	z-index:3000;
}

.navigation a {
	display:block;
	height:33px;
	position:relative;
	color:#144978;
}

.navigation a span {
	height:33px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	background-position:0px 0px!important;
}

.navigation a:hover span {
	background-position:0px 66px!important;
}

.navigation .homeOn span, .navigation .aboutOn span, .navigation .rangeOn span, .navigation .adviceOn span, .navigation .retailersOn span, .navigation .warrantyOn span, .navigation .contactOn span, .navigation .commercialOn span {
	background-position:0px 33px!important;
}

.navigation .home a, .navigation .homeOn a {
	width:88px;
}

.navigation .home span, .navigation .homeOn span {
	background:url(../Images/buttons/nav-home.gif);
	width:88px;
}

.navigation .about a, .navigation .aboutOn a {
	width:111px;
}

.navigation .about span, .navigation .aboutOn span {
	background:url(../Images/buttons/nav-about.gif);
	width:111px;
}

.navigation .range a, .navigation .rangeOn a {
	width:122px;
}

.navigation .range span, .navigation .rangeOn span {
	background:url(../Images/buttons/nav-range.gif);
	width:122px;
}

.navigation .advice a, .navigation .adviceOn a {
	width:91px ;
}

.navigation .advice span, .navigation .adviceOn span {
	background:url(../Images/buttons/nav-advice.gif);
	width:91px;
}

.navigation .retailers a, .navigation .retailersOn a {
	width:150px;
}

.navigation .retailers span, .navigation .retailersOn span {
	background:url(../Images/buttons/nav-retailers.gif);
	width:150px;
}

.navigation .warranty a, .navigation .warrantyOn a {
	width:120px;
}

.navigation .warranty span, .navigation .warrantyOn span {
	background:url(../Images/buttons/nav-warranty.gif);
	width:120px;
}

.navigation .contact a, .navigation .contactOn a {
	width:126px;
}

.navigation .contact span, .navigation .contactOn span {
	background:url(../Images/buttons/nav-contact.gif);
	width:126px;
}

.navigation .commercial a, .navigation .commercialOn a {
	width:185px;
}

.navigation .commercial span, .navigation .commercialOn span {
	background:url(../Images/buttons/nav-commercial.gif);
	width:185px;
}

/*-----------------------------------------------------------------END NAVIGATION----------------------------------------------------------------*/

/*---------------------------------------------------------------------- Start CSS dropdown -------------------------------------------------------*/

.navigation li ul.navigation-2 {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	top:33px;
	left:-1px;
	font-size:120%;
	font-weight:normal;
	background:white;
	width:15em;
	border:#003366 solid 1px;
	z-index:5000;
}
.navigation li:hover ul.navigation-2 {
	display:block;
}
.navigation li ul.navigation-2 li {
	clear:left;
}
.navigation ul.navigation-2 li a:link, .navigation ul.navigation-2 li a:visited {
	clear:left;
	padding:5px 10px 1px 10px;
	width:15em;
	_width:13em;
	position:relative;
	z-index:1000;
	color:#003366;
	text-decoration:none;
	height:1.7em;
}
.navigation li ul.navigation-2 li:hover a, .navigation li ul.navigation-2 li a:active, .navigation li ul.navigation-2 li a:hover {
	background:#c7c9cb;
	width:13.5em;
}

/*----------------------3rd level drop down----------------------*/

.navigation li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:12em;
	top:-2px;
	padding:1px 1px 0 1px;
	background:#939598;
	z-index:900;
}
.navigation li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
.navigation li ul.navigation-2 li ul.navigation-3 li a:link, .navigation li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#b9121b;
}
.navigation li ul.navigation-2 li ul.navigation-3 li:hover a, .navigation li ul.navigation-2 li ul.navigation-3 li a:hover, .navigation li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#ec454e;
}