@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans|Montserrat+Alternates|Montserrat+Alternates|Montserrat+Alternates);

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

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

body {
	font-family: 'Alegreya Sans';
}
h1 {
	font-family: 'Montserrat Alternates';
}
h2 {
	font-family: 'Montserrat Alternates';
}
h3 {
	font-family: 'Montserrat Alternates';
	font-size: 20px;
}
h4 {
}
body {
	background-color: #eeeeee;

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

	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
	background-size: auto;
}

header, #mobile-header {

	background-image:none;
}

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

.ct_phone { display:none; }

.checkout .ct_details_bar,
.menu .ct_details_bar,
.members .ct_details_bar,
.contact-us .ct_details_bar {
margin-top: 33px;
}

.home .sys-alert.sys-message{
    margin-top:30px;
}

.outer-wrapper * { max-width: 985px; }
.outer-wrapper img { max-width: 100%; }

a { color:#CC5C2D; }
a:hover { color:#D99B48; }

#container {
background:none;
padding:0;
border-radius:0;
box-shadow:none;
}


header {
text-transform:uppercase;
font-family:'Montserrat Alternates';
font-weight:normal;
}
header .navbar {
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
header .navbar-inner {
    max-width: 100%;
    background:#f0f0f0;
    border:none;
    border-bottom: 1px solid #DBDAD5;
    box-shadow:none;
}
.navbar .nav > li > a {
    margin: 5px;
    padding: 5px 15px;
    text-shadow:none;
}
header .left_column {
    width:100% !important;
    text-align:center;
}
#body > h1,
#body-bottom-hr,
header .right_column {
    display:none !important;
}


.well {
border:none;
box-shadow:none;
background:#fff;
border-radius:0;
}

.home-about { margin-top: 60px; }
.home-about .well {
background:none;
border-top:1px solid #DBDAD5;
border-bottom:1px solid #DBDAD5;
}

.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus, 
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a
{
    background: #CC5C2D !important;
    color:#fff !important;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color:#CC5C2D; }

input { background:#F1F1F1; }

.mod_postcode_box {
padding:12px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.loyaltypoints_box {
    background:#622a1d  !important;
}
.loyaltypoints_box .well-white {
    background: #fff;
    color: #494949 !important;
}
.loyaltypoints_box .row-credits .well {
    border: 0px !important;
}
.loyalty-card {
    background: #191919;
}
.loyaltypoints_box .lead {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}
.loyaltypoints_box p {
    color:#fff;
}

.loyaltypoints_box .btn-link {
    color: #fff;
}

.loyaltypoints_box .btn-link:hover, .loyaltypoints_box .btn-link:focus{
    color:#ffe428;
}
.loyaltypoints_box .ui-widget-header {
    border: 1px solid #494949;
    background: #494949;
    color: #ffffff;
}



.mod_postcode_box p {
    color:#CC5C2D;
    text-transform:uppercase;
    margin: 0 0 10px;
    padding-top: 5px;
}
.btn-success, .btn-success:hover {
  background:#CC5C2D;
}
.btn-group.open .btn-success.dropdown-toggle { background:#652C21; }

.carousel-control { top:82%; }

.tb-nav-tabs {
  background:url(/myimages/84/zpos-bg-wood.jpg) no-repeat 0 0 #630;
}
.tb-nav-tabs li {
  border-radius:10px;
  background:#CC5C2D !important;
  border:1px solid #f60  !important;
}
.tb-nav-tabs li.ui-state-active {
border:1px solid transparent !important;
background:none !important;;
}
.tb-nav-tabs li a {
color:#fff !important;
}

.modalModTableReservationV1 {
    z-index:1041;
}
.mod_table_reservation_v1 {
    background:#fff;
    padding: 5px 20px 1px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
     /*CG - When re-adding resevation, also remove the margin-bottom 300px from mod_postcode_box*/
}

.mod_table_reservation_v1 h3 {
	color:#CC5C2D;
    text-transform: uppercase;
    font-size:21px;
    font-weight:200 !important;
    font-family: 'Alegreya Sans';
}


/* /* /* */ /* /* /* /* */
/* SOCIAL MEDIA POST FOOTER BAR */
/* /* /* */ /* /* /* /* */

.postfooter {

}
.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;
}


.halal-symbol {
    position: absolute;
    top: 65px;
    left: 20px;
    max-width: 48px !important;
}



/* *********** */
/* Desktop */
/* *********** */
@media (min-width: 979px) {


    #logo img { opacity:0; }

    #logo a {
        position: relative;
        top: 53px;
        z-index: 10;
    }
    .column_slideshow {
        width:100% !important;
        margin:0 !important;
        position: absolute;
        z-index:2;
    }
    .span4.column_modules .mod_postcode_box,
    .mod_table_reservation_v1 {
        /*margin: 20px 0 0 20px !important;*/
        margin: 20px 0 0 20px !important;
        max-width: 322px;
        position: relative;
        z-index: 5;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
	.inner-wrapper {
        padding-top: 60px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .ct_details_bar tr,
    .about-us {
        text-align:center !important;
    }
    .ctl-modTableReservationV1 { margin-left:0px !important;}
    #logo {
        margin-top:60px;
    }
    .quote {
        text-align: center;
        font-size: 39px !important;
    }
    .branches_map { border-top:none; }
    
    .welcome-intro,
    .branches_map { margin-bottom:0px; }
    .detailswrap { display:none; }
    .postcode-holder { border:solid 2px #fff; }
	footer, .vendor { text-align:center !important;  }
	footer .span4 { padding:10px 0; }
	.pm-mobile-center img { text-align:center; margin:0 auto; }
    #logo,
    .welcome h1,
    .welcome h2,
    .ad,
    .payaad {
        text-align:center;
    }
    .carousel-control.right {
        right: 325px;
        left: auto;
    }
}
.alcohol-alert {
	text-align: center;
    font-size: x-large;
}
footer {margin-top:40px;
}