/* FDmenu dropdown */
#mainMenuContents ul.nav-menu-col-1 {padding: 10px;background-color: #000;font-size:11px;font-weight: bold;color: #FFF;width: 174px;}
#mainMenuContents ul.nav-menu-col-2 {margin: -12px 0 0 170px;padding: 10px 5px 10px 10px;background-color: #000;font-size:11px;font-weight: bold;color: #FFF;width: 177px;}
/* shop dropdown */
#mainMenuContents ul.nav-shop-col-1 {margin: -12px 0 0 9px;padding: 10px 5px 10px 10px;background: #000 url(../img/bg_shopBag_ovr.gif) no-repeat top left;font-size:11px;font-weight: bold;color: #FFF;width: 169px;}
/* saucy dropdown */
#mainMenuContents ul.nav-saucy-col-1 {margin: -13px 0 0 -166px;padding: 10px;background-color: #000;font-size:11px;font-weight: bold;color: #FFF;width: 194px;}
#mainMenuContents ul.nav-saucy-col-2 {margin: -13px 0 0 34px;padding:  10px 5px 10px 10px;background-color: #000;font-size:11px;font-weight: bold;color: #FFF;width: 134px;}
/* master nav inside of the container div */
#mainMenuContents {margin: 0 0 0 0;padding: 12px 0 0 26px;list-style: none;}
#mainMenuContents ul {margin: 0;padding: 0;list-style: none;line-height: 10px;}
/* top nav item */
#mainMenuContents li {margin: 0;padding: 0;float: left;}
/* the link within a top nav item */
#mainMenuContents li a {margin: 0;padding: 0;text-decoration: none;display: block;position: relative;font-size:11px;font-weight: bold;color: #FFF;}
#mainMenuContents li div div {margin: 0;padding: 0 8px;}
#mainMenuContents li div div a {margin: 0;padding: 0;}
/* any dropdown menu */
#mainMenuContents li ul {margin: -12px 0 0 8px;padding: 0;	position: absolute;display: none;clear: left;z-index: 5;}
/* any item within a dropdown menu */
#mainMenuContents li li {margin: 0;padding: 5px 15px 5px 10px;display: block;float: none;background-color: #000;}
#mainMenuContents li li.last {margin: 0;padding: 5px 15px 5px 10px;display: block;float: none;background-color: #f3f3f3;border-bottom: none;}
/* an li that contains a ul */
#mainMenuContents li li.parent {background: #f3f3f3 url('nav_arrow.gif') 95% 50% no-repeat;}
#mainMenuContents li li.lastParent {background: #f3f3f3 url('nav_arrow.gif') 95% 50% no-repeat;border-bottom: none;}
/* the link within any item in a dropdown menu */
#mainMenuContents li li a {margin: 0;padding: 0;text-decoration: none;background: none;display: inline;}
/* any dropdown menu that's too far down the line to be visible */
#mainMenuContents li ul ul {left: 0;display: none;}
/* dropdown menus under the current hovered item that are too far down the line to be visible */
#mainMenuContents li:hover ul ul,
#mainMenuContents li:hover ul ul ul,
#mainMenuContents li:hover ul ul ul ul,
#mainMenuContents li:hover ul ul ul ul ul,
#mainMenuContents li:hover ul ul ul ul ul ul,
#mainMenuContents li:hover ul ul ul ul ul ul ul,
#mainMenuContents li:hover ul ul ul ul ul ul ul ul,
#mainMenuContents li.sfhover ul ul,
#mainMenuContents li.sfhover ul ul ul,
#mainMenuContents li.sfhover ul ul ul ul,
#mainMenuContents li.sfhover ul ul ul ul ul,
#mainMenuContents li.sfhover ul ul ul ul ul ul,
#mainMenuContents li.sfhover ul ul ul ul ul ul ul,
#mainMenuContents li.sfhover ul ul ul ul ul ul ul ul {display: none;margin: -18px 0 0 160px;/margin: -4px 0 0 160px; /* ff / ie */}
/* dropdown menu under the current hovered item */
#mainMenuContents li:hover ul,
#mainMenuContents li li:hover ul,
#mainMenuContents li li li:hover ul,
#mainMenuContents li li li li:hover ul,
#mainMenuContents li li li li li:hover ul,
#mainMenuContents li li li li li li:hover ul,
#mainMenuContents li li li li li li li:hover ul,
#mainMenuContents li li li li li li li li:hover ul,
#mainMenuContents li.sfhover ul,
#mainMenuContents li li.sfhover ul,
#mainMenuContents li li li.sfhover ul,
#mainMenuContents li li li li.sfhover ul,
#mainMenuContents li li li li li.sfhover ul,
#mainMenuContents li li li li li li.sfhover ul,
#mainMenuContents li li li li li li li.sfhover ul,
#mainMenuContents li li li li li li li li.sfhover ul {display: block;}
/* top nav item hover 
#mainMenuContents li:hover,
#mainMenuContents li.sfhover {
	background-color: #000;
}*/
/* top nav item hover */
#mainMenuContents li:hover div#nav-menu,
#mainMenuContents li.sfhover div#nav-menu {background: url(../img/b_menu_ovr.gif) no-repeat center;}
#mainMenuContents li:hover div#nav-locat,
#mainMenuContents li.sfhover div#nav-locat {background: url(../img/b_locations_ovr.gif) no-repeat center;}
#mainMenuContents li:hover div#nav-cater,
#mainMenuContents li.sfhover div#nav-cater {background: url(../img/b_cater_ovr.gif) no-repeat center;}
#mainMenuContents li:hover div#nav-shop,
#mainMenuContents li.sfhover div#nav-shop {background: url(../img/b_shop_ovr.gif) no-repeat center;}
#mainMenuContents li:hover div#nav-pig,
#mainMenuContents li.sfhover div#nav-pig {background: url(../img/b_pig_ovr.gif) no-repeat center;}
#mainMenuContents li:hover div#nav-saucy,
#mainMenuContents li.sfhover div#nav-saucy {background: url(../img/b_saucy_ovr.gif) no-repeat center;}
/* dropdown item hover */
#mainMenuContents li li:hover,
#mainMenuContents li li.parent:hover,
#mainMenuContents li li.sfhover {/*background-color: #e5e5e5;*/}
/* extra emphasis on the link itself to help IE6 users see when .parent:hover is highlighted */
#mainMenuContents li li:hover a,
#mainMenuContents li li.parent li:hover a,
#mainMenuContents li li.parent li.parent li:hover a,
#mainMenuContents li li.parent li.parent li.parent li:hover a,
#mainMenuContents li li.parent li.parent li.parent li.parent li:hover a,
#mainMenuContents li li.parent li.parent li.parent li.parent li.parent li:hover a,
#mainMenuContents li li.sfhover a,
#mainMenuContents li li.parent li.sfhover a,
#mainMenuContents li li.parent li.parent li.sfhover a,
#mainMenuContents li li.parent li.parent li.parent li.sfhover a,
#mainMenuContents li li.parent li.parent li.parent li.parent li.sfhover a,
#mainMenuContents li li.parent li.parent li.parent li.parent li.parent li.sfhover a {text-decoration: underline;}
/* remove emphasis on links in the dropdown menu under the current hovered item, until they themselves are hovered */
#mainMenuContents li li.parent li a,
#mainMenuContents li li.parent li.parent li a,
#mainMenuContents li li.parent li.parent li.parent li a,
#mainMenuContents li li.parent li.parent li.parent li.parent li a,
#mainMenuContents li li.parent li.parent li.parent li.parent li.parent li a,
#mainMenuContents li li.parent li.parent li.parent li.parent li.parent li.parent li a {text-decoration: none;}