
body { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:  url(/branch/ieat/gfx/header.gif) repeat-x }
div,p,form {padding:0px; margin:0px}
#main_div {   background:  url(/branch/ieat/gfx/header.gif) repeat-x; margin:0px; width:100% }
a {color:#667799}
u {text-decoration:none}

#top_menu { position:relative}


#left_menu li {display:inline; padding:10px}


.hLine{height:1px; background:#DDDDDD; clear:both}

.input { font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase}
.submit {font-size:21px;  margin:0px; font-weight:bold}

#text1 {text-align:left}

#text {}

.shop_to_m2o {height:232px; text-align:left; margin:5px; }
.m2o_to_shop {height:272px; text-align:left; margin:5px  }

.referal {margin:0px 0px 10px 10px; }

.referal b {border-bottom:1px dashed  #999966; color: #999966; padding:2px 0px 5px 0px; display:block; line-height:1em; }
.referal p { margin::0px; padding:0px; width:250px; float:left; display:block}
.referal input {width:120px; }
.referal textarea {width:120px; }
.referal label {display:block; margin:4px}
.referal label u{display:block; float:left; width:70px; text-decoration:none}
.ref_text{ margin:10px 20px 5px 10px; font-size:15px;  text-align:left; font-weight:bold; color:#666666; font-family:Times,Verdana, Arial, Helvetica, sans-serif;}
.ref_text i {font-size:22px; font-weight:bold; line-height:24px; font-style:normal}

#food_menu {padding:8px; margin-top:5px}

h6 { color:#553333; padding-left:10px}

.foot  {color:#999999; padding:10px; clear:both; text-align:center; text-align:center; font-size:11px; border-top:1px dashed #CCCCCC }

.bill {width:200px}

#main_menu_bar { height:120px; margin-left:3px}
#main_menu_bar a {display:block; float:left; height:60px; color: #777; font-size:11px }
#main_menu_bar a:hover { color:#666666}
	.top1 { background:url(images/main_buttons_01.gif); width:131px;  padding:60px 0px 0px 65px;}

	.top2 { background:url(images/main_buttons_02.gif); width:138px;;  padding:60px 10px 0px 80px}

	.top3 { background:url(images/main_buttons_03.gif); width:142px;;  padding:60px 10px 0px 80px}

	.top4 { background:url(images/main_buttons_04.gif); width:112px;;  padding:60px 10px 0px 80px}	


.go_to_menu { display:block; width:123px; height:34px; background:url(images/order_online.jpg) }
.go_to_menu:hover {background:url(images/order_online_up.jpg)}

.userTab a {display:block; padding:3px; margin:1px; padding-left:10px; background:#666666; color:#666666; width:120px; float:left}
.userTab a:hover { color:#000; background:#FFF; font-weight:bold}

#user_login { line-height:1.3em }
#user_login b { color:#666666; display:block; text-decoration:underline}
#user_login a { display:block}

.choose_shop {padding:5px; width:100%; padding-left:5px; border-bottom:1px solid #EEEEEE; background:#e5e6e7  url(/branch/ieat/gfx/choos-shop-head-e5e6e7.gif) no-repeat;  }
.choose_shop_box { width:100%; margin:auto; padding:0px; margin-top:5px; background:#FFFFFF; color:#666666; border:1px solid #CCCCCC }
.choose_shop h2 { font-size:16px}
.choose_shop tr td  {color:#774422;}
.choose_shop_box .inframe {color:#666666}
#content2 .choose_shop_box  a {color:#990000}
#content2 .choose_shop_box  .votes a {color:#FFFFFF}

/*Voting system*/
.inframe .no  { color:#FFFFFF; display:block; width:32px; height:28px;  line-height:24px; text-align:center; float:left; background:url(/branch/ieat/gfx/star_off.gif); }
.inframe  .yes  { color:#FFFFFF; display:block; width:32px; height:28px;  line-height:24px; text-align:center; float:left; background:url(/branch/ieat/gfx/star_on.gif); }
.votes a:hover {background:url(/branch/ieat/gfx/star_hover.gif); padding:2px 0px 0px 2px; width:30px; height:26px;}

.userTable {list-style-type:none; text-align:left; margin:10px; padding:0px;   }
.userTable li {margin:0px 0px 0px 0px ; padding:0px; background:none; width:200px; border:none  }
.userTable li:hover {border:none }
.userTable li img {background:none }
.userTable li a { padding:0px 0px 0px 5px; display:block; height:20px; line-height:20px; background:none;  width:175px   }
.userTable li a:hover {background:#660000; text-decoration:none }




.trackOrders { margin:0px; padding:0px; width:auto; text-align:left}

.changeDetails {margin:1px; padding:5px; border:1px solid #99BBEE; background:#EEf6FF; display:block; float:left; width:47% }

/*special offers and menu*/

/* Version 1.0701.17 */
/*           NEW MENU                     */



.menu_items {width:700px; margin-left:0px; padding-left:0px; border-left:0px; vertical-align:top; background:none }

.basket_name {margin:5px; color:#666666}
img {border:0px}
a { cursor: pointer}



#menuitems {   }
	#menuitems p { color:#666666; padding:0px; margin:0px 1px 0px 4px; font-size:11px; line-height:1.2em; width:700px }

    #menuitems  .sec_desc p {background:#FFFFFF; color:#666666; margin:0px 0px 0px 0px; padding:5px; font-size:11px ; color:#666666;width:700px; text-align:center }

.mhead {background:#e5e6e7 url(gfx/choos-shop-head-e5e6e7.gif) no-repeat;  color:#666666; font-size:14px; padding:2px 5px 5px 15px;  width:700px; height:30px; cursor: n-resize;  }
	.mhead b {float:left; width:235px; padding-top:3px; line-height:30px}	
	.mhead u { text-decoration:none; font-size:10px; width:55px; float:left; text-align:center; background:url(/gfx/tri.gif) top no-repeat; padding-top:8px;}
#menuitems i {background: #FFFFFF url(gfx/menu_head.gif) bottom; color:#666666; border-bottom:0px; font-style:normal; display:block; width:520px; padding:2px 10px 2px 0px; text-align:right  }
.mitem {padding:5px; height:50px; background:#FFFFFF;   width:520px; margin:0px;}
	.col1 {}
	.col0 {}
	.mitem b {float:left; height:20px; font-size:14px; font-weight:bold;  line-height:20px; color:#666666; marggin:0px; padding:0px ;   }
	.mitem u {width:50px; float:left; height:20px;  line-height:18px; text-align:center; font-weight:bold; text-decoration:none; }
	.mitem u a { height:14px; line-height:14px; width:46px; background:#FFFFFF; margin:0px; padding:2px 0px 2px 0px; display:block; border:1px solid #CCCCCC }
	.mitem u a:hover {background:#DDDDDD; color:#000000; font-weight:bold; font-size:12px; text-decoration:none} 	
	.buy_one { }
	.buy_two { }	
	.buy_one_helf { }	
	.buy_one_rest_helf { }		
		
	.mitem p {margin:0px; padding:2px 0px 0px 0px; color:#666666; width:520px; font-size:11px; line-height:1em}
	
.w205 {width:220px}
.w265 {width:270px}
.w325 {width:320px}
.w385 {width:370px}
.w445 {width:420px}

.finish_sec {background:url(gfx/menu_foot.gif) bottom; height:16px; margin-bottom:5px}
#content2 .finish_sec a {color:#990000}

#specoff1, #specoff2, #specoff3 ,#specoff4 { color:#666666; float:left; padding:5px; margin:5px; background:none; }
	#specoff1 form, #specoff2 form,#specoff3 form ,#specoff4 form { background:no-repeat bottom right; display:block; margin-bottom:3px; width:240px; background:none; margin-bottom:4px }
	#specoff1 form h3, #specoff2 form h3,#specoff3 form h3 ,#specoff4 form h3 { line-height:1.2em;  font-family:Georgia, Times, serif; display:block; text-align:right; font-weight:bold; font-size:14px; background: url(gfx/meal_deal.gif); color:#666666; padding:8px 20px 0px 0px; margin:0px; height:32px}
	#specoff1 form b, #specoff2 form b,#specoff3 form b ,#specoff4 form b {display:block; padding:2px 0px 1px 15px; }
	#specoff1 form u , #specoff2 form u ,#specoff3 form u  ,#specoff4 form u { display:block; float:left; width:90px; text-decoration:none; text-align:left; line-height:20px; padding-left:10px; text-align:right; }
	#specoff1 form select, #specoff2 form select,#specoff3 form select ,#specoff4 form select {width:120px; margin-top:3px; font-size:11px}
	#specoff1 form input, #specoff2 form input,#specoff3 form input ,#specoff4 form input { margin:0px; background:none; width:64px; height:63px; padding:0px 7px 7px 0px;  border:0px; color:#666666; font-weight:bold; cursor:pointer }
	#specoff1 form p, #specoff2 form p,#specoff3 form p ,#specoff4 form p { padding:5px; margin:0px} 
	.sobott1,.sobott2,.sobott3,.sobott4 {display:block; height:63px; background:url(gfx/meal_deal_button.gif) no-repeat right top; text-align:right; width:240px }
	.sobott1:hover,.sobott2:hover,.sobott3:hover,.sobott4:hover {background:url(gfx/meal_deal_button_on.gif) no-repeat right top; }


#specoff3,#specoff1 {clear:both}

.spec_offer_separator {padding:5px 0px 5px 0px; display:block; text-align:center; line-height:1.2em; font-size:14px}

.tac { border-top:none; padding-top:0px; clear:both; font-size:11px}
	
/*           NEW MENU    
/*    New styles */
h1 {color:#666666; font-weight:bold; font-size:14px}
h6 {color:#666666}

.intab tr td {color:#666666}
.right {float:right; margin-right:3px}

.shop_search {background: url(gfx/post_back.jpg) #000000 bottom right no-repeat; padding:3px; border:1px solid #b7a893; margin-top:10px}

body {padding:0px; margin:0px; background:url(gfx/top_bar.gif) repeat-x}
img {border:0px}
a {color:#666666; text-decoration:none}
a:hover {text-decoration:underline}
form {margin:0px; padding:0px}
.small {font-size:9px; color:#999999; font-family: Tahoma }
#desc_for_tabs, #the_page,#left {color:#666666}

#main {width:1000px; margin:auto; color:#666666; }
	#head{}
		#top_menu { float:right; font-size:11px; margin:4px  }	
		#top_menu a {}
		#top_menu a:hover { color:#700000; text-decoration:none; }
		#top_menu img {vertical-align:middle}
		
	#content {background:#FFFFFF url(gfx/main_middle.jpg) repeat-y;}
	#content2 {background:url(gfx/main_back.gif) top no-repeat; color:#666666}
	#content2 a {color:#990000}
	#content2 a:active {color:#666666}
	
		#tabs {list-style-type:none; float:right; font-size:11px; margin-top:-4px; padding:0px; }
		#tabs li {list-style-type:none; float:left; width:150px; margin:0px; padding:0px }
		#tabs li a {display:block; padding:10px 10px 4px 10px; height:20px; width:130px; text-align:center ; font-weight:normal }
		#tabs li b {display:block; padding:10px 10px 4px 10px; height:20px; width:130px; text-align:center ; font-weight:normal }
					#tab1:hover {background:url(gfx/tabHov.gif); color:#666666; text-decoration:none }
					#tab1_active {background:#F00  url(gfx/tabBack.gif); color:#FFF; }
					
					#tab2:hover {background:url(gfx/tabHov.gif); color:#666666; text-decoration:none }
					#tab2_active {background:#F00  url(gfx/tabBack.gif); color:#FFF }
					
					#tab3:hover {background:url(gfx/tabHov.gif); color:#666666; text-decoration:none }
					#tab3_active {background:#F00  url(gfx/tabBack.gif); color:#FFF }
					
					#tab4:hover {background:url(gfx/tabHov.gif); color:#666666; text-decoration:none }
					#tab4_active {background:#F00  url(gfx/tabBack.gif); color:#FFF }		
								
	#main_contnet {margin:0px 5px 0px 6px}
		#desc_for_tabs {background:#FFFFFF; color:#666666; padding:8px;  clear:both;  margin:0px 5px 0px 0px; }
		
		#the_page {margin:10px;  }
		
	#left {width:250px; font-size:11px; border:1px solid #CCCCCC }
		#eatnow_box, #login_box, #register_box, #tip_box {padding:5px; border-bottom:1px solid #CCCCCC  }
				
			#eatnow_box { background:url(/branch/ieat/gfx/ready-to-it.gif); height:50px; padding:55px 0px 0px 80px  }
			#login_box {height:110px; }
			#login_box table tr td {color:#666666}
			.field {border:1px #666666 solid; width:90px; margin:2px }
				
			#register_box { line-height:1.2em; }		
			#tip_box {line-height:1.2em;  }									
	
	#foot { background:url(gfx/main_bottom.jpg) no-repeat; padding:20px 0px 20px 0px; text-align:center; font-size:11px; color:#666666 }
	
.liveitems {float:right; line-height:2em }
.livebox { margin-bottom:5px }
#sizer a { background:#700000; margin:1px; padding:3px; }
#sizer a:hover {background:#000000; color:#666666; text-decoration:none} 	

#crt {width:220px; }
.crt_box {border:1px solid #CCC ; width:222px; margin:0px; padding-top:35px; background:url(gfx/cart_header.gif) no-repeat #FFFFFF }
.crt_comments {width:216px; padding:2px; font-family:Arial; font-size:11px; height:45px; background:url(/gfx/commentbox.jpg) right bottom no-repeat #FFFFFF}

#abslist, #abslist2 {overflow:auto; border:0px; padding:3px; background:none; width:280px; height:390px; color:#666666;  margin-left:10px }

.order_details { padding:5px;  border:0px; }
.inframe {background:none; color:#666666}
.inframe table tr td {color:#666666}

	#the_page .clickpost  {background:#FFEEDD; color:#660000 }
	#the_page .clickpost:hover {background:#FFFFFF; color:#666666; text-decoration:none}
	#the_page  #abslist2 .clickpost  {background:#FFFFFF; color:#666666; border:1px dashed  #AA9999 }
	#the_page  #abslist2 .clickpost:hover  {background:#FFFFFF; color:#666666; border:1px dashed  #AA9999 }
	
.los{color:#666666; float:left; padding-left:5px; padding-top:5px; font-size:11px; background:url(/gfx/transparent.png); width:200px}
#content2 .los a { font-size:11px; color:#990000}
/* rewrite a colours */
#content2 .head a {color:#990000}
.changeDetails .inframe table tr td {color:#666666}

.changeDetails {margin:0px; padding:5px; border:0px; background:none; display:block; }
/*fav orders*/
.fav_box {float:left; width:250px; background:none; margin:5px 5px 5px 0px; border:0px }

#favs {width:170px; position:absolute; left:320px; top:33px; border-top:1px solid #AAAAAA; margin:0px }
#favs a {display:block; background:#EEEEEE; height:20px; line-height:20px; padding:0px 0px 0px 5px; margin:0px;  border:1px solid #AAAAAA; border-top:0px }
#favs a:hover {background:#DDDDDD}

.fav_orders_head {background: url(gfx/fav_head.gif); height:45px; padding:7px 2px 2px 30px }
.fav_orders_head img {display:none}
.fav_button {border:0px; background:none; font-size:11px;font-weight:bold}
.fav_field{font-weight:normal; border:0px; background:#666666; margin-top:2px; }

/*track order styles*/
#content2 .trackOrders .ohistory {color:#666666} 
#content2 .trackOrders .ohistory h6 {color:#666666} 
#content2 .trackOrders .ohistory .small {color:#666666; font-size:11px}
 #content2 .trackOrders .ohistory hr {display:none}


#login_box_2 table tr td { color:#666666 }

/*jquery - new user control panel*/
.mSlide {border:1px solid #FFFFFF }
.userTableBlank { float:left; width:20px; height:20px; background:url(/new/blank_16.png) center center }
.userTableAdd   { float:left; width:20px; height:20px; background:url(/new/add_16.png) center center; cursor:pointer }
.userTableRem   { float:left; width:20px; height:20px; background:url(/new/rem_16.png) center center; cursor:pointer }

.head2 {display:block; border-bottom:1px solid  #AABBBB; font-size:12px; clear:both }

.homeColumn {float:left; }
.homepageBox { line-height:1.4em; border:1px solid #BBBBBB; color:#000000; width:320px; margin:5px; padding:5px; padding-bottom:0px; background:#FFFFFF; text-align:left }
.homepageBox h2 { margin:-5px -5px 0px -5px;  padding:5px; background: #CC0000 url(/new/transHead.png); font-weight:bold; color:#FFFFFF;  font-size:12px; line-height:20px} 
.homepageBox ul {margin:5px 0px 0px 5px; padding:0px; list-style:none; line-height:1.1em}
.homepageBox ul li {padding:2px; margin:0px; }
.homepageBox ul li i { font-size:10px; color:#666666; font-style:normal }
.homepageBox table tr td {color:#000000}
.homepageBox table tr td h6 {color:#000000}
.homepageBox u {text-decoration:none; color:#666666 }
#content2 .homepageBox a {color:#006666; font-size:11px }

.editBox {cursor:pointer; margin-top:8px; line-height:1.7em; position:relative  }
.editBox:hover {background: url(/new/tango/16/categories/preferences-system-text.png) no-repeat top right }

#content2 .homepageBox a       {  color:#003366; font-size:11px ;                    }
#content2 .homepageBox a:hover {  color:#000033; text-decoration:none }

#content2 .homepageBox .editSmall { float:right;  color:#666666;  }
#content2 .homepageBox .editSmall:hover { float:right; font-size:10px; color:#000000 }

.shineLabel { display:block; padding-top:5px; height:20px }


/*begin latest menu design*/
.secTitle{ color:#FFFFFF; background: #EE0000; padding:5px; font-size:18px; line-height:20px }
#newMenuItems {  }
.secPrice { width:50px; color:#FFFFFF; background: #EE0000;  text-align:left; font-weight:bold}
.iList { background:#FFFFFF   }
.iList p {padding:2px; text-align:center}
.iList p b {font-size:12px}
.newItem  { color:#000000; background:#FFFFFF ; width:640px;  margin:auto  }
.iPrice { width:50px}

#content2 table tr td .iPrice a {color:#999999 }

.iPrice a { margin:1px; background: #FFFFFF ; color:#999999; font-weight:bold; padding:2px 0px 4px 0px; border:1px solid #AAAAAA;  display:block; text-align:center}
.iPrice a:hover { font-size:12px; text-decoration:none; color:#000000; background:#EEEEEE }
.iLogo {width:50px;   }
.iLogo img {float:left }
.iDesc {color:#666666; padding-bottom:10px; }
.iName {font-size:14px; font-weight:bold; margin:0px; padding:0px;padding-top:5px}
.iFlater { overflow: auto }
.iBaseDesc { font-size:10px; text-align:right; }

table tr td .itemOpt a { background:#FFF; border:1px solid #999; margin:1px}
table tr td .itemOpt a:hover { background:#EEEEEE; border:1px solid #999; margin:1px; text-decoration:none}
/*end latest menu design*/


#foot_text { color:#CCCCCC; text-align:left; border:1px solid #999999; margin:auto; width:1000px }
#foot_text a{ color:#CCCCCC }
#foot_text a:hover { color:#FFFFFF; text-decoration:none; border-bottom:1px dashed #FFFFFF }

.hint_sections{ padding:5px  }
.section_list {border:0px; background:url(/branch/ieat/gfx/section_browser.gif) no-repeat; height:100px; padding-left:140px }
.hint_link, .hintMenuDown  {display:block; float:left; width:135px; padding:3px 3px 3px 20px; margin:1px; background: url(/branch/ieat/gfx/hint_dot.gif) no-repeat }
.hintMenuUp  {display:block; float:left; width:135px; padding:3px 3px 3px 20px; margin:1px; background: url(/branch/ieat/gfx/hint_dot_up.gif) no-repeat; font-weight:bold }
.deli_col_choice { text-align:right; float:left; width:200px;  }