
div.sc_menu_wrapper {
	margin:5px 0px 5px 5px; margin-top:0px;
	position: relative; 	
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	overflow: auto;
}
div.sc_menu {
	padding: 0px 0;
}
.sc_menu a {

}
.sc_menu a:hover {
 

}
.sc_menu img {
	display: block;
	border: none;
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 10px; 
	left:0px;
	font-size:11px;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	text-decoration:none;
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}


body { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px }
div,p,form {padding:0px; margin:0px;   }
#main_div {   }

a {color: #990000}

input {vertical-align:middle}

#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 {}

#shopCategories {line-height:1.2em; width:220px; padding-top:15px; float:left}

.referal {margin:5px }



.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}


#food_menu {padding:8px; margin-top:5px}

h6 { color:#553333; padding-left:10px}

.foot  {color:#999999; padding:0px; 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:#000000}
	.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:#FFFFFF; width:120px; float:left}
.userTab a:hover { color:#000; background:#FFF; font-weight:bold}

#user_login { line-height:1.3em }
#user_login b { color:#000000; display:block; text-decoration:underline}
#user_login a { display:block}

.choose_shop_box { padding:5px; margin:5px;  background:#FFFFFF; color:#666666; border:#660000 1px solid; text-align:left; width:700px}
.choose_shop {padding:5px; border:5px solid #660000; background: url(gfx/shop_list_head.jpg) #FFCC99 no-repeat;}
.choose_shop h2 {color:#660000; font-size:16px}
.choose_shop tr td  {color:#774422;}
.choose_shop_box .inframe {color:#000000}
#content2 .choose_shop_box  a {color:#990000}
#content2 .choose_shop_box  .votes a {color:#FFFFFF}

.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                     */

.hint_sections{padding-top:15px; background:url(gfx/section_browser.gif) no-repeat top  left}

.menu_items {width:530px; margin-left:0px; padding-left:0px; border-left:0px; vertical-align:top; background:none }

.basket_name {margin:5px; color:#000000}
img {border:0px}
a { cursor: pointer} 

.iFlater { background:url(/branch/m2g2009/gfx/menu_back.jpg) right bottom no-repeat }
.iLogo { width:46px; height:51px }
.iLogo img { width:40px; height:40px; border:1px solid #FFF; background:#FFF url(/new/lightUp.png) bottom; padding:3px 3px 8px 3px; margin:5px 10px 0px 0px;}
.newItem {background:none}

#menuitems { overflow:auto; height:460px }
	#menuitems p { color:#666666; padding:0px; margin:0px 1px 0px 4px; font-size:11px; line-height:1.2em; width:470px }

    #menuitems  .sec_desc p {background:#FFFFFF; color:#000000; margin:0px 0px 0px 0px; padding:5px; font-size:11px ; color:#000000;width:520px; text-align:center }

.mhead {background: url(gfx/menu_head.gif);  color:#FFFFFF; font-size:14px; padding:2px 5px 5px 15px;  width:510px; 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: #990000 url(gfx/menu_head.gif) bottom; color:#FFFFFF; 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:#000000; margin: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; color:#FFFFFF;  width:46px; background:#700000 url(/branch/m2g2009/gfx/menu-prices.png); margin:0px; padding:2px 0px 2px 0px; display:block }
	.mitem u a:hover {background:#000000 url(/branch/m2g2009/gfx/menu-prices-up.png); color:#FFFFFF; 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:#333333; width:520px; font-size:11px; line-height:1em}
	
	
	.itemOpt a .small {color:#FFFFFF}
	.itemOpt a{background: url(/new/item_opt_back.png); color:#FFFFFF }
	.itemOpt a:hover{background: url(/new/item_opt_back_hover.png); color:#FFFFFF; text-decoration:none }
	
.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}


#specialOffersHolder {background:#FFF; border:1px solid #999; height:600px; overflow:auto}
#specoff1, #specoff2, #specoff3 ,#specoff4 { color:#000000; float:left; padding:5px; margin:0px; 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:12px; background: url(gfx/meal_deal_new.gif); color:#FFFFFF; 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:#FFFFFF; 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_red.gif) no-repeat right top; text-align:right; width:240px }
	.sobott1:hover,.sobott2:hover,.sobott3:hover,.sobott4:hover {background:url(gfx/meal_deal_button_green.gif) no-repeat right top; }

	.MDSmallPrice { height:14px; border-top:1px dashed #999999; padding:5px; display:block; background:url(/branch/m2g2009/gfx/meal_deal_button2_red.gif) right no-repeat; margin-top:5px; text-align:right }
	.MDSmallPrice:hover { background:url(/branch/m2g2009/gfx/meal_deal_button2_green.gif) right no-repeat }

	
#specoff1,#specoff3 {clear:both}



.tac { border-top:none; padding-top:0px; clear:both; font-size:11px}
	
/*           NEW MENU    
/*    New styles */
h1 {color:#FFFFFF; font-weight:bold; font-size:14px}
h6 {color:#FFFFFF}

.intab tr td {color:#FFFFFF}
.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: #990000; text-decoration:none}
a:hover {color: #330000; text-decoration:underline}


form {margin:0px; padding:0px}
.small {font-size:9px; color:#999999; font-family: Tahoma }
#desc_for_tabs, #the_page,#left {color:#FFFFFF}

#main {width:960px; margin:auto; color:#000000; background:#FFFFFF 1px solid}
	#head{}
		
	
	#content {background:#FFFFFF;}
	#content2 {color:#FFFFFF}
	#content2 a {color:#FFCC99}
	#content2 a:active {color:#FFFFFF}
	
		#tabs {list-style-type:none;  }
		#tabs li { float:left; padding:10px }
		#tabs li a {  }
		#tabs li b {  }
					#tab1:hover {  }
					#tab1_active { }
					
					#tab2:hover {  }
					#tab2_active {  }
					
					#tab3:hover {  }
					#tab3_active {  }
					
					#tab4:hover { }
					#tab4_active {  }		
								
	#main_contnet {margin:0px ; padding:0px; background: #700000 url(/branch/m2g2009/gfx/main_back.gif) repeat-x; color:#FFFFFF  }
	
		
		#desc_for_tabs {background:#960000; padding:8px;  margin:0px 5px 0px 0px; }
		
		#the_page {margin:10px 2px 10px 0px;  }
		
	#left {width:250px; font-size:11px}
		#login_box, #register_box, #tip_box {margin:0px 0px 0px 10px;   }

			#login_box { width:170px; margin-left:40px }
			#login_box table tr td {color:#666666}
			#homeLogin table tr td {color:#FFFFFF}
			#homeLoginBox {color:#FFFFFF}
			#homeLoginBox a { color:#ffd9ad; text-decoration:none }
			#homeLoginBox a:hover { color:#ffd9ad; text-decoration:underline }
			#homeLoginBox .field {width:160px}
				
			.field {border:1px #666666 solid; width:120px; margin:2px }
				
			#register_box { line-height:1.2em; }		
			#tip_box {line-height:1.2em; margin-bottom:40px }									
	
	#foot {  padding:0px 0px 0px 0px;  font-size:11px; margin:0px;   color:#666; line-height:2em }
	
.liveitems {float:right; line-height:2em }
.livebox { margin-bottom:5px }
#sizer a { background:#700000; margin:1px; padding:3px; }
#sizer a:hover {background:#000000; color:#FFFFFF; text-decoration:none} 	

#crt {width:220px;  }
.crt_box {background:#FFFFFF; border:#600000 1px solid; width:222px; margin:0px;  background:#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:#FFFFFF;  margin-left:10px }

.order_details { padding:5px;  border:0px; }
.inframe {background:none; color:#FFFFFF}
.inframe table tr td {color:#FFFFFF}

	#the_page .clickpost  {background:#FFEEDD; color:#660000 }
	#the_page .clickpost:hover {background:#FFFFFF; color:#000000; text-decoration:none}
	#the_page  #abslist2 .clickpost  {background:#FFFFFF; color:#000000; border:1px dashed  #AA9999 }
	#the_page  #abslist2 .clickpost:hover  {background:#FFFFFF; color:#000000; border:1px dashed  #AA9999 }
	

#content2 .los a { font-size:11px; color:#990000}
/* rewrite a colours */
#content2 .head a {color:#990000}
.changeDetails .inframe table tr td {color:#000000}

.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:#000000} 
#content2 .trackOrders .ohistory h6 {color:#000000} 
#content2 .trackOrders .ohistory .small {color:#000000; font-size:11px}
 #content2 .trackOrders .ohistory hr {display:none}


#login_box_2 table tr td { color:#000000 }

/*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 }

#homePageTable .homepageBox {width:560px}

.homeColumn { float:left }
.homepageBox { line-height:1.4em; border:0px solid #FFFFFF; color:#000000; margin:5px; padding:5px; padding-bottom:0px; background:#FFFFFF url(/new/corner.png) no-repeat bottom right; text-align:left }
.homepageBox h2 { } 
.homepageBox h2 b {color:#FFF; font-weight:normal; font-size:12px}
.homepageBox ul {margin:0px 0px 5px 5px; padding:0px; list-style:none; line-height:1.1em}
.homepageBox ul li {padding:0px 3px 1px 3px; 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 }
.homepageBox a {color:#036}
#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 }



/*receipt styles*/
	.receiptPrev { font-family:sans-serif; font-size:11px}
	.receiptPrev .m2oname {text-align:center; color:#999; margin:0px; padding:0px; display:block }
	.receiptPrev div {padding:3px}  
	.receiptPrev .order_type   {  font-weight:bold; margin-bottom:10px;text-align:center }
	.receiptPrev .user_address {  font-weight:bold; margin-bottom:10px }
	.receiptPrev .shop_address { border-bottom:1px dashed #999 }
	.receiptPrev .comments { border-top:none; margin-top:5px; margin-bottom:5px;  font-weight:bold }
	.receiptPrev .price { border-top:none; border-bottom:1px dashed #999; text-align:right }
	.receiptPrev .coupon { border-top:none; border-bottom:none; text-align:right; display:block }
	.receiptPrev .other {text-align:center; line-height:1.2em;border-top:none }
	.receiptPrev .big { font-size:20px}
	.receiptPrev .very_big {font-size:200px; clear:both; line-height:200px; height:200px; display:block }

.reg_box u {text-decoration:none;}
.reg_box .lightDrop { border:#666666 1px solid}

.top_manu  {list-style:none; margin:0px; padding:0px; float:left; margin-right:15px}
.top_manu li {list-style:none; margin:1px; padding:2px}


.homePageText p {margin:10px; line-height:1.6em; color:#FFFFFF}


.section_list b {padding:2px 0px 2px 5px;}
.hintMenuDown  {display:block; float:none;  padding:2px 25px 2px 10px; margin:0px; background:url(/branch/m2g2009/gfx/hintMenuArrowDown.png) right center no-repeat ; font-size:11px; color:#333; border-bottom:1px dashed #CCC  }
.hintMenuDown:hover {color:#FFFFFF; text-decoration:none; background: #ed8810  url(/branch/m2g2009/gfx/hintMenuArrow.gif) right center no-repeat ;text-shadow:1px 1px 2px #630;}
.hintMenuUp  {display:block; float:none;  padding:2px 25px 3px 10px; margin:0px ; color:#FFF; font-size:12px; background:#390 url(/branch/m2g2009/gfx/hintMenuArrow.gif) right center no-repeat; text-shadow:1px 1px 3px #030; font-weight:bold   }
.hintMenuUp:hover { color:#FFF; text-decoration:none; cursor:auto }  

.deli_col_choice { text-align:left; float:none; width:auto}


#tacID {  display:none }
.noteBox {padding:5px; background:#FFFFCC; border:#996633 1px solid; color:#333333 }

#homeLogin u{ color:#CCC; text-decoration:none; font-size:10px}


.iPrice a {width:50px; background:#600 url(/branch/m2g2009/gfx/menu-prices-red.png) no-repeat; color:#FFFFFF; font-weight:bold; padding:2px 0px 4px 0px;  display:block; text-align:center}
.iPrice a:hover {background:url(/branch/m2g2009/gfx/menu-prices-green.png); font-size:12px; text-decoration:none; color:#FFFFFF }

.IOD {background:url(gfx/sect_back_red.gif) }
.IOD:hover {background:url(gfx/sect_back_green.gif) }
.IOD a:hover {color:#FFF; font-size:14px}

.top_manu {margin:0px; padding:0px; margin-left:10px}
.top_menu li {margin:0px; padding:0px}