/*
 Custom fonts pulled from typography.com
 Gotham Book
 font: 400 'Gotham SSm A', 'Gotham SSm B', sans-serif;
 Gotham Medium
 font: 500 'Gotham SSm A', 'Gotham SSm B', sans-serif;
 Gotham Bold
 font: 700 'Gotham SSm A', 'Gotham SSm B', sans-serif;
 Verlag Book
 font: 300 'Verlag A', 'Verlag B', sans-serif;
 Verlag Book
 font: 400 'Verlag A', 'Verlag B', sans-serif;
 Verlag Bold
 font: 700 'Verlag A', 'Verlag B', sans-serif;
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* :focus {
	outline: 0;
}

/* GENERAL
 ------------------------------------ */
body {
	font: 300 12px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	color: #5c5c5c;
	background: #FFF;
	position: relative;
	overflow-y: scroll;
}
body,
html {
	height: 100%;
}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.hide {
	display: none;
	height: 0;
	font-size: 0;
}
.todo {
	outline: 5px dotted red;
}

/* GLOBAL
 ------------------------------------ */
#container {
	min-height: 100%;
	position: relative;
}
#allcontent {
	padding-bottom: 250px;
}
h1 {
	font: 400 24px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	margin: 40px 0 25px 0;
	color: #57514e;
}
h2 {
	font: 500 16px/normal "Verlag A", "Verlag B", sans-serif;
	margin: 15px 0;
}
h3 {
	font: 500 14px/normal "Verlag A", "Verlag B", sans-serif;
	margin: 15px 0;
}
hr {
	border: 0;
	height: 1px;
	margin: 20px 0;
	background: #e0e0e0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	width: 100%;
	margin: 20px 0;
}
.table td, .table th {
	border: 1px solid #ddd;
	padding: 10px;
}
.table th {
	background: #EEE;
	font-weight: 700;
	text-align: left;
}
.table th.right,
.table td.right {
	text-align: right;
}
a {
	color: #a11d24;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 20px 0;
}
b, strong {
	font-weight: 700;
}
i, em {
	font-style: italic;
}
blockquote {
	margin: 0px 36px;
	background-color: #FFF;
	padding: 20px;
}
.inside {
	margin: 0 auto;
	width: 980px;
	position: relative;
}
#page.inside {
	width: 940px;
	padding-bottom: 100px;
}
.alert {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #FBEED5;
	background: #FCF8E3;
	font-weight: 700;
	display: block;
}
.alert.alert-error {
	background: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48;
}
.alert.alert-success {
	background: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
}
.alert.alert-info {
	background: #D9EDF7;
	border-color: #BCE8F1;
	color: #3A87AD;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.holidaybow {
	background-image: url("/assets/images/2023-bow.png");
	height: 55px;
	width: 55px;
	display: inline-block;
	margin-bottom: -23px;
	margin-left: 5px;
}

/* HEADER
 ------------------------------------ */
#header {
	height: 147px;
	background: url(/assets/images/bg-header.png) repeat-x;
	position: relative;
	z-index: 100;
}
#header .logo svg {
	position: absolute;
	top: 23px;
	left: 2px;
	height: 88px;
	width: 243px;
}
#header .logo:hover .cls-1 {
	fill: #a11d24;
}
#header .nav {
	position: absolute;
	top: 50px;
	left: 335px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 640px;
}
#header .nav > li {
	float: left;
	padding-right: 19px;
	height: 30px;
	position: relative;
}
#header .nav > li > a {
	text-align: center;
	display: block;
	color: #1f5182;
	font: 700 12px/16px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 17px;
}
#header .nav > li > a.utility {
	color: #89a8bf;
}
#header .nav > li > a:hover,
#header .nav > li.active > a {
	color: #a11d24;
}
#header .nav > li.break {
	border-right: 1px solid #dbe3e5;
	padding: 0;
	height: 65px;
	padding-left: 10px;
}
#header .nav > li.last {
	padding: 0;
}
#header .nav > li > .arrow {
	width: 11px;
	height: 6px;
	background: url(/assets/images/sprite-main.png) no-repeat 0 -130px;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -17px;
	display: none;
}
#header .nav > li#chocolate-nav:hover .arrow,
#header .nav > li#kitchen-nav:hover .arrow,
#header .nav > li#cultivate-nav:hover .arrow,
#header .nav > li.active .arrow {
	display: block;
}
#header .nav #stack-nav a {
	text-align: left;
	color: #95b2c7;
	display: block;
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 12px;
}
#header .nav #stack-nav a:hover,
#header .nav #stack-nav a.active {
	color: #a11d24 !important;
}
#header .nav #stack-nav a:nth-child(2) {
	padding-top: 5px;
	padding-bottom: 5px;
}
#header .nav #stack-nav a:nth-child(3) {
	padding-bottom: 5px;
}
#header .nav-cart {
	position: absolute;
	top: 0;
	right: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 217px;
	background: url(/assets/images/sprite-main.png?v10) no-repeat 0 -98px;
}
#header .nav-cart > li {
	float: left;
	font: 400 11px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
}
#header .nav-cart a {
	text-decoration: none;
	color: #807d7d;
}
#header .nav-cart a:hover {
	color: #a11d24;
}
#header .nav-cart .buy {
	display: inline-block;
	width: 107px;
	text-align: center;
	padding-top: 6px;
	color: #1e5182;
	font-weight: bold;
}
#header .nav-cart .cart {
	display: inline-block;
	width: 105px;
	text-align: center;
	padding-top: 6px;
	color: #8a8988;
}
#header .nav-cart .total {
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	margin: -4px 0 0 5px;
	padding: 3px 7px;
	background: #1e5182;
	color: #FFF;
	border-radius: 10px;
	min-width: 22px;
}
#header .nav-cart .cart:hover .total {
	background: #a11d24;
}
#header .yahoo {
	height: 30px;
	width: 186px;
	background: url(/assets/images/bg-yahoo.jpg) no-repeat;
	position: absolute;
	top: 0;
	right: 20px;
	text-align: center;
}
#header .yahoo a {
	color: #FFF;
	font: 700 13px/normal "Verlag A", "Verlag B", sans-serif;
	display: block;
	padding-top: 5px;
	text-decoration: none;
}
#header .yahoo a span {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -25px -128px;
}
#header .yahoo a:hover {
	color: #A11D24;
}
#header .yahoo a:hover span {
	background-position: -19px -128px;
}

/* NAV - SLIDE DOWN
 ------------------------------------ */
#subnav {
	position: absolute;
	top: 70px;
	z-index: 99;
	width: 100%;
}
.nav-drop {
	background: url(/assets/images/bg-nav-dropdown.png) repeat-x bottom left;
	padding: 85px 0 50px 0;
	display: none;
	height: 250px;
}
.nav-drop ul {
	width: 965px;
	margin: 0 auto;
	display: none;
}
.nav-drop ul li {
	float: left;
	position: relative;
}
.nav-drop ul li a {
	display: block;
	height: 112px;
	text-decoration: none;
	color: #57514e;
	font: 700 15px/normal "Verlag A", "Verlag B", sans-serif;
}
.nav-drop ul li a:hover {
	color: #A11D24;
}
.nav-drop .title {
	text-transform: uppercase;
	position: absolute;
	left: 160px;
	top: 50px;
}
.nav-drop .headline {
	position: absolute;
	left: 160px;
	top: 70px;
}
.nav-drop img {
	position: absolute;
	top: -15px;
	left: 25px;
}
/* Our Chocolates Subnav */
#drop-chocolate ul {
	/**/background: url(/assets/images/bg-choc-subnav.png) no-repeat;
	background: url(/assets/images/bg-kitch-subnav.png) no-repeat;
}
#drop-chocolate li#link-bake {
	width: 345px;
}
#drop-chocolate li#link-bake .title {
	left: 170px;
}
#drop-chocolate li#link-bake img {
	top: -15px;
}
#drop-chocolate li#link-bake:hover img {
	top: -17px;
}
/*#drop-chocolate li#link-eat {*/
/*	width: 196px;*/
/*}*/
/*#drop-chocolate li#link-eat .title {*/
/*	left: 130px;*/
/*}*/
/*#drop-chocolate li#link-eat img {*/
/*	top: -11px;*/
/*}*/
/*#drop-chocolate li#link-eat:hover img {*/
/*	top: -13px;*/
/*}*/
#drop-chocolate li#link-drink {
	width: 285px;
}
#drop-chocolate li#link-drink img {
	top: -10px;
}
#drop-chocolate li#link-drink:hover img {
	top: -12px;
}
#drop-chocolate li#link-pro {
	width: 285px;
}
#drop-chocolate li#link-pro img {
	left: 30px;
	top: -7px;
}
#drop-chocolate li#link-pro:hover img {
	top: -9px;
}
#drop-chocolate li#link-pro .title {
	left: 160px;
}
/* In The Kitchen Subnav */
#drop-kitchen .title {
	top: 40px;
}
#drop-kitchen .headline {
	top: 63px;
}
#drop-kitchen ul {
	background: url(/assets/images/bg-kitch-subnav.png) no-repeat;
}
#drop-kitchen li#link-recipes {
	width: 345px;
}
#drop-kitchen li#link-recipes img {
	top: 0;
}
#drop-kitchen li#link-recipes:hover img {
	top: -2px;
}
#drop-kitchen li#link-recipes .title,
#drop-kitchen li#link-recipes .headline {
	left: 190px;
}
#drop-kitchen li#link-101 {
	width: 290px;
}
#drop-kitchen li#link-101 img {
	top: -65px;
	left: 20px;
}
#drop-kitchen li#link-101:hover img {
	top: -67px;
}
#drop-kitchen li#link-101 .title,
#drop-kitchen li#link-101 .headline {
	left: 145px;
}
#drop-kitchen li#link-chef {
	width: 330px;
}
#drop-kitchen li#link-chef img {
	top: -60px;
	left: 25px;
}
#drop-kitchen li#link-chef:hover img {
	top: -62px;
}
#drop-kitchen li#link-chef .title,
#drop-kitchen li#link-chef .headline {
	left: 155px;
}
/* Cultivate Better Subnav */
#drop-better .title {
	top: 40px;
}
#drop-better .headline {
	top: 63px;
}
#drop-better ul {
	background: url(/assets/images/bg-better-subnav.png) no-repeat;
}
#drop-better li#link-honorable {
	width: 490px;
}
#drop-better li#link-honorable img {
	top: 0;
	left: 30px;
}
#drop-better li#link-honorable:hover img {
	top: -2px;
}
#drop-better li#link-honorable .title {
	left: 185px;
}
#drop-better li#link-expert {
	width: 470px;
}
#drop-better li#link-expert img {
	top: 0;
	left: 50px;
}
#drop-better li#link-expert:hover img {
	top: -2px;
}
#drop-better li#link-expert .title {
	left: 205px;
}

/* BASIC PAGE
 ------------------------------------ */
#page {
	position: relative;
}
#page .editor-button {
	left: -30px !important;
}
#page h2.close {
	margin-bottom: 0;
}
#page p.close {
	margin-top: 0;
}
.page-copy {
	width: 530px;
}
.page-copy p {
	margin: 0 0 20px 0;
}
#page .page-image {
	position: absolute;
	top: 60px;
	left: 550px;
}
#page .callout {
	background: #eff4f7;
	padding: 20px;
	float: right;
	width: 340px;
	margin-top: 60px;
	position: relative;
}
#page .callout h2 {
	font: 500 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
	margin-top: 0;
}
#page .callout hr {
	border-top: 1px solid #d7dbde;
	border-bottom: 1px solid #FFF;
}
hr.tall {
	margin: 60px 0;
}
#page .page-copy ol, #page .page-copy ul {
	list-style-type: decimal;
	margin-left: 50px;
}
#page .page-copy ul ul {
	padding-top: 20px;
}
#page .page-copy li {
	list-style-type: disc;
	padding-bottom: 20px;
}

/* FORMS
 ------------------------------------ */
#form-container.class {
	display: none;
}
#form-container fieldset {
	margin-bottom: 50px;
}
#form-container fieldset.last {
	margin-bottom: 0;
}
#form-container fieldset legend {
	font: 700 16px/normal "Verlag A", "Verlag B", sans-serif;
	margin: 15px 0;
	border-bottom: 1px solid #d4d9da;
	padding-bottom: 10px;
	width: 623px;
	color: #d69a2d;
}
#form-container .row {
	margin-bottom: 20px;
}
#form-container .row .row, #form-container .row.last {
	margin-bottom: 5px !important;
}
#form-container .row.submit {
	text-align: right;
	border-top: 1px solid #d4d9da;
	margin-top: 15px;
	padding-top: 15px;
	width: 620px;
}
#form-container .field {
	display: inline-block;
	width: 320px;
	vertical-align: top;
	position: relative;
}
#form-container .field.short {
	width: 157px;
}
#form-container .field.wide {
	width: 620px;
}
#form-container label {
	display: block;
	font-weight: 700;
	padding-bottom: 5px;
}
#form-container label.checkbox {
	font-weight: normal;
}
#form-container .text,
#form-container .controls input,
#form-container .controls select {
	width: 300px;
	height: 27px;
	line-height: 27px;
	border: 1px solid #d4d9da;
	border-radius: 4px;
	padding: 0 5px;
	vertical-align: bottom;
}
#form-container .controls select {
	padding: 0;
}
#form-container .field.short .text, #form-container .field.short .controls input, #form-container .field.short .controls select {
	width: 140px;
}
#form-container .textarea {
	width: 620px;
	height: 115px;
	border: 1px solid #d4d9da;
	border-radius: 4px;
	padding: 5px;
}
a.continue,
input.submit {
	border: 0;
	padding: 2px 45px 2px 30px;
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B",sans-serif;
	background: #d69a2d url(/assets/images/arrow-submit.png) 100% 55% no-repeat;
	cursor: pointer;
}
a.continue {
	text-decoration: none;
	display: inline-block;
	padding: 3px 30px 3px 45px;
	background: #d69a2d url(/assets/images/arrow-white-left.png) 0 60% no-repeat;
	float: left;
}
a.gobutton {
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B",sans-serif;
	background: #d69a2d;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 5px 30px;
	text-transform: uppercase;
}
a.gobutton span {
	display: inline-block;
	background: url(/assets/images/arrow-submit.png) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 15px;
}
a.continue:hover,
a.gobutton:hover,
input.submit:hover {
	background-color: #a11d24;
}
.input-mini {
	width: 35px;
}
/* form errors */
#form-container .field input.error,
#form-container .field textarea.error,
#form-container .field select.error {
	border: 2px solid #a11d24;
}
#form-container .field label.error {
	color: #B94A48;
	position: absolute;
	left: 250px;
	top: -30px;
	z-index: 98;
	background: #a11d24 url(/assets/images/bg-form-error.jpg) bottom left no-repeat;
	color: #FFF;
	padding: 6px 7px 17px 7px;
	font-size: 11px;
	line-height: 13px;
	width: 240px;
	font-weight: 300;
}
#form-container .field.wide label.error {
	left: 575px;
}
#form-container .field.short label.error {
	left: 90px;
}

/* IN THE KITCHEN LANDING
 ------------------------------------ */
#kitchen-landing #feature {
	height: 380px;
	position: relative;
	margin-top: -23px;
	z-index: 98;
}
#kitchen-landing #feature .items {
	width: 100%;
	height: 380px;
}
#kitchen-landing #feature .item {
	height: 380px;
	width: 100% !important;
}
#kitchen-landing #feature .item-inside {
	height: 380px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
}
#kitchen-landing #feature .box {
	border: 5px solid rgb(182, 190, 187); /* default border style */
	border: 5px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width: 460px;
	position: absolute;
	top: 60px;
}
#kitchen-landing #feature .box, #kitchen-landing #feature .box.left {
	left: 20px;
}
#kitchen-landing #feature .box.right {
	left: auto;
	right: 20px;
}
#kitchen-landing #feature .box a {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
#kitchen-landing #feature .box a .headline {
	text-transform: uppercase;
	width: 340px;
	padding: 40px 0 15px 0;
	margin: auto;
	color: #0c3463;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#kitchen-landing #feature .box hr {
	width: 300px;
	margin: auto;
}
#kitchen-landing #feature .box .copy {
	width: 325px;
	margin: 15px 0 0 65px;
	color: #706e6e;
}
#kitchen-landing #feature .box a .subheadline {
	width: 300px;
	padding: 18px 0 40px 0;
	margin: auto;
	color: #d69a2d;
	font: 500 15px/18px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#kitchen-landing #feature .box a .subheadline .arrow {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
#kitchen-landing #feature .box:hover .subheadline {
	color: #a11d24;
}
#kitchen-landing #feature .box:hover .subheadline .arrow {
	background-position: -19px -128px;
}
#kitchen-landing #touts .inside, #kitchen-landing .bottom-line .inside {
	width: 940px;
}
#kitchen-landing #touts .box {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#kitchen-landing #touts .box.right {
	margin-right: 0;
}
#kitchen-landing #touts .box a.image {
	display: block;
	width: 300px;
	height: 240px;
	position: relative;
}
#kitchen-landing #touts .box .image img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#kitchen-landing #touts .box .image h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(/assets/images/bg-tout-h2.png);
	margin: 0;
	height: 60px;
	color: #FFF;
	font: 500 19px/60px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#kitchen-landing #touts .box .image h2 .arrow {
	margin-left: 13px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -25px -128px;
}
#kitchen-landing #touts .box .image:hover h2 {
	background: url(/assets/images/bg-tout-h2-hover.png);
}
#kitchen-landing #touts .box hr {
	margin-top: 5px;
}
#kitchen-landing #touts .box ul {
	margin: 0 0 0 10px;
}
#kitchen-landing #touts .box li a {
	color: #d69a2d;
	text-decoration: none;
}
#kitchen-landing #touts .box li a:hover {
	color: #A11D24
}
#kitchen-landing #touts .box li a .arrow {
	margin-right: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -127px;
}
#kitchen-landing #touts .box li a:hover .arrow {
	background-position: -19px -127px;
}
#kitchen-landing #touts .pro h3 {
	color: #0c3463;
	margin: 0;
	text-transform: uppercase;
	font: 700 16px/normal "Verlag A", "Verlag B", sans-serif;
}
#kitchen-landing #touts .pro .author {
	color: #a11d24;
	line-height: normal;
}
#kitchen-landing #touts .pro a.get {
	color: #d69a2d;
	text-decoration: none;
	display: block;
	margin: 20px 0;
}
#kitchen-landing #touts .pro a.get .arrow {
	margin-left: 13px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -126px;
}
#kitchen-landing #touts .pro a.get:hover .arrow {
	background-position: -19px -126px;
}
#kitchen-landing #touts .pro a.get:hover {
	color: #A11D24
}
#kitchen-landing .bottom-line {
	padding-bottom: 30px;
}
#kitchen-landing .bottom-line .box {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#kitchen-landing .bottom-line .box.right {
	margin-right: 0;
}
#kitchen-landing .bottom-line hr {
	margin-top: 10px;
}

/* SHOP LANDING
 ------------------------------------ */
#shop-landing #feature {
	height: 380px;
	position: relative;
	margin-top: -23px;
	z-index: 98;
}
#shop-landing #feature .items {
	width: 100%;
	height: 380px;
}
#shop-landing #feature .item {
	height: 380px;
	width: 100% !important;
}
#shop-landing #feature .item-inside {
	height: 380px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
}
#shop-landing #feature .box {
	border: 5px solid rgb(182, 190, 187); /* default border style */
	border: 5px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width: 460px;
	position: absolute;
	top: 60px;
}
#shop-landing #feature .box, #shop-landing #feature .box.left {
	left: 20px;
}
#shop-landing #feature .box.right {
	left: auto;
	right: 20px;
}
#shop-landing #feature .box .insidebox {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
#shop-landing #feature .box .insidebox .headline {
	text-transform: uppercase;
	width: 340px;
	padding: 40px 0 15px 0;
	margin: auto;
	color: #0c3463;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#shop-landing #feature .box hr {
	width: 300px;
	margin: auto;
}
#shop-landing #feature .box .copy {
	width: 325px;
	margin: 15px 0 40px 65px;
	color: #706e6e;
}
#shop-landing #feature .box a .subheadline {
	width: 300px;
	padding: 18px 0 40px 0;
	margin: auto;
	color: #d69a2d;
	font: 500 15px/18px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#shop-landing #feature .box a .subheadline .arrow {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
#shop-landing #feature .box:hover .subheadline {
	color: #a11d24;
}
#shop-landing #feature .box:hover .subheadline .arrow {
	background-position: -19px -128px;
}
#shop-landing #touts {
	padding-bottom: 70px;
}
#shop-landing #touts .inside,
#shop-landing .bottom-line .inside {
	width: 940px;
}
#shop-landing #touts .box {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#shop-landing #touts .box.right {
	margin-right: 0;
}
#shop-landing #touts .box a.image {
	display: block;
	width: 300px;
	height: 240px;
	position: relative;
}
#shop-landing #touts .box .image img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#shop-landing #touts .box .image h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(/assets/images/bg-tout-h2.png);
	margin: 0;
	height: 60px;
	color: #FFF;
	font: 500 19px/60px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#shop-landing #touts .box .image h2 .arrow {
	margin-left: 13px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -25px -128px;
}
#shop-landing #touts .box .image:hover h2 {
	background: url(/assets/images/bg-tout-h2-hover.png);
}
#shop-landing #touts .box hr {
	margin-top: 5px;
}
#shop-landing #touts .box ul {
	margin: 0 0 0 10px;
}
#shop-landing #touts .box li a {
	color: #d69a2d;
	text-decoration: none;
}
#shop-landing #touts .box li a:hover {
	color: #A11D24
}
#shop-landing #touts .box li a .arrow {
	margin-right: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -127px;
}
#shop-landing #touts .box li a:hover .arrow {
	background-position: -19px -127px;
}
#shop-landing .bottom-line {
	padding-bottom: 30px;
}
#shop-landing .bottom-line .box {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#shop-landing .bottom-line .box.right {
	margin-right: 0;
}
#shop-landing .bottom-line hr {
	margin-top: 10px;
}

/* COOKBOOK
 ------------------------------------ */
.cookbook .page-copy {
	width: 375px;
}
.cookbook h1 {
	width: 325px !important;
}
.cookbook h2 {
	color: #57514e;
	font: 400 24px "Verlag A","Verlag B",sans-serif;
	margin: 40px 0 25px;
}
#page .page-copy ul.cookbook-buy {
	margin: 0;
}
#page .page-copy ul.cookbook-buy li {
	list-style: none;
	padding: 0 0 35px 0;
	clear: both;
}
#page .page-copy ul.cookbook-buy li a {
	min-width: 205px;
}
.cookbook-buy a.continue {
	border: 0;
	padding: 2px 45px 2px 30px;
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B",sans-serif;
	background: #d69a2d url(/assets/images/arrow-submit.png) 100% 55% no-repeat;
	cursor: pointer;
}
.cookbook-buy a.continue:hover {
	background-color: #a11d24;
}

/* RECIPE LANDING
 ------------------------------------ */
#recipes-list {
	width: 540px;
	padding-top: 20px;
}
#recipes-list h2 {
	font: 500 20px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	margin: 15px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #d4d9da;
}
#recipes-list .recipes {
	margin-bottom: 70px;
}
#recipes-list .recipes a {
	text-decoration: none;
	color: #57514E;
	display: block;
	line-height: normal;
}
#recipes-list .recipes a:hover {
	color: #A11D24;
}
#recipes-list .recipes h3 {
	text-transform: uppercase;
	font: 700 16px/normal "Verlag A", "Verlag B", sans-serif;
	margin: 30px 0 0 0;
}
#recipes-list .recipes .info {
	display: table;
}
#recipes-list .recipes .cell {
	display: table-cell;
	vertical-align: middle;
}
#recipes-list .recipes .pro {
	height: 25px;
	width: 35px;
	background: #D79F3A url(/assets/images/sprite-main.png) no-repeat -99px -185px;
	display: block;
}
#recipes-list .recipes .pro.pad {
	margin-right: 10px;
}
#recipes-list .recipes .author {
	position: relative;
	background: url(/assets/images/bg-recipe-flag.png) top right;
	height: 25px;
	font: 500 10px/23px "Gotham SSm A", "Gotham SSm B", sans-serif;
	color: #FFF;
	padding: 0 20px 0 10px;
	margin: 0 10px 0 0;
	display: block;
	white-space: nowrap;
}
#recipes-list .recipes .summary {
	display: block;
}
#find-recipe.callout {
	margin-top: 24px;
}
#find-recipe select {
	width: 235px;
	height: 25px;
	padding: 2px 0 0 5px;
	margin-bottom: 10px;
}
#find-recipe select:last-child {
	margin: 0;
}
#find-recipe a.see {
	color: #d69a2d;
	text-decoration: none;
	font: 700 16px/normal "Verlag A", "Verlag B", sans-serif;
}
#find-recipe a.see:hover {
	color: #A11D24
}
#find-recipe a.see .arrow {
	margin-left: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -127px;
}
#find-recipe a.see:hover .arrow {
	background-position: -19px -127px;
}

/* RECIPE DETAIL
 ------------------------------------ */
#recipe-images.callout {
	width: 380px;
	padding: 0;
	background: none;
	margin-top: 5px;
}
#recipe-images.callout img {
	margin-bottom: 30px;
}
#recipe-detail .recipeintro {
	font-size: 14px;
}
#recipe-detail .yield {
	font-size: 14px;
	margin-bottom: 3px;
}
#recipe-detail h2 {
	font: 500 17px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#recipe-detail .tools,
.cookbook .tools {
	margin: 40px 0;
	border-top: 1px solid #d4d9da;
	border-bottom: 1px solid #d4d9da;
	padding: 20px 0;
	vertical-align: middle;
}
#recipe-detail .tools .button,
.cookbook .tools .button {
	border: 0;
	padding: 3px 30px;
	color: #FFF;
	font-weight: 700;
	background: #d69a2d;
	text-decoration: none;
	margin-left: 20px;
}
#recipe-detail .tools .button:hover,
.cookbook .tools .button:hover {
	background-color: #a11d24;
}
#recipe-detail .tools .line,
.cookbook .tools .line {
	height: 29px;
	border-right: 1px solid #d4d9da;
	padding-left: 20px;
	/*display: inline-block;*/
	vertical-align: middle;
	display: none;
}
.sharing {
	min-width: 380px;
	display: inline-block;
}
.sharing * {
	vertical-align: middle !important;
}
.stButton .stFb,
.stButton .stTwbutton,
.stButton .stMainServices {
	height: 22px !important;
}
.stButton .stArrow {
	height: 22px !important;
	line-height: 22px !important;
}
.stButton_gradient {
	display: inline !important;
}
#recipe-detail #related {
	margin: 50px 0;
}
#recipe-detail #related h2 {
	font: 500 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d9da;
	margin: 0;
}
#recipe-detail #related ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#recipe-detail #related li {
	list-style: none;
	display: inline-block;
	vertical-align: bottom;
	width: 225px;
	margin: 0 30px 0 0;
	padding: 20px 0 0 0;
	text-align: center;
}
#recipe-detail #related li a {
	text-decoration: none;
	color: #57514e;
}
#recipe-detail #related li:hover p {
	color: #A11D24;
}
#recipe-detail #related li img {
	position: relative;
}
#recipe-detail #related li p {
	margin-top: 10px;
	border-top: 1px solid #d4d9da;
	padding-top: 10px;
}

/* CHOCOLATE 101
 ------------------------------------ */
#feature.landing101 {
	height: 380px;
	position: relative;
	margin-top: -23px;
	z-index: 98;
}
#feature.landing101 .items {
	width: 100%;
	height: 380px;
}
#feature.landing101 .item {
	height: 380px;
	width: 100% !important;
}
#feature.landing101 .item-inside {
	height: 380px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
}
#feature.landing101 .box {
	border: 5px solid rgb(182, 190, 187); /* default border style */
	border: 5px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width: 460px;
	position: absolute;
	top: 60px;
}
#feature.landing101 .box, #feature.landing101 .box.left {
	left: 20px;
}
#feature.landing101 .box.right {
	left: auto;
	right: 20px;
}
#feature.landing101 .box a {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
#feature.landing101 .box a .headline {
	text-transform: uppercase;
	width: 340px;
	padding: 40px 0 15px 0;
	margin: auto;
	color: #0c3463;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#feature.landing101 .box hr {
	width: 300px;
	margin: auto;
}
#feature.landing101 .box .copy {
	width: 325px;
	margin: 15px 0 0 65px;
	color: #706e6e;
}
#feature.landing101 .box a .subheadline {
	width: 300px;
	padding: 18px 0 40px 0;
	margin: auto;
	color: #d69a2d;
	font: 500 15px/18px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#feature.landing101 .box a .subheadline .arrow {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
#feature.landing101 .box:hover .subheadline {
	color: #a11d24;
}
#feature.landing101 .box:hover .subheadline .arrow {
	background-position: -19px -128px;
}
#article-touts {
	border-top: 1px solid #d4d9da;
	padding-top: 30px;
}
#article-touts .box {
	width: 300px;
	float: left;
	margin: 0 20px 20px 0;
}
#article-touts .box.right {
	margin-right: 0;
}
#article-touts .box a.image {
	display: block;
	width: 300px;
	height: 240px;
	position: relative;
}
#article-touts .box .image img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#article-touts .box .image h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(/assets/images/bg-tout-h2.png);
	margin: 0;
	height: 60px;
	color: #FFF;
	font: 500 19px/60px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#article-touts .box .image h2 .arrow {
	margin-left: 13px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -25px -128px;
}
#article-touts .box .image:hover h2 {
	background: url(/assets/images/bg-tout-h2-hover.png);
}
#article-touts .box hr {
	margin-top: 5px;
}
#article-touts .box ul {
	margin: 0 0 0 10px;
}
#article-touts .box li a {
	color: #d69a2d;
	text-decoration: none;
}
#article-touts .box li a:hover {
	color: #A11D24
}
#article-touts .box li a .arrow {
	margin-right: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -127px;
}
#article-touts .box li a:hover .arrow {
	background-position: -19px -127px;
}

/* HANDS ON CHOCOLATE
 ------------------------------------ */

#handson-touts {
	border-top: 1px solid #d4d9da;
	padding-top: 30px;
}
#handson-touts .box {
	width: 300px;
	float: left;
	margin: 0 20px 20px 0;
}
#handson-touts .box.right {
	margin-right: 0;
}
#handson-touts .box a.image {
	display: block;
	width: 300px;
	height: 240px;
	position: relative;
}
#handson-touts .box .image img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#handson-touts .box .image h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(/assets/images/bg-tout-h2.png);
	margin: 0;
	height: 60px;
	color: #FFF;
	font: 500 14px/60px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#handson-touts .box .image h2 .arrow {
	margin-left: 13px;
	height: 30px;
	width: 31px;
	display: inline-block;
	background: url(/assets/images/PDF_icon.png) no-repeat;
	vertical-align: middle;
	margin-top: -7px;
}
#handson-touts .box .image:hover h2 {
	background: url(/assets/images/bg-tout-h2-hover.png);
}
#handson-touts .box hr {
	margin-top: 5px;
}
#handson-touts .box ul {
	margin: 0 0 0 10px;
}
#handson-touts .box li a {
	color: #d69a2d;
	text-decoration: none;
}
#handson-touts .box li a:hover {
	color: #A11D24
}
#handson-touts .box li a .arrow {
	margin-right: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -127px;
}
#handson-touts .box li a:hover .arrow {
	background-position: -19px -127px;
}

/* FAQ PAGE
 ------------------------------------ */
#faq-list h2 {
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
#faq-list ul.faqs {
	list-style: none;
	margin: 0 0 35px 0;
	padding: 0;
}
#faq-list .faqs li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#faq-list .faqs h3 {
	margin: 0 0 10px 0;
	cursor: pointer;
	color: #A11D24;
}
#faq-list .faqs h3:hover {
	text-decoration: underline;
}
#faq-list .faqs .answer {
	display: none;
}

/* OUR CHOCOLATE LANDING PAGE
 ------------------------------------ */
#chocolate-landing {
	width: 940px;
	margin: auto;
	padding-bottom: 100px;
}
#chocolate-landing #touts .inside, #chocolate-landing .bottom-line .inside {
	width: 940px;
	padding-top: 10px;
}
#chocolate-landing #touts .box {
	width: 300px;
	float: left;
	margin: 0 20px 50px 0;
	background: url(/assets/images/bg-tout-h2-hover.png) no-repeat -999px -999px;
}
#chocolate-landing #touts .box:nth-child(3n) {
	margin-right: 0;
}
#chocolate-landing #touts .box a.image {
	display: block;
	width: 300px;
	height: 235px;
	position: relative;
}
#chocolate-landing #touts .box .image img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#chocolate-landing #touts .box .image h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	background: url(/assets/images/bg-tout-h2.png);
	margin: 0;
	height: 60px;
	color: #FFF;
	font: 500 19px/60px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#chocolate-landing #touts .box .image h2 .arrow {
	margin-left: 13px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -25px -128px;
}
#chocolate-landing #touts .box a.image:hover h2 {
	background: url(/assets/images/bg-tout-h2-hover.png);
}
#chocolate-landing #touts .box hr {
	margin: 5px 0;
}
#chocolate-landing #touts .box ul {
	margin: 10px 0;
	text-align: center;
}
#chocolate-landing #touts .box li {
	display: inline-block;
	padding-right: 17px;
}
#chocolate-landing #touts .box li:last-child {
	padding: 0;
}
#chocolate-landing #touts .box li a {
	color: #d69a2d;
	text-decoration: none;
}
#chocolate-landing #touts .box li a:hover {
	color: #A11D24
}
#chocolate-landing #touts .box li a .arrow {
	margin-left: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -126px;
}
#chocolate-landing #touts .box li a:hover .arrow {
	background-position: -19px -127px;
}

/* OUR CHOCOLATE TYPE
 ------------------------------------ */
#chocolate-type {
	width: 940px;
	margin: auto;
	padding-bottom: 100px;
}
#chocolate-type .top-list {
	margin-top: 30px;
	border-top: 1px solid #d4d9da;
	padding: 15px 0 0 0;
	position: relative;
	display: inline-block;
	min-width: 640px;
}
#chocolate-type .top-list li {
	display: inline-block;
	margin-right: 30px;
}
#chocolate-type .top-list a {
	color: #d69a2d;
	text-decoration: none;
}
#chocolate-type .top-list a:hover {
	color: #A11D24
}
#chocolate-type .top-list a .arrow {
	margin-left: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -126px;
}
#chocolate-type .top-list a:hover .arrow {
	background-position: -19px -127px;
}
#chocolate-type .cta-cookbook {
	position: absolute;
	bottom: 0;
	left: 630px;
}
#chocolate-type .cta-cookbook img {
	display: block;
}
#chocolate-type .dairyfree-callout {
	height: 277px;
	width: 277px;
	background: url(/assets/images/bg-dairyfree-cat-circle.png) no-repeat;
	float: right;
	padding: 40px 30px 0 35px;
	position: relative;
	margin-top: -30px;
}
#chocolate-type .dairyfree-callout .headline {
	text-transform: uppercase;
	font: 20px/normal "Gotham SSm A", "Gotham SSm B", sans-serif;
	color: #FFF;
	text-align: center;
}
#chocolate-type .dairyfree-callout p {
	color: #FFF;
	margin: 10px 0 20px 0;
	line-height: 17px;
	text-align: center;
}
#chocolate-type .dairyfree-callout a.button {
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	border: 1px solid #FFF;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
}
#chocolate-type .dairyfree-callout a.button span {
	display: inline-block;
	background: url(/assets/images/arrow-submit.png) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 15px;
}
#chocolate-type .dairyfree-callout a.button:hover {
	background: #b38956;
}
#chocolate-type .professional-callout {
	height: 277px;
	width: 277px;
	background: url(/assets/images/bg-dairyfree-cat-circle.png) no-repeat;
	float: right;
	position: relative;
	margin-top: -30px;
	padding: 65px 10px 0 10px;
}
#chocolate-type .professional-callout .headline {
	text-transform: uppercase;
	font: 24px/normal "Gotham SSm A", "Gotham SSm B", sans-serif;
	color: #FFF;
	text-align: center;
}
#chocolate-type .professional-callout p {
	color: #FFF;
	margin: 10px 0 20px 0;
	font: 500 14px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: -.5px;
}
#chocolate-type .professional-callout a.button {
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	border: 1px solid #FFF;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
}
#chocolate-type .mindful-callout a.button span {
	display: inline-block;
	background: url(/assets/images/arrow-submit.png) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}
#chocolate-type .mindful-callout a.button:hover {
	background: #b38956;
}

#chocolate-type h2 {
	margin: 45px 0 30px 0;
	text-transform: uppercase;
	font-size: 20px;
}
#chocolate-type .product-list li {
	width: 217px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-bottom: 30px;
}
#chocolate-type .product-list li:nth-child(4n) {
	margin-right: 0;
}
#chocolate-type .product-list li a {
	text-decoration: none;
	display: block;
}
#chocolate-type .product-list li h3 {
	border-top: 1px solid #d4d9da;
	font: 500 13px "Gotham SSm A", "Gotham SSm B", sans-serif;
	color: #94908d;
	padding-top: 20px;
	margin: 0;
}
#chocolate-type .product-list li.bumpup h3 {
	position: relative;
	top: -29px;
}
#chocolate-type .product-list li:hover h3 {
	color: #A11D24;
}
#chocolate-type .product-list li img {
	position: relative;
	z-index: 10;
}

/* PRODUCT DETAIL PAGE
 ------------------------------------ */
#product-detail-top {
	width: 940px;
	margin: 65px auto 0 auto;
}
#product-detail-top .left {
	width: 530px;
	float: left;
	text-align: center;
}
#product-detail-top .left .hidden {
    min-height: 336px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
#product-detail-top .left #product-pager li {
	display: inline-block;
	margin: 5px;
}
#product-detail-top .left #product-pager li a {
	opacity: .6;
}
#product-detail-top .left #product-pager li a.active {
	opacity: 1;
}
#product-detail-top .right {
	width: 380px;
	float: right;
}
#product-detail-top .right .classifications {
	margin-bottom: 25px;
}
#product-detail-top .round {
	background: url(/assets/images/sprite-main.png) no-repeat 0 -229px;
	display: inline-block;
	margin: 0 0 15px -1px;
	height: 33px;
	width: 28px;
}
#product-detail-top .round.white {
	background-position: 0 -229px;
}
#product-detail-top .round.white.active {
	background-position: 0 -263px;
}
#product-detail-top .round.milk {
	background-position: -33px -229px;
}
#product-detail-top .round.milk.active {
	background-position: -33px -263px;
}
#product-detail-top .round.perc40  {
	background-position: -198px -229px;
}
#product-detail-top .round.perc40.active {
	background-position: -198px -263px;
}
#product-detail-top .round.perc50 {
	background-position: -66px -229px;
}
#product-detail-top .round.perc50.active {
	background-position: -66px -263px;
}
#product-detail-top .round.perc60 {
	background-position: -99px -229px;
}
#product-detail-top .round.perc60.active {
	background-position: -99px -263px;
}
#product-detail-top .round.perc70 {
	background-position: -132px -229px;
}
#product-detail-top .round.perc70.active {
	background-position: -132px -263px;
}
#product-detail-top .round.perc80 {
	background-position: -165px -229px;
}
#product-detail-top .round.perc80.active {
	background-position: -165px -263px;
}
#product-detail-top .right .classifications .etienne {
	background: url(/assets/images/sprite-main.png) no-repeat 0 -296px;
	display: inline-block;
	margin: 0 3px 0 5px;
	height: 67px;
	width: 67px;
}
#product-detail-top .real {
	height: 45px;
	width: 80px;
	display: inline-block;
	margin: 0 0 11px 3px;
	background: url(/assets/images/sprite-main.png?v4) no-repeat 9999px 9999px;
}
#product-detail-top .pos30 {
	background-position: 0px -369px;
}
#product-detail-top .pos31 {
	background-position: 0px -415px;
}
#product-detail-top .pos35 {
	background-position: 0px -461px;
}
#product-detail-top .pos38 {
	background-position: 0px -507px;
}
#product-detail-top .pos41 {
	background-position: 0px -553px;
}
#product-detail-top .pos45 {
	background-position: -160px -645px;
}
#product-detail-top .pos46 {
	background-position: 0px -599px;
}
#product-detail-top .pos48 {
	background-position: 0px -645px;
}
#product-detail-top .pos53 {
	background-position: -81px -369px;
}
#product-detail-top .pos55 {
	background-position: -81px -415px;
}
#product-detail-top .pos58 {
	background-position: -81px -461px;
}
#product-detail-top .pos61 {
	background-position: -81px -507px;
}
#product-detail-top .pos62 {
	background-position: -239px -370px;
}
#product-detail-top .pos63 {
	background-position: -81px -553px;
}
#product-detail-top .pos64 {
	background-position: -81px -599px;
}
#product-detail-top .pos65 {
	background-position: -81px -645px;
}
#product-detail-top .pos66 {
	background-position: -161px -370px;
}
#product-detail-top .pos70 {
	background-position: -161px -416px;
}
#product-detail-top .pos72 {
	background-position: -161px -462px;
}
#product-detail-top .pos74 {
	background-position: -161px -600px;
}
#product-detail-top .pos85 {
	background-position: -240px -461px;
}
#product-detail-top .pos91 {
	background-position: -161px -508px;
}
#product-detail-top .pos100 {
	background-position: -161px -554px;
}
#product-detail-top .right .copy .category {
	font: 700 14px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d4d9da;
	padding-bottom: 5px;
}
#product-detail-top .right .copy h1 {
	margin: 10px 0 0 0;
}
#product-detail-top .right .certifications .cert {
	background: url(/assets/images/sprite-main.png?v2) no-repeat;
	display: inline-block;
	margin-right: 5px;
}
#product-detail-top .right .certifications .cert-rain {
	height: 45px;
	width: 49px;
	background-position: -77px -298px;
}
#product-detail-top .right .certifications .cert-org {
	height: 46px;
	width: 44px;
	background-position: -129px -297px;
}
#product-detail-top .right .certifications .cert-fair {
	height: 45px;
	width: 33px;
	background-position: -173px -297px;
}
#product-detail-top .right .certifications .cert-nongmo {
	height: 44px;
	width: 59px;
	background-position: -208px -297px;
}
#product-detail-top .right .certifications .cert-dairyfree {
	height: 47px;
	width: 47px;
	background-position: -269px -297px;
}
#product-detail-top .right .store {
	margin-top: 35px;
}
#product-detail-top .right .store .info {
	text-align: right;
	padding-bottom: 10px;
}
#product-detail-top .right .store .info  .modifier {
	margin-right: 20px;
}
#product-detail-top .right .store .availability {
	font: 700 14px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	border-top: 1px solid #d4d9da;
	padding-top: 5px;
}
#product-detail-top .right .add {
	text-align: right;
	margin-top: 15px;
}
#product-detail-middle {
	border-top: 1px dotted #95918b;
	border-bottom: 1px dotted #95918b;
	background: #FFF;
	margin-top: 70px;
}
#product-detail-middle .outside {
	width: 1210px;
	margin: auto;
	background: #FFF url(/assets/images/bg-specs.png) no-repeat;
}
#product-detail-middle ul.contain {
	margin-left: 300px;
}
#product-detail-middle ul.contain > li {
	float: left;
	width: 160px;
}
#product-detail-middle ul.contain h3 {
	margin: 0;
	font: 700 12px/33px "Verlag A", "Verlag B", sans-serif;
	padding: 0 12px;
	text-transform: uppercase;
}
#product-detail-middle .contain .copy {
	padding: 12px 12px 50px 12px;
	font-size: 11px;
}
#product-detail-clause {
	background: #FFF;
	color: #b5b2af;
	font-size: 11px;
	text-align: center;
	padding: 15px 0;
}
#product-detail-bottom {
	margin: 30px auto 100px auto;
}
#product-detail-bottom .related-recipe {
	outline: 5px solid #f8f7f2;
	border: 1px solid #dbe3e5;
	padding: 20px;
}
#product-detail-bottom .related-recipe .left {
	float: left;
	width: 455px;
	text-align: center;
}
#product-detail-bottom .related-recipe .left h2 {
	text-transform: uppercase;
	width: 340px;
	padding: 0 0 5px 0;
	margin: 40px auto 0 auto;
	color: #0c3463;
	font: 500 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#product-detail-bottom .related-recipe .left hr {
	width: 300px;
	margin: 5px auto;
}
#product-detail-bottom .related-recipe .left .copy {
	width: 325px;
	margin: 0 0 0 65px;
	color: #706e6e;
}
#product-detail-bottom .related-recipe .left .subheadline {
	width: 300px;
	margin: auto;
	color: #d69a2d;
	font: 500 15px/18px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#product-detail-bottom .related-recipe .left .subheadline .arrow {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
#product-detail-bottom .related-recipe:hover .subheadline {
	color: #a11d24;
}
#product-detail-bottom .related-recipe:hover .subheadline .arrow {
	background-position: -19px -128px;
}
#product-detail-bottom .related-recipe .right {
	float: right;
	width: 450px;
}
#product-detail-bottom .related-recipe .right img {
	border: 1px solid #dbe3e5;
	display: block;
}

/* CREATIVE GROWTH PRODUCT 2019
 ------------------------------------ */
#creative-growth #feature {
	height: 500px;
	width: 100%;
	background: #FFF;
	margin-top: -23px;
}
#creative-growth #feature .contain {
	position: relative;
	height: 500px;
}
#creative-growth #feature .item {
	position: relative;
	height: 500px;
	width: 100%;
	overflow: hidden;
}
#creative-growth #feature .image {
	position: absolute;
	width: 100%;
	height: 500px;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}
#creative-growth #feature .box {
	border: 15px solid rgb(182, 190, 187); /* default border style */
	border: 15px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width: 540px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -230px;
}
#creative-growth #feature .box .in {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
#creative-growth #feature .box .headline {
	text-transform: uppercase;
	padding: 30px 20px 15px 20px;
	margin: auto;
	color: #706e6e;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#creative-growth #feature .box .copy {
	margin: 15px 45px 60px 45px;
	color: #706e6e;
}
#creative-bottom {
	margin: 40px 0;
}
#creative-bottom .inside {
	width: 980px;
	margin: auto;
}
#creative-bottom .center {
	text-align: center;
	margin-top: 40px;
}

/* -- row 1 -- */
#creative-bottom .row1 {
	padding: 30px;
}
#creative-bottom .row1 .leftcol,
#creative-bottom .row1 .rightcol {
	display: inline-block;
	vertical-align: top;
	width: 457px;
	overflow: hidden;
}
#creative-bottom .row1 .copy {
	padding: 0 40px;
}
#creative-bottom .row1 .leftcol .logo {
	text-align: center;
	padding: 35px 0 15px 0;
}
#creative-bottom .row1 .rightcol h3 {
	color: #1e5182;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	font: 300 24px "Verlag A", "Verlag B", sans-serif;
}
#creative-bottom .row1 .rightcol h3 span {
	display: block;
	padding-bottom: 5px;
	font: 300 14px "Verlag A", "Verlag B", sans-serif;
}

/* -- row 2 -- */
#creative-bottom .row2 {
	background: #f2f0e6;
	padding: 30px;
}
#creative-bottom .row2 .leftcol {
	display: inline-block;
	vertical-align: top;
	width: 560px;
}
#creative-bottom .row2 .rightcol {
	display: inline-block;
	vertical-align: top;
	width: 350px;
}
#creative-bottom .row2 h3 {
	font: 600 25px/30px "Verlag A", "Verlag B", sans-serif;
	color: #525252;
	text-transform: uppercase;
	margin-top: 0;
	text-align: center;
}

/* PRESS
 ------------------------------------ */
#page.press .left {
	float: left;
	width: 540px;
}
#page.press .right {
	float: right;
	width: 340px;
	position: relative;
}
#page.press h2.header {
	text-transform: uppercase;
	font: 500 20px/normal "Verlag A", "Verlag B", sans-serif;
	padding-bottom: 5px;
	border-bottom: 1px solid #d4d9da;
	margin-bottom: 5px;
}
#page.press h2 {
	font: 500 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#page.press .left h2 {
	margin-bottom: 0;
}
#page.press .left p {
	margin-top: 0;
}
#page.press .right .copy {
	background: #eff4f7;
	padding: 10px 20px 15px 20px;
	margin-bottom: 30px;
}
#page.press .right .copy hr {
	border-top: 1px solid #d4d9da;
	border-bottom: 1px solid #FFF;
}
#page.press .right .copy.photos {
	padding-bottom: 0;
}
#page.press .right .images li {
	float: left;
	width: 60px;
	margin: 0 20px 20px 0;
}
#page.press .right .images li:nth-child(4n) {
	margin-right: 0;
}
#page.press .right .images img {
	display: block;
}

/* EVENTS
 ------------------------------------ */
/* -- tucked up under header on event detail page -- */
.uptucklink, .uptuck {
	position: absolute;
	top: -23px;
	left: 0;
	left: 0;
	display: block;
}
.uptucklink {
	height: 25px;
	width: 195px;
	z-index: 100;
}
.uptuck.button {
	border: 0;
	padding: 10px 30px 3px 25px;
	color: #FFF;
	font-weight: 700;
	background: #d69a2d;
	text-decoration: none;
}
.uptucklink:hover ~ .uptuck {
	background-color: #a11d24;
}
.uptuck.button .arrow {
	margin-right: 10px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -32px -128px;
}

/* -- landing page  -- */
#page.events {
	position: relative;
}
#page.events .eventintro {
	text-align: center;
	padding: 30px 100px 20px 100px;
	border-bottom: 1px solid #D4D9DA;
}
#page.events .eventintro h1 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 10px 0;
	text-align: center;
	font: 700 30px/32px "Verlag A", "Verlag B", sans-serif;
}
#page.events .eventintro h2 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 35px 0;
	text-align: center;
	font: 700 20px/32px "Verlag A", "Verlag B", sans-serif;
}
#page.events .eventintro h3 {
	text-transform: uppercase;
	margin-bottom: 25px;
	font: 15px/normal "Verlag A", "Verlag B", sans-serif;
	color: #767676;
	letter-spacing: .5px;
	text-align: center;
}
#page.events #chef {
	margin: 30px 0;
}
#page.events #chef .entry,
#page.events #relatedchef .entry {
	margin-bottom: 30px;
	padding: 20px 67px 0 0;
	width: 49.7%;
	display: inline-block;
	vertical-align: top;
}
#page.events #chef .entry:nth-child(2n+0),
#page.events #relatedchef .entry:nth-child(2n+0) {
	padding: 20px 0 0 67px;
}
#page.events #chef .thumb:hover,
#page.events #relatedchef .thumb:hover {
	opacity: .8;
}
#page.events #chef .name,
#page.events #relatedchef .name {
	font: normal 15px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#page.events #chef h3,
#page.events #relatedchef h3 {
	margin-top: 5px;
	font: 500 15px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#page.events #chef h3 a,
#page.events #relatedchef h3 a {
	color: #56514e;
	text-decoration: none;
}
#page.events #chef h3 a:hover,
#page.events #relatedchef h3 a:hover {
	color: #A11D24;
}

/* -- event detail page -- */
#page.events .left {
	float: left;
	width: 500px;
	padding-top: 40px;
}
#page.events .left h2 {
	text-transform: uppercase;
	margin-bottom: 50px;
}
#page.events .left .name {
	text-transform: uppercase;
	color: #0c3463;
	font: 700 20px/22px "Verlag A", "Verlag B", sans-serif;
}
#page.events .left h1 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 35px 0;
	font: 700 30px/32px "Verlag A", "Verlag B", sans-serif;
}
#page.events .left .chefphoto {
	border-radius: 50%;
	float: left;
	margin: 0 25px 15px 0;
}
#page.events .callout {
	width: 400px;
	padding: 40px;
}
#page.events aside.guestdetails .image {
	margin: -100px 0 20px -40px;
}
#page.events aside.guestdetails h2 {
	font: 500 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
	margin-top: 12px;
}
#page.events aside.guestdetails h3 {
	float: left;
	margin: 0;
	width: 90px;
	font: 500 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#page.events aside.guestdetails .copy {
	float: right;
	width: 210px;
}
#page.events aside.guestdetails .copy p {
	margin-top: 0;
}
#page.events aside.guestdetails #purchase-ticket h3 {
	width: 100%;
	float: none;
	margin-bottom: 5px;
}
#purchase-ticket p {
	margin: 0 0 15px 0;
}
#purchase-ticket .item {
	margin-bottom: 15px;
}
#page.events aside {
	margin-top: 75px;
}
#relatedchef {
	clear: both;
	padding-top: 20px;
	position: relative;
}
#relatedchef h2 {
	color: #57514E;
	font: 400 22px "Verlag A", "Verlag B", sans-serif;
	margin: 40px 0 25px;
	text-transform: uppercase;
	border-bottom: 1px solid #d4d9da;
	padding-bottom: 5px;
}
#relatedchef .all {
	position: absolute;
	top: 60px;
	right: 0;
}
#relatedchef .button {
	border: 0;
	padding: 3px 30px;
	color: #FFF;
	font-weight: 700;
	background: #d69a2d;
	text-decoration: none;
	margin-left: 20px;
}
#relatedchef .button:hover {
	background-color: #a11d24;
}
#relatedchef .button .arrow {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -25px -128px;
}
#relatedchef .button:hover .arrow {
	background-position: -25px -128px;
}
#relatedchef h3 {
	font: 500 20px/normal "Verlag A", "Verlag B", sans-serif;
	margin-top: 0;
	text-transform: uppercase;
}
#relatedchef h3 a {
	text-decoration: none;
	color: #5C5C5C;
	display: block;
}
#relatedchef h3 a:hover {
	color: #A11D24;
}
#relatedchef h3 span {
	text-transform: none;
}

/* OUR COMPANY & BEAN TO BAR - GLOBAL
 ------------------------------------ */
.scrollpage .fade {
	display: none;
}
.scrollpage #feature {
	height: 380px;
	width: 100%;
	background: #FFF;
	margin-top: -23px;
}
.scrollpage #feature .contain {
	position: relative;
	height: 380px;
}
.scrollpage #feature .item {
	position: relative;
	height: 380px;
	width: 100%;
	overflow: hidden;
}
.scrollpage #feature .image {
	position: absolute;
	width: 100%;
	height: 380px;
	background-position: top center;
	background-size: cover;
}
.scrollpage #feature .box {
	border: 5px solid rgb(182, 190, 187); /* default border style */
	border: 5px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width: 460px;
	position: absolute;
	top: 44px;
	left: 20px;
}
.scrollpage #feature .box .in {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
.scrollpage #feature .box .headline {
	text-transform: uppercase;
	width: 340px;
	padding: 40px 0 15px 0;
	margin: auto;
	color: #0c3463;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
.scrollpage #feature .box hr {
	width: 300px;
	margin: auto;
}
.scrollpage #feature .box .copy {
	width: 340px;
	margin: 15px 0 40px 50px;
	color: #706e6e;
}

.scrollpage #feature .box.right {
    left: auto !important;
    right: 20px !important;
}

/* OUR COMPANY
 ------------------------------------ */
#our-company.scrollpage #feature .box {
	left: auto !important;
	right: 20px !important;
}
#our-company #feature .contain #ribbon {
	height: 53px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	font: 400 13px/44px "Verlag A", "Verlag B", sans-serif;
	background: url(/assets/images/bg-ribbon-home.png) repeat-x;
	letter-spacing: 2px;
	position: absolute;
	bottom: -53px;
	width: 100%;
	z-index: 10;
}
#timeline {
	padding: 44px 0 50px 0;
}
#timeline .row {
	background: url(/assets/images/bg-timeline.jpg) repeat-y 210px top;
	width: 980px;
	margin: auto;
	border-bottom: 1px solid #b3b3b3;
	position: relative;
}
#timeline .row.group {
	border: 0;
}
#timeline .row .image-left {
	position: absolute;
	top: 0;
	z-index: 10;
	visibility: hidden;
}
#timeline .image-right {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 10;
}
#timeline .photo-container {
	position: relative;
	width: 980px;
	margin: auto;
}
#timeline .photo-container .image-holder {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 390px;
	height: 200px;
}
#timeline .photo-container .image-holder .image-right {
	right: 150px;
}
#timeline .date {
	position: absolute;
	width: 60px;
	height: 20px;
	color: #FFF;
	background: #706e6e;
	top: 35px;
	left: 180px;
	text-align: center;
	font: 500 14px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#timeline .row .copy {
	padding: 35px 0 35px 260px;
}
#timeline .row.group .copy {
	padding-bottom: 0;
}
#timeline .row .copy strong {
	font-size: 14px;
}
#timeline .row .copy h2 {
	font: 500 20px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
}
#timeline .row .copy p {
	width: 400px;
}
#timeline .row .copy p.bottom {
	margin-bottom: 89px;
}
#timeline .row-image {
	position: relative;
	height: 380px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
	margin-top: -1px;
}
#timeline .pad {
	width: 980px;
	height: 380px;
	margin: 0 auto;
	position: relative;
}
#timeline .row-image .date {
	top: 0;
	background: #FFF;
	color: #706E6E;
}
#timeline .row-image .box {
	position: absolute;
	left: 15px;
	top: 50px;
	width: 485px;
	border: 5px solid rgb(182, 190, 187); /* default border style */
	border: 5px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
#timeline .row-image .box.right {
	left: auto;
	right: 15px;
	top: 20px;
}
#timeline .row-image .box .in {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
#timeline .row-image .box .headline {
	text-transform: uppercase;
	width: 340px;
	padding: 30px 0 10px 0;
	margin: auto;
	color: #0c3463;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#timeline .row-image .box hr {
	width: 345px;
	margin: auto;
}
#timeline .row-image .box .text {
	width: 400px;
	text-align: center;
	margin: 10px auto 30px auto;
	color: #706e6e;
}

/* custom positions */
.horace.rightimg {
	top: 15px;
	right: 20px;
	position: absolute;
	z-index: 10;
}
#timeline #earthquake.row-image .box.right {
	top: 50px;
}
#timeline #goldrush .image-left {
	left: 65px;
}
#timeline .row.extra .date {
	top: 52px;
}
#timeline .row.extra .image-right {
	top: auto;
	bottom: 0;
}
#timeline #businesses .copy {
	padding-top: 20px;
}
#timeline #businesses .copy p {
	margin-bottom: 0;
}
#timeline #golddiscover.row .copy p.bottom {
	margin-bottom: 55px;
}
#timeline #businesses .image-right {
	top: auto;
	bottom: 0;
	right: 20px;
}
#timeline #mayans .image-left {
	left: 65px;
	top: -40px;
	z-index: 50;
}
#timeline #mayans .date {
	top: 45px;
}
#timeline #worldfair .image-left {
	top: -15px;
	left: 50px;
}
#timeline #goldengate .image-right {
	right: 140px;
	top: -20px;
}
#timeline #goldengate {
	padding-bottom: 30px;
}
#timeline #war.row .copy p.bottom {
	margin-bottom: 25px;
}
#timeline #stockmarket .image-right {
	top: -40px;
}
#timeline #love .image-left {
	top: -125px;
	left: 63px;
}
#timeline #semisweet .image-left {
	left: 15px;
	top: 20px;
}
#timeline #craft.row .copy p.bottom {
	margin-bottom: 87px;
}
#timeline #fourth .copy p {
	margin-bottom: 32px;
	width: 370px;
}
#timeline #fourth .copy {
	position: relative;
	z-index: 10;
}
#timeline #white .date {
	top: 45px;
}
#timeline #white .image-left {
	left: 22px;
	top: -20px;
}
#timeline #etienne {
	height: 233px;
}
#timeline #etienne .box {
	top: 15px;
}
#timeline #mess .image-left {
	left: 15px;
	top: -20px;
}
#timeline #sustain .copy p {
	margin-bottom: 108px;
}
#timeline #sustain .copy {
	position: relative;
	z-index: 10;
}

/* BEAN TO BAR
 ------------------------------------ */
#b2b.scrollpage #feature .box {
	top: 40px !important;
}
#b2b h2 {
	text-transform: uppercase;
	font: 500 20px/normal "Verlag A", "Verlag B", sans-serif;
}
#b2b #top {
	padding: 40px 0 40px 0;
	width: 940px;
	margin: auto;
}
#b2b #top .left {
	float: left;
	width: 400px;;
}
#b2b #top .right {
	float: right;
	width: 460px;
}
#b2b #top .right .tabs li {
	display: inline-block;
	width: 32%;
	text-align: center;
	cursor: pointer;
	padding-bottom: 20px;
	position: relative;
}
#b2b #top .right .tabs li p {
	color: #b2b2b2;
	text-transform: uppercase;
	font: 700 18px/normal "Verlag A", "Verlag B", sans-serif;
	margin: 0;
}
#b2b #top .right .tabs li .arrow {
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -26px;
	width: 51px;
	height: 12px;
	background: url(/assets/images/sprite-main.png) no-repeat -98px -170px;
	display: none;
}
#b2b #top .right .tabs li.active .arrow {
	display: block;
}
#b2b #top .right .tabs #forastero.active p,
#b2b #top .right .tabs #forastero:hover p {
	color: #fab431;
}
#b2b #top .right .tabs #criollo.active p,
#b2b #top .right .tabs #criollo:hover p {
	color: #b1a849;
}
#b2b #top .right .tabs #trinitario.active p,
#b2b #top .right .tabs #trinitario:hover p {
	color:	#df4a42;
}
#b2b #top .right .panes li {
	display: none;
	background: #f5f4ef;
	padding: 1px 20px;
}
#b2b #top .right .panes li.active {
	display: block;
}
#b2b #cultivated {
	background: #f5f4ef;
}
#b2b #cultivated .row {
	padding-bottom: 45px;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 60px;
}
#b2b #cultivated .left {
	float: left;
	width: 480px;
	padding-left: 20px;
}
#b2b #cultivated .right {
	float: right;
	width: 420px;
	padding-top: 40px;
}
#b2b #cultivated .trio {
	margin: 0 0 0 20px;
	padding-bottom: 30px;
}
#b2b #cultivated .trio li {
	float: left;
	text-align: center;
	width: 300px;
	margin: 0 20px 0 0;
}
#b2b #cultivated .trio p {
	margin-top: 0;
}
#b2b #wide-photo {
	height: 375px;
	position: relative;
	width: 100%;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
}
#b2b #wide-photo .box {
	border: 5px solid rgb(182, 190, 187); /* default border style */
	border: 5px solid rgba(255, 255, 255, .5); /* for browsers that understand rgba, adds opacity */
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	width: 540px;
	position: absolute;
	top: 42px;
	left: 20px;
}
#b2b #wide-photo .box .in {
	display: block;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #d6dee1;
}
#b2b #wide-photo .box .headline {
	text-transform: uppercase;
	width: 450px;
	padding: 40px 0 15px 0;
	margin: auto;
	color: #0c3463;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-align: center;
}
#b2b #wide-photo .box hr {
	width: 400px;
	margin: auto;
}
#b2b #wide-photo .box .copy {
	width: 400px;
	text-align: center;
	margin: 15px auto 40px auto;
	color: #706e6e;
}
#b2b #making {
	width: 980px;
	margin: auto;
	padding: 30px 0 45px 0;
	border-bottom: 1px solid #b3b3b3;
}
#b2b #making .left {
	float: left;
	width: 420px;
	padding: 21px 0 0 20px;
}
#b2b #making .right {
	float: right;
	width: 480px;
	padding: 40px 20px 0 0;
}
#b2b #sustain {
	width: 980px;
	margin: auto;
	padding: 60px 0 45px 0;
}
#b2b #sustain .left {
	float: left;
	width: 480px;
	padding-left: 20px;
}
#b2b #sustain .right {
	float: right;
	width: 420px;
}
#b2b #sustain .right h2 {
	margin-top: -4px;
}
#b2b .bx-wrapper {
	position: relative;
	width: 480px !important;
	height: 330px;
	display: none;
}
#b2b .bx-wrapper img {
	display: block;
}
#b2b .bx-wrapper .bx-viewport {
	width: 480px;
	height: 330px;
	background: #fff;
}
#b2b .bx-wrapper .bx-pager {
	position: absolute;
	bottom: -28px;
	width: 100%;
	text-align: center;
	z-index: 50;
}
#b2b .bx-wrapper .bx-pager .bx-pager-item,
#b2b .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}
#b2b .bx-wrapper .bx-pager.bx-default-pager a {
	background: #d1d1d1;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#b2b .bx-wrapper .bx-pager.bx-default-pager a:hover,
#b2b .bx-wrapper .bx-pager.bx-default-pager a.active.border {
	background: #a11d24;
}
#b2b .bx-wrapper .bx-pager.bx-default-pager a.active.border {
	box-shadow: 0 0 0 14px #FFF;
}
#b2b #cultivated .bx-wrapper .bx-pager.bx-default-pager a.active.border {
	box-shadow: 0 0 0 14px #f5f4ef;
}

/* PROFESSIONAL
 ------------------------------------ */
#professional #feature .box {
	top: 50px;
	width: 500px;
}
#professional #feature .box .headline {
	font-size: 20px;
}
#professional #feature .box .copy {
	margin: 15px 50px 40px 50px;
	width: auto;
}
#professional-page {
	padding-bottom: 25px;
}
#professional-page .inside {
	width: 900px;
	margin: auto;
}
#professional.scrollpage #feature .box {
	left: auto !important;
	right: 20px !important;
}
#professional-page #origin {
	padding-bottom: 100px;
	position: relative;
}
#professional-page #origin::before {
	content: " ";
	height: 466px;
	width: 147px;
	position: absolute;
	top: -30px;
	left: 0;
	background: url("/assets/images/bg-pro-flower1.png");
}
#professional-page #origin::after {
	content: " ";
	height: 506px;
	width: 155px;
	position: absolute;
	top: 300px;
	right: 0;
	background: url("/assets/images/bg-pro-flower2.png");
}
#professional-page #origin .intro {
	margin-bottom: 15px;
}
#professional-page #origin .intro h1 {
	text-align: center;
	font: 700 26px/26px "Verlag A","Verlag B",sans-serif;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #0c3463;
}
#professional-page #origin .intro h2 {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	font: 400 13px/13px "Verlag A", "Verlag B", sans-serif;
	margin-bottom: 0;
	margin-top: 33px;
}
#professional-page #origin .intro .insidebox {
	border-top: 1px solid #d4d9da;
	position: relative;
	text-align: center;
	width: 940px;
	margin: auto;
	margin-top: 25px;
	padding-top: 25px;
}
#professional-page #origin .intro .copy {
	margin: auto;
	width: 460px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}
#professional-page #origin .slideshow {
	background: url("/assets/images/bg-prosingle.jpg");
	background-repeat: repeat-x;
}
#professional-page #origin .slideshow .insidebox {
	width: 900px;
	margin: auto;
}
#originslides-pager {
	display: flex;
	list-style: none;
	margin: 0;
}
#originslides-pager li {
	flex-grow: 1;
	margin: 0;
}
#originslides-pager li a {
	color: #1d254b;
	font: 700 18px/18px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	padding: 30px 0 20px 0;
	display: block;
	text-decoration: none;
}
#originslides-pager a:hover,
#originslides-pager a.active {
	color: #a01c22;
}
#originslides-pager li span {
	margin-left: 13px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png?v2) no-repeat -51px -128px;
}
#originslides-pager a:hover span,
#originslides-pager a.active span {
	background-position: -19px -127px;
}

#originslides .slide {
	position: relative;
}
#originslides .slide .holder {
	width: 440px;
	position: absolute;
	top: 50px;
	right: 0;
	background: url("/assets/images/bg-tasting.png");
}
#originslides .slide .info {
	background: #FFF;
	padding: 30px 40px;
	min-height: 330px;
}
#originslides .slide .info .header {
	color: #1d254b;
	font: 700 30px/30px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
}
#originslides .slide .info .farm {
	padding: 15px 0 20px 0;
}
#originslides .slide .notes {
	padding: 15px 40px;
	color: #dddfdf;
	min-height: 140px;
}
#originslides .slide .notes .header {
	font-weight: bold;
}
#originslides .slide .notes .copy {
	font-style: italic;
}

/* -- boxes -- */
#professional-page .wide {
	background: #f5f4ef;
}
#professional-page .block .leftcol {
	float: left;
	width: 400px;
	padding: 45px 0 20px 10px;
}
#professional-page .block h2 {
	color: #57514e;
	font: 400 24px "Verlag A","Verlag B",sans-serif;
	text-transform: uppercase;
}
#professional-page a.see {
	color: #d69a2d;
	text-decoration: none;
	display: block;
	margin: 30px 0 0 0;
}
#professional-page a.see .arrow {
	margin-left: 5px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
#professional-page a.see:hover .arrow {
	background-position: -19px -128px;
}
#professional-page a.see:hover {
	color: #A11D24
}
#professional-page .block .rightcol {
	float: right;
	width: 475px;
}
#professional-page .block .rightcol img {
	display: block;
}
#professional-page #chefs {
	padding-bottom: 30px;
	margin-top: -25px;
}
#professional-page #chefs h2 {
	text-transform: uppercase;
	font: 400 16px/16px "Verlag A", "Verlag B", sans-serif;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom: 1px solid #d4d9da;
	margin: 0;
}
#professional-page #events .entry {
	display: inline-block;
	width: 49%;
	padding-top: 15px;
	padding-left: 10px;
}
#professional-page #events .entry .type {
	text-transform: uppercase;
	color: #57514e;
	padding-bottom: 5px;
	letter-spacing: 1px;
}
#professional-page #events .thumb {
	float: left;
	width: 120px;
}
#professional-page #events .detail {
	float: left;
	width: 330px;
}
#professional-page #events .name {
	margin: 0;
	font: 500 14px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
}
#professional-page #events h3 {
	margin-top: 8px;
	text-transform: capitalize;
	font: 500 18px "Gotham SSm A", "Gotham SSm B", sans-serif;
}
#professional-page #events h3 a {
	color: #0c3463;
	text-decoration: none;
}
#professional-page #events h3 a:hover {
	color: #A11D24;
}
#apptoolbox {
	padding: 50px 0 30px 0;
}
#apptoolbox .col1 {
	float: left;
	width: 350px;
	margin-left: 10px;
}
#apptoolbox .col1 h2 {
	font: 400 24px "Verlag A","Verlag B",sans-serif;
	text-transform: uppercase;
}
#apptoolbox .col1 h2 a {
	color: #57514e;
	text-decoration: none;
}
#apptoolbox .col1 h2 a:hover {
	color: #A11D24;
}
#apptoolbox .col2 {
	float: left;
	width: 260px;
	text-align: center;
	margin-top: 60px;
}
#apptoolbox .col3 {
	float: right;
	width: 320px;
}
#apptoolbox .col3 h2 {
	font: 500 16px "Gotham SSm A","Gotham SSm B",sans-serif;
	margin: 0px !important;
}
#apptoolbox .col3 hr {
	margin: 10px 0 25px 0  !important;
	border-top: 1px solid #D7DBDE;
	border-bottom: 1px solid #FFF;
}
#apptoolbox .col3 .callout {
	background: none repeat scroll 0% 0% #EFF4F7;
	padding: 30px;
	margin-top: 40px;
	position: relative;
}
#apptoolbox .col3 .see {
	margin-left: 30px;
}
#secret {
	background-image: url(/assets/images/bg-secret.jpg) !important;
	background-position: center top !important;
	background-size: cover !important;
	height: 376px;
	width: 100%;
}
#secret .inside {
	text-align: center;
}
#secret h2 {
	text-transform: uppercase;
	padding: 80px 0 10px 0;
	font: 400 24px "Verlag A","Verlag B",sans-serif;
}
#secret h2 a {
	color: #FFF;
	text-decoration: none;
}
#secret .text {
	color: #FFF;
	width: 540px;
	margin: auto;
}

/* APPLICATION
 ------------------------------------ */
#applications .page-copy {
	float: left;
}
#appguide.callout {
	margin-top: 37px;
}
#appguide select {
	width: 235px;
	height: 25px;
	padding: 2px 0 0 5px;
	margin-bottom: 10px;
}
#appguide select:last-child {
	margin: 0;
}
#appguide .app-classification {
	margin-top: 5px;
}
.app-classification .round {
	margin-bottom: 0;
	height: 28px;
}
#application-leftcolumn {
	float: left;
	width: 200px;
	border-collapse: collapse;
	vertical-align: top;
	margin-top: 45px;
	table-layout: fixed;
}
#application-leftcolumn .empty {
	border-right: 1px solid #d4d9da;
	height: 40px;
}
#application-leftcolumn .keycell {
	border-left: 0;
	border-top: 0;
	width: 200px;
	height: 55px;
	position: relative;
}
#application-leftcolumn .key {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 160px;
	border: 1px solid #d4d9da;
	padding: 13px 10px 0 10px;
}
#application-leftcolumn .key li {
	padding: 8px;
}
#application-leftcolumn td {
	padding: 0 15px;
	table-layout: fixed;
	height: 40px;
	vertical-align: middle;
}
#application-leftcolumn .apptitle {
	border: 1px solid #d4d9da;
	border-left: 0;
	font: 700 13px "Verlag A", "Verlag B", sans-serif;
	color: #d69a2d;
	text-transform: uppercase;
	cursor: pointer;
}
#application-leftcolumn .apptitle:hover,
#application-leftcolumn .apptitle.active {
	background: #f2f0e6;
}
#application-leftcolumn .scrolltip {
	border-right: 1px solid #d4d9da;
	position: relative;
}
#application-leftcolumn .scrolltip .tip {
	height: 30px;
	width: 206px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat 0 -789px;
	position: absolute;
	right: -8px;
	top: 10px;
	z-index: 100;
}

#apptool table {
	margin-top: 45px;
	width: 100% !important;
	table-layout: fixed;
	vertical-align: top;
}
#application-leftcolumn *,
#apptool * {
	line-height: 12px !important;
}
#application-leftcolumn .icon,
#apptool .icon {
	display: inline-block;
	height: 15px;
	width: 15px;
	background: url(/assets/images/sprite-main.png) no-repeat;
}
#application-leftcolumn .Excellent,
#apptool .Excellent {
	background-position: -208px -130px;
}
#application-leftcolumn .Good,
#apptool .Good {
	background-position: -208px -163px;
}
#application-leftcolumn .Fair,
#apptool .Fair {
	background-position: -208px -197px;
}
#apptool td {
	padding: 0 15px;
	table-layout: fixed;
	height: 40px;
	vertical-align: middle;
	cursor: pointer;
}
#apptool .productname {
	font: 700 15px/17px "Verlag A", "Verlag B", sans-serif !important;
	vertical-align: middle;
	width: 184px;
	height: 65px;
}
#apptool .productname:hover,
#apptool .productname.active {
	background: #f2f0e6;
}
#apptool .percentage {
	color: #FFF;
	background: #CCC;
}
#apptool .color-white {
	background: #DFC9B4 !important;
}
#apptool .color-milk {
	background: #C794B0 !important;
}
#apptool .color-40 {
	background: #FCE37E !important;
}
#apptool .color-50 {
	background: #FDB56F !important;
}
#apptool .color-60 {
	background: #E38F6B !important;
}
#apptool .color-70 {
	background: #EE7A7A !important;
}
#apptool .color-80 {
	background: #A3825F !important;
}
#apptool .color-misc {
	background: #CCC !important;
}
#apptool .type {
	background: #f8f7f2;
	padding-bottom: 0;
	height: 30px;
}
#apptool .itemnumber {
	background: #f8f7f2;
	border-bottom: 1px solid #d4d9da;
}
#apptool .data {
	border-bottom: 1px solid #d4d9da;
}
#application-leftcolumn .activerow td,
#apptool .activerow td {
	background: #f2f0e6;
}
#apptool col.activecol,
#apptool .activecell {
	background-color: #f2f0e6;
}

/* jScrollPane
 ------------------------------------ */
#apptool.scroll-pane {
	height: auto;
	overflow-x: auto;
	float: left;
	width: 735px;
	vertical-align: top;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 725px !important;
	height: 11px;
	background: url(/assets/images/bg-scroll.jpg) no-repeat;
	margin-left: 10px;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	position: relative;
	width: 725px !important;
}
.jspDrag {
	background: url(/assets/images/drag.png) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 129px !important;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/* CHECKOUT
 ------------------------------------ */
.checkout-row {
	text-align: right;
	border-top: 1px solid #d4d9da;
	margin-top: 15px;
	padding-top: 15px;
}
#cartpage .leftcol {
	float: left;
	width: 635px;
}
#cartpage .rightcol {
	float: right;
	width: 285px;
}
#cartpage .message {
	background: #EFF4F7;
	padding: 20px;
	margin-top: 20px;
	position: relative;
}
#cartpage .message h2 {
	font: 500 16px "Gotham SSm A", "Gotham SSm B", sans-serif;
	margin-top: 0;
	width: 190px;
}
#cartpage .message hr {
	border-top: 1px solid #d7dbde;
	border-bottom: 1px solid #FFF;
}
#methodalert {
	display: none;
}
#cart-upsell {
	margin: 50px;
	background: #EEE;
}
#cart-upsell h5 {
	color: #FFF;
	font-weight: bold;
	padding: 10px 20px;
	background: #A11D24;
	text-transform: uppercase;
}
#cart-upsell .columns {
	display: flex;
}
#cart-upsell .col1 {
	padding: 20px;
}
#cart-upsell .col2 {
	padding: 20px;
}
#cart-upsell h2 {
	color: #57514e;
	margin-top: 0;
	font: 700 25px/30px "Verlag A", "Verlag B", sans-serif;
}
#cart-upsell .copy {
	font-size: 16px;
	line-height: normal;
}
#cart-upsell .productimage {
	background: #FFF;
	padding: 10px;
	border: 1px solid #d4d9da;
}

/* SWEET PAGE
 ------------------------------------ */
#sweetpage .stats {
	padding-top: 10px;
	padding-bottom: 15px;
	display: block;
}
#sweetpage .net {
	position: relative;
}
#sweetpage .net:after {
	position: absolute;
	top: 5px;
	right: -8px;
	content: "*";
	z-index: 3;
	color: #BEA498;
	font-size: 17px;
}
#sweetpage #block-1 {
	padding: 65px 0;
}
#sweetpage #block-1 .subtitle {
	text-transform: uppercase;
	margin-bottom: 25px;
	font: 15px/normal "Verlag A", "Verlag B", sans-serif;
	color: #767676;
	letter-spacing: .5px;
	text-align: center;
}
#sweetpage #block-1 h1 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 35px 0;
	text-align: center;
	font: 700 30px/32px "Verlag A", "Verlag B", sans-serif;
}
#sweetpage #block-1 .copyblock {
	columns: 2;
	column-gap: 50px;
	margin: 0 20px;
}
#sweetpage #block-all {
	background-color: #f9dadb;
	background-image: url(/assets/images/bg_tile-chips.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	padding: 45px 20px 65px 20px;
}
#sweetpage #block-all h2 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 60px 0;
	text-align: center;
	font: 700 40px/42px "Verlag A", "Verlag B", sans-serif;
}
#sweetpage #block-all .leftcol {
	width: 49%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
}
#sweetpage #block-all .leftcol .callouts {
}
#sweetpage #block-all .leftcol .callouts .item {
	margin-bottom: 10px;
	display: table;
}
#sweetpage #block-all .leftcol .callouts .item .logo {
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
}
#sweetpage #block-all .leftcol .callouts .item .copy {
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
}
#sweetpage #block-all .leftcol .callouts  .item .copy .title {
	color: #0c3463;
	text-transform: uppercase;
	font: 500 16px/normal "Verlag A", "Verlag B", sans-serif;
	margin-bottom: -15px;
	letter-spacing: .5px;
}
#sweetpage #block-all .rightcol {
	width: 49%;
	padding-left: 5%;
	display: inline-block;
	vertical-align: top;
}
#sweetpage #block-all .rightcol .box {
	background: #FFF;
	padding: 40px 40px 20px 40px;
}
#sweetpage #block-all .rightcol .box .title {
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 75px 10px 0;
	position: relative;
	letter-spacing: .5px;
}
#sweetpage #block-all .rightcol .box .subtitle {
	text-transform: uppercase;
}
#sweetpage #block-2 {
	background-color: #f9dadb;
	background-image: url(/assets/images/pink-waffers.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	padding: 45px 20px 65px 20px;
}
#sweetpage #block-2 h2 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 60px 0;
	text-align: center;
	font: 700 40px/42px "Verlag A", "Verlag B", sans-serif;
}
#sweetpage #block-2 .leftcol {
	width: 49%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
}
#sweetpage #block-2 .leftcol .box {
	background: #FFF;
	padding: 40px 40px 20px 40px;
}
#sweetpage #block-2 .leftcol .title {
	font: 700 24px/26px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 5px 0;
}
#sweetpage #block-2 .leftcol .subtitle {
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #767676;
	letter-spacing: .5px;
}
#sweetpage #block-2 .rightcol {
	width: 49%;
	padding-left: 5%;
	display: inline-block;
	vertical-align: top;
}
#sweetpage #block-2 .rightcol .circles {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sweetpage #block-2 .rightcol .circles li {
	padding-bottom: 40px;
	position: relative;
	cursor: pointer;
	vertical-align: top;
	background: url(/assets/images/bg-block2.png) no-repeat 50px 0;
}
#sweetpage #block-2 .rightcol .circles li:nth-of-type(3) {
	padding-bottom: 0;
}
#sweetpage #block-2 .rightcol .circles li .image {
	display: inline-block;
	width: 155px;
	vertical-align: top;
}
#sweetpage #block-2 .rightcol .circles li .copy {
	display: inline-block;
	width: 240px;
	vertical-align: top;
}
#sweetpage #block-3 {
	background-color: #fedab2;
	background-image: url(/assets/images/wafers-orange.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0;
	min-height: 900px;
}
#sweetpage #block-3 h2 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 60px 0;
	text-align: center;
	font: 700 40px/42px "Verlag A", "Verlag B", sans-serif;
}
#sweetpage #block-3 .leftcol {
	width: 49%;
	padding-left: 5%;
	display: inline-block;
	vertical-align: top;
}
#sweetpage #block-3 .leftcol .circles {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sweetpage #block-3 .leftcol .circles li {
	padding-bottom: 40px;
	position: relative;
	cursor: pointer;
	background: url(/assets/images/bg-block3.png) no-repeat 50px 0;
	vertical-align: top;
}
#sweetpage #block-3 .leftcol .circles li:nth-of-type(3) {
	padding-bottom: 0;
}
#sweetpage #block-3 .leftcol .circles li .image {
	display: inline-block;
	width: 155px;
	vertical-align: top;
}
#sweetpage #block-3 .leftcol .circles li .copy {
	display: inline-block;
	width: 240px;
	vertical-align: top;
}
#sweetpage #block-3 .rightcol {
	width: 49%;
	padding-right: 5%;
	display: inline-block;
	vertical-align: top;
}
#sweetpage #block-3 .rightcol .box {
	background: #FFF;
	padding: 40px 35px 20px 35px;
}
#sweetpage #block-3 .rightcol .title {
	font: 700 24px/26px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 5px 0;
}
#sweetpage #block-3 .rightcol .subtitle {
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #767676;
	letter-spacing: .5px;
}
#sweetpage #block-3 .inside.fineprint {
	padding-right: 370px;
	font-size: 11px;
	padding-top: 40px;
}
#sweetpage #block-4 {
	padding: 45px 0;
}
#sweetpage #block-4 h2 {
	text-transform: uppercase;
	color: #0c3463;
	margin: 0 0 60px 0;
	text-align: center;
	font: 700 30px/32px "Verlag A", "Verlag B", sans-serif;
}
#sweetpage #block-4 #recipes {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sweetpage #block-4 #recipes li {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 0 10px 50px 10px;
}
#sweetpage #block-4 #recipes .photo:hover {
	opacity: .8;
}
#sweetpage #block-4 #recipes .title {
	font: 700 20px/25px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	color: #0c3463;
	margin: 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #d4d9da;
}
#sweetpage #block-4 #recipes .title a {
	text-decoration: none;
	color: #0c3463;
}
#sweetpage #block-4 #recipes .title a:hover {
	color: #A11D24
}
#sweetpage #block-4 a.see {
	color: #d69a2d;
	text-decoration: none;
	font: 700 16px/normal "Verlag A", "Verlag B", sans-serif;
}
#sweetpage #block-4 a.see:hover {
	color: #A11D24
}
#sweetpage #block-4 a.see .arrow {
	margin-left: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -127px;
}
#sweetpage #block-4 a.see:hover .arrow {
	background-position: -19px -127px;
}

/* TOOLTIP
 ------------------------------------ */
.lightTip .content {
	padding: 5px 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #eff4f7;
	max-width: 250px;
}
.lightTip .bottom {
	height: 10px;
	background: url(/assets/images/tooltip-notch.png) bottom center no-repeat;
}

/* FOOTER
 ------------------------------------ */
#footer {
	height: 247px;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: url(/assets/images/bg-footer.jpg) repeat-x;
	overflow: hidden;
}
#footer .wave {
	background: url(/assets/images/bg-footer-wave.png) repeat-x;
	height: 7px;
	position: absolute;
	width: 100%;
	z-index: 10;
}
#footer .logo {
	height: 306px;
	width: 848px;
	position: absolute;
	top: -30px;
	left: 545px;
	background: url(/assets/images/footer-logo.png) no-repeat;
}
#footer .social {
	position: absolute;
	top: 25px;
	left: 20px;
}
#footer .social li {
	display: inline-block;
}
#footer .social li a {
	height: 23px;
	width: 23px;
	background: url(/assets/images/sprite-main.png) no-repeat;
	display: block;
	text-indent: -9999px;
}
#footer .social li.facebook a {
	background-position: -99px -146px;
}
#footer .social li.twitter a {
	background-position: -124px -146px;
}
#footer .social li.pinterest a {
	background-position: -150px -146px;
}
#footer .social li.instagram a {
	background-position: -174px -146px;
}
#footer .social li a:hover {
	opacity: .5
}
#footer .links {
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 50;
}
#footer .links li {
	display: inline-block;
	padding-left: 20px;
}
#footer .links a {
	color: #1f5182;
	text-decoration: none;
	font: 700 11px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
}
#footer .links a:hover,
#footer .links a.active {
	color: #a11d24;
}
#footer .copyright {
	color: #bfbbbb;
	font: 400 11px "Gotham SSm A", "Gotham SSm B", sans-serif;
	position: absolute;
	top: 84px;
	left: 20px;
	z-index: 10;
}
#footer .copyright a {
	color: #bfbbbb;
	text-decoration: none;
}
#footer .copyright a:hover {
	text-decoration: underline;
}

/*  HEADER ALERT
 ------------------------------------ */
#headeralert {
	text-align: center;
	width: 100%;
	color: #FFF;
	background: #21274a;
	font-weight: 500;
	font-size: 11px;
	padding: 5px 30px;
}
#headeralert a {
	color: #FFF;
	text-decoration: none;
}

/* HOME 2023 REDO
 ------------------------------------ */
#home h1.home,
#home h2.home {
	text-transform: uppercase;
	color: #0c3463;
	margin-bottom: 15px;
}
#home h1.home {
	font: 700 28px/30px "Verlag A", "Verlag B", sans-serif;
}
#home h2.home {
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
}
#home .homesubheadline {
	text-transform: uppercase;
	margin-bottom: 25px;
	font: 15px/normal "Verlag A", "Verlag B", sans-serif;
	color: #767676;
	letter-spacing: .5px;
}
#home #homeslideshow {
	position: relative;
	min-height: 550px;
	margin-top: -23px;
	z-index: 2;
}
#home #homeslideshow .items {
	display: none;
	width: 100%;
}
#home #homeslideshow #prev,
#home #homeslideshow #next {
	position: absolute;
	z-index: 4;
	top: 50%;
	margin-top: -22.5px;
	z-index: 99;
	height: 45px;
	width: 45px;
	cursor: pointer;
}
#home #homeslideshow #prev {
	left: 50px;
	background: url(/assets/images/dairy-controls.png) no-repeat 0 -49px;
}
#home #homeslideshow #next {
	right: 50px;
	background: url(/assets/images/dairy-controls.png) no-repeat -44px -49px;
}
#home #homeslideshow #prev:hover {
	background-position: 0 0;
}
#home #homeslideshow #next:hover {
	background-position: -44px 0;
}
#home #homeslideshow #homepager {
	position: absolute;
	width: 100%;
	bottom: 15px;
	text-align: center;
	z-index: 99;
}
#home #homeslideshow #homepager a {
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	border-radius: 50%;
	background: #FFF;
	background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(224,223,222) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(224,223,222) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(224,223,222) 100%);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
#home #homeslideshow #homepager a.activeSlide {
	background: #605f63;
}
#home #homeslideshow .item {
	width: 100% !important;
}
#home #homeslideshow .inside {
	width: 980px;
	min-height: 550px;
	margin: auto;
}
#home #homeslideshow .inside .new {
	height: 50px;
	width: 50px;
	background: url(/assets/images/dairy-free-circle-new-2x.png) no-repeat;
	background-size: cover;
	margin-bottom: 20px;
}
#home #homeslideshow .inside .subhead {
	color: #1e264d;
	font: 300 17px/normal "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 10px;
}
#home #homeslideshow .inside .headline {
	color: #1e264d;
	text-transform: uppercase;
	font: 700 30px/39px "Verlag A", "Verlag B", sans-serif;
	margin-bottom: 20px;
}
#home #homeslideshow .inside .intro {
	color: #1e264d;
	margin-bottom: 30px;
}
#home #homeslideshow #wholesale-slide {
	background: #d6e2eb url("/assets/images/home-slide-wholesale-DF.jpg") no-repeat top center;
}
#home #homeslideshow #wholesale-slide .inside .copy {
	width: 55%;
	padding-top: 105px;
}
#home #homeslideshow #wholesale-slide .intro {
	width: 370px;
}
#home #homeslideshow #retail-slide {
	background: #ede6dc url("/assets/images/home-slide-home-DF.jpg") no-repeat top center;
}
#home #homeslideshow #retail-slide .inside .copy {
	width: 50%;
	margin-left: 50%;
	padding-top: 125px;
}
#home #homeslideshow #retail-slide .intro {
	width: 390px;
}
#home #homeslideshow #pro-slide {
	background-image: url("/assets/images/home-slide-home-3k-bag.png"), url("/assets/images/marble-tile.jpg");
	background-position: top center, 0 0;
	background-repeat: no-repeat, repeat;
}
#home #homeslideshow #pro-slide .inside .copy {
	width: 50%;
	padding-top: 170px;
}
#home #homeslideshow #pro-slide .intro {
	width: 390px;
}
#home #block1 {
	padding: 25px;
}
#home #block1 .in {
	max-width: 1300px;
	width: auto;
	margin: auto;
}
#home #block1 .left,
#home #block1 .right {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	height: 482px;
}
#home #block1 .left {
	margin-right: 1.5%;
	background: url("/assets/images/home-chocolate-for-experts-bg.jpg") no-repeat top right;
	position: relative;
}
#home #block1 .left .copy {
	width: 300px;
	position: absolute;
	bottom: 30px;
	right: 30px
}
#home #block1 .left .headline {
	font: 600 19px/normal "Verlag A", "Verlag B", sans-serif;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #0c3463;
}
#home #block1 .left .intro {
	padding: 15px 20px 20px 0;
}
#home #block1 .left .link {
	padding-bottom: 20px;
}
#home #block1 .right {
	background: url("/assets/images/home-chocolate-studio-bg.jpg") no-repeat top center;
	position: relative;
}
#home #block1 .classbutton {
	padding: 20px 30px;
	background: #274971;
	width: 400px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -200px;
}
#home #block1 .classbutton:hover {
	background: #a11d24;
}
#home #block1 .classbutton .title {
	text-transform: uppercase;
	margin-bottom: 10px;
	font: 20px/normal "Verlag A", "Verlag B", sans-serif;
	letter-spacing: .5px;
	color: #FFF;
	display: block;
}
#home #block1 .classbutton a {
	display: block;
	text-decoration: none;
	font: 17px/normal "Verlag A", "Verlag B", sans-serif;
	color: #D69A2D;
	letter-spacing: .5px;
}
#home #block1 .classbutton .arrow {
	margin-left: 13px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
#home #block1 .classbutton:hover a,
#home #block1 .classbutton a:hover {
	color: #FFF;
}
#home #block1 .classbutton:hover a .arrow,
#home #block1 .classbutton a:hover .arrow {
	background-position: -25px -128px;
}

#home #block2 {
	background-image: url(/assets/images/cacao-pods-1500x600b.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 105px 0;
}
#home #block2 .inside {
	width: 580px;
	margin: auto;
	text-align: center;
	background: #FFF;
	padding: 20px;
}
#home #block2 .inside .pin {
	border: 1px solid #e1e1e1;
	padding: 15px 40px
}
#home #block3 {
	background-image: url(/assets/images/home-block3-cropped.jpg?v1);
	background-color: #F5F2E9;
	background-position: top right;
	background-repeat: no-repeat;
}
#home #block3 .inside {
	padding: 100px 0;
	width: 800px;
}
#home #block3 h2 {
	color: #57514e;
}
#home #block3 .homecopy {
	width: 430px;
	margin: 30px 0 45px 0;
}
#home #block3 .buttons {
	font-size: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}
#home #block3 .buttons .gobutton {
	margin-right: 20px;
}
#home #block3 .organic {
	position: relative;
	padding-top: 85px;
}
#home #block3 .organic .imageblock {
	display: block;
	margin: auto;
}
#home #block3 .organic .gobutton {
	background: transparent;
	border: 1px solid #FFF;
	padding: 5px 20px;
	position: absolute;
	z-index: 10;
	margin: 358px 0 0 487px;
}
#home #block3 .organic .gobutton:hover {
	background: #63122a;
}
#home #block4 {
	background-image: url(/assets/images/history-150-1500x600.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	padding: 145px 0 125px;
}
#home #block4 .inside {
	width: 580px;
	margin: auto;
	text-align: center;
	background: #FFF;
	padding: 20px;
}
#home #block4 .inside .pin {
	border: 1px solid #e1e1e1;
	padding: 15px 40px
}
#home #block4 .inside .home {
	padding: 0 50px;
}
#home #block5 {
	padding: 50px 0;
	overflow-x: hidden;
}
#home #block5 h2 {
	color: #57514e;
	text-align: center;
	font-size: 22px;
}
#home #block5 .homesubheadline {
	text-align: center;
	text-transform: none;
}
#home #instafeed {
	height: 150px;
	overflow: hidden;
	display: table;
}
.discover {
	flex: 0 0 100%;
	background-color: #e6dbd9;
}
.discover .copy {
	text-align: center;
	color: #57514e;
	padding: 65px 65px 0 65px;
}
.discover .copy h2 {
	font: 700 30px/38px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	color: #57514e;
	text-align: center;
	margin-bottom: 15px;
}
.discover .copy .subheadline {
	font-size: 15px;
	padding-bottom: 15px;
}
.discover .grouping {
	text-align: center;
	margin-bottom: 0;
}
.discover .grouping img {
	display: block;
	margin: auto;
}
.discover .takebutton {
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	background: #d69a2d;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin: 12px 5px 12px 0;
	padding: 5px 5px 5px 10px;
	text-transform: uppercase;
}
.discover .takebutton:hover {
	background: #A11D24;
}
.discover .takebutton span {
	display: inline-block;
	background: url(/assets/images/arrow-submit.png) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}
.discover .getbutton {
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	background: #721a33;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin: 12px 0 12px 5px;
	padding: 5px 5px 5px 10px;
	text-transform: uppercase;
}
.discover .getbutton:hover {
	background: #A11D24;
}
.discover .getbutton span {
	display: inline-block;
	background: url(/assets/images/arrow-submit.png) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}
.discover .viewall {
	text-align: center;
	flex: 0 0 100%;
	padding: 20px;
}
.discover .viewall a {
	text-decoration: none;
	color: #d69a2d;
	display: inline-block;
}
.discover .viewall a:hover {
	color: #A11D24;
}
.discover .viewall a .arrow {
	margin-left: 9px;
	height: 12px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -126px;
}
.discover .viewall a:hover .arrow {
	background-position: -19px -127px;
}
.discover .quiz {
	text-align: center;
	background: #f7ece9;
	display: none;
	min-height: 755px;
}
.discover .q-group {
	padding: 0 65px 65px 65px;
	display: none;
}
.discover .section {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	padding-top: 40px;
}
.discover .quiz .question {
	font: 500 23px/29px "Gotham SSm A", "Gotham SSm B", sans-serif;
	text-transform: uppercase;
	margin: 120px 0 75px 0;
}
.discover .quiz .circles {
	list-style: none;
	margin: 0;
	padding: 0;
}
.discover .quiz .circles li {
	display: inline-block;
	text-align: center;
	height: 180px;
	width: 180px;
	border-radius: 50%;
	background: #ecccc6;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	margin: 0 80px;
}
.discover .quiz .circles li:hover {
	background: #f8f7f2;
}
.discover .quiz .circles li span {
	line-height: 28px;
	font-size: 14px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.discover .recommend {
	padding: 0 65px 20px 65px;
	display: none;
}
.discover .recommend .headline {
	font: 500 23px/29px "Gotham SSm A", "Gotham SSm B", sans-serif;
	text-transform: uppercase;
	margin: 35px 0 75px 0;
}
.discover .product {
	display: none;
	position: relative;
}
.discover .product img {
	max-width: 100%;
}
.discover .recommend .title {
	padding-top: 15px;
}
.discover .recommend .title a {
	text-decoration: none;
	color: #5c5c5c;
}
.discover .recommend .title a:hover {
	color: #a11d24;
}
.discover .recommend .again {
	margin: 80px 0 0 0;
}
.discover .product .circle {
	position: absolute;
	bottom: 0;
	right: 0;
}
.discover .product .circle {
	background: url(/assets/images/circle-bg.png) no-repeat;
	width: 229px;
	height: 281px;
	position: absolute;
	bottom: -165px;
	right: -65px;
	color: #FFF;
	padding: 60px 10px 10px 60px;
	text-align: left;
}
.discover .product .circle .headline {
	font-size: 18px;
	line-height: 25px;
	margin: 0 30px 10px 0;
}
.discover .product .circle .gobutton {
	border: 1px solid #FFF;
	color: #FFF;
	font: 700 12px/20px "Gotham SSm A", "Gotham SSm B", sans-serif;
	background: #721a33;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	margin: 12px 0;
	padding: 5px 5px 5px 10px;
	text-transform: uppercase;
}
.discover .product .circle .gobutton:hover {
	background: #63122a;
}
.discover .product .circle a.gobutton span {
	display: inline-block;
	background: url(/assets/images/arrow-submit.png) top left no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}
.discover .again a {
	text-decoration: none;
	color: #d69a2d;
	display: inline-block;
}
.discover .again a:hover {
	color: #A11D24;
}
.discover .again a .arrow {
	margin-left: 9px;
	height: 10px;
	width: 5px;
	display: inline-block;
	background: url(/assets/images/sprite-main.png) no-repeat -13px -128px;
}
.discover .again a:hover .arrow {
	background-position: -19px -127px;
}
#home .show-sm,
.mobilenav,
.mobile-icon {
	display: none;
}

/* VIDEO MODAL
 ------------------------------------ */
.popcopy {
	display: none;
}
.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9998;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}
.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}
.blocker.behind {
	background-color: transparent;
}
.modal {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 9999;
	max-width: 1000px;
	box-sizing: border-box;
	width: 90%;
	background: #fff;
	padding: 50px 40px;
	text-align: left;
}
.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: #FFF url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxLjk3NiA1MS45NzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxLjk3NiA1MS45NzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDQuMzczLDcuNjAzYy0xMC4xMzctMTAuMTM3LTI2LjYzMi0xMC4xMzgtMzYuNzcsMGMtMTAuMTM4LDEwLjEzOC0xMC4xMzcsMjYuNjMyLDAsMzYuNzdzMjYuNjMyLDEwLjEzOCwzNi43NywwICAgQzU0LjUxLDM0LjIzNSw1NC41MSwxNy43NCw0NC4zNzMsNy42MDN6IE0zNi4yNDEsMzYuMjQxYy0wLjc4MSwwLjc4MS0yLjA0NywwLjc4MS0yLjgyOCwwbC03LjQyNS03LjQyNWwtNy43NzgsNy43NzggICBjLTAuNzgxLDAuNzgxLTIuMDQ3LDAuNzgxLTIuODI4LDBjLTAuNzgxLTAuNzgxLTAuNzgxLTIuMDQ3LDAtMi44MjhsNy43NzgtNy43NzhsLTcuNDI1LTcuNDI1Yy0wLjc4MS0wLjc4MS0wLjc4MS0yLjA0OCwwLTIuODI4ICAgYzAuNzgxLTAuNzgxLDIuMDQ3LTAuNzgxLDIuODI4LDBsNy40MjUsNy40MjVsNy4wNzEtNy4wNzFjMC43ODEtMC43ODEsMi4wNDctMC43ODEsMi44MjgsMGMwLjc4MSwwLjc4MSwwLjc4MSwyLjA0NywwLDIuODI4ICAgbC03LjA3MSw3LjA3MWw3LjQyNSw3LjQyNUMzNy4wMjIsMzQuMTk0LDM3LjAyMiwzNS40NiwzNi4yNDEsMzYuMjQxeiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") no-repeat 0 0;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	-o-border-radius: 11px;
	-ms-border-radius: 11px;
	border-radius: 11px;
}
.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}


@media only screen and (max-width: 1270px) {
	#home #block3 {
		background-position: top right -60%, left top;
	}
	#home #homeslideshow .inside {
		padding-left: 30px;
	}
	#home #homeslideshow #prev,
	#home #homeslideshow #next {
		top: auto;
		bottom: 15px;
		margin-top: unset;
	}
	#home #homeslideshow #prev {
		left: 20px;
	}
	#home #homeslideshow #next {
		right: 20px;
	}
	#home #block1 .classbutton {
		left: auto;
		right: 0;
	}
}


@media only screen and (max-width: 965px){
	.discover .copy h2 {
		font: 700 26px/35px "Verlag A", "Verlag B", sans-serif;
	}
	.discover .quiz .circles li {
		margin: 0 30px;
	}
	.discover .quiz .question {
		font: 500 20px/29px "Gotham SSm A", "Gotham SSm B", sans-serif;
		margin: 60px 0 75px 0;
	}
	.discover .recommend .headline {
		font: 500 20px/29px "Gotham SSm A", "Gotham SSm B", sans-serif;
		margin: 60px 0 40px 0;
	}
}


@media only screen and (max-width: 980px) {
	#home .hide-sm {
		display: none !important;
	}
	#home .show-sm {
		display: block !important;
	}
	#home .mobile-wide {
		width: 100% !important;
	}
	#home #header {
		height: 100px;
		background: url(/assets/images/bg-header.png) repeat-x 0 88%;
		position: relative;
	}
	#home #header .inside {
		width: 100%;
	}
	#home #header-wrapper .container {
		overflow: visible;
	}
	#home #header .logo svg {
		height: 54px;
		width: 151px;
		margin-left: 40px;
		top: 17px;
		left: 0;
	}
	#home #header .grid_8 {
		position: relative;
		z-index: 10;
	}
	#home .mobile-icon {
		color: #0c3463;
		text-decoration: none;
		font: 600 28px "Verlag A", "Verlag B", sans-serif;
		text-transform: uppercase;
		padding: 2px 5px;
		float: right;
		margin: 20px 40px 0 0;
	}
	#home .mobile-icon:hover {
		color: #FFF;
		background: #0c3463;
	}
	#home .mobile-icon.open {
		background: #0c3463;
		color: #FFF;
	}
	#home .mobilenav {
		display: none;
		position: absolute;
		top: 60px;
		right: 0;
		width: 175px;
		z-index: 20;
		background: #0c3463;
	}
	#home #header .nav li {
		height: auto;
		padding: 0;
	}
	#home #header .nav li a {
		text-align: left;
		color: #FFF;
		display: block;
		padding: 10px;
	}
	#home #header .nav {
		margin: 0;
		padding: 0;
		float: none;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	#home #header .nav li {
		float: none;
		display: block;
	}
	#home #header .nav li a:hover {
		background: #1f5182;
		color: #FFF;
	}
	#home #subnav {
		display: none !important;
	}
	#home #homeslideshow {
		min-height: 950px;
	}
	#home #homeslideshow #prev,
	#home #homeslideshow #next {
		bottom: auto;
		top: 450px;
	}
	#home #homeslideshow #homepager {
		bottom: auto;
		top: 470px;
	}
	#home #homeslideshow #wholesale-slide {
		background: #d6e2eb url("/assets/images/home-slide-mobile-wholesale-DF.png") no-repeat top center;
	}
	#home #homeslideshow #retail-slide {
		background: #ede6dc url("/assets/images/home-slide-mobile-home-DF.png") no-repeat top center;
	}
	#home #homeslideshow #pro-slide {
		background-image: url("/assets/images/home-slide-mobile-pro-3k.png"), url("/assets/images/marble-tile.jpg");
		background-position: top center, 0 0;
		background-repeat: no-repeat, repeat;
	}
	#home #homeslideshow .inside {
		padding: 0 0 40px 0;
		width: 400px;
		margin: auto;
	}
	#home #homeslideshow .inside .copy {
		width: 100% !important;
		padding-top: 550px !important;
		margin: unset !important;
	}
	#home #homeslideshow .intro {
		width: 100% !important;
	}
	#home #block2 .inside {
		width: 100%;
	}
	#home #block3 .inside {
		width: 100%;
	}
	#home #block4 .inside {
		width: 100%;
	}
	#home #footer .inside {
		width: 100%;
	}
	#home #footer .logo {
		width: 100%;
	}
	#home #block2 {
		padding: 105px 40px;
	}
	#home #block3 {
		background-position: top -150px center;
		padding-top: 400px;
	}
	#home #block3 .inside {
		padding: 0;
	}
	#home #block3 .pad {
		padding: 20px 100px;
	}
	#home #block3 .homecopy {
		width: auto;
		max-width: 400px;
	}
	#home #block3 .buttons .gobutton {
		margin-bottom: 10px;
		margin-right: 10px;
		padding: 5px 20px;
	}
	#home #block3 .organic {
		padding-top: 0;
	}
	#home #block3 .organic .imageblock {
		margin: unset;
	}
	#home #block3 .organic .gobutton {
		margin: 355px 0 0 433px;
	}
	#home #block4 {
		padding: 105px 40px;
	}
	#home #block4 .inside .home {
		padding: 0;
	}
	#home #block5 {
		padding: 50px 0;
		overflow: hidden;
	}
	#home #block5 .home,
	#home #block5 .homecopy {
		padding-right: 40px;
		padding-left: 40px;
	}
	#home #block5 .thumbs iframe {
		width: 100%;
	}
	#home #allcontent {
		padding-bottom: 0;
	}
	#home #footer {
		height: auto;
		position: relative;
		bottom: auto;
	}
	#home #footer .social {
		margin-top: 25px;
		text-align: center;
		position: relative;
		top: auto;
		left: auto;
	}
	#home #footer .copyright {
		text-align: center;
		position: relative;
		top: auto;
		left: auto;
		padding: 10px 20px 15px 20px;
	}
	#home #footer .links {
		padding: 10px 20px 15px 20px;
		text-align: center;
		position: relative;
		top: auto;
		left: auto;
	}
	#home #footer .links a {
		letter-spacing: normal;
	}

}

@media only screen and (max-width: 750px) {
	#home #block3 .organic img {
		width: 500px;
	}
	#home #block3 .organic .gobutton {
		margin: 257px 0 0 312px;
		padding: 2px 5px;
		font-size: 11px;
	}
	a.gobutton span {
		margin-left: 7px;
		vertical-align: middle;
	}
	#home #block1 .left,
	#home #block1 .right {
		width: 100%;
		height: 482px;
		margin: 0;
		padding: 0;
		background-position: top right;
	}
	#home #block1 .left {
		margin-bottom: 25px;
	}
	#home #block1 .classbutton {
		left: 50%;
		right: auto;
	}
}

@media only screen and (max-width: 700px) {
	.discover {
		order: 6;
	}
	.discover {
		width: 100%;
		max-width: unset;
	}
	.discover .section {
		font-size: 11px;
	}
	.discover .copy {
		padding: 30px 20px 0 20px;
	}
	.discover .copy h2 {
		font: 700 16px/23px "Verlag A", "Verlag B", sans-serif;
	}
	.discover .grouping img {
		max-width: 100%;
	}
	.discover .copy .subheadline {
		font-size: inherit;
	}
	.discover .takebutton,
	.discover .getbutton {
		margin-right: 0;
		margin-left: 0;
		margin-top: 0;
	}
	.discover .q-group,
	.discover .recommend {
		padding: 40px 15px 65px 15px;
	}
	.discover .quiz .question {
		font: 700 16px/23px "Verlag A", "Verlag B", sans-serif;
	}
	.discover .quiz .circles li {
		margin: 0 5px;
		width: 100px;
		height: 100px;
	}
	.discover .quiz .circles li span {
		line-height: 15px;
		font-size: 12px;
	}
	.discover .recommend .headline {
		margin: 30px 0;
		font: 700 16px/23px "Verlag A", "Verlag B", sans-serif;
	}
	.discover .recommend .again {
		margin: 30px 0 0 0;
	}
}


@media only screen and (max-width: 600px) {
	.discover .recommend .circle {
		display: none;
	}

}


@media only screen and (max-width: 479px) {
	#home #header .logo svg {
		margin-left: 20px;
	}
	#home .mobile-icon {
		margin-right: 20px;
	}
	#home #homeslideshow .inside {
		padding: 0 20px 20px 20px;
		width: 100%;
	}
	#home #block1 {
		padding: 20px;
	}
	#home #block1 .left,
	#home #block1 .right {
		height: 385px;
	}
	#home #block1 .left .copy {
		width: 100%;
		position: absolute;
		bottom: 30px;
		right: auto;
		padding: 20px 20px 0 20px;
	}
	#home #block1 .left .intro {
		padding: 15px 0;
	}
	#home #block1 .left .link {
		padding-bottom: 0;
	}
	#home #block1 .left a.gobutton {
		padding: 5px 10px;
	}
	#home #block1 .classbutton {
		width: 100%;
		margin: 0;
		left: auto;
		bottom: 0;
	}
	#home #block2 {
		padding: 105px 20px;
		background-attachment: unset;
	}
	#home  #block2 .inside .pin {
		border: 1px solid #e1e1e1;
		padding: 15px 20px;
	}
	#home #block2 a.gobutton {
		padding: 5px 10px;
	}
	#home #block3 .buttons .gobutton {
		margin: 1px;
		padding: 5px 10px;
		font-size: 11px;
		line-height: 15px;
	}
	#home #block3 .pad {
		padding: 20px;
	}
	#home #block3 .organic {
		overflow: hidden;
	}
	#home #block3 .organic img {
		width: 478px;
		margin-left: -124px !important;
		text-align: left;
	}
	#home #block3 .organic .gobutton {
		margin: 247px 0 0 174px;
	}
	#home #block4 {
		padding: 105px 20px;
		background-attachment: unset;
	}
	#home #block4 .inside .pin {
		border: 1px solid #e1e1e1;
		padding: 15px 20px;
	}
	#home #block4 a.gobutton {
		padding: 5px 10px;
	}
	#home a.gobutton span {
		display: none;
	}
	#home #block5 .home,
	#home #block5 .homecopy {
		padding-right: 20px;
		padding-left: 20px;
	}
	#home #footer .links li {
		padding: 0;
		display: block;
	}
	#home #homeslideshow {
		min-height: auto;
	}
	#home #homeslideshow #homepager {
		top: 375px;
	}
	#home #homeslideshow #prev, #home #homeslideshow #next {
		top: 363px;
	}
	#home #homeslideshow #wholesale-slide {
		background-size: 110%;
	}
	#home #homeslideshow #retail-slide {
		background-size: 110%;
	}
	#home #homeslideshow #pro-slide {
		background-size: 110%;
	}
	#home #homeslideshow .inside .headline {
		font-size: 26px;
	}
	#home #homeslideshow .inside .copy {
		padding-top: 450px !important;
	}

}

@media only screen and (max-width: 320px) {
	#home #homeslideshow #prev,
	#home #homeslideshow #next {
		top: 271px;
	}
	#home #homeslideshow #homepager {
		top: 282px;
	}
	#home #homeslideshow .inside .copy {
		padding-top: 350px !important;
	}

}