/*


	BLUEPRINTJUICE

	@author: collin@kernandlead.com
			 emily@kernandlead.com
	
	Table of Contents
	
		* Desktop (Default)
			- Base
			- Polyfills
			- Header
			- Navigation
			- Aside
			- Footer
			
		

		* Tablet
		* Mobile
		* Wide Mobile		
		* Libraries
		* Print

	Colors
		
		Brand
			Dark Blue:         rgb(0, 51, 102)
			BPC Blue:          rgb(102, 194, 239)
			Medium Blue:       rgb(18, 99, 180)
			Light Blue:        rgb(230, 246, 253)
			
			
		Juice
			Green Background:  rgb(47, 54, 21)
			Green Headings:    rgb(0, 129, 94)
			Red Background:    rgb(72, 0, 17)
			Red Headings:      rgb(219, 0, 52)
			Yellow Background: rgb(250, 250, 227)
			Yellow Headings:   rgb(241, 219, 0)
			Gold Background:   rgb(200, 196, 19)
			Gold Headings:     rgb(241, 219, 0)


*/


/*

	***** Desktop *****

*/

@media screen {

	/* ----- Base Styling ----- */	
	html {
		background-color: rgb(255, 255, 255);
		font-size: 100%;
		margin: 0;
		padding: 0;
	}

	body {
/*		background-color: rgb(248, 252, 255);
		
		background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 480px, rgb(238,249,254) 480px, rgb(248,252,255) 700px, rgb(248,252,255) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(480px,rgb(255,255,255)), color-stop(480px,rgb(238,249,254)), color-stop(700px,rgb(248,252,255)), color-stop(100%,rgb(248,252,255)));
		background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 480px,rgb(238,249,254) 480px,rgb(248,252,255) 700px,rgb(248,252,255) 100%);
		background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 480px,rgb(238,249,254) 480px,rgb(248,252,255) 700px,rgb(248,252,255) 100%);
		background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 480px,rgb(238,249,254) 480px,rgb(248,252,255) 700px,rgb(248,252,255) 100%);
		background: linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 480px,rgb(238,249,254) 480px,rgb(248,252,255) 700px,rgb(248,252,255) 100%);*/

		background: white  0 6em;
/*		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(238,249,254,1) 34%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(34%,rgba(255,255,255,1)), color-stop(34%,rgba(238,249,254,1)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(238,249,254,1) 34%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(238,249,254,1) 34%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(238,249,254,1) 34%,rgba(255,255,255,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 34%,rgba(238,249,254,1) 34%,rgba(255,255,255,1) 100%);*/
		
		color: rgb(102, 194, 239);
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		line-height: 1.5;
		margin: auto;
		padding: 0;
		-webkit-tap-highlight-color: rgb(255, 255, 255, 0.3);
		-webkit-text-size-adjust: 100%;
	}
	
	body.basic {
		background: white;
	}

	article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
		display: block;
	}
	
	command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
		display: inline;
	}

	figure {
		position: relative;
	}
	
	figure img {
		width: 100%;
	}

	h1, h2, h3, h4, h5, h6 {
		color: rgb(18, 99, 180);
		font-family: 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin: 1em 0 .5em 0;
		line-height: 1.2;
		font-style: normal;
	}
	
	h1, h2 {
		font-weight: 200;
	}
	
	h3, h4, h5, h6 {
		font-weight: normal;
	}

	h1 {
		font-size: 36px;
		line-height: 1;
	}

	h2 {
		font-size: 30px;
		line-height: 1.125;
	}

	h3 {
		font-size: 18px;
	}

	h4 {
		font-size: 16px;
	}

	ul,
	ol {
		margin: 0.75em 0 0.75em 32px;
		padding: 0;
	}

	p {
		margin: 0.75em 0;
		overflow: hidden;
	}

hr {
border-top: 2px dotted rgb(102, 194, 239);
position: absolute;
width: 100%;
left: 0;
border-left: 0;
border-right: 0;
/*		width: 300vw;
		margin-left: -100vw;
*/
}

	address {
		margin: 0.75em 0;
		font-style: normal;
	}

	a {
		color: rgb(102, 194, 239);
		text-decoration: underline;
		-webkit-transition: all 250ms ease;
		   -moz-transition: all 250ms ease;
		     -o-transition: all 250ms ease;
		        transition: all 250ms ease;
	}

	a:visited {
		
	}

	a:hover,
	a:focus,
	a:active {
		color: rgb(53, 176, 235);
	}

	a:active {
		outline: none;
	}

	a img {
		border: none;
	}

	em {
		font-style: italic;
	}

	strong {
		font-weight: bold;
	}

	sup,
	sub {
		font-size: 0.3em;
		line-height: 0;
	}

	form,
	fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}

	img {
		max-width: 100%;
	}
	
	input,
	button,
	select {
		vertical-align: middle;
	}
	
	label,
	input[type="button"],
	input[type="submit"],
	input[type="image"],
	button {
		cursor: pointer;
	}

	input:not([type=submit]):not([type=file]) {
		
	}

	abbr[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}

	blockquote {
		margin: .75em 0 .75em 20px;
		padding: 0 0 0 10px;
	}
	
	q {
		quotes: none;
	}
	
	q:before {
		content: '\201c';
	}
	
	q:after {
		content: '\201d';
	}

	q,
	cite {
		font-style: italic;
	}

	q cite,
	q q {
		font-style: normal
	}

	blockquote p,
	li p {
		margin: 0.5em 0;
	}

	dl {
		margin: 0.75em 0;
	}

	dt {
		margin: 0.75em 0 0 0;
		font-weight: bold;
	}

	dd {
		margin: 0.25em 0 0.25em 32px;
	}

	table {
		margin: 0;
		border: 1px solid;
		border-collapse: collapse;
		border-spacing: 0;
	}

	table td,
	table th {
		padding: 4px;
		border: 1px solid;
		vertical-align: top;
	}
		
	::selection {
		background: rgba(255, 252, 0, 0.16);
	}
	
	::-moz-selection {
		background: rgba(255, 252, 0, 0.16);
	}
	
	img::selection {
		background: transparent;
	}

	img::-moz-selection	{
		background: transparent;
	}
	
	.ie7 img {
		-ms-interpolation-mode: bicubic;
	}
	
	body style {
		display: block;
		background: rgb(51, 51, 51);
		color: white;
		font: 13px/1.8 Monaco, Mono-Space;
		padding: 20px;
		white-space: pre;
	}
	
	article,
	aside,
	canvas,
	div,
	details,
	embed,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	li,
	menu,
	nav,
	ol,
	section,
	summary,
	table,
	ul {
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	summary {
		color: rgb(102, 194, 239);
	}
	
	summary:hover {
		cursor: pointer;
	}
	
	/* ----- Buttons ----- */	
	.button {
		background-color: rgb(102, 194, 239);
	background-image: none;
	border: medium none;
	border-radius: 0.25em;
	box-shadow: 0px 0.225em 0.25em transparent;
		color: white;
		display: inline-block;
	font-family: "Helvetica Neue","Helvetica",Sans-serif;
	font-weight: 600;
	font-size: 0.875em;
	text-transform: uppercase;
		line-height: 1;
	letter-spacing: 0.068em;
	padding: 0.9em 3.5em !important;
	position: relative;
		text-align: center;
		text-decoration: none;
	transition: all 150ms ease 0s;
	/* text-shadow: 0px 0.125em 0.75em #6DC7E9 !important; */
	vertical-align: middle;
	cursor: pointer;
	}

	/* Button Sizes */
	.button.xx-large {
		font-size: 1.75em;
	}

	.button.x-large {
		font-size: 1.5em;
	}

	.button.large {
		font-size: 1.25em;
	}

	.button.small {
		font-size: 0.875em;
		font-weight: normal;
	}

	.button.mini {
		font-weight: normal;
		font-size: 0.7em;
	}
	
	/* Button Colors */
	.button.white {
		background: rgb(255, 255, 255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248, 248, 248,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248, 248, 248,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248, 248, 248,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248, 248, 248,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248, 248, 248,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248, 248, 248,1) 100%);
		color: rgb(85, 85, 85);
	}
	
	.button.green {
		background-color: rgb(146, 201, 73);
		background: -moz-linear-gradient(top, rgba(153, 208, 80, 1) 0%, rgba(146, 201, 73, 1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 208, 80, 1)), color-stop(100%,rgba(146, 201, 73, 1)));
		background: -webkit-linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(146, 201, 73, 1) 100%);
		background: -o-linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(146, 201, 73, 1) 100%);
		background: -ms-linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(146, 201, 73, 1) 100%);
		background: linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(146, 201, 73, 1) 100%);
	}
	
	.button.dark {
		background-color: rgb(0, 51, 102);
		background: -moz-linear-gradient(top, rgba(0, 64, 129, 1) 0%, rgba(0, 51, 102,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 64, 129, 1)), color-stop(100%,rgba(0, 51, 102,1)));
		background: -webkit-linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
		background: -o-linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
		background: -ms-linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
		background: linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
	}

	/* Button States */
	.button:visted {
		color: white;
	}
	
/*	.button:hover {
		background-color: rgb(99, 188, 232);
		background: -moz-linear-gradient(top, rgba(148,212,244,1) 0%, rgba(99, 188, 232,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,212,244,1)), color-stop(100%,rgba(99, 188, 232,1)));
		background: -webkit-linear-gradient(top, rgba(148,212,244,1) 0%,rgba(99, 188, 232,1) 100%);
		background: -o-linear-gradient(top, rgba(148,212,244,1) 0%,rgba(99, 188, 232,1) 100%);
		background: -ms-linear-gradient(top, rgba(148,212,244,1) 0%,rgba(99, 188, 232,1) 100%);
		background: linear-gradient(top, rgba(148,212,244,1) 0%,rgba(99, 188, 232,1) 100%);
		-webkit-box-shadow: 0 1px 0.3em rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 1px 0.3em rgba(0, 0, 0, 0.2);
		     -o-box-shadow: 0 1px 0.3em rgba(0, 0, 0, 0.2);
		        box-shadow: 0 1px 0.3em rgba(0, 0, 0, 0.2);
		color: rgb(255, 255, 255);
		cursor: pointer;
	}*/

	.button.white:hover {
		background: rgb(255, 255, 255);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244, 244, 244,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244, 244, 244,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244, 244, 244,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244, 244, 244,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244, 244, 244,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244, 244, 244,1) 100%);
		color: rgb(85, 85, 85);
	}

	.button.green:hover {
		background-color: rgb(134, 192, 57);
		background: -moz-linear-gradient(top, rgba(153, 208, 80, 1) 0%, rgba(134, 192, 57, 1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153, 208, 80, 1)), color-stop(100%,rgba(134, 192, 57, 1)));
		background: -webkit-linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(134, 192, 57, 1) 100%);
		background: -o-linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(134, 192, 57, 1) 100%);
		background: -ms-linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(134, 192, 57, 1) 100%);
		background: linear-gradient(top, rgba(153, 208, 80, 1) 0%,rgba(134, 192, 57, 1) 100%);
	}

	.button.dark:hover {
		background-color: rgb(0, 64, 129);
		background: -moz-linear-gradient(top, rgba(0, 64, 129, 1) 0%, rgba(0, 51, 102,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 64, 129, 1)), color-stop(100%,rgba(0, 51, 102,1)));
		background: -webkit-linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
		background: -o-linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
		background: -ms-linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
		background: linear-gradient(top, rgba(0, 64, 129, 1) 0%,rgba(0, 51, 102,1) 100%);
	}
	
	.actions {
		text-align: center;
	}
	
		.primary-actions .button {
			margin-bottom: 1.5em;
		}
	
	/* ---- Registration Marks ---- */
	.reg {
		position: relative;
		top: -.5em;
	}
	
	
	/* ---- Icons ---- */
	.icon-under:after {
		display: block;
	}
	
	.icon-under.i-down-arrow:after {
		border: 12px solid transparent;
		border-top-color: #1263B4;
		content: " ";
		height: 0;
		margin: 12px auto 0;
		width: 0;
	}
	
	
	/* ---- Summary ---- */
	summary::-webkit-details-marker {
		display: none;
	}
	
	summary:before {
		border: 0.4em solid transparent;
		border-left-color: rgb(102, 194, 239);
		content: " ";
		display: inline-block;
	}
	
	details[open] summary:before,
	details.open summary:before {
		border-left-color: transparent;
		border-top-color: rgb(102, 194, 239);
	}
	
	/* ---- Lead ---- */
	.lead {
		font-size: 1.25em;
		font-weight: lighter;
	}
	
	
	/* ---- Press Logos ---- */
	.accolades cite {
		background: transparent url('/media/images/press-logos.png') no-repeat;		
		display: block;
		height: 50px;
		margin: 24px auto 0;
		opacity: 1;
		text-indent: -9999px;
		width: 160px;
	}
	
		#food-and-wine-magazine cite {
			background-position: 50% 0;
		}
		
		#new-york-magazine cite {
			background-position: 50% -300px;
		}
		
		#wall-street-journal cite {
			background-position: 50% -150px;
		}
		
		


	/* ----- Layout ----- */	
	#masthead,
	#juice-navigation,
	#primary-content,
	#secondary-content article,
	#site-footer nav,
	#site-footer .contact {
		margin: 0 auto;
		width: 896px;
	}
	
	#masthead,
	#primary-content,
	#secondary-content article,
	#site-footer nav,
	#site-footer .contact {
		padding: 24px;
	}
	
	#primary-content {
		clear: both;
		padding-top: 0;
		text-align: center;
	}
	
	.single #primary-content {
		padding-bottom: 0;
	}
	
	.page #primary-content {
		width: 576px;
	}
	
	.l-readable {
		margin: auto;
		width: 38em;
	}
	
	/* ----- Navigation ----- */
	.top {
		overflow: hidden;
		margin: 12px 0;
		padding: 12px;
		text-align: center;
	}
	
	.top a {
		background: transparent url(/media/images/sprite.png) no-repeat 50% -271px;
		font-size: 14px;
		padding-top: 6px;
		text-decoration: none;
	}
		
	#juice-navigation {
		overflow: hidden;
	}

	#juice-navigation ul {
		float: right;
		list-style: none;
		margin: 0;
		padding: 12px 0;
		text-align: center;
	}
	
		#juice-navigation li {
			float: left;
			margin-right: 12px;
		}
		
		#juice-navigation a {
/*			border: 2px solid;*/
			-webkit-border-radius: 12px;
			   -moz-border-radius: 12px;
			        border-radius: 12px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			color: #333;
			display: block;
			height: 16px;
			overflow: hidden;
			text-decoration: none;
			text-transform: lowercase;
			width: 16px;
			text-indent: 100%;
		}
		
		#juice-navigation .green-juice a {
			background-color: rgb(49, 62, 24);
			color: rgb(0, 129, 94);
		}
		
		#juice-navigation .red-juice a {
			background-color: rgb(76, 0, 19);
			color: rgb(219, 0, 52);
		}
		
		#juice-navigation .yellow-juice a {
			background-color: rgb(254, 252, 233);
			color: rgb(254, 234, 0);
		}
		
		#juice-navigation .yellow-2-juice a {
			background-color: #fffec7;
		}
	
		#juice-navigation .gold-juice a {
			background-color: rgb(200, 196, 19);
			color: rgb(255, 200, 0);
		}
		
	nav .green-juice a {
		color: rgb(0, 129, 94);
	}
	
	nav .red-juice a {
		color: rgb(219, 0, 52);
	}
	
	nav .yellow-juice a {
		color: rgb(254, 234, 0);
	}
	
	nav .gold-juice a {
		color: #FFC800;
	}
	
	
	/* ----- Masthead ----- */
	#masthead {
		position: relative;
	}
	
		#masthead  h1 {
			left: -9999px;
			position: absolute;
		}
	
		#logo {
			display: inline-block;
			text-decoration: none;
		}
	
		#mothership {
			background-color: rgb(102, 194, 239);
			-webkit-border-radius: 0 0 5px 5px;
			   -moz-border-radius: 0 0 5px 5px;
			        border-radius: 0 0 5px 5px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
			color: rgb(255, 255, 255);
			font-size: 12px;
			padding: 3px 12px;
			position: absolute;
			right: 0;
			text-decoration: none;
			top: 0;
			-webkit-transition: background 350ms ease;
			   -moz-transition: background 350ms ease;
			     -o-transition: background 350ms ease;
			        transition: background 350ms ease;
		}
		
		#mothership:hover {
			background-color: rgb(0, 51, 102);
		}
	span.dark-blue {
		color: #15A6D9;
	}
	/* ----- Featured Content ----- */
	#feature {
		padding: 3em 0 0;
	}
	
		#feature h1 {
			color: #72cdf4;
			font-size: 72px;
			letter-spacing: -1px;
			margin-bottom: 0.5em;
			margin-top: 0;
			text-align: center;
		}
		
		#feature h2 {
			margin-top: 0;
		}
	
		#feature header {
			margin-bottom: -1em;
			/*position: relative;*/
			z-index: 3;
		}
		
		#feature header figure {
			margin: 0 auto;
			padding: 0;
			text-align: center;
		}
		
		#feature figure img {
			cursor: pointer;
			
			vertical-align: bottom;
		}
		
		#feature header figure a {
			border: 1px solid transparent;
			display: inline-block;
			margin: auto -5px;
/*			overflow: hidden;*/
			padding-top: 3.5em;
			position: relative;
			text-align: center;
			text-decoration: none;
		width: 12%;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		
		#feature header figure a:hover {
			cursor: pointer;
			-webkit-transform: scale(1.1);
			   -moz-transform: scale(1.1);
			     -o-transform: scale(1.1);
			        transform: scale(1.1);
			z-index: 3;
		}
		
		#feature .badge {
			background: #72cdf4;
			-webkit-border-radius: 50% 50% 0 50%;
			   -moz-border-radius: 50% 50% 0 50%;
			        border-radius: 50% 50% 0 50%;
			color: white;
			font-size: 0.875em;
			line-height: 3.5em;
			position: absolute;
			-webkit-transition: all .4s;
			   -moz-transition: all .4s;
			     -o-transition: all .4s;
			        transition: all .4s;
			width: 3.5em;
			top: 0;
		}
		
			#feature a:hover .badge {
				top: 0.25em;
				-webkit-transform: rotate(10deg);
				   -moz-transform: rotate(10deg);
				     -o-transform: rotate(10deg);
				        transform: rotate(10deg);
			}
		

		#feature .content {
			background: url(/media/images/organic-seal.png) no-repeat 95% 1.5em;
			margin: 0 auto;
			padding: 12px 20% 50px;
			position: relative;
			z-index: 1;
		}
			
			#feature .button {
				padding-left: 0;
				padding-right: 0;
				position: relative;
				width: 48%;
			}
		
			#feature em {
				color: rgb(0, 51, 102);
				font-style: normal;
				font-weight: bold;
			}
			
			#feature .button {
				margin-top: 12px;
			}
			
			#feature .accolades {
				background: rgb(202, 236, 250);
				background: -moz-linear-gradient(top, rgb(202,236,250) 0%, rgb(248, 252, 255) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(202,236,250)), color-stop(100%,rgb(248, 252, 255)));
				background: -webkit-linear-gradient(top, rgb(202,236,250) 0%,rgb(248, 252, 255) 100%);
				background: -o-linear-gradient(top, rgb(202,236,250) 0%,rgb(248, 252, 255) 100%);
				background: -ms-linear-gradient(top, rgb(202,236,250) 0%,rgb(248, 252, 255) 100%);
				background: linear-gradient(top, rgb(202,236,250) 0%,rgb(248, 252, 255) 100%);
				border-top: 1px solid rgba(0, 0, 0, 0.2);
				position: relative;
				z-index: 0;
			}
		
		#feature footer {
			padding: 12px 0;
			text-align: center;
		}
.bottles10 a {
		margin: auto -2px !important;
}
	.bottles32 a {
		display: inline-block;
		margin: auto -2px;
		padding-top: 3.5em;
		text-decoration: none;
		width: 20%;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.bottles32 a:hover {
	cursor: pointer;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 3;
}
		.news {
			margin-bottom: 1.5em;
			padding: 0 1.5em 1.5em;
			text-align: center;
		}
		
		.news a {
			font-size: 1.5em;
			text-decoration: none;
		}
		
		abbr.icon {
			border: none;
		}
		
		.icon.i-hpp:before {
			content: url(/media/images/i-hpp);
			display: inline-block;
			margin: 0 0.25em 0 0.5em;
			padding: 0;
			position: relative;
			vertical-align: middle;
		}

	/* ---- Articles ----- */
	.article-header,
	.article-footer {
		padding: 1.5em;
		text-align: center;
	}

	/* ----- Locations ----- */
	#retail-locations {
		padding: 24px 0;
	}
	
		#retail-locations .article-header {
			background: transparent url(/media/images/loc-grad) no-repeat center bottom;
/*			min-height: 450px;*/
		}
	
		#retail-locations a {
			text-decoration: none;
		}
		
		#retail-locations h1 {
			text-align: center;
		}
		
		
		
		#retail-locations .company {
			border: 1px solid transparent;
			padding: 0;
			-webkit-transition: all 0.5s;
			   -moz-transition: all 0.5s;
			     -o-transition: all 0.5s;
			        transition: all 0.5s;
			margin-bottom: 0.5em;
		}
		
		#retail-locations .company:hover {
/*			background: white;
			border: 1px solid rgba(0, 0, 0, 0.0625);*/
		}

		#retail-locations .company-name {
			color: #1263B4;
			font-size: 0.875em;
			line-height: 1.5;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		
		#retail-locations .company-name:hover {
			cursor: pointer;
		}

		

		#retail-locations .company-name img {
			vertical-align: middle;
		}
		
		#retail-locations .company[open],
		#retail-locations .company.open {
			background: white;
			border-color: rgba(0, 0, 0, 0.2);
			padding: 0 1.25em 1.25em;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.0625);
			   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.0625);
			     -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.0625);
			        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.0625);
			-webkit-transition: all 0.5s;
			   -moz-transition: all 0.5s;
			     -o-transition: all 0.5s;
			        transition: all 0.5s;
		}
		
		#retail-locations .company[open] .company-name,
		#retail-locations .company.open .company-name {
			font-size: 1em;
			border-bottom: 1px solid rgb(222, 242, 250);
			padding: 0.75em;
		}
		
		.company-name:before {
			display: none;
		}		
		.company-name:before {
			border: none;
			content: "+";
			color: rgb(102, 194, 239);
		}
		
		.company[open] .company-name:before,
		.company.open .company-name:before {
			content: "-";
		}
		
		.company-name:focus,
		.company-name:active {
			border: none;
			outline: none;
		}
		
		#retail-locations h2 {
			line-height: 1;
			padding: 0;
			margin: 0;
			display: inline-block;
		}
		
			#retail-locations h3 {
				font-size: 24px;
				margin: 1.5em 0 0;
			}
			
			#retail-locations h4 {
				font-size: 1em;
				font-family: "Helvetica", sans-serif;
				margin: 0;
			}
		
			
		#retail-locations ul {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
			#retail-locations ul li {
				float: left;
				margin: 0;
				padding: 0.75em 0;
				width: 50%;
			}
			
	#retail-locations .company header img {
		display: inline-block;
		vertical-align: middle;
	}
	
	/* ----- Benefits ----- */
	#benefits {
		clear: both;
		overflow: hidden;
		padding: 24px 0;
	}
	
		#benefits h1 {
			font-size: 26px;
			padding-left: 12px;
			padding-right: 12px;
		}
	
		#benefits .items {
			list-style: none;
			margin: 0;
			padding: 1px 0 0 1px;
		}
		
		#benefits .items:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
		}
	
		#benefits .item-detail {
			background: rgb(240,250,254);			
			background: -moz-linear-gradient(top, rgb(240,250,254) 0%, rgb(230,246,253) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,250,254)), color-stop(100%,rgb(230,246,253)));
			background: -webkit-linear-gradient(top, rgb(240,250,254) 0%,rgb(230,246,253) 100%);
			background: -o-linear-gradient(top, rgb(240,250,254) 0%,rgb(230,246,253) 100%);
			background: -ms-linear-gradient(top, rgb(240,250,254) 0%,rgb(230,246,253) 100%);
			background: linear-gradient(top, rgb(240,250,254) 0%,rgb(230,246,253) 100%);
			
			background: -moz-linear-gradient(left, rgb(230,246,253) 0%, rgb(230,246,253) 160px, rgb(240,250,254) 160px, rgb(240,250,254) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(230,246,253)), color-stop(160px,rgb(230,246,253)), color-stop(160px,rgb(240,250,254)), color-stop(100%,rgb(240,250,254)));
			background: -webkit-linear-gradient(left, rgb(230,246,253) 0%,rgb(230,246,253) 160px,rgb(240,250,254) 160px,rgb(240,250,254) 100%);
			background: -o-linear-gradient(left, rgb(230,246,253) 0%,rgb(230,246,253) 160px,rgb(240,250,254) 160px,rgb(240,250,254) 100%);
			background: -ms-linear-gradient(left, rgb(230,246,253) 0%,rgb(230,246,253) 160px,rgb(240,250,254) 160px,rgb(240,250,254) 100%);
			background: linear-gradient(left, rgb(230,246,253) 0%,rgb(230,246,253) 160px,rgb(240,250,254) 160px,rgb(240,250,254) 100%);
			-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.125);
			   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.125);
			     -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.125);
			        box-shadow: 0 0 2px rgba(0, 0, 0, 0.125);
			float: left;
			font-size: 14px;
			margin: 0 6px 12px 6px;
			position: relative;
			width: 438px;
		}

		#benefits .item-detail:nth-child(odd) {
			margin-left: 0;
		}
		
		#benefits .item-detail:nth-child(even) {
			margin-right: 0;
		}
		
		#benefits .item-detail:nth-child(2n+1) {
			clear: left;
		}
		
		#benefits .item-detail a {
			color: rgb(0, 51, 102);
			margin-left: 12px;
			text-decoration: none;
			-webkit-transition: background 500ms ease;
			   -moz-transition: background 500ms ease;
			     -o-transition: background 500ms ease;
			        transition: background 500ms ease;
		}
		
		#benefits .item-detail a:hover {
			background-color: rgb(245, 251, 254);
			background-color: rgba(255, 255, 255, 0.5);
		}
		
		#benefits .item-detail header {
			color: rgb(102, 194, 239);
			float: left;
			margin: 12px;
			min-height: 192px;
			padding: 12px;
			text-transform: lowercase;
			width: 112px;
		}
		
		#benefits .item-detail h2 {
			font-size: 20px;
			margin-top: 0;
		}
		
		#benefits .item-detail h3 {
			margin: 0;
			overflow: hidden;
			padding: 12px 12px 0;
			text-transform: lowercase;
		}
		
		#benefits .item-detail p {
			margin: 0;
			padding: 12px;
		}
		
		#benefits .item-detail ul {
			line-height: 1.25;
			list-style: none;
			margin: 0;
			padding: 0;
		}
			
			#green .label { background-color: rgb(47, 54, 21); }
			#green-2 .label { background-color: #252918; }
			#red .label { background-color: rgb(72, 0, 17); }
			#yellow .label { background-color: rgb(254, 252, 233); }
			#yellow-2 .label { background-color: #fffec7; }
			#gold .label { background-color: rgb(200, 196, 19); color: rgb(255, 255, 255) !important; }
			#white .label { background-color: rgb(241, 240, 234); }
			
			#green .label h2,
			#green-2 .label h2,
			#red .label h2,
			#gold .label h2,
			#green .ingredients,
			#green-2 .ingredients,
			#red .ingredients,
			#gold .ingredients {
				color: rgb(255, 255, 255);
			}

			#yellow .label h2,
			#yellow-2 .label h2,
			#white .label h2,
			#yellow .ingredients,
			#yellow-2 .ingredients,
			#white .ingredients {
				color: rgb(0, 0, 0);
			}
			
			
		#benefits footer {
			padding: 24px;
			text-align: center;
		}
		
		
		
	
	/* ----- Juice Pages ----- */
	.single {
		background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 15%, rgb(230,246,253) 15%, rgb(255,255,255) 30%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(15%,rgb(255,255,255)), color-stop(15%,rgb(230,246,253)), color-stop(30%,rgb(255,255,255)));
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 15%,rgb(230,246,253) 15%,rgb(255,255,255) 30%);
	background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 15%,rgb(230,246,253) 15%,rgb(255,255,255) 30%);
	background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 15%,rgb(230,246,253) 15%,rgb(255,255,255) 30%);
	background: linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 15%,rgb(230,246,253) 15%,rgb(255,255,255) 30%);
	}
	
	.single-juice {
		position: relative;
	}
	
	
			.single-juice:after {
				border-width: 25px 25px 0 25px;
				border-color: transparent;
				border-style: solid;
				border-top-color: rgb(71, 0, 19); 
				bottom: -25px;
				content: " ";
				height: 0;
				left: 50%;
				margin-left: -25px;
				position: absolute;
				width: 0;
				z-index: 10;
			}
			
			.single-juice#gold:after {
				border-top-color: rgb(196, 188, 0);
			}
			
			.single-juice#green:after {
				border-top-color: rgb(51, 60, 27);
			}
			
			.single-juice#green-2:after {
				border-top-color: #252918;
			}
			
			.single-juice#yellow:after {
				border-top-color: rgb(237, 234, 212);
			}
			
			.single-juice#yellow-2:after {
				border-top-color: #fffec7;
			}
			
			.single-juice#white:after {
				border-top-color: rgb(227, 224, 214);
			}
	
		.single-juice h2,
		.single-juice h3 {
			color: #66C2EF;
		}
		
		.single-juice header {
			-webkit-border-radius: 3px 3px 0 0;
			   -moz-border-radius: 3px 3px 0 0;
			        border-radius: 3px 3px 0 0;
			-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			     -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			        box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			font-size: 18px;
			padding: 24px 92px 24px 276px;
		}
		
		.single-juice header:before {
			left: 12px;
			position: absolute;
			top: 48px;
			z-index: 1;
		}

		.single-juice header h1 {
			font-size: 92px;
			margin: 0;
			text-indent: -5px;
			text-transform: lowercase;
		}
		
		.single-juice header h2 {
			color: #66C2EF;
			font-size: 28px;
			margin: 0;
			text-transform: lowercase;
		}
		
		.single-juice header p {
			
		}
		
		.single-juice .benefits {
			background-color: rgb(245, 251, 254);
			background: -moz-linear-gradient(
				left,
				#E6F6FD 0%,
				#F0FAFE 47%,
				#E6F6FD 100%
			);
			background: -webkit-gradient(
				linear,
				left top,
				right top,
				color-stop(0%,#E6F6FD),
				color-stop(47%,#F0FAFE),
				color-stop(100%,#E6F6FD)
			);
			-webkit-border-radius: 0 0 3px 3px;
			   -moz-border-radius: 0 0 3px 3px;
			        border-radius: 0 0 3px 3px;
			-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			     -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			        box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
			margin-bottom: 54px;
		}
		
		.single-juice .benefits h3 {
			left: -9999px;
			position: absolute;
		}
		
		.single-juice .benefits dl {
			margin: 0;
			min-height: 220px;
			overflow: hidden;
			padding: 0 92px 42px 0;
			position: relative;
			z-index: 2;
		}

		.ie6 .single-juice benefits dl,
		.ie7 .single-juice benefits dl {
		    zoom: 1;
		}
		
		.single-juice .benefits dt {
			clear: left;
			font-size: 24px;
			font-weight: 300;
			float: left;
			line-height: 34px;
			margin: 0 12px;
			padding-left: 48px;
			text-transform: lowercase;
			width: 216px;
		}
		
		.single-juice .benefits dt.selected {
/*			background: url(/media/images/sprite.png) no-repeat 100% -327px;*/
		}
		
		.single-juice .benefits dd {
			margin: 0;
			overflow: hidden;
		}
		
		.js .single-juice .benefits dt:hover {
			cursor: pointer;
		}
		
		.js .single-juice .benefits dd {
			display: none;
			left: 276px;
			position: absolute;
			top: 42px;
			width: 528px;
		}
		
		.single-juice .view-locations {
			margin-left: 276px;
		}
		
		.single-juice .about {
			margin: 0 92px 42px 276px;
		}
		
		.single-juice .about p {
			font-weight: 300;
			line-height: 1.65em;
			margin-bottom: 1em;
			padding-bottom: 48px;
			width: 375px;
		}
		
		.single-juice .about ol {
			font-size: 14px;
			margin: 2em 0 2em 32px;
		}
		
		.single-juice .about a {
			color: #1263b4;
			text-decoration: none;
		}
		
		.single-juice .about a:hover {
			color: #1263b4;
			border-bottom:1px solid #1263b4;
		}
		
		.single-juice .footnote {
			font-size: 12px;
			padding: 24px 0;
		}
		
		.single-juice .manifreshto {
			background: url(/media/images/blueblur.png) no-repeat 50% 0;
			background: url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
			background-color: #fff;
			padding: 24px 30.8035714285714% 24px;
			position: relative;
			text-align: center; 
			z-index: 2;
		}

			.single-juice .manifreshto p {
				font-weight: 300;
				margin-top: 0;
				padding-bottom: 20px;

			}

			.single-juice .manifreshto h2 {
				margin-bottom: 0;
				padding-bottom: 0;
			}
		
			#red .manifreshto {
				background: url(/media/images/bottle-strip.jpg) repeat-y 50% 0;
				background: url(/media/images/bottle-strip.jpg) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
				color: rgb(255, 255, 255);
			}
				#red .manifreshto h2 {
					color: rgb(255, 255, 255);
				}
			
			#gold .manifreshto {
				background: url(/media/images/gold-strip.png) repeat-y 50% 0;
				background: url(/media/images/gold-strip.png) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
				color: rgb(255, 255, 255);
			}
				#gold .manifreshto h2 {
					color: rgb(255, 255, 255);	
				}
			
			#green .manifreshto,
			#green-2 .manifreshto {
				color: rgb(255, 255, 255);
				margin-top: -45px;
			}
			
			#green .manifreshto {
				background: url(/media/images/green-strip.png) repeat-y 50% 0;
				background: url(/media/images/green-strip.png) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
			}
			
			#green-2 .manifreshto {
				background: url(/media/images/green-2-strip.png) repeat-y 50% 0;
				background: url(/media/images/green-2-strip.png) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
			}
				#green .manifreshto h2,
				#green-2 .manifreshto h2 {
					color: rgb(255, 255, 255);
				}
			
			#yellow .manifreshto {
				background: url(/media/images/yellow-strip.png) repeat-y 50% 0;
				background: url(/media/images/yellow-strip.png) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
				color: rgb(0, 0, 0);
			}
				#yellow .manifreshto h2 {
					color: rgb(0, 0, 0);
				}
				
			#yellow-2 .manifreshto {
				background: url(/media/images/yellow-2-strip.png) repeat-y 50% 0;
				background: url(/media/images/yellow-2-strip.png) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
				color: rgb(0, 0, 0);
			}
				#yellow .manifreshto h2 {
					color: rgb(0, 0, 0);
				}
			
			#white .manifreshto {
				background: url(/media/images/white-strip.png) repeat-y 50% 0;
				background: url(/media/images/white-strip.png) repeat-y 50% 0, url(/media/images/blueblur.png) no-repeat 50% 0, url(/media/images/bottom-blueblur.png) no-repeat 50% 100%;
				color: rgb(0, 0, 0);
			}
				#white .manifreshto h2 {
					color: rgb(0, 0, 0);
				}
		
			.single-juice .manifreshto:before {
				border-width: 25px 25px 0 25px;
				border-color: transparent;
				border-style: solid;
				border-top-color: rgb(255, 255, 255); 
				content: " ";
				height: 0;
				left: 50%;
				margin-left: -25px;
				position: absolute;
				top: 0;
				width: 0;
				z-index: 10;
			}
			
			.single #the-full-monty {
				position: relative;
			}

		
		.single-juice .manifreshto ol {
		    counter-reset: li;
		    margin-left: 0;
		    padding-left: 0;
		}
		
		.single-juice .manifreshto ol li {
			font-size: 16px;
			font-weight: 300;
		    list-style: none;
			margin: 0 0 1px 0;
			min-height: 4em;
			padding: 48px 12px 24px;
			position: relative;
			text-align: center;
		}
		
		.single-juice .manifreshto ol li:before {
			-webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
			        box-sizing: border-box;
		    content: counter(li);
		    counter-increment: li;
			font-size: 38px;
			left: 50%;
			line-height: 1;
			margin-left: -34px;
/*			margin-right: 24px;
			padding: 24px 12px; */
		    position: absolute;
		    text-align: center;
			text-shadow: none;
			top: 0;
		    width: 68px;
		}



		.single-juice .footer-juice-navigation {
			background-color: rgb(230, 246, 253);
			border-bottom: 10px solid rgb(240, 250, 254);
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			margin: 24px 0 0;
		}
		
		.single-juice .footer-juice-navigation h2 {
			padding: 24px 24px 0;
			text-align: center;
		}
		
		.single-juice .footer-juice-navigation h2:after {
			background: transparent url(/media/images/sprite.png) no-repeat 50% -12px;
			content: "";
			display: block;
			height: 12px;
			margin: 6px auto 0;
			width: 24px;
		}
				
		.single-juice .footer-juice-navigation ul {
			background: url('/media/images/bottle-nav.png') no-repeat 0 0;
			margin: 0 auto;
			width: 530px;
		}
		
		.single-juice .footer-juice-navigation ul:before,
		.single-juice .footer-juice-navigation ul:after {
			content: "";
			display: block;
		}

		.single-juice .footer-juice-navigation ul:after {
			clear: both;
		}

		.ie6 .single-juice .footer-juice-navigation ul,
		.ie7 .single-juice .footer-juice-navigation ul {
		    zoom: 1;
		}
					
		.single-juice .footer-juice-navigation li {
			float: left;
			font-size: 18px;
			list-style: none;
			padding: 0;
			text-align: center;
			text-transform: lowercase;
			width: 132px;
		}
		
		.single-juice .footer-juice-navigation a {
			display: block;
			font-size: 24px;
			padding: 110px 0 10px;
			text-decoration: none;
		}
		
			.single-juice .footer-juice-navigation a:hover {
				border-bottom: none;
			}
		
		.single-juice .button {
			margin-bottom: 24px;
			width: 350px;
		}
		
		.single-juice footer {
			margin: 0 auto;
			width: 576px;
		}
		
	
	/* -- Green -- */
	#green.single-juice {}
		
		#green.single-juice header {
			background-color: rgb(49, 62, 24);
		}
		
		#green-2.single-juice header {
			background-color: #252918;
		}
		
		#green.single-juice header:before,
		#green-2.single-juice header:before {
		   left: 12px;
		   position: absolute;
		   z-index: 1;
		}
		
		#green.single-juice header:before { content: url(/media/images/green-large.png); }
		
		#green-2.single-juice header:before { content: url(/media/images/green-2-large.png); }
		
		#green.single-juice h1,
		#green-2.single-juice h1 {
			color: rgb(255, 255, 255);
			text-shadow: none;
			padding-bottom: 10px;
		}
		
		#green.single-juice .benefits dt,
		#green-2.single-juice .benefits dt {
			background-position: 100% -329px;
			color: rgb(255, 255, 255);
			font-size: 20px;
			line-height: 24px;
		}
		
		#green.single-juice .benefits dt.selected,
		#green-2.single-juice .benefits dt.selected {
			background-color: rgb(49, 62, 24);
			background-color: rgba(49, 62, 24, 0.7);
			color: rgb(0, 129, 94);
		}
				
		#green.single-juice .benefits dd,
		#green-2.single-juice .benefits dd {
		    color: rgb(49, 62, 24);
			font-size: 24px;
		    font-weight: 300;
			line-height: 1.75em;
		}
	
	/*  -- Red -- */
	#red.single-juice {}
		
		#red.single-juice header {
			background-color: #4c0013;
		}
		
		#red.single-juice header:before {
		   content: url(/media/images/red-large.png);
		   left: 12px;
		   position: absolute;
		   z-index: 1;
		  }
		
		#red.single-juice h1 {
			color: rgb(255, 255, 255);
			text-shadow: none;
		}
		
		#red.single-juice .benefits dt {
			color: rgb(255, 255, 255);
		}
		
			#red.single-juice .benefits dt.selected {
				background-color: rgb(93, 0, 23);
				background-color: rgba(93, 0, 23, 0.7);
				color: #db0034;
			}
		
	 	#red.single-juice .benefits dd {
		    color: #5d0017;
			font-size: 24px;
		    font-weight: 300;
			line-height: 1.75em;
		}
		   
		
	/* -- Yellow -- */
	#yellow.single-juice {}
		
		#yellow.single-juice header {
			background-color: rgb(254, 252, 233);
		}
		
		#yellow.single-juice header:before {
		   content: url(/media/images/yellow-large.png);
		   left: 12px;
		   position: absolute;
		   z-index: 1;
		  }
		
		#yellow.single-juice h1 {
			color: rgb(0, 0, 0);
			text-shadow: none;
			padding-bottom: 20px;
		}
		
		#yellow.single-juice .benefits dt {
			color: rgb(0, 0, 0);
		}
		
		#yellow.single-juice .benefits dt.selected {
			background-color: rgb(254, 252, 233);
			background-color: rgba(254, 252, 233, 0.7);
			color: rgb(45, 175, 239);
		}
		
		#yellow.single-juice .benefits dd {
		    color: rgb(45, 175, 239);
			font-size: 24px;
		    font-weight: 300;
			line-height: 1.75em;
		}
	
	/* -- Yellow -- */
	#yellow-2.single-juice {}

		#yellow-2.single-juice header {
			background-color: #fffec7;
		}

		#yellow-2.single-juice header:before {
		   content: url(/media/images/yellow-2-large.png);
		   left: 12px;
		   position: absolute;
		   z-index: 1;
		  }

		#yellow-2.single-juice h1 {
			color: rgb(0, 0, 0);
			text-shadow: none;
			padding-bottom: 20px;
		}

		#yellow-2.single-juice .benefits dt {
			color: rgb(0, 0, 0);
		}

		#yellow-2.single-juice .benefits dt.selected {
			background-color: rgb(255, 255, 255);
			background-color: rgba(255, 255, 255, 0.7);
			color: rgb(45, 175, 239);
		}

		#yellow-2.single-juice .benefits dd {
		    color: rgb(45, 175, 239);
			font-size: 24px;
		    font-weight: 300;
			line-height: 1.75em;
		}
	
	/* -- Gold -- */
	#gold.single-juice {}
		
		#gold.single-juice header {
			background-color: rgb(200, 196, 19);
		}
		
		#gold.single-juice header:before {
		   content: url(/media/images/gold-large.png);
		   left: 12px;
		   position: absolute;
		   z-index: 1;
		  }
		
		#gold.single-juice h1 {
			color: rgb(255, 255, 255);
			text-shadow: none;
			padding-bottom: 20px;
		}
		
			#gold.single-juice hgroup h2 {
				color: #D6F1FE;
			}
			
			#gold.single-juice header p {
				color: #D6F1FE;
			}
			
		#gold.single-juice .benefits dt {
			color: #fff;
		}
		
		#gold.single-juice .benefits dt.selected {
			background-color: rgb(200, 196, 19);
			background-color: rgba(200, 196, 19, 0.7);
			color: rgb(214, 241, 254);
		}
		
		#gold.single-juice .benefits dd {
		    color: #C8C413;
			font-size: 24px;
		    font-weight: 300;
			line-height: 1.75em;
			
		}

	/* -- White -- */
	#white.single-juice {}
		
		#white.single-juice header {
			background-color: rgb(241, 240, 234);
		}
		
		#white.single-juice header:before {
		   content: url(/media/images/white-large.png);
		   left: 12px;
		   position: absolute;
		   z-index: 1;
		  }
		
		#white.single-juice h1 {
			color: rgb(0, 0, 0);
			text-shadow: none;
			padding-bottom: 10px;
		}
		
		#white.single-juice .benefits dt {
			background-position: 100% -329px;
			color: rgb(0, 0, 0);
			font-size: 20px;
			line-height: 30px;
		}
		
		#white.single-juice .benefits dt.selected {
			background-color: rgb(241, 240, 234);
			background-color: rgba(241, 240, 234, 0.7);
			color: rgb(102, 194, 239);
		}
				
		#white.single-juice .benefits dd {
		    color: rgb(189, 189, 189);
			font-size: 24px;
		    font-weight: 300;
			line-height: 1.75em;
		}	

	
	/* ----- Plain Content Page ----- */
	.page {
		background-color: rgb(230, 246, 253);
		background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(255,255,255) 138px, rgb(230,246,253) 138px, rgb(255, 255, 255) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(138px,rgb(255,255,255)), color-stop(138px,rgb(230,246,253)), color-stop(100%,rgb(255, 255, 255)));
		background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 138px,rgb(230,246,253) 138px,rgb(255, 255, 255) 100%);
		background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 138px,rgb(230,246,253) 138px,rgb(255, 255, 255) 100%);
		background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 138px,rgb(230,246,253) 138px,rgb(255, 255, 255) 100%);
		background: linear-gradient(top, rgb(255,255,255) 0%,rgb(255,255,255) 138px,rgb(230,246,253) 138px,rgb(255, 255, 255) 100%);
	}
	
	.no-cssgradients .page {
		background: rgb(230, 246, 253) url(/media/images/body-background.png) repeat-x -202px 0;
	}
	
	.page article h1 {
		font-size: 54px;
	}
	
	.page article header p {
		font-size: 22px;
	}
	
	/* --- Basic Article --- */
	.basic-article {
		color: rgb(85, 85, 85);
	}
	
		.basic-article header,
		.basic-article footer {
			color: rgb(102, 194, 239);
			padding: 1.5em 0;
			text-align: center;
		}
		
		.basic-article .article-content {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
			        border-radius: 0;
			border-top: 1px solid rgb(189, 189, 189);
			padding: 1.5em 0;
		}
		
			.basic-article .article-content + .article-content {
				border-top: none;
			}
		
		.basic-article footer {
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
			        border-radius: 0;
			border-top: 1px solid rgb(189, 189, 189);
		}
		
		.basic-article summary {
			text-align: center;
		}
		
	/* FAQ */
	.question {
		color: rgb(0, 51, 102);
		margin-top: 3em;
	}
	
	.question:before {
		content: 'Q: ';
	}
	
	.answer {
		margin-left: 0;
	}
	
	.answer p:first-child:before {
		content: 'A: ';
	}
	
	
		
	/* ----- Aside: Accolades ----- */
	.accolades {
		background-color: rgb(210, 238, 252);
		background-color: rgba(102, 194, 239, 0.125);
		-webkit-border-radius: 0 0 3px 3px;
		   -moz-border-radius: 0 0 3px 3px;
		        border-radius: 0 0 3px 3px;
		position: relative;
		z-index: 0;
	}
	
	.accolades h2 {
		clear: both;
		left: -9999px;
		position: absolute;
	}
	
	.accolades ul {
		clear: both;
		list-style: none;
		margin: 0;
		text-align: center;
	}
	
	.accolades li {
		display: inline-block;
		padding: 38px 0;
		width: 50%;
	}
	
	.accolades q {
		color: rgb(18, 99, 180);
	    display: block;
	    font-family: Georgia, 'Times New Roman', Times, Serif;
		font-size: 22px;
	}
	
	/* ----- Secondary Content ----- */
	#secondary-content {
		background-color: rgb(255, 255, 255);
	border-top: 2px dotted rgb(102, 194, 239);
		color: rgb(102, 194, 239);
	text-align: center;
	}
	
	.basic #secondary-content {
		
	}
	
	#secondary-content .accolades ul {
		margin: 0 auto;
		width: 942px;
	}
	
	#the-full-monty {
		text-align: center;
	}
	
	#the-full-monty header {
		margin: 0 auto;
		padding-top: 24px;
		width: 528px;
	}
	
	#the-full-monty h1 {
		font-size: 54px;
		margin-bottom: 0;
	}
	
	#the-full-monty h2 {
		color: #66C2EF;
		font-size: 18px;
		margin-top: 0;
		padding: 10px 0 20px;
	}
	
	#the-full-monty figure {
		margin: 0;
		z-index: 0;
	}
	
	#the-full-monty .content {
		color: rgb(18, 99, 180);
		margin: -20px auto 40px;
		padding: 24px;
		position: relative;
		width: 528px;
		z-index: 1;
	}
	
	/* ----- Footer ----- */
	#site-footer {
		background-color: rgb(102, 194, 239);
		color: rgb(255, 255, 255);
		text-align: center;
		padding: 24px 0 48px;
	}
	
		#site-footer a {
			color: rgb(255, 255, 255);
			color: rgba(255, 255, 255, 0.6);
			text-decoration: none;
		}
		
		#site-footer .button {
	background-color: white;
	background-image: none;
	border: medium none;
	border-radius: 0.25em;
	box-shadow: 0px 0.225em 0.25em transparent;
	color: rgb(102, 194, 239);
	display: inline-block;
	font-family: "Helvetica Neue","Helvetica",Sans-serif;
	font-weight: 400;
	font-size: 0.875em;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0.068em;
	padding: 0.9em 3.5em !important;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all 150ms ease 0s;
	/* text-shadow: 0px 0.125em 0.75em #6DC7E9 !important; */
	vertical-align: middle;
	cursor: pointer;
		}
		
		#site-footer .top a {
			background-position: 50% -215px;
		}
		
		#site-footer .social-media ul {
			list-style: none;
			margin: 0 auto 24px;
		}
		
			#site-footer .social-media li {
				display: inline;
				margin: 0 12px;
			}
			
			#site-footer .social-media a {
				display: inline-block;
				padding-top: 50px;
			}
			
			#site-footer #facebook a {
				background-position: 50% -413px;
			}
			
			#site-footer #twitter a {
				background-position: 50% -513px;
			}
		
		#site-footer .contact,
		#site-footer .wholesale-contact {
	font-size: 18px;
		}
		
#site-footer .contact h3,
#site-footer .wholesale-contact h3 {
	color: white;
}

#site-footer .contact ul {
	margin-left: 0;
}

			#site-footer .contact li {
	display: block;
				list-style: none;
			}
			
			#site-footer .contact li:last-child {
				border: none;
			}
		
			#site-footer .contact a {
				padding: 0 12px;
			}
		
		#site-footer .copyright {
			padding-top: 24px;
	font-size: 20px;
		}
		
}

/* Animations */
@media screen {

	@-webkit-keyframes bubble {
		0% { -webkit-transform: scale(1); }
		50% { -webkit-transform: scale(1.1); }
		100% { -webkit-transform: scale(1); }
	}

	@-moz-keyframes bubble {
		0% { -moz-transform: scale(1); }
		50% { -moz-transform: scale(1.1); }
		100% { -moz-transform: scale(1); }
	}

	@-ms-keyframes bubble {
		0% { -ms-transform: scale(1); }
		50% { -ms-transform: scale(1.1); }
		100% { -ms-transform: scale(1); }
	}

	@-keyframes bubble {
		0% { transform: scale(1); }
		50% { transform: scale(1.1); }
		100% { transform: scale(1); }
	}
	
}





@media print {
	/* ----- Print ----- */
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	
	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	
	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}
	
	tr,
	img {
		page-break-inside: avoid;
	}
	
	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	
	h2,
	h3 {
		page-break-after: avoid;
	}
	
}


/* ----- Plugins and Libraries ----- */

/* Fancybox */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/media/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #66c2ef;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/media/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/media/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/media/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/media/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/media/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/media/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/media/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/media/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/media/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/media/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/media/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/media/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/media/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/media/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/media/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/media/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }