﻿.container4 {
text-align:center; background-color:#fff; border-top:1px solid #fff; height:25px;
margin:0 0 0px 0; /* for this demo only */
}
.menu4 {
text-align:center; font-family: verdana, sans-serif; position:relative; font-size:1em; background:transparent; height:25px; margin:0;
}
.menu4 ul {
padding:0; margin:0px 40px 0px 130px; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
margin:0 10px 0 10px;
}
.menu4 ul li.home 
{
	background:transparent url(Images/Menu/home.jpg);
	width: 52px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.aboutus 
{
	background:transparent url(Images/Menu/about_us.jpg);
	width: 78px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.today_menu 
{
	background:transparent url(Images/Menu/today_menu.jpg);
	width: 118px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.special 
{
	background:transparent url(Images/Menu/Special_button.jpg);
	background-repeat:no-repeat;
	width:118px;
	margin-left:180px;
}
.menu4 ul li.opening_times 
{
	background:transparent url(Images/Menu/opening_times.jpg);
	width: 202px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.catering 
{
	background:transparent url(Images/Menu/catering.jpg);
	width: 83px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.cook_book 
{
	background:transparent url(Images/Menu/cook_book.jpg);
	width: 92px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.reviews 
{
	background:transparent url(Images/Menu/reviews.jpg);
	width: 72px;
	height: 25px;
	background-repeat:no-repeat;
}
.menu4 ul li.Security 
{
	background:transparent url(Images/Menu/security.jpg);
	width: 77px;
	height: 25px;
	background-repeat:no-repeat;	
}
.menu4 ul li.subprod {background:transparent url(menu4subprod.gif) no-repeat;}
.menu4 ul li.subprod2 {background:transparent url(menu4subprod2.gif) no-repeat;}
.menu4 ul li.subprod3 {background:transparent url(menu4subprod3.gif) no-repeat;}
.menu4 ul li.subnews {background:transparent url(menu4subnews.gif) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(menu4subnews2.gif) no-repeat;}
.menu4 ul li.subnews3 {background:transparent url(menu4subnews3.gif) no-repeat;}
.menu4 ul li.subserv {background:transparent url(menu4subserv.gif) no-repeat;}
.menu4 ul li.subserv2 {background:transparent url(menu4subserv2.gif) no-repeat;}
.menu4 ul li.subserv3 {background:transparent url(menu4subserv3.gif) no-repeat;}
.menu4 ul li.subserv4 {background:transparent url(menu4subserv4.gif) no-repeat;}
.menu4 ul li.subserv5 {background:transparent url(menu4subserv5.gif) no-repeat;}
.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:20px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; width:70px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#c00; text-decoration:underline; border:0; width:70px;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:180px; height:auto; position:absolute; top:30px; left:-1px; background:#1664ac; border:0px solid #909; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a 
{
display:block; background:transparent; 
text-decoration:none; color:#fff; 
height:auto; line-height:29px; 
padding:5px 10px 5px 20px; width:180px; 
background-color:#1664ac;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#fff; height:auto; line-height:29px; padding:5px 10px 5px 20px; width:180px; 
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#fff; text-decoration:none;
background-color:#e01a27;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#fff; left:156px; height:auto; border:0px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-156px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#fff; height:auto; line-height:29px; padding:5px 10px 4px 20px; width:180px; width:180px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 20px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#fff; text-decoration:none;
background-color:#e01a27;

}

