/* Layout Stylesheet */ 
body {
 background:#FFFFFF;
 color: #333333;
 text-align:center;
 padding:0;
 margin:0;
 font-size:14px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 img{
 	border:0px;
 }
div#leftmenu{
	width:195px;
	border: 1px solid #CFCFCF;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-bottom:20px;
}

#leftmenu ul{
	padding:0;
	margin:0;
	list-style-type: none;
	text-align:left;	
	}

#leftmenu ul a{
	display:block;
	width:195px;
	text-decoration:none;
	border-bottom:1px solid #E0E0E0;
}
#leftmenu a:hover{
	background-color:#FFFFFF;
	}

div#leftmenu-bar{
	color:#679D37;
	font-weight:bold;
	font-size:14px;
	background:url(../images/icon/nav-bar.gif) repeat-x;
}
.menu-list{
	border-style:solid;
	border-color:#CFCFCF;
	border-width:1px 0 0 0;
	
}
	  

.d-num{
	padding-right:20px;
}
.d-price{
	position:absolute;
	right:20px;
}

div#outer {
 text-align:left;
 border: 1px solid #4D7F00;
 border-top:0;
 width:980px;
 margin:0 auto;
 }

div#hdr {
	margin:0 auto;
 }
#hdr img.banner{
	width: 830px;
	height:80px;
	float:left;

	
}
#hdr img.title{
	padding-top:20px;
	margin-left:150px;
	}
#hdr img.logo{
	float:left;
	width:150px;
	background-color:#FFF;
	height:80px;
	}
#hdr p.title{text-align:center; font-size:30px; color:#99CC00; margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;}
#hdr span{
	position:relative;
	top:15px;
	
	}
div#bar {
 height:23px;
 width:100%;
 padding-top:5px;
 clear:both;
 text-align:center;
 }

#bar a{
	float:left;
	width:auto;
	margin-left:10px;
	font-weight:bold;
	}
a{
	text-decoration:none;

	}
a:link{
	color:#EF8205;
	}
a:visited{
	color:#EF8205;
	}
a:hover{
	color:#5F9D0A;
	}
div#bodyblock {
 width:980px;

 }

div#left-col {
	text-align:center;
 float:left;
 margin:4px 5px;
 width:195px;
 }

div#contain {
	float:left;
 	width:570px;
	margin-top:5px;
	margin-left:5px;

 }
/*--------------------Use in index.php format display dish------------------------------------*/
#no-dish{
	line-height:20px;
	border-bottom:1px dashed black;	
}
div#dish-list, #dish-list-detail{
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#E64C08;
	
	}
#dish-list-detail img{
	float:left;
	width:166px;
	padding:5px;
	border:1px solid #CCCCCC;
	background:#FFF;
}
#dish-list-detail p{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}
#dish-list-detail span.id{
	float:left;
	width:20px;
	margin-right:10px
	}
#dish-list-detail span.name{
	float:left;
	width:340px;
	margin-left:5px;
	
	}
#dish-list-detail span.info{
	float:left;
	width:370px;
	height:70px;
	text-indent:5px;
	overflow:hidden;
	font-size:14px;
	font-weight:normal;
	margin-left:5px;
	}

#dish-list-detail span.price{
	float:right;
	width:150px;
	}
#dish-list-detail form{ float:right;}
#dish-list p{
	float:left;
	width:auto;
	border-bottom:1px dashed black;
	line-height:30px;
	margin:0px;

	}
#dish-list span.id{
	float:left;
	width:20px;
	margin-right:10px
	}
#dish-list span.name{
	float:left;
	width:450px;
	margin-left:5px;
	}
#dish-list span.price{
	float:left;
	width:80px;

	}
#foot{
	margin-top:5px;
	width:980px;
	height:40px;
	background:#F2FFE4;
	border-top:1px solid #E8E8E8;
	line-height:10%;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
	font-size:12px;
	clear:both;
	}
#foot p{
	padding:0;
}
	 /* The bar show on the right side to list the dish menu*/
	 
#dish-title p.bar{
	background:url(../images/icon/nav-bar.gif) repeat-x;
	text-align:center;
	font-weight:bold;
	color:#679D37;
	margin:0;
	}
#dish-title p.select{
	margin:0;
	border:1px solid #B7FE03;
	background:#FEFEE0;
	text-align:center;
	font-weight:bold;
}
#dish-title p.notice{
	margin:0 0 5px 0;
	border:1px solid #B7FE03;
	background:#FFFFFF;
	color:#FF3300;
}
#dish-detail .image{
	float:left;
	padding:5px;
	margin:5px;
	width:166px;
	height:124px;
	border:1px solid black;
	background:#FFF;
	}
#dish-detail .name{
	float:left;
	text-align:left;
	line-height:10px;
	font-weight:bold;
	color:#FF6600;
	width:720px;
	margin-top:0px;
	}
#dish-detail form{margin:0px; float:left; }
div#intro{
	line-height:20px;
	}

#intro p{
	float:left;
	clear:left;
	font-weight:bold;
	color:#FF6600;
	margin-left:20px;
	margin-right:20px;
	}
#bar p.phone{
	float:right;   
	width:250px;
	font-size:14px;
	margin-right:10px;
	padding:0px;
	
	color:#FF3300;
	}

div#shoppicture{
	width:260px;
	height:210px;
	float:left;
	border:1px solid #E0E0E0;
	padding:5px;
	background:#FFFFFF;
	text-align:center;
	}
#shoppicture img{
vertical-align:middle;
}
div#shopinfo {
	float:left;
	width:270px;
	height:220px;
	margin-left:10px;
	margin-bottom:10px;
	border:1px solid #E0E0E0;
	color:#257019;
	overflow:hidden;
}
#shopinfo p{
	margin:0;
	text-indent:10px;	
}
#shopinfo .bar, #todayspecial p.bar, #notice p.bar, #opentime p.bar, #shopcar p.bar{
	border-bottom:1px solid #E0E0E0;
	background:url(../images/icon/nav-bar.gif) repeat-x;
	margin:0;
	font-weight:bold;
	width:100%;
	text-indent:10px;
	}
div#notice, div#todayspecial, div#opentime{
	float:left;
	width: 560px;
	color:#257019;
	margin-bottom:10px;
	border:1px solid #E0E0E0;
	letter-spacing:2px;
	
	}
div#setmeal{
	width:930px;
	margin:20px 0 0 30px;
	line-height:150%;
	height:450px;
	overflow:auto;
}
div#notice p.notice, #opentime p.opentime{
	margin:0;
	line-height:150%;
	}

#todayspecial p{
	width:100%;
	margin:0;
	border-bottom:1px solid #E0E0E0;
	clear:both;
	}
#todayspecial img{
	float:left;
	width:166px;
	height:124px;
	padding:5px;
}
#todayspecial span{
	float:left;
	width:350px;
	
}
div#guestbook {
	margin:20px 0 0 30px;
	height:450px;
	overflow:auto;
	
}
#guestbook span{
	float:left;
	width:100px;
}
#guestbook p.content{
	line-height:150%;
	white-space:2px;
	letter-spacing:1px;
	margin:5px 10px;
	text-indent:20px;
	text-align:justify;
}
#guestbook p.contact{
	margin-right:5px;
	text-align:right;
	border-bottom:1px dashed red;
}
div#contact{
	width:100%;
	margin:30px 0 0 50px;
	height:450px;
	overflow:auto;
}
#contact span{
	width:100px;
	float:left;
	
}
#contact p{
	width:720px;
	font-size:16px;
}
div#shopcar{
	float:right;
	width:195px;
	color:#257019;
	margin-top:5px;
	margin-bottom:10px;
	border:1px solid #E0E0E0;
	letter-spacing:2px;
}
#shopcar p{
	margin:0;
	border-bottom:1px dashed #FFFFFF;
}
#shopcar span.name{
	
}
#shopcar span.quantity{
	color:#FF3300;
}