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

body .visible-newham { display:none !important; } 
body .hidden-newham { display:inherit !important; } 
body.shop_newham .hidden-newham { display:none !important; }
body.shop_newham .visible-newham { display:inherit !important; }

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

body {
}
h1 {
	color: #b31713;
	font-family: 'Kaushan Script';
}
h2 {
	color: #cf4a47;
	font-family: 'Kaushan Script';
}
h3 {
	font-family: 'Kaushan Script';
}
h4 {
	font-family: 'Kaushan Script';
}
body {
	background-color: #523422;

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

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}

header, #mobile-header {

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

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

.halal {
    position: absolute;
	top: 0px;
}

.halal img {
    max-width:85px;
    margin-left: 1010px;
	margin-top: 20px;
}

/* ****** */
/* GLOBAL */
/* ****** */
body {
    padding:0px;
}



 /* LOYALTY */
.loyaltypoints_box { background-color:#4F7527 !important; color:#2B942B; }
.loyaltypoints_box .row-credits .well { color:#4F7527 !important;  border-color:#434343 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.loyaltypoints_box .lead { padding-top: 8px; font-size: 27px !important; color: #B01713;  }
.loyaltypoints_box p { color:#333; }
.loyaltypoints_box .ctl-pointsoptions a { color:#2B942B; text-shadow:none; }

.carousel-control { display:none; }


.carousel-control { display:none; }
.ad {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
header,
.ct_details_bar,
#body {
    padding: 0 60px 25px;
    width:initial;
}
.home #body {
     padding:0px 60px !important;
}
.checkout #body {
    padding:0 20px;
    width:initial;
}
.banners img { margin-top:-10px; }

.well {
    background: #b31713;
    background: -moz-linear-gradient(top,  #b31713 0%, #9f1815 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b31713), color-stop(100%,#9f1815));
    background: -webkit-linear-gradient(top,  #b31713 0%,#9f1815 100%);
    background: -o-linear-gradient(top,  #b31713 0%,#9f1815 100%);
    background: -ms-linear-gradient(top,  #b31713 0%,#9f1815 100%);
    background: linear-gradient(to bottom,  #b31713 0%,#9f1815 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31713', endColorstr='#9f1815',GradientType=0 );
    color:#fff;
}

.toplogologo {
    width:100%;
    text-align:center !important;
}
.toplogologo img {
margin: 25px 0;
max-width: 660px;
}

h1 { LINE-HEIGHT:100%; }
.ct_local_branch_details { text-align:center !important; margin: 4px 0 10px; }

/* ************* */
/* DISPLAY NONEs */
/* ************* */
.ct_header_row,
.home h1 small,
.checkout h2,
.ct_phone,
.home-about,
.contact-us h1,
#body-bottom-hr { display:none !important; }

/* HOME */
.home h1 {
    padding: 40px 0 20px;
    font-size:62px;
}
.borderbottom,
.bordertop { 
    text-align:center;
}
/* **** */
/* LOGO */
/* **** */
#logo img {
    max-height:410px !important;
}



/* **** */
#responsive-food-menu .brand { color:#fff; text-shadow:none; }
#responsive-food-menu .navbar-inner {
    background: #b31713;
    background: -moz-linear-gradient(top, #b31713 0%, #9f1815 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b31713), color-stop(100%,#9f1815));
    background: -webkit-linear-gradient(top, #b31713 0%,#9f1815 100%);
    background: -o-linear-gradient(top, #b31713 0%,#9f1815 100%);
    background: -ms-linear-gradient(top, #b31713 0%,#9f1815 100%);
    background: linear-gradient(to bottom, #b31713 0%,#9f1815 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31713', endColorstr='#9f1815',GradientType=0 );
    color: #fff;
}

/* ************ */
/* NAV (HEADER) */
/* ************ */
header .navbar {
    margin-bottom:0px !important;
}


header .navbar-inner {
	background:none;
	webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border:none;
    width:100% !important;
}

header .navbar-inner .caret {
    border-top-color: #000 !important;
	border-bottom-color: #000 !important;
}

header .navbar-inner .main-menu li a {
    text-shadow:none;
}

header .navbar-inner .main-menu li a {
    font-family: 'Kaushan Script';
}
header .navbar-inner .main-menu>li>a {
    font-family: 'Kaushan Script';
    font-size:20px;
}

/* Hover & Active */
header .navbar .nav li.dropdown.open>.dropdown-toggle,
header .navbar .nav li.dropdown.active>.dropdown-toggle,
header .navbar .nav li.dropdown.open.active>.dropdown-toggle,
header .navbar .nav>li>a:focus,
header .navbar .nav>li>a:hover,
header .navbar .nav>.active>a,
header .navbar .nav>.active>a:hover,
header .navbar .nav>.active>a:focus {
	background:none;
    color:#b31713 !important;
    box-shadow:none;
}
/* Hover Caret */
header .navbar .nav li.active.dropdown>a .caret,
header .navbar .nav li.dropdown>a:hover .caret,
header .navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #b31713 !important;
    border-bottom-color: #b31713 !important;
}
/* Dropdown */
header .nav-collapse .nav>li>a:hover,
header .nav-collapse .nav>li>a:focus,
header .nav-collapse .dropdown-menu a:hover,
header .nav-collapse .dropdown-menu a:focus,
header .dropdown-menu>li>a:hover,
header .dropdown-menu>li>a:focus,
header .dropdown-submenu:hover>a,
header .dropdown-submenu:focus>a {
  	background:none;
    color:#b31713;  
}

header .dropdown-menu {
    background:#e4e2d5;
}

header .dropdown-menu>li:hover {
    background:#fff;
    color:#b31713;
}

/* *************** */
/* NAV (MENU PAGE) */
/* *************** */



/* ******** */
/* HOMEPAGE */
/* ******** */
	.home-title {
        text-align:center;
    }




/* ********** */
/* CONTACT US */
/* ********** */


/* ************ */
/* POSTCODE BOX */
/* ************ */
.mod_postcode_box {
    background: #56ab25;
    background: -moz-linear-gradient(top,  #56ab25 0%, #2c9d2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56ab25), color-stop(100%,#2c9d2e));
    background: -webkit-linear-gradient(top,  #56ab25 0%,#2c9d2e 100%);
    background: -o-linear-gradient(top,  #56ab25 0%,#2c9d2e 100%);
    background: -ms-linear-gradient(top,  #56ab25 0%,#2c9d2e 100%);
    background: linear-gradient(to bottom,  #56ab25 0%,#2c9d2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56ab25', endColorstr='#2c9d2e',GradientType=0 );
    border:solid 1px #fff;
    margin:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.mod_postcode_box .lead {
    font-family: 'Kaushan Script';
    color: #fff;
    font-size: 62px;
    line-height: 100%;
}
.mod_postcode_box .muted { color:#fff; }
.postcode-dash {
    border:1px dashed #9f9d90;
    padding:2px;
    margin:10px 0;
}



/* ************* */
/* OPEN & CLOSED */
/* ************* */
.status-CLOSED,
.status-OPEN {
    position:absolute;
    top:0px;
        margin-left: 30px !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 11px !important;
    padding: 3px 12px 5px 12px !important;
}
.status-CLOSED {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.status-OPEN {
color: #dff0d8;
background-color: #d6e9c6;
border-color: #dff0d8;
}



#container.container {
    background:url("/myimages/189/zpos-bg-body.jpg");
    background-size: contain;
    padding: 0px;
}



/* ****** */
/* FOOTER */
/* ****** */
footer {
    background:#b31713;
    color:#fff;
    margin:0px;
    padding:30px 0;
    clear:both;
    margin-top: -10px;
}
footer .label-copyright { color:#fff; }
footer .row-fluid {
    max-width:1036px;
    margin:0 auto;   
}
footer a {
    color:#fff;
    text-decoration:underline;
}
#mod_accepted_payment_icons_footer img {
    max-width: 36px;
}

/* POSTCODE WRAP */
.postcode-wrap {
    margin:0px;
}



/* ******* */
/* MEMBERS */
/* ******* */
#frmLogin legend,
#frmRegister legend {
    color:#fff;
    font-family: 'Kaushan Script';
    font-size:26px;
}

.members .sidebar-nav,
.members .sidebar-nav a { 
    text-shadow:none;
    color:#fff;
}

.members .span9,
.members .sidebar-nav {
    background: #b31713;
    background: -moz-linear-gradient(top,  #b31713 0%, #9f1815 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b31713), color-stop(100%,#9f1815));
    background: -webkit-linear-gradient(top,  #b31713 0%,#9f1815 100%);
    background: -o-linear-gradient(top,  #b31713 0%,#9f1815 100%);
    background: -ms-linear-gradient(top,  #b31713 0%,#9f1815 100%);
    background: linear-gradient(to bottom,  #b31713 0%,#9f1815 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31713', endColorstr='#9f1815',GradientType=0 );
    color:#fff;
}

.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list>.active>a:focus,
.nav.nav-list>li>a:hover,
.nav.nav-list>li>a:focus {
    background:#5e0c0d;
    color:#fff;
}
.members .span9 {
    border:solid 1px #fff;
    padding:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.members .span9 legend { color:#fff; }
.members .hero-unit { background-color: #480709; }




/* ***** */
/* FIXES */
/* ***** */
#editProductModal .modal-body .well { background:transparent !important; background-color: transparent !important; }
.gm-style-iw,
.popover-title,
.popover {
    color:#1d1d1d;
}
.row-odd,
.row-product:hover {
    background:transparent;
}
.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 {
    background:transparent;
}
.menu h1 {
    font-size:72px;
    text-align:center;
    padding:30px;
}
.checkout .help-block.muted,
.checkout .span4 .muted { color:#fff; }



/* ***              *** */
/* *** MEDIA QUERYS *** */
/* ***              *** */

/* Large desktop */
@media (min-width: 1200px) { ... }
 

/* Desktop */
@media (min-width: 979px) {
    .home .container, .home .navbar-static-top .container, .home .navbar-fixed-top .container, .home .navbar-fixed-bottom .container {
        width: 1136px;
    }
    header { padding:0px !important; }
    .postcode-dash {
        max-width:780px;
        margin:50px auto;
    }
    
    /* tablet nav */
    .navbar .nav,
    .navbar .nav > li {
      float:none;
      display:inline-block;
      *display:inline; /* ie7 fix */
      *zoom:1; /* hasLayout ie7 trigger */
      vertical-align: top;
    }
    .navbar-inner { text-align:center; }
    .navbar .nav>li>a {
        color:#2a2a2a !important;
        text-transform:uppercase;
        font-weight:400;
    }
}


/* Not Desktop */
@media (max-width: 979px) {
    .ct_details_bar { display:none !important; }
    .borderbottom { margin-bottom:5px; }
    header, .ct_details_bar, #body {
        padding: 0 35px !important;
        width: initial;
    }
    .menu #body {
        padding: 0 20px !important;
    }
    .checkout .borderbottom,
    .checkout .bordertop {
        max-width:90% !important;
    }
    .halal img {
        margin-left: 480px;
    }
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

 



@media (min-width: 767px) {
    /* ************ */
    /* NAV BEFORE PHONE (HEADER) */
    /* ************ */
    /*header .navbar-inner {
        background:transparent;
        border:none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    header .main-menu {
        width:80%;
        float:none !important;
        margin: 0 auto !important;
    }
    header .main-menu li {
        display:inline-block;
        text-align:center;
        font-family: 'Abel';
        font-size:28px;
    }
    header .main-menu li a {
        padding:20px 30px !important;
    }*/
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .home h1 { font-size:48px; }
    footer, .vendor { text-align:center !important;  }
    footer .span4 { padding:10px 0; }
    .logo-section,
    #myCarousel,
    .home .row-fluid.main {
        display:none !important;
    }
    header, .ct_details_bar, #body {
        padding: 0 25px;
        width: initial;
    }
    #myCarousel {
        margin-bottom:0px;
    }
    .ct_details_bar { display:none; }
    .postcode-dash { margin:30px 0; }
    .home h1 {
    	padding: 10px 0 5px;
    }
    .toplogologo img {
        margin: 25px 0 10px;
        max-width: 660px;
        width: 90%;
    }
    .mod_postcode_box .lead { font-size:38px; }
    .home #body {
        padding: 0px 15px !important;
     }

    .menu .ui-tabs .ui-tabs-nav .ui-tabs-anchor li {
        padding: 4px 7px !important;
    }
}

 
/* Landscape phones and down */
@media (max-width: 480px) { ... }

.banners {
    background:url("/myimages/189/zpos-bg-bottombar.png") no-repeat;
    margin-top:-10px;
}
.offerrow {
    text-align:center;
	padding:35px 0;
    max-width: 1170px;
    margin: 0 auto;
}

.alert.alert-info h2 {
    color:#3a87ad !important;
}


/* /* /* */ /* /* /* /* */
/* SOCIAL MEDIA POST FOOTER BAR */
/* /* /* */ /* /* /* /* */
footer {
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}
.postfooter { background:#202020; }
.postfooter-inner {
    max-width:1000px;
    margin:0 auto;
    padding:10px 0;
    text-align:center;
}
.postfooter-inner img { max-width:32px; }
.postfooter-inner small { display:none; }
.postfooter-inner a {
    background-color: transparent;
    background: none;
    border: none;
    box-shadow: none;
}