﻿/*============================================================================================*/
/*================================== FRONT END OF THE SITE ===================================*/
/*============================================================================================*/
body{
  margin:0 0 0 0;
  padding:0 0 0 0;
  background-color:#DBD5CB;
}
.spine{
  position:relative;
  float:left;
  width:100%;
  background:url(../images/body_bg.gif) repeat-x;
  margin:0 0 0 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;}
/*................................................................CONTENT*/
.content{
  position:relative;
  z-index:1;
  width:980px;
  margin:5px auto 25px auto;
  background-color:#FFFFFF;}
/*................................................................MESSAGES*/
.error{
  color:#b46c48;
  background-color:#FFCCCC;
  border:#b46c48 solid 1px;}

.success{
  color:#759047;
  background-color:#dbeabf;
  border:#759047 solid 1px;}
#message{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  padding:5px;
  margin:5px 15px;
  display:none;
  clear:both;}
/*................................................................HEADER*/
#leftHead{
  position:relative;
  float:left;
  padding:9px 0 0 15px;}
#rightHead{
  position:relative;
  float:left;
  width:475px;
  height:109px;
  margin:9px 0 0 2px;}
#bookmark {
  position:absolute;
  top:0px;
  right:5px;
  width:120px;}
.backNap{
  position:relative;
  float:left;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
  margin:60px 0 0 228px;}
/*................................................................MENU*/
.menu{
  position:relative;
  width:926px;
  float:left;
  margin-top:14px;
  margin-left:16px;
  padding-left:23px;
  background:url(../images/menu_top_bg.gif) 0 0 no-repeat}
.menu-mng {
  position:relative;
  width:926px;
  float:left;
  margin-top:14px;
  margin-left:16px;
  padding-left:23px;
  background:url(../images/menu_top_mng_bg.gif) 0 0 no-repeat}
.button1{
  position:relative;
  float:left;
  width:102px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/home_b.jpg) left top no-repeat}
.button1:hover{
  background-position:left bottom;}
.button2{
  position:relative;
  float:left;
  width:126px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/feedback_b.jpg) left top no-repeat;}
.button2:hover{
  background-position:left bottom;}
.button3{
  position:relative;
  float:left;
  width:153px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/restaurants_b.jpg) left top no-repeat;}
.button3:hover{
  background-position:left bottom;}
.button4{
  position:relative;
  float:left;
  width:141px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/membership_b.jpg) left top no-repeat;}
.button4:hover{
  background-position:left bottom;}
.button5{
  position:relative;
  float:left;
  width:126px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/about_b.jpg) left top no-repeat;}
.button5:hover{
  background-position:left bottom;}
.button6{
  position:relative;
  float:left;
  width:107px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/login_b.jpg) left top no-repeat;}
.button6:hover{
  background-position:left bottom;}
 .button6_{
  position:relative;
  float:left;
  width:107px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/logout_b_menu.jpg) left top no-repeat;}
.button6_:hover{
  background-position:left bottom;}
.button7{
  position:relative;
  float:left;
  width:134px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/mynapkin_b.jpg) left top no-repeat;}
.button7:hover{
  background-position:left bottom;}
.button8{
  position:relative;
  float:left;
  width:120px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/home_mng.jpg) left top no-repeat;}
.button8:hover{
  background-position:left bottom;}
.button9{
  position:relative;
  float:left;
  width:187px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/account_mng.jpg) left top no-repeat;}
.button9:hover{
  background-position:left bottom;}
.button10{
  position:relative;
  float:left;
  width:220px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/menu_mng.jpg) left top no-repeat;}
.button10:hover{
  background-position:left bottom;}
.button11{
  position:relative;
  float:left;
  width:171px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/orders_mng.jpg) left top no-repeat;}
.button11:hover{
  background-position:left bottom;}
.button12{
  position:relative;
  float:left;
  width:211px;
  height:36px;
  overflow:hidden;
  display:block;
  background:url(../images/comments_mng.jpg) left top no-repeat;}
.button12:hover{
  background-position:left bottom;}
a.selected_food_type{
  color:#B46C48;
  font-weight:bold;
  text-decoration:none;}
a.selected_food_type:hover{
  color:#B46C48;
  font-weight:bold;
  text-decoration:none;}
.section_header{
  padding-top:2px;
  padding-bottom:2px;
  padding-left:2px;
  background-color:#CCCCCC;
  font-weight:bold;
  clear:left;
  color:#333333;
  font-size:12px}

.menuCatBot {
  margin-top:5px;
  padding:5px 10px;
  background:#fcfafa;
  border:2px solid #e5e3e1;
  border-bottom:2px solid #e5e3e1;
  border-top:2px solid #e5e3e1;}
.menuCatBot p {
 margin:0;
 padding:0;
 line-height:22px}
.menuCatBot h3 {
  color:#95b957;
  margin:5px 0;
  text-transform:uppercase;}
.menuCatBot a:link, .menuCatBot a:visited {
  color:#888888;}
.menuCatBot a:hover {
  color:#b46c48;}
.menuCatBot .active {
  color:#b46c48;
  font-weight:bold;
  text-decoration:none}
a.atop:link, a.atop:visited {
	background:url(../images/up.gif) right center no-repeat;
	padding-right:13px;
	font-size:11px}
*:first-child+html a.atop:link, *:first-child+html a.atop:visited {
	display:block;
	width:53px;
	text-align:left}
/*........................................................................LEFT*/
.searchBox{
  position:relative;
  float:left;
  width:476px;
  *width:476px;
  margin-top:21px;
  padding-left:15px;}
.searchBox a{
  color:#82A44B;}
.searchBox a:hover{
  color:#336600;}
#searchBoxContent
{
	background-image: url(../images/food_and_drink.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width:476px;
	*width: 450px;
	height: 90px;
	margin-bottom: 11px;
	padding-top:37px;
	padding-left: 26px;
	font-family:Verdana;
	color: #828282;
	font-size: 12px;
	font-weight: normal;
	vertical-align:top;
}
#searchBoxContentText
{
	margin-left:114px;
	margin-top:23px;
	border: 1px solid #666666;
	width: 148px;
	height:16px;
	font-family:Verdana;
	color: #c9815b;
	font-size: 12px;
	font-weight: bold;
	padding-top:3px;
	padding-left:6px;
	float: left;
}
#searchBoxContentImage
{
//	background-image: url(../images/transparent.gif);
//	background-repeat:repeat;
	margin-top:22px;
	width: 96px;
	height: 23px;
	margin-left: 15px;
}
#searchBoxContent #advanced
{
	padding-left:287px;
	font-family: Verdana;
	font-size: 10px;
	color: #c1d1a9;
	font-weight: normal;
	float: left;
	padding-top: 7px;
	width: 95px;
}
.mapBox{
  position:relative;
  float:left;
  clear:left;
  width:476px;
  height:270px;
}
#mapTxt{
  position:relative;
  float:left;
  clear:left;
  width:476px;
  text-align:left;
  font-size:12px;
  color:#828282;
  margin:14px 0 0 0;}
#mapTxt2{
  position:relative;
  float:left;
  clear:left;
  width:476px;
  text-align:left;
  font-size:12px;
  color:#828282;
  margin:10px 0 0 0;}
#mapTxt3{
  position:relative;
  float:left;
  clear:left;
  width:476px;
  text-align:right;
  font-size:12px;
  margin:8px 0 8px 0;}
.fLeft{
  position:relative;
  float:left;
  margin-left:100px;
}
.fRight{
  position:relative;
  float:right;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666}
select.fRight {
  width:150px;}
.or{
  position:relative;
  float:left;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#888888;
  margin:0 10px;}
.postCode{
  position:relative;
  float:left;
  width:55px;
  border-top:1px solid #666666;
  border-left:1px solid #666666;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  margin:0 10px 0 10px;}
.searchSubmit {
  cursor:pointer;
  border:0px;
  position:relative;
  float:right;
  display:block;
  width:72px;
  height:22px;
  margin:0px 0 0 10px;
  background:url(../images/search_b.gif) no-repeat left top;
  overflow:hidden;
}
.searchSubmit:hover {
  background-position:left bottom;}
.searchButton{
  cursor:pointer;
  position:relative;
  float:right;
  width:72px;
  height:22px;
  overflow:hidden;
  display:block;
  background:url(../images/search_b.gif) no-repeat left top;
  margin:0px 0 0 10px;}
.searchButton:hover{
  background-position:left bottom;}
#advanced{
  position:relative;
  float:right;}
#mapTxt a{
  color:#000000;}
#mapTxt a:hover{
  color:#CC0000;}
/*..............................................................................LEFTCOL*/
.leftCol{
  position:relative;
  float:left;
  width:550px;
  padding:0 82px 0 40px;
  color:#999999;
  line-height:20px;}
/*............................................................................Mini Cart*/
#miniCart {
/*  position:fixed;*/
	position: relative;
/*  top:256px;*/
  left:auto;
	z-index:2;
}
/*............................................................................RIGHT TOP*/
.rightTopBox{
  position:relative;
  float:left;
  width:459px;
  height:126px;
  margin:21px 0 0 13px;
  *margin:21px 0 0 13px;
  color:#FFFFFF;}
.rightTopBoxImage img{
  position:relative;
  float:left;
  width:459px;
  height:126px;}
.rightTxt1{
  position:relative;
  float:left;
  margin:-86px 0 0 14px;
  width:300px;
  height:44px;
  overflow:hidden}
html:root*.rightTxt1 {
  font-weight:normal;
  font-size:12px;}
.readmoreButton{
  position:relative;
  float:left;
  width:81px;
  height:23px;
  overflow:hidden;
  clear:both;
  display:block;
  background:url(../images/readmore_b.jpg) left top no-repeat;
  margin:-34px 0 0 14px;}
.readmoreButton:hover{
  background-position:left bottom;}
.logoBanner{
  position:relative;
  float:right;
  margin:-119px 7px 0 0;
  width:120px;
  height:90px;
  overflow:hidden}
/*.........................................................................RIGHT MIDDLE*/
.rightMiddleBox{
  position:relative;
  float:left;
  width:459px;
  height:128px;
  margin:11px 0 0 13px;
  color:#999999;}
.rightMiddleBoxImage img{
  position:relative;
  float:left;
  width:459px;
  height:128px;}
.rightTxt2{
  position:relative;
  float:left;
  margin:-93px 0 0 14px;
  width:200px;}
.findButton a{
  position:relative;
  float:left;
  width:102px;
  height:23px;
  overflow:hidden;
  display:block;
  margin:-36px 0 0 14px;}
.findButton a:hover{
  background-position:left bottom;}
/*.........................................................................RIGHT BOTTOM*/
.rightBottomBox{
  position:relative;
  float:left;
  width:459px;
  height:128px;
  margin:10px 0 0 13px;
  color:#999999;}
.rightBottomBoxImage img{
  position:relative;
  float:left;
  width:459px;
  height:128px;}
.rightTxt3{
  position:relative;
  float:left;
  margin:-93px 0 0 14px;
  width:200px;}
.loginButton a{
  position:relative;
  float:left;
  width:52px;
  height:23px;
  overflow:hidden;
  display:block;
  margin:-36px 0 0 14px;}
.loginButton a:hover{
  background-position:left bottom;}
/*..........................................................................ABOUT RIGHT*/
.aboutRight{
  position:relative;
  float:left;
  width:289px;
  height:600px;
  margin:20px 0 0 0;
  background:url(../images/aboutright_bg.gif) repeat-x;}
#quickSearch{
  position:relative;
  width:249px;
  height:116px;
  background:url(../images/quicksearch_bg.jpg);
  margin:20px auto;}
.aboutRightTxt{
  position:relative;
  width:180px;
  font-size:11px;
  color:#666666;
  padding:35px 0 0 14px;}
.searchButton2{
  position:relative;
  float:left;
  width:50px;
  height:22px;
  overflow:hidden;
  display:block;
  background:url(../images/searchgo.gif) left top no-repeat;}
.searchButton2:hover{
  background-position:left bottom;}
#newCustomers{
  position:relative;
  width:249px;
  height:116px;
  margin:0 auto;}
#newCustomerImage img{
  position:relative;
  float:left;
  width:249px;
  height:116px;}
.aboutRightTxt1{
  position:relative;
  float:left;
  width:180px;
  font-size:11px;
  color:#666666;
  margin:-81px 0 0 14px;}
.findButton2 a{
  position:relative;
  float:left;
  width:102px;
  height:23px;
  overflow:hidden;
  display:block;
  margin:-37px 0 0 14px;}
.findButton2 a:hover{
  background-position:left bottom;}
#existingCustomers{
  position:relative;
  width:249px;
  height:116px;
  margin:20px auto;}
#existingCustomersImage img{
  position:relative;
  float:left;
  width:249px;
  height:116px;}
.aboutRightTxt2{
  position:relative;
  float:left;
  width:180px;
  font-size:11px;
  color:#666666;
  margin:-81px 0 0 14px;}
.loginButton2 a{
  position:relative;
  float:left;
  width:52px;
  height:23px;
  overflow:hidden;
  display:block;
  margin:-37px 0 0 14px;}
.loginButton2 a:hover{
  background-position:left bottom;}
/*.......................................................................MENU PAGE LEFT*/
.menuLeft{
  position:relative;
  float:left;
  width:699px;
  padding:0px 0 0 18px;
  color:#888888;}
#someBox{
  position:relative;
  float:left;
  width:699px;
  background-color:#F6F5F4;
  margin:20px 0;
  overflow:hidden;}
.address {
  height:35px;}
#someBoxLeft{
  position:relative;
  float:left;
  padding:0 7px;
  margin-bottom:-500px;
  padding-bottom:500px;
}
#someBoxMiddle{
  position:relative;
  float:left;
  width:310px;
  padding:0 7px;
  margin-bottom:-500px;
  padding-bottom:500px;
}
#someBoxMiddle h1 {
  padding:0;
  margin:10px 0;
  font-size:12px}
#someBoxRight{
  position:relative;
  float:right;
  width:198px;
  padding:0 7px;
  margin-bottom:-500px;
  padding-bottom:500px;
}
.openHours {
  margin-bottom:3px;
  font-family:Verdana;
  font-size:12px}
.day{
  position:relative;
  float:left;
  width:45px;
  font-weight:bold;}
.openimg {
  position:relative;
  float:left;
  width:5px;
  padding-top:6px}
.hour{
  position:relative;
  float:left;
  width:90px;
  padding-left:4px}
.hour font {
  display:block;
  height:30px;
  float:left}
/*.......................................................................TAB MENU */
.tabMenu{
  position:relative;
  float:left;
  width:699px;
  height:26px;
  margin-top:20px;
  overflow:hidden;}
.tabBut{
  position:relative;
  float:left;
  width:140px;
  height:26px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbutton.gif) left top no-repeat;
  text-align:center;}
.tabBut:hover{
  background-position:left bottom;}
.tabButActive{
  position:relative;
  float:left;
  width:140px;
  height:26px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbutton.gif) left bottom no-repeat;
  text-align:center;
  color:#B46C48;}

.tabMenu ul,
.tabMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;}
.tabMenu ul {
	width:560px}
.tabArrowLeft {
	background:url(../images/arrows_gray.gif) left top;
	margin-right:1px;
	width:19px;
	height:26px;
	float:left;}
.tabArrowRight {
	background:url(../images/arrows_gray.gif) left bottom;
	width:19px;
	height:26px;
	float:left}
.tabArrowLeft a {
	position:relative;
	float:left;
	display:block;
	background:url(../images/ani_arrow_l.gif) left top;
	width:19px;
	height:26px;}
.tabArrowLeft a:hover {
	/*background:url(../images/arrows_left.gif) left bottom*/}

.tabArrowRight a{
	float:left;
	display:block;
	background:url(../images/ani_arrow_r.gif) left top;
	width:19px;
	height:26px;}
.tabArrowRight a:hover {
	/*background:url(../images/arrows_right.gif) left bottom*/}
.tabArrowDown {
	background:url(../images/arrows_down.gif) left top;
	width:19px;
	height:26px;
	float:left;
	margin-left:1px}
.tabArrowDown a {
	float:left;
	display:block;
	background:url(../images/arrows_down.gif) left top;
	width:19px;
	height:26px;}
.tabArrowDown a:hover {
	background:url(../images/arrows_down.gif) left bottom;}
#tabList {
	position:absolute;
	visibility: hidden;
	z-index:200;
	top:0px;
	right:78px;
	width:200px;
	min-height:40px;
	background:#ffffff;
	border:1px solid #d6dccb;}
#cmenuCont #tabList{
	right:23px}
#tabList ul {
	list-style:none;
	margin:0;
	padding:0;}
#tabList li a:link, #tabList li a:visited {
	display:block;
	padding:3px 3px 3px 10px;
	background:#fcfafa;
	color:#a69e93;
	font-weight:bold;
	text-decoration:none}
#tabList li a:hover {
	background:#ebe8e4;
	color:#b46c48;}

.tabMenu .tabButActive{
  color:#B46C48;}

.tabMenu a{
  color:#A69E93;
  text-decoration:none;
  font-weight:bold;
  line-height:24px;}
.tabMenu a:hover{
  color:#B46C48;}
.tabBut2{
  position:relative;
  float:left;
  width:139px;
  height:26px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbuttonend.gif) left top no-repeat;
  text-align:center;}
.tabBut2:hover{
  background-position:left bottom;}
.tabButActive2{
  position:relative;
  float:left;
  width:139px;
  height:26px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbuttonend.gif) left bottom no-repeat;
  text-align:center;}
.tabMenu .tabButActive2{
  color:#B46C48;}
.menuContainer{
  position:relative;
  float:left;
  width:637px;
  border-bottom:1px solid #E5E3E1;
  border-left:1px solid #E5E3E1;
  border-right:1px solid #E5E3E1;
  background-color:#F6F5F4;
  padding:30px;}
.menuContent{
  position:relative;
  float:left;
  width:587px;
  padding:0 25px 20px 25px;
  background-color:#FCFAFA;}
.menuRow{
  float:left;
  width:587px;
  position:relative;
  padding:20px 0;
  border-bottom:1px dotted #CCCCCC}
.menuRowLeft{
  position:relative;
  float:left;}
.menuRowLeft ul {
  margin:5px 0 0 40px;
  padding:0;}
.menuRowLeft li {
  margin-bottom:5px;}
.menuRowRight{
  position:relative;
  float:right;}
/*......................................................................Popup Add Meal */
.btn-custom {
	text-align:right;
	background:url(../images/custom_pizza_bg.gif) center right no-repeat;
	padding-right:20px;}
.btn-custom a{
	color:#a9c76d;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase}
.btn-custom a:hover {
	color:#b46c48}

#addMeal {
	position:absolute;
	top:80px;
	left:55px;
	z-index:10;
	width:588px;
	visibility: hidden}
.addMealHead {
	background: url(../images/addmeal_head.gif) top no-repeat #96b75e;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	padding:2px 10px;
	font-family:Arial;}

.addMealBody {
	background:#f4f7ee;
	min-height:200px;
	border:1px solid #c3d6a4;
	padding:0 7px 10px 7px;
	color:#666666;}

.addMealBody .row {
	margin:1px 0 1px 10px;
	padding:2px 1px 2px 0;
	width:175px;
	font-size:11px;
	clear:both;
	min-height:15px;}

.addMealBody .row input {
	float:left;
	width:13px;
	margin:1px 5px 0 0;
	border:0}

.addMealBody .row font {
	float:left;
	display:block;
	width:122px;
	font-size:11px}

.addMealBody small {
	color:#b46c48;
	display:block;
	width:35px;
	float:left;
	text-align:right}

.addMealBody .gray {
	background:#e6ebdc}
.addMealBody .qty {
	margin:0;
	font-weight:bold;
	color:#b26b47}
#addMeal h4 {
	color:#6284ac;
	padding:0;
	font-size:12px;
	margin:15px 0 5px 0;}
.chooseSelect {
	margin:0 0 0 10px;
	width:130px;
	font-size:12px;
	font-family:Verdana;}
.addMealSize {
	margin:5px 5px 20px 15px;
	line-height:15px;
	font-size:12px}
.addMealSize input {
	float:left;}
.addMealSize label {
	display:block;
	padding-top:2px;
	width:50px;
	float:left}
.addMealSize span {
	display:block;
	float:left;
	padding-top:2px}
.addMealSize .brown {
	color:#b46c48}

.addMealClose {
	position:absolute;
	display:block;
	background:url(../images/addmeal_close.gif) top;
	width:14px;
	height:13px;
	top:6px;
	right:10px;
	cursor:pointer}
.addMealClose:hover {
	background:url(../images/addmeal_close.gif) bottom}
.addMealCol {
	float:left;
	width:190px;}
.second {
	margin-left:5px;
	width:185px}
.addMealSubmit {
	text-align:right;
	margin:5px;
	cursor:pointer}
.addMealTxt {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	width:180px;
	margin-bottom:10px;
	border:1px solid #d5d5d5;
	padding:2px;
	color:#666666}
/*......................................................................MENU PAGE NEW*/
.menuItem {
  color:#6386AE;
  width:100%;
  padding:0;
  margin:0;}
.mealImg {
  clear:left;
  float:left;
  width:75px;
  height:85px;
  background:url(../images/pizza_no_photo.jpg) top center no-repeat;
  text-align:center;
  margin:5px 0 0 10px}
.menuItemDescr {
  width:455px;
  min-height:17px;
  float:left;
  margin-top:2px}
.menuItemPrice {
  display:block;
  width:130px;
  float:left;
  text-align:right}
.menuItemPrice select {
  font-size:12px;
  font-family:Verdana}
.menuItemPrice img {
  cursor:pointer}
*:first-child+html .menuItemPrice img{
  margin-top:2px;}
*:first-child+html .pizza .menuItemPrice img {
  margin-top:0}
html:root*.menuItemPrice img{
  margin-top:2px;}
.subItems {
  margin:0 0 0 20px;
  padding:5px 0 0;
  float:left;
  list-style:none}
.subItems li {
  line-height:21px;
  display:block;
  clear:both;}
html:root*.subItems li {
  list-style:none;}
.subItems label {
  display:block;
  width:425px;
  float:left;
  background:url(../images/point.gif) left center no-repeat;
  padding-left:10px;}
.pizza label {
  width:330px}
.pizza .menuItemPrice img {
  margin:2px 1px 0 0}
.qty {
  width:20px;
  height:14px;
  padding:0;
  font-family:Verdana;
  font-size:12px;
  text-align:center;
  color:#666666}
/*......................................................................MENU PAGE RIGHT*/
.menuRight{
  position:relative;
  float:left;
  width:233px;
  margin:36px 0 0 14px;}
.menuRightBox{
  position:relative;
  float:left;
  width:233px;
  background-color:#F0E2DA;}
#menuRightBoxTop{
  position:relative;
  float:left;
  height:29px;
  width:233px;
  color:#FFFFFF;
  background:url(../images/mrbtop_bg.gif) no-repeat;}
#menuRightBoxTop a{
  color:#FFFFFF;}
#menuRightBoxTop a:visited{
  color:#999999;}
#menuRightBoxTop a:active{
  font-weight:bold;
  color:#FFFFFF;}
#menuRightBoxTop a:hover{
  color: #000000;
  cursor:pointer;}
.orderName{
  position:relative;
  float:left;
  margin:5px 0 0 5px;
  width:156px;}
.orderName small {
  color:#724b39}
.orderName img {
	border:none}
.orderPrice{
  position:relative;
  float:right;
  text-align:right;
  margin:5px 5px 0 0;
  width:50px;}
a.edit:link, a.edit:visited {
  color:#f0e2da;
  background:#c48868;
  text-decoration:none;
  padding:0 3px}
a.edit:hover {
  color:#f0e2da;
  background:#b26b47;
  text-decoration:none}
.total{
  position:relative;
  float:left;
  border-top:1px dashed #DDBCAB;
  margin-top:2px;
  padding:5px 0;
  font-size:12px;}
.total .orderName {
  width:150px;}
.total .orderPrice {
  width:65px;}
.orderItems {
  position:relative;
  float:left;
  overflow: auto;
  width:233px;
  height:185px;
  font-size:11px
}
.mngedit {
	width:300px;
	margin:10px 0 10px 10px}
.mngedit #cmenuTitle {
	width:100%}
#menuRightBoxBottom{
  position:relative;
  float:left;
  height:38px;
  width:233px;
  background:url(../images/mrbbottom_bg.gif) no-repeat;}
.proceedBut{
  position:relative;
  float:right;
  width:76px;
  height:23px;
  display:block;
  overflow:hidden;
  background:url(../images/proceed_but.jpg) left top no-repeat;
  margin:7px 5px;}
.proceedBut:hover{
  background-position:left bottom;}
/*..........................................................................SEARCH PAGE*/
.searchLeft{
  position:relative;
  float:left;
  width:946px;
  padding:0 17px;
  color:#888888;}
#searchPageBox{
  position:relative;
  float:left;
  width:946px;
  background-color:#F6F5F4;
  margin:20px 0 0 0;
  overflow:hidden;}
.searchPageNoResults{
  margin:10px;
  font-weight:bold;
}
.searchPageBoxCuisineGroupHeader{
  background-color:#6386AE;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;
  padding:6px 8px;}
#searchBoxLeft{
  position:relative;
  float:left;
  width:142px;
  height:142px;
  overflow:hidden;
  padding:0 7px;
  margin-bottom:-500px;
  padding-bottom:500px;}
.searchBoxLeftImage{
  width:142px;
  height:142px;
  text-align:center;
  display:table-cell;
  vertical-align:middle;}
#searchBoxMiddle{
  position:relative;
  float:left;
  width:260px;
  padding:0 7px;
  margin-bottom:-500px;
  padding-bottom:500px;}
#searchBoxMiddle2{
  position:relative;
  float:left;
  width:245px;
  padding:0 7px;
  margin-bottom:-500px;
  padding-bottom:500px;}
#searchBoxRight{
  position:relative;
  float:right;
  width:250px;
  padding:0 7px 0 0;
  line-height:18px;
  font-size:11px;
  margin-bottom:-500px;
  padding-bottom:500px;}
.deliveryGrey{
  position:relative;
  float:left;
  width:76px;
  height:23px;
  display:block;
  overflow:hidden;
  margin:0 10px 10px 0;
  background:url(../images/delivery_grey.jpg) left top no-repeat;}
.deliveryGrey:hover{
  background-position:left bottom;}
.deliveryGreen{
  position:relative;
  float:left;
  width:76px;
  height:23px;
  display:block;
  overflow:hidden;
  margin:0 10px 10px 0;
  background:url(../images/delivery_green.jpg) left top no-repeat;}
.deliveryGreen:hover{
  background-position:left bottom;}
.collectionGreen{
  position:relative;
  float:left;
  clear:left;
  width:76px;
  height:23px;
  display:block;
  overflow:hidden;
  margin:0 10px 10px 0;
  background:url(../images/collection_green.jpg) left top no-repeat;}
.collectionGreen:hover{
  background-position:left bottom;}
.collectionGrey{
  position:relative;
  float:left;
  clear:left;
  width:76px;
  height:23px;
  display:block;
  overflow:hidden;
  margin:0 10px 10px 0;
  background:url(../images/collection_grey.jpg) left top no-repeat;}
.collectionGrey:hover{
  background-position:left bottom;}
.sbmInput{
  width:60px;}
.searchTopLeft{
  position:relative;
  float:left;}
.searchTopRight{
  position:relative;
  float:right;
  margin:20px 0 0 0;}
.searchSelect{
  width:160px;
  color:#333333}
#pagination, .pagination{
  position:relative;
  width:100%;
  clear:both;
  text-align:center;
  margin:10px 0 0 0;}
#pagination .pagination_active,
.pagination .pagination_active{
  color:#999999;
  font-weight:bold;}

.blockTime {
	display:block;
	float:left;
	width:45px;
	height:40px;}
/*...........................................................................FORGOT PASSWORD PAGE*/
.forgotSubmit {
  cursor:pointer;
  border:0px;
  position:relative;
  float:right;
  display:block;
  width:55px;
  height:23px;
  background:url(../images/submit.jpg) no-repeat left top;
  overflow:hidden;}
/*...........................................................................LOGIN PAGE*/
.lleft {
	float:left}
.loginTxt {
	margin:5px auto;
	position:relative;
	color:#666666}
.loginTxt p { line-height:17px;}
.loginTxt .descr {
	padding:0;
	margin:5px 0;
	height:30px}
.loginTxt .h2 {
	padding:0;
	margin:5px 0 0}
.loginboxTxt {
	color:#5f7b97;
	font-family: Arial;
	font-size:19px;
	margin:10px 10px 10px 18px;
	font-weight:normal}
.orderloginPage {
  position:relative;
  width:390px;
  margin:10px 35px 0 35px;
  float:left}
.loginPage{
  position:relative;
  width:390px;
  margin:20px auto;}
.returning {
  float:right;
  margin:10px 35px 0 20px;}
.orderLoginPageBox{
  position:relative;
  float:left;
  width:390px;
  height: 330px;
  margin:10px auto 10px auto;
  background:url(../images/loginbox_bg.gif) repeat-y;
  }
.loginPageBox{
  position:relative;
  float:left;
  width:390px;
  margin:10px auto 20px auto;
  background:url(../images/loginbox_bg.gif) repeat-y;
  }
.loginForm{
  position:relative;
  float:left;
  width:310px;
  margin:0 0 10px 0;
  padding:30px 30px 10px 30px;
  border-left:10px solid #F2F2F2;
  background-color:#F9F8F8;}
.loginForm label {
  color:#999999;
  font-weight:bold;
  display:block;
  margin-bottom:2px}
.loginForm label span {
  font-size:10px;
  font-weight:normal;}
.loginImg {
  text-align:right;
}
.inputField{
  border:1px solid #CCCCCC;
  width:308px;
  height:22px;
  margin-bottom:10px;}
.loginSubmit {
  cursor:pointer;
  border:0px;
  position:relative;
  float:right;
  display:block;
  width:52px;
  height:23px;
  background:url(../images/loginsmall_b.jpg) no-repeat left top;
  overflow:hidden;}
.loginSubmit:hover {
  background-position:bottom left;}
.loginButton3{
  position:relative;
  float:right;
  width:52px;
  height:23px;
  overflow:hidden;
  display:block;
  background:url(../images/loginsmall_b.jpg) left top no-repeat;}
.loginButton3:hover{
  background-position:left bottom;}
#loginBoxLinx{
  position:relative;
  float:left;
  width:308px;
  margin-top:10px;
  padding-top:15px;
  border-top:1px solid #CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#999999;
  line-height:24px;}
#loginBoxLinx a{
  color:#95B957;
  text-decoration:none;}
#loginBoxLinx a:hover{
  color: #889C66;}
.loginContinue {
	cursor:pointer;
	border:0px;
	position:relative;
	display:block;
	width:76px;
	height:23px;
	background:url(../images/continue_b2.jpg) no-repeat left top;
	overflow:hidden;
	float:right}
.loginContinue:hover {
	background:url(../images/continue_b2.jpg) no-repeat left bottom;}
.loginProceed {
	cursor:pointer;
	border:0px;
	position:relative;
	display:block;
	width:76px;
	height:23px;
	background:url(../images/proceed_b.jpg) no-repeat left top;
	overflow:hidden;
	float:right}
.loginProceed:hover {
	background:url(../images/proceed_b.jpg) no-repeat left bottom;}
/*...............................................................................FOOTER*/
.footer{
  position:relative;
  width:100%;
  color:#897F6A;
  z-index:0}
.footer a{
  color:#B46C48;
  text-decoration:none;}
.footer a:hover{
  color:#FFFFFF;}
#footerContent{
  position:relative;
  z-index:0;
  width:980px;
  text-align:center;
  margin:-15px auto 20px auto; }
/*.......................................................................GENERAL STYLES*/
a{
  color:#95B957;}
a:hover{
  color:#006600;}
.h2{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:bold;
 color:#B46C48;
 margin-top:20px;}
.h2 span {
  border-bottom:3px double #B46C48}
h3{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#5F82A8;}
form {
  margin:0;
  padding:0;}
/*.....................................................................RESTAURNT RATING*/
a.rate_star {
	height:12px;
	width:12px;
	background:url(../images/rate.gif) 0px -12px no-repeat;
	float:left;
	overflow:hidden;
	margin-left:3px;
}

.rate_star_over {
	height:12px;
	width:12px;
	background:url(../images/rate.gif) 0px 0px no-repeat;
	float:left;
	overflow:hidden;
	margin-left:3px;
}

.rate_container {
	height:12px;
	line-height:12px;
	margin-bottom:5px;
}

.rate_process {
	padding-left:3px;
	padding-right:2px;
	font-weight:bold;
	float:left;
}

.vote_result {
	height:12px;
	width:12px;
	float:left;
	overflow:hidden;
	margin-left:3px;
}
/*.....................................................................CONTACT US*/
.fullCol {
	position:relative;
	float:left;
	width:940px;
	padding:0 40px;
	color:#999999;
	line-height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
}
.description {
	margin:2px 20px 2px 0;}
#contactLeft {
	width:454px;
	float:left;
	margin:22px 0 22px 0;
}
#contactRight {
	width:427px;
	float:left;
	margin:22px 0 22px 20px;
}
.contactHeader {
	background-color:#f2f2f2;
	color:#6386AE;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	height:21px;
	padding: 8px 10px 0;
}
.contactLine {
	margin-top:18px;
	margin-bottom:18px;
}
.contactLine label {
	font-weight:bold;
	float:left;
	padding-right:22px;
	text-align:right;
	width:105px;
	color:#828282;
}
.contactLine input {
	text-align:left;
	width:317px;
}
.contactLine textarea {
	width:424px;
	height:179px;
	margin-top:5px;
}
.contactText {
	color:#6386AE;
	padding:0 15px 0 15px;
	font-size:10px;
	width:400px;
	line-height:15px;
}
.contactSubmit {
	cursor:pointer;
	border:0px;
	position:relative;
	float:right;
	display:block;
	width:55px;
	height:23px;
	margin:0 0 0 10px;
	background:url(../images/submit.jpg) no-repeat left top;
	overflow:hidden;
}
.contactCancel {
	cursor:pointer;
	border:0px;
	position:relative;
	float:right;
	display:block;
	width:60px;
	height:23px;
	background:url(../images/cancel.jpg) no-repeat left top;
	overflow:hidden;
}
/*.....................................................................ADVANCED SEARCH*/
#advSearchLeft {
	width:454px;
	float:left;
	margin:22px 0 0 0;
}
#advSearchRight {
	width:427px;
	float:left;
	margin:22px 0 0 20px;
}
.advSearchLine {
	margin-top:18px;
	margin-bottom:18px;
}
.advSearchLine label {
	font-weight:bold;
	float:left;
	padding-right:22px;
	text-align:right;
	width:123px;
	color:#828282;
	display:block;
}
.advSearchLine input {
	text-align:left;
	width:299px;
}
.advSearchLine select {
	width:150px;
	margin-left: 80px;
	margin:3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444
}
.advSearchFooter {
	border-bottom:dotted #a3a3a3 1px;
	clear:both;
	width:900px;
}
.advSearchSubmit {
	cursor:pointer;
	border:0px;
	position:relative;
	float:right;
	display:block;
	width:55px;
	height:23px;
	margin:0 10px 0 0;
	background:url(../images/search1_b.jpg) no-repeat left top;
	overflow:hidden;
}
/*.....................................................................FEEDBACK*/
.feedbackHeader {
	background-color:#f2f2f2;
	font-weight:bold;
	line-height:16px;
	width:838px;
	height:51px;
	margin:12px 0 20px;
	padding: 13px 44px 14px 15px;
}
.first {
	margin:-5px 0 0 -15px;}
.feedbackLeftCol {
	position:relative;
	float:left;
	width:235px;
}
.feedbackLeftCol .menuBlock {
	background-color:#f2f2f2;
	padding:1px 12px 12px 12px;
	line-height:20px;
}
.AdvBlock1 {
	margin:10px 0;
	text-align:center
}
.feedbackMenu {
	width:183px;
	background-color:#f9f8f8;
	font-weight:bold;
	padding: 16px 15px 32px 15px;
}
.feedbackMenu a {
	color:#678ab4;
	text-decoration:none;
}
.feedbackMenu a:hover {
	color:#678ab4;
	text-decoration:underline;
}
.feedbackHead {
	font-size:19px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#a9c76c;
	margin:12px 0 6px;
}
.feedbackRightCol {
	position:relative;
	float:left;
	/*width:940px;*/
	padding:0 15px;
	color:#999999;
	line-height:20px;
}
.feedbackLine {
	margin-top:20px;
}
.feedbackTitle {
	color:#b46c48;
	font-size:24px;
	padding:5px 0;
	margin:0;
	float:left;
	font-weight:normal
}
.feedbackSignature {
	color:#424242;
	font-size:11px;
	line-height:15px;
	text-align:right;
	margin-right:15px;
}
.feedbackContent {
	clear:left;
	width:600px;
	text-align:justify;
	color:#424242;
	font-size:11px;
	padding:10px 30px 6px 16px;
	border:solid 1px #d4d4d4;
	background-color:#f9f8f8;
	margin-top:6px;
}
.feedbackComments {
	font-size:12px;
	text-align:right;
	margin-top:10px;
}
a.commentFeedback {
	color:#678ab4;
}
a.commentFeedback:hover {
	color:#0c3d79;
}
.feedbackPagination {
	position:relative;
	clear:both;
	text-align:center;
	margin:10px 0 0 0;
}
.feedbackPagination .pagination_active{
	color:#999999;
	font-weight:bold;
}
/*.....................................................................RESTAURANTS COMMENTS*/
.reviews {
	clear:both;
	width:946px;
	padding:10px 17px;
	font-family:Verdana;
	font-size:11px;
	color:#838383;
	margin-top:35px;
}
.reviewTitle {
	color:#6386ae;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:10px 0;
	/*margin-bottom:10px;*/
}
.reviewLine {
	margin-bottom:35px;
}
.reviewHeader {
	width:925px;
	font-size:12px;
	background-color:#f0fadf;
	padding:6px 10px 6px;
}
.reviewBody {
	width:915px;
	padding:10px 0 0 5px;
}
.reviewFooter {
	width:945px;
	height:1px;
	border-top:1px solid #e6e6e6;
}
.reviews textarea {
	width:464px;
	height:105px;
}
.reviewPostComment {
	cursor:pointer;
	border:0px;
	position:relative;
	display:block;
	width:138px;
	height:23px;
	background:url(../images/post_comment.gif) no-repeat left top;
	overflow:hidden;
	margin-top:6px;
}
.reviewAddComment {
	padding:10px 0;
	line-height:25px;
}
/*.....................................................................ORDER PAGE*/
#rightHeadOrder {
	position:relative;
	float:left;
	width:475px;
	height:109px;
	background:url(../images/header_right_order.jpg) no-repeat;
	margin:9px 0 0 2px;
}
.rightHeaderOrderText {
	margin:63px 0 0 177px;
}
.orderLine {
	margin:18px 0;
}
form#orderForm div fieldset label, form#regForm div fieldset label {
	font-weight:bold;
}
form#orderForm div fieldset label font,form#regForm div fieldset label font,
 div.orderLine * font, div.contactLine * font{
	color:#FF0000;
}
form#orderForm div fieldset select {
	font-size:13px}
form#orderForm div fieldset input,form#regForm div fieldset input {
	width:50px;
	margin:0 5px
}
.orderLine label {
	font-weight:bold;
	float:left;
	padding-right:12px;
	margin-left:-25px;
	text-align:right;
	width:140px;
	color:#828282;
}
.orderLine strong {
	color:#828282;}
.orderLine input {
	text-align:left;
	width:317px;
}
.orderLine .confirmFirstCol {
	float:left;
	font-weight:bold;
	padding:0 60px 0 15px;
	text-align:right;
	width:145px;
	color:#828282;
	font-size:11px;
}
.orderLine .confirmSecondCol {
	float:left;
	width:230px;
	color:#828282;
	font-size:11px;
}

.orderSummaryTbl {
	width:100%;
	font-size:11px;
	font-weight:bold;
}
.orderSummaryTblHeader {
	color:#b46c48;
	text-align:center;
}
.orderSummaryTblLine {
	border-bottom:dotted 1px #a3a3a3;
	height:1px;
	clear:both;
}
.orderSummaryTblRow{
	color:#525252;
}
.orderConfText {
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:#828282;
	padding:0 22px;
	line-height:30px;
}
.orderSubmit {
	padding: 5px 0 0 22px;
}
.orderSubmit input {
	cursor:pointer;
	border:0px;
	position:relative;
	display:block;
	width:98px;
	height:23px;
	background:url(../images/continue_b.jpg) no-repeat left top;
	overflow:hidden;
}
/*.....................................................................CHECKOUT PAGE*/
.checkoutSubtitle {
	margin:12px 0 10px;
	float:left;
}
.checkoutContinueShopping {
	float:right;
	margin:12px 70px 10px 0;
}
.checkoutContinueShopping a {
	color:#828282;
	text-decoration:none;
	font-weight:bold;
}
.checkoutContinueShopping a:hover {
	color:#000000;
}
.checkoutBody {
	background-color:#f3f1ee;
	width:869px;
	clear:both;
}
.checkoutHeader {
	background:url(../images/checkout_top.gif) no-repeat left top;
	height:36px;
}
.checkoutList {
	font-size:11px;
}
.checkoutLine {
	padding:5px 0 5px 18px;
	font-weight:bold;
	color:#2d2d2d;
}
.checkoutItemNum {
	float:left;
	width:64px;
}
.checkoutItemName {
	float:left;
	width:128px;
	padding-left:5px;
}
.checkoutRestName {
	float:left;
	width:205px;
	padding-left:5px;
	color:#8bac56;
}
.checkoutLocation {
	float:left;
	width:190px;
	padding-left:5px;
	font-weight:normal;
	color:#6a8eba;
}
.checkoutOptions {
	float:left;
	width:105px;
	padding-left:5px;
}
.checkoutOptions a {
	text-decoration:underline;
	color:#2d2d2d;
}
.checkoutQtyPrice {
	float:left;
	font-weight:normal;
}
.checkoutQtyPrice select {
	width:55px;
}
.checkoutQtyPrice .price {
	padding-left:15px;
}
.checkoutSeparator {
	clear:left;
}
.checkoutWhite {
	font-weight:bold;
	color:#FFFFFF;
	line-height:26px;
}
.checkoutFooter {
	background:url(../images/checkout_bottom.gif) no-repeat left top;
	height:20px;
	margin-top:60px;
	color:#FFFFFF;
	text-align:right;
	padding-right:70px;
}
.checkoutButton {
	margin:15px 70px 15px 0;
	text-align:right;
}
/*.....................................................................CONFIRMATION PAGE*/
.confirmText {
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:#828282;
	padding:0 22px;
	width:330px;
}
.confirmSubmit {
	padding: 5px 0 0 22px;
}
.confirmSubmit input {
	cursor:pointer;
	border:0px;
	position:relative;
	/*display:block;*/
	width:98px;
	height:23px;
	margin:6px;
	padding:0;
	background:url(../images/submit_b.gif) no-repeat left top;
	overflow:hidden;
}
.btn-editorder {
	margin:6px;
	float:left}
/*.....................................................................PROFILE PAGE*/
.profileLine {
	margin-top:18px;
	margin-bottom:18px;
}
.profileLine a {
	color:#828282;
	text-decoration:none;
}
.profileLine a:hover {
	text-decoration:underline;
}
.profileLink {
	float:right;
	font-size:11px;
	width:100px;
	margin:-21px 50px 0 0;
}
.profileLink a {
	cursor:pointer
}
.profileLine select {
	width:252px;
}
.profileLink u {
	cursor:help}

.profileLine label {
	font-weight:bold;
	float:left;
	padding-right:13px;
	text-align:right;
	width:155px;
	color:#828282;
}
.profileLoyaltyPoints {
	font-weight:bold;
	color:#B46C48;
}
.profileLine .profileRadioLabel {
	padding-right:60px;
}
.profileLine .profileExpiration {
	width:60px;
	margin-right:10px;
	text-align:center;
	background-color:#FFFFFF;
}
.profileLine .profileExpirationYear {
	text-align:center;
	width:80px;
	background-color:#FFFFFF;
}
.profileLine .ccNumber {
	width:245px;
}
.profileLine .ccExpMonth {
	width:120px;
}
.profileLine .ccExpYear {
	margin-left:12px;
	width:120px;
}
.profileSpecialOffers {
	font-size:11px;
	line-height:20px;
	background-color:#f2f2f2;
	padding: 10px 20px;
	margin-bottom:10px;
}
.profileSpecialOffers label {
	font-weight:bold;
}
.profileButtons {
	text-align:right;
	border-top: dotted 1px #a3a3a3;
}
.profileButtons input{
	margin-top:10px;
	cursor:pointer;
	width:65px;
	height:23px;
	background:url(../images/save_b.jpg) no-repeat left top;
}
#profileWhatsThis {
}
.profileCreditCardChange {
	font-size:11px;
	padding-left:20px;
}
#whatisthis {
	cursor:pointer;
	text-decoration:none;
}
#whatisthis:hover {
	text-decoration:none;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #b46c48;
	width:310px;
	height:40px;
	visibility:hidden
}
#tooltip h3 {
	vertical-align:middle;
	padding-top:13px;
	margin:0;
	color:#b46c48;
	font-weight:bold;
	font-size:10px;
}
/*.....................................................................ORDER HEADER*/
.headerCheckout a {
	color:#a9c86d;
	text-decoration:none;
}
.headerCheckout a:hover {
	text-decoration:underline;
}
.headerOrder a {
	color:#678ab4;
	text-decoration:none;
}
.headerOrder a:hover {
	text-decoration:underline;
}
.headerConfirmation a {
	color:#b46c48;
	text-decoration:none;
}
.headerConfirmation a:hover {
	text-decoration:underline;
}

/*============================================================================================*/
/*================================ RESTAURANT ADMINISTRATION =================================*/
/*============================================================================================*/

/*....................................................................MENU MANAGER PAGE*/
.managerPage{
  position:relative;
  float:left;
  padding:15px;}
.managerLeft{
  position:relative;
  float:left;
  width:235px;
  background-color:#F2F2F2;
  color:#666666;
  border-bottom:25px solid #F2F2F2;
  margin-right:15px;}
.managerRest {
  margin:4px 9px 4px 10px;
  color:#b46c48;
  font-family:Arial;
  font-size:15px;
  text-align:left;}
.managerTopsort {
  width:950px;}
.managerRest2 {
  float:left;
  width:250px;
  padding:5px;
  text-align:left}
.managerRest2 strong {
  font-family:Arial;
  color:#b46c48;
  font-size:15px;}
.managerRest2 .back_btn {
  float:none;
  margin-top:10px;}
.tfilter {
	float:left;}
.managerRest span{
  color:#666666;
  font-style:normal}
#managerMenu{
  position:relative;
  float:left;
  clear:left;
  width:195px;
  border-left:10px solid #F2F2F2;
  border-right:10px solid #F2F2F2;
  background-color:#F9F8F8;
  padding:10px;
  line-height:30px;
  margin-bottom:10px;}
#managerMenu a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#666666;
  text-decoration:none;}
#managerMenu a:hover{
  font-weight:bold;}
.logoutButton{
  position:relative;
  float:left;
  clear:left;
  width:65px;
  height:23px;
  overflow:hidden;
  display:block;
  background:url(../images/logout_b.jpg) left top no-repeat;
  margin:10px 0 0px 10px;}
.logoutButton:hover{
  background-position:left bottom;}
.loggedIn{
  position:relative;
  float:left;
  color:#6699CC;
  font-weight:bold;
  padding:5px 0 0 0px;}
* html .loggedIn {
  margin-left:15px;}
.managerRight{
  position:relative;
  float:right;
  width:697px;
  background-color:#F2F2F2;}
.managerRight h2 {
	color:#000000;
	font-size:17px;
	font-family:Arial;}
.managerRight h2 span {
	color:#666666}
#subPageHead, .subPageHead {
  position:relative;
  float:left;
  width:697px;
  height:37px;
  background:url(../images/menumanager_top.gif);}
.subPageHeadLong {
  position:relative;
  float:left;
  width:949px;
  height:37px;
  background:url(../images/menumanager_top_long.gif);}
.subPageHeadLong2 {
  background:url(../images/menumanager_top_long.gif) no-repeat;
  height:37px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  text-align:right;
  color:#F9F8F8;
  padding:0 0 0 0;
}
.subPageHeadLong2 strong {
	margin-right:15px;
	font-weight:normal}
#againTitle, .againTitle {
  position:relative;
  float:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#F9F8F8;
  padding:7px 15px 0 0;}
#managerSub{
  position:relative;
  float:left;
  width:600px;
  padding:10px 0 10px 25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#90B15A;}
.mymenuBox{
  position:relative;
  float:left;
  width:150px;
  padding:0 0 0 25px;
  line-height:20px;
  color:#7E7E7E;}
.mymenuBox a{
  color:#7E7E7E;}
.mymenuBox a:hover{
  color:#000000;}
.editcButton{
  position:relative;
  float:left;
  clear:left;
  width:109px;
  height:23px;
  overflow:hidden;
  display:block;
  cursor:pointer;
  background:url(../images/editc_b.gif) left top no-repeat;
  margin-top:5px;}
.editcButton:hover{
  background-position:left bottom;}
.editSelect{
  width:120px;}
.tabMenuSmall{
  position:relative;
  float:left;
  width:644px;
  height:27px;
  padding:12px 12px 0 px;
  overflow:hidden;}
.tabMenuSmall a{
  color:#A69E93;
  text-decoration:none;
  font-weight:bold;
  line-height:24px;}
.tabMenuSmall a:hover{
  color:#B46C48;}
.tabButSmall{
  position:relative;
  float:left;
  width:129px;
  height:27px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbutton_small.gif) left top no-repeat;
  text-align:center;}
.tabButSmall:hover{
  background-position:left bottom;}
.tabButSmallActive{
  position:relative;
  float:left;
  width:129px;
  height:27px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbutton_small.gif) left bottom no-repeat;
  text-align:center;
  color:#B46C48;}
.tabMenuSmall .tabButSmallActive{
  color:#B46C48;}
.tabButSmall2{
  position:relative;
  float:left;
  width:128px;
  height:27px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbuttonend_small.gif) left top no-repeat;
  text-align:center;}
.tabButSmall2:hover{
  background-position:left bottom;}
.tabButSmallActive2{
  position:relative;
  float:left;
  width:128px;
  height:27px;
  overflow:hidden;
  display:block;
  background:url(../images/tabbuttonend_small.gif) left bottom no-repeat;
  text-align:center;}
.tabMenuSmall .tabButSmallActive2{
  color:#B46C48;}
#currentMenu{
  position:relative;
  float:left;
  border-left:13px solid #F2F2F2;
  border-bottom:10px solid #F2F2F2;
  background-color:#F9F8F8;
  margin-top:20px;
  padding-left:10px;
  width:660px}
#currentMenu hr {
  height:2px;
  border:0;
  padding:0;
  margin:15px 5px 5px 5px;
  color:#dedede;
  background:#e5e5e5}
#currentMenu .tabMenu {
	width:655px}

#cmenuTitle{
  position:relative;
  float:left;
  width:450px;
  padding:10px 0 10px 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#6387AF;}
#cmenuCont{
  position:relative;
  float:left;
  width:618px;
  border:1px solid #E5E3E1;
  border-top-style:none;
  padding:12px;
  background-color:#F6F5F4;}
#cmenuCore{
  background-color:#F6F5F4;
  color:#666666;
  padding:5px 0 20px 0;
  line-height:20px;}
#cmenuDesc{
  clear:left;
  font-size:11px;
  font-style:italic;
  color:#7e7e7e;
  padding:0 0 14px 12px;}

.imgMarg {
  margin:1px 5px;}

.cmenuSec {
  margin:0;
  padding:0;}
.cmenuSec dt,
.cmenuSec dd  {
  display:block;
  float:left;
  clear:both;
  margin-left:20px;
}
.cmenuSec dt {
  margin-top:10px}
.cmenuSec dd {
  margin:0 0 4px 30px;
  line-height:17px;
  width:95%}
.cmenuSec dd span {
  display:block;
  float:left}
.cmenuSec dd span.col-1 {
  width:50px;
  text-align:center;}
.cmenuSec dd span.col-2 {
  width:320px;
  text-align:left}
.cmenuSec dd .col-3 {
  width:60px;
  text-align:right;}
.cmenuSec dd .col-4 {
  width:310px;
  padding-left:60px}


.cmenuAddCategory{
  cursor:pointer;
  border:none;
  margin:0 0 18px 12px;}
.cmenuLine{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  clear:left;
  font-weight:bold;
  padding: 12px 0 0 12px;}
*:first-child+html .cmenuLine {
   padding: 7px 0 0 12px;}
.cmenuLineMsg{
  clear:left;
  padding: 12px 0 0 12px;}
.cmenuDate {
  float:left;
  padding-top:2px;
  color:#555555;
  width:170px;
  font-size:11px;
  font-family:Verdana;
  font-weight:normal;}
.cmenuOrderId {
  float:left;
  padding-top:2px;
  color:#555555;
  font-size:11px;
  width:30px;
  font-weight:normal;
  text-align:center}
.cmenuActive {
  float:left;
  width:25px;}
.cmenuActive input {
  margin:2px 0 0 0;}
*:first-child+html .cmenuActive input {
  margin:0;}
.cmenuName{
  float:left;
  color:#6b6b6b;
  width:200px;
  text-align:left;
  text-decoration:underline;}
.cmenuNameOpt {
  float:left;
  color:#6b6b6b;
  text-align:left;
  width:190px;
  padding-left:10px}
.cmenuName a{
  float:left;
  color:#6b6b6b;
  width:200px;}
.cmenuName a:hover{
  color:#333333;}
.cmenuNote {
  float:left;
  font-weight:normal;
  font-size:11px;
  color:#7e7e7e}
.cmenuEdit {
  float:left;
  width:55px;}
.cmenuEdit a {
  color:#6285ac}
.cmenuEdit a:hover{
  color:#546880;}

.cmenuPrice {
  width:70px;
  float:left;
  font-weight:normal;
  text-align:right}

.cmenuOption {
  float:left;
  width:80px;}
.cmenuOption a {
  color:#6285ac}
.cmenuOption a:hover {
  color:#546880}

.cmenuOption, .cmenuEdit, .cmenuRemove, .cmenuDetail {
  font-size:13px;}

.cmenuSpace {
  display:block;
  float:left;
  width:20px;}
.cmenuRemove {
  float:left;
  width:70px;}
.cmenuDetail{
  font-size:12px;
  font-family:Verdana;
  font-weight:normal;
  width:100px;
  float:left;
  text-align:right;
  color:#333333}
.large {
  width:250px;
  text-align:left}

.cmenuSectionHeader{
  background-color:#99CC00;
  color:#000000;
  display:block;
  clear:both;
  padding-left:12px;}
.clear2 {
  clear:both}
.coreHeadline{
  padding:0 0 0 30px;}
.coreLine{
  float:left;
  clear:both;
  padding:0 20px 0 50px;}
.back_button{
  clear:left;
  padding:0 0 10px 25px;
  font-size:10px;
  text-transform:uppercase;}
.back_button a{
  text-decoration:none;}

.cmenuLine .editLabel{
  color:#6b6b6b;
  font-weight:normal;
  float:left;
  width:150px;
  min-height:18px;}
.cmenuLine .editInput {
  float:left;}
.cmenuLine .editInput input{
  width:300px;}
.cmenuLine .editInputMeal input{
  margin:0;
  padding:0;
  width:20px;}
.cmenuLine .editInputMeal label{
  font-weight:normal;
  font-size:11px;}
.cmenuLine .editInput2 {
  font-weight:normal;
  color:#555555}
.cmenuLine .editInput2 small {
  font-size:12px}
.cmenuLine .btn-add, .cmenuLine .btn-save {
  font-family:Arial;
  font-size:12px;}

.cmenuReturn a{
  float:right;
  color:#6b6b6b;
  margin:10px 37px 0 0;
  text-decoration:underline;}
.cmenuReturn a:hover{
  color:#000000;}
.cmenuSaveRemoveBtns{
  float:right;
  margin:16px 20px 0 0;}
.cmenuSaveRemoveBtns a{
  margin:0 10px;
  float:left;}
.cmenuSaveRemoveBtns input{
	cursor:pointer;
	border:0px;
	width:65px;
	height:23px;
	float:left;
	padding:0;
	background:url(../images/save_b.jpg) no-repeat left top;
}
.cmenuSaveBtns {
	margin:10px;}
.cmenuSaveBtns input{
	cursor:pointer;
	border:0px;
	width:65px;
	height:23px;
	padding:0;
	background:url(../images/save_b.jpg) no-repeat left top; }
/*....................................................................COMMENTS AND RATING MANAGER*/
.ratingBox {
	position:relative;
	float:left;
	width:671px;
	padding:30px 0;
	margin-top:10px;
	color:#6285ac;
	text-align:center;
	border-left:13px solid #F2F2F2;
	border-bottom:10px solid #F2F2F2;
	background-color:#F9F8F8;
}
.ratingAvgRate {
	font-size:23px;
}
.ratingNapkins {
	padding:15px 0;
}
.ratingNapkinImg {
	margin:0 6px;
}
.ratingVotes {
	font-size:13px;
	line-height:17px;
}
.commentsBox {
	position:relative;
	float:left;
	width:649px;
	padding:2px 11px 9px;
	border-left:13px solid #F2F2F2;
	border-bottom:10px solid #F2F2F2;
	background-color:#F9F8F8;
	font-family:Arial;
}
.commentsNumber {
	font-size:18px;
	color:#6285ac;
	padding:14px 0 18px 20px;
	clear:left;
}
.commentsPostedBy {
	font-size:14px;
	padding-bottom:14px;
}
.commentsText {
	padding:10px 8px;
	border:1px solid #c7c7c7;
	background-color:#FFFFFF;
	line-height:23px;
	margin-bottom: 15px;
}
.commentsPagination {
	text-align:center;
	clear:both;
	padding-bottom:10px;
}
/*.....................................................................HOME PAGE*/
.homeText {
	width:644px;
	padding:20px 0 34px 18px;
	font-size:14px;
	color:#999393;
}
.homeHeader {
	clear:both;
	font-size:18px;
	color:#686464;
	padding-bottom:10px;
}
.homeTitle {
	width:170px;
	line-height:51px;
	font-style:italic;
	float:left;
	padding-bottom:20px;
}
.homeDesc {
	float:left;
	line-height:51px;
	padding-bottom:20px;
}
/*.....................................................................ORDERS PAGE*/
.orderCol {
	width:325px;
	float:left;
}
.orderMngLine {
	clear:both;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:6px 0 0 12px;
}
.orderMngLine .editLabel {
	color:#6b6b6b;
	font-weight:normal;
	float:left;
}
.orderMngLine .editLabel input {
	width:300px;
}
/*.....................................................................ACCOUNT HOME PAGE*/
.accountHomeBox {
	position:relative;
	float:left;
	width:671px;
	height:273px;
	padding:30px 0;
	margin-top:10px;
	color:#6285ac;
	text-align:center;
	border-left:13px solid #F2F2F2;
	border-bottom:10px solid #F2F2F2;
	background-color:#F9F8F8;
}
.accountHomeText {
	padding-left:15px;
	float:left;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	font-weight:bold;
	color:#888888
}
.accountHomeButton {
	float:right;
	padding-right:13px;
}
.accountHomeSeparator {
	clear:both;
	height:30px;
}
/*.....................................................................ACCOUNT PROFILE PAGE*/
.accountBox {
	position:relative;
	float:left;
	width:635px;
	min-height:273px;
	padding:10px 18px;
	margin-top:10px;
	color:#6285ac;
	border-left:13px solid #F2F2F2;
	border-bottom:10px solid #F2F2F2;
	background-color:#F9F8F8;
}
.accountBoxHeader {
	height:14px;
	padding-bottom:10px;
}
.accountBoxMenuSeparator {
	clear:both;
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #6387af;
}
.accountLine {
	padding:3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	clear:both;
}
.accountLabel {
	text-align:right;
	padding-right:20px;
	float:left;
	width:200px;
}
.accountLine input {
	width:200px;
}
.accountLine textarea {
	width:200px;
	height:60px;
}
.accountLine img {
	padding:10px;
}
.accountImage {
	margin-left:20px;
	height:120px;
	float:left;
	text-align:center;
}
.accountScrollable {
	border:#666666 1px solid;
	width:200px;
	height:150px;
	overflow:auto;
}
.accountScrollable input {
	width:20px;
}
.accountSubmit1 {
	float:right;
	margin:10px 210px 0 0;
}
.accountSubmit1 input{
	cursor:pointer;
	border:0px;
	width:65px;
	height:23px;
	float:left;
	padding:0;
	background:url(../images/save_b.jpg) no-repeat left top;
}
.accountMng {
	width:635px;}
.btntop {
	position:absolute;
	top:65px;
	right:30px;
	width:100px
}
.accountSubmit2 {
	float:right;
	margin:10px 10px 0 0;
}
.accountSubmit2 input{
	cursor:pointer;
	border:0px;
	width:65px;
	height:23px;
	float:left;
	padding:0;
	background:url(../images/save_b.jpg) no-repeat left top;
}
.accountDeliveryLabel {
	text-align:right;
	padding-right:15px;
	float:left;
	width:125px;
}
.accountTimeSelect {
	width:44px;
}
/*...............................................................Customer and Restaurant Registration*/
.tright { text-align:right}
.tleft { text-align:left}

.content-wrapper {
  margin:10px auto 0 auto;
  width:944px;
  line-height:20px;
  color:#888888;
}
.content-wrapper h1 {
  line-height:25px;
  margin:0;
  padding-top:5px}
.leftColtxt{
  position:relative;
  float:left;
  width:610px;
  padding:0 15px 0 0;
  margin:0;
}
.rightColtxt {
  position:relative;
  float:left;
  width:285px;
  min-height:600px;
  margin:0;
}
.txtBg {
	background:#f8f8f8;
	border:5px solid #f2f2f2;
	padding:10px;
	margin:5px 0 15px 0;
}
.txtBg .h2 {
  padding:0;
  margin:0;
  font-size:17px;
}
.txtBg h3 {
  margin:0;
  padding:0;}
.txtBg p {
  margin:8px 0}
.txtBg ul {
  padding:0;
  margin:10px 0 8px 20px}
.txtBg li {
  list-style:none;
  background:url(../images/napkin_full.gif) left center no-repeat;
  padding-left:18px}
.napkinlist li {
  list-style:none;
  background:url(../images/napkin_full.gif) 0 5px no-repeat;
  padding-left:18px;
  margin-bottom:13px}
.leftBlock {
  float:left;
  width:33%;
}
.rightBlock {
  float:left;
  width:57%;
  margin-left:20px
}
.txtSmall {
	font-size:11px;
}
.txtSmall h2 {
	font-size:13px;
}
.txtSmall h3 {
	font-size:12px;
	color:#999999
}
/*...............................................................jcarousel / rest. menu*/

.jcarousel-container-horizontal {
	width:560px;
	float:left;
}
.jcarousel-clip-horizontal {
	position:relative;
	width:559px;
	overflow: hidden;
}
.jcarousel-list-horizontal {
	position:relative;
}
.jcarousel-item {
	width:140px;
	height:26px;
}

/*...............................................................image popup*/
#loginDiv {
	display: none;
}
#popupDiv {
	visibility:hidden;
	position:absolute;
	top:180px;
	left:8%;
	z-index:800;
	background:#f6f5f4;
	padding:10px;
	border:1px solid #ececec;}
#popupDiv img {
	max-width:300px;
	max-height:300px;
	overflow:hidden}
#popupDiv .popcontainer {
	margin:0 auto}
#popupDiv .close_btn {
	text-align:right;
	margin-bottom:10px}
#popupDiv .close_btn a{
	color:#a9c76d;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;}
#popupDiv .close_btn a:hover {
	color:#8bab56}

.zoom {
	cursor:pointer;
	background-image: url(./images/zoom_middle.gif);
	background-repeat: repeat-x;
	height: 21px;
	position: relative;}
.zoom-btn {
	background-image: url(./images/zoom_left.gif);
	width: 62px;
	height: 21px;
	position: absolute;
	left: 0px;
	top: 1px;}



.addCostForm {
	border:1px solid #ffffff;
	border-collapse:collapse;
	text-align:center;

}
.addCostForm thead tr.addCostForm th, .addCostForm tr.addCostForm th{
	background: #597A9D url(../images/table_bg.jpg) repeat-x;
	text-align:center;
/* 	background-color: #b5bfc8; */
	color: #fff;
	padding:0px 0px 0px 0px;
	font-size:10px;
	border:1px solid #ffffff;
	border-collapse:collapse;
	vertical-align:top;
	font-weight:bold;
/* 	position:relative; */

}


.addCostForm a {
color: #fff !important;
text-decoration: none !important;

}


.addCostForm  img {
position:relative;
/* top:0px; */

}

.addCostForm th  span {
color:#fff;
float:left;
padding-left:7px;

}


tbody.addCostForm tr.alt td
{
  background-color:#FFFFFF;
}

tbody.addCostForm tr.hover td
{
	background-color:#ecf3df;
}
.cursor td {
	cursor: pointer;}

.addCostForm tr.newTr:hover {
	background:#ffffff}
.addCostForm a:link, addCostForm a:visited {
	color:#ffffff;
	text-decoration: none;
	}
div.text{ font-weight:bold; font-size:10px; color:#FFFFFF; top:-14px; left:-1px ; position:relative; margin-bottom:-10px }

div.shadow{ margin-top:4px;margin-bottom:3px; padding-top:3px;font-weight:bold; font-size:10px; color:#000000 }
.header{ color:#FFFFFF; padding-left:5px;
font-weight:bold; filter:dropshadow(color=black,offx=1,offy=1,positive=1 ,enabled=1);
background-color:#9EACAF; height:21px; border-bottom:#7A8486solid1px ; background-repeat:no-repeat }

div.shadow2 {
color:#000000;
font-size:10px;
font-weight:bold;
height:13px;
margin-bottom:3px;
margin-top:4px;
padding-top:3px;
}



.right_tt{

}



.addCostForm thead tr.addCostForm th a, .addCostForm thead tr.addCostForm th a:visited, .addCostForm thead tr.addCostForm th a:hover, .addCostForm thead tr.addCostForm th a:active
{
	color: #FFFFFF;
	font-size:10px;
}

.addCostForm thead tr.addCostForm th.empty
{
	padding: 0px;
}

.addCostForm tbody tr.addCostForm td
{
/*	background-color:#f2f2f2; */
	color: #0;
	padding:5px;
	font-size:10px;
	border:1px solid #dddfe4;
	border-collapse:collapse;
}
.addCostForm tbody tr.addCostFormTotal td {
	background:#ecf3df;
	border:1px solid #dddfe4;
	border-collapse:collapse;
	font-size:10px;
	padding:5px
}
.addCostForm tbody tr.head th {
	padding-top:2px;
	padding-bottom:2px}
.addCostForm tr.newTr:hover {
	background:#ffffff}
.addCostForm a:link, addCostForm a:visited {
	color:#007eff}

.bydate .btn, .btn, .big_btn, .huge_btn {
	background:url(../images/btn_bg_green.gif) no-repeat;
	cursor:pointer;
	border:none;
	width:61px;
	height:23px;
	padding:0 0 1px 0;
	text-align:center;
	color:#8ca464;
	font-weight:bold;
	font-size:11px}
.big_btn{
	background:url(../images/btn_bg_green_large.gif) no-repeat;
	width: 100px;
}
.huge_btn{
	background:url(../images/btn_bg_green_huge.gif) no-repeat;
	width: 130px;
}



.back_btn{
	float:left;
	margin-top:20px;
}


.back_btn a{
	background:transparent url(../images/btn_bg_green.gif) no-repeat scroll 0 0;
	border:medium none;
	color:#8CA464;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:18px;
	padding:6px 0 0 0;
	text-align:center;
	width:62px;
	display:block;
	text-decoration: none;
}

.paging
{
	text-align:center;
	clear:both;
}
.paging p
{
	margin:0 auto;
}
.paging a
{
	padding: 0 5px;
}
.ord_dates_filter
{
	margin:0 auto;
}
.ord_dates_filter div
{
	padding:5px 10px;
	float:left;
}
#loading
{
        padding:1px 2px 1px 2px;
        display:inline;
        background:blue;
        color:white;
        position: absolute;
        z-index: 100;
        top: 1px;
        left: 1px;
}

.addit_postcodes .accountLabel
{
	width:150px;
}

.closed_dev{
float: right;
}
a.aInv:link, a.aInv:visited {
	float:right;
	margin:15px 5px;
	font-size:11px;
	color:#7f9d00;
	background:url(../images/ico_white_acrobat.gif) right center no-repeat;
	padding-right:20px;
	line-height:20px;}

#reportDiv {
	 clear: both;
	 width:100%}

.inputGray {
	background:#dadada;
	color:#555555;
	border:1px solid #a7a6aa}