
body .visible-seaford { display:none !important; } 
body .hidden-seaford { display:inherit !important; } 
body.shop_seaford .hidden-seaford { display:none !important; }
body.shop_seaford .visible-seaford { 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 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #ffffff;

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

	background-repeat: repeat;
	background-attachment: scroll;
	background-size: contain;
}

header, #mobile-header {

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

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

/* DISPLAY NONES ----------------------------------------------- */
.row_phones,
#opening-status.mobile-opening,
.voucher_box .success > span, 
.home h1,
.ct_details_bar,
.home .home-about,
.home hr,
.home .home_social,
.navIcons.mobileNavIcons {
	display: none;
}

/* GENERAL / WIDTHING ---------------------------------------------fa-- */

body {
	background-size: auto;
}

p,
a,
li,
small,
label,
.table th, 
.table td, 
.alert,
.menu .ui-tabs-vertical .ui-tabs-panel,
.btn {
 	font-family: 'Museo Sans 500', sans-serif;   
}

body {
 	padding-bottom: 0;   
}

.well,
#container {
	border: none;
	box-shadow: none;
	border-radius: 0;
    background: #fff;
}

.well {
	border-radius: 10px;
    border: 3px solid #6b1109;
}

#container,
.home #body {
	width: 100%;
	padding: 0;
}

#container {
	background: none;
}

#body,
footer .row-fluid,
#responsive-food-menu .navbar-inner,
.ct_details_bar_content,
.home header .ct_header_row,
header .ct_header_row,
.ct_details_bar,
.home .switcher,
.homeOffers .row-fluid,
.homeDelivery .row-fluid {
	max-width: 1170px;
	margin: 0 auto;
}

#body {
 	padding: 10px;   
}
.page_members #body{
    padding: 30px;
}
.home #body {
    padding: none;
}

.home .main .column_modules div > * {
	text-align: center;
}

.home #body {
	max-width: 100%;
    position: relative;
}

.home header {
 	position: absolute;
    top: 35px;
    left: 0;
    z-index: 999;
    width: 100%;
}

.homeSection {
    box-sizing: border-box;
 	padding: 0 10px;  
}


.website-image {
	text-align: center; 
}

.website-image img {
	border-radius: 10px;
}

.red {
	color: #6f1314;
}

.green {
 	color: #0e7e3f;   
}

.navIcons i.loggedin {
	color: #04a74b;
}

.greenStroke {
	text-shadow: rgb(14, 126, 63) 3px 0px 0px, rgb(14, 126, 63) 2.83487px 0.981584px 0px, rgb(14, 126, 63) 2.35766px 1.85511px 0px, rgb(14, 126, 63) 1.62091px 2.52441px 0px, rgb(14, 126, 63) 0.705713px 2.91581px 0px, rgb(14, 126, 63) -0.287171px 2.98622px 0px, rgb(14, 126, 63) -1.24844px 2.72789px 0px, rgb(14, 126, 63) -2.07227px 2.16926px 0px, rgb(14, 126, 63) -2.66798px 1.37182px 0px, rgb(14, 126, 63) -2.96998px 0.42336px 0px, rgb(14, 126, 63) -2.94502px -0.571704px 0px, rgb(14, 126, 63) -2.59586px -1.50383px 0px, rgb(14, 126, 63) -1.96093px -2.27041px 0px, rgb(14, 126, 63) -1.11013px -2.78704px 0px, rgb(14, 126, 63) -0.137119px -2.99686px 0px, rgb(14, 126, 63) 0.850987px -2.87677px 0px, rgb(14, 126, 63) 1.74541px -2.43999px 0px, rgb(14, 126, 63) 2.44769px -1.73459px 0px, rgb(14, 126, 63) 2.88051px -0.838247px 0px;
}


.whiteStroke {
   	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px !important;
}

.redStroke {
 	text-shadow: rgb(111, 19, 20) 3px 0px 0px, rgb(111, 19, 20) 2.83487px 0.981584px 0px, rgb(111, 19, 20) 2.35766px 1.85511px 0px, rgb(111, 19, 20) 1.62091px 2.52441px 0px, rgb(111, 19, 20) 0.705713px 2.91581px 0px, rgb(111, 19, 20) -0.287171px 2.98622px 0px, rgb(111, 19, 20) -1.24844px 2.72789px 0px, rgb(111, 19, 20) -2.07227px 2.16926px 0px, rgb(111, 19, 20) -2.66798px 1.37182px 0px, rgb(111, 19, 20) -2.96998px 0.42336px 0px, rgb(111, 19, 20) -2.94502px -0.571704px 0px, rgb(111, 19, 20) -2.59586px -1.50383px 0px, rgb(111, 19, 20) -1.96093px -2.27041px 0px, rgb(111, 19, 20) -1.11013px -2.78704px 0px, rgb(111, 19, 20) -0.137119px -2.99686px 0px, rgb(111, 19, 20) 0.850987px -2.87677px 0px, rgb(111, 19, 20) 1.74541px -2.43999px 0px, rgb(111, 19, 20) 2.44769px -1.73459px 0px, rgb(111, 19, 20) 2.88051px -0.838247px 0px;   
}

.slideContent.disc .redStroke {
 	text-shadow: rgb(33, 20, 132) 3px 0px 0px, rgb(33, 20, 132) 2.83487px 0.981584px 0px, rgb(33, 20, 132) 2.35766px 1.85511px 0px, rgb(33, 20, 132) 1.62091px 2.52441px 0px, rgb(33, 20, 132) 0.705713px 2.91581px 0px, rgb(33, 20, 132) -0.287171px 2.98622px 0px, rgb(33, 20, 132) -1.24844px 2.72789px 0px, rgb(33, 20, 132) -2.07227px 2.16926px 0px, rgb(33, 20, 132) -2.66798px 1.37182px 0px, rgb(33, 20, 132) -2.96998px 0.42336px 0px, rgb(33, 20, 132) -2.94502px -0.571704px 0px, rgb(33, 20, 132) -2.59586px -1.50383px 0px, rgb(33, 20, 132) -1.96093px -2.27041px 0px, rgb(33, 20, 132) -1.11013px -2.78704px 0px, rgb(33, 20, 132) -0.137119px -2.99686px 0px, rgb(33, 20, 132) 0.850987px -2.87677px 0px, rgb(33, 20, 132) 1.74541px -2.43999px 0px, rgb(33, 20, 132) 2.44769px -1.73459px 0px, rgb(33, 20, 132) 2.88051px -0.838247px 0px;   
}
.slideContent.disc .greenStroke {
 	text-shadow: rgb(25, 106, 206) 3px 0px 0px, rgb(25, 106, 206) 2.83487px 0.981584px 0px, rgb(25, 106, 206) 2.35766px 1.85511px 0px, rgb(25, 106, 206) 1.62091px 2.52441px 0px, rgb(25, 106, 206) 0.705713px 2.91581px 0px, rgb(25, 106, 206) -0.287171px 2.98622px 0px, rgb(25, 106, 206) -1.24844px 2.72789px 0px, rgb(25, 106, 206) -2.07227px 2.16926px 0px, rgb(25, 106, 206) -2.66798px 1.37182px 0px, rgb(25, 106, 206) -2.96998px 0.42336px 0px, rgb(25, 106, 206) -2.94502px -0.571704px 0px, rgb(25, 106, 206) -2.59586px -1.50383px 0px, rgb(25, 106, 206) -1.96093px -2.27041px 0px, rgb(25, 106, 206) -1.11013px -2.78704px 0px, rgb(25, 106, 2062) -0.137119px -2.99686px 0px, rgb(25, 106, 206) 0.850987px -2.87677px 0px, rgb(25, 106, 206) 1.74541px -2.43999px 0px, rgb(25, 106, 206) 2.44769px -1.73459px 0px, rgb(25, 106, 206) 2.88051px -0.838247px 0px;   
}

a,
a:hover,
a:focus,
.label-copyright a,
em,
h1 small,
table .text-success,
.home footer a,
.home footer a:hover,
.home footer a:focus {
	color: #0e7e3f;
    text-decoration: none;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
	margin-left: 0;
}

legend {
	color: #6b1109;
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend,
.mod_postcode_box .lead,
.well .loyalty-caption h3 {
    font-family: 'Reliable DEMO';
    font-weight: normal;
    line-height: 1;
    color: #6b1109; 
}


.mod_postcode_box .lead,
.well .loyalty-caption h3 {
 	color: #fff;   
}

.switcher-nav li.switcher-cat-nav,
h3.sectionHeaderSmall {
 	font-family: 'Museo Sans 500', sans-serif;   
}

.home h1, 
.home h2, 
.home h3, 
.home h4, 
.home h5, 
.home h6,
.modal h1, 
.modal h2, 
.modal h3, 
.modal h4, 
.modal h5, 
.modal h6,
.homeSection.homeMenu h2,
.homeSection.homeOffers h2 {
    color: #6f1314;
}

.homeSection.homeMenu h2,
.homeSection.homeOffers h2 {
    line-height: 1;
    font-weight: normal;
}

.homeSection.homeOffers h2 {
	font-size: 50px;
}

.homeSection.homeMenu h2 {
	font-size: 37px;
}

.homeSection h2 {
 	color: #fff;   
}

.home .h2 {
	font-size: 50px;
    
}

.ui-widget-content h4 {
	font-size: 26px;
}

.ui-widget-content h4,
.menu .media-heading,
.well h1,
.well h2,
.well h3,
.well h4,
.well h5,
.well h6,
.checkout h4,
.checkout h5 {
	color: #6b1109;
}

.page_checkout .product-basket th,
.page_checkout .product-basket td. ol > li > ol,
.page_checkout .well-basket small,
.page_checkout .well-basket .note-delivery small,
.page_checkout #dlgResetPassword .muted {
	color: #fff;
}


ol > li > ul,
ul > li > ol,
ul > li > ul {
	margin: 0 0 10px 25px;
}

hr,
.nav-list .divider {
    border-top: 1px solid #6b1109;
    border-bottom: 1px solid #6b1109;
}

.menu #body-bottom-hr {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.handwriting {
 	font-family: "Sriracha", sans-serif;   
}

/* INPUTS ------------------------------------------------------- */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.page_members .btn-group .btn.dropdown-toggle,
#responsive-food-menu button,
.checkout h4 {
	border-radius: 0;
    font-family: 'Museo Sans 500', sans-serif; 
}

#frmLogin .btn,
#frmRegister .btn {
	height: 30px;
}

.page_members #frmMyProfile .btn-group .btn.dropdown-toggle {
    height: auto;
    border: solid 1px #bdbdbd;
    background: #ffffff;
    color: #444;
}

.page_members #frmMyProfile .btn-group .btn.dropdown-toggle:hover,
.page_members #frmMyProfile .btn-group .btn.dropdown-toggle:focus {

}

/* TABLE ---------------------------- */
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,
.table-hover tbody tr.ui-state-highlight:hover > th,
.table-hover tbody tr.ui-state-highlight:hover > td,
.row-odd,
.row-product:hover {
	background: none;
}

.table th,
.table td,
.table-bordered {
	border-color: #303030;
}

/* ALERTS (postcode box styling will overwrite) ----------------------------------------------- */

.home .alert {
	margin-bottom: 0 !important;
}

.modal,
.modal-header,
.modal-footer,
.alert,
.popover-title {
	border-radius: 0;
	border: none;
	box-shadow: none;
}

.popover-title {
    background: #6b1109;
    color: #fff !important;
}
.popover-title{
    font-size: 20px;
}

.modal {
	background: #fff;
	color: #000;
}

.modal-header {
	background: #0e7e3f;
}

.modal-footer {
    background: #0e7e3f;
}

.modal-header *,
.modal-footer * {
	color: #fff !important;
}

.modal-body,
.popover,
.popover-content {
	background: #fff;
	color: #000;
}

/* modal element readability */
.modal-header,
.modal-footer,
.modal-footer .price,
#productModalPrice,
#productSpecialDealPrice {
	color: #fff !important;
}

/*modal-body option selection background */
.modal-body .well {
	background: #fff;
	color: #000;
}

.btn-option {
 	font-size: 14px !important;   
}

/*modal carets */
#editProductModal .btn-option .caret,
#editSpecialDealModal .btn-option .caret {
	border-top-color: #000;
	border-bottom-color: #000;
}

#editProductModal .btn-option.btn-success .caret,
#editSpecialDealModal .btn-option.btn-success .caret,
#editProductModal .btn-option.btn-info .caret,
#editSpecialDealModal .btn-option.btn-info .caret,
#editProductModal .btn-option.btn-danger .caret,
#editSpecialDealModal .btn-option.btn-danger .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#editProductModal .btn-info .caret,
#editSpecialDealModal .btn-info .caret .alert {
	text-align: center;
	text-shadow: none;
}

.alert {
	background-color: #0e7e3f;
	color: #fff;
}

.alert-error,
.alert-danger {
	background: #840000;
}

.alert-warning {
	background: #d04015;
}

.alert-success {
	background: #26980a;
}

.alert-info {
	background: #0a6a98;
}

/* alert close button */
.well-small.sys-alert .lead,
.well.sys-alert button.close,
#editProductModal .close {
	color: #fff;
}

/* HEADER / NAV BAR ----------------------------------------------- */
header {
 	padding: 10px 0; 
    background-repeat: repeat;
}

.home header {
    background: none;
	box-sizing: border-box;
	padding: 10px;
}

header .ct_header_row {
	display: flex;
    justify-content: center;
    align-items: center;
}

header .navbar {
 	display: flex;
    justify-content: center;
    align-items: center;   
}

.navbar .brand {
	text-shadow: none;
}

.navbar .main-menu li,
.navbar .nav a {
	/*navbar center */
	display: inline-block;
	text-align: center;
	float: none;
    border-bottom: 4px solid transparent;
}

.navbar {
 	margin-bottom: 0 !important;   
}

.navbar .nav {
	text-align: center;
	float: none;
}

/* style nav bar */
.navbar-inner {
	background: none;
    border: none;
    box-shadow: none;
}

.navbar .nav,
header .navbar-inner {
 	padding-right: 0;
    padding-left: 0;
    margin-right: 0;
}

.navbar .nav > li > a,
.nav-collapse .nav > li > a,
#editProductModal .dropdown-menu > li > a,
#editSpecialDealModal .dropdown-menu > li > a {
	background: none;
	text-shadow: none;
	box-shadow: none;
    color: #fff;
}

.navbar .nav > li > a,
.nav-collapse .nav > li > a {
	font-size: 21px;
    padding: 10px 0;
    margin: 0 10px;
}
.page_members .dropdown-menu{
    background: #fff;
    color: #444;
}
.nav-collapse .dropdown-menu a {
 	color: #fff;   
}
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	color: #ffc113;
}

.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: #fff;
    background: none;
    border-bottom: 4px dashed #fff;
}

#editProductModal .dropdown-menu > li > a:hover,
#editProductModal .dropdown-menu > li > a:focus,
#editSpecialDealModal .dropdown-menu > li > a:hover,
#editSpecialDealModal .dropdown-menu > li > a:hover {
	background: #6b1109;
    color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	box-shadow: none;
    color: #fff;
    background: none;
    border-bottom: 4px dashed #fff;
    border-radius: 0;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.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 {
    border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background: none;
}

.navIcons {
 	margin-left: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.navIcons i {
 	color: #fff;     
    font-size: 26px;
    text-align: center;
    margin-left: 5px;
}

.navIcons i:hover,
.navIcons i:focus {
	color: #0e7e3f;
}


#zp-offcanvas-menu .uk-offcanvas-bar {
	background: #0e7e3f;
    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 {
	color: ;
}

#zp-offcanvas-basket #order-empty {
	margin-bottom: 15px;
}

.dropdown-menu {
	background: #0e7e3f;
}

.mod_postcode_box .dropdown-menu {
	background: #158427;
}

.dropdown-menu li {
	width: 100%;
	text-align: center;
}

.dropdown-menu > li:hover,
.dropdown-menu > li:focus {
	background: none;
}

.dropdown-menu > li > a {
	color: #fff;
}
.page_members .dropdown-menu > li > a{
    color: #444;
}
.page_members .dropdown-menu > li > a:hover{
    color: #0e7e3f;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #ffc113;
    background: none;
}

.mod_postcode_box .dropdown-menu > li > a:hover,
.mod_postcode_box .dropdown-menu > li > a:focus {
    color: #ffc113;
}

#responsive-food-menu {
	background: #6b1109;
	color: #fff;
    border-radius: 0;
}



/* CT DETAILS BAR / OPEN STATUS --------------------- */
#opening-status {
    margin-left: -5px;
    position: relative;
    top: -3px;
}

.status-OPEN {
	color: #23a538 !important;
}

.status-CLOSED {
	color: #c01a2a !important;
}
.ct_local_branch_details{
    color: #fff;
    text-align: left !important;
    margin-top: 5px;
}
/* SLIDESHOW ---------------------------------------- */

#myCarousel {
	margin: 0;
}

#myCarousel .item,
#myCarousel img {
 	width: 100%;   
}

.carousel-inner {
    max-height: 710px;   
}

#myCarousel

.carousel-control {
	background: none;
	border: none;
	color: #fff;
	top: 95%;
	width: 20px;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #fff;
	opacity: 0.9;
}

.carousel-caption {
 	top: 0;
    background: none;
    display: flex;
    align-items: center;
    max-width: 1170px;
    margin: 0 auto;  
}

.slideContent * {
 	line-height: 1.2 !important;   
}

.carousel-caption .slideContent p {
 	font-size: 26px; 
    font-weight: bold;
    margin: 20px 0 30px;
    letter-spacing: 1px;
}

.carousel-caption .slideContent .handwriting {
 	font-size: 26px;   
}

.carousel-caption .slideContent h2 {
 	color: #fff;
    font-size: 66px;
    margin: 0 auto;
    font-family: 'Reliable DEMO', sans-serif !important;
}

.carousel-caption .slideContent .btn {
    box-sizing: border-box;
 	display: block;  
    max-width: 236px;
    margin-top: 20px;
    border-radius: 10px;
    line-height: 2;
    font-size: 24px;
    padding: 7px;
}

.slideContent small {
    font-size:12px;
}


/* POSTCODE BOX  ----------------------------------------------- */

header,
.mod_postcode_box {
    background-image: url("/myimages/927/zpos-bg-Seaford_RedBG.jpg");
    background-position: center;
    background-size: auto;
}

.mod_postcode_box {
    box-sizing: border-box;

    border-radius: 0;
    
    padding: 10px 0;
    margin-bottom: 0;  
}

.column_modules div > .inner-border {
    border-left: none;
    border-right: none;
    padding: 40px 0;
    border-radius: 0;
}

.column_modules div.homeLoyaltyPoints > .inner-border {
    box-sizing: border-box;
 	padding: 40px 20px;   
    max-width: 1902px;
    margin: 0 auto;
}

.mod_postcode_box .lead {
    font-size: 50px;
    color: #fff;
    margin: 0 auto;
}

.mod_postcode_box .caret {
	transition: transform 0.2s;
}

.mod_postcode_box .btn-group.open .btn.dropdown-toggle .caret {
	transform: rotate(180deg);
}

#mod_postcode_box_pc {
 	height: 64px;
    border-radius: 5px 0 0 5px;
    width: 480px;
}

.mod_postcode_box .btn-group.open .btn.dropdown-toggle,
.mod_postcode_box .btn-group > .btn:first-child {
	padding: 20px 55px;   
    border-radius: 0 5px 5px 0;
}

.btn:hover, .btn:focus {
 	
}

.mod_postcode_box .input-append {
	margin: 25px auto; 
}

.mod_postcode_box .btn-group>.btn,
.mod_postcode_box .btn-group > .btn:first-child,
#mod_postcode_box_pc,
#mod_postcode_box_pc::placeholder {
 	font-size: 24px; 
    line-height: 1;
}

/* psotcode box text color */
#mod_postcode_box_pc,
#mod_postcode_box_pc::placeholder {
	color: #888888;
    font-family: "Secular One", sans-serif;
}

.mod_postcode_box .muted {
 	color: #fff;
    font-size: 16px;
}

/* HOME STYLES  ----------------------------------------------- */

.homeSection {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #1e1e20;
    color: #fff;
}

.home .homeMenu .h2 {
    padding: 50px 0 20px;
}

.homeLoyaltyPoints,
.homeDelivery {
 	background-size: auto;
    background-repeat: repeat;
}

.homeLoyaltyPoints {
    background-image: url("/myimages/927/zpos-bg-Seaford_GreenBG.jpg");
    padding: 15px 0;
}

.homeLoyaltyPoints .span3 {
    text-align: left !important;
    padding-top: 20px;
}

.homeDelivery {
    overflow: auto;
	background-image: url("/myimages/927/zpos-bg-Seaford_RedBG.jpg");
    padding: 15px 0;
}

.homeDelivery .span6 img {
    float: right;
    width: 100%;
}


.sectionHeader {
	margin-top: 0;
}

.sectionHeader * {
	line-height: 1.2;
    font-weight: normal;
}

.sectionHeader .greenStroke {
 	font-size: 56px;
}

.loyaltyPointsDesc .sectionHeader {
	font-size: 76px;
}

.loyaltyPointsDesc .sectionHeader * {
 	font-weight: bold;   
}

/*
.loyaltyPointsDesc .sectionHeader {
	margin-bottom: 0;
}
*/

h3.sectionHeaderSmall {
 	font-size: 40px; 
    color: #fff;
    margin: 0;
}

.homeDelivery .span6 *,
.loyaltyPointsDesc * {
   text-align: left !important; 
}

.homeDelivery p,
.loyaltyPointsDesc p {
	font-size: 20px;
    line-height: 1.1;
    margin: 25px auto;
}

.homeDelivery .span6:last-child {
    padding: 30px 0;
}

.homeDelivery .span6 .sectionHeader {
	max-width: 510px;
}

.homeSection .handwriting {
 	font-size: 24px; 
    line-height: 1;
    margin: 0;
}

/* WEBSITE BUTTONS / LABELS  ----------------------------------------------- */

.inner-border {
    border: 2px dashed #fff;
    padding: 7px 14px;
    border-radius: 4px;
}

header .inner-border {
    padding: 25px 0;
	border-left: none !important;
    border-right: none !important;
}

.homeSection .btn {
	font-size: 24px;
    padding: 7px;
    border-radius: 10px;
    float: left;
    line-height: 1;
}

/* default--*/
.btn,
.btn-group,
.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
#responsive-food-menu .btn-navbar .text-info {
	text-shadow: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
    font-family: "Secular One", sans-serif;
}

.btn { 
    background: #6f1314;
    color: #fff;
    border-radius: 6px;
}

.btn:hover,
.btn:focus,
.btn-group.open .btn.dropdown-toggle {
    background: #9c101e;
    color: #fff;
}

.page_members .btn .caret,
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
	border-top-color: #000;
	border-bottom-color: #000;
}

.btn-default {
	background: ;
}

.btn-default:hover,
.btn-default:focus {
	background: ;
}

/* primary --*/
.btn-primary,
.btn-primary,
.alert-primary,
.label-primary,
.badge-primary {
	background: #1f3eaf;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #112c8e;
}

/* success --*/
.btn-add,
.btn-success,
.label-success,
.badge-success,
#responsive-food-menu .btn-navbar,
.page_menu .row-product .btn-success,
#editProductModal .btn-group > .dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success {
	background: #23a638;
}

.btn-add:hover,
.btn-add:focus,
.btn-success:hover,
.btn-success:focus,
.page_menu .row-product .btn-success:hover,
.page_menu .row-product .btn-success:focus,
#responsive-food-menu .btn-navbar:hover,
#responsive-food-menu .btn-navbar:focus,
.btn-group.open .btn-success.dropdown-toggle {
	background: #177b27;
}

.text-success {
	color: #0e6510;
}

/* --menu mobile navbar -- */
#responsive-food-menu .btn-navbar.ctrl-mob-nav-search {
	background: none !important;
}

#responsive-food-menu .btn-navbar .text-info {
	color: #fff;
}

#responsive-food-menu .btn-navbar {
	height: unset;
}

/* danger--*/
.btn-remove,
.btn-danger,
.btn-danger,
.alert-danger,
.label-danger,
.badge-danger,
.alert-error,
#editProductModal .btn-group > .dropdown-toggle.btn-danger,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger {
	background: #6f1314;
}

.btn-remove:hover,
.btn-remove:focus,
.btn-danger:hover,
.btn-danger:focus {
	background: #50090a;
}

.text-danger,
.text-error {
	color: #ad1212;
}

/* warning --*/
.btn-warning,
.alert-warning,
.label-warning,
.badge-warning {
	background: #ef7224;
}

.btn-warning:hover,
.btn-warning:focus {
	background: #c75711;
}

.text-warning {
	color: #c55200;
}

/* info --*/
.btn-info,
.alert-info,
.label-info,
.badge-info,
.modal-body .btn.dropdown-toggle.btn-info,
#editProductModal .btn-info,
#editSpecialDealModal .btn-info,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-info,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info{
	background: #119dc7;
}

.btn-info:hover,
.btn-info:focus,
.modal-body .btn.dropdown-toggle.btn-info:hover,
.modal-body .btn.dropdown-toggle.btn-info:focus,
.modal .btn-group.open .btn-info.dropdown-toggle #editProductModal .btn-info:hover,
#editSpecialDealModal .btn-info:hover,
#editProductModal .btn-info:focus,
#editSpecialDealModal .btn-info:focus {
	background: #0788af;
}

.text-info {
	color: #004c9a;
}

/* other --*/
.text-muted,
.muted {
	color: #757575;
}

#myCarousel .muted {
	color: #cacaca;
}

.btn-inverse,
.alert-inverse,
.label-inverse,
.badge-inverse {
	background: #212121;
}

.btn-inverse:hover,
.btn-inverse:focus {
	background: #151515;
}

#responsive-food-menu .btn-navbar {
	/* menu page "change catergory" button*/
	text-shadow: none;
	box-shadow: none;
	padding: 10px;
	margin-bottom: 5px;
	background: #bb2d39;
	color: #fff;
}

.btn .fa-caret-right {
	margin-left: 5px;
}


/* mobile btn-navbar */
header .btn-navbar {
	background: none !important;
	box-shadow: none !important;
    margin-top: 0 !important;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus {
	background: none;
}

/* nav btn lines */
header .navbar .btn-navbar .icon-bar {
	width: 25px;
	height: 2px;
	background: #6f1314;
}

header .navbar .btn-navbar:hover .icon-bar,
header .navbar .btn-navbar:focus .icon-bar {
	background: #0e7e3f ;
}

/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box {
	background: #0e7e3f !important;
    color: #fff;
}

.loyaltypoints_box .row-credits .well {
	/* border around counters */
	border-radius: 0;
    color: #0a9821;
}

.loyaltypoints_box .lead {
 	color: #fff;   
}

.loyaltypoints_box .ui-widget-header {
	border: none;
}

.loyaltypoints_box .btn-link {
	color: #fff;
}

.loyaltypoints_box .btn-link:hover,
.loyaltypoints_box .btn-link:focus {
    background: none;
	color: #fff;
}

.loyaltypoints_box .col-equals .ui-widget-header,
.loyaltypoints_box .col-equals .well {
	border: none;
	background: none;
    color: #fff;
}

/* MENU PAGE  ----------------------------------------------- */
.ui-widget-content,
.ui-widget-content a,
.page_menu .media-body,
.modal-body > * {
	color: #000;
}

.menu-selection .alert,
.menu-selection .alert *,
.how-im-ordering,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #0e7e3f;
	color: #fff;
}

.menu-selection .alert {
 	padding: 20px;   
}

.how-im-ordering small,
.how-im-ordering small:hover,
.how-im-ordering small:focus {
	color: #fff;
}

.how-im-ordering h2,
.navbar .brand {
	color: #fff;
    text-shadow: none;
}

#basket-container {
	background: #fff;
}

#basket-container .text-info {
	color: ;
}

#basket-container .text-error {
	color: ;
}

#basket-container .text-success {
	color: ;
}

.modal .media-body {
	text-align: center;
}

.modal .media-body ul {
	text-align: center;
	list-style: none;
	margin: 0;
}

.modal ul {
	text-align: center;
	list-style: none;
}

.modal small,
.modalsmall,
.media-body ul li {
	font-size: 15px;
}

.menu #order-empty {
	margin-bottom: 10px;
}

.row-product:hover,
.row-product:focus {
	background: transparent;
}

.menu-selection {
	color: ;
}

.menu-selection h1 {
	text-align: center;
	line-height: 110px;
	font-size: 50px;
}

/* menu page "add" buttons*/
.page_menu .row-product .btn-success {
	font-size: 16px !important;
    padding: 4px 5px 1px;
	margin-bottom: 5px;
}

.ui-tabs-nav,
.ui-tabs-menu,
.ui-state-default,
.ui-state-active {
	border: none !important;
}

/* menu background */
.menu .ui-tabs-menu {
	background: none;
	color: #000;
}

/* themeroller -  menu nav bg */
.ui-tabs-nav {
	background: #303030;
}

/* themeroller - list styles */
.ui-state-default {
	background: none !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #fff;
}

.ui-state-active,
.ui-state-default:hover,
.ui-state-default:focus {
	background: #0e7e3f !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:focus,
.ui-state-active a:hover,
.ui-state-default:hover a,
.ui-state-default:focus a {
	background: #0e7e3f;
	color: #fff !important;
	border-right-width: 0px !important;
}

/* themeroller - disabled categories */
.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: #545454;
	color: #bfbfbf !important;
}

/* themeroller - menu list */
.menu .ui-tabs-vertical .ui-tabs-panel {
    background: #fff;
	color: #000;
}

.ui-tabs-active,
.ui-tabs-active a,
.ui-state-default:hover,
.ui-state-default:focus,
.ui-state-default:hover a,
.ui-state-default:focus a,
.how-im-ordering,
.ui-tabs-menu .tb-nav-tabs,
.ui-tabs-menu .ui-tabs-panel {
 	border-radius: 7px !important;   
}

.ui-state-default a {
 	font-size: 20px;   
}

.row-odd {
	background: transparent;
}

/* menu headings */
.menu .media-heading {
	font-size: 24px;
	line-height: 1.4;
}

/* modals */
.modal-body .media-body {
	padding: 20px;
}

.modal-body .media-heading {
	line-height: 1.2;
}

.modal-body .caret {
	border-top-color: #000;
	border-bottom-color: #000;
    margin-top: 5px;
}

.modal-body .btn-danger .caret,
.modal-body .btn-success .caret,
.modal-body .btn-info .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

/* modal labels */
#editProductModal .modal-body h4 .name,
#editSpecialDealModal .modal-body h4 .name,
#editProductModal .modal-body h3,
#editSpecialDealModal .modal-body h3 {
	font-size: 45px;
	line-height: 1.2;
}

#editProductModal small,
#editSpecialDealModal small,
#editProductModal .modal-footer h3,
#editSpecialDealModal .modal-footer h3,
#editProductModal .type-choose-one .control-label,
#editSpecialDealModal .type-choose-one .control-label {
	font-size: 20px;
	line-height: 1.2;
}

#editProductModal .modal-body h5,
#editSpecialDealModal .modal-body h5 {
	font-size: 24px;
}

#editProductModal fieldset small,
#editSpecialDealModal fieldset small,
#editProductModal fieldset small .label-default,
#editSpecialDealModal fieldset small .label-default,
#editProductModal fieldset .btn-group > .dropdown-toggle,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle {
	font-size: 14px;
}

#editProductModal fieldset small .label-default,
#editSpecialDealModal fieldset small .label-default {
    background: #797979;
}

/* modal buttons */
#editProductModal fieldset .btn-group > .dropdown-toggle,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle {
	background: #d8d8d8;
	color: #000;
}

#editProductModal fieldset .btn-group > .dropdown-toggle.btn-success,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-success,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-info,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-danger,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-danger {
 	color: #fff;   
}

/* modal dropdowns */
#editProductModal .dropdown-menu,
#editSpecialDealModal .dropdown-menu {
	padding: 0px;
}

/* CONTACT / UI-HEADERS ----------------------------- */
/*contact headers */
.ui-widget-header,
.ui-widget > .ui-widget-header {
	background: #6b1109;
	color: #fff;
	border: none;
    font-size: 20px;
    font-weight: normal;
}

/*HOMEPAGE SWITCHER AND SECTIONS ---------------------------------------------- */

.homeMenu,
.homeOffers {
    padding: 50px 10px;
}

.homeMenu { 
 	background: #fff;  
    color: #242424;
}

.homeMenu h2,
.homeOffers h2 {
 	margin: 0 auto 25px;   
}

.switcher-nav,
.switcher-body {
	display: block;
}

.switcher-nav {
	margin: 0 auto;
}

.switcher-nav li.switcher-cat-nav {
	display: inline-block;
	cursor: pointer;
	border-bottom: 2px solid #706d6a;
	margin: 0 -2px;
    padding: 15px 30px;
    font-size: 21px;
}

.switcher-nav li.switcher-cat-nav:hover,
.switcher-nav li.switcher-cat-nav:focus {
	color: #6f1314;
	border-bottom: 2px solid #6f1314;
}

.switcher-nav li.switcher-cat-nav.switcher-nav-active,
.switcher-nav li.switcher-cat-navswitcher-nav-active:hover,
.switcher-nav li.switcher-cat-nav.switcher-nav-active:focus {
    color: #0e7e3f;
    border-bottom: 2px solid #0e7e3f;
}

.switcher-body {
 	padding-top: 40px;   
}

.switcher-body .row-fluid {
	display: none;
}

.switcher-body .row-fluid.switcher-body-active {
	display: block; 
}

.switcher-tile {
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	color: #242424;
	padding: 15px 15px 25px;
}

.switcher-tile.span3 {
	height: 415px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.switcher .priceBadge {
	background: #bc1522;
    padding: 2px 5px;
    color: #fff;
    border-radius: 5px;
}

.homeSection .switcher-tile .btn {
    font-size: 15px;
    padding: 10px 15px;
    float: none;
    margin-top: 15px;
}


/* MEMBERS  ----------------------------------------------- */
.hero-unit,
.hero-unit h1,
.jumbotron-order-complete h1 , 
.jumbotron-order-complete {
	background: #0e7e3f;
	color: #fff;
    border-radius: 10px;
}

.hero-unit a,
.hero-unit a:hover,
.hero-unit a:focus {
	color: #ffe000;
}

.jumbotron-order-complete .text-warning {
	color: #fff;
}

.sidebar-nav {
	background: #fff;
	color: #000;
}

.sidebar-nav .nav-list .active a,
.sidebar-nav .nav > li > a:hover,
.sidebar-nav .nav > li > a:focus {
	color: #fff;
	background: #0e7e3f;
}

.sidebar-nav .nav-list > li > a,
.sidebar-nav .nav-list .nav-header {
	text-shadow: none;
	color: #000;
}

/* FOOTER  ----------------------------------------------- */
footer {
	margin-top: 0;
    background: #fff;
    color: #6c100b;
}

footer .row-fluid {
	padding: 30px 30px 20px;
	width: auto;
}

footer .muted,
footer .muted a {
 	color: #6c100b;
}

footer .muted a {
 	text-decoration: underline;   
}

footer .muted a:hover,
footer .muted a:focus {
	color: #0e7e3f;
}

/* SOCIAL --------------------------------------------- */
.home_social {
	max-width: 100px;
	margin: 20px auto 0px;
}

.home_social .btn {
	padding: 0px;
}

.home_social a,
.home_social a:hover {
	background-color: none !important;
}

.home_social a:hover {
	transform: scale(1.1);
	transition: all 0.25s;
}

.home_social img {
	max-width: 50px;
}

/* ORDER PAGE  ----------------------------------------------- */
.jumbotron-order-complete {
	padding: 40px;
}

/* ADDITIONAL CHANGES  ----------------------------------------------- */

.homeOffers {
	background: #fff;
    padding-bottom: 40px;
}

.home .banner1 {
	margin-left: 0;
}

.home .banner1,
.home .banner2 {
    overflow: hidden;
}

.home .banner1 img,
.home .banner2 img {
	width: 100%;
    transition: 0.2s;
}

.home .banner1 img:hover,
.home .banner1 img:focus,
.home .banner2 img:hover,
.home .banner2 img:focus {
	transform: scale(1.015);
}

.well-login,
.voucher_box,
.well-login h5,
.voucher_box h5 {	
	color: #fff;
    background: #4a0600;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
	background: transparent;
}

.alert-error.well-large h1 {
	color: #fff;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
	background: none !important;
}
.page_checkout h5{
    font-size: 20px;
}

/* 404  ----------------------------------------------- */
.page_error-404 h2,
.page_error-404 h3 {
	color: #fff;
}

.page_error-404 .alert-error {
    background: #440607;
    border-radius: 10px;
}

/* CONTACT PAGE  ----------------------------------------------- */

/* T&CS PAGE  ----------------------------------------------- */
.page_information .page-header,
#info-company-information {
	text-align: center;
}

.page_information .page-header {
	border: none;

}

.page_information .official-document,
.page_information .official-document h1,
.page_information .official-document h2,
.page_information .official-document h3,
.page_information .official-document h4,
.page_information .official-document p h4,
.page_information .official-document p .page_information .official-document {
	font-family: "Arial", sans-serif;
}

.page_information .table th,
.page_information .table td,
.page_information .official-document h1,
.page_information .official-document h2,
.page_information .official-document h3,
.page_information .official-document p h4,
.page_information .official-document p {
	color: #000;
}


.trigger-paymentmethod .btn:hover,
.trigger-paymentmethod .btn:focus {
    background: #bdbdbd;
 	color: #000;
}

/* REVIEW PAGE  ----------------------------------------------- */

.page-review-order,
.page-review-order h1,
.page-review-order .lead {
	color: #6b1109;
}

.page-review-order .caret {
    border-top: 4px solid #fff;
}

@media (max-width: 1600px) {
    .loyaltyPointsDesc .sectionHeader {
        font-size: 56px;
    }
    
    h3.sectionHeaderSmall {
     	font-size: 30px;   
    }
}

@media (min-width: 1400px) {
    
    .loyaltyPointsDesc {
 		padding-left: 20px;   
    }
    
    .homeDelivery .span6:last-child {
		padding: 10px 0;
    }
    
    .carousel-inner,
    .carousel-caption {
        max-height: 710px;   
    }


}

@media (max-width: 1500px) {
    
    .home header {
		top: 15px;
    }
    
    .carousel-caption {
		top: 50px;
    }  
    .carousel-caption .slideContent h2 {
     	font-size: 56px;   
    }
    .carousel-caption .slideContent p {
		font-size: 32px;
    }
    .navIcons {
        margin-top: 5px;
    }
}

@media (max-width: 1200px) {
    
    header .inner-border {
     	padding: 25px 10px 15px;   
    }    
    
    .navbar .nav > li > a,
    .nav-collapse .nav > li > a {
		font-size: 16.5px;
        padding: 10px 0px;
    }
   
    .switcher-tile h3 {
     	line-height: 1;   
    }
    
    .loyaltyPointsDesc.span8 {
 		padding-left: 0;   
        margin-left: 0;
    }
    
    .carousel-caption .slideContent h2 {
     	font-size: 50px;   
    }
    .carousel-caption .slideContent p {
		font-size: 26px;
        margin-bottom: 10px;
    } 
    .carousel-caption .slideContent .handwriting {
		font-size: 22px;
    }
    
    .carousel-caption .slideContent .btn {
		padding: 7px;
        font-size: 18px;
    }
    .navIcons {
     	margin-top: 8px;   
    }
    #opening-status {
     	top: -4px;   
    }
    
    .homeDelivery p,
    .loyaltyPointsDesc p {
     	font-size: 18px;   
    }
    
    .homeSection .btn {
		font-size: 20px;
    }
    
    .navbar .brand {
		font-size: 17px;
    }
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    
    
    .navIcons,
    .homeLoyaltyPoints .span3,
    .homeLoyaltyPoints .span4,
    .homeDelivery .span6:first-child {
     	display: none;   
    }
    
    header .ct_header_row,
    header .navbar,
    .navIcons.mobileNavIcons,
    .homeLoyaltyPoints .span5,
    .homeDelivery .span6 {
		display: block;
        width: 100%;
    }
    
    .navIcons.mobileNavIcons {
        box-sizing: border-box;
		text-align: right;
        padding: 5px 15px 5px 0;
    }
    
    .home header {
		top: 0;
    }
    
    .loyaltyPointsDesc .sectionHeader {
		font-size: 62px;
    }
    
    .homeDelivery p, 
    .loyaltyPointsDesc p {
     	width: 85%;   
    }
    
    .homeLoyaltyPoints .span5,
    .homeDelivery .span6 {
		margin-left: 0;
    }
    
    .homeDelivery .span6 > *, 
    .loyaltyPointsDesc > * {
     	text-align: center !important;   
    }
    
    .homeSection a .inner-border {
     	float: none;   
        width: initial !important; 
        
    }
    
    .homeSection .btn {
		float: none;
    }
/*
	#opening-status.mobile-opening {
		display: block;
	}
*/
    
	.ct_details_bar .span6 {
		width: 100%;
		margin: 0;
		text-align: center !important;
		float: none;
	}

	.nav-collapse .dropdown-menu a {
		padding: 10px 0;
	}

	.nav-collapse li {
		width: 100%;
		display: block;
	}
    
    .carousel-indicators {
        top: unset;
        bottom: 15px;
    }
    
    .carousel-control {
		top: 50%;
    }
    
    
     .nav-collapse.in.collapse {
        background: #ffffff;
    	border-radius: 10px;
        border: 5px solid #690e07;
    }
    
    .navbar .nav > li > a {
		color: #fff;
    }
    
    .nav-collapse .nav > li > a,
    .nav-collapse.in.collapse li a {
        color: #690e07 !important;
    }
    
    .navbar .nav li.dropdown > .dropdown-toggle .caret {
     	 border-top-color: #690e07 !important;
    	border-bottom-color: #690e07 !important;  
    }
    
    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, #editProductModal .dropdown-menu > li > a:hover, #editProductModal .dropdown-menu > li > a:focus, #editSpecialDealModal .dropdown-menu > li > a:hover, #editSpecialDealModal .dropdown-menu > 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 {
		border-bottom: 4px dashed #690e07;
        border-radius: 0;
        color: #690e07;
    }
    
    .nav-collapse,
    .nav-collapse.collapse {
        background: #fff;
    	border-radius: 10px;
		border: none;
    }
    
    .carousel-caption .slideContent h2 {
		font-size: 40px;
    }
    .carousel-caption .slideContent p {
		font-size: 20px;
        margin-bottom: 5px;
    }
    .carousel-caption .slideContent .handwriting {
		font-size: 18px;
    }
    #opening-status {
     	font-size: 20px;
    }
    
    .homeDelivery .span6 .sectionHeader {
     	max-width: 100%;   
    }
    
    .homeDelivery .span6:last-child {
		padding: 0;
    }
    .nav-collapse.in.collapse li a:hover{
        color: #0e7e3f !important;
    }
}

@media (max-width: 920px) and (min-width: 767px) {
	.switcher .priceBadge {
        display: block;      
    	padding: 4px 5px 2px;
        max-width: 50px;
        margin: 5px auto 0;
    }
}
@media (max-width: 979px) and (min-width: 767px) {
    .navbar .btn-navbar{
        background: #fff !important;
    }
}
@media (max-width: 840px) and (min-width: 767px){
    #myCarousel {
     	height: 320px;   
    }
    
    .carousel-inner,
    #myCarousel .item,
    #myCarousel img {
     	height: 100%;   
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
		padding: 0;
	}

	body .inner-wrapper #body {
		box-sizing: border-box;
	}

	.ct_user_status,
	.ct_local_branch_details {
		text-align: center !important;
	}

	#body h1 {
		text-align: center;
		line-height: 1.4;
	}

	footer div,
	.span4.tr.vendor {
		margin-top: 10px;
		text-align: center !important;
	}
    
    .home header,
    header {     
        position: relative;
        padding: 10px 0;
        border-left: none;
        border-right: none;
        border-top: none;
    }
    
    .home header {
        padding: 20px 10px 5px;
        background-image: url(/myimages/927/zpos-bg-Seaford_RedBG.jpg);
        background-position: center;
        background-size: auto;   
    }
    
    header #logo {
		text-align: center;
        margin-bottom: 20px;
    }
    
    .navIcons.mobileNavIcons {
        position: absolute;
        width: 100px;
        top: 0;
        left: 0;
		text-align: left;
        width: unset;
        margin: 0;
        padding: 0;
    }
    
    header .navbar {
        position: relative;
        margin-bottom: 0 !important;
    }
    
    header .navbar-inner {
		width: 100%;
   	 	padding-left: 0;
    }
    
    .mod_postcode_box {
		height: unset;
        padding: 10px 0;
        box-sizing: border-box;
        border-radius: 0;
    }
    
    .mod_postcode_box .input-append > *,
    .mod_postcode_box .btn {
		display: block;
        border-radius: 10px !important;
    }
    
    .mod_postcode_box > .input-append {
        width: 95%;
        margin: 0 auto;
    }
    
    #mod_postcode_box_pc,
    .mod_postcode_box .btn {
     	width: 100%;   
    }
    
    .mod_postcode_box .lead {
     	margin-bottom: 20px;   
    }
    
    .mod_postcode_box .btn {
     	margin: 10px auto 20px;   
    }
    
    .switcher-tile.span3 {
		max-width: 70%;
   		 margin: 0 auto 20px !important;
         border-radius: 10px;
    }
    
    .nav-collapse, .nav-collapse.collapse,
    .nav-collapse.in.collapse {
        background: none;
        border-radius: 0;
        border: none;
    }
    
    .homeLoyaltyPoints {
	    padding: 25px 0;
    }
    
    .loyaltyPointsDesc * {
        text-align: center !important;  
    }
    
    .loyaltyPointsDesc > * {
        width: 100%;
    }
    
    .loyaltyPointsDesc .btn-danger {
     	max-width: 200px;
        margin: 0 auto;
        float: none;
    }
    
    .loyaltyPointsDesc.span8 {
        max-width: 90%;
    	margin: 0 auto;
    }
    
    .homeOffers .banner1 {
     	margin-bottom: 20px;   
    }
    
    .homeLoyaltyPoints .span4 {
		display: none;
    }

    .menu-selection h1 {
		margin-top: 40px;
    }
    
    .carousel-caption {
        top: 0;
        position: relative;
        background: #0e7e3f;
        text-align: center;
        margin: 0 auto;
        height: 255px;
        align-items: center;
        justify-content: center;
    }
    
    .carousel-caption .slideContent .btn {
		margin: 20px auto 0;
    }
    #opening-status {
     	top: -5px;   
    }
    
    .nav-collapse .nav > li > a, .nav-collapse.in.collapse li a {
        color: #fff !important;
    }
    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, #editProductModal .dropdown-menu > li > a:hover, #editProductModal .dropdown-menu > li > a:focus, #editSpecialDealModal .dropdown-menu > li > a:hover, #editSpecialDealModal .dropdown-menu > 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 {
		border-bottom: 4px dashed #fff;
        border-radius: 0;
        color: #fff;
    }
    
    .navbar .nav li.dropdown > .dropdown-toggle .caret {
        border-top-color: #fff !important;
    	border-bottom-color: #fff !important;
    }
    
    .homeMenu {
        background: #f3f3f3;
    }
    header .navbar .btn-navbar .icon-bar{
        background: #fff;
}
    
}


@media (max-width: 640px) {

	#ctl-lookupAddress,
	#ctl-forgotPassword {
		margin-top: 8px;
	}

	#ctl-lookupAddress {
		display: block;
	}

	#ctl-forgotPassword {
		display: block;
	}
    
    .switcher-tile.span3 {
		max-width: 90%;
   		 margin: 0 auto 20px !important;
       
    }
    
    .homeDelivery {
     	padding: 10px;   
    }
    
    .switcher-nav li.switcher-cat-nav {
		font-size: 16px;
    }
    
    .homeLoyaltyPoints {
     	padding: 10px 0;   
    }
    
    .slideContent {
        margin: 20px auto;   
    }
    
    .carousel-caption .slideContent h2 {
		font-size: 40px;
    }
    
    .carousel-caption .slideContent .btn {
        float: none;
    	margin: 20px auto;  
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .homeLoyaltyPoints {
	    padding: 30px 10px;;  
    }
    
    .homeLoyaltyPoints * {
        text-align: center !important; 
    }
    
    .homeLoyaltyPoints .btn {
     	float: none;   
    }
    
    .carousel-caption {
        top: 0;
        position: relative;
        text-align: center;
        margin: 0 auto;
        height: 355px;
        align-items: center;
        justify-content: center;
    }
}