@import url(https://fonts.googleapis.com/css?family=Passion+One|Passion+One|Passion+One|Passion+One);

body .visible-barking, body .visible-barkingside, body .visible-chadwellheath, body .visible-eastham, body .visible-edinburgh, body .visible-forestgate, body .visible-gantshill, body .visible-grays, body .visible-greenstreet, body .visible-ilfordlane, body .visible-leytonstone, body .visible-peterborough, body .visible-rainham, body .visible-sevenkings, body .visible-sheffield { display:none !important; } 
body .hidden-barking, body .hidden-barkingside, body .hidden-chadwellheath, body .hidden-eastham, body .hidden-edinburgh, body .hidden-forestgate, body .hidden-gantshill, body .hidden-grays, body .hidden-greenstreet, body .hidden-ilfordlane, body .hidden-leytonstone, body .hidden-peterborough, body .hidden-rainham, body .hidden-sevenkings, body .hidden-sheffield { display:inherit !important; } 
body.shop_barking .hidden-barking, 
body.shop_barkingside .hidden-barkingside, 
body.shop_chadwellheath .hidden-chadwellheath, 
body.shop_eastham .hidden-eastham, 
body.shop_edinburgh .hidden-edinburgh, 
body.shop_forestgate .hidden-forestgate, 
body.shop_gantshill .hidden-gantshill, 
body.shop_grays .hidden-grays, 
body.shop_greenstreet .hidden-greenstreet, 
body.shop_ilfordlane .hidden-ilfordlane, 
body.shop_leytonstone .hidden-leytonstone, 
body.shop_peterborough .hidden-peterborough, 
body.shop_rainham .hidden-rainham, 
body.shop_sevenkings .hidden-sevenkings, 
body.shop_sheffield .hidden-sheffield { display:none !important; }
body.shop_barking .visible-barking, 
body.shop_barkingside .visible-barkingside, 
body.shop_chadwellheath .visible-chadwellheath, 
body.shop_eastham .visible-eastham, 
body.shop_edinburgh .visible-edinburgh, 
body.shop_forestgate .visible-forestgate, 
body.shop_gantshill .visible-gantshill, 
body.shop_grays .visible-grays, 
body.shop_greenstreet .visible-greenstreet, 
body.shop_ilfordlane .visible-ilfordlane, 
body.shop_leytonstone .visible-leytonstone, 
body.shop_peterborough .visible-peterborough, 
body.shop_rainham .visible-rainham, 
body.shop_sevenkings .visible-sevenkings, 
body.shop_sheffield .visible-sheffield { 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: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
h1 {
	font-family: 'Passion One';
	font-weight: normal;
}
h2 {
	font-family: 'Passion One';
	font-weight: normal;
}
h3 {
	font-family: 'Passion One';
	font-weight: normal;
}
h4 {
	font-family: 'Passion One';
	font-weight: normal;
}
body {
	background-color: #000000;

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

	background-attachment: fixed;
	background-size: auto;
}

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

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

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

/**-------------------- GLOBAL --------------------------**/
.alert-offer-pm small { 
    font-size:60%;
    opacity:0.8;
}
.alert-offer-pm strong { 
    font-size:120%;
}
#container-category-4427 .lead.cat-desc {
 	display: none;   
}

.shop_forestgate #container-category-4427 .lead.cat-desc {
	display: block;
}
.shop_barkingside #container-category-23565,
.shop_barkingside #container-category-23566,
.shop_barkingside #container-category-23468 {
    display: none;
}
body {
    padding-bottom:0;
}
.shop_peterborough #container-category-23567, 
.shop_peterborough #container-category-23568,
.shop_peterborough #container-category-23569,
.shop_peterborough #container-category-23570,
.shop_peterborough #container-category-23468,
.shop_sevenkings #container-category-23565,
.shop_sevenkings #container-category-23566{
    display: none;
}
.shop_chadwellheath.delivers_0 .mod_postcode_box {
    display: none;
}
.shop_sevenkings.delivers_0 .box-delivery-information,
.shop_sevenkings.delivers_0 .mod_postcode_box {
    display: none;
}

.shop_sheffield #frmRegister hr { display:none !important; }
#container {
    background: none;
    padding: 0;
}
header {
    padding: 20px 0px 20px;
    background:none;
}
.home header {
    padding: 30px 0px;
}

.well {
    background:#0c0c0c ;
    border:none;
    border: 2px dashed #d61a0c;
}

a, a:hover, a:focus{
    color:#d61a0c;
}

* {
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: normal;
    border-radius: 0 !important;
}

.members #body, .contact-us #body {
    margin-top:20px;
}
.navbar .nav>li.catering {
    display: none;
}
/*.shop_rainham .navbar .nav>li.catering  {
    display: block !important;
}*/
.shop_rainham .navbar .nav>li>a {
    font-size: 29px;
}

.social_media_links  { 
   margin:0 auto; 
   padding:10px 0; 
   text-align:center; 
} 
.social_media_links img,
.social_media_links img:hover { 
    max-width:45px;
    box-shadow: none;
} 
.social_media_links small {
    display:none;
} 
.social_media_links a { 
   background-color: transparent; 
   background: none !important; 
   border: none !important; 
   box-shadow: none; 
   padding:0px; 
   width:55px !important; 
}
.social_media_links .btn:hover {
    background:none !important;
}

/**-------------------- FONTS --------------------------**/
/*-----font weights------*/
/*.col.col3 small.muted, .mod_postcode_box .dropdown-menu>li>a, .contact-us .ui-widget-content h4{
    font-weight:700;
}
a#opening-status,
.navbar .nav>li>a, .CLintro h3,
.discloyalty h3,
.menu-selection .alert h3{
    font-weight: 600;
}*/
.darkblue .btn-danger,
.home .btn-warning,
.loyaltyhome .btn-warning, .loyaltymenu .btn-warning, .description.decription h3,
.dischome .btn-primary, .page_menu .ui-tabs .ui-tabs-nav li a,
.navbar .brand, .checkout h5, .checkout h4, 
.uk-text-contrast, .uk-h2, .members legend, .loyaltymenu h3{
    font-weight:500;
}

a#opening-status,
.navbar .nav>li>a,
.mod_postcode_box input, .mod_postcode_box .btn,
.CLintro h3, .discloyalty h3,
.menu-selection .alert h3, #basket-container h3,
.page_menu .ui-tabs .ui-tabs-nav li, .description.decription h3,
.navbar .brand, .modal-header h3,
.modal .btn, .checkout h5, .checkout h4, .uk-text-contrast, .uk-h2,
.members legend, .contact-us .ui-widget-header, .contact-us .ui-widget-content h4,
.modal-body .media-heading span.name{
    text-transform:uppercase;
}
header .dropdown-menu,
.navbar .nav>li>a small,
.mod_postcode_box .dropdown-menu a,
.span6.CLintro, .span6.discloyalty, .loyaltymenu{
    text-align:center;
}
/*-----font colours------*/
/*red*/
p.lead.col.col1 h3,
.dbluemid h2, .loyaltymenu h2,
 .hero-unit a,
span.red, .description.decription h3{
    color:#d61a0c;
}
/*gold*/
.loyaltyhome h2,
.dischome h3,
footer a, footer a:hover,
footer a:focus{
    color:#c9a74d;
}

/*dark grey*/
.darkblue .btn-danger, .page_menu .ui-widget-header,
.home .btn-warning, .members .sidebar-nav a, 
legend, .loyaltymenu .btn-warning,
.checkout>.modal h5{
   color:#111111 !important;
}

/*white*/
p.lead.col.col1 h2,.CLintro h3,
.col.col3 small.muted,
.CLintro p,
.dischome .btn.btn-primary,
.navbar .brand, em, .members .sidebar-nav .nav-header,
.page_menu .ui-tabs .ui-tabs-nav li a, .hero-unit,
.modal-header h3, #responsive-food-menu .btn-primary a,
.label-copyright, .members legend,
.dischome h2, .menu-selection .alert h3,
.how-im-ordering h2, .how-im-ordering .alert h2{
    color:#FFF;
}
/*red*/

.btn-navbar .text-info,
.uk-offcanvas-bar .btn, .members .btn, .mod_postcode_box span.text{
    color:#fff;
}
.text-center.uk-text-center.alert.alert-error.well-large{
        color: #b94a48;
}
.alert.alert-error .btn {
    background: #b94a48;
}

/*-------fonts--------*/
/*TEKO*/
a#opening-status,
.navbar .nav>li>a,
.loyaltyhome .btn-warning, .loyaltymenu .btn-warning,
.dischome .btn-primary, .members legend,
.page_menu .ui-tabs .ui-tabs-nav li,
.navbar .brand, .checkout h5, .checkout h4,
.branchhome h2, .how-im-ordering h2{
    font-family:'Passion One', sans-serif;
    font-weight:normal;
}
.branchhome h2 {
    text-transform:uppercase;
}
/*La Belle*/
p.lead.col.col1 h2, h2,
.navbar .nav>li>a small{
    font-family: 'la_belle_auroreregular';
    font-weight: normal;
}
.input-append, .input-prepend{
    font-weight: normal;
}
.modal .btn, .uk-offcanvas-bar .btn, .lead,
.checkout .btn, #responsive-food-menu .btn-primary, .members .btn,
.btn, button, .darkblue .btn-danger, 
.home .btn-warning,
.loyaltyhome .btn-warning{
    font-family: 'Spartan', sans-serif;
}
/**-------------------- DISPLAY NONE --------------------------**/
.ct_phone,
.home h1,
#body-bottom-hr,
.home .well-small, 
.home-about,
.home .bgbar,
.bgsmall, .menu-selection h1,
.contact-us h1, .checkout h2, .carousel-caption,
.information .page-header, #frmProceed .success span{
    display:none;
}

#logo img {
    max-height: 135px;
}
.home #logo img {
    max-height: 175px;
}
/**-------------------- NAV --------------------------**/
.navbar-inner small, .navbar-inner small:hover, .navbar-inner small:focus {
    font-size: 12px;
    display: block;
    line-height: 1;
    color: #a7a6a5;
}

a#opening-status{
    float: right;
    padding: 4px 10px 1px 10px;
    font-size: 23px;
    color:#FFF !important;
}
a#opening-status:hover{
    text-decoration:none;
}
a#opening-status.status-CLOSED{
    background: #cc0000;
}
a#opening-status.status-OPEN{
    background: #01742f;
}

.navbar-inner {
    padding:0;
}
header .navbar-inner {
    border: 0px;
    background: none;
}
.navbar .nav {
    float: right;
    margin: 0px;
    border:0px;
}
/*normal nav*/
.navbar .nav>li>a {
    color: #fff;
    padding: 20px 0px 0px 0px;
    margin-left:30px;
    font-size: 35px;
}
.navbar .nav>li>a small{
    text-transform:none;
    font-size:20px;
    color:#979796;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, 
.navbar .nav>.active>a:focus, 
.navbar .nav>li>a:focus, .navbar .nav>li>a:hover, 
.navbar .nav li.dropdown.open>.dropdown-toggle, 
.navbar .nav li.dropdown.active>.dropdown-toggle, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #c9a74d;
    background: none;
}

.navbar .nav>.active>a small {
    color:#d61a0c;
}
.navbar .nav>li>a:hover small{
   color:#d61a0c;
}
.navbar .brand {
    margin-left:0px;
}
#opening-status {
    text-transform: none;
}
header ul.dropdown-menu {
    width: 90%;
    /* text-align: center; */
    margin-left: 30px;
}

/*dropdown large nav hover*/
header .dropdown-menu {
    border:0;
    background:#111111;
}
/*dropdown nav menu&ordering*/
header .dropdown-menu>li>a {
    color:#fff;
}
/*hover on dropdown options*/
.navbar .nav .dropdown-menu>li>a:hover,
.navbar .nav .dropdown-menu>li>a:focus {
    color:#fff;
    background:#d61a0c;
}

/*dropdown arrow*/
.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
    margin-top:18px;
}

/*dropdown whilst on hover*/
.navbar .nav li.active.dropdown>a .caret,
.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,
.menu .navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{
    border-top-color: #c9a74d;
    border-bottom-color: #c9a74d;
}


/**-------------------- HOME --------------------------**/
.span4.column_modules, .span8.column_slideshow, .shop_rainham #home_map {
    width:50%;
    margin:0px;
}
.span4.column_modules {
    padding-right:120px;
}
.home .span6.tl.ct_user_status,
.home .span6.tr.ct_local_branch_details{
    text-align:center !important;
    width:100%;
    margin:0px;
}
.home .span6.tl.ct_user_status small,
.home .span6.tr.ct_local_branch_details small {
    font-size:14px;
}

img.locationicon, img.membersicon {
    margin-right:10px;
}
.home .ct_details_bar{
    margin-top:10px;
}

/*
.home .row-fluid.main{
    margin-top: -20px;
}
*/

.branchhome h2,
.branchhome h3{
    margin:0px;
}
.branchhome h2{
    font-size: 45px;
    margin-bottom: 10px;
}

/**-------------------- POSTCODE --------------------------**/
.mod_postcode_box input, .mod_postcode_box .btn {  
    height: 50px;
    font-size: 27px;
    border-radius: 0 !important;
    margin-bottom: 0;
    width: 300px;
    box-shadow: none;
    border: none;
    font-family:'Passion One', sans-serif;
}
.mod_postcode_box input{
    margin-bottom:10px;
}
.mod_postcode_box input.span8{
    border:none;
    box-shadow:none;
    color: #777676;
    float: none;
}    
.mod_postcode_box > .input-append {
    width: 80%;
}
#mod_postcode_box_pc.span8{
    width: 100%;
    margin-bottom: 15px;
}	
.home .mod_postcode_box .input-append .btn,.home  .mod_postcode_box .input-append .btn-group{
    display: block;
    margin-left: 0;
    width: 100%;
}
p.lead.col.col1 h3{
    font-size:40px;
    font-weight:600;
}
p.lead.col.col1 h2{
    font-size:36px;
}
.well.alert-success.mod_postcode_box {
    background: #0c0c0c !important;
    border: 2px dashed #d61a0c;
    padding: 35px 20px;
    margin-top: 30px;
}
.col.col3 {
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
}
.col.col3 small.muted {
    font-size: 11px;
    line-height: 20px;
    font-weight: 300;
}

.mod_postcode_box .btn-group .caret {
    border-top: 4px solid #fff;
    margin-top: 14px;
}
.mod_postcode_box .btn-success, 
.mod_postcode_box .btn-success:hover, 
.mod_postcode_box .btn-success:focus {
    box-shadow:none;
    border:0px;
}
.mod_postcode_box .dropdown-menu {
    background:#d61a0c;
    width:100%;
    border:0px;
}

.mod_postcode_box .dropdown-menu>li>a {
    color:#fff !important;
}
.mod_postcode_box .dropdown-menu>li>a:hover,
.mod_postcode_box .dropdown-menu>li>a:focus {
    color:#fff !important;
    background:#111111;
}
.carousel-control {
    color: #fff;
    opacity: 1;
    border: none;
    background-color: #111111;
    top: unset;
    bottom: 16px;
    height: 36px;
    width: 36px;
    font-size: 38px;
    font-weight: 500;
    line-height: 34px;
}
.carousel-control:hover,.carousel-control:focus { 
    color: #d61a0c;
    opacity: 1;
}
.carousel-control.left {
    right: 117px;
    left: unset;
}
.carousel-control.right {
    right: 75px;
    left: auto;
}

.row-fluid.darkblue{
    background: #111111;
    margin-top: 150px;
    height: 350px;
    
}
.span6.tandimg{
    margin-top: -130px;
}
.span6.tandimg img:hover,
.span6.biryaniimg  img:hover{
    transform: rotate(3deg);
    transition: 0.5s ease-in-out;
    
}
.span6.CLintro{
    padding:20px;
}
.dbluemid h2,
.dischome h2,
.loyaltyhome h2{
    font-size: 60px;
}
.dbluemid h2{
    margin-top: 30px;
}
.CLintro h3, .discloyalty h3{
    font-size: 30px
}
.CLintro p, .discloyalty p{
    max-width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
    font-weight:normal;
    font-size:14px;
    line-height:18px;
}
.darkblue .btn-danger,
.home .btn-warning,
.loyaltyhome .btn-warning, .loyaltymenu .btn-warning,
.dischome .btn-primary{
    font-size:16px;
    padding: 9px 16px 6px;
    font-weight:700;
}

.loyaltyhome {
    margin-top:50px;
}



.span6.biryaniimg {
    margin-top: 25px;
}
.span6.discloyalty{
    padding:30px;
}
.btmsection {
    padding: 70px 0px;
}
.full-image{
    min-height: 525px;
    background: #10272d url(/myimages/233/zpos-bg-KO_LargeImg_test.jpg) 0 0 / cover fixed no-repeat;
    padding: 150px 0;
    box-sizing: border-box;
}	

.full-image div{
 	margin: 0 140px 0 auto;
}
.full-image, .row-fluid.btm{
 	position: relative;
}
.full-image:before, .row-fluid.btm:before{
 	content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.full-image:before{
    background-image: url(/myimages/233/zpos-bg-bordertop.jpg);
    height: 14px;
    z-index: 1;
}
.row-fluid.btm:before{
    background-image: url(/myimages/233/zpos-bg-borderbtm.jpg);
    height: 14px;
    z-index: 1;
}

.menu-selection .alert{
    margin-top:100px;
}
/*.full-image h2{
    position: relative;
    font-size: 60px;
    text-align: right;
}
.full-image h2 a{
 	color: #fff;
     -webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.full-image h2 a:hover,.full-image h2 a:focus{
 	text-decoration: none;
    opacity: .6;
}*/

.popover-title {
    background:#111;
    color:#fff;
    font-size:18px;
}
.popover {
    color:#111;
}
.alert h2 {
    font-weight:normal;
}
.alert h2 small {
}
.navbar .brand {
    text-shadow:none;
}
form#navbar-search-menu {
    padding-right: 10px;
}
#responsive-food-menu .btn-primary {
    background:#111 !important;
}
#responsive-food-menu .navbar-inner {
    background:#d61a0c;
    border:0px;
}
.uk-offcanvas-bar {
    background: #111;
    color:#fff;
}
.uk-offcanvas-bar .text-info {
    color: #4cc4ff;
}
.uk-offcanvas-bar .text-success {
    color: #51e253;
}
.uk-nav-offcanvas>li>a {
    color: #fff;
}
.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 {
    background: #c9a74d;
    color: #fff;
}
/*---------- menu table --------------*/
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background:transparent;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th,
.row-product:hover, .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th,
.row-odd,.row-odd:hover{
    background:none;
}
/*------menu items font sizes--------*/
.menu span.name, span.menunumber {
    font-size: 14px;
    color: #000;
}
.ui-tabs-nav li a {
    font-size: 14px;
    line-height: 25px;
    
}
.page_menu .ui-tabs-vertical .tb-nav-tabs { 
    border: none;
}
/*Style the category description*/
.page_menu .cat-desc { 
    background: #4e4d4d; 
    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:12px;
    font-weight:500;
}
.page_menu .row-product .name{
    font-size:16px;
}

.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: #c9a74d;
    color: #111 !important;
    border-right-width: none !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #111;
    border: none;
    
}
.page_menu .ui-tabs .ui-tabs-nav li:hover,
.page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #d61a0c;
}
.page_menu .ui-tabs .ui-tabs-nav li a {
    font-size:20px;
    line-height:20px;
}
.page_menu .ui-widget-header {
    background: none;   
}
.page_menu .ui-widget-content {
    background: #FFF;   
    color: #000;
    border:0px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #d61a0c; 
    color: #fff;
    border-right-width: none !important;
}
.loyaltymenu .btn-warning{
    margin-top:10px;
}
.loyaltymenu h3 {
    font-size: 34px;
}
.loyaltymenu h2 {
    font-size: 58px;
    margin-top: 50px;
}
/**-------------------- MODAL -------------------------**/
.modal-header, .modal-footer {
    background: #111;  
}
.modal-footer .btn,
.checkout .btn{
    color:#fff;
}
.checkout .btn {
    font-size:14px;
}

.modal-header, .modal-footer {
    color: #fff;
    border:0px;
    border-radius:0px;
}
.modal-body, .modal h4, .modal .well, .blockUI.blockMsg.blockElement small.muted{
    background: #fff;
    color: #000 !important;
}
.modal fieldset{
    background: #fff;  
    border: none;
}
h3.price.pull-left {
    font-weight:normal;
}
.modal-body>ul:after,
.modal-body .media-body ul:after {
    content: '';
    display: table;
    clear: both;
}
.modal-body span.name {
    font-size: 24.5px;
}
.modal-body .media-heading span.name {
    margin: 0 0 5px;
    font-size: 30px !important;
    line-height: 20px !important;
    text-align: center !important;
}
hr {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    margin: 5px 0px;
}
#editProductModal .modal-body .media-heading {
    margin: 0 0 5px;
    text-align: center;
    padding: 20px;
}
.modal-body>ul li,
.modal-body .media-body ul li {
    list-style-type: none;
    float: left;
    padding: 5px 5px 5px 10px;
    font-size: 18px;
    line-height: 1.2;
}

.modal-body>ul li:after,
.modal-body .media-body ul li:after {
    content: '+';
    margin-left: 10px;
}

.modal-body>ul li:last-child:after,
.modal-body .media-body ul li:last-child:after {
    content: '';
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    color: #fff;
    text-decoration: none;
    background: #111;
}
/**-------------------- CHECKOUT --------------------------**/
.checkout .blockUI h5,
#chooseAddressModal .btn-block {
 	color: #000000 !important;   
}
.checkout h5, .checkout h4 {
    font-size: 20px;
    line-height: 22px;
}

.checkout table#basket.table {
    background: none;
    margin-bottom:15px;
}
/*.help-block, .checkout .muted.note-delivery.text-right small,
.checkout .text-info, .checkout .text-warning, .alert-info, .checkout #body em{
    color:#fff;
}*/

.btn-link, 
.btn-link:hover, 
.btn-link:focus {
    color:#fff !important;
    text-decoration:none;
    text-shadow:none;
    font-size:12px !important;
}
.well.alert-info.well-login/*,
.well.alert-success.voucher_box*/{
    background:none !important;
}
.well.alert-success.voucher_box{
    background:#111 !important;
}
.checkout #body h5, .checkout h4,
.checkout table#basket.table .text-info, .checkout .table#basket th{
    color:#fff;
}
.ui-helper-block {
    color:#111;
}
.loyaltypoints_box {
    background:#111  !important;
    border: 2px dashed #fa9800;
}
.loyaltypoints_box .well-white {
    background: #fff;
    color: #494949 !important;
}
.loyaltypoints_box .row-credits .well {
    border: 0px !important;
}
.loyalty-card {
    background: #fff;
}
.loyaltypoints_box .lead {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}
.loyaltypoints_box p {
    color:#fff;
}

.loyaltypoints_box .btn-link {
    color: #fa9800 !important;
}

.loyaltypoints_box .btn-link:hover, .loyaltypoints_box .btn-link:focus{
    color:#fa9800;
}
.loyaltypoints_box .ui-widget-header {
    border: 1px solid #494949;
    background: #494949;
    color: #fff;
}
/**-------------------- MEMBERS --------------------------**/
.members legend {
    text-align:center;
    font-size:30px;
    line-height:50px;
    border-bottom: 2px solid #c9a74d;
    color:#fff !important;
}

/**------------ MEMBERS LOGIN ---------------**/
.hero-unit {
    background-color:#c9a74d;
}
.members .sidebar-nav .nav-header {
    font-size:19px;
    line-height:25px;
}
.members .sidebar-nav a {
    font-size:14px;
    color:#fff !important;
}
.hero-unit a{
    font-weight:600;
}
.members .sidebar-nav .muted {
    font-size:12px;
}
.members .nav-list>li>a:hover,
.nav-list>.active>a, 
.nav-list>.active>a:hover, 
.nav-list>.active>a:focus{
    background-color:#d61a0c;
    color:#fff !important;
}
.nav-list .divider {
    background-color: #c9a74d;
    border-bottom: 1px solid #c9a74d;
}

/**------------------------- CONTACT -------------------------------**/
.contact-us .ui-widget-header {
    border: 2px solid #c9a74d;
    background: #c9a74d;
    color: #fff;
    font-weight:normal;
}
.contact-us .ui-widget-content {
    border: 1px solid #111;
    background: #111;
    color: #fff;
}

.contact-us .ui-widget-content a{
    color: #fff;
}
/*---------- google maps ------------*/
#contact_map_canvas{
    color:#000;
}

/*-------- opening hours box ---------*/
.ui-widget.box-opening-hours {
    margin-top:20px;
}

/**------------------------- FOOTER-------------------------------**/
footer {
    padding:80px 0px 40px;
    margin:0px;
}


.copyright{
    line-height:15px;
    padding:2px 0px 0px 10px;
}
.cards, .tr.vendor a.vendor-zpos img {
    padding-top:2px;
}

.tr.vendor a.vendor-zpos img {
    padding-right:10px;
}

/*---------------------button styles---------------------*/
.btn{
    background-image: none; 
    border-radius: 0;
    box-shadow:none;
    text-shadow:none;
}
.btn-success,
.btn-info,
.btn-danger,
.btn-warning, .btn-inverse, .btn-primary{
    border:0px;
}
.btn-danger, .alert-danger,
.mod_postcode_box .btn-success{
    background-color:#d61a0c !important;
    border:0px;
}
 .modal-footer .btn {
    background-color:#cc0000;
     border:0px;
 }
.btn-danger:hover, .btn-danger:focus,
.mod_postcode_box .btn-success:hover, .mod_postcode_box .btn-success:focus{
    background-color:#e41e10 !important;
}
.modal-footer .btn:hover,  .modal-footer .btn:focus{
    background-color:#b10000;
     border:0px;
 }
.btn-success, .alert-success{
    background-color:#01740d !important;
}
.btn-success:hover, .btn-success:focus{
    background-color:#088e16 !important;
}

.btn-info, .alert-info {
    background-color:#009e9e !important;
}
.btn-info {
    border: 1px solid #009e9e;
}
.btn-info:hover, .btn-info:focus {
    background-color:#018a8a !important;
    border: 1px solid #018a8a;
}
.btn-inverse{
    background-color:#191919 !important;
}
.btn-inverse:hover, .btn-inverse:focus{
    background-color:#333333 !important;
}
.btn-primary {
    background-color:#035092 !important;
}

.btn-primary:hover {
    background-color:#03447c !important;
}
.btn-warning, .alert-warning {
    background-color:#fa9800 !important;
}

.btn-warning:hover, .btn-warning:focus {
    background-color:#f48502 !important;
}

.alert.alert-info.how-im-ordering {
    background: none !important;
    border-color: none;
    text-align:left;
}
.alert {
    border:0px;
    text-align:center;
    text-shadow:none;
    color:#fff;
    background:none;
}
.darkblue .btn-danger, 
.darkblue .btn-warning,
.loyaltyhome .btn-warning,
.dischome .btn-warning,
.menu-selection .btn-primary{
   background:#c9a74d !important;
}
.darkblue .btn-danger:hover, .darkblue .btn-danger:focus,
.darkblue .btn-warning:hover, .darkblue .btn-warning:focus,
.loyaltyhome .btn-warning:hover, .loyaltyhome .btn-warning:focus,
.dischome .btn-warning:hover, .dischome .btn-warning:focus,
.menu-selection .btn-primary:hover, .menu-selection .btn-primary:focus{
   background:#dab552 !important;
}

#basket-container .btn {
    color:#fff;
}
#basket-container {
    margin-top: 20px;

}

/*SOCIAL ICONS*/
.facebook svg, .instagram svg {
    height: 22px !important;
    padding: 0 4px;
}
#facebook, #instagram {
    color: #fff;
}
#facebook:hover, #facebook:focus, #instagram:hover, #instagram:focus {
    color: #c9a74d !important;
}
.social-icons {
    background-color: #cc0000;
    color: #fff;
    padding: 4px 6px;
    margin: 0;
    list-style-type: none;
    margin-right:	10px;
    display: flex;
}
.header-icons {
    display: flex;
    justify-content: flex-end;
}


/**------------------------- MEDIA QUERIES -------------------------------**/
@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer, .row-fluid.darkblue { 
        width:100%;
    } 
    footer .row-fluid, .ct_details_bar, #body, .navbar-inner, .row-fluid.ct_header_row, .dbluemid, .btmsection, .catering_content{ 
        max-width:1170px;
        margin:0 auto; 
    }
    .shop_sheffield .navbar .nav>li>a {
        margin-left: 25px;
        font-size: 28px;
    }
    .shop_sheffield .navbar .nav .dropdown-toggle .caret {
        margin-top: 12px !important;
    }
    .shop_chadwellheath .navbar .nav>li>a {
        margin-left: 30px;
        font-size: 34px;
    }
    .navbar .nav>li>a {
    font-size: 34px;
    }
    .ct_details_bar {
        font-size: 15px;
        font-weight: normal;
    }
}


@media (max-width:1200px){
    .ct_local_branch_details, .span4.tr.vendor img {
        padding-right: 10px;
    } 
    .ct_user_status, .span4.copyright {
        padding-left:10px;
    }
    #basket-container.ui-widget {
        margin-top:20px;
    }
    .website-image{
        text-align: center;
    }
    .navbar .nav>li>a {
        margin-left: 22px;
        font-size: 32px;
    }
    .span4.column_modules {
        padding-right: 40px;
    }
    .col.col3 {
        width: 90%;
        padding-top: 0px;
    }
    .span4.column_modules,
    .left_column.span4{
        padding-left: 10px;
    }
    .right_column.span8{
        padding-right: 10px;
    }
    .home .ct_details_bar {
        margin-top: 30px;
    }

}
@media (max-width:1200px) and (min-width: 980px) {
    .shop_sheffield .navbar .nav>li>a {
        margin-left: 20px;
        font-size: 22px;
    }
    .shop_sheffield .navbar .nav>li>a small {
        display: none;   
    }
    .shop_sheffield .navbar .nav .dropdown-toggle .caret {
        margin-top: 10px !important;
    }
    .navbar .nav>li>a {
        font-size: 29px;
    }
    .shop_rainham .navbar .nav>li>a {
        font-size: 25px;
    }

}

@media (max-width:1059px) and (min-width: 980px) {
    .shop_chadwellheath .navbar .nav>li>a {
        margin-left: 22px;
        font-size: 29px;
    }
}

/* Desktop */
@media (min-width: 979px) {
    /*.shop_rainham .column_modules {
        margin: 0px auto !important;
        float: none;
        text-align: center;
    }*/
}

/* Not Desktop */
@media (max-width:979px){
    .span4.column_modules,
    .span8.column_slideshow{
        width:100%;
    }
    .span4.column_modules{
        padding:20px;
    }
    .well.alert-success.mod_postcode_box {
        margin-top: 0px;
        padding: 25px 0px;
    }
    .col.col3 small.muted {
        font-size: 12px;
    }
    #myCarousel {
        width: 60%;
        margin: 0 auto;
    }
    .span6.tandimg{
        display:none;
    }
    .span6.CLintro {
        width: 100%;
        padding: 0px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .row-fluid.darkblue {
        margin-top: 20px;
        height: 100%;
    }
    .full-image {
        min-height: 400px;
        background: #10272d url(/myimages/233/KObg2.jpg) 0 0 / cover fixed no-repeat;
        padding: 150px 0;
        box-sizing: border-box;
        background-position: center;
    }
    .btn-navbar {
        background: #111 !important;
        text-shadow: none!important;
        border: 2px solid #fff !important;
    }
    .navbar .nav {
        width: 60%;
    }
    .nav-collapse .nav>li>a, 
    .nav-collapse .dropdown-menu a {
        color:#fff;
        text-align:left;
    } 
    .nav-collapse .dropdown-menu a:hover, 
    .nav-collapse .dropdown-menu a:focus {
        color:#fff;
        background:#ee1c27;
    }
    .navbar .nav>li>a small {
        text-align:left;
    }
    .ct_local_branch_details, .span4.tr.vendor img {
        padding-right: 0px;
    }
    .ct_user_status, .span4.copyright {
        padding-left: 0px;
    }
    .menu-selection .alert h3 {
        font-size: 26px;
        line-height: 26px;
    }
    .menu-selection .alert {
        margin-top: 20px;
    }
    .branchhome h2 {
        font-size: 39px;
        margin-bottom: 0px;
        margin-top:-10px;
    }
    .branchhome {
        margin-bottom: 10px;
        text-align:center;
    }
    header {
        padding: 0px 0px 20px;
    }
    .shop_rainham .navbar .nav>li>a {
        font-size: 27px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
       width:100%; 
   }
    .page_welcome .header-icons {
        display: flex;
        justify-content: flex-end;
        margin-top: 30px;
    }
    
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body {
        padding:0px;
    }
    footer {
    	height:100%;
        text-align:center;
        padding-top:8px;
        padding-bottom:8px;
        margin-top:0;
    }
    .copyright, .cards, .tr.vendor a.vendor-zpos img {
    	padding-top:8px;
        padding-bottom:8px;
    }
    .tr, .tl {
        text-align: center !important;
    }
    .menu .alert h2 {
        font-size: 24px;
        line-height: 19px;
    }
    .alert h2 small {
        font-size:16px;
    }
    .menu .ui-tabs-vertical .ui-tabs-panel {
        width: 100%!important;
    }
    .menu .ui-tabs-vertical .ui-tabs-panel {
        width: 100%!important;
    }

    .home .mod_postcode_box input,
    .home .mod_postcode_box .btn-group .btn,
    .home .form-horizontal .input-append input,
    .home .input-append input {
        max-width: initial;
        width: 100% !important;
    }
    .home .mod_postcode_box .btn-group,
    .home .form-horizontal .input-append .btn,
    .home .input-append .btn {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
    #logo{
        text-align: center;
    }
    .home #logo img, #logo img {
        max-height: 115px;
    }
    .home header {
        padding: 15px 0px;
    }
    .navbar .nav {
        width: 100%;
    }
    .navbar .nav>li>a {
        padding: 0px;
    }
     .full-image {
        min-height: 170px;
        height: 100%;
        background: #10272d url(/myimages/233/KObg2.jpg) 0 0 / cover scroll no-repeat;
        padding: 0px;
        box-sizing: border-box;
        background-position: center;
    }
    .btmsection {
        padding: 20px 0px;
    }
    .span6.biryaniimg {
        margin: 0 auto;
        text-align: center;
    }
    .carousel-control.left {
        right: 57px;
        left: unset;
    }
    .carousel-control.right {
        right: 15px;
        left: auto;
    }
    img.biryani{
        width: 80%;
    }
    p.lead.col.col1 h3 {
        font-size: 36px;
    }
    p.lead.col.col1 h2 {
        font-size: 33px;
    }
    .mod_postcode_box .btn-group, .form-horizontal .input-append .btn, .input-append .btn {
        margin-left: 0;
        margin-top: 0px;
    }
    .mod_postcode_box input, .mod_postcode_box .btn {
        height: 40px;
        font-size: 27px;
        line-height: 27px;
    }
    .CLintro h3, .discloyalty h3 {
        font-size: 28px;
    }
    .dbluemid h2, .dischome h2, .loyaltyhome h2 {
        font-size: 44px;
    }
    .span6.discloyalty {
        padding: 10px;
    }
    .members legend {
        font-size: 24px;
    }
    .welcome h1, .welcome h2 {
        text-align:center;
    }
    p.lead.col.col1 h3 {
        font-size: 28px;
        line-height:28px;
    }
     .left_column.span4 {
        padding-left: 0px;
    }
    .home header {
        padding: 0px 0px;
    }
    .home .span6.tl.ct_user_status small, 
    .home .span6.tr.ct_local_branch_details small {
        font-size: 11px;
    }
    .span4.column_modules {
        padding: 20px 0px 0px;
    }
    .CLintro h3, .discloyalty h3 {
        font-size: 25px;
        line-height: 20px;
    }
    .span6.tl.ct_user_status {
        display:none;
    }
    body {
        background-attachment: scroll;
        background-size: cover;
        background-image: url(/myimages/233/zpos-bg-BG_top.jpg);
    }
    body.home {
        background-image: url(//cdn1.zfood.co.uk/233/images/zpos-bg-BG_attempt.jpg?auto=compress);
    }
}

.welcome .alert-success {
    background:#d61a0c !important;
    color:#fff;
}
.welcome p.lead{
    font-weight:700;
}
.welcome .btn {border: 1px solid #000;}
.welcome #body h2 {
    font-size: 27.5px;
}
.welcome h1 {
    font-size: 46.5px;
    text-transform: uppercase;
}
.welcome .nav, .welcome .navbar {
    display:none;
}
p.how-im-ordering-branch{
    display: inline;
}

.shop_chadwellheath #container-category-17238 .cat-desc { display:none !important; }

.shop_sheffield.members #frmRegister > .control-group:nth-child(7),
.shop_sheffield.members #frmRegister > .control-group:nth-child(10) {
 	display: none !important;   
}


#zp-review-button { 
    padding: 10px;
    margin-bottom:20px; 

}

body:not(.shop_sheffield) header li.book {
 	display: none;   
}


/**-- RESERVATIONS --**/

.contentpageintro {
 	max-width: 750px;
    margin: 20px auto;
    text-align: center;
    font-size: 20px;
}
.contentpageintro .btn {
 	margin: 0px 5px;   
}
.contentpageintro .btn-group {
    margin: 10px auto;
}
.contentpageintro p {
 	margin: 10px auto;   
}

.mod_table_reservation_v1 { display: none; }
.book .mod_table_reservation_v1 {
 	display: block;   
}
.mod_table_reservation_v1 {
    margin: 20px auto !important;
    width: 500px;
}
.mod_table_reservation_v1 select, 
.mod_table_reservation_v1 input, 
.mod_table_reservation_v1 button {
    margin: 0px auto 20px !important;
    padding-left: 0px;
    padding-right: 0px;
    width: 500px;
}
.mod_table_reservation_v1 h3 {
 	font-size: 36px;   
}
.mod_table_reservation_v1 select {
    text-align-last: center;
    text-align: center;
}


@media (max-width: 580px) {
    .mod_table_reservation_v1,
    .mod_table_reservation_v1 select, 
    .mod_table_reservation_v1 input, 
    .mod_table_reservation_v1 button {
     	width: 100% !important;   
    }
}

/*1200036948543874 - remove half of the homepage for the rainham branch*/
.shop_rainham.home .darkblue,
.shop_rainham.home section.full-image,
.shop_rainham.home .btm {
    display: none;   
}

.hygiene-rating {
    text-align: center; 
    display: block;
    margin: 15px auto 0px;
}
/*CATERING SECTION*/
.page_catering h1 {
    display: none;
}
.catering_content h3 {
    font-size: 38px;
    margin-bottom: -5px !important;
}
.catering_content h4 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 10px !important;
}
.catering_content{
    text-align: center;
}
.catering_content p {
    font-size: 16px;
    margin-top: 10px;
}
.catering_content img {
    padding: 20px 20px 70px 20px;
}

/*RAINHAM HOME MAP*/
.shop_rainham li.catering,
.shop_rainham .column_slideshow {
    display: none !important;   
}
#home_map {
    height: 550px;   
    width: 100%;
}
@media (min-width: 980px) {
    #home_map {
        max-width: 550px;
    }
}
@media (max-width: 979px) {
    #home_map {
        margin: 0px auto !important;
        display: block !important;
        height: 400px;
        width: 100% !important;
    }
}

.shop_forestgate .box-delivery-information {
    display: none;   
}
/*TURN DELIVERY INFORMATION OFF FOR CHADWELL HEATH */
.shop_chadwellheath .box-delivery-information {
    display: none;
}


/*Hide the burger category description for barkingside - 1202620410513909*/
.shop_barkingside #container-category-17238 .cat-desc {
 	display: none !important;   
}

/*Hide the Sweet Corner category for Seven Kings, Barkingside & Gants Hill - 1203647749895822 */
.shop_sevenkings #container-category-23180, .shop_gantshill #container-category-23180, 
	.shop_barkingside #container-category-23180 {
    display: none !important;
} 
/*Hide delivery info for Rainham  - 1202769486096160*/
.shop_rainham .box-delivery-information {
 	display: none;   
}

.shop_rainham .mod_postcode_box .btn {
   /* width: auto !important;
    height: auto !important;
    display: inline-block !important;
    max-width: 160px;*/
    box-sizing: border-box;
    padding-top: 15px;
}
.shop_rainham .mod_postcode_box .lead h3 {
 	font-size: 24px !important;
    line-height: 110% !important;
    max-width: 336px;
    margin: 0px auto;
}
.shop_rainham.home .ct_local_branch_details {
 	display: none;   
}
@media (max-width: 767px) {
    .shop_rainham .mod_postcode_box .btn {
        padding-top: 8px;
    }
    .shop_rainham .mod_postcode_box p.lead {
     	margin-bottom: 0px !important;   
    }
    .social-icons {
        margin-left: 10px;
        margin-right: 0;
    }
    .header-icons {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    .page_welcome .header-icons {
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin-top: 20px;
    }
}

/*.shop_sevenkings .prod-cat-23567 img,
.shop_sevenkings .prod-cat-23568 img,
.shop_sevenkings .prod-cat-23569 img,*/
.shop_sevenkings .prod-cat-23570 img,
.shop_sheffield .prod-cat-19059 img,
.shop_sheffield .prod-cat-5279 img,
.shop_sheffield .prod-cat-4432 img,
.shop_sheffield #container-category-23565,
.shop_sheffield #container-category-23566,
.shop_sheffield #container-category-23468,
.shop_peterborough .prod-cat-25128 img,
.shop_grays .prod-cat-23567 img,
.shop_grays .prod-cat-23568 img,
.shop_grays .prod-cat-23570 img,
.shop_grays .prod-cat-5279 img,
.shop_gantshill .prod-cat-5279 img,
.shop_gantshill .prod-cat-4431 img,
.shop_gantshill .prod-cat-4426 img,
.shop_gantshill #container-category-23567,
.shop_gantshill #container-category-23568,
.shop_gantshill #container-category-23569,
.shop_gantshill #container-category-23570,
.shop_gantshill #container-category-23565,
.shop_gantshill #container-category-23566,
.shop_gantshill #container-category-23468,
.shop_forestgate .prod-cat-19059 img,
.shop_forestgate .prod-cat-25051 img,
.shop_forestgate .prod-cat-4431 img,
.shop_forestgate #container-category-23468,
.shop_chadwellheath #container-category-23565,
.shop_chadwellheath #container-category-23566,
.shop_chadwellheath #container-category-23567,
.shop_chadwellheath #container-category-23568,
.shop_chadwellheath #container-category-23569,
.shop_chadwellheath #container-category-23570,
.shop_chadwellheath #container-category-23468,
.shop_chadwellheath .prod-cat-4428 img,
.shop_chadwellheath .prod-cat-5279 img,
.shop_chadwellheath .prod-cat-4432 img,
.shop_barkingside .prod-cat-4426 img,
.shop_barkingside .prod-cat-5279 img,
.shop_barkingside .prod-cat-4431 img,
.prod-cat-4431 .media-simple img
{
    display: none;
}

.postcode_replacement_img {
 	margin: 20px auto 0px;   
}

.home_catering {
    text-align: center;
    padding: 50px 20px;

    h2 {
        font-size: 60px;
    }
    h3 {
        font-size: 30px;
        line-height: 110%;
        color: #c9a74d;
    }
    p {
        margin-bottom: 20px;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
    }
    .btn-group {
        .btn {
     		margin: 0px 5px;       
        }
    }
}
@media (max-width: 767px) {
    .home_catering {
        h2 {
            font-size: 44px;
        }
        .btn-group {
            .btn {
                display: block;
                margin: 5px 0px;       
            }
        }
    }
}