img {max-width: 100%;}
h1, h2, h3, h4 {}
.btn {}
label {font-weight: normal}


.additonaltopmarg {margin-top: 15px;}
.add40margin {margin-top: 40px!important; padding-bottom:40px!important;}
.extrasmalltext {font-size: 10px;}
.whitecol {color: #fff!important}
.text-cpoints {color: #F09;}
.extrasmalltext.maincheckboxes { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0; margin: 30px 0 0 0; font-size: 11px; line-height: 12px;}
.extrasmalltext.maincheckboxes .checkbox {text-align: left;}
.extrasmalltext.maincheckboxes input {margin-right: 10px; margin-top: 0;}

.lgicon {font-size: 80px;}

.btn-menu-add {background:url(../img/menu-add.png) top center no-repeat; width: 40px; height: 24px; display: block; float: right; transition: none!important; color: #fff;}

.btn-menu-add:hover, .btn-menu-add:focus {text-decoration: none!important; background-position: bottom center; transition: none!important;}


p.linebelowp {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-top: 20px;}

/*Header--*/

.headerarea.headerareacout {padding: 10px 0; height: 90px;}
.headerarea.headerareacout .ctabuttonshead {margin-top: 0;}
.headerarea.headerareacout .ctabuttonshead h3 {color: #fff; margin: 0;}

/*Checkout Login--*/
.menucontainerarea {padding-bottom:40px;}
.menucontainerarea ul.menulogin {border-bottom-color: transparent;}
.menucontainerarea ul.menulogin li {border-right: none; display: block; width: 100%; text-align:left}
.menucontainerarea ul.menulogin li a {background: #ebebeb; color:#C1BBBB; font-size: 18px; margin-bottom: 8px; padding-top: 10px; padding-bottom: 10px; border-radius: 0px 30px 30px 0px; padding-left:10px;}
.menucontainerarea ul.menulogin li a:hover {background: #D8D8DE; color:#fff;}
.menucontainerarea ul.menulogin li.active a {background: #428bca!important; color: #fff!important;} 
	/*Forms*/
.menucontainerarea form.registeration input.form-control, form.registeration textarea.form-control {width: 100%;}
.menucontainerarea form.registeration label {font-weight: normal;}
.menucontainerarea form.registeration .form-group {margin-top: 20px;}
.menucontainerarea form.registeration .btn-lg.pull-right {margin-top: 20px;}

.menucontainerarea h4 {margin-top:20px; border-bottom: 1px solid #ccc; padding-bottom: 5px;}

p.lineacross {border-top: 3px solid #ebebeb; padding-top:30px; margin-top:40px;}


/*Final Checkout Page*/

.menucontainerarea.finalcheckstep {}
.menucontainerarea.finalcheckstep h4 {margin-top: 0; border-bottom: 0;}
.menucontainerarea.finalcheckstep h4.lhsfs {border-top: 2px solid #f7680d; font-size: 22px; letter-spacing: 0.5px; padding-top: 10px; margin-left: 10px; margin-right: 30px;}
.menucontainerarea.finalcheckstep h4.lhsfs.gtfpmn {margin-top: 25px; border-color: #060}
.menucontainerarea.finalcheckstep h4 span {font-size:12px; font-weight:normal;}

/*
.menucontainerarea.finalcheckstep h4 span {display: block; border-radius: 13px; width:26px; height:26px; background:#999; color: #fff; font-size: 18px; text-align:center; font-weight: bold; float:left; margin-right: 10px; margin-top:-2px; line-height: 23px;}
.menucontainerarea.finalcheckstep h4 span.selectedspn  {background:#e9b500;}
*/

.menucontainerarea.finalcheckstep .lowerbordr {border-bottom: 1px solid #ccc; padding-bottom: 10px; margin:0 0 20px 10px;}
.menucontainerarea.finalcheckstep .lowerbordr:last-child {border: none;}

.menucontainerarea.finalcheckstep .lowerbordr.paymentcheckout {border: none; margin-top: 40px;}


.menucontainerarea.finalcheckstep .orderdetails .row {border-bottom: 1px solid #ccc; padding:5px 0;}
.menucontainerarea.finalcheckstep .orderdetails .row:hover {background: #eeeeee;}
.menucontainerarea.finalcheckstep .orderdetails .row.nobghover:hover {background:none!important;}
.menucontainerarea.finalcheckstep .orderdetails .row:last-child {border-bottom: none; background:none!important}

.menucontainerarea.finalcheckstep .orderdetails .orderadditi {font-size: 16px;}
.menucontainerarea.finalcheckstep .orderdetails b.ajaxspl {color:#569716;}
.menucontainerarea.finalcheckstep .orderdetails .orderadditi a {color: #903}
.menucontainerarea.finalcheckstep .orderdetails .orderadditi a:hover {color:#F00}


.menucontainerarea.finalcheckstep .orderdetails .vouchercodeare {padding-bottom: 10px;}

.menucontainerarea.finalcheckstep .orderdetails .largetotal {font-size: 24px; padding-top:15px; font-weight: bold; color: #333}


.menucontainerarea.finalcheckstep .paymentmethods {}
.menucontainerarea.finalcheckstep .paymentmethods .submitbtnpr {clear: both; margin-top:40px; float: right;} 
.menucontainerarea.finalcheckstep .paymentmethods h2 {font-size: 18px;}
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs {margin-bottom: 20px; font-size:14px;}
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs li {border: none; border-bottom: 1px solid #ccc; padding: 0;}
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs li.active > a {background:#428bca;}
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs a {color: #999; border: 1px solid #ccc; padding: 10px;}
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs a:hover,
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs a:focus,
.menucontainerarea.finalcheckstep .paymentmethods ul.nav.nav-tabs li.active > a {color: #fff; background:#428bca;}


/********UPSELL AREA**********/
.mainupsellarea {padding: 0; border-right: 1px solid #ccc; font-size:12px}
ul.mainupsellareul {list-style-type: none; margin-left: 10px; padding-left: 0;}
ul.mainupsellareul.greeni i {color: #060; }
ul.mainupsellareul.orangei i {color: #f7680d;}
ul.mainupsellareul li {margin-left: 0;}
ul.mainupsellareul li a {text-decoration: underline; font-weight: bold; font-size: 12px;}

/******MAIN MENU PAGE********/
.mainmenucontainer {padding-bottom: 150px;}
.mainmenucontainer .menuunivr {}
.mainmenucontainer .menuunivr .lhscats {}


.mainmenucontainer .menucatsdd .navbar-collapse.colap2 {padding: 0; max-height: 700px;!important}
.mainmenucontainer .menucatsdd .navbar-header {background: #eee;}
.mainmenucontainer .menucatsdd .navbar-toggle {background: #edb520; color: #fff; font-weight: bold;}
.mainmenucontainer .menucatsdd .navbar-toggle:hover {}

.mainmenucontainer .menuunivr .lhscats ul.menu-cat {padding: 10px 0; margin: 12px 0 10px 0 ; border: none; background: #eee; border-radius: 10px;}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li {padding: 0; margin: 0; border-right: 0; border-bottom: 1px solid #dcdcdc; width:100%; text-align: left; font-size: 13px;}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li:last-child {border: 0;}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li a {border-radius: 0; border: 0; padding: 5px 3px 5px 8px; color: #666; font-weight: normal;}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li a:hover {background: #f3f2f2; color: #666}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li.active {margin-left: 2px;}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li.active a {background: #fff;}
.mainmenucontainer .menuunivr .lhscats ul.menu-cat li a  i {color:#ffc000;}

.mainmenucontainer .menuunivr .lhscats .offerslinkmd {text-align: center; font-size: 18px; border-bottom: 1px solid #ccc; margin: 5px 0 20px 0; padding-bottom: 20px;}
.mainmenucontainer .menuunivr .lhscats .offerslinkmd a:focus {border: none;}

/*Meal Deals*/
.mainmenucontainer .alert {text-align: center; color: #666; font-size: 13px; margin: 30px 0;}
.mainmenucontainer .alert a {text-decoration: underline;}
.mainmenucontainer .alert .small {font-size: 11px;}
.mainmenucontainer .alert .larger {font-size: 16px;}
.mainmenucontainer .alert .btn {width: 100%; margin-top: 10px; color: #fff; font-weight: bold; text-decoration: none;}

.mainmenucontainer .alert.alert-danger {color: #ad0000}

/******MAIN MENU PAGE********/
.mainmenucontainer .menuitems h3 {font-size: 21px; font-weight: normal; border-bottom: 1px solid #ccc; margin: 20px 0 10px 0; padding:0 0 15px 5px; margin-bottom: 0;}
.mainmenucontainer .menuitems {font-size: 13px; clear: both;}
.mainmenucontainer .menuitems b {font-size: 14px;}
.mainmenucontainer .menuitems .selectionitem  {width: 100%;}
.mainmenucontainer .menuitems .selectionitem .btn {margin-top: 10px; font-size: 13px; }

.mainmenucontainer .itemwrap {padding:8px 0 10px 0; border-bottom: 1px solid #ccc}

.mainmenucontainer .itemwrap:hover {background:#fffad8;}
.mainmenucontainer .itemwrap .priceareit {margin-top: 10px; text-align: right;}
.mainmenucontainer .itemwrap .addbuttnit {text-align: right; margin-top: 10px;}
.mainmenucontainer .itemwrap .addbuttnit .btn {}
.mainmenucontainer .itemwrap .addbuttnit .btn:hover {color: #FF0}
.mainmenucontainer .itemwrap .addbuttnit span {font-size: 10px; font-weight: bold; color: #57af57;}

.mainmenucontainer .midimagebanner {margin-bottom: 15px;}
.mainmenucontainer .form-search {}


.groupeditemtxt p {margin: 0; padding: 0; margin-bottom: 12px; padding-bottom: 4px;}
.groupeditembtn a {display : block; clear: both; margin-bottom: 11px;}

/*Search offer elements**/
.searchmenuelemwrap {margin-bottom: 15px; width: 100%; float: left;}
.searchmenuelemwrap .searchwrapbb {padding: 0; margin-top:15px;}
.searchmenuelemwrap .navbar-header {margin:0; padding: 0;}
.searchmenuelemwrap .navbar-header .navbar-toggle {margin: 0;}
.searchmenuelemwrap .colap2 input {border-radius: 0px;}
.searchmenuelemwrap .colap2 button {height: 34px;}
.searchmenuelemwrap .colap2 button:hover, .searchmenuelemwrap .colap2 button:focus {}
.searchmenuelemwrap .colap2 .form-control:focus {border-color: #ccc; box-shadow: 0 1px 1px rgba(146, 146, 146, 0.075) inset, 0 0 8px rgba(146, 146, 146, 0.6);}
.searchtogglebtn {padding: 2px 9px 1px 9px!important;}


.lhsmenusearch {margin-top: 20px;}
.lhsmenusearch .btn-lhsmens {padding-left: 5px; padding-right: 5px; border-radius: 0 5px 5px 0; background:#f9a63f; border-color:#f9a63f; color: #fff;}
.lhsmenusearch .form-control {padding-left: 5px; padding-right: 5px;}

/*Basket*****/
.basketcogen {}
.basketcogen .alert.alert-info {padding:4px 5px 6px 5px; margin: 0 0 15px 0; border-radius: 0;  color: #1778a9;}
.basketcogen .alert.alert-info a {color: #1778a9;}

.basketcogen .basketin {border: 1px solid #eee; border-radius: 0 0 10px 10px; padding-bottom: 20px;}
.basketcogen .basketin h3, #categories h3 {font-size: 18px; margin: 21px 0 0 0; padding-bottom: 12px; border-bottom: 1px solid #ccc;  text-align: center;}
#categories h3 {padding-bottom: 8px;}

.basketcogen .basketin .bitems {font-size: 13px; margin-bottom: 15px; margin-top: 10px;}
.basketcogen .basketin .bitems .basketitem {padding: 5px 0; float:left; width: 100%;}

.basketcogen .basketin .bitems .addrem {font-size: 15px; font-weight: bold; line-height: 19px;}

.basketcogen .basketin .bitems .addrem a {display: block; width: 22px; height: 22px; border-radius: 50%; text-align: center; border: 2px solid #999; color: #999; font-weight: bold; font-size: 14px; transition: none; margin-top: -3px;}
.basketcogen .basketin .bitems .addrem a:hover {color:#fff; background-color: #F00; border-color: #F00;  transition: none;}

p.ordermodes {border-top: 1px solid #ccc; margin-top:20px; padding-top: 20px; text-align:center; font-size: 11px;}

.basketcogen .basketin .endbarea {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  padding: 10px 0; margin: 0; float: left; font-size: 11px;}
.basketcogen .basketin .endbarea .col-xs-8 {padding-left: 0;}
.basketcogen .basketin .endbarea .col-xs-4 {padding-right: 0; text-align: right;}
.basketcogen .basketin .endbarea .pointsbi, .basketcogen .basketin .endbarea .pointsbi a {color:#C3C}
.basketcogen .basketin .endbarea .promobi {color: #c00;}
.basketcogen .basketin .endbarea .totalbi {font-size: 20px; }

.chkobtn {width: 100%; margin: 20px 0 0 0; font-weight: bold; background: #ea7400;}
.chkobtn:hover {background:#fd9d14} 

p.back-link {border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 10px;}


.selected-options {width:100%; float: left; margin-bottom: 20px;}

/*Extras*/
.extrasmodal {width: 100%; float: left; clear: both; border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-top: 5px;}
.extrasmodal span.icon-check {color:#093; font-size: 18px; float: left; height: 14px;}
.extrasmodal:last-child {border-bottom: none;}
.extrasmodal.extramodaldetails {font-weight: bold;}
.extrasmodal.extramodaldetails:hover {background-color: transparent;}
 
a.removeextbtn {background: none; height: 24px; width: 24px; border-radius: 50%; text-align: center; border: 2px solid #999; color: #999; font-weight: bold; font-size: 14px; transition: none; margin-right: 8px;}
a.removeextbtn:hover {color:#fff; background-color: #F00; border-color: #F00;  transition: none;} 
 
 .innerpagesbask {margin-left: 15px; margin-top: 20px;}

a.radio-picture { border: 1px solid #ccc; display: inline-block; height: 37px; border-radius: 8px; margin-right: 10px; text-decoration: none; width: 220px; padding-left: 90px; padding-top: 8px; color: #000} 
a#pay_card { background: url("../img/pay-by-card.jpg") no-repeat scroll 0 0 white; } 
a#pay_cash {   background: url("../img/pay-by-cash.jpg") no-repeat scroll 0 0 white; } 
a#pay_paypal {   background: url("../img/pay-by-paypal.jpg") no-repeat scroll 0 0 white; }

.hidden {left: -10000px;  position: absolute;   top: -1000px; }
.green-border {border: 1px solid #5b2f53!important; color:#fff!important; background-color:#5b2f53!important;}


/*Updated Menu****/

.updatedmbarno {margin-top: 22px; padding-bottom: 15px; font-size: 13px; padding-left: 0; border-bottom: 1px solid #ccc; }
.updatedmbarno .halalareab {color:#48aa00;}
.updatedmbarno .halalareab img {margin-right: 2px;}

.updatedmbarno .offersareano {text-align:right; padding-right:0;}
.updatedmbarno .offersareano a {color:#fff; border-radius: 5px; background-image:url(../img/stars.png); background-position:center left; background-repeat: no-repeat; padding-left:54px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; text-align:center; display:inline-block;}

.newcategoryfm {background-color:rgba(0,0,0,0.75); clear: both; float: left; width: 100%; padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0;z-index: 999;}
.newcategoryfm .container, .newcategoryfm .container .nopaddingare { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0;}

.newcategoryfm .form-group {margin-bottom: 0; margin-top: 8px;}

.newcategoryfm .pricingfixeda { text-align: center; font-size: 18px; color: #fff;}
.newcategoryfm .pricingfixeda span {font-size: 20px;}
.newcategoryfm .pricingfixeda a {color: #fff; padding-top: 10px; display:inline-block; width: 100%; background:#ed8c01; font-size: 14px; line-height: 12px;}
.newcategoryfm .pricingfixeda b {background: #d87f00; width: 100%; display: inline-block; padding: 4px 0; }

.menumsgt {text-align: center; margin: 0; border-bottom: 1px solid #ccc; margin-top: 14px; padding-bottom:8px; font-size: 13px; line-height: 18px; font-weight: bold;}

@media(max-width:767px) {
	.newsearchmenuwrpcl {padding-top: 10px!important;}
	.updatedmbarno .halalareab {text-align: center;}
	.updatedmbarno .offersareano a { width: 100%; margin-top: 10px;}	
}

@media(max-width:991px) {
	.updatedmbarno  {border: none; margin-top: 10px;}
}
/*Empty Basket*/
.emptybasket {text-align: center;}
.emptybasket h3 {border-bottom: 1px solid #ccc; margin-top: 15px; padding-bottom: 11px;}
.emptybasket p > i {font-size: 68px;}
.emptybasket .maintxemb {font-size: 16px; color: #a2a2a2; margin-top: 15px; padding-left: 35px; padding-right: 25px;}
.emptybasket .maintxemb .btn-menu-add {background:url(../img/emptybasket.jpg) top center no-repeat; width: 31px; height: 18px; display: inline-block; float: none;}

/*Checkout*/
.orderingforblock {background:#fff8dd; border: 2px solid #ffedaa; padding: 0 0 15px 0; margin-top: 10px; float: left; width: 100%;}
.orderingforblock .form-group {margin-bottom: 0;}
.orderingforblock select {}
.orderingforblock h3 {font-size: 16px; margin: 10px 0 5px 0;}

/*Set MEals*/
	/*Set Meal Modal*/	
.menusetmea {padding: 10px 0;}	
.menusetmea h3 {padding:0 5px; margin: 6px 0;}
.menusetmea p {padding: 0 5px;}
.menusetmea .selectionssm {}
.menusetmea .selectionssm h3 {padding-left: 0;}
.menusetmea .selectionssm a {display: block; width: 100%; float: left; border-bottom:1px solid #ccc; padding:5px 7px; color:#333!important;}
.menusetmea .selectionssm a:hover {background:#fffad8;}
.menusetmea .selectionssm a span {float: right; height: auto; font-size: 13px; color:#666;}

.selecteditemm {background: #eee; padding:7px; width: 100%; float: left; margin-bottom: 2px;}	
.selecteditemm i {color:#093}
.selecteditemm a {font-size: 12px; margin-left: 5px;}
.selecteditemm span {float: right}
.icon-check {color:#093!important}

/*Extras*/
.btn-group.extra-buttons {}
.btn-group.extra-buttons .btn {text-transform: lowercase!important; background-color:#e4e4e4; border-radius: 20px; font-family: sans-serif; font-size: 13px;}
.btn-group.extra-buttons .btn:hover {background-color:#ffebd8;}
.btn-group.extra-buttons.selected .btn {background-color:#ffdebe!important;}
.btn-group.extra-buttons.selected .extra-remove-button {background-color: #e64e4e!important; color:#fff!important;}

.modalinsm { }
.modalinsm select {height: auto!important; width:96%!important;}
.modal-footer {border: none;}

.modalswrhead {padding: 10px 0 0 0; border: none;}
.modalswrhead button, .modalswrhead h4 {padding: 0 10px;}
.modalswirlbg {width: 100%; height: 28px; background: url(../img/modalswirlbg.png) top center no-repeat; background-size: 100%;}

.halalicon {margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #e3e3e3; clear: both; text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e3e3e3;}
.halalicon img {max-width: 100px;}

@media(max-width:991px) {
		/*Tabs Menu Login Page*/
	ul.menulogin {border-bottom: 3px solid #ccc!important; padding-bottom: 0; margin-bottom: 10px;}
	.menucontainerarea ul.menulogin li {float: left; width: auto; display: inline-block; padding: 0;}
	.menucontainerarea ul.menulogin li a {border-radius: 0; padding-right:10px; margin-bottom: 0;}
	.basketcogen {margin-top: 30px;}	
	.hidetabbelow {display: none; margin-top: 15px;}	
	
	.icon-offer.iconlarg {margin-top: 1px;}
	
	/*Menu search and offers elements**/
	.searchmenuelemwrap {padding: 10px 0px; border-bottom: 1px solid #ccc;}
	
}

@media(min-width:767px) { 
	.basketcogen .basketin .bitems .addrem {margin-left: -7px;}
	.orderingforblock  {padding-left: 10px;}		
	.searchmenuelemwrap .colap2 input {border: none; border-bottom: 3px solid #ddd; padding-left: 5px; margin-top:2px}
}
@media(max-width:767px) { 
	.mobilemt20 {margin-top: 20px;}
	.mobilept85 {padding-top: 85px;}
	.rhscontain {margin-top: 20px; clear: both; width: 100%; float: left;}
	/*Tabs Menu Login Page - Form*/
	form.registeration .form-group {margin-top: 0;}
	.mainmenucontainer .form-search {border: 0; margin: 0;}
	/*Menu category links nav*/
	.mainmenucontainer .menuunivr .lhscats ul.menu-cat {border: none; border-radius: 0;}
	.mainmenucontainer .menuunivr .lhscats ul.menu-cat li.active {margin-left: 0;}
	
	.searchmenuelemwrap .colap2 {clear: both; border-top: 1px solid #ccc; margin-bottom: -10px; float: left; width: 100%; margin-top: 10px;}
	.searchmenuelemwrap .form-search {margin: 10px 0;}
 	.searchmenuelemwrap .navbar-header .navbar-toggle {margin-right: 10px; padding: 9px 15px; border-color: #CCC; color: #333; background: #fff;}
	
	.searchmenuelemwrap .navbar-header .navbar-toggle {margin-top: 5px;}

	.searchmenuelemwrap {padding-top: 110px;}

		
	.extrasmalltext.maincheckboxes .checkbox {text-align: left;}
	.orderingforblock {margin: 20px 0;}
	.orderingforblock select {width: 100%;}
	.orderingforblock h3 {font-size: 14px;}
	a.radio-picture {margin-bottom: 15px; width: 100%;}
	
	.headwrap.menupgfp {position: fixed; width: 100%; z-index: 999; background-position: center center; background-attachment:scroll;}
	.modal-content {box-shadow: none; border: none!important;}
	.modal-dialog {margin: 0; background: #fff!important; }
	
	.modal {overflow-y: scroll;}
	
	.halalicon {text-align: left; font-size: 12px;}
	.halalicon img {max-width: 50px; }
	
}
@media(min-width:992px) {
	.specoffleftb {margin-left: -15px;}
	.searchmenuelemwrap form.form-search {margin-right: -30px;}
}


@media(min-width:992px) and (max-width:1199px) {
		.btn-menu-add {margin-right: -10px;}
}

@media(min-width:360px) and (max-width:767px) {
		.modalswirlbg {background: none;}
}

@media(min-width:767px) and (max-width:991px) {
		.nav > li > a {padding-left: 8px; padding-right: 8px;}
}