#nav {   
	float:left; 
	margin-top:0px; 
	position:relative; 
	z-index:990; 
	display:inline;   
	color: #fff;
	width: 100%;
	background:url("https://www.midwestsupplies.com/skin/frontend/enterprise/midwest_redesign/images/nav/nav_bg.png") left top repeat-x; 
	background-color:#000;
}
#nav > li:first-child {padding-left: 10px;}

/*** begin content **/
/*Specific styles per category ======================== */

li.nav-homebrewing-equipment ul.level0 { 
	width:820px !important;  
}
#nav li.nav-homebrewing-equipment.over > ul {	
	left:1px;  
}


li.nav-homebrewing-ingredients ul.level0 { 
	width:820px !important;  
}
#nav li.nav-homebrewing-ingredients.over > ul {	
	left:-50px;  
}


li.nav-kegging ul.level0 { 
	width:620px !important;  
}
#nav li.nav-kegging.over > ul {	
	left:-235px;  
}


li.nav-all-grain-brewing ul.level0 { 
	width:620px !important;  
}
#nav li.nav-all-grain-brewing.over > ul {	
	left:-225px;  
}


li.nav-winemaking-equipment ul.level0 { 
	width:820px !important;  
}
#nav li.nav-winemaking-equipment.over > ul {	
	left:-520px;  
}


li.nav-winemaking-ingredients ul.level0 { 
	width:620px !important;  
}
#nav li.nav-winemaking-ingredients.over > ul {	
	left:-395px;  
}


li.nav-other-products ul.level0 { 
	width:820px !important;  
}
#nav li.nav-other-products.over > ul {	
	left:-720px;  
}

/** end content **/

/*General styles for every category ==================== */
#nav li.over > ul {
	z-index: 100;
	margin-top: 0px;
	padding: 0px 5px 20px 5px;
	background-color: #fff;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-top: 5px solid #993300;
	
}

#nav li.over > ul span.level0 {  
	z-index:-1; 
	min-height:9px;  
	margin-bottom:9px; 
}

#nav html > body li.over > ul { height: 450px; }

#nav ul { position:absolute; width:200px; top:32px; left:-10000px; } /** TOP WILL MODIFY GAP FROM BAR TO FIRST MENU**/
#nav UL LI.level1{ float:left; width:200px; }
#nav li { position:relative; text-align:left; }
#nav span { display:block; cursor:pointer; /*white-space:nowrap;*/ font-size:12px; }
#nav li { float:left;}
#nav a { float:left; }
#nav li:hover { background-image:none; border:0 !important;}
#nav li.over a,
#nav a:hover {}

#nav ul a,
#nav ul a:hover { float:none; padding:0; font-weight:lighter; display: block; }

#nav li.level0 li { margin-bottom:1px; }
#nav li.level0 li.last { margin-bottom:0; }
#nav li.level0 li li { border:0; }

#nav li.level0 li.level1 a { border-right:0; }

#nav ul span, #nav ul li.last li span { padding:5px 10px;}

/** Menu Classes **/
#nav a.top { display:block; margin:0; padding:0;  text-decoration:none; z-index:999 !important; height:32px; }
#nav a span.top { 
	float:left; 
	display:block; 
	text-transform: uppercase; 
	font-weight: normal; 
	padding: 0 15px;
	color:#ffffff; 
	line-height:32px;  
	border-left: 1px solid #fff;
}
#nav li.active span.top { background-color: #000; }
#nav a.top:hover { background-position:0% -42px; }
#nav a.top:hover span { color: #eee;; background-color: #993300; }
#nav li.over > a.top { background-color: #993300; color:#fff; }
#nav li.over > a.top span { background-color: #993300; color:#fff; }

#nav span.parent:hover { color:#993300; }
#nav span.child:hover { color:#444; }
.top { font-size:1.15em; color:#ffffff;  }
.parent { font-weight:bold; margin: -0px 0px -0px 0px; padding:-0px 0px 0px 0px; font-size:1.1em; color:#993300;  }
a > span.parent {text-decoration: none; }
.child { white-space:normal; text-indent:6px; margin: -6px 0px -3px 0px !important; padding:-5px 0px 0px 0px; font-size:0.8em; line-height:1.0em; color:#444; position:relative;  }
.subchild { text-indent:5px; margin: -6px 0px -3px 0px !important; padding:-5px 0px 0px 0px; font-size:0.4em; line-height:0.4em; visibility:hidden; color:#ffffff; }
.top-left { width:200px; float:left; border:0; word-wrap:break-word; margin-left:-8px; position:relative; padding:0 5px 0 0px; }

/*- Menu Tabs Header--------------------------- */

#tabs-head { float:right; width:750px; font-size:1.2em; line-height:normal; margin-top:-15px; font-weight:lighter; font-family:Arial; }
#tabs-head ul { margin:0; padding:10px 10px 0 10px; list-style:none; }
#tabs-head li { display:inline; margin:0; padding:0; }
#tabs-head a { float:right; background:url("https://www.midwestsupplies.com/skin/frontend/enterprise/midwest_redesign/images/midwestsupplies/nav/backgrounds/TabOutlineL1.gif") no-repeat left top; margin:0; padding:0 0 0 5px;  text-decoration:none; }
#tabs-head a span { float:left; display:block; background:url("https://www.midwestsupplies.com/skin/frontend/enterprise/midwest_redesign/images/midwestsupplies/nav/backgrounds/TabOutlineR1.gif") no-repeat right top; /*border-top:solid thin black; border-left:solid thin white; border-right:solid thin white;   */  padding:5px 15px 4px 6px; color:#ffffff; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs-head a span {float:none;}
/* End IE5-Mac hack */
#tabs-head a:hover { background-position:0% -42px;   }
#tabs-head a:hover span {  text-decoration: underline; color: #fff;; }


/*.tabmenu{ width: 99%; font-weight: bold; } */
/*.tabmenu:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } */  /*Add margin between menu and rest of content in Firefox*/
/*.tabmenu ul{ border: 1px solid #BBB; width: 100%; padding: 4px 0; margin: 0; text-align: center; }*/
/*.tabmenu ul li{ display: inline; }*/
/*.tabmenu ul li a{ color: #494949; padding: 4px 7px; margin: 0; text-decoration: none; border-right: 1px solid #DADADA; }*/
.tabmenu ul li a:hover, .tabmenu ul li a.selected{ background:#CCCCCC; /*script dynamically adds a class of "selected" to the current active menu item*/ }

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{ position:absolute; top: -5px; left:20px; border: 1px solid RED; font:normal 12px Verdana;line-height:18px; z-index:9900; background-color: white; width: 150px; visibility: hidden; }
.dropmenudiv span{ width: auto; display: block; text-indent: 3px; border-bottom: 1px solid #BBB;padding: 2px 0; text-decoration: none; font-weight: bold; color: black; }
.dropmenudiv span:hover{ background-color: #F0F0F0; }


* html .dropmenudiv a{ /*IE only hack*/ width: 100%; }
* html #nav { width: 100%; display:inline; }

/******* feedback **************/

*{margin:0px;padding:0px;}
#suggestBox {
        background:transparent url("https://www.midwestsupplies.com/skin/frontend/enterprise/midwest_redesign/images/midwestsupplies/buttons/feedback.png") no-repeat scroll 0px 0px;
        height:170px;
        left:0;
        position:fixed;
        top:150px;
        width:28px;}
div#suggestBox:hover{
        background-position:-28px 0px;
      }
      #suggestBox a
      {
        display:block;
        height:170px;
        width:28px;
      }

/********** faq tabs *****************/
#faqtabs-head { float:left; position:relative; width:730px; font-size:1.2em; line-height:normal; font-weight:lighter; font-family:Arial; padding-right:5px; }
#faqtabs-head ul { margin:0; padding:10px 10px 0 10px; list-style:none; }
#faqtabs-head li { display:inline; margin:0; padding:0; }
#faqtabs-head a { float:left; background:url("https://www.midwestsupplies.com/skin/frontend/enterprise/midwest_redesign/images/midwestsupplies/nav/backgrounds/TabOutlineL1.gif") no-repeat left top; margin:0; padding:0 0 0 5px;  text-decoration:none; }
#faqtabs-head a span { float:left; display:block; background:url("https://www.midwestsupplies.com/skin/frontend/enterprise/midwest_redesign/images/midwestsupplies/nav/backgrounds/TabOutlineR1.gif") no-repeat right top;/*border-top:solid thin black; border-left:solid thin white; border-right:solid thin white;   */  padding:5px 15px 4px 6px; color:#ffffff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#faqtabs-head a span {float:none; color: #000;}
/* End IE5-Mac hack */
#faqtabs-head a:hover { background-position:0% -42px;   }
#faqtabs-head a:hover span {  background-position:100% -42px; }
.faqtabmenu ul li a:hover, .tabmenu ul li a.selected{ background:#CCCCCC; /*script dynamically adds a class of "selected" to the current active menu item*/ }

/** END OF FILE **/