body {
	background-color: #ffffff !important;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 16px;
	line-height: 140%;
	color: #352f2f;
    position: relative;
}

/* GLOBALS */
a:link, 
a:visited, 
a:hover, 
a:active {
	text-decoration: none;
	color: #d54600;
	outline: none;
}
ul, 
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
h1, 
h2, 
h3 {
	text-transform: uppercase;
	color: #d54600;
}
.clear {
	clear: both;
}
span.required {
	font-weight: bold;
}
	
span.number {
	display: block;
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	color: #fff;
	font-size: 48px;
	line-height: 120%;
	text-align: center;
}

span.food-image {
	position: absolute;
	z-index: 0;
	opacity: 1;
	display: block;
}
.anchor {
	position: absolute;
	top: -70px;
	left: 0;
}
img.mobile {
	display: none;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

.social {
	width: 68px;
	height: 230px;
	position: fixed;
	top: 50%;
	right: 0;
	background: rgba(255,255,255, .9);
	margin-top: -115px;
	z-index: 15;
}
    .no-rgba .social {
        background: url(../images/rgba-white-90.png) repeat;
    }
	.social a {
		padding: 10px 0 0 10px;
		display: block;
        margin: 0;
	}
	.social a img {
		display: block;
		width: 46px;
		height: 46px;
        border: 0;
        padding: 0;
	}
#wrap_branding {
    position: relative;
    z-index: 20;
}

nav.main {
    font-size: 24px;
    text-transform: uppercase;
    width: 100%;
    height: 70px;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 15;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: #939393 0 0 5px;
    -moz-box-shadow: #939393 0 0 5px;
	box-shadow: #939393 0 0 5px;
}
        .no-rgba nav.main {
            background: url(../images/rgba-white-90.png) repeat;
        }
	nav.sticky {
		position: fixed;
		top: 0 !important;
	}
        nav.main .wrap {
            margin: 0 auto;
            max-width: 1030px;
            position: relative;
        }
	    nav.main .inner {
		    display: table;   /* Allow the centering to work */
		    margin: 0 0 0 auto;
	    }
	    nav.main ul {
		    padding: 5px;
		    height: 60px;
	    }
		    nav.main ul li {
			    font-weight: bold;
			    display: block;
			    float: left;
			    height: 60px;
			    margin: 0 20px 10px 0;
			    line-height: 240%;
		    }
                nav.main ul li:hover {
                    opacity: .9;
                }
			    nav.main ul li.buy a {
				    color: #7ac043;
			    }
			    .buy span.number { 
				    background: #7ac043;
			    }
			        .no-borderradius .buy span.number { 
				        background: url(../images/circle-green-60x60.png) no-repeat;
			        }
			    nav.main ul li.make a {
				    color: #004f30;
			    }
			    .make span.number { 
				    background: #004f30;
			    }
			        .no-borderradius .make span.number { 
				        background: url(../images/circle-darkgreen-60x60.png) no-repeat;
			        }
			    nav.main ul li.eat a {
				    color: #d57d00;
			    }
			    .eat span.number { 
				    background: #d57d00;
			    }
			        .no-borderradius .eat span.number { 
				        background: url(../images/circle-orange-60x60.png) no-repeat;
			        }
    a.vegan-life {
        display: block;
		width: 156px;
        height: 50px;
        background: url("../images/vegan-life-logo-small.png") no-repeat scroll 0 0 transparent;
        position: absolute;
		text-indent: -9999px;
		left: 10px;
		top: 8px;
    }
	
    .text-number a.disabled {
        color: #fff;
        cursor: text;
    }
        .sticker .text-number a.disabled {
            color: #D54600;
        }
.pane {
	overflow: hidden;
}
	.pane .inner {
		max-width: 960px;
		padding: 40px 60px 40px 10px;
		position: relative;
		margin: 0 auto;
	}
	.pane h2 {
		font-size: 48px;
		line-height: 160%;
		margin: 0 0 20px -40px;
		text-shadow: 0px 1px 1px #4d4d4d;
	}
	.pane h2 span.number {
		background: rgba(255, 255, 255, 0.8);
		width: 80px;
		height: 80px;	
		border-radius: 40px;
		font-size: 64px;
		box-shadow: 0px 1px 1px #4d4d4d;
	}
        .no-rgba .pane h2 span.number {
            background: url(../images/rgba-white-80.png) repeat;
        }
	.pane.buy h2, 
	.pane.buy h3, 
	.pane.buy h2 span.number {
		color: #004f30;
	}
        .no-borderradius .pane.buy h2 span.number {
            background: url(../images/circle-white-80x80.png) no-repeat !important
        }
	.pane.make h2, 
	.pane.make h3, 
	.pane.make h2 span.number {
		color: #7ac043;
	}
        .no-borderradius .pane.make h2 span.number {
            background: url(../images/circle-green-80x80.png) no-repeat !important
        }
	.pane.eat h2, 
	.pane.eat h3, 
	.pane.eat h2 span.number {
		color: #d57d00;
	}
        .no-borderradius .pane.eat h2 span.number {
            background: url(../images/circle-white-80x80.png) no-repeat !important
        }
	


#header {
	background: #fff;
	position: relative; 
	height: 382px;
	z-index: 1;
	clear: both;
}
	#header .inner {
		position: relative; 
		padding: 80px 50px 0 10px;
		min-height: 302px;
	}
	#header .mask {
		background: url(../images/header-mask.png) repeat-y;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 500px;
		z-index: 0;
	}
	#header .inner a.vegan-life {
		display: none;
		right: 10px;
		left: auto;
		top: 70px;
	}
	#header h1 {
		color: #7ac043;
		font-size: 72px;
		line-height: 105%;
		font-weight: 900;
		margin: 20px 0 0;
		font-weight: 900;
		text-shadow: 0px 1px 1px #4d4d4d;
		position: relative;
		z-index: 1;
	}
		#header h1 span {
			color: #004f30;
			font-size: 90px;
			display: block;
		}
	#header h2 {
		text-transform: none;
		font-size: 21px;
		line-height: 120%;
		width: 35%;
		color: #352f2f;
		font-weight: normal;
		margin: 15px 0 20px !important;
		text-shadow: none;
		position: relative;
		z-index: 1;
	}


#what-to-buy-pane {
	margin: 0 auto;
	position: relative; 
	padding: 0 0 40px;
    background: #9DB966 url(../images/canvas-logo-green.jpg) repeat 0 0;
}
	#what-to-buy-pane h2 {
		color: #fff;
	}
	#what-to-buy-pane .main-column {
		width: 50%;
		float: left;
	}
	
	#what-to-buy-pane .intro p {
		color: #fff;
	}
	/* BEGIN Shopping List */
	#shopping-list {
		font-size: 13px;
		color: #352f2f;
		position: relative;
	}
		#shopping-list p {
			margin: 0 0 10px;
			line-height: 120%;
		}
		#shopping-list h3 {
			padding: 10px 0 5px 12px;
			font-size: 24px;
			margin: 0 0 10px;
			color: #004f30;
			text-transform: none;
		}
		#shopping-list h4 {
			margin: 0;
			text-transform: uppercase;
			background: #fff;
			color: #4f8525;
			font-size: 18px;
			padding: 8px 12px;
			border-bottom: 1px solid #7ac043;
			cursor: pointer;
		}
		#shopping-list h4 span {
			width: 18px;
			height: 18px;
			display: block;
			background: url(../images/accordion-toggle.png) no-repeat 0 -18px;
			float: left;
			margin: 2px 6px 0 0;
		}
		#shopping-list h4.active span {
			background-position: -18px -18px;
		}
		#shopping-list h4:hover {
			color: #7AC043;
		}
		#shopping-list h4:hover span {
			background-position: 0 0;
		}
		#shopping-list h4:hover.active span {
			background-position: -18px 0;
		}
		#shopping-list div.food {
			display: none;
			padding: 10px 4% !important;
			background: rgba(255,255,255, .8);
		}
            .no-rgba #shopping-list div.food {
                background: url(../images/rgba-white-80.png) repeat;
            }
		#shopping-list ul {
			float: left;
			width: 42%; 
			margin-right: 3%;
		}
		#shopping-list li {
			margin: 0 0 8px 0;
			line-height: 140%;
		}
		#shopping-list span, 
		#shopping-list label {
	    	display: block;
	    	margin-left: 22px;   
		}
		#shopping-list input[type=checkbox] {
			display: block; 
			float: left;
		}
			
	#where-to-find {
		float: right;
		width: 40%;
		color: #fff;
		background-color: rgba(0, 79, 48, 0.95);
		margin-left: 8%;
	}
        .no-rgba #where-to-find {
            background: url(../images/rgba-darkgreen-95.png) repeat;
        }
		#where-to-find div {
			padding: 15px 20px 20px;
		}
			#where-to-find p {
				margin: 0;
			}
		h3.where-find {
			background-image: url(../images/icon-shopping-cart.png);
			background-repeat: no-repeat;
			background-position: 0 4px;
			position: relative;
			margin: 0 0 10px;
		}
			h3.where-find span {
				font-size: 21px;
				color: #fff;
				font-weight: bold;
				text-transform: uppercase;
				padding: 10px 0 10px 44px;
				display: block;
			}
			
	
	.list-nav {
		position: relative;
		/*height: 38px;*/
		margin: 20px 0 0;
		text-transform: none;
	}
		.list-nav a {
			display: block;
			background-image: url(../images/icon-list-options.png);
			background-color: rgba(0, 79, 48, 0.95);
			background-repeat: no-repeat;
			font-size: 21px;
			color: #fff;
			font-weight: bold;
			margin: 10px 10px 10px 0;
			float: left;
		}
            .no-rgba .list-nav a  {
                background-color: #004f30;
            }
		.list-nav a.print {
			background-position: 6px -128px;
			padding: 8px 20px 8px 50px;
            width: 130px;
		}
		.list-nav a.email {
			background-position: 8px 4px;
			padding: 8px 20px 8px 56px;
            width: 150px;
		}
		.list-nav a.canada {
			background-color: rgba(0, 79, 48, 0.95);
			background-image: none;
			padding: 8px 0 8px 12px;
            width: 230px;
		}
		.list-nav a.active {
			color: #004f30;
			background-color: rgba(255, 255, 255, .8);
			background-position: 8px -56px;
		}
            .no-rgba .list-nav a.active  {
                background-color: #fff;
            }
		.list-nav a:hover {
			color: #bdf194;
		}
		.list-nav a.active:hover {
			color: #004f30;
		}

	#email-list {
		background: rgba(255, 255, 255, .8);
		color: #004f30;
		padding: 20px;
		display: none;
		clear: both;
        position: relative;
	}
        .no-rgba #email-list  {
            background: #fff;
        }

        #email-list {
            width: 434px;
        }
	
		#email-list li {
			margin: 0;
			padding: 0 0 10px 0;
			clear: both;
			display: block;
		}
		#email-list li input, 
        .enews input[type=text] {
			background: rgba(255,255,255, .8);		
			border: 1px solid #9DB966;
			padding: 4px 2px;
			width: 45%;
			font-size: 16px;
		}
            .no-rgba #email-list li input,
            .no-rgba .enews input[type=text]  {
                background: url(../images/rgba-white-80.png) repeat;
            }
		#email-list li label {
			display: block;
		}
		#email-list li.checkbox {
			font-size: 13px;
			line-height: 120%;
			height: 24px;
            padding: 0 0 15px;
			width: auto;
		}
		#email-list li.checkbox input {
			float: left;
			margin: 3px 5px 0 0;
			width: auto;
            border: 0;
		}
		#email-list li.checkbox label {
			float: left;
			display: block;
			width: 85%;
			margin: 3px 0 0 0;
            border: 0;
		}
		#email-list li label.required {
			font-weight: bold;
		}
        #email-list .required-message {
            color: red;
            display: block;
            margin: 10px 0 5px;
        }
		#email-list #btnSubmit,
        .enews input[type=submit] {
			background-color: #7ac043;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac043), color-stop(100%, #62a42e));
			background-image: -webkit-linear-gradient(top, #7ac043, #62a42e);
			background-image: -moz-linear-gradient(top, #7ac043, #62a42e);
			background-image: -ms-linear-gradient(top, #7ac043, #62a42e);
			background-image: -o-linear-gradient(top, #7ac043 #62a42e);
			background-image: linear-gradient(top, #7ac043, #62a42e);
			border: 1px solid #62a42e;
			border-bottom: 1px solid #5b992b;
			border-radius: 3px;
			-webkit-box-shadow: inset 0 1px 0 0 #539321;
			box-shadow: inset 0 1px 0 0 #96ca6d;
			color: #fff;
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 700;
			padding: 7px 0 8px 0;
			text-align: center;
			text-shadow: 0 -1px 0 #4c9021;
			width: 120px;
			margin: 0 0 10px;
		}
		#email-list #btnSubmit:hover {
			background-color: #76b347;
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
			background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
			background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
			background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
			background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
			background-image: linear-gradient(top, #76b347, #5e9e2e);
			-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
			box-shadow: inset 0 1px 0 0 #8dbf67;
			cursor: pointer;
		}
		#email-list #btnSubmit:active {
			border: 1px solid #5b992b;
			border-bottom: 1px solid #538c27;
			-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
			box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
		}
        #email-list .disclaimer {
            font-size: 13px; 
            line-height: 120%;
        }
		/*#pnlThanks {
			display: none;
		}*/
		#email-list.active
		{
			display: block;
		}
	#loading {
		width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: rgba(122, 192, 67, .6);
        text-align: center;
        z-index: 1;
		display: none;
	}
    .no-rgba #loading {
            background: url(../images/rgba-green-60.png) repeat;
    }
        #loading img {
            display: block;
            margin: 80px auto 0;
        }



#what-to-make-pane {
	position: relative; 
	background: #1b5b1e;
	color: #fff;
}
	#what-to-make-pane h2 {
		color: #fff;
	}
		#what-to-make-pane h2 span.number {
			background: rgba(122, 192, 67, 0.9);
			color: #fff !important;
		}
            .no-rgba #what-to-make-pane h2 span.number  {
                background: url(../images/rgba-green-90.png) repeat;
            }
	#what-to-make-pane p.intro {
		width: 45%;
	}
	.meal-nav { 
		width: 960px;
		overflow-x: hidden;
		position: relative;
		height: 42px;
		margin-bottom: 10px;
	}
		.meal-nav a {
			color: #7AC043;
			float: left;
			text-transform: uppercase;
			font-size: 21px;
			margin-right: 10px;
			font-weight: bold;
			cursor: pointer;
			line-height: 180%;
		}
		.meal-nav a span {
			float: left;
			margin-right: 5px;
		}
		.meal-nav a span.number {
			background: #7AC043;
			font-size: 28px;
			line-height: 130%;
			width: 40px;
			height: 40px;
		}
            .no-borderradius .meal-nav a span.number {
			    background: url(../images/circle-green-40x40.png) no-repeat;
		    }
		.meal-nav a.active {
			color: #FFF;
		}
		.meal-nav a.active span.number{
			background: #FFF;
			color: #1B5B1E;
		}
            .no-borderradius .meal-nav a.active span.number {
			    background: url(../images/circle-white-40x40.png) no-repeat;
		    }
	
	.meal-plans { 
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden; 
		min-height: 260px;
		color: #352F2F;
		overflow-x: scroll;
	}
		.meal-slider {
			width: 200%;
			clear: both;
			padding: 0;
		}
			.meal-plans .meals {
				width: 50%;
				min-height: 260px;
				float: left;
				position: relative;
			}
				.meals .day {
					padding: 10px 3%;
					left: 0;
					width: 94%;
					display: none;
					background: rgba(255, 255, 255, 0.9);
					min-height: 220px;
				}
                .no-rgba .meals .day {
                    background: url(../images/rgba-white-90.png) repeat;
                }
				.meals ul {
					list-style: none;
					height: 40px;
					padding: 0;
					background: rgba(122, 192, 67, 0.9);
				}
                    .no-rgba .meals ul {
                        background: url(../images/rgba-green-90.png) repeat;
                    }
                    .meals .day ul {
						background: none !important;
						height: auto;
					}
					.meals .day ul li {
						float: none;
						display: block;
						color: #352F2F;
						font-size: 16px;
						line-height: 120%;
						font-weight: normal;
						text-transform: none;
						padding: 0;
						margin: 0 0 7px;
						text-align: left;
						width: 100%;
					}
					.day.active {
						display: block;
					}
					.meals .day .meal {
						float: left; 
						width: 30%;
						margin-right: 3%;
					}
				.meals li {
					float: left;
					display: block;
					text-transform: uppercase;
					color: #fff;
					font-size: 18px;
					font-weight: bold;
					padding: 8px 12px 10px;
					text-align: center;
					width: 9%;
					cursor: pointer;
				}
					.meals li.active {
						background: none;
						background: rgba(255, 255, 255, 0.9);
						color: #7ac043;
					}
                        .no-rgba .meals li.active {
						    background: url(../images/rgba-white-90.png) repeat;
					    }
	#what-to-make-pane p.text-message {
		margin: 40px 0 0 0; 
		width: 40%; 	
		float: left;
	}
        #what-to-make-pane p.text-message strong {
            color: #d57d00;
            font-weight: 900;
        }
        #what-to-make-pane p.text-message .text-number a {
            color: #d57d00;
        }
    #what-to-make-pane .button-set {
        width: 50%;
        float: right;
    }
	.button-set {
		padding: 40px 0 30px 0;
		height: 44px;
	}
	.button-set li {
		display: block;
		float: right;
		margin-left: 80px;
		margin-bottom: 40px;
		width: 210px;
		height: 64px;
		background: #7AC043;
		color: #fff;
		font-size: 18px;
		line-height: 120%;
		text-transform: uppercase;
		position: relative;
		-webkit-transition:background-color 0.5s linear;  
	}	
		.button-set li.recipes {
			width: 180px;
		}
		.button-set li.videos {
			display: none;
		}
		.button-set li.recipes a { 
			background: url(../images/circle-recipes.png) no-repeat;
		}
		.button-set li.baking a { 
			background: url(../images/circle-baking.png) no-repeat;
		}
		.button-set li:last-child {
			margin: 0;
		}
		.button-set li:hover {
			background: #65a730;
			-webkit-transition:background-color 0.5s linear;  
		}
		.button-set li a {
			display: block;
			width: 160px;
			height: 104px;
			top: -20px;
			left: -50px;
			padding: 30px 0 10px 110px;
			position: absolute;
			color: #fff;
		}


#where-to-eat-pane {
	background: #eaf0df;
	position: relative;
}
	#where-to-eat-pane p.intro {
		width: 50%;
	}
	#where-to-eat-pane h3 {
		font-size: 21px;
		line-height: 160%;
		color: #d54600;
		background: url(../images/ribbon-header-bg.png) no-repeat;
		text-align: center;
		margin: 0 auto 15px;
		width: 462px;
		height: 25px;
		padding: 6px 0 16px;
	}
	
	#where-to-eat-pane .inner {
		padding: 40px 60px 20px 10px;
	}
	.locations {
		width: 100%;
		background: rgba(122, 192, 67, 0.6);
		position: relative;
		z-index: 1;
	}
        .no-rgba .locations  {
			background: url(../images/rgba-green-60.png) repeat;
		}
		.locations ul {
			max-width: 960px;
			padding: 20px 60px 20px 10px;
			margin: 0 auto;
			clear: both;
		}
			.locations ul li {
				float: left;
				display: block;
				width: 44%; 
				margin-right: 4%;
			}
                .locations ul li:last-child {
				    margin-right: 0;
                }
			.locations p {
				margin: 5px 0 15px;
			}
			.locations h4 {
				text-transform: uppercase;
				margin: 15px 0 0;
				color: #004F30;
			}

	.slider {
		max-width: 870px;
		margin: 0 auto;
		line-height: 130%;
	}
		.slides li {
			width: 420px;
			height: auto;
			background: rgba(234, 240, 223, .7);
		}
            .no-rgba .slides li {
                background: url(../images/rgba-lightgreen-70.png) repeat;
            }
		.slides li img {
			width: 420px;
			height: auto;
		}
		.slides li p {
			margin: 0;
			padding: 10px;
		}
	.carousel {
		margin: 0;
	}
		.carousel li {
			margin: 0 30px 0 0;
		}
	
	#where-to-eat-pane .button-wrap {
		width: 100%;
		clear: both;
		background: rgba(122, 192, 67, 0.8);
	}
        .no-rgba #where-to-eat-pane .button-wrap {
            background: url(../images/rgba-green-80.png) repeat;
        }
	#where-to-eat-pane .button-wrap a.button {
		max-width: 1000px;
		margin: 0 auto;
		clear: both;
		color: #004F30;
		font-weight: 700;
		font-size: 21px;
		padding: 12px 20px 15px;
		display: block;
		line-height: 140%;
		position: relative;
	}
	#where-to-eat-pane .button-wrap a.button span {
		background: url(../images/icon-restaurant.png) no-repeat 0 0;
		position: absolute;
		left: -25px;
		top: 3px;
		width: 40px;
		height: 50px;
		display: block;
		z-index: 1;
	}

#inspiration {
	background: #5D5040 url(../images/canvas-chocolate.jpg) repeat 0 0;
	color: #fff;
}
    #inspiration h2 {
        line-height: 100%;
    }
	#inspiration h2 span {
		margin-left: 40px;
		color: #EAF0DF;
	}
	#inspiration a:link, 
	#inspiration a:visited, 
	#inspiration a:hover, 
	#inspiration a:active {
		color: #7AC043;
	}
	#inspiration .button-set {
		margin-left: 50px;
	}
	#inspiration .button-set li {
		float: left;
		width: 270px;
		margin: 0 80px 0 10px;
	}
	#inspiration .button-set li a {
		width: 180px;
		color: #fff;
	}
	.button-set li.diet a {
	    background: url(../images/circle-diet.png) no-repeat;
	}
	.button-set li.truth a {
	    background: url(../images/circle-eating.png) no-repeat;
	}

#conclusion {
	text-align: left;
	position: relative;
	background: #fff;
}
	#conclusion .inner {
		padding: 40px 50px 40px 10px;
		position: relative;
	}
	#conclusion .message {
		width: 55%;
		float: right;
		clear: right;
	}
        #conclusion .message p {
            margin: 0;
        }
		#conclusion .message h2 {
			margin: 0 !important;
			color: #28160a;
			text-align: center;
			font-size: 36px;
            line-height: 100%;
			}	
		#conclusion h2 span {
			color: #7AC043;
		}
	#conclusion p.copyright {
		font-size: 11px;
        margin: 0;
        line-height: 140%;
		text-align: left;
	}

.sticker {
	margin: 10px 0 20px;
	color: #004F30;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
    background: #B8D78C;
}
    .no-rgba .sticker {
        background: url(../images/rgba-green-60.png) repeat;
    }
	.sticker div {
		padding: 14px 20px;
	}
		.sticker h4 {
			font-size: 16px;
			margin: 0;
            line-height: 120%;
		}
		.sticker h4 span {
			color: #D54600;
            font-weight: 900;
		}
    #conclusion .sticker p {
        margin: 10px 0 0;
    }
.enews {
    margin: 20px 0 10px;
    background: #eaf0df;
}
    #conclusion .enews div.inner {
		padding: 14px 20px 14px 20px;
    }
    .pane.eat .enews h3 {
        margin: 0 0 10px;
        color: #004F30;
        font-size: 18px;
    }
    .enews .field {
        float: left;
        margin-right: 5px;
    }
    .enews #reqEnewsEmail,
    .enews #regEnewsEmail {
        display: block;
        font-size: 12px;
        line-height: 100%;
        padding-left: 6px;
        margin-top: -3px;
    }
    .enews input[type=text] {
        width: auto;
        display: block;
        margin: 0;
    }
    .enews input[type=submit] {
        line-height: 27px;
        padding: 0;
        margin: 0 0 0 6px;
        border: 0;
        cursor: pointer;
    }
    #conclusion .enews p {
	    font-size: 11px;
        line-height: 120%;
        margin: 5px 0 0;
    }
    #conclusion .enews #pnlEnewsThanks p {
        font-size: 16px;
    }

.wear-vegan,
.help-bar {
    background: #bce2e5;
    position: relative;
    z-index: 2;
}
    #conclusion .wear-vegan .inner,
	.help-bar .inner {
         padding: 20px 50px 20px 10px;
    }
    .wear-vegan h4 {
        font-size: 24px;
        margin: 0;
        text-align: center;
    }
	.help-bar h4 {
		font-size: 21px;
		line-height: 1.3;
		margin: 0;
		text-align: center;
	}
    .wear-vegan h4 a,
	.help-bar h4 a {
        color: #28160a;
    }
	.help-bar h4 a {
		text-decoration: underline;
	}
    .wear-vegan a span.button {
		background-color: #39a5ad;
        line-height: 27px;
        padding: 4px 10px;
        width: 122px;
        margin: 0 0 0 15px;
        display: inline-block;
        border-radius: 3px;
        font-weight: 900;
        font-size: 16px;
        text-transform: uppercase;
        color: #ffffff;
        text-shadow: 0 -1px 0 #237b82;
    }
    .wear-vegan .button:hover {
        background: #59c9d1;
    }

@media only screen and (max-width: 1260px) {
	.pane h2 {
		margin: 0 0 20px 0 !important;
	}
	
	.locations .button-wrap a.button {
		padding: 12px 20px 15px 50px;
	}
	.locations .button-wrap a.button span {
		left: 5px;
	}
	
	#shopping-list .email-form input {
		width: 80%;
	}
	
	#shopping-list .email-form .checkbox input {
		width: auto;
	}
}

@media only screen and (max-width: 1040px) {
    #what-to-make-pane p.text-message {
        width: 26%;
    }
    #what-to-make-pane .button-set {
        width: 65%;
    }
    
    .button-set li.recipes {
        width: 150px;
    }
	#where-to-eat-pane .button-wrap a.button span {
		left: 10px;
	}
	#where-to-eat-pane .button-wrap a.button {
		padding: 12px 20px 15px 50px;
	}
}
@media only screen and (max-width: 980px) {
	nav.main .wrap {
		position: static;
	}
	nav.main a.vegan-life{
		display: none;
	}
	#header .inner a.vegan-life{
		display: block;
	}
	nav.main .inner {
   		margin: 0 auto;
    }
	#inspiration .button-set {
		margin-left: 40px;
	}
}


@media only screen and (max-width: 960px)
{
	iframe.formbuilder-iframe
	{
		height: 620px;
	}
}

@media only screen and (max-width: 840px) {
	nav.main {
		font-size: 18px;	
		height: 52px;
	}
		nav.main span.number {
		    border-radius: 20px;
		    font-size: 30px;
		    height: 40px;
		    margin-right: 6px;
		    width: 40px;
		}
    .anchor {
	    top: -52px;
    }
	#conclusion {
		background-position: -200px 0;
	}
	#inspiration h2 span {
		margin-left: 0;
	}
	#inspiration .button-set li {
		margin: 0 80px 40px 10px;
	}
	#header h2 {
		width: 70%;
	}
}
@media only screen and (max-width: 839px) {
    
    #inspiration .button-set li {
        width: 300px
    }
    .wear-vegan a span.button {
        display: block;
        margin: 10px auto 0;
    }
}
@media only screen and (max-width: 780px)
{

	iframe.formbuilder-iframe
	{
		height: 690px;
	}
}
@media only screen and (max-width: 640px) {
    #conclusion .message {
        float: none;
        width: 80%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 620px) {
    .pane h2 span {
        font-size: 36px;
    }
    #inspiration h2 {
        font-size: 36px;
    }
	nav.main {
		font-size: 14px;
		height: 50px;
		top: 40px;
	}
		nav.main ul {
			height: auto;
		}
		nav.main ul li {
			width: 31%;
			height: auto;
			margin-right: 2%;
			line-height: 120%;
		}
        
    .meal-plans {
        min-height: 290px;
    }
    .meal-plans .meals {
        min-height: 290px;
    }
    .meals .day {
        min-height: 250px;
    }
	.meals .days li {
		font-size: 14px !important;
		width: 10% !important;
		padding: 8px 2% 10px 2% !important;
	}	
	.meals .days li:last-child {
		border-right: 0 !important;
	}	
    .anchor {
	    top: -40px;
    }
    #email-list li input {
        width: 90%;
    }
    
	#what-to-buy-pane {
		padding: 0 0 20px;
	}
	#what-to-buy-pane .main-column {
		width: auto;
		float: none;
		margin: 0 0 0 0;
	}
	#what-to-buy-pane #where-to-find {
		width: auto;
		float: none;
		margin: 30px 0 0;
	}
}

@media only screen and (max-width: 480px) {
	#header .inner {
	    background: url(../images/mobile-header-gardein.jpg) no-repeat 100% 100%;
    }
	nav.main {
		font-size: 14px;	
	}
		nav.main ul {
			padding: 10px 5px;
		}
		nav.main ul li {
			width: 29%;
		}
		nav.main ul li.make {
			width: 36%;
		}
		nav.main span.number {
			font-size: 24px;
		    border-radius: 15px;
		    height: 30px;
		    margin-right: 6px;
		    width: 30px;
		}
	.food-image {
		display: none;
	}
	.social {
		width: 100%;
		bottom: 0;
		height: 50px;
		top: auto;
		left: auto;
        position: absolute;
	}
		.social {
	    	background: rgba(122, 192, 67, 0.9);
	    }
		.social a {
			float: left;
			padding: 8px 0 0 16px;
		}
		.social a img{
			width: 36px;
			height: 36px;
		}
	span.number {
	    font-size: 21px;
	    height: 28px;
	    line-height: 120%;
	    margin-right: 5px;
	    width: 28px;
	    border-radius: 14px;
	}
	#header {
		height: auto !important;
	}
	#header .inner {
		padding: 60px 10px 40px 10px;
	}
		#header h1 {
			font-size: 48px;
			line-height: 120%;
			margin: 10px 0 20px;
		}
		#header h1 span {
			font-size: 80px;
		}
		#header h2 {
			width: 100%;
		}
		#header .inner a.vegan-life {
			bottom: 10px;
			top: auto;
			left: 10px;
		}
		
	.pane .inner,
	#where-to-eat-pane .inner  {
	    padding: 10px;
    }
		.pane h2 span.number {
		    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
		    border-radius: 24px;
		    font-size: 36px;
		    height: 48px;
		    width: 48px;
		}
		.pane h2 {
		    font-size: 28px;
		    line-height: 160%;
		}
    
		#what-to-buy-pane #avocado {
			display: none;
		}	
			#what-to-buy-pane p {
				width: 100% !important;
			}
			#shopping-list h3 {
				font-size: 21px;
			}
			#shopping-list h4 {
				font-size: 16px;
			}
			#shopping-list ul {
				width: 100%;
				float: none;
			}
        .list-nav a.email {
            width: 70px;
			    padding-right: 10px !important;
        }
        .list-nav a.print {
            width: 70px;
            left: 150px;
			        padding-right: 10px !important;
        }
        #email-list {
            width: 90%;
            padding: 20px 5%;
        }
		#email-list li input {
			width: 80%;
			font-size: 16px !important;
			font-size: 1em;
		}
		.list-nav {
			height: 60px;
		}
		.list-nav a {
			width: 20%;
			font-size: 16px; 
			padding: 6px 3%;
			margin-right: 4%;
		}
	
	#what-to-make-pane {
		background-image: none !important;
	}
		#what-to-make-pane p.intro {
			width: 100% !important;
		}
		#what-to-make-pane p.text-message {
			width: 100% !important;
			float: none !important;
		}
		.meal-plans, 
		.meal-plans .meals {
			/* height: 500px !important; */
		}
			.meal-nav a {
				line-height: 140%;
			}
			.meal-nav a span.number {
				width: 30px;
				height: 30px;
				font-size: 21px;
				line-height: 130%;
				border-radius: 15px !important;
			}
			.meals .day .meal {
				width: 100% !important;
				margin: 0 0 15px !important;
				float: none !important;
			}
			.meals .day {
				/* height: auto !important; */
			}
			.meal p {
				margin: 10px 0 0;
			}
        #what-to-make-pane .button-set {
                width: 100%;
        }
		.button-set {
			height: auto;
		}
	        #what-to-make-pane .button-set li {
		        float: right; 
		        clear: right;
	        }
			.button-set li {
				margin: 0 0 50px;
				float: right;
				clear: right;
				width: 80% !important;
				height: 60px !important;
			}
			.button-set li a {
				float: none;
				width: auto !important;
				margin: 10px 0;    
				top: -30px;
				height: 70px;
				left: -50px;
				padding: 26px 0 10px 110px !important;
			}
		#where-to-eat-pane h3 {
			width: auto;
			background-size: 100%;
			line-height: 120%;
			padding: 2px 0 2px;
		}
		#where-to-eat-pane p.intro {
			width: 100%;
		}
		.locations ul {
			padding: 10px;
		}
		.locations ul li {
			width: 100%;
			float: none;
			height: auto;
		}
		.slider {
			width: 100%;
			margin: 0 auto;
			float: none;
		}
			.slider img {
				width: 100%; 
				height: auto;
			}
			.flex-direction-nav .flex-prev {
			    left: -10px;
			}
			.flex-direction-nav .flex-next {
			    right: -10px;
			}
			.carousel li {
				margin: 0 0 0 0;
			}
		#where-to-eat-pane .button-wrap a.button {
			font-size: 21px;
			line-height: 110%;
		}
			#where-to-eat-pane .button-wrap a.button span {
				background-position: 0 2px;
    		}
	
		#inspiration h2 span {
			font-size: 24px;
		}
		#inspiration .button-set li {
			width: 100% !important;
			clear: both;
			float: none;
			margin: 0 0 50px 0 !important;
            font-size: 16px;
		}
			#inspiration .button-set li a {
				padding: 26px 0 10px 110px !important;
                left: -40px;
			}
			#inspiration .button-set li:last-child {
				margin: 0 0 20px 0 !important;
			}	
				#inspiration .button-set li:last-child a {
					padding: 26px 10px 10px 110px !important;
				}	
	#conclusion {
		background-image: none;
	}
		#conclusion .inner {
		    padding: 10px 10px 10px 10px;
		}
		#conclusion .message {
			width: 100%;
            min-height: 0;
		}
		
		#conclusion .message h2 {
			line-height: 110%;
		}
		#conclusion p, 
		#conclusion h2 { 
			width: 100%;
		}
		.sticker {
			width: 110%;
			margin: 20px -10px 10px -10px;
			clear: both;
			background: #EAF0DF;
			border-top: solid 8px #D54600;
			border-bottom: solid 8px #D54600;
		}
		#conclusion p.copyright {
			font-size: 13px;
			line-height: 130%;
			text-align: left;
			position: relative;
			bottom: auto;
			right: auto;
            width: 50%;
			margin: 0 0 20px;
		}
	#conclusion img.mobile {
		display: block;
		position: absolute;
        opacity: .7;
        bottom: 0;
        right: -80px;
	}
    .enews .field {
        float: none;
    }
    .enews input[type=submit] {
        margin: 8px 0;
    }
}



.Appunderlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	-moz-opacity:0.5;
	opacity:.50;
	filter:alpha(opacity=50);
    z-index: 30;
}

.Applightbox {
	position:absolute;
	top:50px;
	left:25%;
	width:665px;
	height:511px;
	background-color:#fff;
	z-index:999999;
}

#Appbox2 {
	display:none;
}

#Appclose-ltbox {
	position: absolute;
	right: -25px;
	top: -15px;
}