@import url(https://fonts.googleapis.com/css?family=Hind:500);

/*Basic ============================================================*/
body {margin:0;padding:0;font-family: "Microsoft JhengHei","Open Sans", "sans-serif";color:#333;}
input {padding-left:3px}
a
 {
 color:#81c703;
/*.font-weight: bold;*/
}<!--green-->


.webouter {}


.normal_content, .indexheader_content, .header_content, .footer_content, .indexslider, .col3banner, .restaurant-index, .mb_steps-content, .mb_app-content, .mb_credit-content {width:965px;margin:0 auto 0 auto;clear:both;}

.indexheader {background-image: url(../Images/bg_home.jpg);background-repeat:repeat-x;min-height:200px;}
.logo {float:left;width:300px;}
.logo img{margin-top:15px;}
div.header_btn { width:660px; padding-top:38px;text-align:right;float:right;}
div.header_btn a {font-size:14px;color:#333;text-decoration: none;margin-left:20px;}
div.header_btn a:hover {color:#81c703;}

.indexsearch {
clear:both;
text-align:center;
position: absolute;
width:965px;
top:107px;

}

.frmSearch {border: 1px solid #F0F0F0;background-color:#C8EEFD;margin: 2px 0px;padding:40px;}
#country-list{float:left;list-style:none;margin:0;padding:0;width: 298px;}
#country-list li{padding: 10px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#country-list li:hover{background:#F0F0F0;}
#search-box{padding: 10px;border: #F0F0F0 1px solid;}

.indexsearch span{font-size:19px;color:#898989;line-height:25px;display:block;font-family: 'Hind', sans-serif;}
.indexsearch_bar {background:url(../Images/bg_indexsearch.jpg) 0 0 repeat-x #2f7300;min-height:55px;}
.indexsearch .indexsearch_bar span {float:left;/*color:#fff;font-size:22px;line-height:65px;*/}
.indexsearch .indexsearch_bar span.text {color:#fff;font-size:20px;line-height:55px;margin:0 20px 0 20px;}
.indexsearch .indexsearch_bar span.b-input {margin-top:7px;margin-right:10px;}
.indexsearch .indexsearch_bar span.b-select {margin-top:7px;margin-right:10px;}
.indexsearch .indexsearch_bar span.b-btn {margin-top:14px}

.header {background-image: url(../Images/bg_subpage.jpg);background-repeat:repeat-x;min-height:127px;}
.header_content {position:relative;}
.postcodesearch {}
.postcodesearch_bar {position:absolute;width:500px;top:95px;right:0;text-align:right;}
.postcodesearch .postcodesearch_bar span {font-size:12px;line-height:15px;color:#ccc;}



.indexslider {height:292px;clear:both;}

.col3banner {clear:both;margin-top:15px;}
/*.col3banner div {width:33.3%;float:left;text-align: center;}*/
.col3banner div {float:left; padding-right:32px;}
.col3banner :last-child {
    float:right;
	padding-right:0px;
}
.col3banner img{width:300px;}


/*restaurant-index*/
.restaurant-index {clear:both;}
.restaurant-index p{font-family: 'Hind', sans-serif;text-align:center;color:#79c202;font-size:26px;margin:0;padding: 25px 0 0 0;}
.restaurant-index .r_set {width:473px;position:relative;float:left;margin-left:5px;margin-right:4px;margin-bottom:12px;}
.restaurant-index .r_tag {z-index:2;position:absolute;left:0;top:72px;}
.restaurant-index .r_offer {z-index:2;position:absolute;right:5px;bottom:0;width:100px;height:27px;color:#fb6600;font-weight: bold;text-align:center;}
.restaurant-index .r_box {border: 1px solid #e9e9e9;margin-left:3px;height:120px;padding-top:14px;padding-left:14px;background:url(../Images/restaurant-index_offer.png) right bottom no-repeat;}
.restaurant-index .r_logo {width:65px;height:65px;float:left;}
.restaurant-index .r_logo img {width:65px;height:65px;border: 1px solid #d9d9d9;}
.restaurant-index .r_info {width:355px;overflow:hidden;float:left;margin-left:20px;font-size:11px;}
.restaurant-index .r_info div{clear:both;}
.restaurant-index .r_info span.star {float:left;margin:0;}
.restaurant-index .r_info span{float:left;margin:3px 7px 0 0;}
.restaurant-index .r_name a{font-size:20px;text-decoration: none;color:#333;}
.restaurant-index .r_name a:hover{color:#81c703;}

/*restaurant-listing*/
.restaurant-listing {float:right;width:710px;}
.restaurant-listing .r_set {width:710px;position:relative;float:right;margin-left:5px;margin-right:4px;margin-bottom:12px;}
.restaurant-listing .r_tag {z-index:2;position:absolute;left:0;top:96px;}
.restaurant-listing .r_offer {z-index:2;position:absolute;right:0;bottom:7px;width:157px;height:29px;color:#fff;font-size:18px;line-height:25px;font-family: 'Hind', sans-serif;text-align:center;background:url(../Images/listingtag_offer.png) 0 0 no-repeat;}
.restaurant-listing .r_sponsored {z-index:2;position:absolute;left:36px;top:135px;color:#cccccc;font-size:11px;}
.restaurant-listing .r_right {z-index:2;position:absolute;right:0;top:30px;margin-right:20px;text-align:center;}
.restaurant-listing .r_right div.groupstar {width:110px;height:20px;margin:20px auto 0 auto;}
.restaurant-listing .r_right span.star {float:left;margin:0;}
.restaurant-listing .r_right a.r_reviews {font-size:13px;}
.restaurant-listing .r_box {border: 1px solid #e9e9e9;margin-left:4px;margin-right:6px;height:140px;padding-top:18px;padding-left:18px;}
.restaurant-listing .r_box:hover {border: 1px solid #81c703;background-color:#fbfff2;}
.restaurant-listing .r_logo {width:85px;height:85px;float:left;}
.restaurant-listing .r_logo img {width:85px;height:85px;border: 1px solid #d9d9d9;}
.restaurant-listing .r_info {width:400px;overflow:hidden;float:left;margin-left:35px;font-size:13px;}
.restaurant-listing .r_info div{clear:both;margin-bottom:6px;}
.restaurant-listing .r_info span{float:left;margin:3px 7px 6px 0;}
.restaurant-listing .r_info span.space {margin-left: 25px;}
.restaurant-listing .r_name a{font-size:20px;text-decoration: none;color:#333;font-weight: bold;}
.restaurant-listing .r_name a:hover{color:#81c703;}

.restaurant-listing .r_btn {width:710px;clear:both;text-align:center;margin:0 0 10px 0;}

.restaurant-listing .r_box_closed {border: 1px solid #d1d0d0;margin-left:4px;margin-right:6px;height:140px;padding-top:18px;padding-left:18px;background-color:#eeeeee;}
.restaurant-listing .r_box_closed:hover {border: 1px solid #b8b8b8;background-color:#e3e3e3;}
.restaurant-listing .r_name_closed a{font-size:20px;text-decoration: none;color:#333;font-weight: bold;}
.restaurant-listing .r_name_closed a:hover{color:#000;}


/*restaurant-menu*/
.restaurant-menu {clear:both;width:965px;}
.restaurant-menu .r_set {width:965px;position:relative;margin-bottom:12px;}
.restaurant-menu .r_right {z-index:2;position:absolute;right:0;top:30px;margin-right:20px;text-align:center;}
.restaurant-menu .r_right div.groupstar {width:90px;height:20px;margin:20px auto 0 auto;}
.restaurant-menu .r_right span.star {float:left;margin:0;}
.restaurant-menu .r_right a.r_reviews {font-size:13px;}
.restaurant-menu .r_box {/*border: 1px solid #e9e9e9;*/height:140px;padding:10px 0 0 10px;}
.restaurant-menu .r_logo {width:100px;height:100px;float:left;}
.restaurant-menu .r_logo img {width:100px;height:100px;border: 1px solid #d9d9d9;}
.restaurant-menu .r_info {width:400px;overflow:hidden;float:left;margin-left:20px;font-size:13px;/*background:green;*/}
.restaurant-menu .r_info div{clear:both;margin-bottom:6px;}
.restaurant-menu .r_info span{float:left;margin:3px 7px 6px 0;}
.restaurant-menu .r_info span.star {float: left;margin: 0;}
.restaurant-menu .r_info span.space {margin-left:25px;}
.restaurant-menu .r_name {font-size:20px;text-decoration: none;color:#333;font-weight: bold;}

.restaurant-menu .r_dorc {float:right;font-size:13px;margin-top: 15px;}
.restaurant-menu .r_dorc span {float:left;}
.restaurant-menu .r_dorc span p {display:block;margin:0;padding:0;font-size:15px;margin-bottom:5px;}
.restaurant-menu .r_dorc span.dorc_select {/*background:orange;*/width:200px;}
.restaurant-menu .r_dorc span.dorc_select a {display:block;margin-top:5px;}
.restaurant-menu .r_dorc span.dorc_details {/*background:pink;*/width:150px;overflow:hidden;padding:0 20px;}



/*mblock*/
.mblock {clear:both;padding-top:30px;}
.mblock-content {position:relative;}

.mblock .mb_steps {background:url(../Images/blockbg_grey.png) 0 0 repeat-x #FFFFFF;min-height:265px;margin-bottom:3px;}
.mblock .mb_steps-content{}
.mblock .mb_steps_l {float:left;width:500px;font-size:66px;color:#cccccc;font-family: 'Hind', sans-serif;}
.mblock .mb_steps_l p {margin:0;padding:82px 0 0 35px;}
.mblock .mb_steps_r {float:left;width:460px;color:#999;font-size:14px;margin-top:10px;}
.mblock .mb_steps_r span{float:left;}
.mblock .mb_steps_r span img {margin-right:15px;margin-bottom:10px;}
.mblock .mb_steps_r div.step {clear:both;}
.mblock .mb_steps_r span p{font-size:26px;color:#666;padding:0;margin:10px 0 0 0;}

.mblock .mb_app {background:url(../Images/blockbg_green.png) 0 0 repeat-x #FFFFFF;min-height:265px;margin-bottom:3px;}
.mblock .mb_app-content {position:relative;}
.mblock .mb_app-content div.mb_app_r {width:430px;height:200px;padding:0;margin:30px 30px 0 0;float:right;font-size:16px;color:#fff;}
.mblock .mb_app-content div.mb_app_r span {font-size:66px;color:#fff;font-family: 'Hind', sans-serif;display:block;line-height:80px;}
.mb_mobileapp {position:absolute;left:0;top:-50px;z-index:2;}

.mblock .mb_credit {background:url(../Images/blockbg_orange.png) 0 0 repeat-x #FFFFFF;min-height:265px;}
.mblock .mb_credit-content {position:relative;}
.mblock .mb_credit-content div.mb_credit_l {/*width:430px;*/width:360px;height:200px;padding:0;margin:80px 0 0 70px;float:left;font-size:16px;color:#fff;}
.mblock .mb_credit-content div.mb_credit_l a {color:#fdfb74;text-decoration: underline;margin-left:20px;}
.mblock .mb_credit-content div.mb_credit_l span {font-size:66px;color:#fff;font-family: 'Hind', sans-serif;display:block;line-height:80px;}
.mb_creditimg {position:absolute;right:0;top:0;z-index:2;}


.AddyourRestaurant {text-align:center;margin:110px auto 0 auto;font-size:14px;color:#999;clear:both;}
.AddyourRestaurant span {font-size:26px;color:#666;font-family: 'Hind', sans-serif;display:block;line-height:26px;}


.menuitem {float:left;width:480px;margin:0 11px 0 22px;}
.menuoffer {width:526px;height:48px;background:url(../Images/bg_menuoffer.png) 0 0 no-repeat #fff;margin:14px 0 35px 0;position:relative;}
.menuoffer div{font-size:26px;font-weight:bold;color:#fff;position:absolute;left:35px;top:11px;}
.menuoffer span{font-size:14px;color:#fff;position:absolute;right:5px;bottom:5px;text-align:right;}


.menuitem .mt {width:526px;overflow:hidden;}
.menuitem .mt_notes {font-size:13px;margin-bottom:20px;}
.menuitem .mt_cat {font-size:13px;color:#333;border-top: 1px dotted #c3c3c3;padding-top:15px;/*margin-bottom:20px;*/padding-bottom: 20px;height: 20px; line-height: 30px; width: 100%; font-weight:bold;margin-top:7px;float:left}
.menuitem .mt_cat span{
font-size:20px;color:#f96803;display:block;font-weight: normal;}

.menuitem .namedesc {font-size:12px;color:#333333;display:block;}

.menuitem .mt_set {position:relative;border-top: 1px #c3c3c3;padding-top:8px;padding-bottom:8px;}
.menuitem div.mt_set:hover {background-color:#DDDDDD;}
.menuitem .mt_set span {float:left;}
.menuitem .mt_set .mt_img {margin:0 0 0 10px;}
.menuitem .mt_set .mt_img a {width:100px;display:block;text-align:center;}
.menuitem .mt_set .mt_img a img {max-width:100px;max-height:100px;border:1px solid #d8d8d8;}
.menuitem .mt_set .mt_no {font-size:15px;margin:0 3px 0 10px;}
.menuitem .mt_set .mt_info {font-size:11px;width:320px;}
.menuitem .mt_set .mt_desc {font-size:11px;width:60px;padding:15px 0 0 0;margin:0;}
.menuitem .mt_set .mt_info p {color:#333;font-size:15px;font-weight:bold;display:block;padding:12px 0 0 0;margin:0;}

.menuitem .mt_set .mt_price {float:right;color:#733501;line-height:15px;font-weight:bold;}
.menuitem .mt_set .mt_price span{float:right;}
.menuitem .mt_set .mt_price span img {margin-right:5px;}
.menuitem .mt_set .mt_price span div {padding:16px 5px 0 0;font-size: 14px;}

.menuitem .mt_set_dot {position:relative;border-top: 1px dotted #c3c3c3;padding-top:8px;padding-bottom:8px;}
.menuitem div.mt_set_dot:hover {background-color:#DDDDDD;}
.menuitem .mt_set_dot span {float:left;}
.menuitem .mt_set_dot .mt_img {margin:0 0 0 10px;}
.menuitem .mt_set_dot .mt_img a {width:100px;display:block;text-align:center;}
.menuitem .mt_set_dot .mt_img a img {max-width:100px;max-height:100px;}
.menuitem .mt_set_dot .mt_no {font-size:15px;margin:0 3px 0 10px;}
.menuitem .mt_set_dot .mt_info {font-size:12px;width:320px;}
.menuitem .mt_set_dot .mt_desc {font-size:12px;width:60px;padding:15px 0 0 0;margin:0;}
.menuitem .mt_set_dot .mt_info p {color:#333;font-size:14px;font-weight:bold;display:block;padding:12px 0 0 0;margin:0;}

.menuitem .mt_set_dot .mt_price {float:right;color:#733501;line-height:15px;font-weight:bold;}
.menuitem .mt_set_dot .mt_price span{float:right;}
.menuitem .mt_set_dot .mt_price span img {margin-right:5px;}
.menuitem .mt_set_dot .mt_price span div {padding:16px 5px 0 0;}

.mt_extra_desc{
position: absolute;
z-index: 99;
width:200px;
}
/*.yourorder {width:width:312px;position:absolute;left: 660px;top: -40px;}*/
.yourorder {float:left;width:280px;}
.yourorder_top {width:312px;height:105px;}
.yourorder_dn {width:312px;height:41px;}
.yourorder_mid {width:312px;background:url(../Images/yourorder_mid.png) 0 0 repeat-y;padding:0;margin:0;}
.yourorder_content {padding:0 20px 0 30px;overflow:hidden;font-size:11px;color:#333;}
.yourorder .item_line {border-top: 1px dotted #999;width: 250px;height:1px;}
.yourorder .item_set {/*background-color:pink;*/position:relative;width:250px;margin: 0 0 20px 0;}
.yourorder .item_set .item_name {/*background: green;*/padding: 3px 0 0 5px;width: 140px;float: left;}
.yourorder .item_set span {float:left;}
.yourorder .item_set .item_del {margin-left: 5px;float: left;}
.yourorder .item_set .item_qty {/*background-color:green;*/padding:3px;font-weight: bold;}
.yourorder .item_set .item_uPrice {/*background-color: red; */width: 50px;text-align: right;float: right;padding:3px 0 0 0;}
.yourorder .item_set .item_extrasPrice {/*background-color: red; */width: 50px;text-align: right;float: right;}
.yourorder .item_set .item_extrasName {/*background: green;*/width: 170px;}
.yourorder .item_set .item_extras {clear:both;padding:10px 0 0 30px;line-height:20px;}
.yourorder .item_set .item_extras div{clear:both;}
.yourorder .item_priceCount {/*background:red;*/width:250px;}
.yourorder .item_priceCount div{clear:both;padding:10px 0;}
.yourorder .item_priceCount span{float:left;width: 130px;}
.yourorder .item_priceCount p{float:right;width: 100px;margin:0;padding:0;text-align: right;}
.yourorder .item_priceCount .item_subtotal-title {font-weight: bold;font-size:14px;}
.yourorder .item_priceCount .item_subtotal-price {font-weight: bold;font-size:14px;}
.yourorder .item_priceCount .item_total-title {font-weight: bold;font-size:18px;}
.yourorder .item_priceCount .item_total-price {font-weight: bold;font-size:18px;}

.yourorder .item_mbox {background-color:#fff3d6;width:250px;text-align:center;font-size:13px;}
.yourorder .item_mbox div{padding:10px;color:#f17100;margin:10px 0;}

.yourorder .item_mbox2 {background-color:#f96803;width:250px;text-align:center;}
.yourorder .item_mbox2 div{padding:10px;color:#fff;margin:10px 0;}
.yourorder .item_mbox2 div span{float:none;font-weight:bold;font-size:15px;line-height:25px;}
.yourorder .item_priceCount div.item_mbox2 {padding:0;}
.yourorder .item_priceCount .item_mbox2 div span {width:auto;}

.yourorder .item_checkout {clear:both;margin:25px 0 10px 0;text-align:center;}
.yourorder .item_checkout div {clear:both;font-weight:bold;font-size:14px;margin-bottom: 10px;}

.yourorder .cord {margin: 15px 0;}
.yourorder .cord input {float:left;}
.yourorder .cord .cord-label {width:50%;float:left;}
.yourorder .cord .cord-label div {/*background: red;*/width: 100px;float: left;}
.yourorder .cord .cord-label div span{font-weight: bold;font-size:15px;line-height:20px;}


.ctf-layer {width: 965px;position: fixed;top: 10px;}
.ctf-layer .menucategories{top:0;}


.yourorder_details {float:left;width:240px;}
.yourorder_details_content {padding:0 20px 0 30px;overflow:hidden;font-size:11px;color:#333;}
.yourorder_details .item_set {/*background-color:pink;*/position:relative;width:185px;height:45px;margin: 0 0 15px 0;}
.yourorder_details .item_set .item_name {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:10px 0 5px 0;}
.yourorder_details .item_set span {float:left;}
.yourorder_details .item_set .item_del {margin-left:10px;}
.yourorder_details .item_set .item_qty {/*background-color:green;*/width:50px;margin-left:10px;}
.yourorder_details .item_set .item_uPrice {/*background-color:red;*/width:80px;text-align:right;}
.yourorder_details .item_mbox {background-color:#fff3d6;width:180px;height:50px;text-align:center;}
.yourorder_details .item_mbox div{padding:10px;color:#f17100;}
.yourorder_details .item_mbox div span{display:block;font-weight:bold;font-size:15px;}
.yourorder_details .item_checkout {clear:both;margin:25px 0 10px 0;text-align:center;}
.yourorder_details .item_checkout div {clear:both;font-weight:bold;font-size:14px;margin-bottom: 10px;}





.orderdetails {font-size:13px;width:710px;float:left;border: 1px dotted #ccc;margin-top: 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.orderdetails .orderdetails_content {padding:15px;}
.orderdetails .orderdetails_content p {font-size:20px; color:#81c703;font-weight:bold;margin:0 0 5px 0;padding:0}
.orderdetails .orderdetails_content div span {float:left;}
.orderdetails .orderdetails_content div.item {clear:both;padding:15px 0;}
.orderdetails .orderdetails_content div span.item {width:120px;display:block;}






.footer {clear:both;background-color:#333333;font-size:12px;padding:20px 0;margin-top:110px;}
.footer_content {color:#fff;}
.footer_content a{color:#fff;text-decoration: none;}
.footer_content a:hover {color:#fff;text-decoration: underline;}
.footer_parti {margin:0 10px;}

/*Input/Select ============================================================*/

.input_indexsearch {
font-family: 'Hind', sans-serif;
font-size:16px;
display: inline-block;
/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
background: white repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
box-shadow: none;
width:670px;
height: 40px;
padding: 0 0 0 5px;
margin: 0 0 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: middle;
color:#666;
/*outline:none;*/
outline-color: orange;
-webkit-box-shadow: inset -2px -2px 5px 0px #ededed;
-moz-box-shadow: inset -2px -2px 5px 0px #ededed;
box-shadow: inset -2px -2px 5px 0px #ededed;
}
.indexsearch > .indexsearch_bar > span > ::-webkit-input-placeholder {color:#cccccc;padding-top:5px;}
.indexsearch > .indexsearch_bar > span > :-moz-placeholder {color:#cccccc;padding-top:5px;}
.indexsearch > .indexsearch_bar > span > ::-moz-placeholder {color:#cccccc;padding-top:5px;}
.indexsearch > .indexsearch_bar > span > :-ms-input-placeholder {color:#cccccc;padding-top:5px;}

.input_postcodesearch {
font-family: 'Hind', sans-serif;
font-size:18px;line-height:18px;
display: inline-block;
/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
background: white repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #dfdfdf;
box-shadow: none;
/*width:121px;*/
width:228px;
height: 28px;
padding: 0 0 0 5px;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: middle;
color:#666;
outline:none;
}
.postcodesearch > .postcodesearch_bar > span > ::-webkit-input-placeholder {color:#666;padding-top:5px;}
.postcodesearch > .postcodesearch_bar > span > :-moz-placeholder {color:#666;padding-top:5px;}
.postcodesearch > .postcodesearch_bar > span > ::-moz-placeholder {color:#666;padding-top:5px;}
.postcodesearch > .postcodesearch_bar > span > :-ms-input-placeholder {color:#666;padding-top:5px;}

.select_indexsearch {
font-family: 'Hind', sans-serif;
font-size:18px;line-height:18px;
display: inline-block;
background: #fff repeat scroll 0 0 rgba(0, 0, 0, 0);
background-color:#fff;
border-color: rgba(0, 0, 0, 0);
box-shadow: none;
width:247px;
height: 50px;
padding: 0 0 0 10px;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: middle;
color:#999;
outline:none;
-webkit-box-shadow: inset -2px -2px 5px 0px #ededed;
-moz-box-shadow: inset -2px -2px 5px 0px #ededed;
box-shadow: inset -2px -2px 5px 0px #ededed;
/*
-webkit-appearance:none;
appearance:none;
-moz-appearance:none;
cursor:pointer;
text-indent: 0.01px;
text-overflow: "";
background: white url("../Images/selectarrow.png") no-repeat right center;
*/
}
/*.select_indexsearch::-ms-expand {display: none;}*/


.select_indexsearch option,.select_indexsearch optgroup{font-size:14px;color:#666;}

.select_dorc {
font-family: 'Hind', sans-serif;
font-size:18px;line-height:18px;
display: inline-block;
background: #fff repeat scroll 0 0 rgba(0, 0, 0, 0);
background-color:#fff;
border: 1px solid #999;
box-shadow: none;
width:180px;
height: 50px;
padding: 0 0 0 10px;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: middle;
color:#999;
outline:none;
-webkit-box-shadow: inset -2px -2px 5px 0px #ededed;
-moz-box-shadow: inset -2px -2px 5px 0px #ededed;
box-shadow: inset -2px -2px 5px 0px #ededed;
}


.select_sortby {
float:right;
font-size:12px;line-height:12px;
display: inline-block;
background: #fff repeat scroll 0 0 rgba(0, 0, 0, 0);
background-color:#fff;
border: 1px solid #e0dfe0;
box-shadow: none;
width:180px;
height: 28px;
padding: 0 0 0 53px;
margin:0 20px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: middle;
color:#666;
outline:none;
-webkit-box-shadow: inset -2px -2px 5px 0px #ededed;
-moz-box-shadow: inset -2px -2px 5px 0px #ededed;
box-shadow: inset -2px -2px 5px 0px #ededed;
background: white url("../Images/sortby.gif") no-repeat left center;
}
.select_sortby option{color:#666;}



/*Btn ============================================================*/
a._btn {
font-family: 'Hind', sans-serif;
font-size: 18px;
/*font-weight: bold;*/
text-decoration: none;
border: 0px solid #342f00;
list-style: none;
color: #342f00;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div.header_btn a.btn_headersignup {font-size: 14px;color:#fff;background-color:#81c703;padding: 5px 12px;margin:5px;font-family: Arial,'Open Sans', sans-serif;}
div.header_btn a:hover.btn_headersignup {background-color:#7bbe03;}

a.btn_indexsearch {color:#fff;font-size: 24px;padding: 1px 30px;margin:0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #ffb806; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb806 0%, #fc9603 50%, #f96703 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb806), color-stop(50%,#fc9603), color-stop(100%,#f96703)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb806', endColorstr='#f96703',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_indexsearch {background:#fea904;color:#fff;}


a.btn_ordernow {color:#fff;font-size: 24px;padding: 5px 30px;margin:0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #ffb806; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb806 0%, #fc9603 50%, #f96703 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb806), color-stop(50%,#fc9603), color-stop(100%,#f96703)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb806', endColorstr='#f96703',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_ordernow {background:#fea904;color:#fff;}


.btn_postcodesearch{color:#fff;font-size: 13px;height: 27px;padding: 2px 10px;margin:0 3px;border: 1px solid #d46c16;margin-right:20px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #ffb806; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb806 0%, #fc9603 50%, #f96703 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb806), color-stop(50%,#fc9603), color-stop(100%,#f96703)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb806 0%,#fc9603 50%,#f96703 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb806', endColorstr='#f96703',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_postcodesearch {background:#fea904;color:#fff;}

a.btn_details {font-size: 20px;color:#fff;background-color:#81c703;padding: 5px 40px;margin:5px;}
a:hover.btn_details {background-color:#7bbe03;color:#fff;}

a.btn_viewmenu {font-size: 16px;color:#fff;background-color:#81c703;padding: 12px 28px;}
a:hover.btn_viewmenu {background-color:#7bbe03;color:#fff;}

a.btn_viewmenu_closed {font-size: 16px;color:#fff;background-color:#bababa;padding: 12px 28px;}
a:hover.btn_viewmenu_closed {background-color:#a9a9a9;color:#fff;}


a.btn_checkout {font-size: 20px;color:#fff;background-color:#81c703;padding: 5px 37px;}
a:hover.btn_checkout {background-color:#7bbe03;color:#fff;}


a.btn_showclosed {
font-family: 'Hind', sans-serif;
text-decoration: none;
border: 1px solid #d1d0d0;
list-style: none;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	
font-size: 16px;color:#666;padding: 8px 40px;margin: 20px auto 0 auto;display: block;width: 250px;background: #fff url("../Images/selectarrow.png") no-repeat 260px center;}
a:hover.btn_showclosed {color:#81c703;border: 1px solid #81c703;background: #fff url("../Images/selectarrow_green.png") no-repeat 260px center;}


a.btn_hideclosed {
font-family: 'Hind', sans-serif;
text-decoration: none;
border: 1px solid #d1d0d0;
list-style: none;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	
font-size: 16px;color:#666;padding: 8px 40px;margin: 20px auto 0 auto;display: block;width: 250px;background: #eeeeee url("../Images/selectarrow_rev.png") no-repeat 260px center;}
a:hover.btn_hideclosed {background-color:#f7f6f6;}



.cuisinetype {float:left;}
.cuisinetype ul {list-style:none;padding:0; margin:0;}
.cuisinetype ul li{
font-size: 16px;
width:221px;
height:33px;
line-height:33px;
margin-bottom:5px;
text-decoration: none;
border: 1px solid #e2e2e2;
list-style: none;
text-align:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
background-color:#f7f7f7;
}
.cuisinetype ul li:hover, .cuisinetype ul li.active {background-color:#fff;}	
.cuisinetype ul li span {float:right;font-size: 11px;}
.cuisinetype ul li a {display:block;text-decoration: none;color:#666;padding:0 0px;}


.menucategories {float:left;margin:25px 0 0 0;}
.menucategories span {color:#999;font-size:30px;font-family: 'Hind', sans-serif;display:block;line-height:30px;}
.menucategories div div a{font-size:16px;margin:0 0 10px 10px;display:block;}
.menucategories ul {list-style:none;padding:0; margin:0;}
.menucategories ul li{
font-size: 16px;
width:164px;
height:28px;
line-height:28px;
margin-bottom:5px;
text-decoration: none;
border: 1px solid #e2e2e2;
list-style: none;
text-align:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
background-color:#fff;
}
.menucategories ul li:hover, .menucategories ul li.active {background-color:#fff;border: 1px solid #81c703;}	
.menucategories ul li a {display:block;text-decoration: none;color:#666;padding:0 10px;}
.menucategories ul li a:hover {color:#81c703;}


a.yourorder_del {background: url("../Images/yourorder_del.png") no-repeat 0 0;width:20px;height:20px;display:block;}
a:hover.yourorder_del {background: url("../Images/yourorder_del_over.png") no-repeat 0 0;width:20px;height:20px;display:block;}




/* r_infotab */
.r_infotab {background:url(../Images/bg_infotab.jpg) left bottom repeat-x;width: 965px;margin: 0 auto 15px auto;}
.r_infotab ul {padding:0 0 0 130px; margin:0; list-style:none;height:33px;overflow:hidden;/*background-color:orange;*/}
.r_infotab ul li {float:left; text-align:center;margin:0 3px 0 3px;height:33px;line-height:16px;padding:0;display:block;font-size:16px;letter-spacing:1px;}
.r_infotab ul li A:link {text-decoration: none;color:#999;}
.r_infotab ul li A:visited {text-decoration: none;color:#999;}
.r_infotab ul li A:active {text-decoration: none;color:#999;}
.r_infotab ul li A:hover {text-decoration: none;color:#333;}

.r_infotab ul li a {font-weight: normal;text-decoration: none;color:#999;line-height:38px;;font-size:16px;background:url(../Images/r_infotab_left.png) no-repeat;display:block;padding:0 40px 0 40px;}
.r_infotab ul li {background:url(../Images/r_infotab_right.png) right;}

.r_infotab ul li a.active {font-weight: bold;text-decoration: none;color:#79c202;line-height:38px;;font-size:16px;background:url(../Images/r_infotab_selected_left.png) no-repeat;display:block;padding:0 40px 0 40px;}
.r_infotab ul li.active {background:url(../Images/r_infotab_selected_right.png) right;}




/*Icons ============================================================*/
span.icons_location{width:16px;height:16px;background-image: url(../Images/icons_location.png);background-repeat:no-repeat;display: block;}
span.icons_foodtype{width:16px;height:16px;background-image: url(../Images/icons_foodtype.png);background-repeat:no-repeat;display: block;}
span.icons_time{width:16px;height:16px;background-image: url(../Images/icons_time.png);background-repeat:no-repeat;display: block;}
span.icons_distance{width:16px;height:16px;background-image: url(../Images/icons_distance.png);background-repeat:no-repeat;display: block;}
span.icons_delivery{width:16px;height:16px;background-image: url(../Images/icons_delivery.png);background-repeat:no-repeat;display: block;}

span.icons_star-full{width:18px;height:18px;background-image: url(../Images/icons_star-full.png);background-repeat:no-repeat;display: block;}
span.icons_star-half{width:18px;height:18px;background-image: url(../Images/icons_star-half.png);background-repeat:no-repeat;display: block;}
span.icons_star-empty{width:18px;height:18px;background-image: url(../Images/icons_star-empty.png);background-repeat:no-repeat;display: block;}

/*Gen ============================================================*/

.breadcrumbs {color:#666666;font-size:12px;float: left;padding-top: 5px;}
.breadcrumbs a{color:#666666;text-decoration: underline;}
.breadcrumbs a:hover {color:#81c703;text-decoration: underline;}

.clr {clear:both;}
.t-center {text-align:center;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.f-left {float:left;}
.f-right {float:right;}

.margin_left10 {margin-left:10px;}
.margin_left20 {margin-left:20px;}
.margin_left30 {margin-left:30px;}
.margin_left40 {margin-left:40px;}
.margin_left50 {margin-left:50px;}
.margin_left60 {margin-left:60px;}
.margin_left70 {margin-left:70px;}
.margin_left80 {margin-left:80px;}
.margin_left90 {margin-left:90px;}
.margin_left100 {margin-left:100px;}

.margin_right10 {margin-right:10px;}
.margin_right20 {margin-right:20px;}
.margin_right30 {margin-right:30px;}
.margin_right40 {margin-right:40px;}
.margin_right50 {margin-right:50px;}
.margin_right60 {margin-right:60px;}
.margin_right70 {margin-right:70px;}
.margin_right80 {margin-right:80px;}
.margin_right90 {margin-right:90px;}
.margin_right100 {margin-right:100px;}

.margin_top10 {margin-top:10px;}
.margin_top20 {margin-top:20px;}
.margin_top30 {margin-top:30px;}
.margin_top40 {margin-top:40px;}
.margin_top50 {margin-top:50px;}
.margin_top60 {margin-top:60px;}
.margin_top70 {margin-top:70px;}
.margin_top80 {margin-top:80px;}
.margin_top90 {margin-top:90px;}
.margin_top100 {margin-top:100px;}

.margin_bottom01{margin-bottom:1px;}
.margin_bottom05 {margin-bottom:5px;}
.margin_bottom10 {margin-bottom:10px;}
.margin_bottom20 {margin-bottom:20px;}
.margin_bottom30 {margin-bottom:30px;}
.margin_bottom40 {margin-bottom:40px;}
.margin_bottom50 {margin-bottom:50px;}
.margin_bottom60 {margin-bottom:60px;}
.margin_bottom70 {margin-bottom:70px;}
.margin_bottom80 {margin-bottom:80px;}
.margin_bottom90 {margin-bottom:90px;}
.margin_bottom100 {margin-bottom:100px;}

.padding_left10 {padding-left:10px;}
.padding_left20 {padding-left:20px;}
.padding_left30 {padding-left:30px;}
.padding_left40 {padding-left:40px;}
.padding_left50 {padding-left:50px;}
.padding_left60 {padding-left:60px;}
.padding_left70 {padding-left:70px;}
.padding_left80 {padding-left:80px;}
.padding_left90 {padding-left:90px;}
.padding_left100 {padding-left:100px;}

.padding_right10 {padding-right:10px;}
.padding_right20 {padding-right:20px;}
.padding_right30 {padding-right:30px;}
.padding_right40 {padding-right:40px;}
.padding_right50 {padding-right:50px;}
.padding_right60 {padding-right:60px;}
.padding_right70 {padding-right:70px;}
.padding_right80 {padding-right:80px;}
.padding_right90 {padding-right:90px;}
.padding_right100 {padding-right:100px;}

.padding_top10 {padding-top:10px;}
.padding_top20 {padding-top:20px;}
.padding_top30 {padding-top:30px;}
.padding_top40 {padding-top:40px;}
.padding_top50 {padding-top:50px;}
.padding_top60 {padding-top:60px;}
.padding_top70 {padding-top:70px;}
.padding_top80 {padding-top:80px;}
.padding_top90 {padding-top:90px;}
.padding_top100 {padding-top:100px;}

.padding_bottom10 {padding-bottom:10px;}
.padding_bottom20 {padding-bottom:20px;}
.padding_bottom30 {padding-bottom:30px;}
.padding_bottom40 {padding-bottom:40px;}
.padding_bottom50 {padding-bottom:50px;}
.padding_bottom60 {padding-bottom:60px;}
.padding_bottom70 {padding-bottom:70px;}
.padding_bottom80 {padding-bottom:80px;}
.padding_bottom90 {padding-bottom:90px;}
.padding_bottom100 {padding-bottom:100px;}


a:hover {color:#fe9800;}



@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
  -moz-animation: three-quarters-loader 1250ms infinite linear;
  -webkit-animation: three-quarters-loader 1250ms infinite linear;
  animation: three-quarters-loader 1250ms infinite linear;
  border: 2px solid #4787A0;
  border-right-color: transparent;
  border-radius: 16px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  width: 10px;
  height: 10px;
}
#loading {
	display:none;
}
/* .extraClose {
    height: 34px !important;
    width: 34px !important;
    background: #FB6600;
    top: 15px  !important;
    right: 15px  !important;	
	background-image: url('../Images/fancyclose.png') !important;
	background-size: 34px 34px;
    background-repeat: no-repeat;	
	
    position: absolute;
    cursor: pointer;
    z-index: 8040;	
} */

.extraClose {
    height: 25px !important;
    width: 25px !important;
    /* background: #FB6600; */
    top: 3px !important;
    right: 14px !important;
    background-image: url('../Images/fancyclose.png') !important;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    position: absolute;
    cursor: pointer;
    z-index: 8040;
}

.ui-autocomplete { position: absolute; cursor: default;z-index:9999999 !important;}  

#postcode_error{
	color: red;
}