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

body .visible-guildford { display:none !important; } 
body .hidden-guildford { display:inherit !important; } 
body.shop_guildford .hidden-guildford { display:none !important; }
body.shop_guildford .visible-guildford { 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: 'Raleway';
}
h1 {
	font-family: 'Bubblegum Sans';
}
h2 {
	font-family: 'Bubblegum Sans';
}
h3 {
	font-family: 'Bubblegum Sans';
}
h4 {
	font-family: 'Bubblegum Sans';
}
body {
	background-color: #000000;

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

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-size: cover;
}

header, #mobile-header {

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

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

@media (min-width: 768px) {
    #mod_accepted_payment_icons_footer img {
        max-width: 39px;      
    }
}

/* Global */
body { padding-bottom:0px; }
.left_column.span12 { text-align:center; }

.img-polaroid {
    padding: 2px;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.45);
    box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.45);
}
.img-polaroid img { width:100%; }

.outer-wrapper {
    background: url('/myimages/204/zpos-bg-flame_forweb.png') no-repeat bottom;
	background-size: contain;
}

#body {
    background:url(/myimages/204/zpos-bg-bodybg.jpg) no-repeat;
    background-size:cover;
    padding:20px;
    border: solid 3px #fff;
    box-shadow: 0px 7px 24px 9px rgba(0, 0, 0, 0.75);
}

.advert img,
.advert { text-align:center; }

.box-contact-information h3,
.box-opening-hours h3,
.box-delivery-information h3 {
 border:none;   
}
.order h1 {
    display: none;
}
.order-complete-title {
    display: block !important;
}
#container {
    background: none;
    box-shadow: none;
}

#logo { padding:60px 0 40px; }


.modal-footer,
.modal-header,
.popover-title {
    background: #e51223;
    background: -moz-linear-gradient(top,  #e51223 1%, #cf0618 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e51223), color-stop(100%,#cf0618));
    background: -webkit-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -o-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -ms-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: linear-gradient(to bottom,  #e51223 1%,#cf0618 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51223', endColorstr='#cf0618',GradientType=0 );
	border:solid 2px #fff;
    color:#fff;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.gm-style-iw,
.popover {
    color:#1d1d1d;
}


/* NAV (MENU PAGE) */
#responsive-food-menu .brand { text-shadow:none; color:#fff; }
#responsive-food-menu .navbar-inner {
	background: #e51223;
    background: -moz-linear-gradient(top,  #e51223 1%, #cf0618 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e51223), color-stop(100%,#cf0618));
    background: -webkit-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -o-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -ms-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: linear-gradient(to bottom,  #e51223 1%,#cf0618 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51223', endColorstr='#cf0618',GradientType=0 );
	border:solid 1px #e51223;
    color:#fff;
}
.menu .ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-color: #e51223;
    border-top:none;
}

.well {
    background: #e51223;
    background: -moz-linear-gradient(top,  #e51223 1%, #cf0618 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e51223), color-stop(100%,#cf0618));
    background: -webkit-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -o-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -ms-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: linear-gradient(to bottom,  #e51223 1%,#cf0618 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51223', endColorstr='#cf0618',GradientType=0 );
	border:solid 2px #fff;
    color:#fff;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:    1px 1px 1px 0px rgba(0, 0, 0, 0.45);
    box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.45);
}
.well .muted {
	color:#ccc;
}

.carousel-control { background:none; }


/* TOP BAR DETAILS */
/* *************** */
#topbar {
    width:100%;
    max-width:1100px;
    margin:0 auto;
    padding:9px 0;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.toptopdetails {
    background:#020202;
    color:#fff;
    border: solid 1px rgba(246, 248, 29, 0.21)
}
.toptopdetails a { color:#FDFA24; text-decoration:underline; }
.ct_local_branch_details,
.ct_user_status { 
    margin: 0px !important;
    padding:0px;
    min-height:0px !important;
}


 /* LOYALTY */
.loyaltypoints_box { background:#e02421 !important; color:#FFFFFF; }
.loyaltypoints_box .row-credits .well { color:#ed101b !important;  border-color:#ed101b !important; }
.loyaltypoints_box .lead { padding-top: 8px; text-align: left; text-transform: Capitalize; font-weight: bold; }
.loyaltypoints_box .ui-widget-header { background: #2ba61d; border: none;  }
.loyaltypoints_box .fa-trophy { padding-top: 5px; }
.loyaltypoints_box .row-credits .well { text-align: center; border: none !important; box-shadow: none !important; }
.loyaltypoints_box .btn-link { padding: 4px 8px; margin-top: 5px; text-shadow: none !important; color: #2ecee7; }

/* **** */
/* FONT */
/* **** */
.mod_postcode_box .input-append .add-on,
.mod_postcode_box .input-append .btn,
.mod_postcode_box .input-append .btn-group,
#mod_postcode_box_pc,
.mod_postcode_box .lead,
.members legend,
.members .nav-header,
.main-menu li a,
#responsive-food-menu .brand,
.label-copyright,
.checkout h5,
button.btn-proceed-final {
    font-family: 'Bubblegum Sans' !important;
}

/* ******** */
/* CHECKOUT */
/* ******** */
button.btn-proceed-final {
    font-size: 24px !important;
    padding: 15px;
    line-height:105%;
    margin:10px 0;
}
.checkout h5 { 
    font-size:17px !important;
    margin-bottom:15px;
}
.checkout #ctl-forgotPassword,
.trigger-paymentmethod .muted { color:#8F8F8F !important; }

.checkout #frmProceed .span4 .well:nth-child(1) { 
    /*background:#000; */
}
.checkout #frmProceed .span4 .well:nth-child(1) .muted { 
/*	color:#717171;*/
}


.checkout #basket .text-info {
    color:#fff;
    font-weight:bold;
}
.checkout #basket .text-success {
    color:#31FF33;
}


/* ************* */
/* DISPLAY NONEs */
/* ************* */
.mod_postcode_box .muted,
.home h1,
.home-about,
#body-bottom-hr,
.ct_phone,
.carousel-caption,
.contact-us h1,
.checkout h2 { display:none; }


/* ************ */
/* NAV (HEADER) */
/* ************ */

.navwrap .navbar {
    margin-bottom:0px !important;
}

.navwrap .navbar-inner {
	background:rgba(255, 255, 255, 0.4);
	webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
 	border:none;
}

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

.navwrap .navbar-inner .main-menu>li>a {
    color: #000;
    font-size: 28px;
    line-height: 100%;
    padding: 14px 1px !important;
}

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

.navwrap .navbar-inner .main-menu ul.dropdown-menu {
      background: rgba(255, 255, 255, 0.9);
}
.navwrap .navbar-inner .main-menu ul.dropdown-menu>li>a {
    font-size:22px;
    padding:8px 15px;
}

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

/* *************** */
/* NAV (MENU PAGE) */
/* *************** */
#responsive-food-menu .brand { text-shadow:none; }
#responsive-food-menu .navbar-inner {

}




/* ************* */
/* OPEN & CLOSED */
/* ************* */
.status-CLOSED,
.status-OPEN {
    /*display:none !important;*/
	padding: 3px 12px 5px 12px !important;
}
.status-CLOSED {
    color: #b94a48;
    background-color: transparent;
    border: none;
}
.status-OPEN {
    color: #dff0d8;
    background-color: transparent;
    border: none;
}


/* ****** */
/* FOOTER */
/* ****** */
footer .label-copyright { color:#fff; }
footer .label-copyright a { color:#fff; text-decoration:underline; }


footer {
    max-width: 1100px;
    margin: 90px auto 0px;
}


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

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

.members .span9,
.members .sidebar-nav {
    background: #e51223;
    background: -moz-linear-gradient(top,  #e51223 1%, #cf0618 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e51223), color-stop(100%,#cf0618));
    background: -webkit-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -o-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: -ms-linear-gradient(top,  #e51223 1%,#cf0618 100%);
    background: linear-gradient(to bottom,  #e51223 1%,#cf0618 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51223', endColorstr='#cf0618',GradientType=0 );
	border:solid 2px #fff;
    color:#fff;
}
.members .section-my-profile h1 { padding: 20px 0px; }



.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:#e51223;
    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: #0088cc }
.members .hero-unit a { color:#fff; font-weight:bold; text-decoration:underline; }

.members .fa-trophy { padding-right: 20px; }


/* ****** */
/* ALERTS */
/* ****** */
.well,
.btn,
.alert,
select,
button,
input,
textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.how-im-ordering {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #31BD0E;
	*background-color: #31BD0E;
	background-image: -moz-linear-gradient(top, #31BD0E, #25920B);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31BD0E), to(#25920B));
	background-image: -webkit-linear-gradient(top, #31BD0E, #25920B);
	background-image: -o-linear-gradient(top, #31BD0E, #25920B);
	background-image: linear-gradient(to bottom, #31BD0E, #25920B);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31BD0E', endColorstr='#25920B', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.how-im-ordering h2 { text-shadow:none; }
.how-im-ordering small { color:#fff;  }

/* ******* */
/* BUTTONS */
/* ******* */
.btn.btn-info,
.btn.btn-inverse,
.btn.btn-danger,
.btn.btn-success {
    /*color:#fff;
    text-transform:uppercase;
    font-family: 'Passion One' !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 1, 0.9);
    font-size:20px;*/
}
.btn-success {
 	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #31BD0E;
	*background-color: #31BD0E;
	background-image: -moz-linear-gradient(top, #31BD0E, #25920B);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31BD0E), to(#25920B));
	background-image: -webkit-linear-gradient(top, #31BD0E, #25920B);
	background-image: -o-linear-gradient(top, #31BD0E, #25920B);
	background-image: linear-gradient(to bottom, #31BD0E, #25920B);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31BD0E', endColorstr='#25920B', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn[disabled] {
	background-color: #31BD0E;
	background-image:none;
}

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

/* MENU STYLEING */
h5.media-heading .name {
    /*color:#002363;
    font-weight:bold;*/
}


/* ***** */
/* FIXES */
/* ***** */
#ctl-forgotPassword {
	text-shadow:none;
	font-size:12px;
	/*color:#fff;*/
}
.checkout .voucher_box span:nth-child(1) {
    display:none;
}
#editProductModal .modal-body .well { background:transparent !important; background-color: transparent !important; 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:#3b89ca;*/
	background:none;
}
.menu h1 {
    font-size:72px;
    text-align:center;
    padding:30px;
	line-height:100%;
    color:#fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


/* ******** */
/* POSTCODE /*
/* ******** */
.mod_postcode_box {
    background:#dc0619;
    color:#fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border:solid 2px #fff;
    padding:10px 0;
}

.mod_postcode_box ul.dropdown-menu {
	background:#2eb30e;
    color:#fff;
}
.mod_postcode_box ul.dropdown-menu a {
    color:#fff;
}
.mod_postcode_box ul.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background:#fff;
    color:#2eb30e;
    font-weight:bold;
    text-shadow:none;
}
.mod_postcode_box > .input-append { margin:0px; }
.mod_postcode_box .lead { margin:0px; font-size: 42px; line-height: 110%; }

.mod_postcode_box .btn-group button, .mod_postcode_box #mod_postcode_box_pc {
    height:46px;
    font-size:18px;
}

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

/* Desktop */
@media (min-width: 979px) {
    .navwrap .navbar-inner {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .navwrap .main-menu {
        width:100%;
    }
    .navwrap .main-menu>li {
        display:inline-block;
        width:20%;
        text-align:center;
    }
    /*.home .container, .home .navbar-static-top .container, .home .navbar-fixed-top .container, .home .navbar-fixed-bottom .container {*/
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1100px;
    }
    .navwrap { margin-bottom:20px; }
}


/* Not Desktop */
@media (max-width: 979px) {
    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
        color: #E21021;
    }
    .mod_postcode_box .lead { margin:0px; font-size: 28px; }
    .navwrap .navbar-inner .main-menu ul.dropdown-menu {
      background: none;
    }
    .navwrap .navbar-inner .main-menu ul.dropdown-menu>li>a {
        font-size:18px;
        padding:8px 15px;
    }
    /* ************* */
    /* OPEN & CLOSED */
    /* ************* */

    .status-CLOSED,
    .status-OPEN {
        text-shadow:none !important;
        margin: 0px 0px 10px !important;
        padding: 10px 17px;
        text-shadow: none;
        border-left: solid 1px #C8AFB7 !important;
        font-size: 17px !important;
        text-align:center;
        border: solid 2px #fff !important;
        
    }

    .status-CLOSED {
        color: #fff !important;
        background-color: #848282;
        border-color: #B60202;
    }
    .status-OPEN {
        color: #fff !important;
        background-color: #26960B;
        border-color: #dff0d8;
    }
}


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

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
footer, .vendor { text-align:center !important;  }
	footer .span4 { padding:10px 0; }
	.pm-mobile-center img { text-align:center; margin:0 auto; }
    .ad {
        text-align:center;
    }
    body {
        padding-left:5px;
        padding-right:5px;
    }
    #body { padding:10px; }
    
    .carousel-control { display:none; }
    footer {
        max-width: 1100px;
        margin: 60px auto 0px;
    }
    
    .mod_postcode_box .lead { margin-bottom:10px; }
}

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


/*BTN DANGER */
.btn-danger {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FE2626;
	*background-color: #FE2626;
	background-image: -moz-linear-gradient(top, #FE2626, #B70303);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE2626), to(#B70303));
	background-image: -webkit-linear-gradient(top, #FE2626, #B70303);
	background-image: -o-linear-gradient(top, #FE2626, #B70303);
	background-image: linear-gradient(to bottom, #FE2626, #B70303);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE2626', endColorstr='#B70303', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn[disabled] {
	background-color: #FE2626;
	background-image:none;
	}


.menu ul.tb-nav li { padding:0px 3px; }

.openingstatusMobile { text-transform:uppercase; }

/**-------------------- GOOGLE PLUS --------------------------**/ 
.social_media_links  { 
   margin:0 auto; 
   padding:10px 0; 
   text-align:center; 
} 
.social_media_links img,
.social_media_links img:hover { 
    max-width:40px;
} 
.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:45px !important; 
}
.social_media_links .btn-danger:hover {
    background:none !important;
}