#menuContainer {
	display:block;
	position:relative;
	padding:0 6px 0 0;
	margin:0;
	height:42px;
	background-color:#bdbdbd;
	background-image:url("../../images/layout/menuBackground.gif");
	background-repeat:no-repeat;
	background-position:top left;
	z-index:100;
	}

#menuContainer #activeLinkMarker {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	height:6px;
	width:20px;
	background-image:url("../../images/layout/menuArrowDown.gif");
	background-repeat: no-repeat;
	background-position:top center;
	}
	
#menuContainer a.menuLink {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	height:42px;
	border-left:1px solid #D1D1D1;
	background-color:#bdbdbd;
	}
	
#menuContainer a.menuLink:hover {
	background-color:#89a0a8;
	}
	

#menuContainer a.subMenuLink, #menuContainer a.flyMenuLink {
	background:transparent;
}

#menuContainer a.flyMenuLink {
	border-left:1px solid #656766;
}

#menuContainer .dropMenu {
	background:transparent;
	}
	
#menuContainer a.subMenuLink:hover,#menuContainer a.flyMenuLink:hover {
	background-color:#6d8891;
	color:#FFF;
	}


#menuContainer a.subMenuLink, #menuContainer a.flyMenuLink {
	padding:7px 10px;
	margin:0;
	width:120px;
	color:#FFFFFF;
	}
/*
#menuContainer a.flyMenuLink {
	border-left:1px solid #656766;
}
	
#menuContainer .dropMenu {
	background:transparent;
	}
	
#menuContainer a.subMenuLink:hover,#menuContainer a.flyMenuLink:hover {
	background-color:#6d8891;
	}
*/





















	/* -- Main Menu Items -- */
	#menuContainer #homeLink {
		width:65px;
		background-image:url("../../images/layout/menu/home.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #homeLink:hover {
		background-image:url("../../images/layout/menu/home_h2.gif");
		}

	#menuContainer #homeLink.active, #menuContainer #homeLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/home_h.gif");
		}

	#mainMenu li:hover > a#homeLink {
		background-image:url("../../images/layout/menu/home_h2.gif");
	 	}


	/* -- -- */
	#menuContainer #productsLink {
		width:68px;
		background-image:url("../../images/layout/menu/products.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #productsLink:hover {
		background-image:url("../../images/layout/menu/products_h2.gif");
		}

	#menuContainer #productsLink.active, #menuContainer #productsLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/products_h.gif");
		}

	#mainMenu li:hover > a#productsLink {
		background-image:url("../../images/layout/menu/products_h2.gif");
		}

	#mainMenu li:hover > a#productsLink.active {
		background-image:url("../../images/layout/menu/products_h.gif");
		}

	/* -- -- */
	#menuContainer #collectionsLink {
		width:84px;
		background-image:url("../../images/layout/menu/collections.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #collectionsLink:hover {
		background-image:url("../../images/layout/menu/collections_h2.gif");
		}

	#menuContainer #collectionsLink.active, #menuContainer #collectionsLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/collections_h.gif");
		}

	#mainMenu li:hover > a#collectionsLink {
		background-image:url("../../images/layout/menu/collections_h2.gif");
		}

	#mainMenu li:hover > a#collectionsLink.active {
		background-image:url("../../images/layout/menu/collections_h.gif");
		}

	/* -- -- */
	#menuContainer #customerCareLink {
		width:120px;
		background-image:url("../../images/layout/menu/customercare.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #customerCareLink:hover {
		background-image:url("../../images/layout/menu/customercare_h2.gif");
		}

	#menuContainer #customerCareLink.active, #menuContainer #customerCareLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/customercare_h.gif");
		}

	#mainMenu li:hover > a#customerCareLink {
		background-image:url("../../images/layout/menu/customercare_h2.gif");
		}

	#mainMenu li:hover > a#customerCareLink.active {
		background-image:url("../../images/layout/menu/customercare_h.gif");
		}

	/* -- -- */
	#menuContainer #ourCompanyLink {
		width:88px;
		background-image:url("../../images/layout/menu/ourcompany.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #ourCompanyLink:hover {
		background-image:url("../../images/layout/menu/ourcompany_h2.gif");
		}

	#menuContainer #ourCompanyLink.active, #menuContainer #ourCompanyLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/ourcompany_h.gif");
		}

	#mainMenu li:hover > a#ourCompanyLink {
		background-image:url("../../images/layout/menu/ourcompany_h2.gif");
		}

	#mainMenu li:hover > a#ourCompanyLink.active {
		background-image:url("../../images/layout/menu/ourcompany_h.gif");
		}

	/* -- -- */
	#menuContainer #whatsHotLink {
		width:88px;
		background-image:url("../../images/layout/menu/whatshot.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #whatsHotLink:hover {
		background-image:url("../../images/layout/menu/whatshot_h2.gif");
		}

	#menuContainer #whatsHotLink.active, #menuContainer #whatsHotLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/whatshot_h.gif");
		}

	#mainMenu li:hover > a#whatsHotLink {
		background-image:url("../../images/layout/menu/whatshot_h2.gif");
		}

	#mainMenu li:hover > a#whatsHotLink.active {
		background-image:url("../../images/layout/menu/whatshot_h.gif");
		}
	/* -- -- */
	#menuContainer #dealersOnlyLink {
		width:88px;
		background-image:url("../../images/layout/menu/dealersonly.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #dealersOnlyLink:hover {
		background-image:url("../../images/layout/menu/dealersonly_h2.gif");
		}

	#menuContainer #dealersOnlyLink.active, #menuContainer #dealersOnlyLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/dealersonly_h.gif");
		}

	#mainMenu li:hover > a#dealersOnlyLink {
		background-image:url("../../images/layout/menu/dealersonly_h2.gif");
		}

	#mainMenu li:hover > a#dealersOnlyLink.active {
		background-image:url("../../images/layout/menu/dealersonly_h.gif");
		}
	/* -- -- */
	#menuContainer #whereToBuyLink {
		width:88px;
		background-image:url("../../images/layout/menu/wheretobuy.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #whereToBuyLink:hover {
		background-image:url("../../images/layout/menu/wheretobuy_h2.gif");
		}

	#menuContainer #whereToBuyLink.active, #menuContainer #whereToBuyLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/wheretobuy_h.gif");
		}

	#mainMenu li:hover > a#whereToBuyLink {
		background-image:url("../../images/layout/menu/wheretobuy_h2.gif");
		}

	#mainMenu li:hover > a#whereToBuyLink.active {
		background-image:url("../../images/layout/menu/wheretobuy_h.gif");
		}

	/* -- -- */
	#menuContainer #searchLink {
		width:88px;
		background-image:url("../../images/layout/menu/search.gif");
		background-position:center center;
		background-repeat:no-repeat;
		}

	#menuContainer #searchLink:hover {
		background-image:url("../../images/layout/menu/search_h2.gif");
		}

	#menuContainer #searchLink.active, #menuContainer #searchLink.active:hover {
		background-color:#bdbdbd;
		background-image:url("../../images/layout/menu/search_h.gif");
		}

	#mainMenu li:hover > a#searchLink {
		background-image:url("../../images/layout/menu/search_h2.gif");
		}

	#mainMenu li:hover > a#searchLink.active {
		background-image:url("../../images/layout/menu/search_h.gif");
		}

/* --| Search Container |-- */

#searchContainer {
	display:none;
	position:absolute;
	width:228px;
	top:42px;
	right:0px;
	padding:20px;
	margin:0;
	background-color:#333333;
	z-index:100;
	overflow:hidden;
	/*filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;*/
	}

#searchCloseButton {
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	cursor:pointer;
}

* html #searchContainer {
	height:100px;
	}

#searchContainer .searchRow {
	display:block;
	position:relative;
	padding:0;
	margin:5px 0 15px 0;
	}

#searchContainer .center {
	text-align:center;
	}

#searchContainer .right {
	text-align:right;
	}

#searchContainer .searchRow .searchLabel {
	font-size:14px; 
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	}

#searchContainer .searchRow .searchTextbox {
	width:100%;
	margin:5px 0;
	border:1px solid #89a0a8;
	}






/* --| Menu Layout |-- */




/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below 
#menu_container {margin:25px 0 100px 15px; position:relative; width:735px; height:25px; z-index:100;}*/

/* Get rid of the margin, padding and bullets in the unordered lists */
#mainMenu {
	float:right;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#mainMenu, #mainMenu ul {
	display:block;
	padding:0;
	margin:0;
	list-style-type: none;
	list-style-image:none;
	list-style-position:none;
	}

/* Set up the link size, color and borders */
/*TODO:*/
#mainMenu a, #mainMenu a:visited {
	display:block;
	width:120px;
	font-size:11px;
	color:#fff;
	/*height:25px;*/
	margin:0;
	/*line-height:24px;*/
	text-decoration:none;
	text-indent:0;

	/*border:1px solid #000;
	border-width:1px 0 1px 1px;*/
	}

/* Set up the sub level borders */
#mainMenu li ul li a, #mainMenu li ul li a:visited {}
#mainMenu li a.enclose, #mainMenu li a.enclose:visited {}

/* Set up the list items */
#mainMenu li {
	float:left;
	margin:0;
	padding:0;
	/*opacity:.8;*/
	background:#333;
}

/** html #mainMenu li {
	filter:alpha(opacity=80);
}*/

* html #mainMenu li 
{
	background-color:#333;
}



/* For Non-IE browsers and IE7 */
#mainMenu li:hover {position:relative;}
/* Make the hovered list color persist */
#mainMenu li:hover > a {background:#93A5AC; color:#FFF;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#mainMenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#mainMenu li:hover > ul {
	display:block;
	position:absolute; 
	top:-10px; 
	left:110px; 
	padding:10px 30px 30px 30px;
	background:transparent url("../../images/layout/transparent.gif");
	width:140px;
	z-index:100;
	}

	
/* Position the first sub level beneath the top level liinks */
#mainMenu > li:hover > ul {left:-30px; top:32px;}

/* get rid of the table */
#mainMenu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:99;
	font-size:1em;
	}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #mainMenu li a:hover{
	position:relative;
	background:#89a0a8;
	color:#c00;
	}

* html #mainMenu li a.active:hover {
	height:41px;
	padding-top:1px;
	}
	
/* For accessibility of the top level menu when tabbing */
#mainMenu li a:active, #mainMenu li a:focus {
	background:#BDBDBD;
	color:#FFFFFF;
	}

/* Set up the pointers for the sub level indication */
#mainMenu li.fly {
	background-color:#333;
	background-image:url("../../images/layout/flyoutBackground.gif");
	background-position:center right;
	background-repeat:no-repeat;
	}
	
#mainMenu li.drop {
	background-color:#333;
	}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #mainMenu li ul {
	visibility:hidden;
	display:block; 
	position:absolute; 
	top:-11px;
	left:80px; 
	padding:10px 30px 30px 30px; 
	background:transparent url(transparent.gif);
	}

/* keep the third level+ hidden when you hover on first level link */
#mainMenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#mainMenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#mainMenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#mainMenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#mainMenu li a:hover ul {
visibility:visible; left:-29px; top:33px; lef\t:-30px; to\p:33px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#mainMenu li a:hover ul a:hover ul{ 
visibility:visible; top:-10px; left:110px;
}
/* make the fourth level visible when you hover over third level link */
#mainMenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#mainMenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#mainMenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */










/*----------------------LEFT NAV MENU-----------------------------*/
#treeNavContainer {
	display:block;
	position:relative;
	padding:0;
	margin:0 15px;	
	}

#treeNavContainer ul#treeNav {
	display:block;
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
	list-style-position:none;
	}

ul#treeNav li {
	padding:0 0 0 10px;
	margin:5px 0;
	background-image:url("../../images/layout/treeArrowRight.gif");
	background-position:2px 3px;
	background-repeat: no-repeat;
	list-style:none
	list-style-image:none;
	list-style-position:none;
	}
	
ul#treeNav li ul {
	display:none;
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
	list-style-position:none;
	}
	
ul#treeNav .opened {
	background-image:url("../../images/layout/treeArrowDown.gif");
	background-position:0px 5px;
	background-repeat: no-repeat;
	}

ul#treeNav .closed {
	background-image:url("../../images/layout/treeArrowRight.gif");
	background-position:2px 3px;
	background-repeat: no-repeat;
	}
	
ul#treeNav li ul li {
	padding:0 0 0 10px;
}

ul#treeNav li ul li ul li {
}

ul#treeNav .activeCategory {
	font-weight:bold;
}

ul#treeNav .activeCategory ul {
	display:block;
	font-weight:normal;
}