@import url(https://fonts.googleapis.com/css?family=Quicksand|Quicksand|Quicksand|Quicksand|Great+Vibes);

body .visible-bath { display:none !important; } 
body .hidden-bath { display:inherit !important; } 
body.shop_bath .hidden-bath { display:none !important; }
body.shop_bath .visible-bath { 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: #902832;
	font-family: 'Quicksand';
	font-size: 14px;
	font-weight: normal;
}
h1 {
	font-family: 'Quicksand';
}
h2 {
	color: #902832;
	font-family: 'Quicksand';
}
h3 {
	font-family: 'Quicksand';
}
h4 {
	font-family: 'Great Vibes';
}
body {
	background-color: #902832;

	background-image:none;

	background-attachment: scroll;
}

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

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

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

-/*------------------SITE BACKGROUND COLORS/IMAGES-------------------*/

body {}
body.page_home { }

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

header { 
    background-image: url(/myimages/822/zpos-bg-diana_headerother.jpg); 
    background-size: cover; 
    background-position: 0px 0px; 
    height: 220px; 
         -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; 
    border-bottom:10px solid #d1b868;
}

.home header {
    height:400px;
    background-position: 0px -350px; 
    background-image: url(/myimages/822/zpos-bg-diana_slide1.jpg); 
    border-bottom:0px;
}
.page_home header { background-image: none; background: transparent; height: unset; }

.inner-wrapper {}

#body { padding: 40px 0px; background-color: #faefde; }
.home #body {  max-width: none; width: 100%; padding-top: 0px !important;padding: 80px 0px;  }
#body-container { background-color: #faefde; }


.modal-body h4 .name, h4{
    font-family:'Quicksand', sans-serif;
}

/*--------------------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: #902832;
    color: #FFFFFF;
}

.lead {
    font-weight: 500;
}
.rating-row small.muted {
    color: #000;
    font-weight: 500;
}
/*---GREEN BACKGROUND HOVER---*/

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

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

em { color: inherit;}

.btn-success,.alert-success, .label-success, .badge-success { background: #2c9145; }
.btn-success:hover, .btn-success:focus { background: #1a672d; }
.text-success { color: #2c9145; }

.btn-primary,.alert-primary, .label-primary, .badge-primary { background: #4686ae; }
.btn-primary:hover, .btn-primary:focus { background: #1d4979; }
.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: #cd111e; }
.btn-danger:hover, .btn-danger:focus { background: #9e0c16; }
.text-danger, .text-error { color: #cd111e; }

.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 {
    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
{
    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: #d1b868; color: #fff; opacity: 1; }
.modal-body { background: #fff; }

/*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: #d1b868; color: #FFFFFF; }
.btn-default:hover, .btn-default:focus { background: #c1992d; color: #FFFFFF; }

.btn-alternate { background: #902832; color: #FFFFFF; }
.btn-alternate:hover, .btn-alternate:focus { background: #6f1921; color: #FFFFFF; }    

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

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

.well { border: 2px solid #902832; background: #d1b868; color: #FFFFFF; }
.well h2 { color: #FFFFFF; }
.well .control-label, .well .controls, .well .control-group small { color: #FFFFFF; }
.well legend { background-color: #902832; 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: #902832;
    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: #902832 !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: 500; }

/*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: #902832 !important; }

header .navbar .nav li.dropdown.active>.dropdown-toggle,
header .navbar .nav>.active>a, 
header .navbar .nav>.active>a:hover, 
header .navbar .nav>.active>a:focus,
 .menu .navbar .nav li.menu > a{ background: #faefde; color: #902832 !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: #902832; color: #FFFFFF !important; }






/*Style the menu dropdown*/
header .dropdown-menu{ border:0; background: #902832; }
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: #902832 !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: #902832;
}*/

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



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

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

#pre-footer { height: 500px; }
#pre-footer img { z-index: 1; position: relative; /*float: right;*/ margin-top: 100px; }

footer { background-color: #902832; margin-top: 0px;}
footer .row-fluid { padding: 30px; width: auto; }
.label-copyright { color: #FFFFFF; font-weight: 500; }
.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: 525px; float: left; }


.carousel-caption h2 { color: #FFFFFF; font-size: 80px; line-height: 110%; font-weight: normal !important; }
.carousel-caption h3 { 
    color: #d1b868; 
    font-size: 80px;
    line-height: 110%; 
    font-weight: normal !important; 
    font-family:'Great Vibes', sans-serif;
}

.carousel-caption p { color: #FFFFFF; }
.carousel { margin-bottom: 0px; }

/*---POSTCODE---*/
.mod_postcode_box .dropdown-menu{ border:0; width: 363px; }
.mod_postcode_box { 
    background-color: transparent; 
    text-align: center; 
    width: 100%;
    padding: 0px;
    margin: auto; 
    border: none; 
}
#postcode-wrapper { background: #902832; z-index: 1; position: relative; padding: 40px 0px 20px; }
.mod_postcode_box .lead {
    font-size: 50px;
    line-height: 60px;
    color:#fff;
}
.mod_postcode_box small {
    font-size: 100%;
}
#mod_postcode_box_pc { width: 200px; margin-right: 15px; background: #faefde; }
#mod_postcode_box_pc::placeholder { color: #902832; padding-top:10px; font-weight: 500; }
.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; 
    font-family: 'Quicksand', sans-serif;
    font-size:20px;
}

/*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: 120px; margin: 30px auto 10px; }
.home_social a, .home_social a:hover, .home_social a:focus { 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: 40px; }

/*---CUSTOM BITS---*/
#home-grid { 
    /*padding: 80px 0px 120px;*/
        padding: 80px 0px 10px;
}
#postcode-wrapper{
    border-bottom: 30px solid #d1b868;
}
#home-grid h2 { 
    font-size: 45px; 
    letter-spacing: 2px; 
    line-height: 140%; 
    margin-bottom: 25px; 
    font-weight: normal; 
}
#home-grid h2 strong {
    font-size:65px;
}
#home-grid .left-half { padding-right: 80px; }
#home-grid p { 
    line-height: 25px; 
    margin-bottom: 20px;
        font-weight: 500;
}
#home-grid .btn { 
    margin-top: 20px; 
    margin-right: 15px; 
    padding: 20px 30px; 
    font-size: 18px; 
    font-weight: 600;
}
#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: 100%;  }

/*Style the 'add' buttons on food menu*/
/*.page_menu .row-product .btn-success { background: #d1b868; 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: #902832; 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; }

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

/*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: #902832; 
    text-align:left !important;
}
.how-im-ordering .tooltip { /*font-size: 16px;*/ }
.how-im-ordering small { color: #d9a31d; font-weight: 400; }  

/*---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-bottom: 0px; }
.menu-container .navbar-affix-container .navbar-inner { border: none; }
      
#responsive-food-menu { background-color: #902832; }
#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 #902832; }
#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: 15px; }


/*---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: #902832; 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; }

.page_menu .modal-footer h3 .muted {
    color:#fff;
    font-size:16px;
}

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

/*Dropdowns in modal*/
#editProductModal fieldset .btn-group>.dropdown-toggle, 
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle { background-color: #d1b868; 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: #c1992d;}

#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: #902832 !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; background: #902833; }

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

.popover .popover-title { background: #902832; color: #FFFFFF !important; font-size: 16px !important; }
.popover .popover-content { color: #902832; }
 
/*---------------------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: #902832;}
.trigger-paymentmethod .btn { background: transparent; }
.trigger-paymentmethod .btn.active { background-color: #902832; }
.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: #902832; 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;}*/

.loyaltypoints_box{
    background: #902832 !important;
}
.loyaltypoints_box .row-credits .well {
    color: #000;
    border-color: #000 !important;
}
.loyalty-value.text-success .text-warning, .loyalty-label.text-warning{
    color: #468847;
}
.span3.col4 .loyalty-label.text-warning{
    color: #b94a48;
}
.loyaltypoints_box .ui-widget-header {
    border: 1px solid #000000;
    background: #000000;
    color: #ffffff;
}
.loyalty-card {
    background: #ffde00;
    border: 0px;
}
.loyalty-card>div.col1 .loyalty-label {
    text-shadow:none;
}
.loyalty-caption {
    background: rgb(0, 0, 0);
    color: #ffffff !important;
    border: 5px solid #e21b22 !important;
}
.text-error {
    color: #d40400;
}
.loyalty-caption .text-warning {
    color: #ffffff;
}
.loyalty-card>div.col3, .loyalty-card>div.col4 {    
    border: 3px solid #ffffff;
}
.loyalty-value.text-success .text-warning, .loyalty-label.text-warning,
.text-success{
    color: #17c51a;
}
.loyaltypoints_box .btn-link {
    color: #ffffff;
}

   
/*----------------------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: #902832; color: #FFFFFF !important;}  
.page_members .sidebar-nav small { /*color: #ab5151;*/ color: red; }
.page_members .span3 .btn-success {  border: 2px solid #902832 !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: #902832 !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: #902832; }

/*My Orders*/
.section-my-orders .ui-widget-content { background: none;   }
.section-my-orders .ui-widget-header { background-color: #902832; }
.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: #902832; color: #FFFFFF; border: none; }
.contact-us .ui-widget-content a { color: #FFFFFF; }
.contact-us .ui-widget-content h4 {font-family:'Quicksand', sans-serif;}
/*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: #902832; text-align: center; font-size: 32px; }
.page-review-order { background: transparent !important }
.page_review-order textarea { font-family: 'Muli'; }
.page_review-order .rating-row > tr:nth-child(1) > td:nth-child(1) { display: none; }

/*----------------------- 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: #902832;}

.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: #902832; }
.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; }


.page_menu .ui-tabs-vertical .tb-nav-tabs { 
    border: none;
}
/*Style the category description*/
.page_menu .cat-desc { 
    background: #902832; 
    border: none; 
    color: #848484; 
    padding: 20px;
}
.page_menu .row-product .description, .page_menu .row-product .price { 
    font-size: 16px;
}
.page_menu .row-product small{
    font-size:14px;
}
.page_menu .row-product .name{
    font-size:18px;
}

.page_menu .ui-tabs {
    border: none !important;
}

.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
.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: #d1b868;
    color: #fff !important;
    border-right-width: none !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #902832;
    border: none;
}
.page_menu .ui-tabs .ui-tabs-nav li:hover,
.page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #d1b868;
}
.page_menu .ui-tabs .ui-tabs-nav li a {
    color: #FFFFFF;
}
.page_menu .ui-widget-header {
    background: none;   
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #d1b868; 
    color: #FFFFFF;
    border-right-width: none !important;
}
.contact-us .ui-widget-header {
    border: 0px;
    background: #d1b868 !important;
    color: #902832;
}
.ui-widget-content a {
    color: #ffffff;
}
.ui-widget.box-opening-hours {
    margin-top:20px !important;
}
      
/*---------------------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, .mod_table_reservation_v1 { padding-left: 30px; padding-right: 30px; }
    #logo { margin-right: 40px; }
    .carousel-caption h3{display:none;}
    #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; }
    #home-grid h2 strong {
        font-size: 45px;
    }
    #home-grid .btn {
        margin-top: 3px;
        margin-right: 15px;
        padding: 15px 16px;
        font-size: 18px;
        font-weight: 600;
    }
    .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; } 
}
      
@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: #d1b868; 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: #902832 !important; text-decoration: none; }
    header .navbar .nav li.dropdown.open>.dropdown-toggle:focus { color: #902832 !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: #902832 !important; }
	header .navbar .nav li.dropdown.active>.dropdown-toggle .caret { border-top-color: #902832; !important; }
    #opening-status { 
        margin-left: 0px !important; 
    }
    .nav-collapse .open>.dropdown-menu { background-color: #faefde; width: 100%; margin: -2px auto 0px; } 
    .nav-collapse .open>.dropdown-menu li a { color: #902832 !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: #902832 !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; }
    .carousel-control {
        font-size: 60px;
        top: 94%;
    }
    .carousel-caption h3 {
        display: block;
        font-size: 40px;
    }
    .carousel-caption {
        margin-top: 15%;
    }
    .mod_postcode_box .lead {
        font-size: 36px;
        line-height: 30px;
        color: #fff;
    }
} 

@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: #540f15; }
    .carousel-caption h2 { font-size: 25px; }
    .carousel-caption .caption-inner { max-width: unset; text-align: center; float: unset; }
    .carousel-control {
        font-size: 60px;
        top: 44%;
    }
    .mod_postcode_box small {
        font-size: 80%;
    }
    .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; }
    #postcode-wrapper {
        border-bottom: 10px solid #d1b868;
        background: #902832;
        padding: 20px 0px 0px;
    }
    /*.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; }
    #home-grid {
        padding: 10px 30px;
    }
    body:not(.home) #body {
        padding: 0 10px;
    }
}


@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: 20px; line-height: 110%; }
    .carousel-caption p { font-size: 14px; }
    
    #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; }
    .home p {
        margin: 0px 0;
    }
    .mod_postcode_box .lead {
        font-size: 22px;
        margin-bottom:10px;
    }
    #mod_postcode_box_pc, .mod_postcode_box .btn {
        height: 50px;
        font-family: 'Quicksand', sans-serif;
        font-size: 18px;
        line-height: 75%;
    }
    #home-grid h2 strong {
        font-size: 30px;
    }
    header {
        height: 120px;
    }
    #body {
        padding: 10px 0px;
    }
    .how-im-ordering {
        margin-bottom: 0px !important;
    }
    .page_book-a-table .mod_table_reservation_v1 .controls-row [class*="span"] {
        float: unset;
        width: 100% !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;   
    }
}
      
@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;
    }
}


.menu-container-luggage-storage #menu-search-box,
.menu-container-luggage-storage .hidden-luggagestorage,
.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ { display:none !important; }

.page_menu .menu-container-luggage-storage .ui-tabs-vertical .image_top {
    margin: 0px auto 10px auto;
}

    
.page_menu .menu-container-luggage-storage .ui-tabs-vertical .image_top,
.menu-container-luggage-storage #ui-tabs-1 { width:100% !important; max-width:100%; }
.menu-container-luggage-storage .cat-desc {
    padding:10px;
    font-size:18px;
}
.menu-container-luggage-storage .row-product {
    border-bottom: 1px dashed #ccc;
    padding-top: 13px;
    padding-bottom: 15px;
}

/*CSS TO ADD*/
/**ACCORDION****/
.tb-nav.tb-nav-tabs ,
.brand, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel { width:100% !important; }
.accordion-inner { padding: 15px 30px; }
.accordion-inner { background: transparent; }
.accordion-inner .row-product { padding-top:10px; padding-bottom:10px; }
#menu-accordion .ui-widget-header { background:none; border:none; }
.accordion-body { background:#fff; }
.accordion-group { border:none; margin-bottom:0px; }
.accordion-toggle {
    border-radius: 2px !important;
    background-color: #a0323c;
    text-align:center;
    border: 1px solid #b93845 !important;
}
.accordion-body {
    border-radius: 0px !important;
    background-color: #fff;
}
.active-toggle,
.accordion-toggle:hover,
.accordion-toggle:active,
.accordion-toggle:focus {
    background:#8e2831 !important;
    color:#fff !important;
}
.active-toggle h3,
.accordion-toggle:hover h3,
.accordion-toggle:active h3,
.accordion-toggle:focus h3 {
    color:#fff;
}
.accordion-toggle .fa { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel,
.ui-tabs-menu,
#ui-tabs-1 { padding:0px !important; border:none;}
.ui-tabs-menu { background: none !important; border: none !important; }
.ui-tabs-menu h3 { font-size:20px; }
.loading { text-align:center; }
.loader {
	color: #E32425 !important;
    font-size:65px;
    margin:0 auto;
    padding:35px;
    text-align:center;
}
#responsive-food-menu
.ui-tabs-menu { opacity:0; }
.minus,.plus { line-height:40px;float:right; color:#fff; font-weight:bold; }
.accordion-heading h3 .fa { float: right; line-height: 40px; }
#responsive-food-menu {
	border-radius: 10px !important;
}
.navbar-affix-container {
    margin-bottom: 10px !important;
}
#responsive-food-menu.navbar {
    padding-bottom: 7px !important;
}
#menu-accordion .cat-desc {
    border: 1px solid #fff;
    background: #F7BF29;
    color: #444;
    padding: 10px 20px;
}  

/*REMOVE FOOD IN LUGGAGE STORAGE MENU*/
.menu-container-luggage-storage .accordion-group {
    display: none;
}
.menu-container-luggage-storage .accordion-group:nth-child(1) {
    display: block !important;
}