﻿/* ##### */
/* Section menu */
/* ##### */

#section #left .menu
{
	height: 25px;
	border-left: solid 1px #7da447;
}

#section #left .menu ul 
{
	list-style-type: none; 
	padding: 0px;
	margin: 0px;
}

#section #left .menu ul li 
{
	float: left;
	padding: 0px; 
	margin: 0px;
	border-right: solid 1px #7da447;
}

#section #left .menu ul li a 
{
	display: block;
	padding: 6px 15px 6px 15px;
	background: #91bf53 url(/img/design/frontend/section_menu_bg.gif) repeat-x top left;
	text-decoration: none; 
	color: #ffffff;
	font-weight: bold;
}

#section #left .menu ul li a:hover 
{
	color: #f5f5f5; 
	background: #91bf53 url(/img/design/frontend/section_menu_over_bg.gif) repeat-x top left;
}

#section #left .menu ul .Active a
{
	color: #f5f5f5; 
	background: #91bf53 url(/img/design/frontend/section_menu_over_bg.gif) repeat-x top left;
}

#section #left .menu ul .Active a:hover
{
	color: #f5f5f5; 
	background: #91bf53 url(/img/design/frontend/section_menu_over_bg.gif) repeat-x top left;
}

/* ##### */
/* Section info */
/* ##### */

#section #right .menu
{
	height: 25px;
}

#section #right .menu ul 
{
	list-style-type: none;
	float: right;
	padding: 0px;
	margin: 0px;
}

#section #right .menu ul li 
{
	float: left;
	padding: 0px; 
	margin: 0px;
}

#section #right .menu ul li a 
{
	display: block;
	padding: 6px 0px 6px 20px;
	text-decoration: none; 
	color: #666666;
}

#section #right .menu ul li a:hover 
{
	color: #999999;
	text-decoration: underline;
}

/* ##### */
/* Top menu */
/* ##### */

#top_menu .menu ul 
{
	list-style-type: none; 
	padding: 0px; 
	margin: 0px 0px 10px 0px;
}

#top_menu .menu ul li 
{
	float: left;
	padding: 0px; 
	margin: 0px;
	text-align: center;
}

#top_menu .menu ul li a 
{
	display: block;
	padding: 11px 15px 11px 15px; 
	text-decoration: none; 
	color: #ffffff;
	font-weight: bold;
	border-right: solid 1px #9bb8bd;
}

#top_menu .menu ul li a:hover 
{
	color: #f5f5f5;
	background: #9bb8bd url(/img/design/frontend/restaurant/top_menu_over_bg.gif) repeat-x top left;
}

#top_menu .menu ul .Active a
{
	color: #f5f5f5;
	background: #9bb8bd url(/img/design/frontend/restaurant/top_menu_over_bg.gif) repeat-x top left;
}

#top_menu .menu ul .Active a:hover
{
	color: #f5f5f5;
	background: #9bb8bd url(/img/design/frontend/restaurant/top_menu_over_bg.gif) repeat-x top left;
}

/* ##### */
/* Side menu */
/* ##### */

#main .menu
{
	float: left;
	width: 180px;
	padding: 10px 0px 0px 0px;
	margin-right: 10px;
}

#main .menu ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#main .menu ul li 
{
	padding: 0px; 
	margin: 0px;
	border-top: solid 1px #e7eeef;
}

#main .menu ul .Header 
{
	padding: 8px 5px 8px 10px;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #e9840f; 
	border-bottom: solid 3px #fed123; 
}

#main .menu ul li a 
{
	display: block;
	padding: 8px 5px 8px 20px; 
	text-decoration: none; 
	color: #7a7a7a;
	width: 155px;
	background: #eef3f4 url(/img/icon/arrow.gif) no-repeat 7px center;
	border-bottom: solid 1px #eae9e9;
}

#main .menu ul li a:hover 
{
	color: #5a5a5a; 
	background-color: #d7e8ea;
	width: 152px;
	border-right: solid 3px #A8BCBF;  
}

#main .menu ul .Active a
{
	color: #5a5a5a; 
	background-color: #d7e8ea;
	width: 152px;
	border-right: solid 3px #A8BCBF;  
}

#main .menu ul .Active a:hover
{
	color: #5a5a5a; 
	background-color: #d7e8ea;
	width: 152px;
	border-right: solid 3px #A8BCBF;  
}

/* ##### */
/* Bottom menu */
/* ##### */

#bottom .menu
{
	height: 20px;
	float: right;
}

#bottom .menu ul 
{
	list-style-type: none; 
	padding: 0px;
	margin: 0px;
}

#bottom .menu ul li 
{
	float: left;
	padding: 0px; 
	margin: 0px;
	color: #ffffff;
	border-left: solid 1px #FFFFFF;
}

#bottom .menu ul li a 
{
	display: block;
	padding: 8px 15px 8px 15px;
	text-decoration: none; 
	color: #ffffff;
	background-color: #b1c4c7;
}

#bottom .menu ul li a:hover 
{
	color: #f5f5f5;
	background-color: #99b8bd;
}

#bottom .menu ul .Active a
{
	background-color: #84a5aa;
}

#bottom .menu ul .Active a:hover
{
	background-color: #84a5aa;
}