@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-color:#ecedee;
	font-family:Arial, Helvetica, sans-serif;
}
.white_container{
width:968px;height:auto; background-color:#ffffff; margin-left:11px; margin-right:11px;float:left;	
}
.main_container{
width:948px;height:auto; background-color:#a7a9ac; float:left;	
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

	ul#nav { background: rgb(167, 169, 172); list-style:none; display:inline; height:22px; width:867px; float:left; font-size:14px; color:#fff; margin:0px; padding-top:3px; }
		#nav li { list-style:none; display:inline;  padding-left:15px; }
		#nav a { list-style:none; display:inline; color:#fff; font-weight:bold; text-decoration:none; }
		#nav a:hover { list-style:none; display:inline; color:#fff; }
		#nav a:active { list-style:none; display:inline; color:#fff; }

img{border:0px;}

.flags { padding-left:5px; }

h6{
font-size:12px; 
line-height:17px;
padding:0px;
color:#5b5b5b;
font-weight:normal;
margin:0px;}


.subheading{
font-size:12px; 
line-height:17px;
padding:0px;
color:#5b5b5b;
font-weight:normal;
margin:0px;}


.reviews_text{
font-size:11px; 
line-height:17px;
padding:0px;
color:#5b5b5b;
font-weight:normal;
margin:0px;}

h1{
font-size:16px; 
line-height:19px;
color:#faaf40;
padding:0px;
font-weight: bold;
margin:0px;}


.gray18{
font-size:18px; 
line-height:18px;
color:#373737;
padding:0px;
font-weight:normal;
margin:0px;}


.gray12{
font-size:12px; 
line-height:18px;
color:#373737;
padding:0px;
font-weight:normal;
margin:0px;}



.blueheading{
font-size:14px; 
line-height:19px;
color:#062a9f;
padding:0px;
font-weight: bold;
margin:0px;}


.gray_heading{
background-color:#e2e3e5;
font-size:11px;
width:700px;
height:20px;
padding-left:5px;
float:left;
line-height:19px;
color:#272727;
font-weight: bold;
margin:0px;}

.restaurant_member{
background-color:#e2e3e5;
font-size:14px;
width:700px;
height:21px;
padding-left:5px;
float:left;
line-height:19px;
color:#ff0000;
font-weight: bold;
margin:0px;}


.restaurant_membertop_text{
font-size:11px;
width: auto;
height:21px;
padding-left:5px;
float:right;
line-height:19px;
color:#000000;
padding-right:5px;
font-weight: bold;
margin:0px;}

.search_textbox{
font-size:12px;
width:545px;
height: auto;
padding-left:5px;
float:right;
line-height:19px;
color:#373737;
font-weight: normal;
margin:0px;}



.gray_headingtext{
font-size:12px;
line-height:18px;
color:#373737;
font-weight: normal;
margin:0px;}


.nortext{
font-size:12px;
float:right;
line-height:18px;
color:#373737;
font-weight: normal;
margin:0px;}


.reataurant_textbox{
font-size:12px;
padding-top:10px;
width:340px;
height: auto;
padding-left:5px;
float:right;
line-height:19px;
color:#373737;
font-weight: normal;
margin:0px;}


.reataurant_lefttextbox{
font-size:12px;
padding-top:6px;
width:160px;
height: auto;
float:right;
line-height:19px;
color:#373737;
font-weight: normal;
margin:0px;}


.reataurant_lefttextbox2{
font-size:12px;
padding-top:6px;
width:355px;
height: auto;
float:right;
line-height:19px;
color:#373737;
font-weight: normal;
margin:0px;}


.starreatingtext{
font-size:12px;
width: auto;
height: auto;
float:left;
line-height:19px;
color:#373737;
font-weight: normal;
margin:0px;}

.starreatingtext2{
font-size:12px;
width: auto;
height: auto;
float:left;
line-height:19px;
color:#373737;
font-weight: normal;
margin:0px;}

.search_textblue{
font-size:12px;
padding-top:5px;
width:545px;
height: auto;
padding-left:5px;
float:right;
line-height:19px;
color:#062a9f;
font-weight: normal;
margin:0px;}


.restaurant_textblue{
font-size:12px;
padding-top:10px;
width:350px;
height: auto;
float:right;
line-height:19px;
color:#062a9f;
font-weight: normal;
margin:0px;}

.searchimage{width:140px; height:91px; padding-right:12px; float:left;padding-top:10px;}

.restaurantimage{width:355px; height:260px; float:left; padding-top:10px;}

.restaurantleft_section{width:355px; height: auto; float:left; }


h2{
font-size:21px; 
line-height:19px;
color:#faaf40;
padding:0px;
font-weight:normal;
margin:0px;}


.footer_text{
font-size:11px; 
line-height:19px;
color:#666666;
font-weight:normal;
}


.left_search{
background-color:#e7e8ea;
font-size:12px; 
line-height:18px;
float:left;
color:#000000;
width:148px;
padding:7px;
font-weight:normal;
}



.form_leftcol{
width:200px; float:left; height:auto;}

.form_blankspace{
width:700px; float:left; height:10px; clear:both;}

.form_rightcol{
width:500px; float:left; height:auto;}



.form_inputtext{
width:400px; float:left; height:16px;}


.form_textarea{
width:400px; float:left; height:60px;}




.form_rightcolbooks{
width:400px; float:left; height:auto;}

.form_leftcolbooks{
width:150px; float:left; height:auto;}

.form_inputtextbooks{
width:250px; float:left; height:16px;}

.form_textareabooks{
width:300px; float:left; height:60px;}

.form_blankspacebooks{
width:500px; float:left; height:10px; clear:both;}




.page_heading{
height:26px; background-color:#e7e8ea; font-family:Arial, Helvetica, sans-serif; color:#eb1c22; font-size:18px; padding-left:6px; padding-bottom:6px; padding-top:6px;}


<!-- Start for bottom pagination -->
div.pagination 
{
	padding: 3px;
	margin: 3px;
}
div.pagination a 
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #fef0d8;
	text-decoration: none; /* no underline */
	color: #ec0b19;
	font-size:11px;
}
div.pagination a:hover, div.pagination a:active 
{
	border: 1px solid #606060;
	color: #000;
	font-size:11px;
}
div.pagination span.current 
{
	padding: 2px 5px 2px 5px;
	font-size:11px;
	margin: 2px;
	border: 1px solid #606060;
    font-weight: bold;
    background-color: #fab452;
    color: #FFF;
}
div.pagination span.disabled 
{
	padding: 2px 5px 2px 5px;
    margin: 2px;
	font-size:11px;
    border: 1px solid #EEE;
    color: #DDD;
}
/* End for bottom pagination */







/* manu styling */

div#menumain {
	margin: 0px 240px 0px 160px;
}
div#menunav, div#menuorder {
	position: absolute;
	top: 0px;
	margin-top: 215px;
	min-height: 20px;
}
div#menunav {	left: 0px; width: 150px; }
div#menuorder {	right: 0px; width: 230px; }


div#menumain h1 {
	font-size: 24pt;
	line-height: 24pt;
	text-align: center;
}


div#menutop {
	background-color: #ccc;
}
div#menutop .red,
div#menusteps .step h2 {
	color: #F00;
	text-align: center;
	font-weight: 700;
	padding: 0px;
	margin: 0px;
}
div#menusteps {
	overflow: hidden;
}
div#menusteps .step {
	background-color: #fff;
	float: left;
	display: inline;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	width: 213px;
	height: 135px;
}
div#menusteps .step h2 {
	padding: 15px 0px 0px;
	font-size: 32pt;
}
div#menusteps .step p {
	padding: 0px 5px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
div#menusteps .step p.red {
	color: #f00;
	padding-top: 5px;
}


div#menunav {
	border: 1px solid #aaa;
	text-align: center;
	background-color: #ddd;
	overflow: hidden;
}
div#menunav h2 {
	padding: 5px;
	font-size: 100%;
	font-weight: 700;
	color: #333;
}
div#menunav ul, div#menunav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#menunav ul {
	margin: 0px 5px 5px;
	border: 1px solid #aaa;
	font-size: 14px;
	background-color: #eee;
}
div#menunav ul li {
	padding: 0px;
	font-size: 100%;
	*zoom: 1;
}
div#menunav ul li a {
	color: #000;
	font-size: 100%;
	display: block;
	padding: 5px;
	margin: 0px;
	cursor: pointer;
	text-decoration: none;
	*zoom: 1;
}
div#menunav ul li a:hover {
	background-color: #afa; /*#ffbf50;*/
}
div#menunav ul li hr {
	border: 0px none;
	height: 1px;
	padding: 0px;
	margin: 0px auto;
	background-color: #aaa;
}


div.menubox {
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #aaa;
	margin: 10px 0px 20px;
}

div.menubox hr {
	margin: 0px;
	padding: 0px;
}
div.menubox h2 {
	padding: 0px;
	text-align: center;
	line-height: 35px;
	height: 35px;
	color: #333;
	background-color: #ddd;
	border: 1px solid #aaa;
	border-bottom: 0px none;
}

div.menubox ul, div.menubox li {
	list-style: none;
	overflow: hidden;
	font-size: 100%;
}
div#titles.menubox ul {
	font-weight: 700;
}
div.menubox ul {
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 5px 0px 5px 30px;
	*zoom: 1;
}
div.menubox ul.item {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color: #f2f2f2;
}
div.menubox ul li {
	display: block;
	float: left;
	display: inline;
	width: 100px;
//	height: 25px;
	line-height: 25px;
}
div.menubox ul.added {
	background-color: #ccc;
}
div.menubox ul li.code {
	width: 50px;
	padding-right: 10px;
}
div.menubox ul li.item {
	width: 255px;
	padding-right: 10px;
}
div.menubox ul li.price {
	width: 50px;
}
div.menubox ul li.qty {
	width: 85px;
	text-align: center;
}
div.menubox ul li.qty input {
	height: 23px;
	line-height: 19px;
	padding: 0px 5px;
	margin: 0px;
	font-size: 100%;
	cursor: pointer;
	background-color: #afa; /*#faaf40;*/
	border: 1px solid #aaa;
}
div.menubox ul li.qty input:hover {
	background-color: #cfc; /*#ffbf50;*/
}


div#menuorder {
	border: 1px solid #aaa;
}
div#menuorder h2 {
	padding: 5px;
	font-size: 100%;
	font-weight: 700;
	color: #333;
	background-color: #ddd;
}
div#menuorder div.total {
	font-size: 100%;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid #777;
}
div#menuorder div.total p {
	padding: 5px;
	margin: 0px;
	font-size: 100%;
}
div#menuorder ul, div#menuorder li {
	list-style: none;
	padding: 0px;
	margin: -1px 0px 0px;
}
div#menuorder ul {
	background-color: #afa; /*#faaf40;*/
	overflow: auto;
	border-top: 1px solid #777;
	height: auto;
	padding: 0px 0px 1px;
}
div#menuorder ul.scroll {
	height: 302px;
}
div#menuorder ul li {
	border-top: 1px solid #777;
	padding: 3px;
	cursor: default;
}
div#menuorder ul li:hover {
	background-color: #cfc; /*#ffbf50;*/
}
div#menuorder ul li a {
	color: #333;
	text-decoration: none;
}
div#menuorder ul li a:hover {
	text-decoration: underline;
}
div#menuorder ul li p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 18px;
}
div#menuorder ul li p.pri {
	padding-left: 20px;
}
div#menuorder ul li.noitems {
	text-align: center;
	font-size: 14px;
	color: #383; /*#955920;*/
	border: 0px none;
	margin: 1px 1px 0px;
}
div#menuorder .checkout {
	background-color: #ccc;
	overflow: hidden;
	border-top: 1px solid #aaa;
}
div#menuorder input {
	border: 0px none;
	background-image: url(../images/orderButtons.png);
	background-repeat: repeat-x;
	background-position: 0% -31px;
	height: 30px;
	padding: 0px 10px;
	line-height: 25px;
	margin: 5px;
	cursor: pointer;
	border: 1px solid #555;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
	font-weight: 700;
}
div#menuorder input:hover {
	background-position: 0% -1px;
}
div#menuorder input:active {
	background-image: url();
	background-color: #7f7; /*#faaf40;*/
}
div#menuorder input#orderbtn {
	float: right;
	display: inline;
}

h1.menufor {
	font-size: 130%;
	text-align: center;
	padding: 7px;
	color: #333;
}


#ordercontent {
	overflow: hidden;
}
#ordercontent h2 {
	text-align: center;
	font-size: 200%;
	padding-bottom: 20px;
	color: #333;
	-webkit-text-shadow:	0px 0px 10px #F00;
	-moz-text-shadow:		0px 0px 10px #F00;
	text-shadow:			0px 0px 10px #FFF;
	border-bottom: 1px solid #aaa;
}
#ordercontent #menuorder ul {
	height: 265px;
	overflow: auto;
}
#ordercontent #customer {
	margin: 10px 240px 0px 0px;
	border: 1px solid #aaa;
	padding: 30px;
	background-color: #eee;
	overflow: hidden;
}

#ordercontent #customer div.left {
	float: left;
	border-right: 1px solid #aaa;
	padding-right: 20px;
}
#ordercontent #customer div.right {
	float: right;
}
#ordercontent #customer div.left,
#ordercontent #customer div.right {
	display: inline;
	width: 47%
}
#ordercontent #customer .left p,
#ordercontent #customer .right p {
	overflow: hidden;
	height: 30px;
}
#ordercontent #customer .left label,
#ordercontent #customer .right label {
	float: left;
	display: inline;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
#ordercontent #customer p.error {
	color: #a00;
}
#ordercontent #customer p.error input {
	border-color: #a00;
}
#ordercontent #customer .left label span,
#ordercontent #customer .right label span {
	color: #777;
	font-size: 10pt;
}
#ordercontent #customer input.field,
#ordercontent #customer input.btn {
	float: right;
	display: inline;
	height: 20px;
	border: 1px solid #aaa;
	padding: 2px;
	margin: 2px 2px 2px 0px;
	color: #555;
}
#ordercontent #customer input.btn {
	color: #000;
	padding: 0px 10px;
	height: 30px;
	line-height: 28px;
	font-size: 90%;
	background-color: #cfc; /*#faaf40;*/
	background-image: url(../images/orderButtons.png);
	background-repeat: repeat-x;
	background-position: 0px -31px;
	cursor: pointer;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	border-radius:			4px;
	-webkit-box-shadow:		0px 0px 5px #aaa;
	-moz-box-shadow:		0px 0px 5px #aaa;
	box-shadow:				0px 0px 5px #aaa;
	-webkit-text-shadow:	0px 0px 10px #fff;
	-moz-text-shadow:		0px 0px 10px #fff;
	text-shadow:			0px 0px 10px #fff;
}
#ordercontent #customer input.btn:hover {
	background-position: 0px -1px;
}
#ordercontent #customer input.btn:active {
	background-image: url();
}
#ordercontent #customer input.btn.left {
	float: left;
	margin-right: 10px;
}
#recaptcha_response_field {
	left: 0px;
}

#ordercontent .bottom p {
	height: auto;
	overflow: hidden;
}
#ordercontent .bottom h3 {
	padding-bottom: 0px;
	margin: 5px 0px;
	text-align: center;
}
#recaptcha_widget_div {
	padding-bottom: 15px;
	width:290px;
}
#recaptcha_area {
	margin: 0px auto;
}
#ordercontent .bottom {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #aaa;
	overflow: hidden;
}