/* Main menu settings */
ul,  ul li {
	list-style:none;
	list-style-type:none;
	margin:0;padding:0;
}

#h-nav-logo-wrapper { /* this is for small nav logo if used */
	display:none;
}

#header-horizontal-nav {  /* this hides the horizonal nav within the header div if used */
}

#header-horizontal-nav {
	width:100%;
	background:red;
}

#top-horizonal-nav { /*  OLD  this is for the nav that is outside of the header div */
	display:none;
}

#horizontal-wrapper {
	width:100%;
}

#horizontal-wrapper ul,
#horizontal-wrapper ul ul {
list-style-type:none;
}

#horizontal-main-menu {
   margin:0;
   padding:0;
width:100%;
text-align:center;
position:relative;
z-index:11000;
background:#000;
height:inherit;
background:none;
}


/* Top menu items */
#horizontal-main-menu ul {
   margin:0;
   padding:0;
   width:auto;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:9000; /* This makes the dropdown menus appear above the page content below */
   	height:auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-left:auto;margin-right:auto;
text-align:left;
width:960px;
text-align:center;
}

#horizontal-main-menu ul li {
display: inline-block;
   position:relative;
   list-style-type: none;
   padding:.4em;
   padding-top:.6em;
   padding-bottom:.6em;
	}
	
	
#horizontal-main-menu ul li a {
   margin:0px;
   margin-left:0px;
   padding:0px;
   border: none;
height:auto;
color:#000;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:normal;
width: auto;
padding:.6em .4em .6em .4em;
text-decoration: none; 
background:none;
	box-shadow: none;
	border:none;
	}

#horizontal-main-menu ul li, 
#horizontal-main-menu ul li a {
	color:#fff;
	font-weight:normal;
	font-size:14px;
}


#horizontal-main-menu li a#here  {
	border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding:.6em .4em .6em .4em;
background:url(../images/trans-repeater_20.png) repeat;
}


#horizontal-main-menu ul li a.active {
	background:#fff;
	border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding:.6em .4em .6em .4em;
}

#horizontal-main-menu li a#here:hover,
#horizontal-main-menu ul li a:hover {
	background:#fff;
	color:#000;
	border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding:.6em .4em .6em .4em;
}

#horizontal-main-menu ul li:hover {

}


#horizontal-main-menu ul .online-order-nav  {
	background:#f5f21b;
	padding-bottom:2.15em;
	color:#000;
	   margin-left:0px;
   margin-right:0px;
}

#horizontal-main-menu ul .online-order-nav  a {
	color:#000;
}


#horizontal-main-menu ul .online-order-nav:hover  {
	color:#000;
}



/* Submenu items */
#horizontal-main-menu ul ul {
   margin:0;
   padding:0;
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:33px;
   left:0;
right:auto; /*resets the right:50% on the parent ul */
   height:auto;
   z-index:12000;
background:#C8C7C7;
width:inherit;
min-width:100%;

	background:url(../images/trans-repeater_80.png) repeat;
	border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
}

/* Submenu items */


#horizontal-main-menu ul li ul li,
#horizontal-main-menu ul li ul li:hover
{
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   padding:0;
   clear:left;
   display:block;
   width:100%;
   max-width:100%;
   min-width:100%;
font-size:12px;
color:#000;
clear:both;
margin-top:0px;
line-height:1.2em;
height:auto;
text-align:center;
}


#horizontal-main-menu ul li ul li a,
#horizontal-main-menu ul li ul li a#here { /* This line is required for IE 6 and below */
display:block;
padding:.6em;
font-size:12px;
background:#000;
color:#fff;
}

#horizontal-main-menu ul li ul li a:hover { /* This line is required for IE 6 and below */
background:#fff;
color:#000;
}




/* Flip the last submenu so it stays within the page */
#horizontal-main-menu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#horizontal-main-menu ul li:hover ul,
#horizontal-main-menu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

.hide-online-ordering-std  {
	}
	
	
@media screen and (max-width: 960px) {
		
#horizontal-wrapper { 
   height:220px;
   margin-top:150px;
}

#horizontal-main-menu ul {
	display:none;
}



	}
	