/**************************************************************************
Name:         main.css
Description:  Main site styling.  Includes boilerplate styles from
              h5bp.com and initializr.com.
Date Created: 09/27/2012 by Kyle Brickman
Modified:
**************************************************************************/

/**************************************************************************
Boilerplate Styles
**************************************************************************/
html,
body
{
	min-height: 100%;
}

html,
button,
input,
select,
textarea
{
	color: #222;
}

::-moz-selection
{
	background:  #329cc9;
	text-shadow: none;
}

::selection
{
	background:  #329cc9;
	text-shadow: none;
}

hr
{
	display:    block;
	height:     1px;
	border:     0;
	border-top: 1px solid #ccc;
	margin:     16px 0;
	margin:     1rem 0;
	padding:    0;
}

img
{
	vertical-align: middle;
}

textarea
{
	resize: vertical;
}

.autoresizetable
{
	table-layout: fixed;
}

.tablequarterleft
{
	table-layout: fixed;
}

.tablequarterleft td
{
	width: 25%;
	vertical-align: middle;
}

.tablequarterleft td + td
{
	width: auto;
	padding-left: 20px;
	padding-left: 1.111rem;
}

ul.cherryList
{
	list-style-type: none;
	padding: 0;
	width: 100%;
}

ul.cherryList li
{
	line-height: 34px;
	line-height: 1.889rem;
	padding-left: 20px;
	padding-left: 1.111rem;
	background-image: url(/images/bullet.png);
	background-repeat: no-repeat;
	background-size: 11px 24px;
	background-size: 0.6111rem 1.333rem;
}

.chromeframe
{
	background: #ccc;
	color:      #000;
	display:    none;
	font-size:  12px;
	font-size:  0.75rem;
	margin:     3px;
	margin:     0.1875rem;
	padding:    3px;
	padding:    0.1875rem;
	position:   absolute;
	width:  	100%;
	z-index:    99;
}

.clear
{
	clear: both;
}

.clearSelf:after
{
	content: "";
	display: table;
	clear: both;
}

.fuseboxdebug
{
	display: none;
}

/*::-webkit-input-placeholder {
	font-weight: 300;
}

::-moz-placeholder {
	font-weight: 300;
}

:-ms-input-placeholder {
	font-weight: 300;
}*/

/**************************************************************************
Base font styles
**************************************************************************/
html
{
	/*
	 * Base font size should be specified in px or %. Common values are 16px, 100%, and 62.5%.
	 * 100% is equal to the default font size of a browser, which is almost always 16px, but is user configurable.
	 * This base size of 112.5% is generally equivalent to 18px, so use a base of 18px when calculating rem sizes.
	 */
	font-size:   112.5%;
	/*font-size: 18px;*/
	font-family: "droid-sans", sans-serif;
}

/*
 * Element font sizes.
 * Change here to alter the font sizes of elements proportional to the base size above.
 * For any styles that inherit these styles, beware the cascading effects of em units, and
 * consider using px as a fallback instead.
 */
h1
{
	font-family: "eigerdals", sans-serif;
	font-size: 50px;
	font-size: 2.78rem;
	font-weight: 400;
	margin: 21px 0;
	margin: 1.313rem 0;

	color: #00adef;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.75);
	text-shadow: 0px 0.1667rem 0.1667rem rgba(0, 0, 0, 0.75);
}

h2
{
	font-family: "droid-sans", sans-serif;
	font-size: 26px;
	font-size: 1.44rem;
	font-weight: 700;
	margin: 19px 0;
	margin: 1.188rem 0;
	color: #e32128;
}

h3
{
	font-family: "droid-sans", sans-serif;
	font-size: 26px;
	font-size: 1.44rem;
	font-weight: 700;
	margin: 19px 0;
	margin: 1.188rem 0;
	color: #e32128;
}

h4
{
	font-size: 16px;
	font-size: 1rem;
	margin: 21px 0;
	margin: 1.313rem 0;
}

h5
{
	font-size: 18px;
	font-size: 1rem;
	margin: 20px 0;
	margin: 1.111rem 0;
	color: #00adef;
	font-style: italic;
	font-weight: 400;
}

h6
{
	font-size: 11px;
	font-size: 0.6875rem;
	margin: 25px 0;
	margin: 1.563rem 0;
}

p
{
	font-size: 18px;
	font-size: 1rem;
	margin: 18px 0;
	margin: 1rem 0;
}

code,
kbd,
pre,
samp
{
	font-size: 18px;
	font-size: 1rem;
	margin: 18px 0;
	margin: 1rem 0;
}

button,
input,
select,
textarea
{
	font-size: 18px;
	font-size: 1rem;
}

a
{
	color: #7baa26;
	font-weight: 700;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

ol.blueNumbersCentered
{
	list-style-type: none;
	counter-reset: lBlueOL;
	padding: 0;
}

ol.blueNumbersCentered li
{
	padding-left: 30px;
	padding-left: 1.667rem;
	position: relative;
	margin: 20px 0;
	margin: 1.111rem 0;
}

ol.blueNumbersCentered li:before
{
	content: counter(lBlueOL);
	counter-increment: lBlueOL;
	color: #00adef;

	font-size: 24px;
	font-size: 1.333rem;
	position: absolute;
	top: 0;
	left: 0;
	/*margin-top: -12px;
	margin-top: -0.6667rem;*/
}

/**************************************************************************
Header
**************************************************************************/
div.headerBG
{
	background-color: #e5222a;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 111px;
	height: 6.167rem;
	z-index: -2;
}

header
{
	/*background-color: #e5222a;*/
	color:            #ffffff;
	padding:          0;
}

header.landscape { display: block; }
header.portrait  { display: none;  }

header.landscape
{
	height: 111px;
	height: 6.167rem;
	/*background-color: rgba(229, 34, 42, 0.7);*/
}

header.landscape > .grid
{
	position: relative;
}

header.landscape .column
{
	overflow: visible;
}

header.portrait
{
	min-height: 55px;
	min-height: 4.545rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	overflow: auto;
}

header a.logo
{
	font-size:       24px;
	font-size:       1.5rem;
	margin:          15px 0 0 0;
	margin:          0.8333rem 0 0 0;
	padding:         0;
	color:           transparent;
	text-decoration: none;

	display: block;
	float:   left;
	width:   175px;
	width:   9.722rem;
	height:  76px;
	height:  4.222rem;

	background-color:  transparent;
	background-image:  url(/images/LOGOinterior.png);
	background-repeat: no-repeat;
	background-size:   100% auto;
	background-size:   contain;

	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
	/*-ms-behavior: url( /scripts/pie/PIE.htc );
	behavior: url( /scripts/pie/PIE.htc );*/
}

header a.cart
{
	width: 100px;
	/*width: 5.556rem;*/
	height: 50px;
	/*height: 2.778rem;*/
	background-color: #a7191f;
	border-bottom-left-radius: 100px;
	/*border-bottom-left-radius: 5.556rem;*/
	border-bottom-right-radius: 100px;
	/*border-bottom-right-radius: 5.556rem;*/
	position: absolute;
	top: 0;
	right: 10px;

	background-image: url(/images/cartHover.png);
	background-image: url(/images/cart.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 44px 36px;
	/*background-size: 2.444rem 2rem;*/
}

header a.cart:hover
{
	background-image: url(/images/cartHover.png);
}

header a.usaCherries
{
	display: none;
}

header .printPageName
{
	display: none;
}

.printImg
{
	display: none;
}

/**************************************************************************
Main Navigation
**************************************************************************/
nav
{
	background-color: transparent;
	color:            #ffffff;
	padding:          0;
	font-family:      "eigerdals", sans-serif;
}

nav a.menu
{
	display: none;
}

nav ul,
nav li
{
	margin:  0;
	padding: 0;
	position: relative;
}

header.landscape nav
{
	float: left;
	/*margin-right: 100px;
	margin-right: 5.556rem;*/
}

nav ul.primary
{
	margin-left: 36px;
	margin-left: 2rem;
}

nav ul.primary > li
{
	display:     block;
	float:       left;
	/*margin-left: 10px;
	margin-left: 0.625rem;*/
	/*min-width:   150px;
	min-width:   9.375rem;*/
}

nav ul.primary > li > a,
nav ul.secondary > li > a
{
	color:            #ffffff;
	background-color: transparent;
	font-weight:      400;
	text-decoration:  none;
	white-space:      nowrap;
}

nav ul.primary > li > a
{
	display:          block;
	font-size:        25px;
	font-size:        1.389rem;
	padding:          0 35px;
	padding:          0 1.944rem;
	text-align:       center;
	line-height:      111px;
	line-height:      6.167rem;
	text-transform:   lowercase;
	text-shadow:      2px 4px 5px rgba(0, 0, 0, 0.75);
	text-shadow:      0.1111rem 0.2222rem 0.2778rem rgba(0, 0, 0, 0.75);
	border-left:      1px solid transparent;
	border-right:     1px solid transparent;
	position:         relative;
	z-index:          100;

	-webkit-transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;
	-moz-transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;
	-ms-transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;
	-o-transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;
	transition: border-color 0.25s, background-color 0.25s, box-shadow 0.25s;
}

nav ul.primary > li > a.hover
{
	background-color: #d91921;
	border-left: 1px solid rgba(50, 50, 50, 0.50);
	border-right: 1px solid rgba(50, 50, 50, 0.50);
	box-shadow:  2px 0px 5px 0px rgba(50, 50, 50, 0.50),
	            -2px 0px 5px 0px rgba(50, 50, 50, 0.50),
	             inset 1px 0px 2px 0px rgba(50, 50, 50, 0.50),
	            inset -1px 0px 2px 0px rgba(20, 50, 50, 0.50);
}

header.landscape nav ul.primary > li.cartNav
{
	display: none;
}

nav ul.secondary
{
	position: absolute;
	background-color: #d91921;
	margin-top: -30px;
	border-radius: 20px;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
	min-width: 100%;
	overflow: hidden;
	visibility: collapse;
	opacity: 0;
	z-index: 1000;

	-webkit-transition: opacity 0.25s, visibility 0 0.25s;
	-moz-transition: opacity 0.25s, visibility 0 0.25s;
	-ms-transition: opacity 0.25s, visibility 0 0.25s;
	-o-transition: opacity 0.25s, visibility 0 0.25s;
	transition: opacity 0.25s, visibility 0 0.25s;
}

nav ul.secondary li
{
	margin: 0;
}

nav ul.secondary a
{
	display: block;
	line-height: normal;
	padding: 25px 35px;
	font-size: 20px;
	font-size: 1.11rem;

	-webkit-transition: color 0.25s, background-color 0.25s;
	-moz-transition: color 0.25s, background-color 0.25s;
	-ms-transition: color 0.25s, background-color 0.25s;
	-o-transition: color 0.25s, background-color 0.25s;
	transition: color 0.25s, background-color 0.25s;
}

nav ul.secondary a:hover
{
	background-color: #ffffff;
	color: #a6181d;
}

nav ul.primary a.hover + ul.secondary
{
	visibility: visible;
	opacity: 1;

	-webkit-transition: opacity 0.25s, visibility 0 0;
	-moz-transition: opacity 0.25s, visibility 0 0;
	-ms-transition: opacity 0.25s, visibility 0 0;
	-o-transition: opacity 0.25s, visibility 0 0;
	transition: opacity 0.25s, visibility 0 0;
}

header.portrait nav li + li
{
	border-top: none;
}

header.portrait nav ul.primary
{
	display: none;
	margin: 55px 0 0 0;
	margin: 4.545rem 0 0 0;
	/*background-color: #d91921;*/
	background-color: #e5222a;

}

header.portrait.active nav ul.primary
{
	display: block
}

header.portrait nav ul.primary > li
{
	float: none;
}

header.portrait nav ul.primary > li > a
{
	white-space: normal;
	line-height: normal;
	padding: 14px 0;
	padding: 1.167rem 0;
}

header.portrait nav ul.primary > li.cartNav > a
{
	text-align: center;
}

header.portrait nav ul.primary > li.cartNav > a:before
{
	content: "";
	display: inline-block;
	width: 38px;
	width: 3.167rem;
	height: 31px;
	height: 2.583rem;
	background-image: url(/images/cart.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

header.portrait nav ul.secondary
{
	position: relative;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	max-height: 0;
	visibility: visible;

	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

header.portrait nav .expanded ul.secondary
{
	max-height: 100%;
	opacity: 1;
}

/*html.flexbox header.landscape .column
{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

html.flexbox header.landscape nav
{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}

html.flexbox header.landscape a.cart,
html.flexbox header.landscape a.usaCherries
{
	position: relative;
	right: 0;
}

html.flexbox header.landscape nav ul.primary
{
	margin: 0 10px;
	margin: 0 0.5556rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}*/

/**************************************************************************
Content Areas
**************************************************************************/
body > .pageContent
{
	background-image: url(/images/BGinterior.png);
	background-size: 1479px 1358px;
	background-size: 82.17rem 75.14rem;
	background-repeat: no-repeat;
	background-position: center top;

	background-position: -webkit-calc(50% - 225px) 0px;
	background-position: -moz-calc(50% - 225px) 0px;
	background-position: -ms-calc(50% - 225px) 0px;
	background-position: -o-calc(50% - 225px) 0px;
	background-position: calc(50% - 225px) 0px;
	background-position: -webkit-calc(50% - 12.5rem) 0px;
	background-position: -moz-calc(50% - 12.5rem) 0px;
	background-position: -ms-calc(50% - 12.5rem) 0px;
	background-position: -o-calc(50% - 12.5rem) 0px;
	background-position: calc(50% - 12.5rem) 0px;

	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

ul
{
	list-style-type: circle;
}

div.section.main aside.left
{
	float: left;
}

div.section.main article
{
	float: left;
	/*min-height: 800px;*/
}

div.section.main aside.right
{
	float: right;
}

article,
aside
{
	margin-top: 10px;
}

.topContent ul#breadcrumb
{
	list-style-type: none;
	margin:          0;
	margin-bottom:   10px;
	margin-bottom:   0.625rem;
	padding:         0 0 10px 0;
	padding:         0 0 0.625rem 0;
	text-align:      right;
}

.topContent ul#breadcrumb li
{
	display: inline-block;
	margin:  0;
	padding: 0;
}

.topContent ul#breadcrumb li:after
{
	content: '\2022';
	color: #7baa26;
}

.topContent ul#breadcrumb li:last-child:after
{
	content: '';
}

.topContent ul#breadcrumb a
{
	color: #333333;
	font-size: 14px;
	font-size: 0.78rem;
	text-decoration: none;
	text-transform: lowercase;
	margin: 0 5px;
	margin: 0 0.3125rem;
	cursor: default;
	font-weight: 400;
}

.topContent ul#breadcrumb a[href]
{
	color:  #7baa26;
	cursor: pointer;
}

.topContent ul#breadcrumb li:last-child a
{
	/*color: #333333;*/
	margin-right: 0;
}

.topContent ul#breadcrumb li.account
{
	float: right;
}

.topContent ul#breadcrumb li.account:after
{
	content: '|';
}

.topContent ul#breadcrumb li.account:first-child:after
{
	content: '';
}

.topContent h1
{
	text-align: center;
	/*margin-bottom: 75px;
	margin-bottom: 4.167rem;*/
	margin-top: 30px;
	margin-top: 1.667rem;
	margin-bottom: 5px;
	margin-bottom: 0.2778rem;
}

.topContent h2
{
	margin: 0;
}

article h1
{
	margin:        0;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding:       0;
}

article h2
{
	margin:        0;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding:       0;
}

article p,
aside p
{
	margin:        0;
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding:       0;
}

aside
{
	height:           100%;
}

article img,
aside img,
.interiorDynamic img
{
	max-width: 100%;
}

html.interior article p,
html.interior aside p,
html.interior article ul,
html.interior aside ul
{
	line-height: 28px;
	line-height: 1.556rem;
}

footer
{
	background-color: #a7191f;
	color:            #ffffff;
	clear:            both;
	padding:          0 10px;
	text-overflow:    ellipsis;
	white-space:      nowrap;
	margin-top:       70px;
	margin-top:       3.889rem;
}

footer a
{
	color:           #ffffff;
	text-decoration: none;
}

footer a:hover
{
	text-decoration: underline;
}

footer .socialContainer
{
	margin: 35px 0 0 0;
	margin: 1.944rem 0 0 0;
}

footer .social
{
	width: 164px;
	height: 150px;
	display: block;
	float: left;
	position: relative;
}

footer .social + .social
{
	margin-left: -50px;
}

footer .social a
{
	display: block;
	width: 92px;
	height: 92px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 50%;
}

footer .social.pinterest
{
	background-image: url(/images/sm_pinterest_hov.png);
	background-image: url(/images/sm_pinterest.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

footer .social.twitter
{
	background-image: url(/images/sm_twitter_hov.png);
	background-image: url(/images/sm_twitter.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

footer .social.facebook
{
	background-image: url(/images/sm_facebook_hov.png);
	background-image: url(/images/sm_facebook.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

footer .social.youtube
{
	background-image: url(/images/sm_youtube_hov.png);
	background-image: url(/images/sm_youtube.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

footer .social.pinterest:hover { background-image: url(/images/sm_pinterest_hov.png); }
footer .social.twitter:hover   { background-image: url(/images/sm_twitter_hov.png);   }
footer .social.facebook:hover  { background-image: url(/images/sm_facebook_hov.png);  }
footer .social.youtube:hover   { background-image: url(/images/sm_youtube_hov.png);   }

footer .contactCMContainer
{
	position: relative;
	overflow: visible;
	height: 210px;
	height: 11.67rem;
	float: right;
}

footer .contactCM
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 327px;
	width: 18.17rem;
	height: 278px;
	height: 15.44rem;
	background-image: url(/images/contactCherryman.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

footer .contactCM img
{
	/*display: none;*/
	max-width: 100%;
}

footer .contactCM a.cmBody
{
	position: absolute;
	top: 80px;
	top: 4.444rem;
	left: 102px;
	left: 5.667rem;
	height: 130px;
	height: 7.222rem;
	width: 130px;
	width: 7.222rem;
	border-radius: 50%;

	/*behavior: url( /css/PIE-1.0.htc );*/
}

footer .contactCM a.cmSign
{
	position: absolute;
	top: 72px;
	top: 4rem;
	left: 0px;
	height: 85px;
	height: 4.722rem;
	width: 135px;
	width: 7.5rem;
}

html.csstransforms footer .contactCM a.cmSign
{
	position: absolute;
	left: 3px;
	left: 0.1667rem;
	top: 90px;
	top: 5rem;
	height: 52px;
	height: 2.889rem;
	width: 129px;
	width: 7.167rem;

	background-image: url(/images/arrowHover.png);
	background-image: url(/images/arrow.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-position: right 0.8333rem center;

	background-size: 20px auto;
	background-size: 1.111rem auto;

	-webkit-transform: rotate(-17.5deg);
	-moz-transform: rotate(-17.5deg);
	-ms-transform: rotate(-17.5deg);
	-o-transform: rotate(-17.5deg);
	transform: rotate(-17.5deg);

	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

html.csstransforms footer .contactCM a.cmSign:hover,
html.csstransforms footer .contactCM a.cmBody:hover + a.cmSign
{
	background-image: url(/images/arrowHover.png);
}

footer .footerText
{
	text-align: center;
	padding: 20px 0;
	padding: 1.111rem 0;
}

footer .footerText a
{
	font-weight: 400;
}

footer .footerText > div
{
	display: inline-block;
}

footer .siteBy
{
	text-align: right;
	border-right: none;
}

footer .privacy
{
	text-align: left;
	border-left: none;
}

.sideDots
{
	background-image: url(/images/dots.png);
	background-repeat: no-repeat;
	max-width: 261px;
	max-height: 942px;
	width: 261px;
	height: 942px;
	margin-top: -1000px;

	position: absolute;
	right: 0;

	background-size: 100% auto;
	background-position: right center;
	background-size: contain;

	width: -webkit-calc((100% - 1200px) / 2);
	width: -moz-calc((100% - 1200px) / 2);
	width: -ms-calc((100% - 1200px) / 2);
	width: -o-calc((100% - 1200px) / 2);
	width: calc((100% - 1200px) / 2);

	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

.sideCharImg
{
	width: -webkit-calc((100% - 1200px) / 2);
	width: -moz-calc((100% - 1200px) / 2);
	width: -ms-calc((100% - 1200px) / 2);
	width: -o-calc((100% - 1200px) / 2);
	width: calc((100% - 1200px) / 2);
	position: absolute;
	left: 0;
}

.sideCharImg img
{
	max-width: 100%;
}

.sideCharImg img[src="/images/character/cherryman1.png"]
{
	position: absolute;
	top: 0;
	margin-top: -8px;
}

/**************************************************************************
Interior Custom
**************************************************************************/
.interiorDynamic.column
{
	border: none;
}

.shareButtons
{
	text-align: right;
	/*visibility: hidden;*/
	min-height: 72px;
}

/*.shareButtons.active
{
	visibility: visible;
}*/

.shareButtons .shareButtonContainer
{
	display: inline-block;
	/*float: right;*/
	width: 68px;
	height: 68px;
	background-color: #95c53f;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	margin-left: 26px;
}

.shareButtons .shareButtonContainer.pinItContainer
{
	height: auto;
	width: auto;
	padding: 18px 6px;
	/*cursor: pointer;*/
	background-color: transparent;
}

.shareButtons .shareButtonContainer a
{
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
}

.shareButtons .shareButtonContainer a.emailIt
{
	background-image: url(/images/share-email-hover.png);
	background-image: url(/images/share-email.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 48px 30px;
	/*background-size: 2.667rem 1.667rem;*/
}

.shareButtons .shareButtonContainer a.emailIt:hover
{
	background-image: url(/images/share-email-hover.png);
}

.shareButtons .shareButtonContainer a.printIt
{
	background-image: url(/images/share-print-hover.png);
	background-image: url(/images/share-print.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 39px 39px;
	/*background-size: 2.167rem 2.167rem;*/
}

.shareButtons .shareButtonContainer a.printIt:hover
{
	background-image: url(/images/share-print-hover.png);
}


.shareButtons .shareButtonContainer.pinItContainer a.pinIt
{
	width: 40px;
	height: 20px;
	display: block;
}

ul.recipeList
{
	list-style-type: none;
	padding: 0;
	width: 100%;
}

ul.recipeList li
{
	float: left;
	display: block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	/*line-height: 34px;
	line-height: 1.889rem;*/
	min-height: 24px;
	padding-left: 20px;
	padding-left: 1.111rem;
	background-image: url(/images/bullet.png);
	background-repeat: no-repeat;
	background-size: 11px 24px;
	background-size: 0.6111rem 1.333rem;
	margin: 2px 0;
	margin: 0.111rem 0;

	width: 33.33%;
	width: -webkit-calc( 100% / 3 * 1 );
	width: -moz-calc( 100% / 3 * 1 );
	width: calc( 100% / 3 * 1 );
	box-sizing: border-box;
}

html.csscolumns ul.recipeList
{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	-webkit-columns: 3;
	-moz-columns: 3;
	-ms-columns: 3;
	-o-columns: 3;
	columns: 3;
}

html.csscolumns ul.recipeList li
{
	float: none;
	width: auto;
	border: none;
	display: inline-block;
	width: 100%;
}

ul.productsList
{
	padding: 0;
	list-style-type: none;
}

ul.productsList .productsListItem
{
	float: left;
}

ul.productsList .productsListItem:nth-of-type(3n+1)
{
	clear: both;
}

ul.productsList .productsListItem p
{
	margin: 5px 0;
	margin: 0.2778rem 0;
}

.productSize
{
	color: #666666;
	margin: 5px 0;
	margin: 0.2778rem 0;
}

.productPrice
{
	font-weight: 700;
	margin: 5px 0;
	margin: 0.2778rem 0;
}

.cartAddEmbedCode input[type="button"],
.cartAddEmbedCode input[type="submit"]
{
	width: 100%;
	padding: 30px 0;
	padding: 1.667rem 0;
	font-size: 25px;
	font-size: 1.389rem;
	font-weight: 700;
	text-align: center;
	border: none;
	background-color: #73ab3b;
	color: #ffffff;
	border-radius: 5px;
	cursor: pointer;
}

.cartAddEmbedCode select,
select.shop_select
{
	width: 100%;
	margin-bottom: 10px;
}

.productDetails .productPrice
{
	color: #e5222a;
	font-size: 25px;
	font-size: 1.389rem;
}

.fakePinItButton
{
	display: none;
}

.storeLogos .storeLogoItem
{
	float: left;
	margin-bottom: 20px;
}

.storeLogos .storeLogoItem:nth-of-type(2n+1)
{
	clear: both;
}

.storeLogos .storeLogoItem img
{
	width: 100%;
	max-width: 300px;
}

ul.storeLocs
{
	list-style-type: none;
	padding: 2px 0;
	margin: 0;
	width: 100%;
}

ul.storeLocs li
{
	padding: 10px 0;
	padding: 0.5556rem 0;

	float: left;
	display: block;

	width: 50.00%;
	/*box-sizing: border-box;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;*/
}

/*html.csscolumns ul.storeLocs
{
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	-o-columns: 2;
	columns: 2;
}

html.csscolumns ul.storeLocs li
{
	float: none;
	width: auto;
}*/

.productRequest
{
	width: 208px;
	max-width: 100%;
	margin: 0 auto 10px auto;
}

.productRequest a
{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 133.813%;
	background-image: url(/images/retina/productRequest-2x.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	/*background-size: contain;*/
}

.contactForm
{
	background-color: #32a1dc;
	border-radius: 10px;
	padding: 15px 5px;
	position: relative;
}

.contactForm label[data-optional="1"]:after
{
	content: " (optional)";
	font-style: italic;
}

.contactForm label[data-optional="2"]:after
{
	content: " (opt)";
	font-style: italic;
}

article .contactForm fieldset
{
	background: transparent;
	border: none;
	box-shadow: none;
	/*padding: 0;*/
}

article .contactForm fieldset input[type="text"],
article .contactForm fieldset select
{
	height: auto;
	line-height: normal;
	border-radius: 5px;
	box-shadow: none;
	padding: 12px 10px;
	width: 100%;
	box-sizing: border-box;
}

article .contactForm fieldset select
{
	padding-right: 0;
}

article .contactForm fieldset textarea
{
	width: 100%;
	min-height: 224px;
	box-sizing: border-box;
	padding: 12px 10px;
	border: none;
	border-radius: 5px;
	resize: none;
}

article .contactForm fieldset input[type="radio"],
article .contactForm fieldset input[type="checkbox"]
{
	/*float: left;
	clear: left;*/
	height: 21px;
	height: 1.167rem;
	margin-left: -20px;
	cursor: pointer;
}

.contactForm .radioOpt,
.contactForm .contactMe
{
	margin: 5px 0;
	padding-left: 20px;
}

.contactForm .radioOpt label,
.contactForm .contactMe label
{
	cursor: pointer;
}

/*.contactForm .contactMe
{
	position: absolute;
	left: 27px;
	bottom: 24px;
	width: 66.66%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	box-sizing: border-box;
}
*/

.contactForm .captchaRow
{
	clear: both;
}

.contactForm .captchaText span
{
	display: block;
	float: left;
	width: 25.00%;
	text-align: center;
	font-size: 45px;
	font-size: 2.5rem;
}

.contactForm .contactSubmit img
{
	margin: 0 auto;
}

article .contactForm fieldset input[type="submit"]
{
	position: relative;
	width: 100%;
	text-align: center;
	padding: 30px 0;
	height: auto;
	top: auto;
	right: auto;
	margin: 0;
	background-color: #73ab3b;
	border-radius: 5px;
	border: none;
	font-size: 30px;
}

article .contactForm fieldset input[type="submit"]:hover
{
	background-color: #73ab3b;
}

.contactForm .stateContainer,
.contactForm .zipContainer
{
	white-space: nowrap;
	overflow: visible;
}
/**************************************************************************
Landing Page
**************************************************************************/

html.landing > body
{
	background-color: #e5222a;
	color: #ffffff;
}

html.landing article.landingContent
{
	overflow: visible;
}

html.landing .pageContent
{
	background-image: url(/images/HomeBG_1920.png);
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: top center;
}

html.landing a
{
	color: #ffffff;
}

html.landing div.headerBG
{
	background-color: transparent;
}

html.landing header a.logo
{
	/*opacity: 0;
	visibility: hidden;*/
	display: none;
}

html.landing header.landscape nav
{
	/*margin-left: 90px;
	margin-left: 5rem;*/
	margin-right: 216px;
	margin-right: 12rem;
	float: right;
}

html.landing header a.cart
{
	right: 80px;
}

html.landing header a.usaCherries
{
	display: block;
	width: 110px;
	/*width: 6.111rem;*/
	height: 118px;
	/*height: 6.556rem;*/
	position: absolute;
	top: 0;
	right: 0;

	background-image: url(/images/USAcherries.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 100% auto;
	background-size: contain;

	-ms-behavior: url( /css/PIE.htc );
	behavior: url( /css/PIE.htc );
}

html.landing .landingDynamic
{
	position: relative;
}

html.landing .landingLogo
{
	cursor: default;
	position: absolute;
	top: -70px;
	z-index: 2;

	height: 0;
	padding-top: 60%;

	width: 583px;
	width: 32.39rem;
	width: -webkit-calc(100% - 602px);
	width: -moz-calc(100% - 602px);
	width: -ms-calc(100% - 602px);
	width: -o-calc(100% - 602px);
	width: calc(100% - 602px);

	width: -webkit-calc(100% - 33.44rem);
	width: -moz-calc(100% - 33.44rem);
	width: -ms-calc(100% - 33.44rem);
	width: -o-calc(100% - 33.44rem);
	width: calc(100% - 33.44rem);

	background-image: url(/images/LOGO.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
	background-position: left center;

	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	-ms-transition: width 0.5s, height 0.5s;
	-o-transition: width 0.5s, height 0.5s;
	transition: width 0.5s, height 0.5s;
}

html.landing .landingBlock
{
	display: block;
	position: relative;
}


html.landing .landingBlock .landingBlockTitle
{
	font-family: "eigerdals", sans-serif;
	font-size: 48px;
	font-size: 2.67rem;
	font-weight: 400;
	margin: 20px 0;
	margin: 1.25rem 0;
	color: #ffffff;

	text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.75);
	text-shadow: 0.111rem 0.222rem 0.2778rem rgba(0, 0, 0, 0.75);
}

html.landing .landingBlock .landingBlockLink
{
	display: block;
	width: 63px;
	width: 3.5rem;
	height: 99px;
	height: 5.5rem;
	background-image: url(/images/arrowHover.png);
	background-image: url(/images/arrow.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

html.landing .landingBlock .landingBlockLink:hover
{
	background-image: url(/images/arrowHover.png);
}

html.landing .landingBlock .landingBlockImage
{
	text-align: center;
}

html.landing .landingBlock .landingDot
{
	background-color: #910b10;
	border-radius: 50%;
	position: absolute;

	behavior: url( /css/PIE-1.0.htc );
}

html.landing .landingBlock .landingDot.landingDotSmall
{
	width: 45px;
	width: 2.5rem;
	height: 45px;
	height: 2.5rem;
}

html.landing .landingBlock .landingDot.landingDotMedium
{
	width: 71px;
	width: 3.944rem;
	height: 71px;
	height: 3.944rem;
}

html.landing .landingBlock .landingDot.landingDotLarge
{
	width: 158px;
	width: 8.778rem;
	height: 158px;
	height: 8.778rem;
}

html.landing .landingBlock .landingBlockBG
{
	background-color: #00adef;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

html.landing .landingBlock .landingBlockBG,
html.landing .landingBlock.landingBlock3,
html.landing .landingBlock.landingBlock5
{
	border-radius: 50%;
	-webkit-transition: border-radius 0.5s;
	-moz-transition: border-radius 0.5s;
	-ms-transition: border-radius 0.5s;
	-o-transition: border-radius 0.5s;
	transition: border-radius 0.5s;

	behavior: url( /css/PIE-1.0.htc );
}


html.landing .landingBlock .landingBlockTitle,
html.landing .landingBlock .landingBlockContent,
html.landing .landingBlock .landingBlockLink,
html.landing .landingBlock .landingBlockImage
{
	position: relative;
	z-index: 2;
}

/* Block 1 */
html.landing .landingBlock.landingBlock1
{
	width: 545px;
	width: 30.28rem;
	height: 545px;
	height: 30.28rem;
	padding: 57px;
	padding: 3.167rem;
	float: right;

	margin-top: 70px;
	margin-top: 3.889rem;
}

html.landing .landingBlock.landingBlock1 .landingBlock1BG
{
	background-image: url(/images/CMSBlock1_Springv3.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: bottom right;
	background-size: cover;
	box-shadow: 2px 4px 5px 0.00px rgba(0, 0, 0, 0.75);
}

html.landing .landingBlock.landingBlock1 .landingBlockTitle
{
	position: relative;
	width: 275px;
	width: 15.285rem;
	margin: 76px 0 57px 57px;
	margin: 4.222rem 0 3.167rem 3.167rem;
	z-index: 2;
	text-align: center;
}

html.landing .landingBlock.landingBlock1 .landingBlockContent
{
	position: relative;
	width: 404px;
	width: 22.44rem;
	z-index: 2;
}

html.landing .landingBlock.landingBlock1 .landingBlockLink
{
	position: relative;
	float: right;
	margin: 100px 64px 0 0;
	margin: 5.556rem 3.556rem 0 0;
	z-index: 2;
}

html.landing .landingBlock.landingBlock1 .landingDot1
{
	width: 67px;
	width: 3.722rem;
	height: 67px;
	height: 3.722rem;
	left: 170px;
	left: 9.444rem;
	top: -126px;
	top: -7rem;
}

html.landing .landingBlock.landingBlock1 .landingDot2
{
	width: 98px;
	width: 5.444rem;
	height: 98px;
	height: 5.444rem;
	left: 242px;
	left: 13.44rem;
	top: -46px;
	top: -2.556rem;
}

html.landing .landingBlock.landingBlock1 .landingDot3
{
	width: 106px;
	width: 5.889rem;
	height: 106px;
	height: 5.889rem;
	left: 18px;
	left: 1rem;
	top: 509px;
	top: 28.28rem;
}

html.landing .landingBlock.landingBlock1 .landingDot4
{
	width: 43px;
	width: 2.389rem;
	height: 43px;
	height: 2.389rem;
	left: -41px;
	left: -2.278rem;
	top: 612px;
	top: 34rem;
}

/* Block 2 */
html.landing .landingBlock.landingBlock2 .landingBlockContent
{
	padding-right: 300px;
	padding-right: 16.67rem;
}

/* Block 3 */
html.landing .landingBlock.landingBlock3
{
	/*background-color: #00adef;*/
	width: 548px;
	width: 30.44rem;
	height: 548px;
	height: 30.44rem;
	border-radius: 50%;
	padding: 44px;
	padding: 2.444rem;

	margin-top: 59px;
	margin-top: 3.278rem;

	behavior: url( /css/PIE-1.0.htc );
}

html.landing .landingBlock.landingBlock3 .landingBlockTitle
{
	margin-top: 44px;
	margin-top: 2.444rem;
	width: 275px;
	width: 15.28rem;
	margin: 44px auto 0 auto;
	margin: 2.444rem auto 0 auto;
	text-align: center;
}

html.landing .landingBlock.landingBlock3 .landingBlockContent
{
	width: 450px;
	width: 25rem;
	margin: 37px 0;
	margin: 2.056rem 0;
}

html.landing .landingBlock.landingBlock3 .landingBlockLink
{
	position: absolute;
	top: 50%;
	right: -108px;
	right: -6rem;
	margin-top: -44px;
	margin-top: -2.444rem;
}

html.landing .landingBlock.landingBlock3 .landingDot1
{
	width: 77px;
	width: 4.278rem;
	height: 77px;
	height: 4.278rem;
	left: 165px;
	left: 9.167rem;
	top: -30px;
	top: -1.667rem;
}

html.landing .landingBlock.landingBlock3 .landingDot2
{
	width: 53px;
	width: 2.944rem;
	height: 53px;
	height: 2.944rem;
	left: 593px;
	left: 32.94rem;
	top: 461px;
	top: 25.61rem;
}

/* Block Store */
html.landing .landingBlock.landingBlockStore
{
	float: right;
	margin: 38px 0;
	margin: 2.111rem 0;
}

html.landing .landingBlock.landingBlockStore .landingBlockTitle
{
	width: 270px;
	width: 15rem;
	position: absolute;
	right: 0;
	text-align: right;
	z-index: 3;
}

html.landing .landingBlock.landingBlockStore .landingBlockLink
{
	color: #ffffff;
	display: block;
	width: 446px;
	width: 24.78rem;
	height: 327px;
	height: 18.17rem;
	margin: 25px 105px 25px 0;
	margin: 1.389rem 5.833rem 1.389rem 0;
	position: relative;
	background-image: url(/images/locator.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

html.landing .landingBlock.landingBlockStore .landingBlockLink:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/images/arrowHover.png);
	background-image: url(/images/arrow.png);
	background-repeat: no-repeat;
	background-size: 63px 99px;
	background-size: 3.5rem 5.5rem;
	background-position: 39px 116px;
	background-position: 2.167rem 6.444rem;
}

html.landing .landingBlock.landingBlockStore .landingBlockLink:hover:before
{
	background-image: url(/images/arrowHover.png);
}

html.landing .landingBlock.landingBlockStore .landingDot1
{
	left: 40px;
	left: 2.222rem;
	top: -56px;
	top: -3.111rem;
}

html.landing .landingBlock.landingBlockStore .landingDot2
{
	left: 9px;
	left: 0.5rem;
	top: 332px;
	top: 18.44rem;
}


/* Block 4 */
html.landing .landingBlock.landingBlock4 .landingBlockContent
{
	padding-right: 267px;
	padding-right: 14.83rem;
	position: relative;
}

html.landing .landingBlock.landingBlock4 .landingBlockLink
{
	position: absolute;
	top: 50%;
	right: 134px;
	right: 7.444rem;
	margin-top: -49px;
	margin-top: -2.722rem;
}

/* Block 5 */
html.landing .landingBlock.landingBlock5
{
	/*background-color: #00adef;*/
	width: 548px;
	width: 30.44rem;
	height: 548px;
	height: 30.44rem;
	border-radius: 50%;
	padding: 44px;
	padding: 2.444rem;

	margin-top: 100px;
	margin-top: 5.556rem;

	behavior: url( /css/PIE-1.0.htc );
}

html.landing .landingBlock.landingBlock5 .landingBlockTitle
{
	width: 335px;
	width: 18.61rem;
	margin-left: 102px;
	margin-left: 5.667rem;
	padding: 51px 0 70px 75px;
	padding: 2.833rem 0 3.889rem 4.167rem;

	background-image: url(/images/cherry.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 92px 164px;
	background-size: 5.111rem 9.111rem;
}

html.landing .landingBlock.landingBlock5 .landingBlockLink
{
	margin: 20px auto 0 auto;
	margin: 1.111rem auto 0 auto;
}

html.landing .landingBlock.landingBlock5 .landingDot1
{
	left: 387px;
	left: 21.5rem;
	top: -117px;
	top: -6.5rem;
}

html.landing .landingBlock.landingBlock5 .landingDot2
{
	left: 256px;
	left: 14.22rem;
	top: -44px;
	top: -2.444rem;
}

html.landing .landingBlock.landingBlock5 .landingDot3
{
	left: 110px;
	left: 6.111rem;
	top: 509px;
	top: 28.28rem;
}

html.landing .landingBlock.landingBlock5 .landingDot4
{
	left: 217px;
	left: 12.06rem;
	top: 687px;
	top: 38.17rem;
}

/* Block 6 */
html.landing .landingBlock.landingBlock6
{
	width: 586px;
	width: 32.56rem;
	height: 198px;
	height: 11rem;
	margin: 193px auto 0 auto;
	margin: 10.72rem auto 0 auto;
	padding: 68px 75px;
	padding: 3.778rem 4.167rem;
	background-image: url(/images/marquis.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

html.landing .landingBlock.landingBlock6 .landingBlockTitle
{
	margin: 0 0 45px 0;
	margin: 0 0 2.5rem 0;
}

html.landing .landingBlock.landingBlock6 .landingBlockContent
{
	max-width: 421px;
	max-width: 23.39rem;
	float: left;
}

html.landing .landingBlock.landingBlock6 .landingBlockLink
{
	/*float: right;
	margin-right: 31px;
	margin-right: 1.722rem;*/
	position: absolute;
	top: 50%;
	right: -128px;
	right: -7.111rem;
	margin-top: -44px;
	margin-top: -2.444rem;
}

html.landing .landingBlock.landingBlock6 .landingDot1
{
	left: 353px;
	left: 19.61rem;
	top: 346px;
	top: 19.22rem;
}

/*html.landing footer .contactCM
{
	width: 100%;
	height: 0;
	padding-top: 81.987%;
}*/

/**************************************************************************
Overrides for Admin TinyMCEs
**************************************************************************/
body.editorBody
{
	background-color: #fff;
	min-width:        0;
	height:           auto;
	min-height:       0;
	margin:           0;

	/*height: -webkit-calc( 100% - 16px );
	height:    -moz-calc( 100% - 16px );
	height:         calc( 100% - 16px );*/
}

/**************************************************************************
Tables
**************************************************************************/
article table.listing
{
	border-collapse: collapse;
	width:           100%;

	box-shadow: -2px 2px 2px #999;
}

article table.listing th
{
	background-color: #838383;
	color:            #fff;
	padding:          5px;
	padding:          0.3125rem;
	text-align:       left;
}

article table.listing td
{
	padding: 5px;
	padding: 0.3125rem;
}

article table.listing tr:hover td
{
	background-color: #91d5f1;
}

/**************************************************************************
Table Striping
**************************************************************************/
article table.listing tr:nth-child( odd  ),
article table.listing tr.oddChild:nth-child( odd  ),
article table.listing tr.oddChild:nth-child( even )
{
	background-color: #fff;
}

article table.listing tr:nth-child( even ),
article table.listing tr.evenChild:nth-child( odd  ),
article table.listing tr.evenChild:nth-child( even )
{
	background-color: #eee;
}

article table.nostripe tr:nth-child(		   odd  ),
article table.nostripe tr:nth-child(		   even ),
article table.nostripe tr.oddChild:nth-child(  odd  ),
article table.nostripe tr.oddChild:nth-child(  even ),
article table.nostripe tr.evenChild:nth-child( odd  ),
article table.nostripe tr.evenChild:nth-child( even )
{
	background: none;
}

article table.nofieldset
{
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
}

/**************************************************************************
Icons
**************************************************************************/
article a.icon,
article span.icon
{
	background-position: center left;
	background-repeat:   no-repeat;
	background-size:     100% auto;
	background-size:     cover;
	display:             block;
	height:              16px;
	height:              1rem;
	width:               16px;
	width:               1rem;
	margin:              0 auto;
	overflow:            hidden;
	text-indent:         -500px;

	-ms-behavior: url( /css/backgroundsize.htc );
	behavior: url( /css/backgroundsize.htc );
}

article a.inline,
article span.inline
{
	float:        left;
	margin-right: 5px;
	margin-right: 0.3125rem;
}

/**************************************************************************
Icon Images
**************************************************************************/
article a.closeexample { background-image: url( '../images/icons/close-example.png'		     ); }
article a.closefailure { background-image: url( '../images/icons/close-failure.png'		     ); }
article a.closesuccess { background-image: url( '../images/icons/close-success.png'		     ); }
article a.closewarning { background-image: url( '../images/icons/close-warning.png'		     ); }
article a.collapse	   { background-image: url( '../images/icons/dir-down.png'               ); }
article a.expand	   { background-image: url( '../images/icons/dir-right.png'              ); }

/**************************************************************************
Forms
**************************************************************************/
article div.grid.fieldset div.column
{
	margin:   10px 0;
	overflow: visible;
}

article div.grid.fieldset div.column:last-child
{
	float:         left;
	margin-bottom: 30px;
}

article fieldset
{
	border:           0;
	background-color: #eee;
	height:           100%;
	padding:          10px;
	padding:          0.625rem;
	vertical-align:   top;

	box-shadow: -2px 2px 2px #999;
}

article fieldset.controls
{
	clear:        both;
	display:      block;
	height:       10px;
	margin:       10px;
	margin-top:   20px;
	position:     relative;
	width:        auto;
}

article fieldset.adminControls
{
	text-align:   center;
}

article fieldset.hiddenControls
{
	display: none;
}

article fieldset legend
{
	background-color: #838383;
	color:            #fff;
	font-weight:      bold;
	padding:          5px;
	padding:          0.3125rem;
}

article fieldset label,
article fieldset span.label
{
	display:     block;
	line-height: 22px;
	line-height: 1.375rem;
	width:       100%;
}

article fieldset span.field
{
	display:     block;
	line-height: 15px;
	margin:      5px 0 10px 0;
	min-height:  15px;
	padding:     3px 5px;

	line-height: 0.9375rem;
	margin:      0.3125rem 0 0.625rem 0;
	min-height:  0.9375rem;
	padding:     0.1875rem 0.3125rem;
}

article fieldset input[type="email"   ],
article fieldset input[type="password"],
article fieldset input[type="phone"   ],
article fieldset input[type="text"    ],
article fieldset select
{
	background-color: #fff;
	border:           0;
	display:          block;
	font-weight:      normal;

	height:           15px;
	line-height:      15px;
	margin:           5px 0 10px 0;
	padding:          3px 5px;

	height:           0.9375rem;
	line-height:      0.9375rem;
	margin:           0.3125rem 0 0.625rem 0;
	padding:          0.1875rem 0.3125rem;

	width:            97%;

	box-shadow: inset -2px 2px 2px #999;
	-moz-outline-style: none;
	/*-webkit-appearance: none;*/
	border-radius:      0;
	outline:            none;
	width:              -webkit-calc( 100% - 10px );
	width:                      calc( 100% - 10px );
	width:              -webkit-calc( 100% - 0.625rem );
	width:                      calc( 100% - 0.625rem );
}

article fieldset input[type="email"   ]:disabled,
article fieldset input[type="password"]:disabled,
article fieldset input[type="phone"   ]:disabled,
article fieldset input[type="text"    ]:disabled,
article fieldset select:disabled
{
	background-color: transparent;
}

article fieldset select
{
	height:      21px;
	line-height: 21px;
	height:      1.313rem;
	line-height: 1.313rem;
	padding:     0;
	width:       100%;
}

article fieldset select[multiple]
{
	height:        auto;
}

article fieldset textarea.tinymceSmall,
article fieldset textarea.tinymceLarge
{
	height:        400px;
	margin-bottom: 15px;
	margin-bottom: 0.9375;
	width:         99%;
}

article fieldset input[type="email"   ].medium,
article fieldset input[type="password"].medium,
article fieldset input[type="phone"   ].medium,
article fieldset input[type="text"    ].medium
{
	width: 66%;
	width: -webkit-calc( 66% - 10px );
	width:         calc( 66% - 10px );
}

article fieldset select.medium
{
	width: 66%;
}

article fieldset input[type="email"   ].small,
article fieldset input[type="password"].small,
article fieldset input[type="phone"   ].small,
article fieldset input[type="text"    ].small
{
	width: 33%;
	width: -webkit-calc( 33% - 10px );
	width:         calc( 33% - 10px );
}

article fieldset select.small
{
	width: 33%;
}

article fieldset input[type="email"   ].tiny,
article fieldset input[type="password"].tiny,
article fieldset input[type="phone"   ].tiny,
article fieldset input[type="text"    ].tiny
{
	width: 25%;
	width: -webkit-calc( 25% - 10px );
	width:         calc( 25% - 10px );
}

article fieldset select.tiny
{
	width: 25%;
}

article fieldset input[type="radio"   ],
article fieldset input[type="checkbox"]
{
	float:        left;
	margin-right: 5px;
	margin-right: 0.3125rem;
}

article fieldset table.listing input[type="radio"   ],
article fieldset table.listing input[type="checkbox"]
{
	float:  none;
	margin: 0 auto;
}

article fieldset input[type="button"],
article fieldset input[type="submit"]
{
	background-color: #838383;
	border:           2px solid #838383;
	color:            #fff;
	font-weight:      bold;
	height:           26px;
	margin:           5px 2px 0 8px;
	min-width:        115px;
	padding:          0;
	position:         absolute;
	right:            8px;
	text-align:       center;
	text-decoration:  none;
	top:              -18px;

	-webkit-appearance: none;
	-moz-outline-style: none;
	outline:            none;
	border-radius:      0;
}

article fieldset.adminControls input[type="button"],
article fieldset.adminControls input[type="submit"]
{
	position: relative;
	/*top: 0;*/
	margin-top: 0;
	/*left: auto;
	right: auto;*/
}

article fieldset input[type="button"]:first-child,
article fieldset input[type="submit"]:first-child
{
	background-color: #fff;
	clear:            both;
	color:            #838383;
	/*left:             8px;
	margin-left:      0px;
	right:            auto;*/
}

article fieldset input[type="button"]:hover,
article fieldset input[type="submit"]:hover
{
	background-color: #329cc9;
	color:            #fff;
}

article fieldset.search
{
	position: relative;
}

article fieldset.search input[type="submit"]
{
	top: auto;
	bottom: 4px;
}

/**************************************************************************
User notifications
**************************************************************************/
.success { color: #9bbb59; }
.warning { color: #f79646; }
.failure { color: #e5222a; }
.example { color: #329cc9; }

p.banner
{
	font-size:   19px;
	font-size:   1.188rem;
	font-weight: bold;
	margin:      10px 0 -42px 0;
	padding:     10px;
	margin:      0.625rem 0 -2.625rem 0;
	padding:     0.625rem;
	position:    relative;
	top:         -150px;
	width:       auto;

	box-shadow: -2px 2px 2px #999;
}

p.success.banner { background-color: #ebf1dd; border: 3px solid #9bbb59; border-width: 0.1875rem; }
p.warning.banner { background-color: #fdeada; border: 3px solid #f79646; border-width: 0.1875rem; }
p.failure.banner { background-color: #f2dcdb; border: 3px solid #c0504d; border-width: 0.1875rem; }
p.example.banner { background-color: #e2f1f7; border: 3px solid #329cc9; border-width: 0.1875rem; }

p.success a.closesuccess,
p.warning a.closewarning,
p.failure a.closefailure,
p.example a.closeexample
{
	float: right;
}

p.success input,
p.warning input,
p.failure input,
p.example input
{
	border:      0;
	color:       #fff;
	cursor:      default;
	float:       right;
	font-weight: bold;
	margin-top:  -3px;
	margin-left: 10px;
	padding:     3px 0;
	text-align:  center;
	width:       75px;

	margin-top:  -0.1875rem;
	margin-left: 0.625rem;
	padding:     0.1875rem 0;
	width:       4.688rem;
}

p.success input:hover,
p.warning input:hover,
p.failure input:hover,
p.example input:hover
{
	background-color: #838383;
}

p.success input { background-color: #9bbb59; }
p.warning input { background-color: #f79646; }
p.failure input { background-color: #c0504d; }
p.example input { background-color: #329cc9; }

div.environment
{
	background:     #fff;
	bottom:         115px;
	box-shadow:     0px 0px 4px 4px rgba( 0, 0, 0, 0.25 );
	color:          #000;
	font-family:    "Times New Roman", Times, serif;
	font-size:      18px;
	font-size:      1.125rem;
	height:         32px;
	line-height:    32px;
	position:       fixed;
	right:          -30px;
	text-align:     center;
	text-transform: capitalize;
	width:          208px;
	z-index:        9001;

	-webkit-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	        transform-origin: bottom right;

	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

div.environment:after
{
	border:   2px solid #000;
	content:  '';
	height:   24px;
	left:     2px;
	position: absolute;
	top:      2px;
	width:    200px;
}

div.environment.development { background: #ebf1dd; color: #9bbb59; }
div.environment.staging     { background: #fdeada; color: #f79646; }
div.environment.production  { background: #f2dcdb; color: #c0504d; }

div.environment.development:after { border: 2px solid #9bbb59; }
div.environment.staging:after     { border: 2px solid #f79646; }
div.environment.production:after  { border: 2px solid #c0504d; }


html.lt-ie9 .sideCharImg,
html.lt-ie9 .sideDots
{
	display: none;
}


/*@media only screen and ( min-width: 1920px ) {
	html.landing .pageContent
	{
		background-image: url(/images/HomeBG_1920.png);
	}
}*/

@media only screen and ( max-width: 1900px ) {

	.sideCharImg img[src="/images/character/cherryman1.png"]
	{
		margin-top: -2.32%;
	}
}

@media only screen and ( max-width: 1400px ) {
	.sideDots,
	.sideCharImg img
	{
		display: none;
	}

	.sideCharImg
	{
		width: 154px;
		width: 8.556rem;
		height: 116px;
		height: 6.444rem;
		/*background: url(/images/LOGOchararcterInterior.png) no-repeat 100% auto;*/
		background-image: url(/images/LOGOchararcterInterior.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-size: contain;
	}

	html.lt-ie9 .sideCharImg
	{
		display: block;
		background-image: none;

		-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/LOGOchararcterInterior.png', sizingMethod='scale');
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/LOGOchararcterInterior.png', sizingMethod='scale');
	}
}

@media only screen and ( max-width: 1280px ) {
	html.landing .pageContent
	{
		background-image: url(/images/HomeBG_1280.png);
	}
}

/**************************************************************************
Tablet-specific Styles
**************************************************************************/
@media only screen and ( max-width: 1024px ) {
	/* This alters the base font size, which should gracefully resize all (r)em specified styles. */
	html { font-size: 87.5%; }
	/*html { font-size: 14px; }*/

	footer .social
	{
		width: 128px;
		width: 9.111rem;
		height: 117px;
		height: 8.333rem;
	}

	footer .social + .social
	{
		margin-left: -39px;
		margin-left: -2.778rem;
	}

	footer .social a
	{
		width: 72px;
		width: 5.111rem;
		height: 72px;
		height: 5.111rem;
	}

	html.landing .landingBlock .landingBlockImage
	{
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-o-transform: scale(0.75);
		transform: scale(0.75);

		-webkit-transform-origin: top center;
		-moz-transform-origin: top center;
		-ms-transform-origin: top center;
		-o-transform-origin: top center;
		transform-origin: top center;
	}

	html.landing header.landscape nav
	{
		margin-right: 168px;
		margin-right: 12rem;
	}

	/*html.flexbox header.landscape nav ul.primary > li
	{
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
	}

	html.flexbox header.landscape nav ul.primary > li > a
	{
		padding: 0;
		text-align: center;
	}*/
}

@media only screen and ( max-width: 768px ) {
	html { font-size: 75%; }
	/*html { font-size: 12px; }*/

	header.landscape { display: none;  }
	header.portrait  { display: block; z-index: 999; }

	div.headerBG
	{
		height: 55px;
		height: 4.545rem;
		z-index: 998;
	}

	html.landing header.portrait.active + div.headerBG
	{
		background-color: #e5222a;
	}

	body > .pageContent
	{
		background-image: url(/images/BGinteriorMobile.png);
		background-position: center 55px;
		background-position: center 4.585rem;
		background-position: center top 55px;
		background-position: center top 4.585rem;
		background-size: 512px 470px;
		background-size: 42.67rem 39.17rem;

		-ms-behavior: url( /css/backgroundsize.htc );
		behavior: url( /css/backgroundsize.htc );
	}

	/*body > .pageContent > .BGinteriorContainer
	{
		top: 55px;
		top: 4.545rem;
		width: 512px;
		width: 42.67rem;
		height: 470px;
		height: 39.17rem;

		margin-left: -325px;
		margin-left: -29.17rem;
		margin-left: -27.08rem;
	}

	body > .pageContent > .BGinteriorContainer > .BGinterior
	{
		background-image: url(/images/BGinteriorMobile.png);
	}*/

	body > .pageContent > .grid
	{
		padding-top: 55px;
		padding-top: 4.545rem;
	}

	header.portrait a.logo
	{
		margin:  6px 0 0 0;
		margin:  0.5rem 0 0 0;
		z-index: 9001;

		width:   92px;
		width:   7.667rem;
		height:  40px;
		height:  3.333rem;

		background-color:  transparent;
		background-image:  url(/images/LOGOinterior.png);
		background-repeat: no-repeat;
		background-size:   100% auto;
		background-size:   contain;

		position: absolute;
		top: 0;
		left: 0;

		-ms-behavior: url( /css/backgroundsize.htc );
		behavior: url( /css/backgroundsize.htc );
	}

	header.portrait nav
	{
		/*position: absolute;
		top:      0;
		right:    0;
		left:     0;*/
		height: auto;
	}

	header.portrait nav a.menu
	{
		/*background-image:    url( '/images/icons/w-nav-menu.png' );
		background-repeat:   no-repeat;
		background-size:     30px;
		background-size:     2.5rem;*/
		display:             block;
		overflow:            hidden;
		text-indent:         10px;
		text-align:          right;
		color:               #ffffff;
		text-decoration:     none;
		line-height:         55px;
		line-height:         4.545rem;
		padding-right:       56px;
		padding-right:       4.667rem;
		font-size:           20px;
		font-size:           1.667rem;
		position: absolute;
		top: 0;
		right: 0;
		left:   92px;
		left:   7.667rem;

		height: 55px;
		height: 4.545rem;

		/*background-position: -webkit-calc(100% - 10px) 13px;
		background-position: -moz-calc(100% - 10px) 13px;
		background-position: -ms-calc(100% - 10px) 13px;
		background-position: -o-calc(100% - 10px) 13px;
		background-position: calc(100% - 10px) 13px;
		background-position: -webkit-calc(100% - 0.8333rem) 1.083rem;
		background-position: -moz-calc(100% - 0.8333rem) 1.083rem;
		background-position: -ms-calc(100% - 0.8333rem) 1.083rem;
		background-position: -o-calc(100% - 0.8333rem) 1.083rem;
		background-position: calc(100% - 0.8333rem) 1.083rem;
		background-position: right 10px center;
		background-position: right 0.8333rem center;

		-ms-behavior: url( /css/backgroundsize.htc );
		behavior: url( /css/backgroundsize.htc );*/
	}

	header.portrait nav a.menu:after
	{
		content: "";
		position: absolute;
		top: 13px;
		top: 1.083rem;
		right: 13px;
		right: 1.083rem;

		height: 30px;
		width: 30px;
		height: 2.5rem;
		width: 2.5rem;

		background-image:    url( '/images/icons/w-nav-menu.png' );
		background-repeat:   no-repeat;
		background-size:     100% auto;
		background-size:     contain;
	}

	html.landing header.portrait nav a.menu
	{
		left: 0;
	}

	.sideCharImg
	{
		top: 55px;
		top: 4.545rem;
	}

	footer .column
	{
		width: 100%;
	}

	footer .socialContainer
	{
		text-align: center;
		margin: 10px 0 0 0;
		margin: 0.8333rem 0 0 0;
	}

	footer .social
	{
		display: inline-block;
		float: none;
	}

	footer .contactCM
	{
		left: 50%;
		margin-left: -163px;
		margin-left: -9.085rem;
	}

	footer .footerText > div
	{
		text-align: center;
	}

	html.landing .landingBlock .landingBlockImage
	{
		-webkit-transform: scale(0.625);
		-moz-transform: scale(0.625);
		-ms-transform: scale(0.625);
		-o-transform: scale(0.625);
		transform: scale(0.625);
	}

}

@media only screen and ( max-width: 690px ) {
	.contactForm .stateContainer,
	.contactForm .zipContainer
	{
		white-space: normal;
	}
}

/**************************************************************************
Wireless-specific Styles
**************************************************************************/
@media only screen and ( max-width: 568px ) {
	/*html { font-size: 68.75%; }*/

	header h1
	{
		margin-left: 50px;
		margin-left: 3.125rem;
		text-align:  center;
	}

	article fieldset.hiddenControls
	{
		display: block;
	}

	.shareButtons
	{
		text-align: center;
	}

	ul.recipeList li
	{
		width: 100%;
	}

	.tablequarterleft td + td
	{
		padding-left: 0;
	}

	/* Random Commit? */
	/*ul.storeLocs li
	{
		width: 100%;
	}*/

	/*html.csscolumns ul.storeLocs
	{
		-webkit-columns: 1;
		-moz-columns: 1;
		-ms-columns: 1;
		-o-columns: 1;
		columns: 1;
	}*/

	html.csscolumns ul.recipeList
	{
		-webkit-columns: 1;
		-moz-columns: 1;
		-ms-columns: 1;
		-o-columns: 1;
		columns: 1;
	}

	html.csscolumns ul.recipeList li
	{
		display: block;
	}

	/*.contactForm .contactMe
	{
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		border-left: none;
		border-right: none;
		box-sizing: border-box;
	}*/

	html.landing header.portrait nav a.menu
	{
		left: 92px;
		left: 7.667rem;
	}

	html.landing article.landingContent
	{
		border: none;
		margin: 0;
	}

	html.landing .landingLogo
	{
		display: none;
	}

	html.landing .pageContent
	{
		background-image: none;
	}

	html.landing header a.logo
	{
		display: block;
	}

	html.landing .landingBlock .landingDot
	{
		display: none;
	}

	html.landing .landingBlock.landingBlock1,
	html.landing .landingBlock .landingBlockBG,
	html.landing .landingBlock.landingBlock3,
	html.landing .landingBlock.landingBlock5
	{
		border-radius: 0;
		width: 100%;
		height: auto;
		padding: 0;
	}

	html.landing .landingBlock,
	html.landing .landingBlock.landingBlock1,
	html.landing .landingBlock.landingBlock2,
	html.landing .landingBlock.landingBlock3,
	html.landing .landingBlock.landingBlockStore,
	html.landing .landingBlock.landingBlock4,
	html.landing .landingBlock.landingBlock5,
	html.landing .landingBlock.landingBlock6
	{
		margin: 0;
		padding: 20px 10px;
		width: 100%;
		box-sizing: border-box;
	}

	/* Block 1 */
	html.landing .landingBlock.landingBlock1 .landingBlockTitle
	{
		text-align: center;
		margin: 0 0 30px 0;
	}

	html.landing .landingBlock.landingBlock1 .landingBlock1BG
	{
		box-shadow: none;
	}

	/* Block 2 */
	html.landing .landingBlock.landingBlock2 .landingBlockTitle
	{
		text-align: center;
		margin-bottom: 20px;
	}

	html.landing .landingBlock.landingBlock2 .landingBlockContent
	{
		padding: 0;
	}

	/* Block 3 */
	html.landing .landingBlock.landingBlock3 .landingBlockTitle
	{
		margin: 0;
		text-align: center;
		width: 100%;
	}

	html.landing .landingBlock.landingBlock3 .landingBlockContent
	{
		width: 100%;
		padding-right: 70px;
		padding-right: 5.3rem;
		box-sizing: border-box;
	}

	html.landing .landingBlock.landingBlock3 .landingBlockLink
	{
		right: 0;
	}

	html.landing .landingBlock .landingBlockImage
	{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	/* Block Store */
	html.landing .landingBlock.landingBlockStore
	{
		background-color: #c8e7fa;
	}

	html.landing .landingBlock.landingBlockStore .landingBlockTitle
	{
		position: relative;
		top: 0;
		right: auto;
		text-align: center;
		display: block;
		margin: 0 auto 20px auto;
		width: 176px;
		width: 16rem;
		color: #e5222a;
		font-weight: 700;
	}

	html.landing .landingBlock.landingBlockStore .landingBlockLink
	{
		display: block;
		width: 100%;
		position: relative;
		background-image: url(/images/locatorMobile.png);
		background-position: top center;
	}

	html.landing .landingBlock.landingBlockStore .landingBlockLink:before
	{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: url(/images/arrow.png);
		background-repeat: no-repeat;
		background-size: 63px 99px;
		background-size: 3.5rem 5.5rem;
		background-position: right center;
	}

	/* Block 4 */
	html.landing .landingBlock.landingBlock4 .landingBlockTitle
	{
		margin-bottom: 20px;
		text-align: center;
	}

	html.landing .landingBlock.landingBlock4 .landingBlockContent
	{
		padding: 0;
		width: 100%;
		padding-right: 70px;
		padding-right: 5.3rem;
		box-sizing: border-box;
	}

	html.landing .landingBlock.landingBlock4 .landingBlockLink
	{
		right: 0;
	}

	/* Block 5 */
	html.landing .landingBlock.landingBlock5 .landingBlockTitleContainer
	{
		text-align: center;
	}

	html.landing .landingBlock.landingBlock5 .landingBlockTitle
	{
		margin: 0 0 20px 0;
		display: inline-block;
		width: auto;
		max-width: 100%;
	}

	html.landing .landingBlock.landingBlock5 .landingBlockTitle br
	{
		display: none;
	}

	html.landing .landingBlock.landingBlock5 .landingBlockContent
	{
		width: 100%;
		padding-right: 70px;
		padding-right: 5.3rem;
		box-sizing: border-box;
	}

	html.landing .landingBlock.landingBlock5 .landingBlockLink
	{
		position: absolute;
		top: 50%;
		right: 0;
		margin: -44px 0 0 0;
		margin: -2.444rem 0 0 0;
	}

	/* Block 6 */
	html.landing .landingBlock.landingBlock6
	{
		background-image: none;
		height: auto;
	}

	html.landing .landingBlock.landingBlock6 .landingBlockTitle
	{
		margin-bottom: 20px;
		text-align: center;
	}

	html.landing .landingBlock.landingBlock6 .landingBlockContent
	{
		width: 100%;
		max-width: 100%;
		float: none;
		padding-right: 70px;
		padding-right: 5.3rem;
		box-sizing: border-box;
	}

	html.landing .landingBlock.landingBlock6 .landingBlockLink
	{
		right: 0;
	}

	html.landing .tablequarterleft td
	{
		display: block;
		/*width: 100%;*/
		margin: 0 auto;
	}
}

@media only screen and ( max-width: 400px )
{
	footer .social
	{
		width: 90px;
		width: 9.111rem;
		width: 7.5rem;
		height: 83px;
		height: 8.333rem;
		height: 6.917rem;
	}

	footer .social + .social
	{
		margin-left: -25px;
		margin-left: -2.306rem;
	}

	footer .social a
	{
		width: 48px;
		width: 4.4rem;
		height: 48px;
		height: 4.4rem;
	}
}

@media only screen and ( max-width: 320px )
{
	/*html { font-size: 62.5%; }*/

	article fieldset input[type="button"],
	article fieldset input[type="submit"]
	{
		min-width:     0px;
		overflow:      hidden;
		text-overflow: ellipsis;
		white-space:   nowrap;
		width:         40%;
	}
}

/**************************************************************************
Retina-specific Image Replacement
**************************************************************************/
@media only screen and ( -webkit-min-device-pixel-ratio: 2 ) {
	ul.recipeList li, ul.cherryList li { background-image: url(/images/retina/bullet-2x.png); }

	header a.cart { background-image: url(/images/retina/cart-2x.png); }
	header.portrait nav ul.primary > li.cartNav > a:before { background-image: url(/images/retina/cart-2x.png); }

	.shareButtons .shareButtonContainer a.emailIt { background-image: url(/images/retina/share-email2x.png); }
	.shareButtons .shareButtonContainer a.printIt { background-image: url(/images/retina/share-print2x.png); }

	footer .social.pinterest { background-image: url(/images/retina/sm_pinterest_hov-2x.png); background-image: url(/images/retina/sm_pinterest-2x.png); }
	footer .social.twitter   { background-image: url(/images/retina/sm_twitter_hov-2x.png);   background-image: url(/images/retina/sm_twitter-2x.png);   }
	footer .social.facebook  { background-image: url(/images/retina/sm_facebook_hov-2x.png);  background-image: url(/images/retina/sm_facebook-2x.png);  }
	footer .social.youtube   { background-image: url(/images/retina/sm_youtube_hov-2x.png);   background-image: url(/images/retina/sm_youtube-2x.png);   }

	footer .social.pinterest:hover { background-image: url(/images/retina/sm_pinterest_hov-2x.png); }
	footer .social.twitter:hover   { background-image: url(/images/retina/sm_twitter_hov-2x.png);   }
	footer .social.facebook:hover  { background-image: url(/images/retina/sm_facebook_hov-2x.png);  }
	footer .social.youtube:hover   { background-image: url(/images/retina/sm_youtube_hov-2x.png);   }

	footer .contactCM { background-image: url(/images/retina/contactCherryman-2x.png); }

	.sideDots { background-image: url(/images/retina/dots-2x.png); }

	html.csstransforms footer .contactCM a.cmSign { background-image: url(/images/retina/arrow-2x.png); }

	html.landing header a.usaCherries { background-image: url(/images/retina/USAcherries-2x.png); }
	html.landing .landingLogo { background-image: url(/images/retina/LOGO-2x.png); }
	html.landing .landingBlock .landingBlockLink { background-image: url(/images/retina/arrow-2x.png); }
	/*html.landing .landingBlock.landingBlock1 .landingBlock1BG { background-image: url(/images/retina/CMSblock1-2x.jpg); }*/
	html.landing .landingBlock.landingBlockStore .landingBlockLink { background-image: url(/images/retina/locator-2x.png); }
	html.landing .landingBlock.landingBlockStore .landingBlockLink:before { background-image: url(/images/retina/arrow-2x.png); }
	html.landing .landingBlock.landingBlock5 .landingBlockTitle { background-image: url(/images/retina/cherry-2x.png); }
	html.landing .landingBlock.landingBlock6 { background-image: url(/images/retina/marquis-2x.png); }
}


@media only screen and ( max-width: 1200px ) and ( -webkit-min-device-pixel-ratio: 2 ) {
	.sideCharImg { background-image: url(/images/retina/LOGOchararcterInterior-2x.png); }
}

@media only screen and ( max-width: 768px ) and ( -webkit-min-device-pixel-ratio: 2 ) {
	body > .pageContent { background-image: url(/images/retina/BGinteriorMobile_2x.png); }
	header.portrait a.logo { background-image:  url(/images/retina/LOGOinterior-2x.png); }
	header.portrait nav a.menu:after { background-image:    url( '/images/icons/retina/w-nav-menu.png' ); }
}

@media only screen and ( max-width: 568px ) and ( -webkit-min-device-pixel-ratio: 2 ) {
	html.landing .landingBlock.landingBlock6 { background-image:none; }
	html.landing .landingBlock.landingBlockStore .landingBlockLink { background-image: url(/images/retina/locatorMobile-2x.png); }
	html.landing .landingBlock.landingBlockStore .landingBlockLink:before { background-image: url(/images/retina/arrow-2x.png); }
}

/**************************************************************************
Print-specific Styles
**************************************************************************/
@media print
{
	/**************************************************************************
	Boilerplate Styles
	**************************************************************************/
	*
	{
		background-color: transparent !important;
		background-image: none !important;
		/*background:  transparent !important;*/
		color:       #000 !important;
		box-shadow:  none !important;
		text-shadow: none !important;
	}

	a
	{
		text-decoration: underline;
	}

	/*a[href]:after
	{
		content: ' (' attr( href ) ')';
	}*/

	a[href^="javascript:"]:after,
	a[href^="#"          ]:after
	{
		content: '';
	}

	abbr[title]:after
	{
		content: ' (' attr( title ) ')';
	}

	pre,
	blockquote
	{
		border:            1px solid #999;
		page-break-inside: avoid;
	}

	thead
	{
		display: table-header-group;
	}

	tr,
	img
	{
		page-break-inside: avoid;
	}

	img
	{
		max-width: 100% !important;
	}

	@page
	{
		margin: 0.5cm;
	}

	p,
	h2,
	h3
	{
		orphans: 3;
		widows:  3;
	}

	h2,
	h3
	{
		page-break-after: avoid;
	}

	/**************************************************************************
	Custom Styles
	**************************************************************************/
	nav,
	p.banner,
	div.fuseboxdebug,
	.sideDots,
	.sideCharImg,
	a.cart,
	ul#breadcrumb,
	footer .siteBy,
	footer .privacy,
	footer .column.span_7_12,
	div.environment
	{
		display: none !important;
	}

	header
	{
		/*padding-bottom: 5px;*/
		border-bottom: 5px solid #e5222a;
	}

	header a.logo
	{
		height: auto;
	}

	header a.logo:after
	{
		display: none;
	}

	body
	{
		margin: 0;
		padding: 0 20px;
	}

	h1.print
	{
		display: block;
	}

	.printImg
	{
		display: inline-block;
	}

	article fieldset.controls
	{
		display: none !important;
	}

	article ul.button a.icon
	{
		display: none;
	}

	ul,
	ul.cherryList,
	ul.recipeList
	{
		padding-left: 20px;
		list-style-type: circle;
	}

	ul li,
	ul.cherryList li,
	ul.recipeList li
	{
		padding-left: 0;
	}

	/*ul li:before,
	ul.cherryList li:before,
	ul.recipeList li:before
	{
		content: " \25E6";
		margin-right: 20px;
	}*/

	.chromeframe
	{
		display: none;
	}

	.grid
	{
		max-width: 100%;
	}

	h1
	{
		color: #00adef !important;
		text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.75) !important;
		text-shadow: 0px 0.1667rem 0.1667rem rgba(0, 0, 0, 0.75) !important;
	}

	h2,
	h3
	{
		color: #e32128 !important;
	}

	header .printPageName
	{
		display: block;
		float: right;
		color: #e5222a !important;
		margin-bottom: 0;
		text-transform: lowercase;
		margin-top: 50px;
	}

	/*.topContent h1
	{
		margin-bottom: 75px;
		margin-bottom: 4.167rem;
		margin-top: 30px;
		margin-top: 1.667rem;
	}*/
	.topContent h1
	{
		margin-bottom: 0;
	}

	footer .copyright
	{
		width: 100%;
	}

	footer .contactCMContainer
	{
		margin: 0 auto;
		float: none;
		height: auto;
		text-align: center;
		width: 100%;
	}

	footer .contactCM
	{
		/*background-image: url(/images/contactCherryman.png) !important;
		background-repeat: no-repeat !important;
		background-size: 100% auto !important;
		background-size: contain !important;*/
		position: relative;
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

	footer .contactCM a:after
	{
		display: none;
	}
}

/**************************************************************************
Browser-specific hacks
**************************************************************************/

/* FireFox */
@-moz-document url-prefix(){
	article fieldset select
	{
		padding-top: 3px;
	}
}

/* LT IE11 */
html.is-ie10 footer .contactCM a.cmBody
{
	z-index: 100;
}

/* LT IE10 */
html.lt-ie10 footer .contactCM a.cmSign,
html.lt-ie10.csstransforms footer .contactCM a.cmSign
{
	background-image: none !important;
	background: none !important;
}

html.lt-ie10.csstransforms footer .contactCM a.cmSign img
{
	display: none;
}

html.lt-ie10 footer .social
{
	z-index: 100;
	cursor: pointer;
}

html.lt-ie10 footer .social + .social { z-index: 101; }
html.lt-ie10 footer .social + .social + .social { z-index: 102; }
html.lt-ie10 footer .social + .social + .social + .social { z-index: 103; }

/* LT IE9 */
html.lt-ie9 .chromeframe
{
	display: block;
}

html.lt-ie9 footer .contactCM
{
	background-image: none;
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contactCherryman.png', sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/contactCherryman.png', sizingMethod='scale');
}

html.lt-ie9.landing .landingBlock .landingBlockLink
{
	background-image: none;
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow.png', sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow.png', sizingMethod='scale');
}

html.lt-ie9.landing .landingBlock .landingBlockLink:hover
{
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrowHover.png', sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrowHover.png', sizingMethod='scale');
}

html.lt-ie9.landing .landingBlock.landingBlockStore .landingBlockLink
{
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/locator.png', sizingMethod='scale');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/locator.png', sizingMethod='scale');
}

html.lt-ie9.landing .landingBlock.landingBlockStore .landingBlockLink:before
{
	background-image: none;
}

html.lt-ie9 header.portrait nav a.menu:after
{
	background-image: none;
	display: none;
}

html.lt-ie9 header.portrait nav a.menu:after img
{
	display: none;
}