@import url(https://fonts.googleapis.com/css?family=Noto+Sans+SC|Niconne|Niconne|Niconne|Niconne);

body .visible-croydon { display:none !important; } 
body .hidden-croydon { display:inherit !important; } 
body.shop_croydon .hidden-croydon { display:none !important; }
body.shop_croydon .visible-croydon { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
	color: #4c2904;
	font-family: 'Noto Sans SC';
}
h1 {
	color: #4c2904;
	font-family: 'Niconne';
}
h2 {
	color: #4c2904;
	font-family: 'Niconne';
}
h3 {
	color: #4c2904;
	font-family: 'Niconne';
}
h4 {
	color: #4c2904;
	font-family: 'Niconne';
}
body {
	background-color: #fee9ca;

	/*background-image: url("/myimages/936/zpos-bg-Abshar_pageBG.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/936/images/zpos-bg-Abshar_pageBG.jpg?auto=compress");

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}

header, #mobile-header {

	background-image:none;
	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/* DISPLAY NONES ----------------------------------------------- */
.row_phones,
.voucher_box .success span,
.home #body > h1,
.home-about,
.reservations h1,
.mod_table_reservation_v1,
#body-bottom-hr,
#opening-status.mobile-opening {
	display: none;
}

.reservations .mod_table_reservation_v1,
.home .right_column {
	display: block;
}

/* GENERAL / WIDTHING ---------------------------------------------fa-- */
.well,
#container {
	border: none;
	box-shadow: none;
	border-radius: 5px;
}

.well {
	background: #f1d09e;
    color: #4c2904;
}

#container {
    background: none;
	width: 100%;
	padding: 0;
}

#body,
header,
.mod_postcode_box,
.home .banner-row,
.prefooter-inner,
.ct_details_bar,
footer .row-fluid,
#responsive-food-menu .navbar-inner,
.ct_details_bar_content {
	max-width: 1170px;
	margin: 0 auto;
}

#body {
	margin-top: 15px;
    padding: 0 10px;
}

.home #body {
	margin-top: 0;
    padding: 0;
}

body {
	padding-bottom: 0;
}

.home #body {
	max-width: 100%;
}

.home .right_column .ct_details_bar,
.home .right_column .navbar-inner .container {
	max-width: 880px;	
    margin-right: 0;
}

.website-image {
	text-align: center;
}

a,
em,
h1 small,
.home footer a,
.home footer a:hover,
.home footer a:focus {
	color: #d28c23;
    font-weight: bold;
    font-style: normal;
}

a:hover,
a:focus {
    color: #c28222;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
	margin-left: 0;
}

legend {
	color: #532d07;
    font-family: "goodchildregular", "Merriweather", sans-serif;
    border-bottom: 1px solid #552f08;
}

.page_members legend {
	text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.lead,
.navbar li a {
    font-family: "goodchildregular", "Merriweather", sans-serif;
}

.handwriting {
	font-family: "Niconne", serif;
}

.page_checkout .product-basket th,
.page_checkout .product-basket td. ol > li > ol,
.page_checkout .well-basket small,
.page_checkout .well-basket .note-delivery small,
.page_checkout #dlgResetPassword .muted {
	color: #fff;
}

.btn,
.ui-widget button {
	font-family: "goodchildregular", "Merriweather", sans-serif;
}

ol > li > ul,
ul > li > ol,
ul > li > ul {
	margin: 0 0 10px 25px;
}

hr,
.nav-list .divider {
	border-top: 1px solid #e4be84;
	border-bottom: 1px solid #e4be84;
}

/* INPUTS ------------------------------------------------------- */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.page_members .btn-group .btn.dropdown-toggle,
#responsive-food-menu button {
	border-radius: 0;
    font-family: "goodchildregular", "Merriweather", sans-serif !important;
}


#frmLogin .btn,
#frmRegister .btn {
	height: 30px;
}

.page_members #frmMyProfile .btn-group .btn.dropdown-toggle {
	height: auto;
}

/* TABLE ---------------------------- */
table,
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th,
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th,
table .muted,
.table-hover tbody tr.ui-state-highlight:hover > th,
.table-hover tbody tr.ui-state-highlight:hover > td,
.row-odd,
.row-product:hover {
	background: none;
}

.table th,
.table td,
.table-bordered {
	border-color: #432200;
}

/* ALERTS (postcode box styling will overwrite) ----------------------------------------------- */
.modal,
.modal-header,
.modal-footer,
.alert,
.popover-title {
	border-radius: 0;
	border: none;
	box-shadow: none;
}

.modal,
.menu-selection .span6 .well {
	background: #f5d9bc;
	color: #4c2904;
}

.modal-header,
.modal-footer {
	background: #e4be84;
}

.modal-header *,
.modal-footer * {
	color: #4c2904;
}

.popover-title {
    background: #432200;
    color: #fff;
}

.popover.top .arrow:after {
	border-top-color: #f5d9bc;   
}
.popover.bottom .arrow:after {
 	border-bottom-color: #432200;   
}

.modal-body,
.popover,
.popover-content {
	background: #f5d9bc;
	color: #4c2904;
}

/* modal element readability */
.modal-header,
.modal-footer,
.modal-footer .price,
#productModalPrice,
#productSpecialDealPrice {
	color: #4c2904 !important;
}

/*modal-body option selection background */
.modal-body .well {
	background: #e4c3a1;
	color: #4c2904;
}

/*modal carets */
#editProductModal .btn-option .caret,
#editSpecialDealModal .btn-option .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#editProductModal .btn-option.btn-success .caret,
#editSpecialDealModal .btn-option.btn-success .caret,
#editProductModal .btn-option.btn-info .caret,
#editSpecialDealModal .btn-option.btn-info .caret,
#editProductModal .btn-option.btn-danger .caret,
#editSpecialDealModal .btn-option.btn-danger .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#editProductModal .btn-info .caret,
#editSpecialDealModal .btn-info .caret .alert {
	text-align: center;
	text-shadow: none;
}

.modal-body .type-choose-one .btn.dropdown-toggle.btn-info .caret {
	margin-top: 9px;
}

.alert,
.sys-alert {
	background-color: #331a00;
	color: #fff;
	text-shadow: none;
    border-radius: 0;
}

.sys-message .lead {
	color: #fff;
}

.sys-alert:first-child {
	margin-top: 50px !important;
}

.home .sys-alert {
    margin: 0 auto !important;
}


.alert-error,
.alert-danger {
	background: #b10000;
}

.alert-warning {
	background: #d04300;
}

.alert-success {
	background: #0aa000;
}

.alert-info {
	background: #0095ad;
}

/* alert close button */
.well-small.sys-alert .lead,
.well.sys-alert button.close,
#editProductModal .close {
	color: #fff;
}

/* HEADER / NAV BAR ----------------------------------------------- */

#logo img {
    width: 200px;
    max-height: none;
    margin-top: 10px;
}

.home #logo img {
	margin-left: 65px;
}

header .left_column.span6 {
	width: 100%;
    text-align: center;
}
.home header .left_column {
    width: 256px;
}

.home header {
	position: relative;
}
.home header .ct_header_row > div {
	position: absolute;
}
.home header .left_column {
	left: 0;
    z-index: 999;
}


.home header .right_column,
.home .right_column .navbar-inner .container {
	right: 0;
    width: 100%;
}

.home .right_column .ct_details_bar,
.home .right_column .navbar-inner {
	padding: 0;
}

.ct_details_bar {
	margin-bottom: 0;
}

.home .ct_details_bar {
	color: #f4cd93;
    margin: 30px auto 15px;
    width: 100%;
}

.navbar .brand {
	color: #432200;
	text-shadow: none;
}

.navbar .main-menu li,
.navbar .nav a {
	/*navbar center */
	display: inline-block;
	text-align: center;
	float: none;
}

.navbar .nav {
	text-align: center;
	float: none;
	margin-right: 0;
    padding: 15px 0;
}

header .navbar-inner {
 	border-radius: 5px;
}

.home header .navbar-inner {
 	border-radius: 5px 5px 0 5px;
}

/* style nav bar */
.mod_postcode_box,
.hero-unit,
.reservations .mod_table_reservation_v1,
.loyaltypoints_box,
header .navbar-inner {
    border: none;
	background-color: #e2bd83;
    background-image: url("/myimages/936/zpos-bg-Abshar_TileBG_v2.jpg");
    background-repeat: repeat;
}

.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background: none;
}

.navbar .nav > li > a,
.nav-collapse .nav > li > a {
	padding: 10px 20px;
    font-size: 19px;
    font-weight: normal;
}

.navbar .nav > li > a,
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a,
#editProductModal .dropdown-menu > li > a,
#editSpecialDealModal .dropdown-menu > li > a {
    color: #472702;
	background: none;
	text-shadow: none;
	box-shadow: none;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
#editProductModal .dropdown-menu > li > a:hover,
#editProductModal .dropdown-menu > li > a:focus,
#editSpecialDealModal .dropdown-menu > li > a:hover,
#editSpecialDealModal .dropdown-menu > li > a:focus,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #4b2804;
}

#editProductModal .dropdown-menu > li > a:hover,
#editProductModal .dropdown-menu > li > a:focus,
#editSpecialDealModal .dropdown-menu > li > a:hover,
#editSpecialDealModal .dropdown-menu > li > a:focus {
    background: #e4be84;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	box-shadow: none;
    background: rgb(91,51,11);
	background: linear-gradient(180deg, rgba(91,51,11,1) 0%, rgba(75,40,4,1) 100%);
    border-radius: 5px;
    color: #fff;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #472702;
	border-bottom-color: #472702;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
	border-top-color: #472702;
	border-bottom-color: #472702;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
    background: rgba(243,224,192,1);
    background: linear-gradient(180deg, rgba(254,239,215,1) 63%, rgba(243,224,192,1) 100%);
    border-radius: 5px;
}

#zp-offcanvas-menu .uk-offcanvas-bar {
	background: #432200;
}

.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {
	color: #fff;
}

#zp-offcanvas-basket #order-empty {
	margin-bottom: 15px;
}

.dropdown-menu {
	background: #fff;
    border: none;
}

.dropdown-menu li {
	width: 100%;
	text-align: center;
}

.dropdown-menu > li:hover,
.dropdown-menu > li:focus {
	background: none;
}

.dropdown-menu > li > a {
	color: #472702;
    font-size: 16px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #fff;
    background: #573009;
}

#responsive-food-menu {
    background: #f1d09e;
    color: #4c2904;
}

#responsive-food-menu .navbar-inner {
	background: none;
    border: none;
}

/* CT DETAILS BAR / OPEN STATUS --------------------- */
#opening-status {
	color: #fff !important;
    float: right;
    text-transform: capitalize;
    border-radius: 0 0 5px 5px;
    margin-bottom: 10px;
}

.status-OPEN {
	background: #278a05 !important;
}

.status-CLOSED {
	background: #a20007 !important;
}

/* SLIDESHOW ---------------------------------------- */

.column_slideshow {
	position: relative;
    border-bottom: 12px solid #e4be84;
}

.column_slideshow header {
 	position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    right: 0;
    top: 15px;
}

.carousel {
	margin-bottom: 0;
}

.carousel-inner>.item>a>img {
	width: 100%;
}

.carousel-control {
	background: none;
	border: none;
	color: #fff;
	top: 50%;
	width: 20px;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #fff;
	opacity: 0.9;
}

/* POSTCODE BOX  ----------------------------------------------- */
.home .column_modules {
    position: relative;
    padding-top: 120px;
    
    background-image: url("/myimages/936/zpos-bg-Abshar_BodyBG.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    border-bottom: 12px solid #e4be84;
    box-shadow: 
        inset 0px 11px 8px -10px #00000050,
        inset 0px -11px 8px -10px #00000050; 
}

.mod_postcode_box {
    margin-top: -252px;

    box-sizing: border-box;
	padding: 40px 10px 30px;
    border: 4px solid #d7b074;
    border-radius: 5px;

	background-color: #e2bd83;
    background-image: url("/myimages/936/Abshar_BGLeftCornermin.png"), url("/myimages/936/Abshar_BGRightCornermin.png"), url("/myimages/936/zpos-bg-Abshar_TileBG_v2.jpg");
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: 20px 20px, 98% 90%, center;
}

.mod_postcode_box .lead {
    color: #472702;
 	text-transform: uppercase;   
    font-size: 42px;
    line-height: 1;
    margin-bottom: 25px;
}

.mod_postcode_box .caret {
	transition: transform 0.2s;
    display: none;
}

.mod_postcode_box .text {
    font-size: 24px;
}

.mod_postcode_box .btn-group.open .btn.dropdown-toggle .caret {
	transform: rotate(180deg);
}

/* psotcode box text color */
#mod_postcode_box_pc,
#mod_postcode_box_pc::placeholder {
	color: #a0a0a0;
    max-width: 340px;
    width: 100%;
    font-size: 24px;
    padding: 30px 10px;
	font-family: "goodchildregular", "Merriweather", sans-serif;
    border: none;
    margin-right: 15px;
}

#mod_postcode_box_pc,
.mod_postcode_box .btn-success {
	border-radius: 5px;
}
.home .mod_postcode_box .btn-group > .btn:first-child {
	background: rgb(41,144,5);
    background: linear-gradient(180deg, rgba(41,144,5,1) 0%, rgba(27,102,0,1) 100%);
    padding: 19px 50px;
    border-radius: 5px;
}

.home .mod_postcode_box .btn-group > .btn:first-child:hover,
.home .mod_postcode_box .btn-group > .btn:first-child:focus {
	background: #1a6101;
}

.mod_postcode_box .muted {
	color: #472702;
    font-size: 14px;
}

.mod_postcode_box .input-append {
    width: 100%;
    margin-bottom: 25px;
}

/* WEBSITE BUTTONS / LABELS  ----------------------------------------------- */
/* default--*/
.btn,
.btn-group,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
#responsive-food-menu .btn-navbar .text-info {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.btn {
	background: #4c2904;
	color: #fff;
}

.home .inner-wrapper .btn {
    padding: 18px 24px;
    font-size: 24px;
}

.home .inner-wrapper .sys-modal .btn {
    padding: 5px 8px;
    font-size: 16px;
}

.btn:hover,
.btn:focus,
.btn-group.open .btn.dropdown-toggle {
	background: #311a02;
    color: #fff;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.page_members .btn .caret {
	border-top-color: #555;
	border-bottom-color: #555;
}

.page_members #frmMyProfile .btn-group .btn.dropdown-toggle {
 	border-top-color: #ccc;
	border-bottom-color: #ccc;   
}

.btn-default {
	background: #ffffff;
    color: #4c2904; 
}

.btn-default:hover,
.btn-default:focus {
	background: #e8e8e8;
    color: #4c2904;
}

/* primary --*/
.btn-primary,
.btn-primary,
.alert-primary,
.label-primary,
.badge-primary {
	background: rgb(63,80,203);
	background: linear-gradient(180deg, rgba(63,80,203,1) 0%, rgba(15,31,146,1) 100%);
}

.btn-primary:hover,
.btn-primary:focus {
	background: #0f1f92;
}

/* success --*/

.btn-success,
.label-success,
.badge-success,
#responsive-food-menu .btn-navbar,
.page_menu .row-product .btn-success,
#editProductModal .btn-group > .dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success,
.mod_postcode_box .input-append .btn-group:last-child > .dropdown-toggle.btn-success {
	background: rgb(41,144,5);
    background: linear-gradient(180deg, rgba(41,144,5,1) 0%, rgba(27,102,0,1) 100%);
}

.btn-add {
	background: rgb(41,144,5);
}


.btn-add:hover,
.btn-add:focus,
.btn-success:hover,
.btn-success:focus,
.page_menu .row-product .btn-success:hover,
.page_menu .row-product .btn-success:focus,
#responsive-food-menu .btn-navbar:hover,
#responsive-food-menu .btn-navbar:focus,
.btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .input-append .btn-group:last-child > .dropdown-toggle.btn-success:hover .mod_postcode_box .input-append .btn-group:last-child > .dropdown-toggle.btn-success:Focus {
	background: #1d6902 !important;
}

.text-success {
	color: #004c00;
}

/* --menu mobile navbar -- */
#responsive-food-menu .btn-navbar.ctrl-mob-nav-search {
	background: none !important;
}

#responsive-food-menu .btn-navbar .text-info {
	color: #fff;
}

#responsive-food-menu .btn-navbar {
	height: unset;
}

/* danger--*/
.btn-danger,
.btn-danger,
.alert-danger,
.label-danger,
.badge-danger,
.alert-error,
#editProductModal .btn-group > .dropdown-toggle.btn-danger,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger {
	background: rgb(214,32,32);
	background: linear-gradient(180deg, rgba(214,32,32,1) 0%, rgba(144,0,0,1) 100%);
}

.btn-remove:hover,
.btn-remove:focus,
.btn-danger:hover,
.btn-danger:focus {
	background: #920000;
}

.btn-remove {
	background: rgb(214,32,32);
}

.text-danger,
.text-error {
	color: #860000;
}

/* warning --*/
.btn-warning,
.alert-warning,
.label-warning,
.badge-warning {
	background: rgb(217,145,57);
	background: linear-gradient(180deg, rgba(217,145,57,1) 0%, rgba(179,99,0,1) 100%);
}

.btn-warning:hover,
.btn-warning:focus {
	background: #9f4d00;
}

.text-warning {
	color: #a54c00;
}

/* info --*/
.btn-info,
.alert-info,
.label-info,
.badge-info,
.modal-body .btn.dropdown-toggle.btn-info,
#editProductModal .btn-info,
#editSpecialDealModal .btn-info {
	background: rgb(13,168,194);
	background: linear-gradient(180deg, rgba(13,168,194,1) 0%, rgba(0,107,144,1) 100%);
}

.btn-info:hover,
.btn-info:focus,
.modal-body .btn.dropdown-toggle.btn-info:hover,
.modal-body .btn.dropdown-toggle.btn-info:focus,
.modal .btn-group.open .btn-info.dropdown-toggle #editProductModal .btn-info:hover,
#editSpecialDealModal .btn-info:hover,
#editProductModal .btn-info:focus,
#editSpecialDealModal .btn-info:focus {
	background: #02516c;
}

.text-info {
	color: #005d8a;
}

/* other --*/
.text-muted,
.muted {
	color: #545454;
}

.btn-inverse,
.alert-inverse,
.label-inverse,
.badge-inverse {
	color: #462604;
    background: rgb(254,239,215);
	background: linear-gradient(180deg, rgba(254,239,215,1) 63%, rgba(243,224,192,1) 100%);
    border-radius: 5px;
}

.btn-inverse:hover,
.btn-inverse:focus {
	background: #d0c5b4;
    color: #4c2904;
}

#frmMyProfile .btn.dropdown-toggle {
	background: #fff;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #555;
}

#frmMyProfile .btn.dropdown-toggle:hover,
#frmMyProfile .btn.dropdown-toggle:focus {
	background: #e4e4e4;
}

#mobile_food_menu_nav .btn-inverse {
	background: inherit;
	border: none !important;
	color: #fff;
}

#responsive-food-menu .btn-navbar {
	/* menu page "change catergory" button*/
	text-shadow: none;
	box-shadow: none;
	padding: 10px;
	margin-bottom: 5px;
	background: #288c05;
	color: #fff;
}

/* mobile btn-navbar */
header .btn-navbar {
	background: #4d2904 !important;
	box-shadow: none !important;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus {
	background: #351c01;
}

/* nav btn lines */
header .navbar .btn-navbar .icon-bar {
	width: 25px;
	height: 2px;
	background: #fff;
}

header .navbar .btn-navbar:hover .icon-bar,
header .navbar .btn-navbar:focus .icon-bar {
	color: #fff;
}

/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box {
	background-color: #e2bd83 !important;
    background-image: url("/myimages/936/zpos-bg-Abshar_TileBG_v2.jpg") !important;
    background-repeat: repeat !important;
    border-radius: 5px !important;
}

.loyaltypoints_box .row-credits .well {
	/* border around counters */
	background: #fff;
    color: #000;
    border-radius: 0 !important;
}

.loyaltypoints_box .ui-widget-header {
	border: none;
	background: #4c2904;
    color: #fff;
}

.loyaltypoints_box .btn-link {
	color: #4c2904;
    background: none;
}

.loyaltypoints_box .btn-link:hover,
.loyaltypoints_box .btn-link:focus {
	color: #2d1801;
}

.loyaltypoints_box .col-equals .ui-widget-header,
.loyaltypoints_box .col-equals .well {
	border: none;
	background: none;
    color: #4c2904;
}

.loyalty-caption h3 {
	color: #fff;
}

/* MENU PAGE  ----------------------------------------------- */
.ui-widget-content {
    background: #ffe9cc;
	color: #432200;
    border: none;
}

.menu-selection .alert,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #573009;
	color: #fff;
	border: none;
	text-shadow: none;
}

.menu-selection h3 {
	color: #fff;
}

.how-im-ordering *,
.how-im-ordering {
	background: #432200;
    color: #fff;
}

.menu-selection .alert {
	text-align: center;
}

.members .website-image img,
.menu .website-image img {
 	border-radius: 5px;   
}

.how-im-ordering small,
.how-im-ordering small:hover,
.how-im-ordering small:focus {
	color: #fff;
}

#basket small {
	font-size: 100%;
}

.modal .media-body {
	text-align: center;
}

.modal .media-body ul {
	text-align: center;
	list-style: none;
	margin: 0;
}

.modal ul {
	text-align: center;
	list-style: none;
}

.modal small,
.description small,
.media-body ul li {
	font-size: 15px;
}

.menu #order-empty {
	margin-bottom: 10px;
}

.row-product:hover,
.row-product:focus {
	background: transparent;
}

.menu-selection {
	color: ;
}

.menu-selection h1 {
	text-align: center;
	line-height: 110px;
	font-size: 50px;
}

/* menu page "add" buttons*/
.page_menu .row-product .btn-success {
	font-size: 14px !important;
	padding: 1px 5px;
	margin-bottom: 5px;
}

.ui-tabs-nav,
.ui-tabs-menu,
.ui-state-default,
.ui-state-active {
	border: none !important;
}

/* menu background */
.ui-tabs-menu {
	background: #fbe1ba;
	color: #4c2904;
}

/* themeroller -  menu nav bg */
.ui-tabs-nav {
	background: #f1d09e;
	border-radius: 0;
}

/* themeroller - list styles */
.ui-state-default {
	background: none !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #472702;
}

.ui-state-active,
.ui-state-default:hover,
.ui-state-default:focus {
	background: #432200 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:focus,
.ui-state-active a:hover,
.ui-state-default:hover a,
.ui-state-default:focus a {
	background: #432200;
	color: #fff !important;
	border-right-width: 0px !important;
}

/* themeroller - disabled categories */
.page_menu .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	background: #6b6b6b;
	color: #bfbfbf !important;
}

.modal .btn-option {
	height: unset !important;
	line-height: 19px !important;
}

/* themeroller - menu list */
.ui-tabs-vertical .ui-tabs-panel {
	color: ;
}

.row-odd {
	background: transparent;
}

/* menu headings */
.menu .media-heading {
	font-size: 20px;
	line-height: 1.4;
}

/* modals */
.modal-body .media-body {
	padding: 20px;
}

.modal-body .media-heading {
	font-size: 24px;
	line-height: 2;
}

.modal-body .caret {
	border-top-color: ;
	border-bottom-color: ;
}

.modal-body .btn-danger .caret,
.modal-body .btn-success .caret,
.modal-body .btn-info .caret {
	border-top-color: ;
	border-bottom-color: ;
}

/* modal labels */
#editProductModal .modal-body h4 .name,
#editSpecialDealModal .modal-body h4 .name,
#editProductModal .modal-body h3,
#editSpecialDealModal .modal-body h3 {
	font-size: 45px;
	line-height: 1.2;
}

#editProductModal small,
#editSpecialDealModal small,
#editProductModal li,
#editSpecialDealModal li,
#editProductModal .modal-footer h3,
#editSpecialDealModal .modal-footer h3,
#editProductModal .type-choose-one .control-label,
#editSpecialDealModal .type-choose-one .control-label {
	font-size: 20px;
	line-height: 1.2;
}

#editProductModal .modal-body h5,
#editSpecialDealModal .modal-body h5 {
	font-size: 24px;
}

#editProductModal fieldset small,
#editSpecialDealModal fieldset small,
#editProductModal fieldset small .label-default,
#editSpecialDealModal fieldset small .label-default,
#editProductModal fieldset .btn-group > .dropdown-toggle,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle {
	font-size: 14px;
}

#editProductModal fieldset small .label-default,
#editSpecialDealModal fieldset small .label-default {
	padding: 4px;
	height: 23px;
	box-sizing: border-box;
	font-size: 12px;
	margin-bottom: 2px;
}

/* modal buttons */
#editProductModal fieldset .btn-group > .dropdown-toggle,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle {
	background: ;
	color: ;
}

/* modal dropdowns */
#editProductModal .dropdown-menu,
#editSpecialDealModal .dropdown-menu {
	padding: 0px;
}

/* CONTACT / UI-HEADERS ----------------------------- */
/*contact headers */
.ui-widget-header,
.ui-widget > .ui-widget-header {
	background: #f1d09e;
	color: #472702;
	border: none;
}

/* MEMBERS  ----------------------------------------------- */
.hero-unit,
.jumbotron-order-complete {
	background: ;
	color: ;
}

.hero-unit a,
.hero-unit a:hover,
.hero-unit a:focus,
.jumbotron-order-complete .text-warning {
	color: #732000;
}

.sidebar-nav {
	background: ;
	color: ;
}

.sidebar-nav .nav-list .active a,
.sidebar-nav .nav-list .active a:hover,
.sidebar-nav .nav-list .active a:focus {
	color: #fff;
    text-shadow: none;
	background: #4c2904;
}

.sidebar-nav .nav > li > a:hover,
.sidebar-nav .nav > li > a:focus {
	background: #fff;
}

.sidebar-nav .nav-list > li > a,
.sidebar-nav .nav-list .nav-header {
	text-shadow: none;
	color: #333333;
}

/* FOOTER  ----------------------------------------------- */
footer {
	margin-top: 0px;
    background: #e4be84;
}

footer .row-fluid {
	padding: 30px 30px 20px;
	width: auto;
}

.label-copyright a,
.label-copyright a:hover,
.label-copyright a:focus,
footer .muted {
    color: #432404 !important;
}



/* SOCIAL --------------------------------------------- */
.home_social {
	max-width: 100px;
	margin: 20px auto 0px;
}

.home_social .btn {
	padding: 0px;
}

.home_social a,
.home_social a:hover {
	background-color: none !important;
}

.home_social a:hover {
	transform: scale(1.1);
	transition: all 0.25s;
}

.home_social img {
	max-width: 50px;
}

/* ORDER PAGE  ----------------------------------------------- */
.jumbotron-order-complete {
	padding: 40px;
}

/* ADDITIONAL CHANGES  ----------------------------------------------- */

.reservations #body > * {
	margin: 0 auto;
    text-align: center;
    float: none;
}

.reservations .booking-content,
.reservations .booking-module {
	margin: 0 auto !important;
    float: none;
    margin-top: 25px;
}

.reservations .mod_table_reservation_v1 {
	padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 25px;
    max-width: 400px;
}

.reservations .booking-content .btn-group .btn {
	padding: 12px 22px;
    font-size: 15px;
}

.reservations .booking-content .btn-group .btn:first-child {
	margin-right: 15px;
}

.reservations .booking-content p {
    width: 90%;
    margin: 20px auto !important;
}

.reservations .booking-content {
	max-width: 850px;
    margin: 20px auto !important;
}
.zpostable {
    max-width: 350px;
    margin: 0 auto;
}


.prefooter {
	padding: 180px 0;
    overflow: auto;
    
    background-image: url("/myimages/936/zpos-bg-Abshar_PreFooterBG.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.prefooter div * {
 	color: #fff;   
}

.prefooter .subheading,
.prefooter h2 {
 	font-family: "Niconne", cursive;   
    line-height: 1;
    font-weight: normal;
}

.prefooter .btn {
	font-weight: normal;
    margin-left: 100px;
    color: #462604;
    background: rgb(254,239,215);
	background: linear-gradient(180deg, rgba(254,239,215,1) 63%, rgba(243,224,192,1) 100%);
    border-radius: 5px;
}

.prefooter .btn:hover,
.prefooter .btn:focus {
	background: #d0c5b4;
}

.para-offset {
	color: #feefd7;
    font-size: 22px;
    margin: 52px auto;
}
.para-offset > p {
	margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: bold;
}
.para-offset > p:nth-child(2) {
	margin-left: 18px;
}
.para-offset > p:nth-child(3) {
	margin-left: 36px;
}

.prefooter .subheading {
	font-size: 39px;
    display: inline-block;
    margin-left: 130px;
}

.prefooter h2 {
	font-size: 118px;
    margin-top: -25px;
}

.home .banner-row {
	padding: 50px 0;
    box-sizing: border-box;
    overflow: auto;
}
.home .banner-row > div {
	display: inline-block;
    margin-bottom: 0;
}
.banner-left {
	float: left;
    max-width: 60%;
    width: 100%;
}
.banner-right {
	float: right;
    max-width: 36%;
    width: 100%;
}  

.home .banner-row > div img {
	width: 100%;
    transition: 0.15s;
}

.home .banner-row > div img:hover,
.home .banner-row > div img:focus {
	transform: scale(0.985);
}
    

.well-login,
.voucher_box {
	background: #4a2904;
	color: #fff;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
	background: transparent;
}

.alert-error.well-large h1 {
	color: #fff;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
	background: none !important;
}

.trigger-paymentmethod .btn {
	background: ;
	color: ;
}

.trigger-paymentmethod .btn:hover,
.trigger-paymentmethod .btn:focus {
	background: ;
	color: ;
}

.trigger-paymentmethod .btn.active,
.trigger-paymentmethod .btn:hover.active,
.trigger-paymentmethod .btn:focus.active {
	background: #fffaf3;
	color: #432200;
}

/* Discount UB under home postcode box adds appropriate padding */
.discountHome {
    padding-top: 30px;
    margin-bottom: -30px !important;
    text-align: center !important;
}

/* 404  ----------------------------------------------- */

.page_error-404 .alert-error {
	padding: 40px;
    margin-top: 50px;
}

.page_error-404 .alert-error * {
	color: #fff;
}

/* CONTACT PAGE  ----------------------------------------------- */

/* T&CS PAGE  ----------------------------------------------- */
.page_information .page-header,
#info-company-information {
	text-align: center;
}

.page_information .page-header {
	border: none;

}

.page_information .official-document,
.page_information .official-document h1,
.page_information .official-document h2,
.page_information .official-document h3,
.page_information .official-document h4,
.page_information .official-document p h4,
.page_information .official-document p .page_information .official-document {
	font-family: "Arial", sans-serif;
}

.page_information .table th,
.page_information .table td,
.page_information .official-document h1,
.page_information .official-document h2,
.page_information .official-document h3,
.page_information .official-document p h4,
.page_information .official-document p {
	color: #000;
}

/* REVIEW PAGE  ----------------------------------------------- */
.page-review-order {}

.page-review-order .lead {}

@media (max-width: 1600px) {

	.inner-wrapper,
	.ct_details_bar {
		box-sizing: border-box;
		padding: 0 10px;
	}

	.inner-wrapper {
		padding: 0;
	}
}

@media (max-width: 1200px) {


    .column_slideshow header,
    .home header .ct_header_row > div {
		position: relative;
    }
    
    .home header .left_column {
		text-align: center;
    }
    
    .navbar .btn-navbar {
        padding: 11px !important;
        margin-top: 3px;
    }

    .home #logo img,
    #logo img {
		margin-left: 0;
    }
    
    .home header .left_column {
		margin: 0 auto;
    }
    
    .home .right_column .ct_details_bar, 
    .home .right_column .navbar-inner .container {
		max-width: 100%;
    }
    
    .home .right_column .ct_details_bar {
		padding: 5px 10px;
        color: #532e08;
    }
    
    .home .navbar {
		margin-bottom: 0 !important;
    }
    
    .mod_postcode_box {
		margin-top: 0;
    }
    
    .home .column_modules {
		padding: 40px 10px 0;
    }
    
	.prefooter {
		padding: 120px 10px;
    }
    
    header .navbar-inner {
		border-radius: 0 !important;
    }
    
    .home .carousel-indicators {
		right: unset;
        left: 10px;
        top: 30px;
    }
    
    .navbar .btn-navbar {
     	padding: 10px;
        background: #4d2904;
    }
    
    #body {
        margin-top: 50px;
        padding: 0 10px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    
    #body {
        margin-top: 10px;
        padding: 0 10px;
    }
    
    .home .navbar-inner {
		padding: 10px 0 !important;
    }
    
    .navbar .nav {
        padding: 15px 0 0;
    }

	#opening-status {
		display: none;
        border-radius: 0 !important;
        position: absolute;
        left: 10px;
	}

	#opening-status.mobile-opening {
		display: block;
	}

    .ct_details_bar {
		margin: 10px auto;
    }
    
	.ct_details_bar .span6 {
		width: 100%;
		margin: 0;
		text-align: center !important;
		float: none;
	}

	.nav-collapse .dropdown-menu a {
		padding: 10px 0;
	}

	.nav-collapse li {
		width: 100%;
		display: block;
	}

	.modal-body .dropdown-menu.dyn-dd-option-ui {
		left: -90px;
	}
}

@media (min-width: 767px) {
 	.sys-modal {
        transform: translateX(-50%);
    }
    .resImage {
    margin-top: 50px !important;
    text-align: center !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
		padding: 0;
	}

	body .inner-wrapper #body {
		box-sizing: border-box;
	}

	.ct_user_status,
	.ct_local_branch_details {
		text-align: center !important;
	}

	#body h1 {
		text-align: center;
		line-height: 1.4;
        margin: 35px auto;
	}

	footer {
		margin: 65px 10px 0 10px;
	}

	footer div,
	.span4.tr.vendor {
		margin-top: 10px;
		text-align: center !important;
	}
    
    #mod_postcode_box_pc,
    .home .mod_postcode_box .btn-group,
    .home .mod_postcode_box .btn-group > .btn:first-child,
    .home .mod_postcode_box .btn-group > .btn.dropdown-toggle {
		display: block;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    
    .home .mod_postcode_box .btn-group > .btn:first-child,
    .home .mod_postcode_box .btn-group >  .btn.dropdown-toggle {
		margin-top: 10px;
    }
    
    .mod_postcode_box {
        background-image: url(/myimages/936/zpos-bg-Abshar_TileBG_v2.jpg);
        background-repeat: repeat;
    }
    
    .prefooter .subheading,
    .prefooter h2 {
		text-align: center;
        line-height: 1;
        margin: 0 auto;
    }
    
    .prefooter .subheading {
		display: block;
        margin-bottom: 20px;
    }
    
    .prefooter,
    .para-offset > p {
       	text-align: center;
    }
    .para-offset > p:nth-child(2) {
        margin-left: 0;
    }
    .para-offset > p:nth-child(3) {
        margin-left: 0;
    }

    .prefooter .btn {
        margin: 0 auto;
    }
    .ctl-modTableReservationV1.btn-parimary {
        margin-left: 0px !important;
    }

}

@media (max-width: 640px) {

    .home .banner-row > div {
        display: block;
        float: none;
        max-width: 80%;
        margin: 0 auto;
    }
    
    .banner-right {
		margin-top: 20px !important;
    }
    
	#ctl-lookupAddress,
	#ctl-forgotPassword {
		margin-top: 8px;
	}

	#ctl-lookupAddress {
		display: block;
	}

	#ctl-forgotPassword {
		display: block;
	}
    
    #ctl-lookupAddress, 
    #ctl-forgotPassword {
		border-radius: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    
    .prefooter h2 {
		font-size: 80px;
    }

	#body .menu-selection h1 {
		line-height: 1.2;
	}
    
    .home .banner-row > div {
	max-width: 100%;
    }
    .reservations .btn-group{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .reservations .booking-content .btn-group .btn:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }

}


/**-- SOCIAL MEDIA --**/
.social_media_links {
	max-width: 170px;
	margin: 10px auto 0px;
}
.social_media_links .btn { 
	padding: 0px; 
    background: transparent !important;
}
.social_media_links .btn small {
 	displaY: none !important;   
}
.social_media_links a, .social_media_links a:hover, .social_media_links a:focus { 
	background-color: transparent !important; 
}
.social_media_links a:hover {
	transform: translateY(3px);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.social_media_links img { 
	max-width: 35px;
}


/*IF DELIVERIES ARE TURNED OFF*/

.delivers_0 .box-delivery-information {
    display: none;
}
.delivers_0 .mod_postcode_box .col1,
.delivers_0 .mod_postcode_box .col2,
.delivers_0 .mod_postcode_box .col3 {
    display: none;
}

/*PERSIAN NEW YEAR BANNER*/

.persianNewYearBg {
	background: linear-gradient(-45deg, #1c39bb, #32127a, #1c39bb, #0067a5, #0680c9, #1c39bb, #32127a, #0680c9);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;	
	border: solid 6px #1c39bb;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}