body .visible-northfinchley { display:none !important; } 
body .hidden-northfinchley { display:inherit !important; } 
body.shop_northfinchley .hidden-northfinchley { display:none !important; }
body.shop_northfinchley .visible-northfinchley { 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: #105959;
	font-weight: normal;
}
h1 {
}
h2 {
	color: #105959;
}
h3 {
}
h4 {
}
body {
	background-color: #175857;


	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #faefde;

	background-attachment: scroll;
}

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

-/*------------------SITE BACKGROUND COLORS/IMAGES-------------------*/
.alert-offer-pm p { 
    line-height:120%;
}
.alert-offer-pm small { 
    font-size:60%;
    opacity:0.8;
}
.alert-offer-pm strong { 
    font-size:120%;
}
body {}
body.page_home { }

#container {}
.page_home #container {}
#container, body { padding: 0; }

header { background-image: url(/myimages/782/zpos-bg-ShahAbbas_Slide1.jpg); background-size: cover; background-position: 0px -350px; height: 400px; 
         -webkit-box-shadow: inset 0px 130px 90px -39px rgba(0,0,0,0.75) !important;
    	 -moz-box-shadow: inset 0px 130px 90px -39px rgba(0,0,0,0.75) !important;
         box-shadow: inset 0px 130px 90px -39px rgba(0,0,0,0.75) !important; }
.page_home header { background-image: none; background: transparent; height: unset; }

.inner-wrapper {}

#body { padding: 80px 0px; background-color: #faefde; }
.home #body {  max-width: none; width: 100%; padding-top: 0px !important;  }
#body-container { background-color: #faefde; }
.alert p {font-weight:normal;}
.alert h2,
.carousel-inner h3{color:#fff;}
/*--------------------FONTS/COLORS-----------------------*/

/*---HEADINGS---*/

h1, h2, h3, h4, h5, h6,
#responsive-food-menu .navbar-inner .brand,
.alert.ui-state-highlight.lead.cat-desc,
.page_members .sidebar-nav .nav-header,
.ui-tabs-nav li a, 
legend,
.mod_postcode_box .lead,
.well h1,.well h2,.well h3,.well h4,.well h5,.well h6,
legend,
{ 
    text-transform: uppercase;
    line-height: 110%;
    font-size: 30px;
}


/*---YELLOW BACKGROUND---*/

.mod_postcode_box .dropdown-menu { background: #d9a31d; color: #FFFFFF; }

/*---YELLOW BACKGROUND HOVER---*/

.mod_postcode_box .btn-group.open .btn.dropdown-toggle, .mod_postcode_box .dropdown-menu>li>a:hover, 
.mod_postcode_box .dropdown-menu>li>a:focus { background: #ffd454; }

/*---GREEN BACKGROUND---*/

.modal-header,
.alert, 
.well.sys-alert,
legend,
::selection,
.sys-message.well-small,
header .dropdown-menu>li>a:focus,
header .dropdown-menu>li>a:hover
{
 	background: #105959;
    color: #FFFFFF;
}


/*---GREEN BACKGROUND HOVER---*/

.navbar .nav .dropdown-menu>li>a:hover, .navbar .nav .dropdown-menu>li>a:focus{ background: #4c8482; color: #FFFFFF !important; }

a { color: #d9a300; text-decoration: none; }
a:hover, a:focus { color: #ffd447; text-decoration: none; }  
.highlight { color: #d9a300; font-style: italic; }

em { color: inherit;}

.btn-success,.alert-success, .label-success, .badge-success { background: #509620; }
.btn-success:hover, .btn-success:focus { background: #90de5b; }
.text-success { color: #509620; }

.btn-primary,.alert-primary, .label-primary, .badge-primary { background: #4686ae; }
.btn-primary:hover, .btn-primary:focus { background: #79b6e0; }
.text-primary { color: #4686ae; }

.btn-info, .alert-info, .label-info, .badge-info { background: #326195; }
.btn-info:hover, .btn-info:focus { background: #658ec6;}
.text-info { color: #326195; }

.btn-danger, .alert-danger, .label-danger, .badge-danger, .sys-message.alert-danger { background: #ab5151; }
.btn-danger:hover, .btn-danger:focus { background: #e07f7d; }
.text-danger, .text-error { color: #ab5151; }

.btn-warning, .alert-warning, .label-warning, .badge-warning { background: #faa732;}
.btn-warning:hover, .btn-warning:focus{ background: #ffd864; }
.text-warning { color: #faa732; }
      
.btn-inverse, .alert-inverse, .label-inverse, .badge-inverse { background: #000000 !important; }    
.btn-inverse:hover, .btn-inverse:focus { background: #2c2c2c !important; }
.text-inverse { color: #000000; }

/*-----------------RESETS/DISPLAY NONES/GLOBAL---------------*/

*{ text-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; }
.home h1, .contact-us h1, 
.home-about, #body-bottom-hr, 
.voucher_box .success span,
.row_mods, .row_phones, 
.ct_details_bar,
.right_column, .left_column,
.carousel-indicators,
.home_social small,
.column_modules, .rightBorder {
    display: none !important;
}
    
/*---------------------CONTAINER WIDTHS----------------------*/

/*Main overall site container*/      
#container { width: 100%; }

#body, /*everything between header and footer*/
#responsive-food-menu, /*the bar on menu page that moves to top when scrolling*/ 
.ct_header_row,/*main container within header*/
.navbar-inner .container,
/*.page_home .main,*/
footer .row-fluid,
#footer-top,
#home-grid,
#pre-footer-inner,
.carousel-caption,
#postcode-wrapper-inner 
{
    max-width: 1170px;
    margin: 0 auto;
}

.page_home .main {  max-width: unset; width: 100%; }

/*---------------------TABLE STRIPED FIX---------------------*/

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,
.well-basket {
    background: transparent;
}

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

/*---------------------------MODAL------------------------*/

.modal { border: none; }
.modal-header .close { color: #FFFFFF; opacity: 1; }
.modal-header h3 { color: #FFFFFF; font-size: 24px; }
.modal-footer { background: #d9a300; color: #fff; opacity: 1; }
.modal-body { background: #faefde; }

/*Style the product name on food menu customisation screen*/
.modal-body h4 .menunumber, .modal-body h4 .name { font-size: 40px; line-height: 110%; }

/*Styles the background of the wells on menu page where you select customisation for food*/      
.modal-body .well { background: #faefde; color: #000000; border: none; }   

/*adjust titles on T+C page*/
.modal-body h3 { font-size: 24px;}
.modal-body h4 { font-size: 16px;}

/*---------------------ALERTS & BUTTONS---------------------*/

.alert, .well.sys-alert { text-align: center; border-radius: 0px; margin-top: 0px; text-shadow: none; }
.alert .close { color: #FFFFFF; opacity: 1; }
.well-small.sys-alert .lead { color: #FFFFFF; }
.well.sys-alert button.close { color: #FFFFFF; opacity: 1; }
.sys-message { margin-top: 0px !important; margin-bottom: 0px !important; }      

.btn, .btn:hover, .btn:focus{
    text-transform: uppercase;
    border-color: transparent !important;
    position: relative;
    background-image: none;
    border: none;   
    background-position: 0px 0px;
    /*width: auto;*/ 
    padding: 5px 10px;
}
.btn-default { background: #d9a300; color: #FFFFFF; }
.btn-default:hover, .btn-default:focus { background: #ffd447; color: #FFFFFF; }

.btn-alternate { background: #105959; color: #FFFFFF; }
.btn-alternate:hover, .btn-alternate:focus { background: #458686; color: #FFFFFF; }    

/*-----------------------LEGEND---------------------------*/

legend { text-align: center; border-bottom: 0px; }
      
/*------------------------WELLS---------------------------*/

.well { border: 2px solid #105959; background: #d9a300; color: #FFFFFF; }
.well h2 { color: #FFFFFF; }
.well .control-label, .well .controls, .well .control-group small { color: #FFFFFF; }
.well legend { background-color: #105959; padding: 5px 0px; font-size: 28px; color: #FFFFFF; }
.well .muted { color: #FFFFFF; }

/*make buttons on members page the same height as inputs*/
.well .btn-info { height: 30px; line-height: 150%; }

/*---------------------GENERIC FIXES---------------------*/

.row-odd, .row-product:hover { background: none; }              
.website-image { text-align: center; }
.page_menu .website-image img { max-width: 346px; }
   
ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul{ margin: 0 0 10px 25px; }

.carousel-control:hover, .carousel-control:focus { color: #FFFFFF !important; }
     
/*Stop the credit card/cash buttons on checkout from shrinking when hovered*/
.trigger-paymentmethod button:hover, .trigger-paymentmethod button:focus { font-size: 17.5px; }

/*------------------------CARETS-------------------------*/

.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: #165857;
    border-top: 5px solid #faefde;
    margin-top: 8px;
}
.navbar .nav li.dropdown>.dropdown-toggle:hover>.caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #105959 !important;
}

.btn .caret { margin-top: 4px; }

#editProductModal .btn-info .caret, #editSpecialDealModal .btn-info .caret{ margin-top: 8px; }
#editProductModal .btn-option .caret, #editSpecialDealModal .btn-option .caret { margin-top: 4px; border-top: 4px solid #FFFFFF; }

/*------------------------HEADER---------------------------*/

#logo { text-align: center; max-width: 400px; margin-right: 120px; position: relative; z-index: 1; }
#logo img { max-height: 150px; }

/*-----------------------MAIN MENU-------------------------*/

/*Style the main navbar*/
header .navbar { margin-bottom: 0px !important; z-index: 10; position: relative; }
header .navbar-inner { background: transparent; border: none; padding: 10px; }
      
/*Style the menu links*/     
header .navbar .nav>li { margin-right: 10px; padding-top: 22px; }
header .navbar .nav>li>a { color: #faefde; font-size: 15px; text-transform: uppercase; font-weight: bold; }

/*Style the active, hover and focus state (and toggle) in main menu*/      
header .navbar .nav>.active>a,
header .navbar .nav>.active>a:hover,
header .navbar .nav>.active>a:focus,
header li.dropdown.active>.dropdown-toggle,
header .navbar .nav li.dropdown.open>.dropdown-toggle,
header .navbar .nav li.dropdown.open.active>.dropdown-toggle { /*text-decoration: underline;*/ }
header .navbar .nav li.dropdown.active>.dropdown-toggle { background: #faefde; color: #1c5756 !important; }

header .navbar .nav>.active>a, 
header .navbar .nav>.active>a:hover, 
header .navbar .nav>.active>a:focus { background: #faefde; color: #1c5756 !important; }

header .navbar .nav li.dropdown.open>.dropdown-toggle,
header .navbar .nav li.dropdown.open>.dropdown-toggle:focus,
header .navbar .nav li.dropdown.open.active>.dropdown-toggle { background-color: #1c5756; color: #FFFFFF !important; }






/*Style the menu dropdown*/
header .dropdown-menu{ border:0; background: #1c5756; }
header .dropdown-menu>li { padding: 5px 0px; }
header .dropdown-menu>li>a { font-size: 14px; color: #ffffff !important; padding: 10px 20px; }

/*Remove unwanted colours from focused/hovered menu links*/      
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover { color: #165857 !important; background: #faefde; }
.navbar .nav>li>a:focus .caret, .navbar .nav>li>a:hover .caret { border-top-color: #FFFFFF !important; }

/*center align the menu*/
header .navbar-inner .container { display: flex; justify-content: center; margin-top: 30px; }

/*-----------------------MOBILE MENU----------------------*/

/*Style the mobile menu burger icon*/      
header .navbar .btn-navbar { background-image: none !important; width: auto; height: auto; text-shadow: none; border: none; margin-top: 2px; }
header .navbar .btn-navbar .icon-bar { width: 26px; height: 3px; }
header .navbar .btn-navbar .icon-bar+.icon-bar { margin-top: 5px !important; }

/*.navbar .btn-navbar.collapsed { background: #faefde; }

.navbar .btn-navbar.collapsed .icon-bar {
    background: #105959;
}*/

.navbar .btn-navbar,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active
.navbar .btn-navbar[disabled] { background: #d9a31d; }



/*---------------------OPENING STATUS---------------------*/

#opening-status { background-color: #dba500; margin-left: 15px; }
#opening-status.status-OPEN { color: #FFFFFF !important; }    
#opening-status.status-CLOSED { color: #FFFFFF !important; }
      
/*---------------------FOOTER-------------------------------*/

#pre-footer { height: 500px; }
#pre-footer img { z-index: 1; position: relative; float: right; margin-top: 100px; }
#pre-footer2 img { z-index: 2; position: relative; float: left; margin-top: 90px; margin-left: 50px; }

footer { background-color: #175857; margin-top: 0px; padding: 30px 0px 100px; background-image: url('/myimages/782/zpos-bg-ShahAbbas_FooterPattern.png'); 
         background-repeat: no-repeat; background-position: center bottom; }
footer .row-fluid { padding: 30px; width: auto; }
.label-copyright { color: #FFFFFF; font-weight: bold; }
.copyright { text-align: left; }
.copyright a { color: #FFFFFF; text-decoration: underline; }
.vendor { float:right; }
.vendor a { transform: unset !important; }
.cards, .vendor { padding-top: 5px; } 

/*------------------------HOME PAGE--------------------------*/

header, body, .column_slideshow { background-color: #1e5a59 !important;  }

/*---SLIDER---*/
.column_slideshow { margin-top: -200px; max-height: 800px; }
.column_slideshow img { width: 100%; }
/*.column_slideshow, .column_slideshow img { max-height: 600px; }*/
.carousel-control { color: #FFFFFF; opacity: 1; background: none; border: none; font-size: 150px; top: 48%; }
.carousel-caption { background: none; top: 0; margin-top: 15%; }
.carousel-caption .caption-inner { max-width: 425px; float: left; }
.carousel-caption h2 { color: #FFFFFF; font-size: 60px; line-height: 110%; font-weight: normal !important; }
.carousel-caption p { color: #FFFFFF; }
.carousel { margin-bottom: 0px; }

.slideOffer h2 { color: #FFFFFF; font-size: 80px; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
.slideOffer h3 { color: #FFFFFF; font-size: 46px; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; padding-bottom: 12px;}
.slideOffer h4 { color: #FFFFFF; font-size: 36px; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
.slideOfferSpan { background-color: #088425; width: 100%; padding: 8px 18px; font-size: 50px; }
.slideOffer h5 { color: #FFFFFF; font-size: 18px; line-height: 110%; font-weight: normal !important; }
.carousel-caption .caption-inner2 { max-width: 1170px; text-align: center; text-shadow: 3px 3px 5px rgba(0,0,0,0.42); }    

/*---POSTCODE---*/
.mod_postcode_box .dropdown-menu{ border:0; width: 363px; }
.mod_postcode_box { background-color: transparent; text-align: center; width: 550px; margin: auto; border: none; }
#postcode-wrapper { background: rgb(24,80,79); background: linear-gradient(180deg, rgba(24,80,79,1) 0%, rgba(30,90,89,1) 35%, rgba(36,100,98,1) 100%); 
                    z-index: 1; position: relative; padding: 40px 0px 120px; }
.mod_postcode_box .lead { font-size: 36px; color: #FFFFFF; }
#mod_postcode_box_pc { width: 200px; margin-right: 15px; background: #faefde; }
#mod_postcode_box_pc::placeholder { color: #254550; padding-top:10px; font-weight: bold; }
.mod_postcode_box .btn { padding: 15px 30px; }
.mod_postcode_box .col3 { margin-top: 10px; font-size: 12px; }
.mod_postcode_box .muted { color: #FFFFFF; }
#mod_postcode_box_pc, .mod_postcode_box .btn { height: 50px; }

/*background color of dropdown on postcode box*/
.mod_postcode_box .btn-group.open .btn.dropdown-toggle, .mod_postcode_box .dropdown-menu { /*width: 100%;*/ text-align: center; }
.mod_postcode_box .dropdown-menu>li>a {text-align: center; color: #FFFFFF; text-transform: uppercase;}

/*---SOCIAL MEDIA---*/
.home_social { max-width: 200px; margin: 30px auto 10px; }
.home_social a, .home_social a:hover { background-color: transparent; }
.home_social a:hover { transform: scale(1.1); webkit-transition: all 0.2s; transition: all 0.2s; }
.home_social img { max-width: 70px; }

/*---CUSTOM BITS---*/
#home-border-pattern { background-image:url('/myimages/782/zpos-bg-ShahAbbas_BorderPattern.png'); background-repeat: no-repeat; height:174px; 
                       margin-top: -87px; z-index: 1; position: relative; }
#home-grid { padding: 80px 0px 120px; }
#home-grid h2 { font-size: 45px; letter-spacing: 2px; line-height: 140%; margin-bottom: 25px; font-weight: normal; }
#home-grid .left-half { padding-right: 80px; }
#home-grid p { line-height: 25px; margin-bottom: 20px;}
#home-grid .btn { margin-top: 20px; margin-right: 15px; padding: 20px 30px; font-size: 14px; }
#home-loyalty-banner { margin-top: 70px; }
#hygiene { display: block; margin: -20px auto 0px; }
      
/*-----------------------MENU PAGE----------------------------*/      

/*---FOOD MENU---*/
.page_menu .ui-tabs-panel .row-product h5, .page_menu .ui-tabs-panel .row-product .description,
.page_menu .ui-tabs-panel .row-product .price, .page_menu .ui-tabs-panel .row-product .name small { /*color: #FFFFFF;*/ }

.page_menu .ui-tabs-vertical { border: none; padding: 5px; }
.page_menu .ui-tabs-vertical .tb-nav-tabs { border: none; }
.page_menu .ui-tabs-vertical .tb-nav-tabs li.ui-state-active { border-right: none !important; }
.page_menu .ui-tabs-vertical .image_top { margin: 0px auto 30px auto; display: block; max-width: 250px;  }

/*Style the 'add' buttons on food menu*/
.page_menu .row-product .btn-success { background: #d9a300; font-size: 12px; padding: 1px 5px;}
.page_menu .row-product .btn-success:hover { background: #ffd447; }

/*---BASKET---*/   
#basket-container { background: transparent; border: none; padding: 12px; margin-bottom: 30px; }
#basket-container h3 { color: #0e5959; font-size: 26px; }
#basket-container, #basket-container small, #basket-container th { color: #000000; }
#basket-container a { margin-top: 10px; padding: 15px; font-size: 14px; }
#basket-container .table th, #basket-container .table td { /*border-color: #FFFFFF;*/ }
#basket-container hr { display: none; }

#basket-container .ui-widget-content { background: #FFFFFF; border: 2px solid #cccccc; }

/*Style the text-success + info in basket*/
#basket-container .text-success, .well-basket .text-success{ color: #71b365; }
#basket-container .text-info, .well-basket .text-info { /*color: #48b9ef; */}

/*---HOW IM ORDERING---*/
.how-im-ordering { background-color: transparent; border: none; padding-left: 15px; padding-right: 15px; margin: 0px 0px 6px !important; }
.how-im-ordering h2 { font-size: 26px; color: #0e5959; }
.how-im-ordering .tooltip { /*font-size: 16px;*/ }
.how-im-ordering small { color: #d9a31d; font-weight: bold; }  

/*---RESPONSIVE FOOD MENU/SEARCH---*/
.menu-container .navbar-affix-container,
.menu-container .navbar-affix-container .navbar-inner { background-color: transparent !important; background-image: none; height: auto !important; }    
.menu-container .navbar-affix-container { border: 7px solid #105959; border-bottom: 0px; }
.menu-container .navbar-affix-container .navbar-inner { border: none; }
      
#responsive-food-menu { background-color: #d9a31d; }
#responsive-food-menu .navbar-search input { width: 200px; }

#responsive-food-menu .btn-navbar.btn-primary { background-color: #4d7eaf; height: 30px; line-height: 21px; margin-right: 10px !important; }
#responsive-food-menu .btn-navbar.btn-primary:hover { background-color: #cccccc; }
#responsive-food-menu .btn-navbar.btn-primary .text-info { color: #FFFFFF; }     

/*Not-sticky version specific*/
#responsive-food-menu.affix-top .navbar-search { margin-top: 7px; }
#responsive-food-menu.affix-top .btn-navbar.btn-primary { margin-top: 7px !important; } 
      
/*Sticky version specific*/      
#responsive-food-menu.affix { left: initial; border: 1px solid #0e5959; }
#responsive-food-menu.affix .btn-navbar { padding-top: 5px !important; }
#responsive-food-menu.affix .search-query { margin-top: 3px; }
#responsive-food-menu.affix .btn-navbar.btn-primary { margin-top: 8px !important; }

#responsive-food-menu .brand { color: #FFFFFF;font-size: 24px;line-height: 110%; }


/*---EDIT PRODUCT MODALS---*/
    
#editProductModal .btn-info, #editSpecialDealModal .btn-info {}

#editProductModal .btn-group a.dropdown-toggle,
#editSpecialDealModal .btn-group a.dropdown-toggle { font-size: 13px !important; }

#editProductModal .dropdown-menu>li>a:hover,
#editSpecialDealModal .dropdown-menu>li>a:hover { background: #1c5756; color: #FFFFFF; }

#editProductModal .dropdown-menu>li>a, #editSpecialDealModal .dropdown-menu>li>a { text-transform: uppercase; }

/*Style the price in  the product customiser modal*/
.page_menu .modal-footer h3 .muted,
.page_menu .modal-footer h3.price { font-size: 20px; line-height: 110%; padding-top: 5px !important; }

#editProductModal hr, #editSpecialDealModal hr { border-color: #d9a31d; }

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

#editProductModal fieldset .btn-group>.dropdown-toggle:hover,
#editProductModal fieldset .btn-group>.dropdown-toggle:focus, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:hover,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:focus { background-color: #ffd447;}

#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info { background-color: #48b9ef; }

#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info:hover, 
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info:focus,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info:hover,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info:focus { background-color: #84ebff; } 


#editProductModal .btn-group>.dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success { background: #0e5959 !important; }

#editProductModal .close { color: #FFFFFF; opacity: 1; }

/*Fixes for Menu page*/ 
.product-container-panel h3.ui-widget-header { font-size: 30px; text-align: center; color: #faefde; }

/*Remove white borders from any images on the food menu*/
.img-polaroid { background-color: transparent; border: none; }

.popover .popover-title { background: #ab5151; color: #FFFFFF !important; font-size: 16px !important; }
.popover .popover-content { color: #000000; }
 
/*---------------------CHECKOUT PAGE---------------------*/      

/*--BASKET---*/
.page_checkout .well-basket { background: #FFFFFF; border: 2px solid #cccccc; color: #000000; }

/*'Go Back' and 'View Delivery Info' buttons*/
.page_checkout .well-basket .btn-warning, 
.page_checkout .well-basket .btn-info { height: 50px; font-size: 14px; padding: 15px; }
.page_checkout .well-basket .muted { color: #767676; }

/*---LOGIN/LOGOUT BOX---*/
.page_checkout .well-login { border: 2px solid #cccccc; }
.page_checkout .well-login, .page_checkout .well-login .control-label{ background-color: #FFFFFF; color: #000000; }
.page_checkout .well-login .btn { font-size: 12px !important; }
.page_checkout .well-login .btn:hover { text-decoration: none; }
.page_checkout .product-basket th, .page_checkout .product-basket td { /*border-color: #FFFFFF;*/ }

/*---FORGOTTEN PW POPUP---*/
.page_checkout .ui-widget { border: 1px solid #000000; }
.page_checkout #dlgResetPassword { font-family: 'Montserrat'; }
.page_checkout #dlgResetPassword .well { border: 1px solid #FFFFFF; }
.page_checkout #dlgResetPassword .muted { color: #FFFFFF; }

/*---PAYMENT SECTION---*/
.page_checkout .marginbottom15 small { color: #000000 !important; }
.pay-name { color: #165857;}
.trigger-paymentmethod .btn { background: transparent; }
.trigger-paymentmethod .btn.active { background-color: #165857; }
.trigger-paymentmethod .btn.active .pay-name { color: #FFFFFF; }
.page_checkout .btn-proceed-final { font-size: 14px !important; line-height: 110%; padding: 15px; }

/*---LOYALTY POINTS SECTION---*/
.page_checkout .loyaltypoints_box { background: #FFFFFF; border: 2px solid #CCCCCC; color: #000000; }
.page_checkout .loyaltypoints_box .ui-widget-header { background: #165857; border: none; }
.page_checkout .loyaltypoints_box .row-credits .well-white { color: #298826; border: 1px solid #000000; border-top: none; }
.page_checkout .loyaltypoints_box .row-credits .col-equals .well { color: #000000; }
.page_checkout .loyaltypoints_box .btn-success { margin-bottom: 15px; }
.page_checkout .loyaltypoints_box .btn-link{ color: #d9a31d; font-size: 13px !important; text-decoration: underline;}

   
/*----------------------MEMBERS PAGE---------------------*/

/*---LOGGED IN---*/

/*sidebar*/ 
.page_members .sidebar-nav { color: #FFFFFF; margin-bottom: 30px; }
.page_members .sidebar-nav .nav-header { color: #FFFFFF; font-size: 18px; }    
.page_members .sidebar-nav li a { color: #FFFFFF;}
.page_members .sidebar-nav li a:hover,
.page_members .sidebar-nav li a:focus,
.page_members .sidebar-nav li.active a { background-color: #165857; color: #FFFFFF !important;}  
.page_members .sidebar-nav small { /*color: #ab5151;*/ color: red; }
.page_members .span3 .btn-success {  border: 2px solid #0e5959 !important;}

/*hero unit*/
.page_members .hero-unit { background-color: #FFFFFF; }
.page_members .hero-unit h1, .page_members .hero-unit h2, .page_members .hero-unit p { color: #165857 !important; }
    
.page_members .section-.well { padding: 30px; }
.page_members .section-.well h2,
.page_members .section-.well p,
.page_members .section-.well .muted { margin-bottom: 15px; color: #FFFFFF; }
.page_members .hero-unit a { text-decoration: underline; }

/*loyalty*/
.loyalty-card>div .loyalty-value { color: #165857; }

/*My Orders*/
.section-my-orders .ui-widget-content { background: none;   }
.section-my-orders .ui-widget-header { background-color: #165857; }
.section-my-orders th {}
.section-my-orders td {}

/*My Profile*/
.page_members .section-my-profile .caret { margin-top: 8px; }
.page_members .section-my-profile fieldset { margin-top: 20px; }

/*My Addresses*/
.section-my-addresses .marginbottom15 a { text-decoration: underline; color: #326195; }
.page_members .btn-group .btn.dropdown-toggle { background-color: #FFFFFF; text-transform: none; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
                                                padding: 5px 10px; }

/*---LOGGED OUT---*/
.page_members #frmRegister legend, .page_members #frmLogin legend { padding: 28px 0px; }
.page_members #frmRegister, .page_members #frmLogin { padding: 0px 0px 25px 0px; }
.page_members #frmRegister .control-group, .page_members #frmLogin .control-group { padding: 0px 25px; }
.page_members .website-image { padding-top: 10px; }


/*----------------TABLE RESERVATION PAGE-----------------*/
.page_book-a-table #body { text-align: center; font-size: 20px; line-height: 140%; }
.page_book-a-table #body p { margin: 20px 0px; }
.page_book-a-table #body ul { list-style: none; }
.page_book-a-table #body li { line-height: 35px; }
.page_book-a-table .mod_table_reservation_v1 { padding: 30px; }
.page_book-a-table h3 { font-size: 48px; line-height: 110%; margin-bottom: 30px; }
.page_book-a-table h1 { display: none; }
.page_book-a-table .mod_table_reservation_v1 .controls-row [class*="span"] { float: unset; width: 400px; font-size: 16px; height: 50px; padding: 0px; margin-bottom: 20px; }
.page_book-a-table .mod_table_reservation_v1 .btn {     display: block; margin: 25px auto; }
.page_book-a-table .mod_table_reservation_v1 select { text-align: center; text-align-last: center; }
.page_book-a-table .mod_table_reservation_v1 label { font-size: 20px; }

.page_book-a-table .ui_tpicker_hour_slider, .page_book-a-table .ui_tpicker_minute_slider { border: 1px solid #cccccc; }
.page_book-a-table .ui-datepicker-current { opacity: 1; }

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

.contact-us .ui-widget-header { font-size: 22px; padding: 10px; }    
.contact-us .ui-widget-content { background-color: #d9a300; color: #FFFFFF; border: none; }
.contact-us .ui-widget-content a { color: #FFFFFF; }

/*map*/
.page_contact-us .row-fluid .span8 .well { border: none; margin-bottom: 30px; }  
      
/*Adds necessary gap above opening hours box on contact page*/      
.contact-us .box-opening-hours {
    margin-top: 30px;
}
    
/*------------------REVIEW ORDERS PAGE ------------------*/  

.page-review-order h1 { color: #FFFFFF; background-color: #165857; text-align: center; font-size: 32px; }
.page-review-order { background: transparent !important }
.page_review-order textarea,
.navbar-inner{ font-family: 'Muli'; }

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

.page_error-404 .alert {
 	background: transparent;   
    border: none;
}
.page_error-404 h1 { font-size: 60px !important; padding: 5px 0px; }
.page_error-404 h2, .page_error-404 h3 { font-size: 35px;}
.page_error-404 p { font-size: 22px; }
.page_error-404 h2, .page_error-404 h3, .page_error-404 p { margin-top: 60px; line-height: 110%; color: #165857;}

.page_error-404 .alert-error .btn { padding: 12px 28px; }
      
.page_error-404 .alert-error .btn:first-child { background-image: none !important; background-color: #48b9ef !important; color: #FFFFFF; }
.page_error-404 .alert-error .btn:first-child:hover { background-color: #0089bc !important; color: #ffffff !important; }
.page_error-404 .alert-error .btn:last-child { background-image: none !important; background-color: #a2a2a2 !important; color: #FFFFFF; }
.page_error-404 .alert-error .btn:last-child:hover { background-color: #737373 !important; color: #ffffff !important; }

/*-------------------ORDER CONFIRMED PAGE----------------*/

h1.order-complete-title{ color: #d9a31d;}
.order-info-well { }
#order-confirmation { background: #165857; }
.order-confirmation-note { text-align: center; }
      
/*-------------------MENU SELECTION PAGE-----------------*/ 

.menu-selection { padding: 0pm 0px 100px 0px; }
.menu-selection h1 { text-align: center; }
.menu-selection h3 { color: #000000; font-size: 32px; }

.menu-selection .alert, .menu-selection .well{ background: transparent; border: none; }
.menu-selection img { margin: 50px auto 80px; display: block; }

/*------------------TERMS AND CONDITION PAGE-------------*/
.page_information h1 { font-size: 35px; }

      
/*---------------------MEDIA QUERIES---------------------*/
 
@media (max-width: 1800px) { header { background-position: 0px -300px;} }
@media (max-width: 1600px) { header { background-position: 0px -100px;} }

@media (max-width: 1200px) {
    header .navbar-inner, .carousel-caption, #home-grid, #pre-footer, #pre-footer2, .mod_table_reservation_v1 { padding-left: 30px; padding-right: 30px; }
    #logo { margin-right: 40px; }
    #logo img { max-height: 105px; }
    header { background-position: 0px 0px;}
    header .navbar .nav>li { padding-top: 10px; }
    header .navbar .nav>li>a { padding: 10px; font-size: 14px; }
    
    .carousel-caption { margin-top: 20%; }
    .carousel-caption h2 { font-size: 45px; }
    
    #home-grid h2 { font-size: 35px; }
    #body { padding: 50px 0px; }
    
    .page_members .sidebar-nav { margin-bottom: 20px; }
    .page_contact-us .row-fluid .span8 .well { margin-bottom: 20px; }  
    .contact-us .box-opening-hours { margin-top: 20px; }
}
@media (max-width: 1182px) {
    #basket-container .row-fluid a { margin-top: 20px; }
    #basket-container { margin-bottom: 10px; }
    .how-im-ordering { margin-bottom: 35px !important; } 
    .carousel-caption .caption-inner2 { margin-top: -9% !important; }
}
      
@media (max-width: 979px) {
    #logo { position: absolute; left: 30px; }
    #logo img { max-height: 100px; }
    header .navbar .btn-navbar { position: absolute; right: 30px; top: 60px; padding: 8px 13px; }
    .nav-collapse { background-color: #d9a31d; margin-top: 125px; width: 100%; box-shadow: rgb(0, 0, 0) 2px 2px 10px !important;}
    .nav-collapse .nav>li { /*padding: 7px !important;*/ margin-right: 0px !important; }
    .nav-collapse li a { text-align: center; color: #FFFFFF !important; font-size: 16px; }
    .nav-collapse li.dropdown.open>.dropdown-toggle { background: #faefde !important; color: #165857 !important; text-decoration: none; }
    header .navbar .nav li.dropdown.open>.dropdown-toggle:focus { color: #1c5756 !important; }
    /*.nav-collapse li.dropdown>.dropdown-toggle .caret { border-top-color: #205b5a !important; }*/
    .navbar .nav>li>a:focus, .navbar .nav>li>a:hover { text-decoration: none; }
    header .navbar .nav li.dropdown.active>.dropdown-toggle { background: #faefde; color: #1c5756 !important; }
	header .navbar .nav li.dropdown.active>.dropdown-toggle .caret { border-top-color: #1c5756; !important; }
    #opening-status { margin-left: 0px !important; background-color: #0b2c2b; }
    .nav-collapse .open>.dropdown-menu { background-color: #faefde; width: 100%; margin: -2px auto 0px; } 
    .nav-collapse .open>.dropdown-menu li a { color: #0e5959 !important; }
    
    header .navbar .nav li.dropdown.open>.dropdown-toggle,
	header .navbar .nav li.dropdown.open>.dropdown-toggle:focus,
    header .navbar .nav li.dropdown.open.active>.dropdown-toggle { color: #1c5756 !important; }
    
    .column_slideshow { margin-top: -160px; }
    .carousel-caption { margin-top: 22%; }
    .carousel-caption h2 { font-size: 38px; }
    
    #home-grid .left-half { padding-right: 20px; }
    #home-grid h2 { font-size: 30px; margin-top: 0px; margin-bottom: 10px; }
    #home-grid p { margin-bottom: 10px; line-height: 20px; }
    #home-grid .btn { padding: 15px 22px; font-size: 13px; }
    
    /*Need this to un-center the mobile menu*/
    header .navbar-inner .container { /*display: block;*/ margin-top: 15px; } /*DISPLAY BLOCK HERE IS MESSING UP FIREFOX HEADER AT LOW WIDTHS (AND IE)*/
    
    .page_contact-us .row-fluid .span8 .well { margin-bottom: 22px; }  
    .contact-us .box-opening-hours { margin-top: 22px; }
    #responsive-food-menu.affix-top button { height: 45px; }
    #responsive-food-menu.affix .icon-search { margin-top: 12px; }
    #responsive-food-menu.affix-top .icon-search { margin-top: 15px; }
    .page_members #frmRegister legend, .page_members #frmLogin legend { font-size: 18px; }
    .page_members .sidebar-nav { margin-bottom: 25px; }
} 

@media (max-width: 767px) {
    header { height: 300px; }
    .nav-collapse li a { font-size: 18px; /*padding: 0px !important;*/ }
    
    .carousel-caption { position: relative; margin-top: 0px; background: #000000; }
    .carousel-caption h2 { font-size: 25px; }
    .carousel-caption .caption-inner { max-width: unset; text-align: center; float: unset; }
    
    .mod_postcode_box { width: auto; }
    .mod_postcode_box .lead { font-size: 28px; }
    
    #home-grid { padding-top: 50px; padding-bottom: 50px; }
    #home-grid .left-half { margin-bottom: 40px; text-align: center; padding-right: 0px; }
    #home-grid .left-half .btn { margin: auto; display: block; margin-bottom: 20px; /*font-size: 22px;*/ width: 300px; padding: 20px 10px; }
    #home-grid p { margin-bottom: 30px; }
    
    #pre-footer img { float: unset; margin: auto; display: block; padding-top: 100px; }
    #pre-footer2 img { float: unset; margin: auto; display: block; padding-top: 90px; }
    
    /*.page_members #body { padding-top: 0px; }*/
    /*.page_members #frmLogin { margin-top: 50px; }*/
    .page_members .span3 .btn-success { margin-bottom: 50px; /*max-width: 300px;*/ padding: 20px; display: block; margin-left: auto; margin-right: auto; font-size: 22px;}
    .page_members .sidebar-nav { margin-bottom: 50px; }
    
    .page_book-a-table .btn-parimary { margin-top: 30px !important; }
    .page_book-a-table .mod_table_reservation_v1 { max-width: 400px; margin: auto; }
    
    .contact-us .box-contact-information { margin-top: 22px !important; }
    .contact-us .ui-widget { border-bottom: none; }
    .page_members #frmRegister, .page_members #frmLogin { border-bottom: none; }
    .copyright, .cards, .vendor-zpos, .vendor-eposnet { text-align: center; display:block !important; margin-bottom: 30px; }
    #pre-footer2 img { display: none !important; }
    .carousel-caption .caption-inner2 { margin-top: 0% !important; }
    .slideOffer h2 { color: #FFFFFF; font-size: 40px !important; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOffer h3 { color: #FFFFFF; font-size: 30px !important; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOffer h4 { color: #FFFFFF; font-size: 20px !important; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOfferSpan { background-color: #088425; width: 100%; padding: 8px 18px; font-size: 20px !important; }
	.slideOffer h5 { color: #FFFFFF; font-size: 12px !important; line-height: 110%; font-weight: normal !important; padding-top: 15px; }
}


@media (max-width: 480px) {
    #logo img { max-height: 75px; }
    header .navbar .btn-navbar .icon-bar { width: 25px; height: 2px; }
    header .navbar .btn-navbar { top: 50px; }
    .nav-collapse { margin-top: 100px; }
    .nav-collapse li a { /*font-size: 16px !important;*/ }
        
    .carousel-caption h2 { font-size: 18px; line-height: 110%; }
    .carousel-caption p { font-size: 12px; }
    
    #mod_postcode_box_pc { margin-right: 0px; }
    .mod_postcode_box .btn-group { display: block; margin-left: 0px; }
    .mod_postcode_box .btn-group, .mod_postcode_box .btn-group .btn { width: 200px; }
    .mod_postcode_box .dropdown-menu { width: 200px; }
    .mod_postcode_box .btn { margin-left: 0px !important; }
    
    #home-grid { padding-bottom: 0px; }
    #home-grid .left-half .btn { /*font-size: 18px;*/ width: 200px; }
    #home-grid h2 { font-size: 20px; }
    
    #responsive-food-menu .btn-navbar.btn-primary { font-size: 10px; }
    #responsive-food-menu .brand { font-size: 16px; padding-top: 14px; }
    
    .carousel-control { display: none; }
    .website-image img { max-width: 270px !important; }
    .mod_postcode_box .col3 { padding-left:10px; padding-right: 10px; }
    
    .slideOffer h2 { color: #FFFFFF; font-size: 40px !important; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOffer h3 { color: #FFFFFF; font-size: 30px !important; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOffer h4 { color: #FFFFFF; font-size: 20px !important; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOfferSpan { background-color: #088425; width: 100%; padding: 8px 18px; font-size: 20px !important; }
	.slideOffer h5 { color: #FFFFFF; font-size: 12px !important; line-height: 110%; font-weight: normal !important; padding-top: 15px; }
    .carousel-caption .caption-inner2 { margin-top: 0% !important; }
}

.dineindeal{
    display: none;
}
@media (max-width: 969px) and (min-width: 769px) {
    .slideOffer h2 { color: #FFFFFF; font-size: 40px; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOffer h3 { color: #FFFFFF; font-size: 30px; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOffer h4 { color: #FFFFFF; font-size: 20px; line-height: 110%; font-weight: normal !important; text-decoration: uppercase; }
	.slideOfferSpan { background-color: #088425; width: 100%; padding: 8px 18px; font-size: 20px; }
	.slideOffer h5 { color: #FFFFFF; font-size: 12px; line-height: 110%; font-weight: normal !important; padding-top: 15px; }
	.carousel-caption .caption-inner2 { max-width: 1170px; text-align: center; text-shadow: 3px 3px 5px rgba(0,0,0,0.42); margin-top: -10% !important; }
    
}

      
/*----------MEDIA QUERY FIXES TO BE APPLIED TO ALL ZFOOD------------*/
      
@media (max-width: 979px) {
    .page_menu .menu-selection .alert {
        margin: 20px 0px;
        padding: 0px;
    }
    .page_menu .menu-selection h1 {
        text-align: center;
        margin-top: 10px;
    }
    .page_menu .menu-selection .well {
     	margin-bottom: 0px;   
    }
    
        .btn-slide .slideOfferSpan {
		font-size: 30px !important;
        padding: 4px 9px;
    }
    
    .slideOffer h3 {
		margin: 0 auto;
    }

}
      
@media (max-width:767px) {
 	/* Makes menu on mobile not have massive gap on left*/
	.menu-container .ui-tabs-vertical .ui-tabs-panel {
 		width: 100% !important;
	}   
    .row-order-complete- .span12{
        padding: 20px;
    }
    .dineindeal{
    display: block;
}
    
}       

#tripadvisor, #tripadvisor2 {
 	margin: auto;
    display: block;
    max-width: 500px;
}
#TA_rated871 {
    max-width: 170px;
    margin: auto;
    margin-bottom: 20px;
}
#TA_cdsscrollingravewide587 {
    max-width: 470px;
    margin: auto;
}
#CDSSCROLLINGRAVE.cx_brand_refresh1.border {
 	width: 100%;
    max-width: 300px;
    margin: 0px auto;
}
#CDSWIDWRL {
    margin: 0px auto !important;
}


.reservationalert h2 {
 	color: #FFFFFF;   
}

.btn-slide {
    padding: 0;   
	background: #088425;
}

.btn-slide:hover,
.btn-slide:focus {
 	padding: 0;   
    background: #076d1f;
}
.btn-slide h3,
.btn-slide h3:hover,
.btn-slide h3:focus {
 	margin: 0 auto;   
}

.btn-slide h3 {
	padding: 10px 5px;
}

.btn-slide .slideOfferSpan {
 	background: none;   
    font-size: 40px;
}


.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%;
	}
}
.persianNewYear {
	background: transparent !important;
}
.persianNewYear h2 {
	color: #fff;
	font-size: 50px;
	margin-bottom: 30px;
	line-height: 110%;
}
.persianNewYear span {
	color: #00A693;
    border: solid #00A693;
	padding: 11px 17px;
}
.persianNewYear h3 {
	color: #F77FBE;
	font-size: 24px;
}
.persianNewYear small {
	color: #B7B6B7;
	font-size: 14px;
}
.persianMessage {
    padding: 30px;
    text-align: center;
}
@media (max-width: 480px) {
    .persianNewYear {
        margin-top: 30px;   
    }
}

.delivers_0 .box-delivery-information {
    display: none;
}