/* ------------------------------------------------------------------------------------ */
/* 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 */
#navHome {
	width: 62px;
	height: 27px;
	background-image: url(../images/nav-home-on.gif);
	display: block;
	float: left;
}
#navCollections {
	width: 123px;
	height: 27px;
	background-image: url(../images/nav-collections-on.gif);
	display: block;
	float: left;
}
#navBuy {
	width: 132px;
	height: 27px;
	background-image: url(../images/nav-wheretobuy-on.gif);
	display: block;
	float: left;
}
#navNews {
	width: 114px;
	height: 27px;
	background-image: url(../images/nav-news-on.gif);
	display: block;
	float: left;
}
#navAbout {
	width: 146px;
	height: 27px;
	background-image: url(../images/nav-about-on.gif);
	display: block;
	float: left;
}
#navContact {
	width: 115px;
	height: 27px;
	background-image: url(../images/nav-contact-on.gif);
	display: block;
	float: left;
}
#navPartner {
	width: 142px;
	height: 27px;
	background-image: url(../images/nav-partner-on.gif);
	display: block;
	float: left;
}



/* ------------------------------------------------------------------------------------ */
/* DROP DOWN MENU ENGINE AND STYLES
/* ------------------------------------------------------------------------------------ */
ul#navMenu {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	list-style: none;
}

ul#navMenu li {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
}

/* main menu panel appearance */
ul#navMenu ul {
	margin: 0px;
	border: 0px none;
	/* border-top: #fff4e6 solid 2px;*/
	padding: 0px;
	width: 120px;
	list-style: none;
	display: none;
	position: absolute;
	top: 31px;				/* offset of menu origin vs. menu image */
	left: 0px;				/* offset of menu origin vs. menu image */
}
ul#navMenu ul:after 		/* From IE 7 lack of compliance */ {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0px;
	visibility: hidden;
}
ul#navMenu ul li {
	width: 120px;
	float: left; 			/* For IE 7 lack of compliance */
	display: block !important;
	display: inline; 		/* For IE */
}
/* root menu */
ul#navMenu a {
	float: none !important; /* For Opera */
	float: left; 			/* For IE */
	display: block;
	font: 11px/22px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%;			 	/* For IE*/
}

/* Root Menu Hover Persistence */
ul#navMenu a:hover,
ul#navMenu li:hover a,
ul#navMenu li.iehover a {
}

/* 2nd Menu */
ul#navMenu li:hover li a,
ul#navMenu li.iehover li a {
	background-image:url(../images/nav_off.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	/*background-position:-26px;*/
	color: #464646;
	float: none;
	z-index:1;
  	padding: 0px 10px 0px 10px;
}

/* 2nd Menu Hover Persistence */
ul#navMenu li:hover li a:hover,
ul#navMenu li:hover li:hover a,
ul#navMenu li.iehover li a:hover,
ul#navMenu li.iehover li.iehover a {
	background-image:url(../images/nav_on.gif);
	/*background-position:-26px;*/
	z-index:1;
	color: #000000;
}

/* 3rd Menu */
ul#navMenu li:hover li:hover li a,
ul#navMenu li.iehover li.iehover li a {
  background-color: #445e2f;
  padding: 0px 10px 0px 10px;
  color: #FFFFFF;
  float: none;

}

/* 3rd Menu Hover Persistence */
ul#navMenu li:hover li:hover li a:hover,
ul#navMenu li:hover li:hover li:hover a,
ul#navMenu li.iehover li.iehover li a:hover,
ul#navMenu li.iehover li.iehover li.iehover a {
  background-color: #134374;
  color: #FFFFFF;
}

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

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

ul#navMenu ul ul,
ul#navMenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
}

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

ul#navMenu li:hover ul,
ul#navMenu ul li:hover ul,
ul#navMenu ul ul li:hover ul,
ul#navMenu li.iehover ul,
ul#navMenu ul li.iehover ul,
ul#navMenu ul ul li.iehover ul {
  display: block;
}