/**************************************************************************
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%;
	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:     0px;
	border:     0;
	border-top: 1px solid #bf151e;
	margin:     0;
	padding:    0;
}

img
{
	vertical-align: middle;
	max-width: 100%;
}

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;
}

.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;
}*/

.showPortrait,
.showMobile
{
	display: none;
}

/**************************************************************************
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.
	 */
	font-size:   100%;
	/*font-size: 16px;*/
	font-family: "open-sans", sans-serif;
	color: #333333;
}

/*
 * 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: "minion-pro", serif;
	font-size: 60px;
	font-size: 3.75rem;
	font-weight: 400;
	margin: 0;

	color: #333333;
}

h2
{
	font-family: "minion-pro", serif;
	font-size: 30px;
	font-size: 1.875rem;
	font-weight: 700;
	margin: 0;
	color: #333333;
}

h3
{
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 400;
	margin: 0;
	color: #51809d;
}

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

h5
{
	font-size: 16px;
	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: 16px;
	font-size: 1rem;
	margin: 16px 0;
	margin: 1rem 0;
}

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

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

a
{
	color: #bf151e;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
}

a:hover,
a:active
{
	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;
}

/**************************************************************************
Header
**************************************************************************/
header
{
	color:            #bf151e;
	padding:          0;
}

header.landscape
{
	display: block;
	padding: 22px 0 37px 0;
	padding: 1.375rem 0 2.313rem 0;
}

header.portrait  { display: none;  }

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

header.landscape .column
{
	overflow: visible;
}

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

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

	display: block;
	float:   left;
	width:   352px;
	width:   22rem;
	height:  104px;
	height:  6.5rem;

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

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

header .printPageName
{
	display: none;
}

.printImg
{
	display: none;
}

/**************************************************************************
Main Navigation
**************************************************************************/
nav
{
	background-color: transparent;
	color:            #bf151e;
	padding:          0;
}

nav a.menu
{
	display: none;
}

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

header.landscape nav
{
	float: right;
}

nav ul.primary > li
{
	display:     block;
	float:       left;
}

nav ul.primary > li > a,
nav ul.secondary > li > a
{
	white-space:      nowrap;
	text-decoration: none;
}

nav ul.primary > li > a
{
	font-size:        22px;
	font-size:        1.375rem;
	background-color: transparent;
	color:            #bf151e;
	display:          block;
	padding:          37px 40px 37px 19px;
	padding:          2.313rem 2.5rem 2.313rem 1.188rem;
	text-align:       center;
	position:         relative;
	z-index:          100;
}

nav ul.primary > li:last-of-type > a
{
	padding-right: 0;
}

nav ul.primary > li > a:before
{
	content: "";
	width: 13px;
	height: 23px;
	margin-right: 8px;
	display: inline-block;
	background-image: url(/images/navcherry.png);
	background-size: 100% auto;
	opacity: 0;

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

nav ul.primary > li > a.hover:before,
html.no-js nav ul.primary > li > a:hover:before,
nav ul.primary > li.active > a:before
{
	opacity: 1;
}

nav ul.secondary
{
	position: absolute;
	margin-top: -10px;
	margin-top: -0.625rem;
	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.primary > li:last-of-type > ul.secondary
{
	right: 0;
}

nav ul.secondary li
{
	margin: 0;
}

nav ul.secondary a
{
	display: block;
	padding: 10px;
	padding: 0.625rem;
	font-size: 18px;
	font-size: 1.125rem;
	background-color: #666666;
	color: #ffffff;

	-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: #bf151e;
}

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: 162px 0 0 0;
	margin: 13.5rem 0 0 0;
	background-color: #333333;
}

header.portrait nav a,
header.portrait nav ul.primary > li > a
{
	color: #ffffff;
}

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;
	text-align: left;
}

header.portrait nav ul.primary > li > a:before
{
	content: ">";
	width: auto;
	height: auto;
	background-image: none;
	margin-left: 10px;
	opacity: 1;
	font-weight: 300;

	-webkit-transform: scale(1, 2.2) rotate(0deg) translate3d(0,0,0);
	-moz-transform:    scale(1, 2.2) rotate(0deg) translate3d(0,0,0);
	-ms-transform:     scale(1, 2.2) rotate(0deg) translate3d(0,0,0);
	-o-transform:      scale(1, 2.2) rotate(0deg) translate3d(0,0,0);
	transform:         scale(1, 2.2) rotate(0deg) translate3d(0,0,0);

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

header.portrait nav ul.primary > li.expanded > a:before
{

	-webkit-transform: scale(2.2,1) rotate(90deg) translate3d(0,0,0);
	-moz-transform:    scale(2.2,1) rotate(90deg) translate3d(0,0,0);
	-ms-transform:     scale(2.2,1) rotate(90deg) translate3d(0,0,0);
	-o-transform:      scale(2.2,1) rotate(90deg) translate3d(0,0,0);
	transform:         scale(2.2,1) rotate(90deg) translate3d(0,0,0);
}

header.portrait nav ul.secondary
{
	position: relative;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	max-height: 0;
	visibility: visible;
	border-top: 3px solid #000000;
	border-bottom: 3px solid #000000;

	-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 ul.primary
{
	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
**************************************************************************/

html.flexbox div.pageContent
{
	min-height: 100%;
	min-height: 100vh;
	box-sizing: border-box;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

html.flexbox div.mainContentContainer
{
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
}

html.flexbox.is-ie div.pageContent
{
	display: block;
	min-height: 0;
}

ul
{
	list-style-type: circle;
}

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

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

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

.worldMapContainer
{
	position: relative;
	/*min-height: 750px;*/
	overflow: hidden;

	background: #a1cdf1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGJjNmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjOGJjNmZmIiBzdG9wLW9wYWNpdHk9IjAuOTgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZjZmOCIgc3RvcC1vcGFjaXR5PSIwLjk3Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(139,198,255,1)), color-stop(45%,rgba(139,198,255,0.48)), color-stop(100%,rgba(139,198,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(139,198,255,1) 0%,rgba(139,198,255,0.48) 45%,rgba(139,198,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(-45deg,  rgba(139,198,255,1) 0%, rgba(139,198,255,0.48) 45%, rgba(139,198,255,0) 100%); /* FF3.6+ */
	background: -ms-linear-gradient(-45deg,  rgba(139,198,255,1) 0%,rgba(139,198,255,0.48) 45%,rgba(139,198,255,0) 100%); /* IE10+ */
	background: -o-linear-gradient(-45deg,  rgba(139,198,255,1) 0%,rgba(139,198,255,0.48) 45%,rgba(139,198,255,0) 100%); /* Opera 11.10+ */
	background: linear-gradient(135deg,  rgba(139,198,255,1) 0%,rgba(139,198,255,0.48) 45%,rgba(139,198,255,0) 100%); /* W3C */
}

.worldMap
{
	padding: 118px 0 330px 0;
	padding: 7.375rem 0 20.625rem 0;
	background-image: url(/images/worldmap.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-position: center left 50px;
	background-position: center left 3.125rem;
}

.topContent .breadcrumbContainer
{
	border-top: 15px solid #bf151e;
	border-top: 0.9375rem solid #bf151e;
	padding: 5px 0;
	padding: 0.3125rem 0;
	margin-bottom:   50px;
	margin-bottom:   3.125rem;
}

.topContent ul#breadcrumb
{
	list-style-type: none;
	margin:          0;
	padding:         0;
	float: right;
}

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

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

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

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

.topContent ul#breadcrumb a[href]
{
	cursor: pointer;
	text-decoration: underline;
}

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

.topContent h2
{
	margin: 25px 0;
	margin: 1.563rem 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
{
	color:            #333333;
	clear:            both;
	padding:          0;
	text-overflow:    ellipsis;
	white-space:      nowrap;
	margin-top:       60px;
	margin-top:       3.75rem;
	padding-top:      113px;
	padding-top:      7.063rem;
	background-image: url(/images/int-footer.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
	background-position: top center;
}

footer > .footerText
{
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.76);
	text-align: center;
	padding: 13px 0;
	padding: 0.8125rem 0;
}

footer > .footerText a
{
	font-weight: 400;
	color: #333333;
	text-decoration: none;
	text-transform: none;
}

footer > .footerText a:hover
{
	text-decoration: underline;
}

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;
}

.intBanner
{
	background-repeat: 	 no-repeat;
	background-position: center center;
	background-size: 	 100% auto;
	background-size: 	 cover;
}

.intBannerMask
{
	padding: 4.2rem 0;/*67px 0*/
	background-color: rgba(255,255,255,0.7);
}

.intBanner.aboutBanner
{
	background-image: url(/images/int-banner-about.jpg);
}

.intBanner.productsBanner
{
	background-image: url(/images/int-banner-products.jpg);
}

.intBanner.contactBanner
{
	background-image: url(/images/int-banner-contact.jpg);
}

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/productRequest-2x.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	/*background-size: contain;*/
}

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

.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 footer
{
	padding-top:      360px;
	padding-top:      22.5rem;
	background-image: url(/images/orchard.jpg);
}

.landingBlock.landingBlock1
{
	overflow: visible;
	position: relative;

	background-position: bottom left;
	background-position: bottom 0 left -22px;
}

.landingBlock.landingBlock1:after
{
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 36px;
	width: 2.25rem;
	height: 63px;
	height: 3.9375rem;
	background-image: url(/images/ctaCherry.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: contain;
}

.landingBlock.landingBlock1 .landingBlock1Border
{
	border-bottom: 1px solid #c00d18;
	border-right: 1px solid #c00d18;
	margin-left: 16px;
	margin-left: 1rem;
}

.landingBlock.landingBlock1 .landingBlockContent
{
	padding: 20px 0 0 0;
	padding: 1.25rem 0 0 0;

	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	-o-columns: 2;
	columns: 2;
}

.landingBlock.landingBlock1 .landingBlockContent p
{
	margin: 0;
	padding: 0 10px;
}


.landingBlock.landingBlock1 .landingBlockLink
{
	float: right;
	margin: 25px;
	margin: 1.5625rem;
	padding: 0;
	border: none;
}

.landingProducts
{
	width: 531px;
	height: 530px;

	position: absolute;
	left: 60%;
	bottom: 0;

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

	/*-webkit-transition: width 0.05s, height 0.05s;
	-o-transition: width 0.05s, height 0.05s;
	transition: width 0.05s, height 0.05s;*/
}

/*.landingProducts
{
	height: auto;
	background-image: url(/images/products.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

.landingProducts:before
{
	display: block;
	content: "";
	padding-top: 100%;
}*/

.landingDynamic
{
	position: relative;
}

.landingDynamic:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 108px;
	height: 6.75rem;
	background-color: #bf151e;
}

.landingBlock a.landingBlockTopLink
{
	color: #ffffff;
	text-decoration: none;
	position: relative;
	display: block;
	height: 108px;
	height: 6.75rem;
}

.landingBlock a.landingBlockTopLink h2
{
	position: relative;
	text-align: center;
	color: #ffffff;
	padding-top: 33px;
	padding-top: 2.065rem;
	z-index: 2;
	text-transform: none;

	-webkit-transition: color 0.33s;
	-o-transition: color 0.33s;
	transition: color 0.33s;
}

.landingBlock a.landingBlockTopLink:hover h2,
a.landingBlockTopLink:hover > .smallArrowContainer > .smallArrow
{
	color: #b0d8ec;
}

a.landingBlockTopLink > .smallArrowContainer
{
	background-color: #bf151e;
	display: block;
	border-radius: 50%;
	width: 40px;
	width: 2.5rem;
	height: 40px;
	height: 2.5rem;
	position: absolute;
	bottom: -20px;
	bottom: -1.25rem;
	left: 50%;
	margin-left: -20px;
	margin-left: -1.25rem;
	overflow: hidden;
}

a.landingBlockTopLink > .smallArrowContainer > .smallArrow
{
	/*content: ">";*/
	color: #ffffff;
	display: block;
	line-height: 40px;
	line-height: 2.5rem;
	text-indent: 17px;
	text-indent: 1.0625rem;

	-webkit-transform: scale(1,2.2);
	-moz-transform: scale(1,2.2);
	-ms-transform: scale(1,2.2);
	-o-transform: scale(1,2.2);
	transform: scale(1,2.2);

	-webkit-transition: color 0.33s;
	-o-transition: color 0.33s;
	transition: color 0.33s;
}

.landingBlock .landingBlockLink
{
	display: block;
	border-bottom: 1px solid #c00d18;
	border-right: 1px solid #c00d18;
	text-align: right;
	padding: 50px 25px 25px 0;
	padding: 3.125rem 1.5625rem 1.5625rem 0;
	text-decoration: none;
}

.landingBlock .landingBlockLink:after/*,
.landingBlock .landingBlockTitle:after*/
{
	content: ">";
	opacity: 0;
	margin-left: 5px;
	margin-left: 0.3125rem;
	font-weight: 700;
	display: inline-block;

	-webkit-transform: scale(0.681,1.5);
	-moz-transform: scale(0.681,1.5);
	-ms-transform: scale(0.681,1.5);
	-o-transform: scale(0.681,1.5);
	transform: scale(0.681,1.5);

	-webkit-transition: opacity 0.33s;
	-o-transition: opacity 0.33s;
	transition: opacity 0.33s;
}

.landingBlock .landingBlockLink:hover:after/*,
.landingBlock .landingBlockTitle:hover:after*/
{
	opacity: 1;
}

.showLandscape .landingBlock
{
	overflow: visible;
}

/*.showLandscape .landingBlock img
{
	max-height: 399px;
}*/

.showPortrait p
{
	max-width: 33%;
	float: left;
}

.showPortrait p + p
{
	margin-top: 50px;
	max-width: 60%;
	float: right;
}

.showPortrait .landingBlock
{
	position: relative;
	border: none;
	padding: 0 10px;
	width: 100%;
}

.showPortrait .landingBlock:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 108px;
	height: 6.75rem;
	background-color: #bf151e;
}

.showPortrait .landingBlock a.landingBlockTopLink
{
	background-color: #bf151e;
}

.showPortrait .landingBlock a.landingBlockLink
{
	width: 40%;
	float: right;
	margin-bottom: 20px;
	clear: both;
}


/**************************************************************************
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: #ba393d; }
.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:      16px;
	font-size:      1rem;
	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 ( 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: 1320px ) {*/
	.landingProducts
	{
		position: relative;
		bottom: auto;
		left: 0;
		width: 280px;
		height: auto;
	}

	.landingProducts:before
	{
		display: block;
		content: "";
		padding-top: 100%;
	}

	.worldMap
	{
		padding: 118px 0;
		padding: 7.375rem 0;
	}
}


/**************************************************************************
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%; }

	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;
	}
}

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

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

	.showPortrait
	{
		display: block;
	}

	.showLandscape
	{
		display: none;
	}

	div.pageContent
	{
		padding-top: 162px;
		padding-top: 13.5rem;
	}

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

	header.portrait a.logo
	{
		margin:  0;
		z-index: 9001;

		/*margin-top: -52px;
		margin-top: -4.3333rem;*/

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

		position: absolute;
		top: 28px;
		top: 2.3333rem;
		left: 10px;

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

	header.portrait nav
	{
		height: auto;
	}

	header.portrait nav a.menu
	{
		display:             block;
		overflow:            hidden;
		text-indent:         10px;
		text-align:          right;
		color:               transparent;
		text-decoration:     none;
		font-size:           20px;
		font-size:           1.667rem;
		position: absolute;
		top: 0;
		right: 0;
		left:   92px;
		left:   7.667rem;

		height: 162px;
		height: 13.5rem;
		line-height: 162px;
		line-height: 13.5rem;
	}

	header.portrait nav a.menu .menuBtn,
	header.portrait nav a.menu .menuBtn:before,
	header.portrait nav a.menu .menuBtn:after
	{
		display: block;
		height: 6px;
		width: 60px;
		border-radius: 3px;
		background-color: #c11620;
		position: absolute;
	}

	header.portrait nav a.menu .menuBtn
	{
		top: 50%;
		right: 10px;
		margin-top: -3px;

		-webkit-transition: background-color 0.33s;
		-o-transition: background-color 0.33s;
		transition: background-color 0.33s;
	}

	header.portrait nav a.menu .menuBtn:before,
	header.portrait nav a.menu .menuBtn:after
	{
		content: "";

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

		-webkit-transition: top 0.33s;
		-moz-transition: top 0.33s;
		-ms-transition: top 0.33s;
		-o-transition: top 0.33s;
		transition: top 0.33s;

		-webkit-transition: top 0.33s, -webkit-transform 0.33s;
		-moz-transition: top 0.33s, -moz-transform 0.33s;
		-ms-transition: top 0.33s, -ms-transform 0.33s;
		-o-transition: top 0.33s, -o-transform 0.33s;

		-webkit-transition: top 0.33s, transform 0.33s;
		-moz-transition: top 0.33s, transform 0.33s;
		-ms-transition: top 0.33s, transform 0.33s;
		-o-transition: top 0.33s, transform 0.33s;

		transition: top 0.33s, transform 0.33s;
	}

	header.portrait nav a.menu .menuBtn:before
	{
		top: -18px;
	}

	header.portrait nav a.menu .menuBtn:after
	{
		top: 18px;
	}

	header.portrait.active nav a.menu .menuBtn
	{
		background-color: transparent;
	}

	header.portrait.active nav a.menu .menuBtn:before
	{
		top: 0;

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

	header.portrait.active nav a.menu .menuBtn:after
	{
		top: 0;

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

	.worldMapContainer
	{
		min-height: 0;
	}

	.worldMap
	{
		padding: 20px 0 0 0;
		background-size: 100% auto;
		background-position: top center;
	}

	.landingProducts
	{
		/*position: relative;*/
		width: 280px;
		height: auto;
		margin: 0 auto;
		background-size: 100% auto;
		/*left: 0;*/
		float: none;
		padding: 20px 0;
		clear: both;
	}

	.landingBlock
	{
		width: 100%;
	}

	footer .column
	{
		width: 25.00%;
		overflow: visible;
		/*border-left: 10px solid transparent;
		border-right: 10px solid transparent;*/
	}

	footer .copyright
	{
		width: 50.00%;
	}

}

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

	.showMobile
	{
		display: block;
	}

	.hideMobile
	{
		display: none;
	}

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

	article fieldset.hiddenControls
	{
		display: block;
	}

	div.pageContent
	{
		padding-top: 100px;
		padding-top: 9.0909rem;
	}

	header.portrait
	{
		min-height: 100px;
		min-height: 9.0909rem;
	}

	header.portrait nav ul.primary
	{
		margin: 100px 0 0 0;
		margin: 9.0909rem 0 0 0;
	}

	header.portrait nav a.menu
	{
		height: 100px;
		height: 9.0909rem;
		line-height: 100px;
		line-height: 9.0909rem;
	}

	header.portrait a.logo
	{
		top: 13px;
		top: 1.1818181818181819rem;
	}

	ul.recipeList li
	{
		width: 100%;
	}

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

	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;
	}

	footer .copyrightMobile
	{
		width: 100%;
		text-align: center;
	}

	footer .privacy,
	footer .siteBy
	{
		width: 50.00%;
	}

	.showPortrait p
	{
		max-width: 50%;
	}

	.showPortrait p + p
	{
		max-width: 45%;
	}
}

@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 ) {
}

@media only screen and ( max-width: 768px ) and ( -webkit-min-device-pixel-ratio: 2 ) {
}

@media only screen and ( max-width: 568px ) and ( -webkit-min-device-pixel-ratio: 2 ) {
}

/**************************************************************************
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;
	}

	.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: 0;
	}

	footer .copyright
	{
		width: 100%;
	}

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

	footer .contactCM
	{
		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 */

/* LT IE10 */

/* LT IE9 */

html.lt-ie9 .worldMapContainer
{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc6ff', endColorstr='#f7eef6f8',GradientType=1 );
}