/* ------------------------------------------------------------------------------------ */
/* MAIN NAVIGATION			
/* ------------------------------------------------------------------------------------ */
/* Horizontal CSS MENU (suckerfish, solardream, FBT */
.rollover { display: block; } 						/* Allow setting widths and heights */
.rollover img { width: 100%; border: 0; } 			/* only set width and height once */
.rollover:hover { visibility: visible; 				/* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } 		/* 'rolls over' the image */

/* The width and height must be set on the html and not in this stylesheet when using drop down menus */
#navAbout {
	width: 100px;
	height: 41px;
	background-image: url(../images/nav-about-on.jpg);
	display: block;
	float: left;
}
#navContact {
	width: 112px;
	height: 41px;
	background-image: url(../images/nav-contact-on.jpg);
	display: block;
	float: left;
}
#navQuote {
	width: 138px;
	height: 41px;
	background-image: url(../images/nav-quote-on.jpg);
	display: block;
	float: left;
}
#navSpecials {
	width: 194px;
	height: 41px;
	background-image: url(../images/nav-specials-on.jpg);
	display: block;
	float: left;
}
#navRepairs {
	width: 170px;
	height: 41px;
	background-image: url(../images/nav-repairs-on.jpg);
	display: block;
	float: left;
}
#navLinecard {
	width: 94px;
	height: 41px;
	background-image: url(../images/nav-linecard-on.jpg);
	display: block;
	float: left;
}
#navLogin {
	width: 62px;
	height: 41px;
	background-image: url(../images/nav-login-on.jpg);
	display: block;
	float: left;
}
#navRegister {
	width: 82px;
	height: 41px;
	background-image: url(../images/nav-register-on.jpg);
	display: block;
	float: left;
}
#navForms {
	width: 72px;
	height: 41px;
	background-image: url(../images/nav-forms-on.jpg);
	display: block;
	float: left;
}



/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 1024px; /*For KHTML*/
	list-style: none;
	height: 41px;
}

ul#navmenu-h li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
    z-index:1000;
}

ul#navmenu-h ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 200px;
	list-style: none;
	display: none;
	position: absolute;
	top: 41px;
	left: 0;
	z-index:1000;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#navmenu-h ul li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
	border: 0px;
	padding: 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	font: 11px/22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
	
	color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	color: #404040;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px;
	padding: 0px 10px 0px 10px;
	width: 200px;
	background-image: url(../images/nav-drop-bg.jpg);
	background-repeat: repeat-y;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
	color: #404040;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px;
	padding: 0px 10px 0px 10px;
	width: 200px;
	background-image: url(../images/nav-drop-bg-alt.jpg);
	background-repeat: repeat-y;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  color: #404040;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px;
	padding: 0px 10px 0px 10px;
	width: 200px;
	background-image: url(../images/nav-drop-bg.jpg);
	background-repeat: repeat-y;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
	color: #404040;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px;
	padding: 0px 10px 0px 10px;
	width: 200px;
	background-image: url(../images/nav-drop-bg-alt.jpg);
	background-repeat: repeat-y;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 200px;
	z-index:1000;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
	display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
	display: block;
}