.bg-blue { background: #07101F; } .text-blue { color: #07101F; } .hov-blue:hover { background: #07101F; } .bg-white { background: #FFFFFF; } .text-white { color: #FFFFFF; } .hov-white:hover { background: #FFFFFF; } .bg-offwhite { background: #F4F2E6; } .text-offwhite { color: #F4F2E6; } .hov-offwhite:hover { background: #F4F2E6; } .bg-green { background: #91AC6C; } .text-green { color: #91AC6C; } .hov-green:hover { background: #91AC6C; } 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	height: auto;
	width: 100%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	/* height: auto; */
	height: 100%; /* set to 100% for clever sticky footer */
}

/*** SITE LAYOUT SETTINGS ***/
body {
	font-family: 'Work Sans', arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: transparent; /* set to fixed color for vertical & vertical_inset */
	/*the following settings are for clever sticky footer */
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
#homewrap {
	width: 100%; /* 100% for stripes, set px for vertical & vertical_inset */
	width: calc(100% - 200px);
}
#homewrap {
	flex: 1; /* for clever sticky footer */
}
.centreme {
	margin: 0 auto;
	width: 100%; /* set px for stripes, 100% for vertical & vertical_inset */
	background-color: transparent; /* set color for vertical */
}
#header-sticky .centreme, #header .centreme {
	width: 100%; /* set to same as #homewrap width */
}
.centremeinner { /*vertical_inset carousel div should not contain this class, but all other (inset) centreme classes should */
	margin: 0 auto;
	width: 100%; /* set px (simulates padding), set same as centreme if no padding required */
	padding: 0; /*should only be needed for vertical_inset, use in conjunction with width, (only use L/R pad) */
	background-color: transparent; /* vertical_inset uses this to set BG color */
}
.fullwid {
	width: 100%; /*do not change this - class should be applied to all parent section divs*/
	overflow: hidden; /*do not change */
}
a {
	text-decoration: none;
	color: inherit;
}
p, h1, h2, h3, li {
	line-height: 1.2;
	margin: 0;
}
p , li {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6em;
}
strong, b {
	font-weight: 600;
}
p a, li a {
	text-decoration: none;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
}
p a:hover, li a:hover {
	color: #91AC6C;
	border-bottom: 1px dotted #91AC6C;
}
h1 {
	font-size: 50px;
	padding: 0 0 20px 0;
	text-transform: uppercase;
	line-height: 0.9em;
	max-width: 750px;
	float: right;
	width:80%;
}
h2 {
	font-size: 26px;
	padding: 10px 0 40px 0;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1em;
	max-width: 750px;
	float: right;
	width: 100%;
}
h3 {
	font-size: 18px;
	text-transform: uppercase;
}
blockquote {
	font-style: italic;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 4px solid #AAA;
	color: #666;
}
#oldIE {
	display: none;
	width: 100%;
	height: 20px;
	text-align: center;
	padding: 50px;
	font-size: 20px;
	background: #000;
	color: #FFF;
}
#header { /*only used if sticky header is false */
	background: #FFF;
}
#header-sticky { /*only used if site has a sticky header */
	/*background: #91ac6c;*/
	/*box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.3);*/
	position: fixed;
	z-index: 1040;
	padding-left: 0;
	margin-top: 0;
	/*height: 63px;*/
	height: 0;
	width: 100%;
}
#headerPadding { /*only used if site has a sticky header */
	height: 0;
	width: 100%;
	overflow: hidden;
}
#section1, #featured {
	padding: 0 0 0px;
	text-align: right;
}
#section1 p, #section2 p {
/*	padding: 0 0 10px 0;*/
	padding: 0;
	font-size: 18px;
	max-width: 750px;
	font-weight: 300;
	line-height: 1.4em;
}
#section1 p {
	float: right;
	width: 100%;
}
#section2 h1 {
	text-align: left;
	float: left;
	padding-left: 0;
	padding-bottom: 40px;
	width: 80%;
}
#section1 h2, #section2 h2 {
	width: 80%;
}
#section2 p {
	float: left;
	width: 100%;
}
#footer {
	padding: 5%;
	background-color: #07101F;
	color: #FFF;
	width: 90%;
}
#footer .threecol {
	width: 25%
}
#footer .footerHours {
	max-width: 550px;
	width: 50%;
	margin: auto;
}
#footer .colItemPad {
	padding: 15% 0%;
}
.heroBg {
	height: 750px;
}
.hero-content, .hero-content-sec {
	height: 750px;
	margin-top: -750px;
	position: relative;
	color: #FFF;
	padding: 0 15% 0 15%;
	width: 70%;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
}
.hero-content-sec {
	padding: 0 25% 0 15%;
}
.hero-content .signupinputhold {
	width: 100%;
	float: right;
	max-width: 600px;
	padding-bottom: 0;
}
.product_aggregate .heroBg, .cart .heroBg {
	height: 280px;
}
.product_aggregate .hero-content, .cart .hero-content {
	height: 280px;
	margin-top: -280px;
	overflow: hidden;
}
.cart .hero-content p {
	display: none;
}
.hero-content-flexhold, .content-flexhold {
	width: 100%;
}
.hero-content h1 {
	padding-top: 0;
}
.home .hero-content h1 {
	padding-top: 0;
}
.product_aggregate .hero-content h1, .cart .hero-content h1 {
	padding-top: 60px;
}
.exitholder {
	text-align: right;
	width: 10%;
	float: right;
	font-size: 24px;
}
.exitholder i:hover {
	color: #EE7118;
	cursor: pointer;
}
#home-recipes-banner {
	height: 300px;
}
#home-recipes-banner .heroBg {
	height: 300px;
}
#home-recipes-banner .hero-content-sec {
	height: 300px;
	margin-top: -300px;
	color: #FFF
	background: rgba(0,0,0,0.5);
	text-align: center;
	font-size: 3em;
	text-transform: uppercase;
}
/*** MENU SETTINGS ***/
#logoholder {
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	/*padding-top: 5px;
	padding-bottom: 15px;
	margin: 0px 22px 5px 25px;*/
}
#logo img { /*set image width (50% of natural width if retina) */
	width:200px;
	margin-bottom: -3px;
	/*margin-top: 63px;*/
}
#sidemenu {
	width: 200px;
	height: 100%;
	position: fixed;
	box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.5);
	z-index: 1040; /*was 9999 in front of lightbox*/
	right: 0;
	-webkit-transition: transform 0.2s ease-in-out;
	-moz-transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	background: #07101F;
}
#menu ul {
	list-style-type: none;
	padding: 0;
	float: right;
	margin: 0 0 0 0;
	width: 100%;
}

#menu li {
	display: block;
	font-size: 13px;
	line-height: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#menu li a {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-transform: uppercase;
	display: block;
	overflow: hidden;
	text-align: center;
	border-bottom: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 21px 15px;
	color: #fff;
	border-bottom: 1px solid #333;
}
#menu li a:hover {
	color: #fff;
	background-color: #EE7118;
}
#menu li .menuActiveState {
	color: #fff;
	background-color: #EE7118;
}
.menuTopBar {
	height: 0px; /*change this to make it work */
	margin-bottom: 0px; /*change this to make it work */
	width: 100%;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.menuUnderline {
	height: 0; /*add styling here to make it work if required */
	margin-bottom: 0px; /*change this to make it work */
	width: 100%;
	display: block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.menuTitle {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: 400;
}
#menu li a .inactiveMenu {

}
#menu li a .inactiveMenuTop {
	background: transparent;
}
#hamburger {
	font-size: 40px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}
#nav .showmenu {
	display: block;
}
#extramenu {
	width: 250px;
	right: 200px;
	z-index: 9999;
	position: fixed;
	top: 335px;
	background: ;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	display: none;
}
#overflowmenuul {
	padding: 10px 0;
}
#overflowmenuul li {
	display: block;
}
#overflowmenuul li a {
	display: block;
	padding: 15px 0;
}
#overflowmenuul li:hover {
	background: #555;
}
#overflowmenuul li a:hover {
	opacity: 0.7;
}
.socialholder img {
	height: 32px;
	opacity: 0.5;
}
#menu .socialholder a {
	padding: 22px 0;
	font-size: 25px;
}
#mobilehamburger {
	display: none;
}
/** Menu Search **/
#menu #searchIconHolder {
	padding-left: 0px;
	width: auto;
}
#searchfa {
	cursor: pointer;
}
#searchboxwrapper {
	position: absolute;
	text-align: center;
	width: 1000px;
	display: none;
}
#searchboxholder {
	float: right;
	background: #b4d6a0;
	padding: 10px 13px 11px 10px;
	border-radius: 5px;
	margin-top: 30px;
	display: none;
}
#searchboxholder2 {
	padding: 10px 13px 11px 10px;
	border-radius: 5px;
}
#searchbox, #searchbox2 {
	width: 50px;
	padding: 6px 4px;
	font-size: 14px;
	border: none;
}
#searchbox2 {
	width: 135px;
}
#searchbtn, #searchbtn2 {
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	background: #313131;
	color: #FFF;
	font-size: 12px;
	padding: 8px 15px 6px;
	margin-right: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-mox-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 3px;
}
#searchbtn:hover {
	background: #515151;
}
#cancelsearch {
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-mox-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#cancelsearch:hover {
	color: #D00;
}
#menu #mobilesearchholder {
	display: none;
}
/*** Landing page bits ***/
/*** landing page does not have side menu or top nav logo ***/
.landing1 #homewrap {
	width: 100%;
	background: #07101F;
}
.landing1 #sidemenu, .landing1 #header-sticky {
	display: none;
}
.landingimghold {
	width: 100%;
	height: 700px;
}
.landingimgoverlay {
	height: 700px;
	margin-top: -700px;
	color: #FFF;
	padding: 0 10%;
	text-align: center;
}
.landingimgoverlay h1, .landingimgoverlay h2 {
	width:100%;
}
.landingimgoverlay h1 {
	padding-top: 50%;
}
.landingfirstcol {
	text-align: right;
}
.landinglogohold {
	width: 200px;
	position: absolute;
	top: 0;
	margin-left: 200px;
	margin-left: calc(50% - 100px);
}
.landinglogohold img {
	width: 100%;
}
#popupBlanket {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 9999;
	display: none;
}
#popupholder {
	width: 100%;
	height: 100%;
	text-align: center;
}
#loginbox {
	margin: 100px auto 0;
	background: rgba(255,255,255,1);
	border-radius: 5px;
	padding: 30px;
	width: 40%;
	display: none;
	min-width: 550px;
	max-width: 550px;
}
.loginheader h1 {
 }
.loginheader {
	font-size: 24px;
	text-align: left;
	padding: 10px 0 30px 0;
	float: left;
	width: 90%;
}
.logininput {
	width: 76%;
	padding: 10px;
	float: right;
	border: 1px solid #eaeaea;
	margin: 0 0 10px 0;
}
.inplbl {
	text-align: left;
	float: left;
	margin: 13px;
}
.reqaccbtn, .forgetpwdbtn, .loginbtn {
	padding: 13px 25px;
	margin: 10px 2px 0 2px;
	float: right;
	text-transform: uppercase;
	border: none;
	width: 32%;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.reqaccbtn, .forgetpwdbtn {
	background-color: transparent;
	border: 1px solid #d5d5d5;
}
.reqaccbtn:hover, .forgetpwdbtn:hover {
	background-color: #d5d5d5;
	border: 1px solid #d5d5d5;
}
.loginbtn {
	background-color: #91AC6C;
	color: #ffffff;
	border: 1px solid transparent;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.loginbtn:hover {
	background-color: #07101f;
}
.landingpagebtn {
	padding: 13px 50px;
	margin: 0;
	background-color: #091322;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-top: 20px;
}
.landingpagebtn:hover {
	background-color: #91AC6C;
	color: #fff;
}
.continuelink {
	padding: 30px 0 10px 0;
	display: inline-block;
}
.continuelink:hover {
	color: rgba(7,16,31,0.6);
}
.loggedintopbar {
	position: relative;
/*	padding: 25px 0 25px 0;*/
	text-align: center;
	color: #000;
	z-index: 99;
/*	width: 65%;*/
	width: calc(100% - 480px);
	padding: 21px 0%;
	border-bottom: none;
	margin-left: 250px;
}
.loggedintopbar p {
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 140px 0 60px;
	text-align: right;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.loggedintopbar p a {
	border-bottom: none;
}
.loggedintopbar p a:hover {
	color: #05263D;
	border-bottom: none;
}
#carttopcontent {
/*	margin-right: -120px;*/
	margin-left: 50px;
	text-align: right;
	float: right;
/*	width: 220px;*/
/*	padding: 5px 0;*/
/*	margin-top: 16px;*/
	font-size: 14px;
	font-weight: 500;
}
#carttopcontent .fa {
	font-size: 11px;
	vertical-align: text-top;
	padding-top: 3px;
	color: #0c3a4d;
}
.cartmsghighlight {
	font-weight: bold;
	color: #000;
}
#cartPopupHolder {
	text-align: center;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1045;
	display: none;
}
#cartPopup {
	border-radius: 0;
	margin: 0 auto;
	margin-top: 121px;
	border: 10px solid rgba(0, 0, 0, 0.3);
	width: 20%;
}
#cartPopupMsg {
	color: #07101F;
	font-weight:500;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	padding: 5%;
	max-width: 400px;
	background: #ffffff;
	padding: 10%;
}
#cartsection  {
	margin-top: 50px;
}
#cartsection h1 {
	padding: 0;
	margin: 0 5%;
	width: 90%;
}
#cartcontents, #cartbottom {
	width: 90%;
	padding: 5%;
	overflow: hidden;
}
.cart h1 {
	max-width: 100%;
	padding: 0;
	margin: 0 0 40px 0;
	width: 90%;
	font-size: 21px;
	font-weight: 600;
	text-align: left;
	float: left;
}
.cartitem {
	padding: 30px;
	background: #efefef;
	margin-bottom: 5px;
}
#carttotalrow {
	padding: 40px 30px;
	text-align: right;
	background: #d4e3c0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
}
.cartitemtitle {
	width: 50%;
	display: inline-block;
	padding-right: 5%;
	line-height: 1.3em;
}
.cartnumhold {
	width: 5%;
	display: inline-block;
	vertical-align: baseline;
}
.cartitemnum {
	padding: 8px 0 9px 0;
	width: 80%;
	text-align: center;
	border: 1px solid #ccc;
}
.cartnumupdate {
	width: 20%;
	display: inline-block;
	vertical-align: baseline;
}
.cartnumupdatebtn, .cartnumremovebtn {
	 padding: 8px 15px 9px 15px;
	 margin-right: 3px;
	 border: 1px solid #ccc;
	 background-color: transparent;
	 color: #999;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
 }
.cartnumupdatebtn:hover, .cartnumremovebtn:hover {
	border-color: #000;
	background-color: #000;
	color: #fff;
}
.cartitemprice {
	width: 20%;
	display: inline-block;
	text-align: right;
	vertical-align: baseline;
}

.cartinplbl {
	text-transform: uppercase;
	font-weight: 400;
}
.carttextinp {

}
.carttextarea {

}
.cartsubmitbtn {

}
.cart #cart-body-content {
	padding: 0 5% 10% 0;
}

/*** Carousel settings ***/
#homeflex {
	width: 100%;
	overflow: hidden;
}
.hero_overlay { /*used on home page only*/
	color: #FFF;
	height: 520px;
	margin-top: -330px;
	right: 0;
	text-align: center;
	font-size: 40px;
	z-index: 99;
	position: absolute;
}
.hero_overlay p {
	font-size: 60px;
	line-height: 1;
}
.overlayDivHolder {
	width: 100%;
	position: absolute;
	text-align: center;
}
.overlayDiv {
	position: relative;
	z-index: 500;
	text-align: center;
	padding-top: 95px;
}
.overlayTitle {
	color: #FFF;
	font-size: 34px;
	text-transform: uppercase;
	font-size: 40px;
}
.homeImgHolder {
	overflow: hidden;
	float: right;
}
.home .galler {
	display: inline;
	padding: 1%;
}
.home .galler img {
	width: 12%;
}
.homeGal {
	padding: 0 7% 2% 7%;
}
.home .freshProduce h1 {
	padding: 0;
	float: left;
	width: 100%;
	color: #EE7118;
	font-size: 3em;
	margin-bottom: 20px;
}
.home .freshProduce .wid-34 .colItemPad {
/*	padding: 30% 15% 5% 30%;*/
	padding: 25% 5% 5% 30%;
 }
.freshProduce .colImageHold img {
	min-height: 100%;
}
.contact-us .colImageHold img,
.support-local .colImageHold img {
	min-height: 350px;
}
.products #section2 {
	padding: 7% 15% 2% 15%;
	width:70%;
}
.products #section2 h1, .products #section2 p {
	text-align: center;
	width: 100%;
	padding: 0 0 20px 0;
	max-width: 100%;
}
.productitem {
	width: 22%;
	display: inline-block;
	padding: 1%;
}
.prodbody {
	padding-bottom: 10px;
}
.prodbody p {
	font-size: 12px;
	line-height: 1.4;
}
#productCatList {
	background: #07101F;
	padding: 7% 5%;
	width: 90%;
	color: #fff;
	text-align: center;
}
#productCatList a {
	padding: 13px 20px;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#productCatList a:hover {
	background: rgba(255,255,255,0.2);
}
#productlist {
	padding: 5%;
	width: 90%;
}
#specialslist {
	/*padding: 5% 10%;
	width:80%;*/
	padding: 5%;
	width: 90%;
}
.prodtitle {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.1em;
	padding-bottom: 5px;
}
.proddetail {
	padding: 0 0 10px 0;
}
.SignupForm {
	text-align: right;
}
.signupheadline {
	padding-bottom: 20px;
	display: block;
	font-weight: 300;
}
.imgoverlay {
	position: absolute;
	background: rgba(0,0,0,.5);
	top: 0;
	width: 100%;
	height: 100%;
	height: calc(100% - 2px);
}
.flex-direction-nav, .flex-direction-nav li, .flex-disabled {
	display: none;
}
.flex-active-slide {
	position: relative;
}
.prevslide, .nextslide {
	position: relative;
	z-index: 10;
	cursor: pointer;
	color: #CCC;
	font-size: 65px;
	font-family: 'Wire One', sans-serif;
	opacity: 0.5;
	width: 40px;
	display: none;
	padding-top: 200px;
	padding-left: 20px;
}
.nextslide {
	right: 0;
	float: right;
	padding-right: 20px;
}
.prevslide:hover, .nextslide:hover {
	color: #FFF;
}
/*** Section Aggregate Template ***/
#aggTop {
	padding: 30px 0;
}
#topAggItem {
	overflow: hidden;
	padding: 10px 0px 10px 0px;
}
.aggSectionName {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 5px 0px 10px 0px;
}
.aggItemTitle {
	font-size: 42px;
	font-weight: 900;
	line-height: 1em;
}
.aggItemPreview {
	margin-top: 15px;
	font-size: 17px;
	color: #7b8486;
	font-weight: 300;
	line-height: 1.3em;
}
.pagination {
	padding: 5px 8px;
	margin-right: 5px;
	border: 1px solid #CCC;
	background: #f1f5f6;
	color: #888;
	display: inline-block;
}
.activePagination {
	border: 1px solid #FFF;
	color: #000;
	background: #ffffff;
}
#loadmorebtn {
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 1.5% 1%;
	border: 3px solid #000000;
	width: 20%;
	text-align: center;
	margin: 0 auto;
}
#loadmorebtn:hover {
	border-color: #697072;
	color: #697072;
}
/*** Tiles ***/
.tileImage {
	overflow: hidden;
}
.tileBottom {
	text-align: left;
	height: 100px;
	overflow: hidden;
	background: #FFF;
	margin-top: -2px;
	padding: 20px 20px 30px 0px;
}
.tileSectionName {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 70px 0 10px 10px;
	display: inline-block;
	padding: 7px 12px;
	color: #FFF;
	border-radius: 5px;
}
.tileBottom .tileSectionName { /*when in the bottom section (not overlaid) */
	margin-top: 0;
	margin-left: 0;
}
.tileName {
	font-size: 16px;
	font-weight: bold;
	margin-left: 15px;
}
.tileBottom .tileName {
	margin-left: 0;
}
.tileOne {
	overflow: hidden;
	float: left;
	width: 98%;
	margin: 20px 1% 0 1%;
	position: relative;
}
.tileTwo {
	overflow: hidden;
	float: left;
	width: 49%;
	margin: 20px 0 0 2%;
	position: relative;
}
.tileTwo:nth-of-type(2n) { /*items 0,2,4,6 etc - end of col */
	margin-right: 0;
}
.tileTwo:nth-of-type(2n+1) { /*items 1,3,5,7 etc - start of col */
	margin-left: 0;
}
.tileTwo .tileImage {

}
.tileTwo .tileBottom {

}
.tileTwo .tileSectionName {

}
.tileTwo .tileName {

}
.tileThree {
	overflow: hidden;
	float: left;
	width: 32%;
	margin: 20px 0 0 2%;
	position: relative;
}
.tileTwo .tileImage {

}
.tileTwo .tileBottom {

}
.tileTwo .tileSectionName {

}
.tileTwo .tileName {

}
.tileThree:nth-of-type(3n) { /*items 0,3,6 etc - end of col */
	margin-right: 0;
}
.tileThree:nth-of-type(3n+1) { /*items 1,4,7 etc - start of col */
	margin-left: 0;
}
.tileThree .tileImage {

}
.tileThree .tileBottom {

}
.tileThree .tileSectionName {

}
.tileThree .tileName {

}
.tileFour {
	overflow: hidden;
	float: left;
	width: 23.5%;
	margin: 20px 0 0px 2%;
	position: relative;
}
.tileFour:nth-of-type(4n) { /*items 0,4,8 etc - end of col */
	margin-right: 0;
}
.tileFour:nth-of-type(4n+1) { /*items 1,5,9 etc - start of col */
	margin-left: 0;
}
.tileFour .tileImage {

}
.tileFour .tileBottom {

}
.tileFour .tileSectionName {

}
.tileFour .tileName {

}
.tileFive {
	overflow: hidden;
	float: left;
	width: 18.4%;
	margin: 20px 0 0px 2%;
	position: relative;
}
.tileFive:nth-of-type(5n) { /*items 0,5,10 etc - end of col */
	margin-right: 0;
}
.tileFive:nth-of-type(5n+1) { /*items 1,6,11 etc - start of col */
	margin-left: 0;
}
.tileFive .tileImage {

}
.tileFive .tileBottom {

}
.tileFive .tileSectionName {

}
.tileFive .tileName {

}
.tileThree, .tileFour, .tileTwo, .tileFive, .tileOne {
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.tileThree:hover, .tileFour:hover, .tileTwo:hover, .tileFive:hover, .tileOne:hover {
	opacity: 0.7;
}
.tileItemOverlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	color: #FFF;
	position: absolute;
	opacity: 1;
}
.newTileLoadedFromAjax { /* keep this one last in tiles */
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*** Columns ***/
.colholder { /*will always be 100% - this is the row */
	width: 100%;
	overflow: hidden;
	display: flex;
}
.twocol {
	width: 50%;
	float: left;
	margin-right: 0%;
	margin-bottom: -3px;
	position: relative;
	align-items: stretch;
}
.twocol:nth-of-type(2n) {
	margin-right: 0;
}
.twocol img, .threecol img, .fourcol img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	/*height: 400px;*/
	height: 100%;
}
.threecol {
	width: 33.3%;
	float: left;
}
.threecol:nth-of-type(3n) {
	/*	margin-right: 0;*/
	width: 33.4%;
}
.fourcol {
	width: 23.5%;
	float: left;
	margin-right: 2%;
}
.fourcol:nth-of-type(4n) {
	margin-right: 0;
}
.colItem {
	position: relative;
	width: 100%;
}
.colItemBody {
	align-items: stretch;
	height: 100%;
}
.colItemPad {
	padding: 15% 10%;
	/*padding: 15% 10% 15% 20%;*/
}
.colItemBody h1 {
	font-size: 35px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.colbody p {
	font-size: 14px;
	line-height: 1.3;
}
.threecol .colItemBody {
	overflow: hidden;
}
.threecol .colItemPad {

}
.threecol .colDoubleHeight {

}
.moreinfbtn {
	color: #000;
	border: 1px solid #000;
	padding: 6px 10px;
	margin-top: 15px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
.colOverlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: rgba(0,0,0,0.5);
}
.colOverlay h1 {
	font-weight: 300;
	padding-top: 8%;
	text-align: center;
	width: 100%;
	font-size: 50px;
	max-width: 100%;
	background: rgba(255,255,255,0.7);
	height: 15%;
	margin-top: 555px;
}
.recipeTwoCol h1, .specialsText .colOverlay h1 {
	margin: 0;
	bottom: 0;
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.specialsText .colOverlay h1 {
	background: rgba(0,0,0,0.7);
}
.specialsText .colOverlay h1:hover {
	background: rgba(0,0,0,0.5);
}
.recipeTwoCol h1 {
	color: #000;
}
.recipeTwoCol h1:hover {
	background: rgba(255,255,255,0.5);
}
.twocol:nth-of-type(2n) {
}
.recipeitem {
	padding: 0 22% 0 0;
}
.recipes .twocol {
	 padding: 0 0 5% 5%;
 }
.recipes .submitRecipe {
	padding: 0;
	width: 100%;
}
.recipes .submitRecipeText {
	padding: 10%;
	text-align: right;
	width: 60%;
}
.recipes .submitRecipeText .colItemBody  p {
	text-align: right;
}
.recipes #section1, .recipes #featured {
	padding-bottom: 5%;
}
.recipeitem p, .recipeitem li {
	line-height: 1.4em;
	text-align: left;
}
.recipeTitle {
	font-size: 32px;
	padding-bottom: 20px;
	font-weight: 400;
}
.our-service .twocol, .contact-us .twocol {
	padding: 0;
	background: #07101F;
	color: #fff;
}
.our-service .whiteBG .twocol, .contact-us .whiteBG .twocol  {
	background: transparent;
	color: #000;
	text-align: right;
}
.contact-us .whiteBG .twocol {
	text-align: left;
}


.whiteBG .colItemPad {
}
.whiteBG .colholder {
	/*padding: 5% 10%;*/
	width: 100%;
}
.panOverlay .colholder {
	padding-bottom: 125px;
	position: relative;
	z-index: 97;
}
.minusMargin {
	margin-top: -70px;
}
.contact-us .colItemBody h1 {
	width:100%;
	padding:0;
	font-size: 50px;
	padding-bottom: 20px;
}
.our-service h2, .contact-us h2 {
	width: 100%;
	padding: 0 0 20px 0;
	text-transform: capitalize;
	font-size: 2em;
}
.our-service p, .our-service li {
	font-weight: 300;
	line-height: 1.6em;
}
.darkBG {
	background: #07101F;
	color: #fff;
	padding: 8% 15%;
	/*width: 70%;*/
	width: 70%;
/*	max-width: 750px;*/
}
.darkBG .colItemPad {
	padding: 0;
}
.darkBG .colItemBody h1, .darkBG .colItemBody p {
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 0;
	max-width: 100%;
	font-weight: 300;
}
.darkBG .colItemBody h1 {
	padding-bottom: 20px;
	font-weight: 400;
}
.specials .darkBG {
	/*padding: 5% 15%;*/
	padding: 8% 15%;
}
.specials .colImageHold img {
	max-height:400px;
}
.SignupText, .SignupForm {
	padding: 0;
}
.SignupForm {
	width: 70%;
	max-width: 650px;
	padding-left: 10%;
}
.SignupText {
	width: 35%;
}
.darkBG .SignupText .colItemBody p  {
	text-align: left;
	width:100%;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.1em;
	font-weight: 300;
}
.opaqueoverlaybg {
	background: rgba(0,0,0,0.5);
}
.colImageHold {
	height: 100%;
	width: 100%;
}
.colImageHold img {
	height: 100%;
	width: 100%;
	object-fit: cover;
/*	max-height: 650px;*/
	margin-bottom: -3px;
	min-height: 550px;
}
.panPng {
	position: absolute;
}
.panPng .colImageHold img {
	height: 85%;
	float: left;
}
.colImageHold .panPng img {

}
/*** Forms settings ***/
#uploadBlanket {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
	position: fixed;
	display: none;
}
#upload_div {
	margin: 100px auto;
	width: 400px;
	overflow: hidden;
	background: #FFF;
	padding: 10px 40px 40px;
}
#uploadsubmit, #uploadcancel {
	background: #B4D6A0;
	color: #FFF;
	padding: 10px 30px;
	cursor: pointer;
	border: none;
	margin-right: 20px;
}
#upload_div, #upload_target {
	display: none;
}
#former {
	text-align: left;
	padding: 0px;
	margin-top: 20px;
}
#former .formSectionTitle {
	color: #FFF;
	line-height: 1.4;
	text-align: center;
	font-size: 14px;
	width: 94%;
}
.saver {
	width: 90%;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	padding: 0 5%;
	font-size: 14px;
	background: #ffffff;
	height: 40px;
}
.cart .saver {
	margin: 10px 0;
	padding: 4px 10px;
	height: 30px;
}
#cartnotes {
	height: 120px;
	padding:10px;
}
.cartsubmitbtn {
	padding: 16px 40px;
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	background: #91ac6c;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom: 50px;
}
.cartsubmitbtn:hover {
	background:#07101F;
}

#former select {
	width: 100%;
}
#former .formSectionTitle {
	font-size: 14px;
	background: #b4d6a0;
	padding: 12px 10px;
	line-height: 1;
	margin-top: 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	width: 101%;
}
#former textarea {
	font-family: arial, sans-serif;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#former .inputlbl {
	text-transform: uppercase;
	font-weight: 400;
}
.signupInputEmail {
	padding: 13px 20px 16px 20px;
	width: 61%;
	border: none;
	font-size: 14px;
}
.signupBtn {
	padding: 13px 40px 16px 40px;
	background-color: #EE7118;
	color: #fff;
	text-transform: uppercase;
	border: none;
	font-size: 14px;
	cursor: pointer;
	font-weight: 300;
	letter-spacing: 1px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.signupBtn:hover {
	background-color: #d55c07;
}
.inputlbl {
	color: #313131;
	margin-bottom: 10px;
	margin-top: 25px;
	padding: 0px;
	width: 100%;
}
.reqtext {
	color: #EE7118;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	margin-left: 10px;
	font-weight: 500;
}
.addToCartBtn, .numItems {
	padding: 10px;
	text-transform: uppercase;
	border: none;
	background: #91AC6C;
	width: 50%;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.addToCartBtn:hover {
	background-color: #6f8c47;
}
.numItems {
	background: #000;
	color: #fff;
	width: 50px;
	cursor: text;
}
.formImageFilename {
	display: none;
}
.submitter, .submitGreenBtn {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 16px 40px;
	background: #91AC6C;
	text-transform: uppercase;
	border: none;
	color: #ffffff;
	margin-bottom: 40px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-weight:300;
	letter-spacing: 1px;
}
.submitter:hover {
	background: #313131;
}
.submitGreenBtn:hover {
	background-color: #fff;
	color: #0b0b0b;
	border-bottom: 0;
}
.whiteBG .submitGreenBtn:hover {
	background-color: #0b0b0b;
	color: #fff;
}
.redborder {
	border: 1px solid #FF0000;
}
#uploadBtn, #chooseUploadBtn {
	padding: 16px 40px;
	background-color: #313131;
	color: #fff;
	border: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	cursor: pointer;
	border-radius: 3px;
}

/*** Article page ***/
.itemheadline {
	font-size: 30px;
	margin: 20px 0;
}
.article_div {
	padding: 20px 0 50px;
}
.article_div ul, .article_div ol {
	margin: 0 20px;
}
.articlebody {

}
.articlebody p, .articlebody li {
	font-size: 15px;
	line-height: 1.4;
}
.articlebody img {
	margin: 20px auto;
}
.article_area .centremeinner, .article_contentDiv .centremeinner {
	overflow: hidden;
}
.article_contentDiv {

}
.articlelhs {
	width: 69%;
	margin-left: 1%;
	float: left;
	overflow: hidden;
}
.articlerhs {
	width: 28%;
	margin-left: 1%;
	margin-right: 1%;
	overflow: hidden;
	float: right;
}
#relatedTiles {
	padding-top: 70px;
}
#relatedTiles h1 {
	font-size: 18px;
}
/** Tags **/
#tagholder {
	margin-top: 20px;
}
.taghead {
	font-size: 12px;
	font-weight: bold;
}
.tagger {
	font-size: 11px;
	background: #F0F0F0;
	border: 1px solid #DDD;
	padding: 5px 10px;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
	display: inline-block;
	border-radius: 3px;
}
.tagger:hover {
	background: #DDD;
}
.wid768 {
	width: 768px;
	margin: 0 auto;
}
#footer .threecol {
	font-size: 12px;
	padding-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
}
#footer p {
	text-align: center;
	text-transform: capitalize;
	font-size: 16px;
	padding-top: 20px;
	line-height: 1.4em;
}
#footer img {
	max-width: 220px;
	width: 80%;
}

/*** Social stuff ***/
.fb-comments, .fb-comments iframe[style], .fb-comments span {
	width: 90% !important;
}

/* image gallery (not inline Ace Gall) */
.gallerydiv, .galleryholder {
	overflow: hidden;
	position: relative;
}
.galleryholder {
	height: 320px;
}
.galimage {
	display: block;
	float: left;
	margin-left: 6px;
}
.galimagebig {
	display: block;
	float: left;
	padding-left: 0px;
	z-index: 95;
	position: relative;
}
.gallerypage {
	display: block;
	float: none;
	overflow: hidden;
	padding: 10px 0;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gallerypage .galimage:nth-of-type(4), .gallerypage .galimage:nth-of-type(5) {
	margin-top: 6px;
}
.gallery_left_arrow, .gallery_right_arrow {
	height: 300px;
	position: absolute;
	z-index: 98;
	color: #FFF;
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.5);

}
.gallery_left_arrow:hover, .gallery_right_arrow:hover {
	background: rgba(0, 0, 0, 0.8);
}

.gallery_left_arrow {
	left: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.gallery_right_arrow {
	right: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.lrh {
	padding-top: 130px;
	display: block;
}

.galimage img, .galimagebig img {

}
.vis {
	opacity: 1;
}
.invis {
	opacity: 0;
}
/** inline gallery from Hanna (for Ace and TWA sites etc) ***/
.inlineGallery {
	overflow: hidden;
}
.wid-66 {
	width: 66.6%;
}
.wid-66 .colItemBody {
	height: 360px;
}
.wid-34 {
	width: 33.4%;
}
#menu .menuWholesaleLogin {
	display: none;
}
#wcatselecthold {
	padding-top: 50px;
}
.wcatselp {

}
#wcatselector {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 22px;
	padding: 5px;
	border-radius: 5px;
}
#wcatselecthold .signupBtn {
	padding-top: 11px;
	padding-bottom: 11px;
}
#productCatList .customorderbtn {
	background-color: #91AC6C;
	color: #FFF;
	margin-top: 20px;
}

@media screen and (min-width: 2000px) { /*for super wide screens, stripes */
	#header-sticky {
		padding-left: 15%;
	}
	.home h1 {
		padding-top: 20%;
	}
	h1, h2 {
		max-width: 100%;
	}
	.loggedintopbar {
		width: calc(100% - 800px);
	}
	.hero-content {
		width: 60%;
		padding: 0 15% 0 25%;
	}
	.hero-content h1 {
		padding-top: calc(35%);
	}
	.hero-content-sec {
		width: 60%;
		padding: 0 25% 0 15%
	}
	#section1 p {
		max-width: 80%;
		padding-left: 20%;
		float: initial;
	}
	#section2 p {
		max-width: 80%;
		padding-right: 20%;
		float: initial;
	}
	.signupinputhold {
		width: 100%;
	}
	.signupInputEmail {
		margin-top: 0;
	}
	.loggedintopbar p {
		margin: 0 100px;
	}
	.colOverlay h1 {
		height: 16%;
	}

}
@media screen and (min-width: 1400px) {
	.minusMargin {
		margin-top: 0;
	}
	.panOverlay .colholder {
		padding-bottom: 0;
	}
	.panPng .colImageHold img {
		height: 100%;
		min-height: 50%;
	}
}


@media screen and (max-width: 1350px) {
	/*less than full width */
	#footer .colItemPad {
		padding: 15% 5%;
	}
	.signupinputhold {
		width: 100%;
		margin: auto;
	}
	#footer .signupInputEmail {
		width: 68%;
	}
	#footer .signupBtn {
		width: 78%;
		margin-top:6px;
	}
}

@media screen and (max-width: 1199px) {  /*less than full width */
	#hamburger {
		display: inline-block;
		top: 24px;
		font-size: 35px;
		color: #444;
		right: 30px;
		position: absolute;
	}
	#menu li {
		border-bottom: 1px solid #333;
		color: #fff;
	}
	#menu li a {
	}
	#menu .socialholder a {
		padding: 18px 0;
	}
	#logoholder {
		padding: 0;
/*		height: 80px;*/
		height: 0;
		width: 88%;
	}
	#logo img {
		width: 20%;
	}
	#sidemenu {
		right: auto;
		margin-left: 100%;
		box-shadow: none;
		width: 300px;
		top: 65px;
		height: 100%;
		background: #07101F;
		z-index: 998;
	}
	.landingimgoverlay h1 {
		padding-top: calc(70%);
		font-size: 40px;
	}
	.loggedintopbar {
/*		padding: 21px 0 25px 50%;*/
		padding: 21px 0 25px 0;
		width: calc(100% - 350px);
	}
	.loggedintopbar p {
		color: #07101f;
	}
	.loggedintopbar p a:hover {
		color: #91ac6c;
	}
	#carttopcontent .fa {
		color: #91ac6c;
	}
	#mobilehamburger {
		display: inline-block;
		float: right;
		font-size: 33px;
		margin-right: 0;
		color: #91ac6c;
		z-index: 999;
		position: absolute;
		top: 14px;
		right: 20px;
	}
	#carttopcontent {
		margin-right: -50px;
		text-align: right;
	}
	#menu .menuWholesaleLogin {
		display: block;
		background: #91ac6c;
	}
	.menuWholesaleLogin .fa {
		margin-right: 10px;
	}
	.wholesaleLogin {
		display: none;
	}
	#homewrap {
		width: 100%;
	}
	.specials .darkBG {
		padding: 5% 10%;
		width: 80%;
	}
	.addToCartBtn, .numItems {
		width: 100%;
		padding: 13px 0;
		margin: 0 0 2px 0;
		text-align: center;
	}
	#moremenuhold {
		width: 100%;
	}
	.galimage  {
		width: 29%;
		margin-right: 0;
		margin-left: 1%;
		overflow: hidden;
	}
	.galimagebig  {
		width: 40%;
		margin-right: 0;
		margin-left: 0;
		overflow: hidden;
	}
	.article_area {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	#header-sticky {
		width: 100%;
		right: auto;
		background: rgba(255,255,255,1);
		left: 0;
		height: 65px;
	}
	#footer .colItemPad {
		padding: 8%;
	}
	.SignupForm {
		width: 60%;
		padding-left: 0;
	}
	.SignupText {
		width: 40%;
	}
	.signupInputEmail {
		padding: 13px 0px 16px 20px;
		width: 70%;
		text-align: center;
		text-align: left;
		margin-top: 0px;
	}
	.signupBtn {
		width: 21%;
		margin-top: 5px;
		padding: 13px 0 16px 0;
	}
	#footer .signupInputEmail {
		width: 64%;
	}
	#footer .signupBtn {
		width: 30%;
		margin-top: 0;
	}
	.colOverlay h1 {
	}
	.home .hero-content h1 {
		padding-top: calc(30%);
	}
	#footer .colholder {
		display: flex;
		flex-wrap: wrap;
	}
	#footer .colItemPad {
		padding: 8% 8% 0 8%;
	}
	#footer .threecol {
		width: 50%;
		order: 2;
	}
	#footer .threecol:nth-of-type(2) {
		order: 1;
	}
	#footer .footerHours {
		max-width: 100%;
		width: 60%;
		padding-bottom: 0;
	}
	.contactMap {
		height: 400px;
	}
}

@media screen and (max-width: 1000px) {
	/*use for vertical_inset layout only */
	.centreme {
		width: 100%;
	}
	.centremeinner {
		width: 100%;
	}
	h1 {
		font-size: 35px;
		padding: 0 0 20px 0;
		max-width: 100%;
		width: 100%;
		padding-top: calc(35%);
	}
	p, li {
		line-height: 1.4em;
	}
	.landingimgoverlay {
		text-align: center;
	}
	.landingimgoverlay h1 {
		font-size: 50px;
		padding-top: calc(50%);
		text-align: center;
	}
	.landingimgoverlay h2 {
		font-size: 24px;
		text-align: center;
	}
	.heroBg {
		height: 600px;
	}
	.hero-content, .hero-content-sec {
		height: 600px;
		margin-top: -600px;
	}
	.hero-content h1 {
		padding-top: calc(45%);
	}
	.twocol, .threecol, .fourcol {
		width: 100%;
	}
	#section1 h1 {
		max-width: 80%;
		width: 80%;
	}
	#section1 h2, #section2 h2 {
		width: 100%;
		padding-bottom: 30px;
	}
	#section2 h1 {
		padding-bottom: 20px;
		max-width: 100%;
		width: 100%;
	}

	h1, .home .freshProduce h1 {
		font-size: 35px;
		padding-bottom: 20px;
	}

	h2 {
		font-size: 25px;
		padding-bottom: 10px;
		font-weight: 300;
	}

	p, li {
		font-size: 14px;
		font-weight: 300;
		line-height: 1.4em;
	}

	#section1 p, #section2 p {
		font-size: 15px;
		font-weight: 300;
		line-height: 1.4em;
/*		padding-bottom: 30px;*/
	}

	.darkBG .colItemBody h1 {
		font-size: 25px;
	}

	.home .freshProduce .wid-34 .colItemPad {
		padding: 0;
	}

	.wid-34,
	.wid-34:nth-of-type(1n)
	{
		width: 80%;
		padding: 10%;
	}

	.colOverlay h1 {
		font-size: 40px;
		padding-top: 6%;
		height: 16%;
	}
	.colImageHold img {
		height: 100%;
		min-height: 350px;
	}
	.colImageHold {
/*		max-height: 400px;*/
	}
	.centerGal {
		text-align: center;
	}
	.home .galler img {
		width: 16%;
	}
	.productitem {
		width: 31%;
	}
	.product_aggregate .hero-content h1, .cart .hero-content h1 {
		padding-top: 160px;
	}
	.panPng .colImageHold img {
		height: 100%;
	}
	.panOverlay .colholder {
		padding-bottom: 0;
	}
	.minusMargin {
		margin-top: 0;
	}

}

@media screen and (max-width: 959px) { /*tablet landscape*/
	.centreme, #homewrap, .centremeinner {
		width: 100%;
	}
	.centremeinner { /*use for padding override if required */

	}
	.heroImgHolder {
		position: relative;
		float: right;
		width: 100%;
		overflow: hidden;
	}
	#homeflex .heroImgHolder {
		float: none;
	}
	.heroImgHolder img {
		position: relative;
		left: calc((1200px - 100%) / -2);
	}
}

@media screen and (max-width: 900px) {
	.loggedintopbar {
		padding: 21px 0 25px 0;
	}

	#specialslist {
		padding: 7%;
		width: 86%;
	}

	.productitem {
		width: 46%;
		padding: 2%;
	}

	.colItemPad {
		padding: 10%;
	}

	#logoholder {
		padding: 0;
	}

	#logo img {
		width: 150px;
		margin-top: 0;
		background: #ccc;
	}

	.our-service h2, .contact-us h2 {
		padding: 0 0 20px 0;
		font-size: 28px;
	}

	.darkBG {
		width: 80%;
		padding: 10%;
	}

	.darkBG .SignupText .colItemBody p {
		text-align: center;
		padding: 20px 0 30px 0;
	}

	.signupheadline {
		text-align: center;
	}

	.signupinputhold {
		padding-bottom: 35px;
	}

	.signupInputEmail {
		width: 65%;
		text-align: left;
		padding-left: 3%;
	}

	.signupBtn {
		width: 28%;
	}

	.twocol, .colItemBody .colItemPad {
		width: 100%;
	}

	.heroBg {
		height: 600px;
	}

	.hero-content, .twocol .hero-content-sec {
		height: 600px;
		margin-top: -600px;
	}

	.recipes .twocol {
		padding: 0 5% 5% 5%;
		width: 90%;
	}

	.recipeitem {
		padding: 0 5% 5% 0;
	}

	.recipeTitle {
		font-size: 35px;
	}

	.recipeitem p, .recipeitem li {
		text-align: left;
	}

	.submitRecipeText h2 {
		text-align: left;
		max-width: 100%;
		padding-bottom: 30px;
	}

	.recipes .submitRecipe {
		padding: 0;
		text-align;
		width: 100%;
	}

	.recipes .submitRecipeText {
		padding-top: 5%;
		text-align: left;
	}

	.recipes .submitRecipeText .colItemBody p {
		text-align: left;
	}

	/*	.cartitemtitle {*/
	/*		width: 65%;*/
	/*		position: absolute;*/
	/*	}*/
	/*	.cartnumupdate {*/
	/*		width: 75%;*/
	/*		padding-top: 40px;*/
	/*	}*/
	/*	.cartitemprice {*/
	/*		vertical-align: top;*/
	/*		width: 20%;*/
	/*	}*/
	#cartcontents {
		padding: 7% 5%;
	}

	.cartitemtitle {
		width: 100%;
		position: relative;
	}

	.cartnumhold {
		width: 20%;
		display: inline-block;
	}

	.cartnumupdate {
		width: 50%;
		padding-top: 20px;
	}

	.cartitemprice {
		vertical-align: baseline;
		width: 20%;
		padding-top: 30px;
		float: right;
	}
	.colImageHold img {
/*		min-height: 400px;*/
	}


	.hero-content h1 {
		padding-top: calc(55%);
	}
	.whiteBG .colItemPad {
		padding-top 10%;
		padding-bottom: 15%;
		margin-top: 0;
/*		padding-top: 0;*/
/*		margin-top: -25px;*/
	}
	.panOverlay .colItemPad {
		padding-top: 0;
		margin-top: -25px;
	}

	.panPng {
		position: relative;
	}
	.panPng .colImageHold img {
		min-height: 100%;
		max-height: 100%;
		width: 70%;
		float: left;
	}
	#loginbox {
		min-width: 70%;
		padding: 5%;
	}
	.cart h1 {
		max-width: 100%;
		padding: 0 0 5% 0;
		margin: 0;
		width: 90%;
	}
	.logininput {
		width: 95%;
		float: inherit;
	}
	.inplbl {
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}
	.loginbtn {
		width: 100%;
	}
	.reqaccbtn, .forgetpwdbtn {
		width: 49%;
		padding: 12px 0;
		margin: 0;
	}
	.forgetpwdbtn {
		margin-right: 1%;
	}
	.reqaccbtn {
		margin-left: 1%;
	}


	/* Tiles */
	.tileTwo, .tileThree, .tileFour, .tileFive {
		width: 96%;
	}
	.tileTwo:nth-of-type(1n), .tileThree:nth-of-type(1n), .tileFour:nth-of-type(1n), .tileFive:nth-of-type(1n) { /*override targets all tiles initially */
		margin-left: 2%;
		margin-right: 2%;
	}
	/* Columns - all go to 1 column on mobile */
	.colholder {
		display: inherit; /*to overcome flex issue with wrapping columns on mobile */
	}

	.twocol:nth-of-type(1n), .threecol:nth-of-type(1n), .fourcol:nth-of-type(1n) { /*override targets all tiles initially */
		/*		margin-left: 2%;*/
		/*		margin-right: 2%;*/
	}
	.loggedintopbar {
		width: calc(100% - 280px);
		margin-left: 150px;
	}

}

@media screen and (max-width: 769px) { /*tablet portrait*/
	#logoholder {
		background-color: #fff;
	}
	#logo {
		margin-left: 10px;
	}
	#logo img {
		width: 120px;
	}
	.loggedintopbar p {
		margin-right: 20px;
		margin-left: 20px;
	}
	/* carousel */
	.homeImgHolder img, .flexslider img {
		width: 100%;
	}
	#homeflex .heroImgHolder {
		float: none;
	}
	.home .galler img {
		width: 20%;
	}
	.landingimgoverlay, .landingimghold {
		height: 650px;
	}
	.landingimgoverlay h1 {
		font-size: 40px;
		padding-top: calc(65%);
	}
	.landingimgoverlay h2 {
		font-size: 24px;
	}
	.landinglogohold {
		width: 24%;
		margin-left: 38%;
	}

	/* Tiles */
	.tileImage {
		height: 170px;
		text-align: center;
		width: 100%;
	}
	.tileImageInner {
		width: 100%;
	}
	.tileImage img {
		min-width: 100%;
		min-height: 170px;
	}
	.tileBottom {

	}
	/*tileTwo stays as two column */
	.tileThree, .tileFour, .tileFive { /*becomes two column */
		width: 49%;
		height: 320px;
	}
	.tileThree:nth-of-type(1n), .tileFour:nth-of-type(1n), .tileFive:nth-of-type(1n) { /*override targets all tiles initially */
		margin-left: 1%;
		margin-right: 1%;
	}
	.tileThree:nth-of-type(2n), .tileFour:nth-of-type(2n), .tileFive:nth-of-type(2n) { /*items 0,2,4 etc - end of col */
		margin-right: 0;
	}
	.tileThree:nth-of-type(2n+1), .tileFour:nth-of-type(2n), .tileFive:nth-of-type(2n) { /*items 1,3,5 etc - start of col */
		margin-left: 0;
	}
	/* Columns */
	.fourcol { /*cuts down to 2col */
		width: 49%;
		margin-right:2%;
	}
	.fourcol:nth-of-type(2n) {
		margin-right: 0%;
	}
	/* article columns */
	.articlelhs {
		width: 98%;
		margin-right: 1%;
		float: none;
	}
	.articlerhs {
		width: 98%;
		margin-left: 1%;
		float: none;
	}
	.articlerhs .tileOne { /*effectively become tileTwo */
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.wid768 {
		width: 100%;
	}
	.twocol .recipeTwoCol  {
		width: 100%;
	}
	.wid-34 {
		min-width: 80%;
	}
	.colImageHold img {
/*		min-height: 300px;*/
		max-height: 350px;
	}
	#carttopcontent {
		margin-right: 0px;
	}
}

@media screen and (max-width: 640px) { /*mobile */
	#header-sticky {
		background: rgba(255,255,255,1);
		height: 80px;
		padding-left: 0;
	}
	#logo img {
		width: 80px;
		background-color: #fff;
	}
	#logoholder {
		height: auto;
		width: 80px;
		overflow: hidden;
	}
	.loggedintopbar {
/*		padding: 31px 40px 31px 0;*/
/*		margin: 0 auto;*/
		margin: 0 auto;
		width: 70%;
		padding: 31px 75px 31px 8%;

	}
	#mobilehamburger {
		font-size: 40px;
		margin-top: 8px;
		float: right;
	}
	.loggedin {
		display: none;
	}
	#carttopcontent {
		font-size: 18px;
		margin: auto 0;
		text-align: center;
	}
	#carttopcontent .fa {
		font-size: 15px;
		padding-top: 3px;
		padding-right: 5px;
	}
	#sidemenu {
/*		width: 100%;*/
		top: 80px;
	}
	.our-service h2, .contact-us h2 {
		font-size: 1.8em;
	}
	h1 {
		font-size: 27px;
		padding: 0px 0 10px 0;
	}
	h1, h2 {
		width: 90%;
/*		margin: 0 5%;*/
		max-width: 100%;
		width: 100%;
	}
	h2 {
/*		margin: 0 10%;*/
		font-size: 21px;
	}
	#section2 p {
		float: none;
	}
	#section1 h1, #section2 h1 {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	#section1 h2, #section2 h2 {
		padding-bottom: 20px;
		text-align: center;
	}
	#logo {
		float: none;
		margin: 30px auto;
		height: 80px;
		z-index: 999;
		position: relative;
	}
	.heroBg {
		height: 500px;
	}
	.home #section1 .heroBg {
		height: 570px;
	}
	.home .heroBg h1 {
		padding-top: 40%;
	}
	.hero-content, .hero-content-sec {
		height: 500px;
		margin-top: -500px;
		padding: 0 10% 0 10%;
		width: 80%;
	}
	#section1 p, #section2 p {
		font-size: 14px;
		text-align: center;
	}
	.colImageHold img {
		min-height: 300px;
	}

		/* Forms */
	.cart #cart-body-content {
		padding: 0 5% 10% 0;
	}
	.cartsubmitbtn {
		width: 100%;
	}
	.saver {
		width: 90%;
	}
	#former select {
		width: 98%;
	}
	#former {
		text-align: left;
	}
	#former .formSectionTitle {
		color: #fff;
		line-height: 1.4em;
		text-align: center;
		font-size: 14px;
		width: 94%;
	}
	.submitter {
		width: 98%;
	}
	/* article related */
	.articlerhs .tileOne { /*back to 1 tilecol */
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	/**Menu search**/
	#menu #mobilesearchholder {
		display: block;
	}
	#searchboxwrapper, #menu #searchIconHolder {
		display: none;
	}
	#former .colItemBody {
		padding-top: 0;
		padding-bottom: 0;
	}
	.home .hero-content h1 {
		padding-top: calc(25%);
	}
	.product_aggregate .hero-content h1, .cart .hero-content h1 {
		padding-top: 170px;
	}
	.productitem {
		width: 80%;
		padding: 5% 10%;
	}
	#footer .threecol {
		width: 100%;
		order: 2;
	}
	#footer p {
		font-size: 14px;
		line-height: 1.4em;
	}
	.wcatselp {
		padding-bottom: 10px;
		display: inline-block;
	}
	#menu .socialholder {
		display: none;
	}
	.our-service .panPng .colImageHold img {
		margin: 0 15%;
		float: none;
	}
	.panOverlay .colItemPad {
		margin-top: 0;
		text-align: center;
	}
}

@media screen and (max-width: 550px) {
	h2, #section1 h2, #section2 h2 {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.em;
	}
	#section1 p, #section2 p {
		font-size: 13px;
	}
	.cartTopTotal {
		display: none;
	}
	#cartcontents {
		padding: 9% 5%;
	}
	.colImageHold img {
		min-height: 250px;
	}
	.colOverlay h1 {
		font-size: 30px;
	}
	.hero-content h1 {
		padding-top: calc(65%);
	}
	.home .galler img {
		width: 30%;
	}
	.landingimgoverlay, .landingimghold {
		height: 550px;
	}
	.landingimgoverlay h1 {
		font-size: 32px;
		padding-top: 320px;
	}
	.landingimgoverlay h2 {
		font-size: 18px;
	}
	#wcatselecthold .signupBtn {
		width: 80%;
	}
	#wcatselector {
		width: 80%;
	}
	.twocol {
		overflow: hidden;
	}
}

@media screen and (max-width: 500px) {
	.cartnumhold {
		width: 16%;
	}
	.cartnumupdate {
		width: 56%;
	}
/*	.loggedintopbar {*/
/*		width: 80%;*/
/*	}*/
	.landingimgoverlay h1 {
		font-size: 32px;
		padding-top: 280px;
	}
	.landingimgoverlay h2 {
		font-size: 18px;
	}
	.our-service h2, .contact-us h2 {
		font-size: 24px;
	}
	.loggedintopbar p {
		margin-left: 0;
		margin-right: 0;
	}

}


@media screen and (max-width: 450px) {
	.galimage, .galimagebig {
		width: 100%;
	}
	.gallerypage {
		position: relative;
	}
	.invis {
		display: block;
		opacity: 1;
	}
	.gallery_left_arrow, .gallery_right_arrow {
		display: none;
	}
	.galleryholder {
		height: auto;
	}
	.galimage img {
		width: 100%;
	}
	#mobilehamburger {
/*		float: none;*/
		z-index: 999;
	}
/*	.loggedintopbar {*/
/*		width: 85%;*/
/*	}*/
	.home .galler img {
		width: 35%;
	}
	#menu li a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#loginbox {
		margin-top: 20px;
	}
}