@charset "utf-8";
/* CSS Document */

/* --------------------------
Cascading Style Sheets
-------------------------- */

@import url("reset.css");
@import url("screen.css");
@import url("menu.css");
@import url("fonts.css");
@import url("/fancybox/fancybox.css");
@import url(https://fonts.googleapis.com/css?family=Grand+Hotel);
@import url(https://fonts.googleapis.com/css?family=Sanchez:400italic,400);
@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);

/* ==========================================================================
   1. HTML > BODY
   2. SPRITES
   3. WRAPPERS
   4. SECTIONS
   5. LAYOUT
   6. OTHER
   7. FORMS
   8. SHOP
   9. CUSTOM ALERTS
   10. BACK TO TOP
   11. FAQ's
   12. ACCORDION
   13. MOBILE
   ========================================================================== */


/* ==========================================================================
   1. HTML > BODY
   ========================================================================== */
html, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
}
/*.wf-active body,*/
body {
	/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 100;
	color: inherit;
	/*overflow: auto;
	overflow-y: scroll;*/
	/*overflow: -moz-scrollbars-vertical;*/
	/*-webkit-overflow-scrolling: touch;*/
	overflow-x: hidden;
}


/* ==========================================================================
   2. SPRITES
   ========================================================================== */
/* Buttons */
.btns {
	display: block;
	background-image: url(imgs/btns-sprite.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color: transparent;
	overflow: hidden;
	text-decoration: none;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
}


/* ==========================================================================
   3. WRAPPERS
   ========================================================================== */
/* Wrappers & Containers */
.body {
	display: block;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	float: none;
	clear: none;
}
.wrapper {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
}
.container {
	display: block;
	width: 1200px;
	height: inherit;
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
}
.info {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0;
	float: none;
	clear: both;
}


/* ==========================================================================
   4. SECTIONS
   ========================================================================== */
/* Header */
header {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	/*overflow: hidden;*/
	background: none;
	z-index: 9;
}
#header {
	display: block;
	width: 1200px;
	height: 271px;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	/*overflow: hidden;*/
	background: url(imgs/background.png) right top scroll no-repeat transparent;
}

/* Section*/
section {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none/*url(imgs/section.png) center top scroll repeat-x transparent*/;
}
#section {
	display: block;
	width: 1200px;
	height: auto;
	min-height: 500px;
	margin: 0;
	padding: 20px 0;
	float: left;
	clear: both;
	position: relative;
	/*overflow: hidden;*/
	background: none;
}

/* Footer */
footer {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	/*left: 0;
	bottom: 0;*/
	overflow: hidden;
	background: #000;
	border-top: 1px solid #505050;
}
#footer {
	display: block;
	width: 1200px;
	min-height: 166px;
	height: auto;
	margin: 0;
	padding: 26px 0;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
}


/* ==========================================================================
   5. LAYOUT
   ========================================================================== */
#header_right {
	display: block;
	width: auto;
	height: 171px;
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	position: absolute;
	top: 0;
	right: 0;
	background: url(imgs/bg.png) left top scroll repeat-x transparent;
}
#logo {
	display: block;
	/*width: 148px;
	height: 124px;*/
	width: 100%;
	max-width: 307px;
	height: auto;
	margin: /*94px*/86px 0 0;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
	overflow: hidden;
	background: none;
} #logo img {max-width:100%;width:auto;}
#shoppingCart {
	display: block;
	width: 100%/*101px*/;
	max-width: 150px/*133px*/;
	height: auto;
	margin: 0;
	padding: 24px 11px 22px;
	float: right;
	clear: none;
	position: relative;
	overflow: hidden;
	background: url(imgs/checkout_bg.png) left top scroll repeat transparent;
	color: #FFF;
	text-align: left;
	font-family:'Montserrat', sans-serif;font-size:12px;font-weight:bold;text-transform:uppercase;
	/* Radius */
	-webkit-border-radius: 0 0 18px 18px;
	-moz-border-radius: 0 0 18px 18px;
	-ms-border-radius: 0 0 18px 18px;
	-o-border-radius: 0 0 18px 18px;
	border-radius: 0 0 18px 18px;
}
body.logged-1 #shoppingCart {max-width:150px;}
#loginout {display:inline-block;width:auto;height:auto;margin:0/* 10px 0 0*/;padding:0/* 10px 0 0*/;float:none;clear:none;border-bottom:0px none;border-right:0px solid #FFF;} #loginout a {color:#FFF;text-decoration:none;} #loginout a:hover {color:#ff3fb4;text-decoration:none;}
#amounts {display:block;width:100%;height:auto;margin:0 0 7px;padding:0 0 7px;float:none;clear:both;border-bottom:1px solid #FFF;text-align:right;}
#checkout {display:inline-block;width:auto;height:auto;margin:0;padding:0;float:right;clear:none;color:#FFF;text-decoration:none;}
#checkout:hover {color:#ff3fb4;}
#hiddenCart {display:none;}
#shoppingCart.fixed {width:auto;max-width:none;top:31px;right:5%;float:none;background:none;z-index:99;height:21px;margin:0;padding:10px 10px 0;background:#000;
	/* Radius */
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	-ms-border-radius: 0 0 12px 12px;
	-o-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
}
#shoppingCart.fixed #amounts {width:auto;clear:none;margin:0 10px 0 0;padding:0 10px 0 0;float:left;border-bottom:0px none;border-right:1px solid #FFF;}
#shoppingCart.fixed #checkout {width:auto;clear:none;margin:0 10px 0 0;padding:0 10px 0 0;float:left;border-bottom:0px none;border-right:1px solid #FFF;}
#shoppingCart.fixed #loginout {width:auto;clear:none;margin:0;padding:0;float:left;border-bottom:0px none;border-right:0px none;}
body.logged-1 #shoppingCart.fixed {max-width:none;}

#social {
	display: block;
	width: 100%;
	min-height: 26px;
	margin: 0 auto 16px;
	padding: 0 0 16px;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: center;
	color: #FFF;
	font-family: 'TradeGothicLTStdBdCnNo.20';
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
} #social a {color:#FFF;text-decoration:none;} #social a:hover {color:#ff3fb4;}
#social a.emailaddress {display:inline-block;}
#social .social {
	display: inline-block;
	width: 29px;
	height: 29px;
	margin: 0 5px -5px 0;
	padding: 0;
	float: none;
	clear: none;
	overflow: hidden;
	text-indent: -999999px;
	background:url(imgs/social.png) left top scroll no-repeat transparent;
	
}
#social .social.instagram {background-position:left top;}
#social .social.twitter {background-position:center top;}
#social .social.facebook {background-position:right top;}
#social .social.instagram:hover {background-position:left bottom;}
#social .social.twitter:hover {background-position:center bottom;}
#social .social.facebook:hover {background-position:right bottom;}
#social .social:hover {
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	-ms-opacity: 1.0;
	-o-opacity: 1.0;
	opacity: 1.0;
}
#links {
	display: block;
	width: 100%;
	min-height: 16px;
	margin: 0 auto 15px;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: center;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
} #links a {color:#FFF;text-decoration:none;margin:0 5px;} #links a:hover {color:#ff3fb4;}
#copyright {
	display: block;
	width: 100%;
	min-height: 16px;
	margin: 0 auto 5px;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: center;
	color: #ff3fb4;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
} #copyright a {color:#ff3fb4;text-decoration:none;margin:0 5px;} #copyright a:hover {color:#FFF;}
#siteby {
	display: block;
	width: 100%;
	min-height: 12px;
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: center;
	color: #ff3fb4;
	font-family: 'Lato', sans-serif;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
} #siteby a {color:#ff3fb4;text-decoration:none;} #siteby a:hover {color:#FFF;}

.contact {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
	padding: 0;
	float: none;
	clear: none;
	background: none;
	text-transform: uppercase;
	font-family: 'bebas_neueregular';
	font-size: 32px;
  	line-height: 34px;
	color: #000;
	text-decoration: none;
} .contact:hover {color:#ff3fb4;text-decoration:none;}
.contact.telephone {
	width: auto;
	height: 34px;
	padding: 2px 0 0 42px;
	background:url(imgs/icons/telephone.png) left center scroll no-repeat transparent;
  	line-height: 34px;
}
.contact.emailaddress {
	width: auto;
	height: 34px;
	padding: 2px 0 0 42px;
	background:url(imgs/icons/emailaddress.png) 2px center scroll no-repeat transparent;
  	line-height: 34px;
}
.contact.twitter {
	width: auto;
	height: 34px;
	padding: 2px 0 0 42px;
	background:url(imgs/icons/twitter.png) left center scroll no-repeat transparent;
  	line-height: 34px;
}
.contact.facebook {
	width: auto;
	height: 34px;
	padding: 2px 0 0 42px;
	background:url(imgs/icons/facebook.png) left center scroll no-repeat transparent;
  	line-height: 34px;
}
.contact.instagram {
	width: auto;
	height: 34px;
	padding: 2px 0 0 42px;
	background:url(imgs/icons/instagram.png) left center scroll no-repeat transparent;
  	line-height: 34px;
}
.linkBtn,
.btnLink {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 10px 0;
	float: none;
	clear: both;
	position: relative;
	background: #000;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 100%;
	letter-spacing: 1px;
} .btnLink:hover {color:#ff3fb4;text-decoration:none;}
.btnLink.auto {display:inline-block;width:auto;margin:0 0 10px;padding:5px 20px;}

.fitspiration {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 30px 0 40px;
	float: left;
	clear: both;
	position: relative;
	background: #000;
	text-align: center;
	text-transform: uppercase;
}
.toptext {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 0;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.quotes {
	display: block;
	width: 80%;
	height: auto;
	margin: 0;
	padding: 20px 10%;
	float: left;
	clear: both;
	position: relative;
	background: #000;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	font-family: 'bebas_neueregular';
	font-size: 38px;
}
.insta {
	display: block;
	width: 100%;
	height: 21px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	color: #FFF;
	text-align: center;
} .insta a {color:#FFF;font-family:'Lato', sans-serif;font-weight:100;font-size:18px;height:21px;margin:0;padding:0 0 0 25px;text-decoration:none;text-transform:lowercase;
background:url(imgs/icons/instagram-black.png) left center scroll no-repeat transparent;} .insta a:hover {color:#FF3FB4;}

/* ShareThis*/
.shareSocial {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
}
.shareSocial .social {
	display: block;
	width: 23px;
	height: 23px;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
	overflow: hidden;
	background: none;
	list-style: none none;
	cursor: pointer;
	text-indent: -999999px;
	background-image: url(imgs/social-sharethis.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: transparent;
	background-position: left top;
} .shareSocial .instagram {background-position:left top !important;margin:0 10px 0 0 !important;}
.shareSocial .twitter {background-position:-31px top !important;}
.shareSocial .facebook {background-position:-59px top !important;}
.shareSocial .pinterest {background-position:-84px top !important;}
.shareSocial .email {background-position:right top !important;margin:0 0 0 5px !important;}

/*====COLUMNS====*/
.leftCol {
	display: block;
	width: 45%;
	height: auto;
	margin: 0;
	padding: 0 10% 40px 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
} .leftCol.or {background:url(imgs/line-vertical.png) 90% center scroll repeat-y transparent;}
.leftCol.or:after {
	display: block;
	width: 10%;
	height: auto;
	margin: -28px 0 0 0;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	top: 50%;
	right: 5%;
	content: "OR";
    color: #000000;
    font-size: 36px;
    font-weight: normal;
    text-decoration: none;
    font-family: 'bebas_neuebold';
    text-transform: uppercase;
	background-color: #FFF;
}
.rightCol {
	display: block;
	width: 45%;
	height: auto;
	margin: 0;
	padding: 0 0 40px 0%;
	float: right;
	clear: none;
	position: relative;
	background: none;
}
.colLeft {
	display: block;
	width: 592px;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	float: left;
	clear: none;
	position: relative;
	background: none;
}
.colRight {
	display: block;
	width: 590px;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	float: right;
	clear: none;
	position: relative;
	background: none;
} .colRight img {float:right;}
.colFull {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	float: left;
	clear: both;
	position: relative;
	background: none;
}
#colLeft {
	display: block;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	float: left;
	clear: none;
	position: relative;
	background: none;
}
#colRight {
	display: block;
	width: 46%;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	float: right;
	clear: none;
	position: relative;
	background: none;
}
#colFull {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 40px;
	float: left;
	clear: both;
	position: relative;
	background: none;
}
.middlecol,
#middlecol {
    display: block;
    width: 66%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: none;
    position: relative;
    background: none;
}

/*====HOME====*/
#home_imgs {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
} #home_imgs a img {
	/* Transition */
	-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
	    -ms-transition: 0.25s;
	     -o-transition: 0.25s;
	        transition: 0.25s;
			
    /* Preserve 3D */
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;

    -webkit-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    -moz-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    -ms-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    -o-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
}
#home_imgs img {display:block;max-width:100%;float:left;}
.left_imgs {
	display: block;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
	height: auto;
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
}
.right_imgs {
	display: block;
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
	height: auto;
	margin: 0 0 0 4px;
	height: auto;
	float: left;
	clear: none;
	position: relative;
	background: none;
} .right_imgs .clearboth {
	margin: 0 0 8px 0;
}  .right_imgs .left {
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
	height: auto;
	margin: 0 4px 0 0;
} .right_imgs .right {
    width: -webkit-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: calc(50% - 4px);
	height: auto;
	margin: 0 0 0 4px;
}
#home_shop {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
} #home_shop a img {
	/* Transition */
	-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
	    -ms-transition: 0.25s;
	     -o-transition: 0.25s;
	        transition: 0.25s;
			
    /* Preserve 3D */
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;

    -webkit-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    -moz-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    -ms-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    -o-transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
    transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1, 1) !important;
}
#home_shop img {display:block;width:33.3%;float:left;} #home_shop img.last {width:33.4%;}
#home_imgs a img:hover,
#home_shop a img:hover {
	/* Opacity */
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}

/*====ABOUT====*/
#aboutamy {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
} #aboutamy p {}

/*====FACT SHEETS====*/
.factsheets {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
}
.question.active {color:#ff3fb4;}
.answer {
	display: none;
	width: 60%;
	height: auto;
	margin: 0 0 20px;
	padding: 0 20%;
	float: left;
	clear: both;
	position: relative;
	text-align: center;
}
.factsheets table.nutrition {}
.factsheets table {display:inline-block;width:auto;margin:0 auto 15px;font-size:14px;}
.factsheets table tr td {padding:5px 25px 5px 25px;border:1px solid #000;}


/*====RECIPES====*/
#recipe {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
}
.recipeimg {
	display: block;
	width: 400px/*33.3%*/;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
} .recipeimg.last {width:33.4%;}
.recipeimg:hover {
	/* Opacity */
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}
.bannerimg {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
}
.recipeimg span,
.bannerimg span {
	display: block;
	width: 90%;
	height: auto;
	margin: 0;
	padding: 5px 5%;
	background-color: #000;
	color: #FFF;
	font-family: 'bebas_neuebold';
	font-size: 32px;
	line-height: 100%;
	text-align: left;
	text-transform: normal;
	position: absolute;
	left: 0;
	bottom: 20%;
} .bannerimg span {width:auto;padding:5px 5%;bottom:32px;}
#recipedetails {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	font-size: 14px;
	font-family:'Lato', sans-serif;
} #recipedetails h1 {font-size:24px;font-weight:bold;font-family:'Montserrat', sans-serif;margin:0 0 5px;}
#recipedetails p {font-size:13px;line-height:19px;font-family:'Lato', sans-serif;font-weight:300;}
#recipedetails .shareSocial {margin:0 0 5px;padding:0;}
#recipedetails .shareDetails {font-size:16px;}
#recipedetails table {width:100%;font-size:11px;line-height:15px;font-family:'Lato', sans-serif;float:right;margin:0 0 15px;}
#recipedetails table tr td {padding:0px 50px 5px 0px;}
#recipedetails .hr {height:15px;margin:0 0 -10px;}
#recipedetails h2 {margin:0 0 5px;font-family:'Montserrat', sans-serif;font-weight:bold;font-size:14px;color:#ff3fb4;}
#recipes .recipeimg img {width:100% !important;height:auto;/*max-height:260px;*/}
#recipes .pagination.webapp {display:none;}
#loadmore {
	display: block;
	width: 102px;
	height: 102px;
	margin: 0 auto 20px;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	text-indent: -999999px;
	overflow: hidden;
	background: url(imgs/loadmore.png) center top scroll no-repeat transparent;
} #loadmore:hover {background-position:center bottom;}

/*====OVERLAY====*/
#fallback, #fallback-loader {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: transparent;
} #fallback-loader {
	background: #1a1a1a;
	/* Opacity */
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}
#overlaybox {
	display: none;
	position: absolute;
	top: 40%;
	z-index: 99999;
	width: 760px;
	height: auto;
	margin: 0;
	padding: 20px 20px;
	background: #FFF;
	/*border: 1px solid #CCC;*/

	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 19px;
	font-weight: 300;
	
	/* Radius */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;

	/* Shadow */
	-webkit-box-shadow: 0px 0px 2px 1px #CCC;
	-moz-box-shadow: 0px 0px 2px 1px #CCC
	-ms-box-shadow: 0px 0px 2px 1px #CCC;
	-o-box-shadow: 0px 0px 2px 1px #CCC;
	box-shadow: 0px 0px 2px 1px #CCC;
}
#closeX {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 5px 5px;
	position: absolute;
	top: -12px;
	right: -12px;
	color: #FFFFFF;
	background: #ff3fb4;
	border: 1px solid #FFF;
	text-decoration: none;
  	text-align: center;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	line-height: 14px;

	/* Rounded */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;

	/* Transition */
	/*-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;*/
}
#closeX:hover {
	color: #FFF;
	background: #c3d600;
}
#overlaybox .colLeft {width:47%;margin:0;padding:0;}
#overlaybox .colRight {width:49%;margin:0;padding:0;}
#ajax-loader, #ajax-fallback-loader {
	display: block;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	padding: 0;
	background: url(imgs/ajax-loader.gif) center top scroll no-repeat transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	/* Transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
} #ajax-fallback-loader {
	position: fixed;
	background: url(imgs/ajax-fallback-loader.gif) center top/100% auto scroll no-repeat transparent;
} #ajax-fallback-loader.success {
	background: url(imgs/ajax-fallback-loader-success.png) center top/100% auto scroll no-repeat transparent;
} #ajax-fallback-loader.error {
	background: url(imgs/ajax-fallback-loader-error.png) center top/100% auto scroll no-repeat transparent;
}
#ajax-loader-body {
    display: block;
    width: 100px;
    height: 100px;
    margin: 50px auto;
    padding: 0;
    background-image: url(imgs/ajax-loader-body.gif);
    background-position: center top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: auto auto;
    position: relative;
    float: none;
    clear: both;
    /*z-index: 9999;*/
}

/* Nutrition Consultations*/
#consultations {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: center;
}
#consultations a {
	display: inline-block;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
	max-width: 506px;
	min-height: 277px;
	margin: 0 10px 20px;
	padding: 0;
	float: none;
	clear: none;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: left;
	font-family: 'bebas_neueregular';
	font-size: 32px;
	color: #FFF;
} #consultations a > img {display:block;width:inherit;height:inherit;margin:0;padding:0;float:none;clear:none;position:absolute;top:0;left:0%;z-index:1;}
#consultations a#face_to_face {
	background: url(imgs/AmyConsultation.jpg) center top scroll no-repeat transparent;
} #consultations a#face_to_face > img {width:506px;min-height:277px;margin:0 0px 20px -253px;left:50%;}
#consultations a#online {
	background: url(imgs/AmyComputer.jpg) center top scroll no-repeat transparent;
} #consultations a#online > img {width:506px;min-height:277px;margin:0 0px 20px -253px;left:50%;}
#consultations a#fat_loss {
	max-width: 400px;
	height: 310px;
	margin: 0 0px 20px;
	background: url(imgs/AMYFATLOSS1.jpg) center top scroll no-repeat transparent;
} #consultations a#fat_loss > img {width:400px;min-height:310px;margin:0 0px 20px -200px;left:50%;}
#consultations a#endurance_sport {
	max-width: 400px;
	height: 310px;
	margin: 0 0px 20px;
	background: url(imgs/AMYENDURANCE1.jpg) center top scroll no-repeat transparent;
} #consultations a#endurance_sport > img {width:400px;min-height:310px;margin:0 0px 20px -200px;left:50%;}
#consultations a#muscle_gain {
	max-width: 400px;
	height: 310px;
	margin: 0 0px 20px;
	background: url(imgs/AMYMUSCLE1.jpg) center top scroll no-repeat transparent;
} #consultations a#muscle_gain > img {width:400px;height:310px;margin:0 0px 20px -200px;left:50%;}
#consultations a#strength {
	max-width: 478px;
	background: url(imgs/program-strength_training.png) center top scroll no-repeat transparent;
} #consultations a#strength > img {width:478px;min-height:275px;margin:0 0px 20px -239px;left:50%;}
#consultations a#running_cardio {
	max-width: 478px;
	background: url(imgs/program-running_cardio.png) center top scroll no-repeat transparent;
} #consultations a#running_cardio > img {width:478px;min-height:275px;margin:0 0px 20px -239px;left:50%;}
#consultations a > span {
	display: inline-block;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
	height: auto;
	margin: 0;
	padding: 10px 10px;
	float: none;
	clear: none;
	position: absolute;
	left: 0;
	bottom: 10%;
	overflow: hidden;
	background: url(imgs/info_bg.png) center top scroll repeat transparent;
	z-index: 2;
}
#consultations a > span, #consultations a > span > em {
	/* Transition */
	/*-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
	    -ms-transition: 0.25s;
	     -o-transition: 0.25s;
	        transition: 0.25s;*/
}
#consultations a > span > em {display:block;font-family:'Lato', sans-serif;font-size:14px;font-weight:300;font-style:italic;color:#FFF;}
#consultations a > span > u, #consultations a > span > span {font-weight:normal !important;text-decoration:none !important;font-family:'bebas_neue_regularregular' !important;}
#consultations a:hover span {
	color: #ff3fb4;
	/* Opacity */
	/*filter: alpha(opacity=70);
	 -khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	   -moz-opacity: 0.7;
	    -ms-opacity: 0.7;
	     -o-opacity: 0.7;
	        opacity: 0.7;*/
}

/* Nutritional Packages */
.nutritional_packages {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 -1000%;
	padding: 40px 1000%;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
	text-align: center;
} .nutritional_packages.alt {background-color:#f6f6f6;}
.package_info {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0 18px 20px;
	padding: 80px 0 0;
	float: none;
	clear: none;
	position: relative;
	overflow: hidden;
	background: none;
	vertical-align: top;
}
.package_info.basketball {
	background: url(imgs/icon-basketball.png) center top scroll no-repeat transparent;
}
.package_info.bread {
	background: url(imgs/icon-bread.png) center top scroll no-repeat transparent;
}
.package_info.book {
	background: url(imgs/icon-book.png) center top scroll no-repeat transparent;
}
.package_info.calendar {
	background: url(imgs/icon-calendar.png) center top scroll no-repeat transparent;
}
.package_info.calendar28 {
	background: url(imgs/icon-calendar28.png) center top scroll no-repeat transparent;
}
.package_info.calendar365 {
	background: url(imgs/icon-calendar365.png) center top scroll no-repeat transparent;
}
.package_info.diary {
	background: url(imgs/icon-diary.png) center top scroll no-repeat transparent;
}
.package_info.drinks {
	background: url(imgs/icon-drinks.png) center top scroll no-repeat transparent;
}
.package_info.eggs {
	background: url(imgs/icon-eggs.png) center top scroll no-repeat transparent;
}
.package_info.food {
	background: url(imgs/icon-food.png) center top scroll no-repeat transparent;
}
.package_info.family {
	background: url(imgs/icon-family.png) center top scroll no-repeat transparent;
}
.package_info.imac {
	background: url(imgs/icon-imac.png) center top scroll no-repeat transparent;
}
.package_info.paperplane {
	background: url(imgs/icon-paperplane.png) center top scroll no-repeat transparent;
}
.package_info.plate {
	background: url(imgs/icon-plate.png) center top scroll no-repeat transparent;
}
.package_info.protein {
	background: url(imgs/icon-protein.png) center top scroll no-repeat transparent;
}
.package_info.pyramid {
	background: url(imgs/icon-pyramid.png) center top scroll no-repeat transparent;
}
.package_info.scales {
	background: url(imgs/icon-scales.png) center top scroll no-repeat transparent;
}
.package_info.speechbubbles {
	background: url(imgs/icon-speechbubbles.png) center top scroll no-repeat transparent;
}
.package_info.tape {
	background: url(imgs/icon-tape.png) center top scroll no-repeat transparent;
}
.package_info.target {
	background: url(imgs/icon-target.png) center top scroll no-repeat transparent;
}
.package_info.todo {
	background: url(imgs/icon-todo.png) center top scroll no-repeat transparent;
}
.package_info.stopwatch {
	background: url(imgs/icon-stopwatch.png) center top scroll no-repeat transparent;
}
.package_info.stretch1 {
	background: url(imgs/icon-stretch1.png) center top scroll no-repeat transparent;
}
.package_info.stretch2 {
	background: url(imgs/icon-stretch2.png) center top scroll no-repeat transparent;
}
.package_info.video {
	background: url(imgs/icon-video.png) center top scroll no-repeat transparent;
}
.package_info.weights {
	background: url(imgs/icon-weights.png) center top scroll no-repeat transparent;
}
.package_info.watch {
	background: url(imgs/icon-watch.png) center top scroll no-repeat transparent;
}

/* Questionnaire Template */
body#questionnaire #menu {display:none !important;}
body#questionnaire #shoppingCart {display:none !important;}
body#questionnaire #header {height:auto !important;margin:0 0 10px !important;}


/*====BLOG====*/
#catblogoutput {
	display: block;
	width: 100% !important;
	max-width: 895px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;

    /* Opacity */
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.blog-container .post-list {
	display: block;
	width: 100%;
	max-width: 895px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: right;
	clear: none;
	position: relative;
	background: none;
} .blog-container .post-list .description {display:none;}
.blog-container .blog-post .post-body,
.blog-container .blog-post .post-details {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
} .blog-container .blog-post .post-body {margin:0 0 5px;}
.blog-container .blog-post .post-body p > a {/*color:#000000 !important;*/text-decoration:none !important;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;    
}
/*.blog-container .blog-post .post-body p > a:before {display:inline-block;content:"...";}*/
.blog-container .blog-post .post-body .h2 a {color:#000000;text-decoration:none;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;    
}
.blog-container .blog-post .post-body .h2 a:hover {color:#ff3fb4;text-decoration:none;}
.blog-container .blog-post .post-body .blogimg {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
}
.blog-container .blog-post .post-body .blogimg img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
}
.blog-container .blog-post .post-body .blogimg span {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: url(imgs/read-more.png) center center no-repeat transparent;
	background-size: 100% auto;
	background-color: rgba(0, 0, 0, 0.6);
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;    
    /* Opacity */
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.blog-container .blog-post .post-body .blogimg:hover span {
    /* Opacity */
    filter: alpha(opacity=1);
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.blog-container .blog-post .post-details .date {
	display: block;
	/*width: -webkit-calc(170px - 28px);*/
	width: -webkit-calc(100% - 28px);
	width: -moz-calc(100% - 28px);
	width: calc(100% - 28px);
	min-height: 13px;
	margin: 0 10px 10px 0;
	padding: 0 0 0 18px;
	float: left;
	clear: both;
	position: relative;
	background: url(imgs/icons/clock.png) left top no-repeat transparent;
	list-style: none none;
	color: #231f20;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.blog-container .blog-post .post-details .tags {
	display: block;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	min-height: 16px;
	margin: 0 0 10px 0px;
	padding: 0 0 0 20px;
	float: left;
	clear: both;
	position: relative;
	background: url(imgs/icons/tags.png) left top no-repeat transparent;
	list-style: none none;
	color: #231f20;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
} .blog-container .blog-post .post-details .tags:empty {display:none;}
.blog-container .blog-post .post-details .tags ul {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	position: relative;
	background: none;
	list-style: none none;
}
.blog-container .blog-post .post-details .tags ul li {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 0 3px;
	padding: 0;
	float: none;
	clear: none;
	position: relative;
	background: none;
	list-style: none none;
	text-transform: uppercase;
} .blog-container .blog-post .post-details .tags ul li:after {display:inline-block;content:", ";}
.blog-container .blog-post .post-details .tags ul li.plus:after {display:inline-block;content:"\00a0 +";}
.blog-container .blog-post .post-details .tags ul li:last-child:after {display:inline-block;content:"";}
.blog-container .blog-post .post-details .tags a {
	text-deocration: none;
	color: #231f20;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: bold;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;    
} .blog-container .blog-post .post-details .tags a:hover {color:#ff3fb4;text-decoration:none;}
.blog-container .side-panel {
	display: block;
	width: 100%;
	max-width: 285px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
} .BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {color:#000000;font-size:18px;font-weight:bold;margin:0 0 15px;padding:0;text-decoration:none;font-family:'Montserrat', sans-serif;} .BlogRecentPost li > a, .BlogTagList li  > a, .BlogPostArchive li > a {color:#000000;text-decoration:none;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
} .BlogRecentPost li > a:hover, .BlogTagList li  > a:hover, .BlogPostArchive li > a:hover {color:#ff3fb4;text-decoration:none;}
.BlogRecentPost li > a > span, .BlogTagList li  > a > span, .BlogPostArchive li > a > span {display:none;}
.blog-container .blog-post {
	display: block;
	width: 435px;
	height: auto;
	margin: 0 0px 20px 0;
	padding: 0 0 5px 0;
	float: left;
	clear: none;
	background: none;
	border-bottom: 5px solid #000;
}
.blog-container .blog-post.details {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0px 20px 0;
	padding: 0;
	float: left;
	clear: none;
	background: none;
	border-bottom: 5px solid transparent;
}

/*====EVENTS====*/
.events {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 -1000%;
	padding: 25px 1000% 25px;
	float: left;
	clear: both;
	position: relative;
	background: none;
} .events:nth-child(even) {background:#f6f6f6;}
.event_img {
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: -5px 20px -5px 0;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
} .event_img img {width:auto;max-width:100%;height:auto;}
.event_info {
	display: block;
	width: 100%;
	max-width: 780px;
	height: auto;
	margin: 0;
	padding: 20px 0px 0 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
}
.dollar_amount {
	display: block;
	width: auto;
	height: 42px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 10px;
	z-index: 2;
}
.dollar_amount + #Amount {width:90%;padding:10px 4%;}


/* ==========================================================================
   QUESTIONNAIRES
   ========================================================================== */
#questionnaires { width: 100%;}
#questionnaires span { display: block; float: left; margin: 0 0 15px !important; padding: 0 0 15px; border-bottom: 1px dashed #CCC; letter-spacing: 0px; }
#questionnaires span.col-1 { width: 40%; }
#questionnaires span.col-2 { width: 20%; }
#questionnaires span.col-3 { width: 20%; }
#questionnaires span.col-4 { width: 20%; }

#questionnaires p, #questionnaires li { position: relative; overflow: hidden; clear: both; width: 100%; margin: 0; }
#questionnaires p { margin: 0;  font-weight: bold; }
#questionnaires ul { list-style: none; margin: 0; padding: 0; }
#questionnaires ul li { padding: 0px 0;}


/* ==========================================================================
   ORDER HISTORY
   ========================================================================== */
#order-history { width: 100%;}
#order-history span { display: block; float: left; margin: 0 0 15px !important; padding: 0 0 15px; border-bottom: 1px dashed #CCC; letter-spacing: 0px; }
#order-history span.col-1 { width: 40%; }
#order-history span.col-2 { width: 20%; }
#order-history span.col-3 { width: 20%; }
#order-history span.col-4 { width: 20%; }

#order-history p, #order-history li { position: relative; overflow: hidden; clear: both; width: 100%; margin: 0; }
#order-history p { margin: 0;  font-weight: bold; }
#order-history ol { list-style: none; margin: 0; padding: 0; }
#order-history ol li { padding: 0px 0;}


/* ==========================================================================
   ORDER LAYOUT
   ========================================================================== */
table.order-detail {
	border-collapse: collapse;
	border-spacing: 0;	
	width: 100%;
	font-size: 16px;
	line-height: 20px;
}
table.order-detail td {
	padding: 0px;
}
table.order-detail-invoice {
	border: 1px dashed #CCC;
}
table.order-detail-invoice td,
table.order-detail-totals td {
	padding: 10px 10px;
}

/* START: Order Layout Formatting */
table.order-list {
	border-collapse: collapse;
	border-spacing: 0;	
	width: 100%;
}

table.order-list td {
	border-top: none;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	padding: 3px 10px;
}

table.order-list tr.header {
	font-weight: bold;
}

table.order-list tr.header td {
	border: 1px solid #EEEEEE;
}

table.order-list span.number {

}

table.order-list td.invoice-name {
	width: 130px;
}

table.order-list td.invoice-date {
	width: 130px;
}

table.order-list td.order-total {
	width: 123px;
}

table.order-list td.invoice-more {
	width: 130px;
}

table.order-list td.invoice-more a {
	display: none;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

table.order-list td.invoice-more a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   SUBSCRIPTIONS
   ========================================================================== */
body.logged-1 .logged-in {display:block;}
body.logged-1 .logged-out {display:none;}
body.logged-0 .logged-out {display:block;}
body.logged-0 .logged-in {display:none;}

/*.logged-0 #customer_area {display:none;}*/
.logged-0 #customer_area, .logged-1 #customer_area {display:table-cell;}

#zoneSubscriptions {
	display: block;
}
ul.zoneSubscriptions,
ul.zoneSubscriptions li,
ul.zoneSubscriptions ul {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
}
ul.zoneSubscriptions {
	margin: 0;
	padding: 0;
}
ul.zoneSubscriptions li.zoneName h5,
ul.zoneSubscriptions li.zoneExpiry h5 {
	margin: 0;
	padding: 0;
}
ul.zoneSubscriptions ul {
	border-bottom: 1px dashed #CCC;
	padding: 10px 0px 0px;
}
ul.zoneSubscriptions li,
ul.zoneSubscriptions ul li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	background: none;
}
ul.zoneSubscriptions ul li {
	width: 160px;
	margin: 0 30px 10px 0;
	padding: 0;
	float: left;
	clear: none;
}
/*.zone-subscriptions ul.zoneSubscriptions > li:first-child {display:none;}*/


/********** Questionnaires **********/
.question_sections {
	display: block;
	visibility: hidden;
	width: 100%;
	height: 0;
	margin: 0px auto;
	padding: 0px 0 0px;
	float: left;
	clear: both;
	position: relative;
	background: none;
	/* Opacity */
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
.question_sections,
#btn_next, #btn_prev,
#questionnaire-form .cat_button
{
	/* Transition */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.question_sections.active {
	visibility: visible;
	height: auto;
	/* Opacity */
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
#form_btns {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
} #form_btns .rightCol {text-align:right;}
#btn_next, #btn_prev {
	display: inline-block;
	visibility: hidden;
	/* Opacity */
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
#btn_next.active, #btn_prev.active {
	visibility: visible;
	height: auto;
	padding: 7px 25px;
	/* Opacity */
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
} #btn_prev.active {margin:0px 5px 0px 0px;} #btn_next.active {margin:0px 0px 0px 5px;}
#questionnaires ul {display:none;}

/* Progress Indicator */
.flexer,.progress-indicator{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.no-flexer,.progress-indicator.stacked{display:block}.no-flexer-element{-ms-flex:0;-webkit-flex:0;-moz-flex:0;flex:0}.flexer-element,.progress-indicator>li{-ms-flex:1;-webkit-flex:1;-moz-flex:1;flex:1}.progress-indicator{margin:1em 0 1em;padding:0;font-size:80% !important;text-transform:uppercase}.progress-indicator>li{list-style:none;text-align:center;width:auto;padding:0;margin:0;position:relative;text-overflow:ellipsis;color:#bbb;display:block}.progress-indicator>li:hover{color:#bbb}.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{color:#ff3fb4;}.progress-indicator>li .bubble{-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;border-radius:1000px;width:20px;height:20px;background-color:#bbb;display:block;margin:0 auto .5em;border-bottom:1px solid #888}.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;display:block;position:absolute;top:9px;width:100%;height:3px;content:'';background-color:#bbb}.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{background-color:#ff3fb4;border-color:#888;}.progress-indicator>li.completed:hover .bubble,.progress-indicator>li.completed:hover .bubble:after,.progress-indicator>li.completed:hover .bubble:before,.progress-indicator>li.incompleted:hover .bubble,.progress-indicator>li.incompleted:hover .bubble:after,.progress-indicator>li.incompleted:hover .bubble:before{filter:alpha(opacity=75);-khtml-opacity:0.75;-webkit-opacity:0.75;-moz-opacity:0.75;-ms-opacity:0.75;-o-opacity:0.75;opacity:0.75}.progress-indicator>li.completed:hover,.progress-indicator>li.incompleted:hover{cursor:pointer}.progress-indicator>li .bubble:before{left:0}.progress-indicator>li .bubble:after{right:0}.progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{width:50%;/*margin-left:50%*/}.progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{width:50%;/*margin-right:50%*/}.progress-indicator>li.active,.progress-indicator>li.active .bubble{color:#c3d600}.progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{background-color:#c3d600;border-color:#888}.progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{background-color:#5671d0;border-color:#888}.progress-indicator>li a:hover .bubble{color:#5671d0}.progress-indicator>li.danger{color:#d3140f}.progress-indicator>li.danger .bubble,.progress-indicator>li.danger .bubble:after,.progress-indicator>li.danger .bubble:before{background-color:#d3140f;border-color:#888}.progress-indicator>li.danger .bubble{color:#d3140f}.progress-indicator>li.hazard{color:#edb10a}.progress-indicator>li.hazard .bubble,.progress-indicator>li.hazard .bubble:after,.progress-indicator>li.hazard .bubble:before{background-color:#edb10a;border-color:#888}.progress-indicator>li.hazard .bubble{color:#edb10a}.progress-indicator>li.info .bubble,.progress-indicator>li.info .bubble:after,.progress-indicator>li.info .bubble:before{background-color:#5b32d6;border-color:#888}.progress-indicator>li.info .bubble{color:#5b32d6}.progress-indicator.stacked>li{text-indent:-10px;text-align:center;display:block}.progress-indicator.stacked>li .bubble:after,.progress-indicator.stacked>li .bubble:before{left:50%;margin-left:-1.5px;width:3px;height:100%}.progress-indicator.stacked .stacked-text{position:relative;z-index:10;top:0;margin-left:60%!important;width:45%!important;display:inline-block;text-align:left;line-height:1.2em}.progress-indicator.stacked>li a{border:none}.progress-indicator.stacked.nocenter>li .bubble{margin-left:0;margin-right:0}.progress-indicator.stacked.nocenter>li .bubble:after,.progress-indicator.stacked.nocenter>li .bubble:before{left:10px}.progress-indicator.stacked.nocenter .stacked-text{width:auto!important;display:block;margin-left:40px!important}@media handheld,screen and (max-width:400px){.progress-indicator{font-size:60% !important}}


# {
	display: block;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
}

. {
	display: block;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	background: none;
}

   
/* ==========================================================================
   6. OTHER
   ========================================================================== */
/* Hover */
.social:hover {
	/* Opacity */
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	opacity: 0.7;
}

.responsive, .responsive > * {width:auto;max-width:100%;}

.find_out_more {
	display: inline-block;
    width: auto;
    height: 42px;
	line-height: 42px;
    margin: 0 0 10px;
    padding: 0px 25px;
    background: #c3d600;
    float: none;
    clear: none;
    cursor: pointer;
    border: 0px none;
    font-size: 20px;
    font-family: 'TradeGothicLTStdBdCnNo.20';
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
} .find_out_more:hover {color:#FFF;text-decoration:none;}

/* Fluid: Youtube Videos */
iframe[src*="youtube.com"] {
	display: none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* INSTAFEED */
#instafeed {
	display: block;
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	width: calc(100% - 120px);
	height: 160px;
	margin: 0 auto;
	padding: 10px 60px 10px;
	float: left;
	clear: both;
	overflow: hidden;
	position: relative;
} #instafeed ul {margin:0;}
#instafeed .flex-viewport {
	display: block;
	width: 100%;
	height: 160px;
	margin: 0;
	float: none;
	clear: none;
	overflow: hidden;
	position: relative;
	z-index: 7;
	background: none;/*#FFF;*/
}
#load-more {
	border: none;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	padding: 10px 50px;
	display: none;
	width: 100px;
	clear: both;
	margin: 0 auto 50px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	outline: none;
	position: relative;
	background: #333;
	color: #fff;
	box-shadow: 0 6px #000;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
#load-more:hover {
	box-shadow: 0 4px #000;
	top: 2px;
}
.photo-all {
	display: none;
	float: left;
	width: 160px;
	height: 160px;
	margin: 0 10px 0 0;
	}
.photo-all img {
	width: 100%;
	}
.photo-image img {
	opacity: 1;
	-webkit-transition: all 0.25s;  
	transition: all 0.25s;
	
	/* Preserve 3D */
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
	}	
.photo-image img:hover {
	opacity: 0.75;
	-webkit-transition: all 0.25s;  
	transition: all 0.25s;
	
	/* Preserve 3D */
    -webkit-transform-style: preserve-3d !important;
    -moz-transform-style: preserve-3d !important;
    -ms-transform-style: preserve-3d !important;
    -o-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
	}

.photo-caption {
	border-bottom: 1px solid #ddd;
	height: 30px;
	margin-top: -5px;
	}	
.photo-location {
	float: left;
	width: 82%;
	height: 30px;
	overflow: hidden;
	}
.photo-location span {
	font-size: 12px;
	line-height: 30px;
	color: #FFF;
	font-weight: normal;
	}	
.photo-likes {
	float: right;
	width: 15%;
	margin: 0 0 0 3%;
	height: 30px;
	text-align: left;
	background: none/*url(../images/heart.png) no-repeat left center*/;
	}	
.photo-likes span {
	font-size: 12px;
	line-height: 30px;
	color: #FFF;
	font-weight: normal;
	padding-left: 15px;
	}
.insta {display:block;float:right;margin:0 0 0 5px;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;    
} .insta:hover {
    /* Opacity */
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -webkit-opacity: 0.75;
    -moz-opacity: 0.75;
    -ms-opacity: 0.75;
    -o-opacity: 0.75;
    opacity: 0.75;
}
/* Custom Slider Nav Styles */
#instafeed .flex-direction-nav {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    position: absolute;
    top: 0%;
    left: 0;
    background: none;
}
#instafeed .flex-direction-nav li {
    display: block;
    width: 23px;
    height: 41px;
    margin: -15px 0 0;
    padding: 0;
    float: none;
    clear: none;
    position: absolute;
    top: 50%;
    left: 25px;
    /*background: rgba(0,0,0,0.70);*/
    background: none/*url(imgs/fallback.png) center top scroll repeat transparent*/;
    z-index: 8;

    /* Opacity */
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    
    /* Border */
    -webkit-border-radius: 1000%;
    -moz-border-radius: 1000%;
    -ms-border-radius: 1000%;
    -o-border-radius: 1000%;
    border-radius: 1000%;

    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
#instafeed:hover  .flex-direction-nav li {
    /* Opacity */
    /*filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;*/
}
#instafeed .flex-direction-nav li:last-child {
    left: auto;
    right: 25px;
}
#instafeed .flex-direction-nav li a {
    display: block;
    width: 23px;
    height: 41px;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    position: relative;
    border: 0px none !important;
    text-indent: -999999px;
    overflow: hidden;
    background: url(imgs/arrow-left.png) center center / auto auto scroll no-repeat transparent;
    /*background-size: auto auto;*/
    
    /* Transition */
    /*-webkit-transition: 0.50s;
    -moz-transition: 0.50s;
    -ms-transition: 0.50s;
    -o-transition: 0.50s;
    transition: 0.50s;*/
    
    /* Opacity */
    /*filter: alpha(opacity=25);
    -khtml-opacity: 0.25;
    -webkit-opacity: 0.25;
    -moz-opacity: 0.25;
    -ms-opacity: 0.25;
    -o-opacity: 0.25;
    opacity: 0.25;*/
}
#instafeed .flex-direction-nav li:last-child a {
    background: url(imgs/arrow-right.png) center center scroll no-repeat transparent;
    /*background-size: auto auto;*/
}
#instafeed .flex-direction-nav li:hover {
    /* Opacity */
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
}

/* ==========================================================================
   7. FORMS
   ========================================================================== */
.item {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 20px;
	padding: 0 !important;
	float: left;
	clear: both;
	position: relative;
}
label,
.form label, .webform label {
	display: block;
	width: 100%;
	font-size: 18px;
	font-family: 'TradeGothicLTStdBdCnNo.20';
	color: #000000;
	margin: 0 0 5px;
	float: left;
	clear: both;
} label.label_lists {
	display: inline-block;
	width: auto;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #000000;
	margin: 0 10px 10px 0;
	float: none;
	clear: none;
}
input.cat_textbox,
input.cat_textbox_small,
textarea.cat_listbox,
textarea.cat_listbox_small,
select.cat_dropdown,
select.cat_dropdown_small,
.productSelectInput,
.comment-list textarea.cat_listbox_small,
.productTextInput {
	display: block;
	width: -moz-calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
	width: calc(100% - 22px);
	height: 20px;
	margin: 0;
	padding: 10px 10px;
	background: #FFF;
	float: left;
	clear: both;
	position: relative;
	/*overflow: hidden;*/
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #434851;
	border: 1px solid #414042;
	color: #3c3c3b;
	text-transform: uppercase;
} select.cat_dropdown,
select.cat_dropdown_small,
.productSelectInput {position:absolute;top:0;left:0;
	width: -moz-calc(100% - 0px);
	width: -webkit-calc(100% - 0px);
	width: calc(100% - 0px);
height:42px;margin:0;padding:0;border:0px none;cursor:pointer;}
.search-bg {clear:none;border:0px none;color:#FFF;background:url(imgs/search-bg.png) scroll no-repeat left top / 100% 100% transparent;}
.search-bg.left, .search-bg.right {width:45%;}
textarea.cat_listbox,
textarea.cat_listbox_small {height:124px;}
input.cat_textbox_small,
textarea.cat_listbox_small,
.comment-list textarea.cat_listbox_small {width:56%;}
#cat_button,
.cat_button,
input[type="submit"],
input[type="button"],
.submit_button,
#submit_button,
.submit_button[type="submit"],
#submit_button[type="submit"],
.submit_button[type="button"],
#submit_button[type="button"],
#btn_prev, #btn_next
{
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 25px;
	float: none;
	clear: none;
	cursor: pointer;
	border: 0px none;
	font-size: 20px;
	font-family: 'TradeGothicLTStdBdCnNo.20';
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	background: #FF3FB4;
	-webkit-appearance: none;
}
#btn_prev, #btn_next {
	color: #FFF;
	background: #000;
}
.submit_button,
#submit_button,
.submit_button[type="submit"],
#submit_button[type="submit"],
.submit_button[type="button"],
#submit_button[type="button"],
#btn_prev, #btn_next
{
	padding: 5px 25px;
}
#cat_button:hover,
.cat_button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.submit_button[type="submit"]:hover,
#submit_button[type="submit"]:hover,
.submit_button[type="button"]:hover,
#submit_button[type="button"]:hover
{
	background: #000;
	color: #FFF;
}
#btn_prev:hover, #btn_next:hover {
	background: #FF3FB4;
}
[type="submit"][disabled="disabled"],
[type="button"][disabled="disabled"] {
	/*display: inline-block;
	width: 32px; height: 32px;
	margin: 0 0 0 10px; padding: 0;
	float: none; clear: none;
	position: relative;*/
	background: url(imgs/btns-load_more-ajax-black.gif) scroll no-repeat center center / auto auto #000 !important;
}
.inputs .productSubmitInput {width:auto;height:42px;margin:0 0 10px;padding:0px 25px;background:#c3d600;color:#000;text-align:center;}
.inputs .productSubmitInput:hover {background:#c3d600;color:#FFF;}
.inputs .catProdAttributeItem select {
	display: block;
    width: -webkit-calc(100% - 2%);
    width: -moz-calc(100% - 2%);
    width: calc(100% - 2%);
	height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.inputs .catProdAttributeTitle {display:none;}
.inputs .productAttributes {display:block;width:100%;max-width:320px;margin:0 5px 5px 0;float:left;clear:both;}
.customStyleSelectBox {
	display: block;
	width: -moz-calc(100% - 52px);
	width: -webkit-calc(100% - 52px);
	width: calc(100% - 52px);
	height: 20px;
	margin: 0;
	padding: 10px 40px 10px 10px;
	background: url(imgs/dropdown-select-input.png) no-repeat 98% center scroll #FFF;
	border: 1px solid #414042;
	font-family: 'Lato', sans-serif/*'Droid Serif', Arial, Helvetica, sans-serif*/;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	word-wrap: break-word;      /* for IE, Firefox since 3.5 and Opera since 10.5 */
	overflow: hidden;           /* required for text-overflow */
	text-overflow: ellipsis;    /* for IE and WebKit (Safari, Chrome) */
	-o-text-overflow: ellipsis; /* for Opera since 9.0 */
}
.form25 {width:25%;float:left;} .form50 {width:50%;float:left;}
.form75 {width:75%;float:left;} .form100 {width:100%;float:left;}
.item.imgright {float:right !important;}
.col2 .item , div.form.col2 div.item, div.webform.col2 div.item {
	clear: none;
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
	margin-right: 20px;
}
.col3 .item , div.form.col3 div.item, div.webform.col3 div.item {
	clear: none;
	width: -moz-calc(33% - 20px);
	width: -webkit-calc(33% - 20px);
	width: calc(33% - 20px);
	margin-right: 20px;
}
.itemleft {
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
	margin-right: 20px;
}
.itemright {
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: calc(50% - 20px);
	margin-left: 20px;
}
.itemleft *, .itemright * {width:100%;}
.other_info {display:none;}


/* ==========================================================================
   8. SHOP
   ========================================================================== */
select.shippingDropDown {
	display: block;
	width: 100%;
	height: 28px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.inputselect {
	display: block;
	width: 58%;
	height: 28px;
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
}
.shippingDiv .inputselect,
.shippingCountryDiv .inputselect {width:100%;}
.inputselect .customStyleSelectBox {
	display: block;
	width: 80%;
	height: 18px;
	margin: 0;
	padding: 5px 18% 5px 2%;
	background: url(imgs/dropdown-select-input.png) no-repeat 98% center scroll #FFF;
	border: 1px solid #d8d7d7;
	font-family: 'Droid Serif', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.shippingDiv .inputselect .customStyleSelectBox,
.shippingCountryDiv .inputselect .customStyleSelectBox {text-align:left;font-size:14px;}

/* CART */
.cart {display:block;width:100%;height:auto;margin:0;padding:0;float:left;clear:both;}
.row {display:block;width:100%;height:auto;margin:0;padding:0;float:left;clear:both;font-family:'TradeGothicLTStdBdCnNo.20';font-size:20px;}
div.var {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#c8cccd;border-bottom:2px solid #FFF;}
div.val {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#e8e8e8;border-bottom:2px solid #FFF;}
.subtotal {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#b5b9bd;border-bottom:2px solid #FFF;}
.discount {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#e8e8e8;border-bottom:2px solid #FFF;}
.giftvoucher {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#e8e8e8;border-bottom:2px solid #FFF;}
.gst.subtotal {background:#c8cccd;}
.shipping {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#e8e8e8;border-bottom:2px solid #FFF;}
.total {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:#a2a9ae;border-bottom:0px solid #FFF;}
.buttons {display:block;width:96%;height:auto;margin:0;padding:20px 2%;float:left;clear:both;background:none;border-bottom:0px solid #ededed;text-align:center;}
.productitem {display:block;width:100%;height:auto;margin:0;padding:0;float:left;}
.productcell {display:block;width:100%;height:auto;margin:0;padding:0;float:left;}
.productitemcell {display:block;width:100%;min-height:100px;margin:0 0 20px;padding:0 0 20px;float:left;border-bottom:1px dashed #FFF;}
.productcell input[type="button"] {color:#000;}
.shippingDiv, .shippingCountryDiv {display:block;width:100%;float:left;clear:both;margin:0 0 20px;}
#shippingSpan, #shippingCountrySpan {display:block;width:100%;}

.removelink a {display:inline-block;width:25px;height:25px;line-height:20px;color:#FFF !important;text-align:center;
background:#ff3db4;-webkit-border-radius:1200px;-moz-border-radius:1200px;-ms-border-radius:1200px;-o-border-radius:1200px;border-radius:1200px;}
.removelink a:hover {background:#000 !important;color:#FFF !important;text-decoration:none !important;}
input.cartInputText,
input#DiscountCode, input#GiftVoucher {
	display: inline-block;
	width: 50% !important;
	height: auto;
	margin: 0;
	padding: 2px 2%;
	background: #FFF;
	float: none;
	clear: none;
	position: relative;
	font-family: 'Droid Serif', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	border: 1px solid #d8d7d7;
	text-align: center;
} input#DiscountCode, input#GiftVoucher {width:10% !important;margin:0 5px;}
a#catshopcontinue,
a.catshopcontinue,
a#catshopbuy,
a.catshopbuy {display:inline-block;width:auto;margin:9px 0 9px 0;font-size:20px;float:left;font-size:20px;font-family:'TradeGothicLTStdBdCnNo.20';}
a#catshopbuy, a.catshopbuy {float:right;}
.row #cat_button,
.row .cat_button,
.row input[type="submit"],
.row input[type="button"] {
	color: #000;
	padding: 0;
	background: none;
}

/*====SHOP====*/
.var div {display:block;float:left;}
.var .width60 {width:60% !important;}
.var .width15 {width:15% !important;}
.var .width10 {width:10% !important;}
.var .width5 {width:5% !important;}

.val div {display:block;float:left;}
.val .width60 {width:60% !important;}
.val .width15 {width:15% !important;}
.val .width10 {width:10% !important;}
.val .width5 {width:5% !important;}

.subtotal div {display:block;float:left;}
.subtotal .width70 {width:70% !important;}
.subtotal .width15 {width:15% !important;}
.subtotal .width10 {width:10% !important;}

.discount div {display:block;float:left;}
.discount .width30 {width:30% !important;}
.discount .width55 {width:55% !important;}
.discount .width15 {width:10% !important;}

.giftvoucher div {display:block;float:left;}
.giftvoucher .width30 {width:30% !important;}
.giftvoucher .width55 {width:55% !important;}
.giftvoucher .width15 {width:10% !important;}

.shipping div {display:block;float:left;}
.shipping .width65 {width:65% !important;}
.shipping .width20 {width:20% !important;}
.shipping .width15 {width:10% !important;}

.total div {display:block;float:left;}
.total .width85 {width:85% !important;}
.total .width15 {width:10% !important;}

.shop-receipt, .shop-quote-receipt {
    clear: both;
    float: left;
    margin: 0 0 /*50px*/;
    padding: 18px;
}
input.PaymentMethodType {margin:0 5px;}

/*====PRODUCTS====*/
.products {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 0px;
	padding: 0 0 0px;
	float: left;
	clear: both;
	position: relative;
	background: none;
} .products h3 {color:#000;}
table.productTable {margin:0 0 30px;}
table.productTable td {padding:0;}
.product_img {
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	min-height: 260px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
} .product_img img {width:auto;max-width:100%;height:auto;}
.product_info {
	display: block;
	width: 100%;
	max-width: 480px;
	min-height: 240px;
	margin: 0 35px 0 0;
	padding: 20px 35px 0 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
	border-right: 1px solid #000;
}
.product_input {
	display: block;
	width: 100%;
	max-width: 223px;
	height: auto;
	margin: 0;
	padding: 20px 0 0;
	float: left;
	clear: none;
	position: relative;
	background: none;
}
.productTextInput {width:80px;margin:0 0 20px;padding:10px 5px;float:none;clear:both;}
.productSubmitInput {width:140px;margin:0;float:none;clear:both;}
.warning {
	display: none;
	width: auto;
	min-height: 19px;
	margin: 0;
	padding: 6px 0 0 30px;
	float: left;
	clear: both;
	position: relative;
	background: url(imgs/icons/warning.png) no-repeat left top scroll #FFF;
	font-size: 12px;
}
.catalogueList, .productList, .productItem {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	background: none;
	list-style: none none;
}


/* ==========================================================================
   9. CUSTOM ALERTS
   ========================================================================== */
div#alertBox {
    background-color: #FFF;
    color: #666;
    display: none;
    font-size: 12px;
	line-height: 16px;
    margin: 0px;
    padding: 12px 16px;
    position: fixed;
    top: 25px;
    right: 20px;
	min-width: 250px;
    max-width: 500px;
    z-index: 999999;
	
	/* Border */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	
	/* Shadow */
	-webkit-box-shadow: 1px 2px 3px #CCC;
	-moz-box-shadow: 1px 2px 3px #CCC;
	-ms-box-shadow: 1px 2px 3px #CCC;
	-o-box-shadow: 1px 2px 3px #CCC;
	box-shadow: 1px 2px 3px #CCC;
	
	/* Transition */
	/*-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;*/
}
div#alertBox:hover {
	-webkit-box-shadow: 1px 2px 3px #999;
	-moz-box-shadow: 1px 2px 3px #999;
	-ms-box-shadow: 1px 2px 3px #999;
	-o-box-shadow: 1px 2px 3px #999;
	box-shadow: 1px 2px 3px #999;
}
div#alertBox .close {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0px;
	padding: 4px;
	position: absolute;
	top: -10px;
	left: -10px;
	color: #FFF;
	background: #CCC;
	text-decoration: none;
  	text-align: center;
	font-size: 16px;
	/*line-height: 12px;
	text-indent: 0px;
  	font-family: Arial, Verdana, Helvetica, sans-serif;*/

	/* Border */
	-webkit-border-radius: 1200px;
	-moz-border-radius: 1200px;
	-ms-border-radius: 1200px;
	-o-border-radius: 1200px;
	border-radius: 1200px;

	/* Shadow */
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 1px #999;
	-ms-box-shadow: 1px 1px 1px #999;
	-o-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
	
	/* Transition */
	/*-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;*/
}
div#alertBox .close:hover {
	color: #666;
	background: #FFF;
	
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 1px #999;
	-ms-box-shadow: 1px 1px 1px #999;
	-o-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
}


/* ==========================================================================
   10. BACK TO TOP
   ========================================================================== */
#back-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 999;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	color: #CCC;
	
	/* Transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	
	/* Position */
	/*-webkit-transition: top 0.5s;*/ /* Safari and Chrome */
	/*-moz-transition: top 0.5s;*/ /* Firefox 4 */
	/*-ms-transition: top 0.5s;*/ /* Opera */	
	/*-o-transition: top 0.5s;*/ /* Opera */	
	/*transition: top 0.5s;*/
}
#back-top a:hover {
	color: #999;
	cursor: pointer;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 0 5px;
	background: url(imgs/btns/arrow-up.png) center center scroll no-repeat #CCC;
	
	/* Rounded */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	
	/* Transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#back-top a:hover span {
	background-color: #999;

	/*-webkit-box-shadow: 1px 1px 1px #FFF;
	-moz-box-shadow: 1px 1px 1px #FFF;
	-ms-box-shadow: 1px 1px 1px #FFF;
	-o-box-shadow: 1px 1px 1px #FFF;
	box-shadow: 1px 1px 1px #FFF;*/
}


/* ==========================================================================
   11. FAQ's
   ========================================================================== */
.faq-question {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	border-bottom: 1px solid #dadada;
}
.faq-question a {
	display: block;
	width: 100%;
	min-height: 20px;
	margin: 0px;
	padding: 15px 0px 10px;
	color: #3e3d3d;
	font-weight: bold;
	text-decoration: none;
	background: url(imgs/faqs-open.png) right 20px scroll no-repeat transparent;
}
.faq-question a:hover,
.faq-question.close a:hover {
	color: #f7923a;
	text-decoration: none;
}
.faq-question.close a {
	color: #f7923a;
	background: url(imgs/faqs-close.png) right 20px scroll no-repeat transparent;
}
.faq-details {
	padding: 0px 15px 10px;
	text-transform: none;
}


/* ==========================================================================
   12. ACCORDION
   ========================================================================== */
.expander,
.expTitle {
	color: #1a171b;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0px;
	text-decoration: none;
	cursor: pointer;
}
.expTitle {
	cursor:auto;
}
.expander:hover,
li.current .expander {
	color:#009ee0;
}
ul.accordion {
	list-style-image: none;
	list-style-type: none;
	background: url(imgs/hr.png) left top scroll repeat-x transparent;
}
ul.accordion .innerContent {
	margin: 0px 0 0;
	padding: 0px 0px 10px;
}
ul.accordion {
	margin: 0;
	padding: 0;
}
ul.accordion li {
	display: block;
	margin: 0px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: url(imgs/hr.png) left bottom scroll repeat-x transparent;
	clear: both;
}
ul.accordion li.last {
	background: none;
}
ul.accordion li.current {
	height: auto;
/*
	background: url(imgs/faqs-close.png) right 15px scroll no-repeat transparent;
*/
}


/* ==========================================================================
   13. MOBILE
   ========================================================================== */

/****************** RESET: All ******************/

@media all and (max-width : 1200px) {
	/*#menu ul {display:block;}
	#nav {display:none;}*/
}

/****************** ALL: Adjustments ******************/

@media all and (max-width : 320px) {		
	#menu ul {display:none !important;}
	#nav {display:block;}
	
	.container {width:100%;float:none;clear:both;margin:0 auto;position:relative;}
	
	#header {width:100%;float:none;clear:both;margin:0 auto;position:relative;}
	#section {width:96%;margin:0 2%;}
	#footer {width:96%;margin:0 2%;}

	#header_right {display:none;}
	#logo {float:none;margin:0 auto 0;clear:both;max-width:90%;}
	#shoppingCart {float:none;margin:0 auto 15px;clear:both;}
	/*#amounts {float:none;clear:both;text-align:center;}
	#checkout {display:inline-block;float:none;margin:0;padding:0;}
	#loginout {display:inline-block;margin:0 0 0 10px;padding:0 0 0 10px;float:none;clear:none;border-bottom:0px none;border-right:0px none;border-left:1px solid #FFF;}*/

    /* Widths */
    [class*="width"]{width:100% !important;}
    [class*="widthauto"]{width:auto !important;}
	
	/* Shop */
	#shoppingCart.fixed {display:none;}
	.col2 .item , div.form.col2 div.item, div.webform.col2 div.item {width:100%;clear:both;margin-right:0%;}
	.col3 .item , div.form.col3 div.item, div.webform.col3 div.item {width:100%;clear:both;margin-right:0%;}
	.itemleft, .itemright, .item {width:100% !important;}
	.item.imgright {float:none !important;margin:0 auto 20px !important; }
	
	.removelink a {display:inline-block;width:13px;height:13px;line-height:11px;text-align:center;font-size:14px;
	-webkit-border-radius:1200px;-moz-border-radius:1200px;-ms-border-radius:1200px;-o-border-radius:1200px;border-radius:1200px;}

	input.cartInputText, input#DiscountCode, input#GiftVoucher {font-size:14px;}
	input#DiscountCode, input#GiftVoucher {width:80% !important;}
	#shopping input[type="button"].fs18 {font-size:14px !important;}

	/*a#catshopcontinue {width:100%;font-size:20px;float:none;clear:both;margin:20px auto 20px;}
	a#catshopclear {width:100%;font-size:20px;float:none;clear:both;margin:20px auto 20px;}
	a#catshopbuy {width:100%;font-size:20px;float:none;clear:both;margin:20px auto 0px;}*/
	
	.row {font-size:16px;}

	.productcell input[type="button"] {font-size:16px;}

	.var .remove {text-indent:-999999px;}
	.var .width60 {width:35% !important;}
	.var .width15 {width:20% !important;}
	.var .width10 {width:20% !important;}
	.var .width5 {width:5% !important;}

	.val .width60 {width:35% !important;}
	.val .width15 {width:20% !important;}
	.val .width10 {width:20% !important;}
	.val .width5 {width:5% !important;}

	.subtotal .width70 {width:50% !important;}
	.subtotal .width15 {width:25% !important;}
	.subtotal .width10 {width:20% !important;}

	.discount .width30 {width:50% !important;}
	.discount .width55 {width:25% !important;}
	.discount .width15 {width:20% !important;}

	.giftvoucher .width30 {width:50% !important;}
	.giftvoucher .width55 {width:25% !important;}
	.giftvoucher .width15 {width:20% !important;}

	.shipping .width65 {width:50% !important;}
	.shipping .width20 {width:25% !important;}
	.shipping .width15 {width:20% !important;}

	.total .width85 {width:75% !important;}
	.total .width15 {width:20% !important;}
	
	.form25, .form50, .form75, .form100 {width:100%;clear:both;}

	.products {width:100%;margin:0 auto;padding:0 0 20px;border-bottom:1px dashed #000;}
	.product_img {width:100%;margin:0 0 20px;max-width:inherit;min-height:inherit;padding:0;clear:both;}
	.product_info {width:100%;max-width:inherit;min-height:inherit;margin:0 0 20px;padding:0;clear:both;border:0px none;}
	.product_input {width:100%;max-width:inherit;margin:0;padding:0;clear:both;}
	.productTextInput {float:none;clear:both;}
	.productSubmitInput {float:none;clear:both;}
	
	.width10.product_price {display:none !important;}
	.width5.product_qty {width:15% !important;}
	
	.inputs [class*="width"] {width:100% !important;}
	
	.leftCol,
	.rightCol {width:100%;float:left;clear:both;}
	.leftCol.or {padding:0 0 40px;background:url(imgs/line-horizontal.png) center 85% scroll repeat-x transparent;}
	.leftCol.or:after {min-width:80px;float:none;clear:both;position:relative;margin:0 auto;padding:40px 0px 0px;top:auto;right:auto;}
	
	.colLeft {width:100%;float:none;clear:both;}
	.colRight {width:100%;float:none;clear:both;} .colRight img {float:none;}
	
	#form_btns .leftCol {text-align:center;}
	#form_btns .leftCol input[type="submit"].cat_button {width:100%;max-width:215px;padding:10px 0px}
	#form_btns .rightCol {text-align:center;}
	
	.recipeimg, .recipeimg.last {width:100%;margin:0 auto 20px;float:none;clear:both;text-align:center;}
	.bannerimg span {font-size:20px;}
	
	#overlaybox .shareSocial {display:none;}
	#overlaybox .colLeft {width:100%;float:none;clear:both;margin:0;padding:0;}
	#overlaybox .colRight {width:100%;float:none;clear:both;margin:0;padding:0;} #overlaybox .colRight img {float:none;}
	#overlaybox {width:86%;height:auto;max-height:auto;margin:2% 2%;padding:2% 2%;}
	#recipedetails table {float:none;clear:both;}
	
	#home_imgs {width:100%;float:none;clear:both;margin:0 auto 20px;}
	.left_imgs, .right_imgs, .right_imgs .clearboth {width:100%;float:none !important;clear:both;margin:0 auto 8px;}
	.right_imgs .left {
    width: -webkit-calc(100% - 0px) !important;
    width: -moz-calc(100% - 0px) !important;
    width: calc(100% - 0px) !important;
	clear:none !important;float:left !important;margin:0 0px 18px 0 !important;}
	.right_imgs .right {
    width: -webkit-calc(100% - 0px) !important;
    width: -moz-calc(100% - 0px) !important;
    width: calc(100% - 0px) !important;
	clear:none !important;float:right !important;margin:0 0 18px 0px !important;}
	#home_shop {width:100%;float:left;clear:both;margin:0 auto 20px;}
	#home_imgs img {width:auto;max-width:100%;float:none;clear:both;margin:0 auto 10px;}
	#home_shop img, #home_shop img.left, #home_shop img.last {width:auto;max-width:100%;float:none !important;clear:both;margin:0 auto 10px;}
	
	.answer {width:90%;padding:0 5%;}
	
	.middlecol, #middlecol {width:100%;}
	
	#consultations a {margin:0 auto 20px;}
	
	#instafeed {width:104%;margin:0 -2%;padding:10px 0 10px;}
	#instafeed .flex-direction-nav li:first-child {left:4%;}
	#instafeed .flex-direction-nav li:last-child {right:4%;}
	
	.imgLeft, .imgleft,
	.imgRight, .imgright
	{display:block;float:none;clear:both;margin:0 auto;padding:0;}
	
	.package_info {/*display:block !important;height:auto !important;clear:both !important;*/min-height:0px !important;margin:0 10px 40px !important;}
	
	/* Blog */
	.blog-container .post-list {width:100%;max-width:100%;margin:0 0 20px;max-width:inherit;min-height:inherit;padding:0;clear:both;}
	.blog-container .side-panel {width:100%;max-width:100%;margin:0 0 20px;max-width:inherit;min-height:inherit;padding:0;clear:both;}
	.blog-container .blog-post .post-details .date {
		display: block;
		float: left;
		clear: both;
		width: -webkit-calc(100% - 18px);
		width: -moz-calc(100% - 18px);
		width: calc(100% - 18px);
		margin: 0 0px 10px 0;
		padding: 0 0 0 18px;
	}
	.blog-container .blog-post .post-details .tags {
		display: block;
		float: left;
		clear: both;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 0 0 10px 0px;
		padding: 0 0 0 20px;
	}
	.blog-container .blog-post {width:100%;}
}

@media all and (min-width : 321px) and (max-width : 767px) {
	#menu ul {display:none !important;}
	#nav {display:block;}

	.container {width:100%;float:none;clear:both;margin:0 auto;position:relative;}
	
	#logo {float:none;margin:0 auto 0;clear:both;max-width:90%;}
	#shoppingCart {margin:0 2% 5px 0;}

	#header {width:100%;margin:0 0%;float:none;clear:both;margin:0 auto;position:relative;}
	#section {width:96%;margin:0 2%;}
	#footer {width:96%;margin:0 2%;}

	#header_right {display:none;}

    /* Widths */
    [class*="width"]{width:100% !important;}
    [class*="widthauto"]{width:auto !important;}
	
	/* Shop */
	#shoppingCart.fixed {display:none;}
	.col2 .item , div.form.col2 div.item, div.webform.col2 div.item {width:100%;clear:both;margin-right:0%;}
	.col3 .item , div.form.col3 div.item, div.webform.col3 div.item {width:100%;clear:both;margin-right:0%;}
	.itemleft, .itemright, .item {width:100% !important;}
	.item.imgright {float:none !important;margin:0 auto 20px !important; }
	
	.removelink a {display:inline-block;width:16px;height:16px;line-height:13px;text-align:center;font-size:16px;
	-webkit-border-radius:1200px;-moz-border-radius:1200px;-ms-border-radius:1200px;-o-border-radius:1200px;border-radius:1200px;}
	
	input.cartInputText, input#DiscountCode, input#GiftVoucher {font-size:15px;}
	input#DiscountCode, input#GiftVoucher {width:60% !important;clear:both;}
	#shopping input[type="button"].fs18 {font-size:15px !important;}

	/*a#catshopcontinue {width:100%;font-size:20px;float:none;clear:both;margin:20px auto 20px;}
	a#catshopclear {width:100%;font-size:20px;float:none;clear:both;margin:20px auto 20px;}
	a#catshopbuy {width:100%;font-size:20px;float:none;clear:both;margin:20px auto 0px;}*/
	
	.row {font-size:16px;}

	.productcell input[type="button"] {font-size:16px;}	
	
	.var .remove {text-indent:-999999px;}
	.var .width60 {width:35% !important;}
	.var .width15 {width:20% !important;}
	.var .width10 {width:20% !important;}
	.var .width5 {width:5% !important;}

	.val .width60 {width:35% !important;}
	.val .width15 {width:20% !important;}
	.val .width10 {width:20% !important;}
	.val .width5 {width:5% !important;}

	.subtotal .width70 {width:50% !important;}
	.subtotal .width15 {width:25% !important;}
	.subtotal .width10 {width:20% !important;}

	.discount .width30 {width:50% !important;}
	.discount .width55 {width:25% !important;}
	.discount .width15 {width:20% !important;}

	.giftvoucher .width30 {width:50% !important;}
	.giftvoucher .width55 {width:25% !important;}
	.giftvoucher .width15 {width:20% !important;}

	.shipping .width65 {width:50% !important;}
	.shipping .width20 {width:25% !important;}
	.shipping .width10 {width:20% !important;}

	.total .width85 {width:75% !important;}
	.total .width15 {width:20% !important;}
	
	.form25, .form50, .form75, .form100 {width:100%;clear:both;}

	.products {width:100%;margin:0 auto;padding:0 0 20px;border-bottom:1px dashed #000;}
	.product_img {width:100%;max-width:inherit;min-height:inherit;margin:0 0 20px;padding:0;clear:both;}
	.product_info {width:100%;max-width:inherit;min-height:inherit;margin:0 0 20px;padding:0;clear:both;border:0px none;}
	.product_input {width:100%;max-width:inherit;margin:0;padding:0;clear:both;}
	.productTextInput {float:none;clear:both;}
	.productSubmitInput {float:none;clear:both;}
	
	.width10.product_price {display:none !important;}
	.width5.product_qty {width:15% !important;}
	
	.inputs [class*="width"] {width:100% !important;}
	
	.leftCol,
	.rightCol {width:100%;float:left;clear:both;}
	.leftCol.or {padding:0 0 40px;background:url(imgs/line-horizontal.png) center 85% scroll repeat-x transparent;}
	.leftCol.or:after {min-width:80px;float:none;clear:both;position:relative;margin:0 auto;padding:40px 0px 0px;top:auto;right:auto;}

	.colLeft {width:100%;float:none;clear:both;}
	.colRight {width:100%;float:none;clear:both;} .colRight img {float:none;}
	
	#form_btns .leftCol {text-align:center;}
	#form_btns .leftCol input[type="submit"].cat_button {width:100%;max-width:215px;padding:10px 0px}
	#form_btns .rightCol {text-align:center;}

	.recipeimg, .recipeimg.last {width:100%;margin:0 auto 20px;float:none;clear:both;text-align:center;}
	.bannerimg span {font-size:20px;}

	#overlaybox .shareSocial {display:none;}
	#overlaybox .colLeft {width:100%;float:none;clear:both;margin:0;padding:0;}
	#overlaybox .colRight {width:100%;float:none;clear:both;margin:0;padding:0;} #overlaybox .colRight img {float:none;}
	#overlaybox {width:86%;height:auto;max-height:auto;margin:2% 2%;padding:2% 2%;}
	#recipedetails table {float:none;clear:both;}

	#home_imgs {width:100%;float:none;clear:both;margin:0 auto 20px;}
	.left_imgs, .right_imgs, .right_imgs .clearboth {width:100%;float:none !important;clear:both;margin:0 auto 8px;}
	.right_imgs .left {
    width: -webkit-calc(50% - 4px) !important;
    width: -moz-calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
	clear:none !important;float:left !important;margin:0 4px 18px 0 !important;}
	.right_imgs .right {
    width: -webkit-calc(50% - 4px) !important;
    width: -moz-calc(50% - 4px) !important;
    width: calc(50% - 4px) !important;
	clear:none !important;float:right !important;margin:0 0 18px 4px !important;}
	#home_shop {width:100%;float:left;clear:both;margin:0 auto 20px;}
	#home_imgs img {width:auto;max-width:100%;float:none;clear:both;margin:0 auto 10px;}
	#home_shop img, #home_shop img.left, #home_shop img.last {width:auto;max-width:100%;float:none !important;clear:both;margin:0 auto 10px;}

	.answer {width:90%;padding:0 5%;}
	
	.middlecol, #middlecol {width:100%;}
	
	#consultations a {margin:0 auto 20px;}
	
	#instafeed {width:104%;margin:0 -2%;padding:10px 0 10px;}
	#instafeed .flex-direction-nav li:first-child {left:4%;}
	#instafeed .flex-direction-nav li:last-child {right:4%;}

	.imgLeft, .imgleft,
	.imgRight, .imgright
	{display:block;float:none;clear:both;margin:0 auto;padding:0;}
	
	.package_info {/*display:block !important;height:auto !important;clear:both !important;*/min-height:0px !important;margin:0 10px 40px !important;}
	
	/* Blog */
	.blog-container .post-list {width:100%;max-width:100%;margin:0 0 20px;max-width:inherit;min-height:inherit;padding:0;clear:both;}
	.blog-container .side-panel {width:100%;max-width:100%;margin:0 0 20px;max-width:inherit;min-height:inherit;padding:0;clear:both;}
	.blog-container .blog-post .post-details .date {
		display: block;
		float: left;
		clear: both;
		width: -webkit-calc(100% - 18px);
		width: -moz-calc(100% - 18px);
		width: calc(100% - 18px);
		margin: 0 0px 10px 0;
		padding: 0 0 0 18px;
	}
	.blog-container .blog-post .post-details .tags {
		display: block;
		float: left;
		clear: both;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 0 0 10px 0px;
		padding: 0 0 0 20px;
	}
	.blog-container .blog-post {width:100%;}
}

@media all and (min-width : 768px) and (max-width : 1023px) {
	#cat_button, .cat_button, input[type="submit"], input[type="button"], .submit_button, #submit_button, .submit_button[type="submit"], #submit_button[type="submit"], .submit_button[type="button"], #submit_button[type="button"] {font-size:18px;}
	
	#overlaybox .shareSocial {display:none;}
	#overlaybox .colLeft {width:100%;float:none;clear:both;margin:0;padding:0;}
	#overlaybox .colRight {width:100%;float:none;clear:both;margin:0;padding:0;} #overlaybox .colRight img {float:none;}
	#overlaybox {width:86%;height:auto;max-height:auto;margin:2% 2%;padding:2% 2%;}
	#recipedetails table {float:none;clear:both;}

	.recipeimg {width:33.3%;}	

	.answer {width:70%;padding:0 15%;}

	#consultations a {width:47%;margin:0 1% 20px;}
	
	/* Blog */
	.blog-container .post-list {width:70%;}
	.blog-container .side-panel {
		width: -webkit-calc(30% - 20px);
		width: -moz-calc(30% - 20px);
		width: calc(30% - 20px);
		max-width: 30%;
		margin: 0 20px 0 0;
	}
}

@media all and (min-width : 768px) and (max-width : 1200px) {
	#menu ul {display:table;}
	#nav {display:none;}	
	
	.container {width:100%;float:none;clear:both;margin:0 auto;position:relative;}
	
	#logo {margin:71px 0 0 11px;}
	#shoppingCart {margin-right:2%;}

	#header {width:100%;margin:0 0%;float:none;clear:both;margin:0 auto;position:relative;}
	#section {width:96%;margin:0 2%;}
	#footer {width:96%;margin:0 2%;}

	#header_right {display:none;}
	
	.recipeimg {width:33.3%;}
	
	/* Shop */
	#shoppingCart.fixed {display:none;}
	/*.col2 .item , div.form.col2 div.item, div.webform.col2 div.item {width:100%;clear:both;margin-right:0%;}
	.col3 .item , div.form.col3 div.item, div.webform.col23div.item {width:100%;clear:both;margin-right:0%;}*/
	.item.imgright {float:none !important;margin:0 auto 20px !important; }
	
	input.cartInputText, input#DiscountCode, input#GiftVoucher {font-size:16px;}
	input#DiscountCode, input#GiftVoucher {width:20% !important;clear:both;}
	input[type="button"].fs18 {font-size:16px !important;}

	a#catshopcontinue {font-size:20px;}
	a#catshopclear {font-size:20px;margin:0 0 20px 20%;}
	a#catshopbuy {font-size:20px;}
	
	.row {font-size:20px;}

	.productcell input[type="button"] {font-size:16px;}
		
	.removelink a {display:inline-block;width:20px;height:20px;line-height:17px;text-align:center;
	-webkit-border-radius:1200px;-moz-border-radius:1200px;-ms-border-radius:1200px;-o-border-radius:1200px;border-radius:1200px;}

	.var .remove {text-indent:-999999px;}

	.products {width:100%;margin:0 auto;}
	.product_img {width:33%;max-width:inherit;min-height:inherit;margin:0 2% 20px 0;padding:0;}
	.product_info {width:42%;max-width:inherit;min-height:inherit;margin:0 3% 20px 0;padding:20px 3% 20px 0;}
	.product_input {width:15%;margin:0 0 20px;padding:20px 0 0;}
	.productTextInput {float:none;clear:both;}
	.productSubmitInput {float:none;clear:both;width:90%;}

	.colLeft {width:50%;}
	.colRight {width:46%;} .colRight img {float:right;}

	.answer {width:70%;padding:0 15%;}

	.middlecol, #middlecol {width:85%;}

	#consultations a {width:47%;margin:0 1% 20px;}
	#consultations.triple a {width:33%;margin:0 auto 20px;}

	/* Blog */
	.blog-container .post-list {width:70%;}
	.blog-container .side-panel {
		width: -webkit-calc(30% - 20px);
		width: -moz-calc(30% - 20px);
		width: calc(30% - 20px);
		max-width: 30%;
		margin: 0 20px 0 0;
	}
	.blog-container .blog-post {width:100%;}
}

.mobile-hide		{ display: none; }
.mobile-only 		{ display: block; }


/*  ================================ Mobile Devices ============================================  */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	.fixed			{ width:100%; background:green; }

/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* @end */