
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		10;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/***Skin */
ul.sf-menu li{padding:3px 0 0 0;}
ul.sf-menu li#FlashBaner{ padding:0;}
ul.sf-menu li a{
	display: block;
  	padding-top: 42px; height: 0px !important;
  	height /**/: 42px; overflow: hidden;
	}	
ul.sf-menu li#TabOne a{
	background:url(../images/Nav-Home.png) no-repeat;
	width: 71px;
	}
ul.sf-menu li#TabTwo a{
	background:url(../images/Nav-Products.png) no-repeat;
	width: 179px;
	}
ul.sf-menu li#TabThree a{
	background: url(../images/Nav-Recipes.png) no-repeat; 
	width: 93px;
	}	
ul.sf-menu li#TabFour a{
	background: url(../images/Nav-Stores.png) no-repeat; 
	width: 86px;
	}		
ul.sf-menu li#TabFive a{
	background: url(../images/Nav-Careers.png) no-repeat; 
	width: 97px;
	}
ul.sf-menu li#TabSix a {
	background: url(../images/Nav-SoapBox.png) no-repeat; 
	width: 139px;
	}		
	
ul.sf-menu li#TabSeven a{
	background:url(../images/Nav-About.png) no-repeat;
	width:100px;
	}
	
.sf-menu li ul{
		background:#40241A;
		float:left;
		padding:0 5px;
		border-left:1px solid #000;
		border-bottom:1px solid #000;
		}
.sf-menu li ul.DropWidthA{width:150px;}	
.sf-menu li ul.DropWidthC{width:180px;}	
.sf-menu li ul.DropWidthB{width:200px;}	
.sf-menu li ul li{
	margin:0; 
	display:block; 
	padding-top:10px;
	border-bottom:1px dotted #644A3B;
	width:100%;
	}
.sf-menu li ul li a{ padding:0 0 10px 25px !important; width:90% !important;}
.sf-menu li ul li a:hover{ background:url(../images/drop-arrow.gif) no-repeat 5px 0 !important; text-decoration:none;}	

.sf-menu li#TabOne ul li a,
.sf-menu li#TabTwo ul li a,
.sf-menu li#TabThree ul li a,
.sf-menu li#TabFour ul li a,
.sf-menu li#TabFive ul li a,
.sf-menu li#TabSix ul li a,
.sf-menu li#TabSeven ul li a{
	background:none;
	padding:0;
	margin:0;
	color:#fff;
	height:auto !important;
	}	
	
/* Over State Start */					
ul.sf-menu li#TabOne a:hover,
ul.sf-menu li#TabTwo a:hover,
ul.sf-menu li#TabThree a:hover,
ul.sf-menu li#TabFour a:hover,
ul.sf-menu li#TabFive a:hover,
ul.sf-menu li#TabSix a:hover,
ul.sf-menu li#TabOne.sfHover a,
ul.sf-menu li#TabOne:hover a,
ul.sf-menu li#TabTwo:hover a,
ul.sf-menu li#TabThree:hover a,
ul.sf-menu li#TabFour:hover a,
ul.sf-menu li#TabFive:hover a,
ul.sf-menu li#TabSix:hover a,
ul.sf-menu li#TabSeven:hover a{background-position: 0 -48px;}

ul#MainNav li a.On{background-position: 0 -48px;}
