/************  MEGA MENU ***********/
ul#topnav {
	margin: 0; 
	padding: 0px 0px 0px 10px;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index:3000;
}
ul#topnav li {
	float: left;	margin: 0; 	padding: 0px 0px;	position: relative; /*--Important--*/	border-right:1px solid #373ca0;
}

ul#topnav li a {
	float: none;
	/*text-indent: -9999px;*/ /*--Push text off of page--*/
	height: 48px;	font:14px/48px Arial, Verdana;	font-weight:bold;	color:#ffffff;	text-transform:none;	text-decoration:none;	display:block;
}
ul#topnav li a:hover,
ul#topnav li:hover a {
border:1px solid #d6d6d6;
font:14px/48px Arial, Verdana;
height: 48px;
font-weight:bold;
background:#ffffff url(../images/mm_images/megamenu_hover.jpg) top left repeat-x;
border-bottom:0px solid #ffffff;
color:#000000 !important;
}
ul#topnav li a.selected{
border:1px solid #d6d6d6;
font:14px/48px Arial, Verdana;
height: 48px;
font-weight:bold;
background:#ffffff url(../images/mm_images/megamenu_hover.jpg) top left repeat-x;
border-bottom:1px solid #ffffff;
color:#000000;
}

ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/


ul#topnav li .sub {
	position: absolute; /*--Important--*/
	margin:0px;
	width:550px !important;
	top: 50px; 
	left:0px;
	background-color: #FFF; /*--Background gradient--*/
	padding: 20px 0px;
	float: left;
	border:1px solid #d0d0d0;
	border-top:0px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	z-index:200;
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0px 10px; 
	padding: 0;
	width: 140px;
	float: left;
	text-align:left;
}
ul#topnav li .sub ul.categoryListing {width: 360px; }ul#topnav li .sub ul.categoryListing li{	width: 170px;	}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	border-right:1px solid #ffffff;
	text-align:left;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 10px 0px;  
	margin: 0;
	font: 16px/20px Arial;
	font-weight: bold;
	color:#5c5d5d;
}
ul#topnav .sub ul li h2 a,
ul#topnav .sub ul li h2 a:link,
ul#topnav .sub ul li h2 a:active,
ul#topnav .sub ul li h2 a:hover { /*--Sub nav heading link style--*/
	padding: 0;  
	margin: 0;
	font: 16px/20px Arial;
	font-weight: bold;
	height:20px;
	
}
ul#topnav .sub ul li h2 a:hover{
margin:0px !important;
padding:0px !important;
line-height:20px;
height:20px;

}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	display: block;
	text-decoration: none;
	color: #000000 !important;
	font:12px/22px Arial;
	font-weight:normal;
	text-transform:none;
	background:url(../images/mm_images/megamenu_list.jpg) 0px 10px no-repeat;
	padding:3px 15px;
	border:0px;
	height:auto;
}
ul#topnav .sub ul li a:hover {
	color: #000000 !important;
	font:12px/22px Arial;
	font-weight:normal;
	
	padding: 0;  
	margin: 0;
	background:none;
	border:0px;
	height:auto;
	background:url(../images/mm_images/megamenu_list.jpg) 0px 10px no-repeat;
	padding:3px 15px;
	border:0px;
}
ul#topnav li { text-align:center; }
ul#topnav li.home{width:60px;}
ul#topnav li.machines{width:148px;}
/*ul#topnav li.machines .sub{margin-left:-72px;}*/
ul#topnav li.supplies{width:116px;}
/*ul#topnav li.supplies .sub{margin-left:-221px;}*/
ul#topnav li.chocolate{width:173px;}
/*ul#topnav li.chocolate .sub{margin-left:-328px;}*/
ul#topnav li.water{width:128px; border-right:none;}
ul#topnav li.water .sub{margin-left:-422px;}
ul#topnav li.juice{width:98px;}
ul#topnav li.juice .sub{margin-left:-454px;}
ul#topnav li.accessories{width:115px;}
ul#topnav li.accessories .sub{ margin-left:-437px;}
ul#topnav li.snacks{ width:100px;}
ul#topnav li.snacks .sub{margin-left:-402px;}

.selected_page{
background:url(../images/mm_images/menu_hover.jpg) top left repeat-x;
color:#FFFFFF !important;
}
.selected_page a{

color:#FFFFFF !important;
}

ul#topnav li.selected_page a{
color:#FFFFFF !important;
}
ul#topnav li.selected_page a:hover,
ul#topnav li.selected_page a:active,
ul#topnav li.selected_page:hover a{
color:#000000 !important;
}
ul#topnav li.selected_page .sub ul li a{
color:#000000 !important;
}
ul#topnav .sub ul li a.viewAll { color:#BC9F3B !important; font-weight:bold; text-indent:0px !important;}