/*////////////////////////////////*/
/*////////////  FOOD MENU ////////////*/
/*////////////////////////////////*/

#menu-content {
	float: right;
	width:650px;
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 0 10px;
	background-image: url(../_image/_bak/menu-bak-60.png);

}

ul#menu-toc {
	float: left;
	text-transform: uppercase;
	overflow: hidden;
	margin: 15px 0 10px 0;
	width:250px;
}

ul#menu-toc li {
	margin: 0 0 8px 0;
}


ul#menu-toc h1 {
	font-size: 22px;
	font-family: news-gothic-std, arial;
}


ul#menu-toc h1 a{
	color: #CD4110;
}

ul#menu-toc h1 a.sel, 
ul#menu-toc h1 a:hover {
	color: #630;
}



#menu-content h1 {
	color: #B25900;
	font-size: 27px;
	margin: 0 1px 10px 1px;
}


#menu-content ul#left-col {
	float: left;
	width: 305px;
	list-style-type: none;
	opacity:1;
}


#menu-content ul#right-col {
	float: right;
	width: 305px;
	list-style-type: none;
}


#menu-content ul h2 {
	font-size: 14px;
}


#menu-content ul li {
	padding: 0 0 20px 0;
	font-size: 12px;
	color: #630;

}

p#availability {
	clear: both;
	text-align: center;
	color: #CD4110;
	font-size: 14px;
}


@media (min-width:1051px) {
	ul#menu-toc .show-on-mobile {
		display:none;
	}
}

@media (max-width:1050px) {
	#menu-toc-container {
		margin: 0 auto;
		position: relative;
		width:650px;
	}
	#content ul#menu-toc .show-on-mobile {
	    display:block;
	    border-radius: 5px;
	}
	
	#content ul#menu-toc.isExpanded .show-on-mobile {
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
	
	#content ul#menu-toc .show-on-mobile a {
		border-color:transparent;
	}
	
	#content ul#menu-toc .show-on-mobile span {
		color: #fddf99;
		position: relative;
		transform: rotate(-90deg);
		transition:all .35s;
		float: right;
		display: block;
		top: 0px;
		right: -4px;
		font-size: 17px;
	}
	
	#content ul#menu-toc.isExpanded .show-on-mobile span {
		transform:rotate(0);
		top:-1px;
	}
	
	#content ul#menu-toc:not(.isExpanded) li:not(.show-on-mobile) {
	    overflow: hidden;
	    height: 0;
	}
	
	#content ul#menu-toc a:hover span {
	    color: white;
	}
	
	ul#menu-toc {
	    text-transform: none;
	    font-size: 14px;
	    position: absolute;
	    left: -10px;
		top: -4.25em;
	    z-index: 20;
	}
	
	ul#menu-toc li {
		background:#630;
	}
	
	#content ul#menu-toc a, #menu-toc h1, #menu-toc h1 a.sel {
	    color: #fcf9f3;
	    font-weight: normal;
	    text-transform: none;
	    display: block;
	    margin: 0;
	    font-size: 13px;
	}
	
	#content ul#menu-toc a:hover {
		color: #fddf99;
	}
	
	ul#menu-toc li {
	    margin: 0;
	    padding: 0;
	    line-height: 1.2;
	}
	
	ul#menu-toc h1 {
	    padding: 0;
	}
	
	#content ul#menu-toc a {
	    border-bottom: 1px solid #fcf9f3;
	    padding: 8px 22px 8px 12px;
	}
	
	#content ul#menu-toc li:last-child a {
	    border: none;
	}
	
	.menu #content {
		padding-top:3.5em;
		position: relative;
	}
}