html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/**
 *
 *
 */

body,
html {
  color:#555;
  font:90% Arial;
  background:#dbdbdb;
}

.ar { text-align: right; }

/* @group links */
a:link,
a:active,
a:visited {
  color:#555;  
  -webkit-transition:color .2s linear;
}

a.more { 
  color: #a70000; text-decoration: none;
  font-weight: bold; text-transform: uppercase;
  font-size: 80%; padding: 2px 7px; 
  -moz-border-radius:5px;
  -webkit-border-radius:15px;
  -webkit-transition:background 0s linear;
}
a.more:hover { 
  background: #a70000;
  color: #fff;
  text-shadow: 0 0 0;
  -webkit-transition:background 0s linear;
}

/* @end */

/* @group fonts */
.arial-rounded { font-family:"Arial Rounded MT Bold", Arial; }
/* @end */

/* @group clearfix */
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
/* @end */

/* @group layout */
#wrapper {}
.center-margin {
  position:relative;
  
  width:950px;
  
  margin:0 auto;
}
/* @end */

/* @group header */
#header {
  background: url(/public/images/bg-head.png) repeat-x bottom left;
}
#header > div { height:127px; }

#header #logo a {
  position:absolute;
  left:0;
  bottom:16px;
  
  width:285px;
  height:77px;
  text-indent: -9999px;
  background:url(/public/images/logo.png) no-repeat;
}

/* @group navigation */
#header #navigation {
  position:absolute;
  top:8px;
  right:0;
  color: #aaa;
  letter-spacing:2px;
  text-transform:lowercase;
}
#header #navigation > a {
  letter-spacing:0;
  text-decoration:none;
  padding: 2px 7px; 
  -moz-border-radius:5px;
  -webkit-border-radius:15px;
  -webkit-transition:color 0s linear;
}
#header #navigation a:hover { 
  color:#222; background: #f99c11; color: #fff
}
#header #navigation a#sign_in_button { color:#a70000; font-weight: bold; }
#header #navigation a#sign_in_button:hover { color:#fff; }
/* @end */

#header #free-online-ordering {
  position:absolute;
  top:29px;
  right:0;
  
  width:270px;
  height:49px;
  
  background:url(/public/images/free_online_ordering.png) no-repeat;
}
/* @group menu */

#menu { 
  position: absolute; 
  top: 84px;
  left: 318px; height: 44px;
}
#menu .bg_fix {
  position: absolute;
  background: #b4b4b4; width: 20px; height: 20px;
  left: 190px; bottom: 0;
}
#menu .enabled .bg_fix {
  background: #e95320;
}

#menu > .step {
  position: absolute;
  width: 193px; height: 43px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  color: #fff; text-decoration: none;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  text-shadow: 0 0 2px #888;
  border-color: #b4b4b4; 
  background: #b4b4b4; 
  background: -moz-linear-gradient(top, #c3c3c3, #b4b4b4 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#b4b4b4));
}
#menu .step.enabled {
  text-shadow: 0 0 0;
  border-color: #e95320; 
  background: #e95320; 
  background: -moz-linear-gradient(top, #ec642f, #e95320 50%);  
  background: -webkit-gradient(linear, left top, left bottom, from(#ec642f), to(#e95320));
}
#menu .step.two {
  left: 208px;
}
#menu .step.three {
  left: 416px;
  width: 213px; 
}

#menu .txt { 
  padding: 12px 0 0 30px; font-size: 110%;
  font-weight: normal; 
}
#menu > .step > .num {
  position: absolute; z-index: 10;
  width: 42px; height: 42px;
  -moz-border-radius: 22px;
  -webkit-border-radius:22px;  
  color: #fff; text-align: center; line-height: 43px;
  font-size: 200%;
  top: -1px; left: -20px;;

  border: 1px solid #bcbcbc;
  background: #fcc81f; 
  background: -webkit-gradient(radial, 5 15%, 5, 10 15%, 45, from(#f4f4f4), to(#bcbcbc));
  background-image: -moz-radial-gradient(5px 5px 90deg, circle farthest-corner, #f4f4f4 0%, #bcbcbc 95%);
}
#menu .enabled .num {
  border: 1px solid #f99515;
  text-shadow: 0 0 2px #888;
  background: #fcc81f; 
  background: -webkit-gradient(radial, 5 15%, 2, 5 15%, 35, from(#fef127), to(#faa719));
  background-image: -moz-radial-gradient(5px 5px 90deg, circle farthest-corner, #fef127 0%, #faa719 95%);
}

/* @end */



/* @group center1 */
#center1 {
  color:#fff;
  text-shadow:0 -1px 0 #330000;
  
  height:316px;
  
  background:url(/public/images/center_bg.png) repeat-x;
}

#center1 #postcode-search {
  position:absolute;
  top:65px;
}

/* @group postcode search */

#center1 .row1,
#center1 .row2 {
  font-size:340%;
  font-weight:bold;
  width: 520px;
  
  -webkit-user-select:none;
  -moz-user-select:none;
  
  cursor:default;
}
#min-header .row1 span {
  font-size: 200%;
}
#center1 .row2 {
  position:relative;
  
  font-size:200%;
  
  margin:10px 0 20px 0;
}
#center1 .arrow {
  position:relative;
  top:5px;
  left:5px;
  
  display:inline-block;
  
  width:41px;
  height:26px;
  
  background:url(/public/images/center_arrow.png) no-repeat;
}

#center1 .row3 { position:relative; }
#center1 .field {
}
#center1 .field input {    
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  padding: 11px;
  
  border:0;
  
  width:350px;
  
  color:#999;
  font-size:180%;
  font-weight:bold;
  
  -webkit-transition:color .2s linear;
}
#center1 .field input:focus,
#center1 .field input:hover { color:#555; }

#center1 .btn.go {
  position:absolute;
  top:0;
  left: 390px;
  width: 60px;
  border: 0;
  color: #fff;
  
  display:inline-block;
  
  height:50px;
  
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  -moz-box-shadow: -1px -2px 0px #630000;
  -webkit-box-shadow: -1px -2px 0px #630000;
  
  background:#f88a12;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdd55f), to(#f88a12));
  background: -moz-linear-gradient(top, #fdd55f, #f88a12);  
  
  font-size:160%;
  font-weight:bold;
  text-shadow:0 -1px 0 #cd7009;
  text-align: center;
  cursor: pointer;
}
#center1 .btn.go:hover {
  background:#db7a0c;
  background:-webkit-gradient(linear, left top, left bottom, from(#f9c11f), to(#db7a0c));
  background: -moz-linear-gradient(top, #f9c11f, #db7a0c);
}

/* @end */

/* @group center image */
#center1 .image {
  position:absolute;
  z-index: 5;
  top:10px;
  right:20px;
  
  width:431px;
  height:300px
}
#center1 .image.china { background:url(/public/images/center_china.png) no-repeat; }
#center1 .image.pizza { background:url(/public/images/center_pizza.png) no-repeat; }
#center1 .image.bike { background:url(/public/images/center_bike.png) no-repeat; }
#center1 .image.sushi { background:url(/public/images/center_sushi.png) no-repeat; }
/* @end */
/* @end */

/* @group center2 */
#center2 {
  background: #f6f6f6 url(/public/images/bg-mid.png) repeat-x top left;
  padding: 20px 0 40px 0;
}
/*#center2 div { position: relative; }*/

#center2 h2 {
  position:relative;
  
  color:#a20000;
  font-size:230%;
  
  height:60px;
  
  -webkit-user-select:none;
  -moz-user-select:none;
  
  cursor:default;
}
#center2 h2 span { position:absolute; }

#center2 > div > div.left a.more,
#center2 > div > div.center a.more,
#center2 > div > div.right a.more { 
  display: block; position: absolute; right: 0;
  text-align: right; 
  margin-right: 10px; margin-top: 10px;
}

#center2 > div > div.left {
  float:left;
  width:290px;  
  margin:10px 20px 0 0; position: relative;
}
#center2 > div > div.left h2 span.title { left:70px; }
#center2 > div > div.left h2 span.icon {
  display:inline-block;
  
  width:57px;
  height:33px;
  
  background:url(/public/images/box_pizza.png) no-repeat;
  
  margin-right:10px;
}
#center2 .popular_dish { 
  background: url(/public/images/tikka_masala_lg.jpg) no-repeat 0px -110px;
  -moz-background-origin: border-box;
  -moz-background-size: 273px;
  -moz-border-radius: 15px;
  -webkit-background-size: 320px;
  -webkit-border-radius: 15px;
  width: 273px; height: 200px;
  position: relative;
}
#center2 .popular_dish .text { 
  color: #fff; position: absolute;
  background-color: rgba(0,0,0,0.5);
  text-align: right;
  left: 0; right: 0; bottom: 15px;
  padding: 8px 15px; color: #eee;
}

#center2 > div > div.center {
  float:left;
  width:330px;  
  margin:10px 30px 0 0; position: relative;
}
#center2 > div > div.center h2 span.title { left:55px; }
#center2 > div > div.center h2 span.icon {
  top:-10px;
  
  display:inline-block;
  
  width:43px;
  height:50px;
  
  background:url(/public/images/box_china.png) no-repeat;
  
  margin-right:10px;
}
#center2 > div > div.center .quote {
  background: #fff url(/public/images/latest-review-top.gif) no-repeat;
  margin: 0; min-height: 65px; width: 267px;
  padding: 25px 10px 5px 50px; line-height: 150%;
}
#center2 > div > div.center .author {
  background: url(/public/images/latest-review-bot.gif) no-repeat;
  margin: 0; height: 65px; padding: 0 20px 0 50px; width: 267px;
  color: #a70000;
}
#center2 > div > div.center a.more { margin-top: -10px;}
#center2 .activity-feed { overflow: hidden; height: 220px; position: absolute; }
#center2 .activity-feed .overlay { background: url(/public/images/fade.png) repeat-x; position: absolute; top: 190px; height: 30px; width: 100%;}

#center2 .activity-feed .activity-wrap { clear: both; padding-bottom: 10px; }
#center2 .activity-feed .activity-wrap .thumb {
  width: 35px; height: 35px; float: left; margin-right: 10px;
}
#center2 .activity-feed .activity-wrap .thumb.t1 {
  background: url(/public/images/activity_thumbs.png) no-repeat;
}
#center2 .activity-feed .activity-wrap .thumb.t2 {
  background: url(/public/images/activity_thumbs.png) no-repeat -44px 0;
}
#center2 .activity-feed .activity-wrap .thumb.t3 {
  background: url(/public/images/activity_thumbs.png) no-repeat -94px 0;
}
#center2 .activity-feed .activity-wrap .thumb.t4 {
  background: url(/public/images/activity_thumbs.png) no-repeat -140px 0;
}
#center2 .activity-feed .activity-wrap .thumb.t5 {
  background: url(/public/images/activity_thumbs.png) no-repeat -188px 0;
}

#center2 .activity-feed .activity-wrap a { display: block; text-decoration: none; }
#center2 .activity-feed .activity-wrap a span {
  display: block; color: #808080; font-size: 95%;
}


#center2 > div > div.right {
  float:left;
  width:280px;  
  margin:10px 0 0 0; position: relative;
}
#center2 > div > div.right h2 span.title { left:80px; }
#center2 > div > div.right h2 span.icon {
  top:1px;
  
  display:inline-block;
  
  width:71px;
  height:34px;
  
  background:url(/public/images/box_wrap.png) no-repeat;
  
  margin-right:10px;
}
#center2 > div > .right ul li { margin-bottom: 10px; }
#center2 > div > .right ul li a {
  color: #4d4d4d; text-decoration: none;
}
#center2 > div > .right ul li a:hover { text-decoration: underline; }
/* @end */

/* @group center3 */
#center3 {
  background: #fafafa url(/public/images/bg-featured.png) repeat-x top left;
}
#center3 .featured-logos { position: relative; }
#center3 .featured-logos a { position: absolute; height: 35px; text-indent: -9999px; }
#center3 .featured-logos .independent { width: 120px; }
#center3 .featured-logos .star { width: 120px; left: 135px; }
#center3 .featured-logos .navigator { width: 135px; left: 265px; }
#center3 .featured-logos .birmingham_post { width: 155px; left: 410px; }

#center3 h3 {
  color:#a20000;
  font-size:150%;
  text-shadow:0 1px 0 #fff;
  
  -webkit-user-select:none;
  -moz-user-select:none;
  
  cursor:default;
}

#center3 > div > div { 
  float:left; 
  padding: 25px 0;
}

#center3 > div > div.left {
  width:603px;
  
  margin-right:25px;
}

#center3 > div > div.right {
  background: url(/public/images/vertical-separator.png) no-repeat 0 25px;
  padding-left: 40px; min-height: 85px;
}
#center3 .featured-logos {
  background: url(/public/images/featured-logos.png) no-repeat;
  height: 33px; margin-top: 20px;
}
#center3 .facebook {
  background: url(/public/images/twitter-facebook.png) no-repeat;
  height: 29px; width: 74px; margin-top: 20px; outline: 0;
  display: block; text-indent: -9999px; float: left;
}
#center3 .twitter {
  background: url(/public/images/twitter-facebook.png) no-repeat -90px 0;
  height: 29px; width: 117px; margin-top: 20px; outline: 0;
  display: block; text-indent: -9999px; margin-left: 100px;
}

/* @end */

.footer {
  text-shadow:0 1px 0 #fff;
  background: url(/public/images/bg-foot.png) repeat-x top left;
}

/* @group center4 */
#center4 {
  height:58px;
  padding:10px;  
  text-align:center;
}
#center4 .accepted_credit_cards {
  background: url(/public/images/cards.png) no-repeat center top;
  height: 64px;
}
#center4 .accepted_credit_cards #verisign_seal {
  position: absolute; top: -10px; left: 601px;
}
/* @end */

/* @group center5 */
#center5 {
  margin:20px 0 0 0;
}

#center5 .left {
  width: 640px;
  float:left;
  margin:0 10px 10px 0;
}
#center5 h3 {
  margin:0 0 10px 0;
  
  color:#888;
  font-size:150%;
  text-shadow:0 1px 0 #fff;
  
  -webkit-user-select:none;
  -moz-user-select:none;
  
  cursor:default;
}
#center5 ul {
  float:left;
  width:110px;
  margin-right:50px;
}
#center5 ul.wide {
  width: 170px; margin-right: 20px;
}
#center5 .right { margin-left: 650px; }
#center5 .right ul {
  float:none; width: auto;
}
#center5 a { text-decoration: none; }
#center5 a:hover { color: #222; }

#center5 ul:last-child { margin-right:0; }
/* @end */

/* @group center6 */
#center6 {
  
}
#center6 > div > div {
  float:left;
  margin:30px 10px 10px 0;
}
#center6 > div > div:last-child { margin-right:0; }

#center6 h3 {
  color:#888;
  font-size:150%;
  text-shadow:0 1px 0 #fff;
  padding-bottom: 5px;
  
  -webkit-user-select:none;
  -moz-user-select:none;
  
  cursor:default;
}

#center6 .blog-posts {    
  width:580px; margin-right: 50px;
}
#center6 .blog-posts .bubble {
 padding-top: 15px;
}
#center6 .blog-posts .post {
 margin: 5px 15px 10px 15px; border-bottom: 1px dashed #ccc;
  line-height: 125%;
}
#center6 .blog-posts .post.final { border: 0; margin-bottom: 0;} 
#center6 .blog-posts .post h4 { 
  font-size: 130%; line-height: 100%;
}
#center6 .blog-posts .post h5 { 
  font-size: 90%; padding-bottom: 10px; 
}
#center6 .blog-posts .post p { padding-bottom: 10px;}
#center6 .blog-posts .post > .more { text-align: right; padding-bottom: 5px; }

#center6 .twitter-feed {    
  width:320px;
}
#center6 .twitter-feed .tweet { 
  position: relative; margin-bottom: 30px;}
#center6 .twitter-feed .text {
  background: url(/public/images/tweet.png) no-repeat 0 5px;
  padding: 5px 5px 5px 60px; line-height: 140%;
}
#center6 .twitter-feed .bottom_left {
  background: url(/public/images/speech-bubble-left.png) no-repeat;
  height: 20px; position: absolute; width: 40px; bottom: -20px;
}

#center6 .twitter-feed .bottom_right {
  background: url(/public/images/speech-bubble-right.png) no-repeat;
  height: 20px; position: absolute; width: 40px; bottom: -20px; right: 15px;
}

/* @end */

/* @group bubble */
.bubble {
  background:#eee;
  
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  
  margin:5px 0;
  padding:10px;
}
/* @end */


/* @group center1 */
#mini-header {
  color:#fff;
  text-shadow:0 -1px 0 #330000;
  
  height:82px;
  
  background:url(/public/images/mini_header_bg.png) repeat-x;
}

#mini-header  .edit_user {
  color: #fff; position: absolute; left: 550px; 
  font-size: 120%; top: 32px; text-decoration: none;
}
#mini-header  .edit_user:hover { text-decoration: underline; }

/* @group postcode search */

#mini-header .row1 {
  font-size:280%;
  font-weight:bold; padding-top: 18px;
}
#mini-header .row1 span {
  font-size: 45%; padding-left: 10px;
}
#mini-header .row1 a {
  color: #fff; text-decoration: none;
}



#mini-header .row2 {
  font-weight:bold;
  
  -webkit-user-select:none;
  -moz-user-select:none;
  
  cursor:default;
  position:absolute;
  font-size:120%; left: 650px; top: 15px;
  margin:0px 0 20px 0;
}
#mini-header .arrow {
  position:relative;
  top:5px;
  left:5px;
  
  display:inline-block;
  
  width:41px;
  height:26px;
  
  background:url(/public/images/center_arrow.png) no-repeat;
}

#mini-header .row3 { 
  position: absolute;  left: 650px; top: 37px;
  width: 310px;
}
#mini-header .field {
  display:inline-block;
}
#mini-header .field input.srch {

  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  background:#fff;
  
  padding:5px 10px;
  
  border:0;
  
  width:230px;
  
  color:#999;
  font-size:120%;
  font-weight:bold;
  text-transform:uppercase;
  
  outline:none;
  
  -webkit-transition:color .2s linear;
}
#mini-header .field input:focus,
#mini-header .field input:hover { color:#555; }

#mini-header .btn.go {
  position:absolute;
  top:0;
  right:0px;
  border: 0;
  color: #fff;
  
  display:inline-block;
  
  padding: 0 8px;
  
  height:30px;
  
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  
  background:#f88a12;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdd55f), to(#f88a12));
  background: -moz-linear-gradient(top, #fdd55f, #f88a12);
  
  font-size:130%;
  font-weight:bold;
  text-shadow:0 -1px 0 #cd7009;
  
  outline:none;
  
  cursor:hand;
  cursor:pointer;
}
#mini-header .btn.go:hover {
  background:#db7a0c;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9c11f), to(#db7a0c));
  background: -moz-linear-gradient(top, #f9c11f, #db7a0c);  
}
/* @end */
/* @end */

/* @group footer */
#footer { margin:0 0 30px 0; }
#footer .row1 { margin:0 0 5px 0; }
#footer .row2 { cursor:default; }
#footer a:link,
#footer a:active,
#footer a:visited {
  display:inline-block;
  
  text-decoration:none;
  
  margin-right:15px;
}
#footer a:hover { color:#222; }
/* @end */



.restaurant_summary { 
  padding: 15px;
  text-align: left;
  background: #fff url(/public/images/border-wide.gif) repeat-x bottom left;
  font-size: 90%;
}
.restaurant_summary > .left {
  float: left; width: 225px;
  margin-right: 30px; position: relative;
}

.restaurant_summary > .left > .hours {
  background: #fbb41c;
  padding: 8px 0 8px 0px; color: #000;
  text-align: center;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
.restaurant_summary > .left > .hours span {
  font-size: 80%; padding-left: 7px;
}
.restaurant_summary > .left .map_streetview {
  margin: 15px 0 0 0;
  background: url(/public/images/fu-garden.png) no-repeat;
  width: 225px; height: 170px;
}

.restaurant_summary > .center_wrap {
  float: left; width: 340px;
  margin-right: 20px;
  position: relative;
}
.restaurant_summary > .center_wrap > .center {
  background: #f2f0f1;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  padding: 0 15px 15px 15px;
}
.restaurant_summary h4 {
  color: #a70000; font-size: 140%;
  padding: 15px 0 5px 0;
}
.restaurant_summary > .right { margin-left: 625px;}
.restaurant_summary > .right .row {
  position: relative; padding-right: 80px;
  padding-bottom: 6px;
}
.restaurant_summary > .right h4:first-child { padding-top: 0; }
.restaurant_summary > .right .star_wrap {
  background: url(/public/images/star.gif) repeat-x 0 -16px;
  width: 75px; height: 16px;
  position: absolute; top: 0; right: 0;
}
.restaurant_summary > .right .star {
  background: url(/public/images/star.gif) repeat-x;
  width: 75px; height: 16px;
}
.restaurant_summary > .right .ar { 
  padding-top: 15px;
}


.restaurant_summary > .center_wrap .ratings {
  padding: 15px 0 0 0;
  position: relative;
}
.restaurant_summary > .center_wrap .ratings .label {
  position: absolute; bottom: -10px; right: 0;
  text-transform: uppercase;
  font-size: 70%; color: #999;
}
.ratings .row {
  height: 22px;
}
.ratings .row .title {
  float: left; text-align: right;
  width: 100px; padding-right: 10px;
  line-height: 18px;
}
.ratings .votes {
  color: #888; font-size: 90%;
  line-height: 18px;
}
.ratings .r {
  float: left; margin-right: 10px; height: 19px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
}
.ratings .r1 {
  background:#d02615;
  background: -moz-linear-gradient(top, #da3c23, #cc1c0f);
  background: -webkit-gradient(linear, left top, left bottom, from(#da3c23), to(#cc1c0f));
}
.ratings .r2 {
  background:#fbab16;
  background: -moz-linear-gradient(top, #fcdd22, #f9a214);
  background: -webkit-gradient(linear, left top, left bottom, from(#fcdd22), to(#f9a214));
}
.ratings .r3 {
  background:#334f04;
  background: -moz-linear-gradient(top, #3c5f03, #2f4902);
  background: -webkit-gradient(linear, left top, left bottom, from(#3c5f03), to(#2f4902));
}
.ratings .r4 {
  background:#648831;
  background: -moz-linear-gradient(top, #78a53c, #5a7a2e);
  background: -webkit-gradient(linear, left top, left bottom, from(#78a53c), to(#5a7a2e));
}
.ratings .r5 {
  background:#88d227;
  background: -moz-linear-gradient(top, #93e129, #79ba22);
  background: -webkit-gradient(linear, left top, left bottom, from(#93e129), to(#79ba22));
}
.restaurant_summary > .center_wrap .review {
  font-size: 90%;
  padding: 10px 20px 10px 0px;
}
.restaurant_summary > .center_wrap .review .author {
  padding-bottom: 5px;
}
.restaurant_summary > .center_wrap .review p {
  font-style: italic;
}
.restaurant_summary > .center_wrap > .links a {
  color: #fff;  
  display:inline-block;
  width: 101px;
  padding: 10px 0px;  margin: 0 10px 15px 0;
  text-align: center; 
  border: 1px solid #fcb71c;  
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  
  background:#f88a12;
  background: -moz-linear-gradient(top, #fddd2a, #f9990f);
  background: -webkit-gradient(linear, left top, left bottom, from(#fddd2a), to(#f9990f));
  text-decoration: none;
  
  font-size:140%; line-height: 110%;
  text-shadow:0 -1px 2px #cd7009;
  
  outline:none;
}
.restaurant_summary > .center_wrap > .links a:last-child { margin: 0 }
.restaurant_summary > .center_wrap > .links a span { display: none; }
.restaurant_summary > .center_wrap > .links a:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9c11f), to(#db7a0c));
  background: -moz-linear-gradient(top, #f9c11f, #db7a0c);
}
.restaurant_summary > .center_wrap > .links a.info { padding: 8px 0; font-size: 110%; }
.restaurant_summary > .center_wrap > .links a.feedback { padding: 8px 0; font-size: 110%;  }


.more { text-align: right; padding-bottom: 5px; }

#center6 .twitter-feed {    
  width:320px;
}
#center6 .twitter-feed .tweet { 
  position: relative; margin-bottom: 30px;}
#center6 .twitter-feed .text {
  background: url(/public/images/tweet.png) no-repeat 0 5px;
  padding: 5px 5px 5px 60px; line-height: 140%;
}
#center6 .twitter-feed .bottom_left {
  background: url(/public/images/speech-bubble-left.png) no-repeat;
  height: 20px; position: absolute; width: 40px; bottom: -20px;
}

#center6 .twitter-feed .bottom_right {
  background: url(/public/images/speech-bubble-right.png) no-repeat;
  height: 20px; position: absolute; width: 40px; bottom: -20px; right: 15px;
}

/* @end */


#content-page {
  background: #f6f6f6 url(/public/images/bg-mid.png) repeat-x top left;
  text-shadow:0 1px 0 #fff;
  padding: 20px;
}
.content-page-inner {
  padding: 20px 350px 20px 20px;
  background: #fff;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
}
#content-page h2 {
  color:#a20000;
  font-size:180%;
  padding: 10px 0 3px 0;
}
#content-page h2:first-child {
  padding-top: 0;
}
#content-page h3 {
  color:#444;
  font-size:120%;  
  padding: 5px 0 1px 0;
}
#content-page p { padding-bottom: 10px;}
#content-page .date { padding-bottom: 10px;}

.content-page-inner.contact_form { padding: 20px; }
.content-page-inner.contact_form .left {
  float: left; width: 600px; 
}
.content-page-inner.contact_form .left form { padding: 15px 0 0 30px; }
.contact_form .left form .row {
  padding-bottom: 10px;
}
.contact_form .left form .row .txt { width: 250px; }
.contact_form .left form .row textarea { width: 255px; height: 100px;}
.contact_form .left form label {
  display: block; float: left; width: 100px;
}
.contact_form .right {
  margin-left: 630px; 
}

.content-page-inner.forgot-password { padding: 20px; }
.content-page-inner.forgot-password .left form { padding: 15px 0 0 30px; }
.content-page-inner.forgot-password .left form .row {
  padding-bottom: 10px;
}
.content-page-inner.forgot-password .left form .row .txt { width: 180px; }
.content-page-inner.forgot-password .left form label {
  display: block; float: left; width: 150px;
}

#content-page .content-page-inner.feedback h2 { padding-bottom: 10px;}
.content-page-inner.feedback { padding: 20px;}
.content-page-inner.feedback > .left {
  float: left; width: 320px;
}
.content-page-inner.feedback > .left .describe_order { padding-top: 15px; }
.content-page-inner.feedback > .left .row { padding: 0 0 3px 5px; }
.content-page-inner.feedback > .left .r5 { font-weight: bold; color: #57b846; }
.content-page-inner.feedback > .left .r4 { font-weight: bold; color: #57b846; }
.content-page-inner.feedback > .left .r3 { font-weight: bold; color: #e98c38; }
.content-page-inner.feedback > .left .r2 { font-weight: bold; color: #f54848; }
.content-page-inner.feedback > .left .r1 { font-weight: bold; color: #f54848; }

.content-page-inner.feedback > .center {
  float: left; width: 260px; padding-right: 60px;
}

.content-page-inner.feedback > .center .food_ratings .row {
  position: relative;
  padding-bottom: 3px; margin-bottom: 3px;
  line-height: 110%; border-bottom: 1px dashed #ddd;
}
.content-page-inner.feedback > .center .food_ratings .row label {
 padding-right: 85px;
}
.content-page-inner.feedback > .center .food_ratings .row .comment {
  padding-top: 8px; text-align: right; padding-bottom: 4px;
}
.content-page-inner.feedback > .center .food_ratings .row .comment input {
  font-size: 90%; width: 160px; margin-left: 5px;
}
.content-page-inner.feedback > .center .food_ratings .row > .rating {
  position: absolute; top: 0; right: 0;
}
.content-page-inner.feedback > .center .food_ratings .row > .rating > .star {
  background: url(/public/images/star2.png) no-repeat 0 -14px; display: block; float: left;
  width: 12px; height: 12px; text-indent: -9999px; margin-right: 2px; outline: 0;
}
.content-page-inner.feedback > .center .food_ratings #missing_items {
  display: block; padding-top: 5px;
}
.content-page-inner.feedback > .center .other_comments{ padding-top: 15px; }
.content-page-inner.feedback > .center .other_comments textarea { 
  width: 260px; 
  height: 80px;
}
.content-page-inner.feedback > .center .other_comments p {
  font-size: 90%;
}
.content-page-inner.feedback > .center .submit_review {
  width: 180px; 
  outline: 0;
  text-align: center;
  color: #fff;  
  display:inline-block;
  padding: 7px 0px 10px 0px;  
  text-align: center;
  border: 1px solid #98b730;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  
  background:#f88a12;
  background: -moz-linear-gradient(top, #cfdd49, #6e991c);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfdd49), to(#6e991c));
  text-decoration: none;
  
  font-size:140%;
  text-shadow:0 -1px 0 #cd7009;
  
  outline:none;
  margin: 15px 0 0 35px;
}
.content-page-inner.feedback > .center .submit_review:hover {
  color: #ffff00;
}



#content-page .content-page-inner.feedback h3 {
  padding-bottom: 5px;
}
.content-page-inner.feedback > .left .describe_order label {
  display: block; float: left; width: 70px;
}
.content-page-inner.feedback > .right {
  float: left; 
}
.content-page-inner.feedback > .right .website_improvement p { 
  padding-top: 5px; }
.content-page-inner.feedback > .right .website_improvement .row { padding-bottom: 2px;}
.content-page-inner.feedback > .right .website_improvement input { 
  margin-right: 5px; 
  vertical-align: middle;
}


body { font-family: "Tahoma" }
a { color: #a70000; }

.b { font-weight: bold; }
.fw { width: 100%; }
.vat { vertical-align: top; }
b { font-weight: bold; }
.c { text-align: center;}
.fl { float: left; }

.login { 
  position: absolute; 
  background: #ddd; padding: 25px;
  overflow: hidden; text-align: right;
  z-index: 55; font-size: 1.05em;
  top: 35px; right: 5px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: 1px 1px 35px #220000;
  -webkit-box-shadow: 1px 1px 35px #220000;
  background: -moz-linear-gradient(top, #ececec, #dbdbdb 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dbdbdb));
}
.login h2 { 
  font-size: 130%; border-bottom: 1px dashed #444; 
  padding-bottom: 5px;
}
.login label { padding-top: 2px; padding-right: 10px; text-shadow:0 1px 0 #fff; }
.login .row { height: 35px; }
.login .forgot { padding-right: 10px; font-size: 90% }
.login .close { position: absolute; right: 20px; top: 20px; }
.login .txt { width: 150px; padding: 2px;}
.login .stay_signed_in { text-align: left; font-size: 90%; 
  margin-left: 75px; margin-top: -3px; padding-bottom: 5px;}
.login .stay_signed_in input { margin-right: 3px; 
  vertical-align: top }
.login .error { padding: 10px 0 0 0; color: red;
  font-size: 90%; font-weight: bold; }

.bg_1 td { background-color: #fff; }
.bg_2 td { background-color: #f6f6f6; }

.restaurants { font-size: 110%; width: 100%; text-shadow: 0; }
.restaurants .restaurant .closed { font-size: 80%; color: #DE3B1A; font-weight: bold; }
.restaurants th { 
  font-weight: bold; text-align: center; font-size: 85%; text-transform: uppercase; vertical-align: middle; 
  background: #fff; padding-top: 15px;
}
.restaurants tr.red th { 
  background: #de3b1a; color: #fff; padding: 15px 0; 
/*  background:-webkit-gradient(linear, left top, left bottom, from(#ea4f1f), to(#d42514));
  background: -moz-linear-gradient(top, #ea4f1f, #d42514);
*/
border:0;
border-spacing: 0;
margin: 0; border-collapse: collapse;
}
.restaurants tr.red th.ty { 
  padding-left: 15px;
  border:0;
  border-spacing: 0;
  margin: 0; border-collapse: collapse;
}
.restaurants tr.red th:first-child { -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; }
.restaurants tr.red th:last-child { -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; }
.restaurants td  { padding: 15px 0; text-align: center; }
.restaurants td  a { color: #d72a15; }
.restaurants .ra .new {
  color: #ffffff; text-decoration: none;
  font-weight: bold; text-transform: uppercase;
  font-size: 75%; padding: 1px 5px;
  border: 1px solid #da3017;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-transition:background 0s linear;
  background: -webkit-gradient(radial, 5 15%, 2, 5 15%, 35, from(#e77b6b), to(#da3017));
  background-image: -moz-radial-gradient(12px 0px 90deg, circle farthest-corner, #e77b6b 20%, #da3017 95%);
}
.restaurants .ty { text-align: left; padding-left: 15px; }
.restaurants .ti { text-align: left; padding-left: 8px; }
.restaurants td.ti > a { text-decoration: none; font-size: 110%; }
.restaurants .ti span.choose { 
  background: url(/public/images/choose-arrow.png) no-repeat right 2px;
  padding-right: 33px; font-size: 130%;
}
.restaurants .op { width: 22px; }

.restaurants .bg_1.over td { background-color: #faaf1a; border-color: #bfb; }
.restaurants .bg_2.over td { background-color: #faaf1a; border-color: #afa; }

.restaurants.info { position: absolute; z-index: 20; width: auto;
  right: 30px; top: 0; }
.restaurants.info th { background: none; padding-left: 30px; }
.restaurants.info td { padding: 5px 0 0 30px; background: none; }

.restaurants .over td { cursor: pointer; }

.restaurants .tabs { 
  background: #de3b1a; color: #fff; padding: 15px 0; 
  background:-webkit-gradient(linear, left top, left bottom, from(#ea4f1f), to(#d42514));
  background: -moz-linear-gradient(top, #ea4f1f, #d42514);
  -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;
}

.restaurants .tabs {
  height: 28px;
  position: relative;
}
.restaurants .tabs a {
  display: block; float: left;
  padding: 13px 20px 10px 20px;
  text-decoration: none;
  margin-left: 10px;
  font-size: 110%;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  height: 20px;
  outline: 0; color: #fff;
}
.restaurants .tabs a:hover, .restaurants .tabs a.sel {
  border-bottom-color: #fff; 
  background: #fff; color: #bf141a;
}
.restaurants .tabs a.menu { left: 20px; margin-left: 15px; }
.restaurants .tabs a.info { left: 100px; }
.restaurants .tabs a.reviews { left: 200px; }

.restaurants .info td { padding:0; }
.restaurants > .info  .info_inner { text-align: left; position: relative; }
.restaurants > .info  .info_wrap { background: #fff; border-color: #aaa; border-style: dashed; border-width: 0 0 2px 0;}
.restaurants > .info  .loading { text-align: left; margin: 20px 0 20px 40px; background: url(/public/images/ajax-loader.gif) no-repeat; padding-left: 25px; }
.restaurants > .info  .info_inner td { text-align: left; }
.restaurants > .info  .info_inner h3 { font-weight: bold; font-size: 120%; 
  border-bottom: 1px solid #aaa; color: #222; }
.restaurants > .info  .info_inner .rest_review {
  border-bottom: 1px dashed #aaa; padding: 5px 0; margin: 5px 0;
}
.restaurants .info_inner .rest_review span { font-weight: bold; }
.restaurants .info_inner .rest_feedback { 
  font-style: italic; padding: 5px 0 0 10px;
}
.restaurants > .info .info_inner .menu_table_wrap { position: relative; }
.restaurants > .info .info_inner .menu_wrapper {
  position: relative; background: #fff; padding: 0 10px 10px 20px;
}
.restaurants > .info .info_inner .menu_wrapper h3 {
  font-family: Tahoma; color: #707070; font-weight: normal; font-size: 150%;
}
.restaurants .info .menu_section_col {
  width: 150px; 
  position: relative; 
  vertical-align: top; font-size: 90%;
}
.restaurants .info .menu_section_col h3 {
  margin: 10px 0;
}
.restaurants .info .menu_section_col > .menu_sections { width: 130px; padding-top: 15px; }
.restaurants .info .menu_section_col a {
  display: block; text-decoration: none; color: #aa0e14;
  padding: 1px 3px; border-bottom: 1px solid #e1e1e1;
}
.restaurants .info .menu_section_col a:hover {
  color: #fff; background: #aa0e14;
}

.restaurants .info .menu_col { 
  position: relative; 
  vertical-align: top;
}
.restaurants > .info  .info_inner .menu_wrapper .no_results {
  margin:20px 0;
  
  text-align:center;
}
.restaurants > .info  .info_inner .menu_wrapper .dish_search {
 background: url(/public/images/search-bg.png) repeat-x; 
}
.restaurants > .info  .info_inner .menu_wrapper .dish_search_pad {
  padding-top: 5px;
}
.restaurants > .info  .info_inner .menu_wrapper .dish_search_pad .advanced_search {
  background: #aaa; color: #fff; text-transform: uppercase;
  font-size: 55%; letter-spacing: 1px; padding: 0 5px 1px 5px; 
  position: absolute;right: 5px; display: block;
  -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 4px;

}
.restaurants > .info  .info_inner .menu_wrapper .dish_search .vegetarian_only {
  position: absolute; top: 23px; right: 10px;
  font-size: 80%; color: #666;
}

.restaurants > .info  .info_inner .menu_wrapper .dish_search_pad .input_wrapper { position:relative; }
.restaurants > .info  .info_inner .menu_wrapper .dish_search_pad .input_wrapper input {
  background:url(/public/images/search-bg.gif) no-repeat 6px 5px;  
  width:105px;
  border: 1px solid #bfbfbf;  
  padding: 3px 0 3px 23px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color:#666;
}
.restaurants > .info  .info_inner .menu_wrapper .dish_search_pad .input_wrapper input.active { color:#000; }
.restaurants > .info  .info_inner .menu_wrapper .dish_search_pad .input_wrapper a {
  position:absolute;
  top:0px;
  right:8px;  
  width:10px; margin-top: 1px;
  height:13px; color: #fff; background: #a70000; line-height: 11px;
  text-decoration: none; text-align: center; font-size: 80%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.restaurants > .info  .info_inner .menu_wrapper td {
  border: 0;
}


.restaurants .menu_section {
  text-align: left; padding: 15px 0 0 0; font-size: 90%;
}
.restaurants .menu_section h3 { font-weight: bold; border-bottom: 1px dotted #444; margin-bottom: 3px; }
.restaurants .menu_section li { position: relative; padding: 4px 55px 4px 10px; line-height: 105%; }
.restaurants .menu_section li .price { position: absolute; display: block; right: 0; top: 4px; }

.restaurants .menu_section p { padding: 0 0 5px 0; font-style: italic; }
.restaurants .menu_section .dishes td { vertical-align: middle;}
.restaurants .menu_section .dishes { width: 100%; }
.restaurants .menu_section .dishes .title { padding: 0px 10px; font-size: 105%; }
.restaurants .menu_section .dishes .title_wrap { position: relative; padding: 5px 0;}
.restaurants .menu_section .dishes .title_wrap .dish_rating_wrap { 
  position: absolute; top:0; right: -10px; width: 60px; display: block; margin: 0;
  background: url(/public/images/star2.png) repeat-x 0 -13px; text-indent: -9999px; height: 13px; }
.restaurants .menu_section .dishes .title_wrap .dish_comments { padding-bottom: 5px;}
.restaurants .menu_section .dishes .title_wrap .dish_comments .comment {
  font-size: 90%; padding-left: 15px;
}
.restaurants .menu_section .dishes .title_wrap .dish_comments .comment span { 
  font-style: italic;
}
.restaurants .menu_section .dishes .title .dish_rating { 
  display: block; background: url(/public/images/star2.png) repeat-x; text-indent: -9999px; height: 13px; }
.restaurants .menu_section .dishes .title .comments {
  position: absolute; top: 0; right: 80px; margin-top: 2px;
  background: url(/public/images/comments.gif) no-repeat 0 2px;
  font-size: 70%; padding-left: 16px; font-weight: bold;
  text-decoration: none; color: #000; height: 14px; 
}

.restaurants .menu_section .dishes .no_pad .title { padding-bottom: 0; }
.restaurants .menu_section .dishes .title p { padding: 3px 0 5px 15px; font-size: 90%; color: #333; }
.restaurants .menu_section .dishes .title img { vertical-align: top; }
.restaurants .menu_section .dishes .title a img { opacity: 0.5; }
.restaurants .menu_section .dishes .title a:hover img { opacity: 1; }

.restaurants .menu_section .dishes .dish_info {
  padding: 10px 10px 20px 10px; font-size: 95%; 
}
.restaurants .menu_section .dishes .dish_info .description{
  padding: 10px 0;
}
.restaurants .menu_section .dishes .dish_info .l {
  float: left; padding-right: 20px; 
}
.restaurants .menu_section .dishes .dish_info strong {
  font-weight: bold;
}
.restaurants .menu_section .dishes .dish_info img {
  max-width: 250px; max-height: 250px; float: left;
  padding: 0 10px 10px 0;
}
.restaurants .menu_section .dishes .dish_info h2 {
  font-size: 140%; font-weight: bold;
  border-bottom: 1px solid #aaa; margin-bottom: 5px;
  padding-bottom: 2px;
}
.restaurants .menu_section .dishes .dish_info .ingredients {
  padding-top: 5px;
}

.restaurants .menu_section .dishes .actions { height: 25px; width: 70px; vertical-align: top; padding-top: 3px; }
.restaurants .menu_section .dishes .quantity { vertical-align: top; padding-top: 5px; text-align: right; padding-right: 5px; font-weight: bold; width: 35px;}
.restaurants .menu_section .dishes .price { width: 50px; vertical-align: top; padding-top: 5px; }

.restaurants .menu_section .actions .add { 
  display: block; width: 29px; height: 22px;
  background: url(/public/images/add_buts.gif) no-repeat 0 -30px; 
  text-indent: -9999px; outline: 0; float: left; margin-right: 5px;
}
.restaurants .menu_section .actions .add:hover { 
  background-position: 0 0px;
}
.restaurants .menu_section .actions .take { 
  display: block; width: 29px; height: 22px;
  background: url(/public/images/add_buts.gif) no-repeat -36px -30px; 
  text-indent: -9999px; outline: 0; float: left;  
}
.restaurants .menu_section .actions .take.inactive { 
  opacity: 0.45;
}
.restaurants .menu_section .actions .options { 
  display: block; width: 63px; height: 18px;
  background: url(/public/images/options.gif) no-repeat 0 0px; 
  text-indent: -9999px; outline: 0; float: left;
  margin: 4px 0 3px 0; 
}
.restaurants .menu_section .actions .options:hover { 
  background-position: 0 -20px;
}
.restaurants .menu_section .customise { 
  font-size: 90%; display: block; 
  background: url(/public/images/tp.gif) no-repeat 1px 3px;
  padding-left: 15px; outline: 0;
  color: #666; text-decoration: none;
  overflow: hidden; height: 1.3em;
}
.restaurants .menu_section .customise.open { 
  background-position: 1px -18px;
  color: #000;
}

.restaurants .finalise {
  width: 180px; display: block;
  display: block;
  outline: 0;
  text-align: center;
  color: #fff;  
  display:inline-block;
  padding: 7px 0px 10px 0px;  
  text-align: center;
  border: 1px solid #98b730;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  
  background:#f88a12;
  background: -moz-linear-gradient(top, #cfdd49, #6e991c);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfdd49), to(#6e991c));
  text-decoration: none;
  
  font-size:140%;
  text-shadow:0 -1px 0 #cd7009;
  
  outline:none;
  margin: 15px 0 0 35px;
}
.restaurants .finalise:hover {
  color: #ffff00;
}
.restaurants .finalise.disabled {
  border-color: #b4b4b4; 
  background: #b4b4b4; 
  color: #fff;
  background: -moz-linear-gradient(top, #c3c3c3, #b4b4b4);
  background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#b4b4b4));
}
.restaurants > .info .loading {
  background: url(/public/images/red-loader.gif) no-repeat center top;
  height: 12px; width: 100%; margin: 15px 0 0 0; padding: 0;
}

.restaurants .menu_section .dish_popular { 
  padding-left: 10px; background: url(/public/images/popular.gif) no-repeat 10px 3px; padding-right: 45px; }
.restaurants .menu_section .dish_veg { 
  width: 16px; display: block; padding-left: 10px;
  background: url(/public/images/v.gif) no-repeat; text-indent: -9999px; }

.restaurants .final_order {  
  padding-right: 0; position: absolute; background: #fff; top: 0; width: 240px; padding: 13px 0 0 0; 
}
.restaurants .final_order h3 { font-weight: bold; border-bottom: 1px dotted #444; margin-bottom: 3px; }

.final_order .no_order_items {
  padding: 50px 50px 0 50px; text-align: center;
  font-weight: bold;
}
.final_order .order_item {
  padding: 5px 0 5px 5px;
  border-bottom: 1px dashed #888; 
  background-color: #fff;
}
.final_order .order_item .price { float: right; position: relative; padding-right: 25px; }
.final_order .order_item .price .trash {
  display: block; float: right; margin-left: 5px;
  width: 10px; background: url(/public/images/trash.gif) no-repeat 0 3px;
  text-indent: -9999px; outline: 0;
}
.final_order .order_item .price .plus_1 {
  display: block; position: absolute; top: 1px; right: 11px;
  width: 10px; background: url(/public/images/mini_add.gif) no-repeat 0 4px;
  text-indent: -9999px; outline: 0;
}
.final_order .order_item .price .minus_1 {
  display: block; position: absolute; top: 1px; right: 0px;
  width: 10px; background: url(/public/images/mini_rem.gif) no-repeat 0 4px;
  text-indent: -9999px; outline: 0;
}

.final_order .order_item .order_item_option { 
  font-size: 90%; color: #666; }
.final_order .sub_total { padding-top: 10px; text-align: right; }
.final_order .minimum_order { padding-top: 5px; text-align: right; color: red; font-weight: bold;}


.restaurants .info .order_col { padding-left: 20px; width: 250px; position: relative; }

.restaurants .info_inner_links { 
  margin-bottom: 5px; border-bottom: 2px solid #888;
  height: 30px; position: relative;
}
.restaurants .info_inner_links a {
  font-size: 120%; padding: 3px 10px 5px 10px; outline: 0;
  float: left; background: #fff; height: 20px; margin-left: 5px;
  display: block; text-decoration: none; border: 2px solid #888;
} 
.restaurants .info_inner_links a.selected { border-bottom: 2px solid #fff; } 
.restaurants .info_inner_links a.click_review { }
.restaurants .info_inner_links a.click_menu { }

.customise_dish {
  font-size: 95%; padding-bottom: 10px; 
}
.restaurants .info .customise_dish {
  border-width: 0 0 0 1px;
  border-style: dotted;
  border-color: #999;
  margin: 0 0 0 5px;
  padding-left: 5px;
}
.restaurants .dish_options td {
  padding: 0 0 10px 10px;
}

.dish_options {
  padding: 10px 0 0 10px; color: #222;
}
.dish_options input { margin-left: 20px; }
.dish_options select { margin-left: 20px; }

.dish_option_group_title { font-weight: bold; color: #444; }




/* Confirmation page */

.confirmation_inner { 
  font-family: "Tahoma";
  text-align: left; padding: 15px;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.confirmation_inner h3 { 
  font-family: Tahoma;
  color: #87ab28; font-size: 130%;
  padding: 2px 0 15px 0; margin-left: -15px; 
  background: url(/public/images/green_dot.png) no-repeat;
}
.confirmation_inner h3 span {
  color: #fff; padding: 0 15px 0 10px; 
}
.confirmation_inner .sep {
  border-top: 1px solid #000; margin-top: 15px;
  position: relative;
  height: 10px; margin-left: -14px; margin-right: 14px;
}
.confirmation_inner .sep span {
  display: block;
  position: absolute; background: #fff;
  top: -9px; left: 6px; padding: 0 8px;
  font-weight: bold; font-size: 85%;
}
.confirmation_inner .row { padding: 6px 0; }
.confirmation_inner .sm_row { font-size: 110%; padding-bottom: 5px; 
 position: relative; }
.confirmation_inner .sm_row span { 
  float: left; display: block; width: 90px;
}
.confirmation_inner .customer_address {
  margin-right: 20px;
}

.confirmation_inner .sm_row .edit_user_address,
.confirmation_inner .sm_row .edit_user_details {
  color: #87AB28; display: block;
  position: absolute; right: 0; bottom: 7px;
  font-size: 75%; letter-spacing: 0.5px;
  text-decoration: none; text-transform: uppercase;
}
.confirmation_inner .row_method { 
  line-height: 25px;
}
.confirmation_inner .row_method label { 
  cursor: pointer;
}
/* @group finalise order */
.confirmation_inner .order_summary { 
  float: left; padding: 0 30px 30px 15px; 
  border-right: 1px solid #ccc; width: 256px;
}
.confirmation_inner .customer_details { 
  margin-left: 25px; float: left; width: 292px;
  border-right: 1px solid #ccc;
}
.confirmation_inner .billing_details {
  margin-left: 648px; margin-top: 0px;
}
.confirmation_inner .signup_login { 
  margin-left: 25px; float: left; width: 500px;
}

.confirmation_inner .signup_login h4 { 
  color: #87AB28; font-weight: bold; font-size: 120%;
  padding: 10px 0 10px 25px;
}
.confirmation_inner .signup_login .row label {
  float: left; width: 170px; text-align: right;
  padding-right: 10px;
}
.confirmation_inner .signup_login .email_wrap {
  padding-left: 55px; margin-bottom: 20px;
}
.confirmation_inner .signup_login .email_wrap input.email {
  width: 160px; margin-left: 5px;
}
.confirmation_inner .signup_login_error {
  border-style: solid;
  border-width: 1px 0; padding: 5px 10px 7px 10px;
  border-color: #f00; background: #faa;
  margin: 5px 100px 5px 25px;
}

.confirmation_inner .signup_login .have_password {
  padding: 0 0 8px 55px;
}
.confirmation_inner .signup_login .have_password input.password{
  width: 100px; margin-left: 10px;
}
.confirmation_inner .signup_login .forgot_pass {
  display: block; margin-left: 25px;
}
.confirmation_inner .signup_login .sign_in_sec {
  text-align: center;
  color: #fff;  
  padding: 2px 18px 2px 18px;
  text-align: center;
  border: 1px solid #98b730;
  -webkit-border-radius:10px;
  -moz-border-radius:8px;
  
  background: #6E991C;
  background: -moz-linear-gradient(top, #cfdd49, #6e991c);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfdd49), to(#6e991c));
  text-decoration: none;
  
  text-shadow:0 -1px 0 #cd7009;
  outline: none;
  font-size: 120%; 
  margin: 10px 0 10px 25px;
}
.confirmation_inner .signup_login .row { padding: 3px 0; }
.confirmation_inner .signup_login .row label {

}

/* @end */

/* @group finalise order - customer details */
.confirmation_inner .customer_details .row_col { 
  border-width: 1px 0;
  border-style: dashed; border-color: #aaa;
  margin: 10px 20px 12px 0; padding: 8px 0 5px 0;
}
.confirmation_inner .customer_details .row .txt { 
  width: 165px; padding: 1px; height: 18px;
}
.confirmation_inner .customer_details .row label {
  width: 80px; float: left; display: block;
}
.confirmation_inner .row.err {
  background: url(/public/images/crss.gif) no-repeat 256px 10px;
}
.confirmation_inner .row.ok {
  background: url(/public/images/tick.gif) no-repeat 255px 12px;
}
.confirmation_inner .row.err input {
  background: #fbb;
}
.confirmation_inner .under_err {
  font-size: 80%; color: #444;
  margin-left: 80px;
  background: url(/public/images/up-arr.gif) no-repeat 0 2px;
  padding-left: 15px; 
}
.confirmation_inner .billing_details .under_err {
  margin-left: 60px;
}
.confirmation_inner .billing_details .row.err {
  background: url(/public/images/crss.gif) no-repeat 236px 10px;
}
.confirmation_inner .row.ok {
  background: url(/public/images/tick.gif) no-repeat 235px 12px;
}


.confirmation_inner .customer_details .row .txt.postcode { 
  width: 90px; text-transform: uppercase;
}

/* method */
.confirmation_inner .customer_details select {
  margin-left: 5px;
}
.confirmation_inner .customer_details .method { font-size: 95%}

.confirmation_inner .customer_details .method label {
  padding-left: 5px; width: auto; float: none; padding: 0;
  display: inline; font-weight: bold; cursor: pointer;
}
.confirmation_inner .customer_details .method label.deliver {
  padding-right: 5px;
}
.confirmation_inner .customer_details .method label.collect {
  padding-left: 5px;
}
.confirmation_inner .customer_details .extra_delivery_info {
  font-size: 80%; color: #87ab28;
  margin-left: 80px;
}
.confirmation_inner .customer_details .delivery_instructions {
  margin-left: 75px; width: 185px; height: 60px; padding: 2px;
}
/* @end */

/* @group finalise order - biling details */
.confirmation_inner .billing_details .row label.lft { 
  width: 70px; 
}
.confirmation_inner .billing_details .payment_type label {
  cursor: pointer;
}
.confirmation_inner .billing_details .row .txt { 
  width: 165px; padding: 1px; height: 18px;
}
.confirmation_inner .billing_details .row .txt.postcode { 
  width: 100px; text-transform: uppercase;
}

.confirmation_inner .billing_details .card_fields {
  border-width: 1px 0;
  border-style: dashed; border-color: #aaa;
  padding: 5px 0; margin: 5px 5px 10px 0;
}
.confirmation_inner .billing_details .card_fields label {
  float: left; width: 60px; 
}

.confirmation_inner .billing_details .card_addr_same {
  font-size: 85%; 
}

.confirmation_inner .billing_details .row .txt.ccv { width: 60px; }
.confirmation_inner .billing_details .what_ccv { 
  margin-left: 10px; font-size: 80%; color: #888; }
.confirmation_inner .billing_details .security_logos {
  background: url(/public/images/secure_logos.png) no-repeat;
  height: 40px; margin-top: 5px;
}
.confirmation_inner .billing_details .processing_order {
  height: 12px; margin-top: 10px;
  background: url(/public/images/red-loader.gif) no-repeat top center;
}
.confirmation_inner .billing_details .confirm_order {
  outline: 0; width: 260px;
  text-align: center;
  color: #fff;  
  display:inline-block;
  padding: 10px 0px 13px 0px;  
  text-align: center;
  border: 1px solid #98b730;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  
  background:#f88a12;
  background: -moz-linear-gradient(top, #cfdd49, #6e991c);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfdd49), to(#6e991c));
  text-decoration: none;
  
  font-size:140%;
  text-shadow:0 -1px 0 #cd7009;
  
  outline:none;
  margin: 15px 0 0 0px;

}
.confirmation_inner .billing_details .confirm_order:hover {
  color: #ffff00;
}
.confirmation_inner .billing_details .confirm_order.disabled {
  border-color: #b4b4b4; 
  background: #b4b4b4; 
  color: #fff;
  background: -moz-linear-gradient(top, #c3c3c3, #b4b4b4);
  background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#b4b4b4));
}
.confirmation_inner .billing_details .paying_cash {
  padding: 20px 0 30px 0;
  text-align: center;
}
.confirmation_inner .billing_details .ccv_help {
  margin:5px;
  padding:5px;
  
  border:1px solid #ccc;
  
  font-size:11px;
  text-align:center;
}
/* @end */

/* @group finalise order - order summary */
.confirmation_inner .order_summary h3 { }
.confirmation_inner .order_summary .order_items {
  padding: 1px 0;
}
.confirmation_inner .order_summary .order_items .item {
  border-bottom: 1px dashed #aaa;
  padding: 5px 0;
}
.confirmation_inner .order_summary .order_items .item .price {
  float: right;
}
.confirmation_inner .order_summary .order_items .item .title {
  display: block;
}
.confirmation_inner .order_summary .order_items .item .extra {
  color: #666; font-size: 90%; display: block;
}
.confirmation_inner .order_summary .change_order_row {
  font-size: 90%; float: left; z-index: 10; position: absolute;
}
.confirmation_inner .order_summary .sub_total {
  padding-top: 5px;
}
.confirmation_inner .order_summary .ar {
  text-align: right; font-size: 90%; color: #888;
  position: relative; 
}

.confirmation_inner .order_summary .ar span,
.confirmation_inner .order_summary .total span  {
  position: absolute; display: block; right: 70px; width: 85px;
}
.confirmation_inner .order_summary .total {
  text-align: right; padding: 6px 0; font-weight: bold;
  position: relative;
}
.confirmation_inner .order_summary .coupon_code,
.confirmation_inner .order_summary .make_comment {
  text-align: right; font-size: 80%; display: block;
  color: #666; margin-top: 15px;
}
.confirmation_inner .order_summary .row.txt_label {
  font-size: 90%;
  padding: 10px 0 0 0;
}
.confirmation_inner .order_summary .txt.comment {
  margin-top:5px;
  padding:1px;
  
  width:100%;
}

.confirmation_inner .order_summary .coupon_code_wrap .row {
  padding: 15px 0 5px 0;
}
.confirmation_inner .order_summary .coupon_code_wrap .coupon_card_warning {
  font-size: 80%; color: #c33; line-height: 100%;
  margin-bottom: 10px; font-weight: bold; 
}
.confirmation_inner .order_summary .coupon_code_wrap input {
  width: 150px; vertical-align: bottom;
}
.confirmation_inner .order_summary .apply_coupon_code {
  text-align: center;
  color: #fff;  
  display:inline-block;
  padding: 1px 8px 4px 8px;
  text-align: center;
  border: 1px solid #98b730;
  -webkit-border-radius:10px;
  -moz-border-radius:8px;
  
  background:#6e991c;
  background: -moz-linear-gradient(top, #cfdd49, #6e991c);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfdd49), to(#6e991c));
  text-decoration: none;
  
  text-shadow:0 -1px 0 #cd7009;
  outline:none;
  margin: 0 0 0 5px;
}
.confirmation_inner .order_summary .apply_coupon_code:hover {
  color: #ffff00;
}
.confirmation_inner .order_summary .err {
  font-size: 80%; color: #444;
  margin-left: 0px;
  background: url(/public/images/up-arr.gif) no-repeat 0 2px;
  padding-left: 15px; 
}
.confirmation_inner .order_summary .right_links {
  text-align: right; font-size: 90%; line-height: 150%;
  margin-top: 5px;
}
.confirmation_inner .order_summary .right_links a{
  color: #87ab28; 
}
.confirmation_inner .order_summary .back_to_menu {
  background: url(/public/images/but-prv.png) no-repeat 0 1px;
  margin-bottom: 5px;
}
.confirmation_inner .order_summary .back_to_menu a {
  color: #87ab28; padding: 0 0 0 23px; 
  text-decoration: none;
}
.confirmation_inner .order_summary .back_to_menu a:hover {
  text-decoration: underline;
}


/* @end */

.confirmation_inner .order_thanks {
  text-align: center; padding: 10px 0 20px 0;
}

.confirmation_inner .order_thanks h1 {
  font-size: 150%; padding: 20px 0 10px 0;
}

.confirmation_inner .order_errors {
  background: #faa;
  border-style: solid; border-color: #f44; border-width: 2px 0;
  padding: 5px; margin: 0 0 20px 0; font-size: 90%;
}

.confirmation_inner .clear { clear: both; }




.info_wrapper { padding: 15px; background: #fff; }
.info_wrapper .lft { float: left; width: 525px; }

.info_wrapper .top h1 { font-size: 170%; font-weight: bold;}
.info_wrapper .top .address {
  font-size: 90%; color: #666;
}
.info_wrapper .top { border-bottom: 1px solid #888;  padding-bottom: 5px; margin-bottom: 10px; }
.info_wrapper .rgt {
  background: url(/public/images/map.png) no-repeat;
  margin-left: 550px;
  height: 300px;
}
.info_wrapper .detail { float: left; width: 325px; }
.info_wrapper .detail .food_types { 
  padding-bottom: 10px; 
}
.info_wrapper .detail .opening_times a { 
  color: #888; font-size: 80%; padding-left: 5px;
}
.info_wrapper .detail .description {
  padding-top: 10px; font-size: 90%;
  padding-right: 20px; font-style: italic;
}
.info_wrapper .stats { 
  float: left;
  font-size: 105%;
  width: 200px;
}
.info_wrapper .stats .row { padding-bottom: 5px;}
.info_wrapper .stats .def { 
  float: left; width: 120px; 
}
.info_wrapper .stats .tick {
  background: url(/public/images/tick.gif) no-repeat 0 2px;
  text-indent: -9999px; display: block;
  margin-left: 120px;
}
.info_wrapper .stats .sep { 
  border-bottom: 1px solid #666; 
  margin-top: 5px;
  margin-bottom: 10px;
}
.info_wrapper .stats .your_business {
  font-size: 80%;
}

.reviews_wrapper {
  background: #fff; padding: 15px 15px 15px 20px;
}
.reviews_wrapper .lft { float: left; width: 525px; }
.reviews_wrapper .right { margin-left: 560px; }

.reviews_wrapper h1 { font-size: 130%; font-weight: bold; border-bottom: 1px solid #888; margin-bottom: 10px; }

.reviews_wrapper .r5 { font-weight: bold; color: #57b846; }
.reviews_wrapper .r4 { font-weight: bold; color: #57b846; }
.reviews_wrapper .r3 { font-weight: bold; color: #e98c38; }
.reviews_wrapper .r2 { font-weight: bold; color: #f54848; }
.reviews_wrapper .r1 { font-weight: bold; color: #f54848; }
.reviews_wrapper .review { 
  border-bottom: 1px dashed #aaa;
  padding-bottom: 10px; margin-bottom: 10px;
}
.reviews_wrapper .no-reviews { 
  padding: 50px 0; text-align: center;
}
.reviews_wrapper .review .opinion { padding-bottom: 5px; }
.reviews_wrapper .review .review_txt {
  font-style: italic; padding-left: 15px; 
}

.beta-banner { background: #fff; 
  color: #fff; font-size: 90%; padding: 2px 0 4px 0; text-align: center; 
  background: #dc3419; 
  border-bottom: 1px solid #;
}
.beta-banner a { color: #fff }


.my_account { background: #fff; padding-top: 20px; margin-top: 20px; 
  padding-bottom: 20px; 
  -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px;
}
.my_account a { color: #87AB28; }
.my_account .tabs { 
  background: #de3b1a; color: #fff; padding: 15px 0; 
  background:-webkit-gradient(linear, left top, left bottom, from(#ea4f1f), to(#d42514));
  background: -moz-linear-gradient(top, #ea4f1f, #d42514);
  -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;
}

.my_account .tabs {
  height: 28px; padding-left: 5px;
  position: relative; margin-top: -40px;
}
.my_account .tabs a {
  display: block; float: left;
  padding: 7px 20px 11px 20px;
  text-decoration: none;
  margin-left: 20px;
  font-size: 110%;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  height: 25px; text-align: center;
  line-height: 100%;
  outline: 0;
  color: #fff;
}
.my_account .tabs a.sel, .my_account .tabs a:hover {
  background: #fff;
  color: #bf141a;
}

.my_account h3 {  
  font-family: Tahoma;
  color: #87ab28; font-size: 150%; 
  padding-bottom: 10px;
}

.my_account .ac3 {
  padding: 15px 0 15px 20px; font-size: 110%; position: relative;
}

.my_account .ac3 .lft {
  float: left; width: 33%; width: 280px;
  border-right: 1px solid #ddd; padding-right: 20px;
}
.my_account .ac3 .mid {
  float: left; width: 33%; width: 280px;
  margin-left: 20px;
  border-right: 1px solid #ddd; padding-right: 20px;
}
.my_account .ac3 .rgt {
  margin-left: 645px; padding-right: 20px;
}


.my_account #pending_orders > .flash_wrap .flash {
  background: #c5d747;
  background: #a1bd34;
  background: -moz-linear-gradient(top, #c5d747, #a1bd34 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c5d747), to(#a1bd34));
  border-style: solid; border-width: 1px;
  border-color: #a1bd34;
  padding: 10px 15px; margin: 0 15px 15px 0;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  color: #fff;
}
.my_account #pending_orders > .pending_order {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #888;
}
.my_account #pending_orders > .pending_order:last-child {
  margin-bottom: 0; border-bottom: 0; padding-bottom: 0;
}
.my_account #pending_orders > .pending_order > .lft > .restaurant_title {
  font-weight: bold; border-bottom: 1px solid #aaa;
  font-size: 130%; padding-bottom: 5px;
}

.my_account #pending_orders > .pending_order > .lft > .restaurant_title > span {
  font-weight: normal;
  font-size: 80%; padding-left: 5px;
}
.my_account #pending_orders > .pending_order > .lft > .item {
  border-bottom: 1px dashed #aaa; padding: 7px 0;
  position: relative; padding-right: 45px;
}
.my_account #pending_orders > .pending_order > .lft > .item > .item_opt {
  color: #888;
}
.my_account #pending_orders > .pending_order > .lft > .item > .price {
  position: absolute; right: 0; top: 7px;
}
.my_account #pending_orders > .pending_order > .lft > .sub_total {
  text-align: right; position: relative;
  padding: 2px 60px 2px 0;
}
.my_account #pending_orders > .pending_order > .lft > .sub_total > .price {
  position: absolute; right: 0;
}
.my_account #pending_orders > .pending_order > .lft > .total {
  font-weight: bold;
}
.my_account #pending_orders > .pending_order > .lft > .paid {
  text-align: right;
}

.my_account #pending_orders > .pending_order > .mid > .customer_name {
  font-weight: bold; font-size: 110%;
}
.my_account #pending_orders > .pending_order > .mid > .customer_phone {
  color: #666;
}
.my_account #pending_orders > .pending_order > .mid > .customer_address {
  padding: 10px 0;
}
.my_account #pending_orders > .pending_order > .mid > .delivery_instructions {
  font-style: italic;
}
.my_account #pending_orders > .pending_order > .mid > .delivery_time {
  padding-top: 10px;
}
.my_account #pending_orders > .pending_order > .mid > .delivery_time > span {
  font-weight: bold;
}

.my_account #pending_orders > .pending_order > .rgt > .delivery_time {
  padding-top: 10px; font-weight: bold;
}
.my_account #pending_orders > .pending_order > .rgt > .contact {
  padding-top: 10px;
}
.my_account #pending_orders > .pending_order > .rgt textarea {
  width: 260px; height: 60px;
}
.my_account #pending_orders > .pending_order > .rgt input {
  margin-left: 190px; margin-top: 10px;
}
.my_account #pending_orders > .pending_order > .rgt .order_transfer span {
  background: url(/public/images/red-loader.gif) no-repeat 5px 5px;
  padding: 0 45px 0 10px;
}

.my_account #pending_orders .new_order_to_restaurnt {
  text-align: center; padding-top: 30px;
}

.my_account #order_history .prev_page {
  position: absolute; top: 20px; color: #87ab28; 
  font-weight: bold; right: 140px; display: block; line-height: 15px;
  background: url(/public/images/but-prv.png) no-repeat top left;
  padding: 0 0 3px 23px; text-decoration: none;
}
.my_account #order_history .next_page {
  position: absolute; top: 20px; color: #87ab28; line-height: 15px;
  font-weight: bold; right: 25px; display: block;
  background: url(/public/images/but-nxt.png) no-repeat top right;
  padding: 0 23px 3px 0; text-decoration: none;
}
.my_account #order_history .restaurant_title {
  font-weight: bold; border-bottom: 1px solid #aaa;
  font-size: 130%; padding-bottom: 5px;
}

.my_account #order_history .restaurant_title > span {
  font-weight: normal; float: right;
  font-size: 70%; padding-top: 5px;
}
.my_account #order_history .item {
  border-bottom: 1px dashed #aaa; padding: 7px 0;
  position: relative; padding-right: 45px;
}
.my_account #order_history .item > .item_opt {
  color: #888;
}
.my_account #order_history .payment {
  border-bottom: 1px solid #aaa; padding: 10px 0;
  position: relative;
}
.my_account #order_history .payment span {
  font-weight: bold;
}
.my_account #order_history .re-order {
  position: absolute; right: 0; top: 7px;

  text-align: center;
  color: #fff;  
  display:inline-block;
  padding: 1px 8px 4px 8px;
  text-align: center;
  border: 1px solid #98b730;
  -webkit-border-radius:10px;
  -moz-border-radius:8px;
  
  background:#f88a12;
  background: -moz-linear-gradient(top, #cfdd49, #6e991c);
  background: -webkit-gradient(linear, left top, left bottom, from(#cfdd49), to(#6e991c));
  text-decoration: none;
  
  text-shadow:0 -1px 0 #cd7009;
  outline:none;
}
.my_account #order_history .re-order:hover {
  color: #ffff00;
}
.my_account #order_history .feedback {
  display: block; text-align: center; padding-top: 10px;
  font-size: 90%; color: #666;
}

/* Local Restaurants */
.my_account #local_restaurants { padding-right: 20px; 
  font-size: 100%; } 


/* User edit */
.user_edit { 
  background: #fff;
  padding: 65px 0 30px 15px; margin-bottom: 30px; 
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}
.user_edit h3 { 
  padding: 3px 0 10px 1px; font-size: 120%;
  background: url(/public/images/green_dot.png) no-repeat;
}
.user_edit h3 span {
  color: #fff; padding: 0 15px 0 9px;
}
.user_edit .sep {
  border-top: 1px solid #000; margin-top: 15px;
  position: relative;
  height: 10px; margin-left: -14px; margin-right: 14px;
}
.user_edit .sep span {
  display: block;
  position: absolute; background: #fff;
  top: -9px; left: 6px; padding: 0 8px;
  font-weight: bold; font-size: 85%;
}
.user_edit .sep span b { font-weight: normal; font-size: 90%; }
.user_edit .row { padding: 6px 0; }
.user_edit .row label { 
  display: block; float: left; padding-top: 3px;
}



.user_edit .notifications {
  padding-top: 20px;
}

.user_edit .name_pass .row label { 
  width: 90px; 
}
.user_edit .name_pass .row .txt { 
  width: 160px; padding: 1px; height: 18px;
}
.user_edit .name_pass .row label.pass { 
  width: 110px; 
}
.user_edit .name_pass .row .txt.pass { 
  width: 140px;
}
.user_edit a.update_user {
  display: block; 
  background: url(/public/images/save.png) no-repeat;
  padding:0; margin: 0; width: 58px; height: 29px;
  margin-left: 200px; text-indent: -9999px;
  margin-top: 5px;
}
.user_edit a.update_user:hover {
  background-position:  0 -29px;
}

.user_edit .address .row label { 
  width: 70px; 
}
.user_edit .address .row .txt { 
  width: 170px; padding: 1px; height: 18px;
}
.user_edit .address .row .txt.postcode { 
  width: 85px;
}
.user_edit .address_row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px; padding-bottom: 10px;
}

.user_edit .address .row .delivery_instructions {
  font-size: 90%;
  margin-left: 70px; width: 180px; margin-top: 5px;
  height: 60px;
  
}
.user_edit .address .row .remove_address {
  color: red; padding-left: 10px;
  font-size: 90%;
}

.user_edit .notifications .row.h {
  font-weight: bold; padding: 0 0 0 160px;
  margin-top: -10px;
}
.user_edit .notifications .row label {
  width: 170px; 
}
.user_edit .notifications .row .l {
  margin-right: 30px;
}
.user_edit .notifications .row .email {
  margin-right: 10px;
}

.user_edit .notice {
  background: #a1bd34;
  background: -moz-linear-gradient(top, #c5d747, #a1bd34 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c5d747), to(#a1bd34));
  border-style: solid; border-width: 1px;
  border-color: #a1bd34;
  padding: 5px 15px 7px 15px; margin: 10px 0 0 0;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  color: #fff;
}

.background_overlay {
  position: fixed;
  top: 0; bottom: 0; left: 0; right: 0;
  z-index: 50;
  opacity: 0.85;
  background: #fff;
}
.modal_box_wrap { 
  position: absolute; 
  z-index: 55;
  background: #fff;
  width: 500px;
  margin: 0 auto;
  top: 100px; left: 300px;
  -moz-box-shadow: 0px 0px 80px #440000;
  -webkit-box-shadow: 0 0 80px #630000;
  padding: 30px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
}
.modal_box_wrap .close { 
  position: absolute;
  top: -10px; left: -10px;;
  display: block;
  background: #000;
  color: #fff;
  -moz-box-shadow: 1px 1px 8px #440000;
  -webkit-box-shadow: 0 0 8px #440000;
  -webkit-border-radius:13px;
  -moz-border-radius:13px;
  width: 20px; height: 20px;
  text-align: center; line-height: 18px;
  text-decoration: none; font-size: 1.3em;
  border: 2px solid #fff;

  background: -webkit-gradient(radial, 5 15%, 2, 5 15%, 35, from(#EA4F1F), to(#D42514));
  background-image: -moz-radial-gradient(2px 2px 90deg, circle farthest-corner, #EA4F1F 0%, #D42514 95%);
  outline: 0; font-weight: bold;
}

.modal_box_wrap h2 {
  color:#a20000;
  font-size:180%; padding-bottom: 10px;
}

.modal_box_wrap .close:hover { 
  background: #D42514;
}