html
	{
		font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	}
	
	body
	{	
		/* Use a 12px base font size with a 16px line height */
		font-size: 16px; /* 16px x .75 = 12px */
		line-height: 1.333em; /* 12px x 1.333 = 16px */
		overflow-x: hidden;
	}
	
	html,
	body
	{
		font-family: 'Asap', sans-serif;
		background-color: #ededed;
		padding: 0;
		color: #575757;
		width: 100%;
	}
	
	*
	{
		box-sizing: border-box;
	}
	
	a
	{
		text-decoration: none;
	}
	
	a:link,
	a:visited
	{
		color: #318C94;
		outline: none;
	}
	
	a:hover, 
	a:active
	{
		color: #EB8921;
		outline: none;
	}
	
	table
	{
		border: 0;		margin: 0;
		padding: 0;
	}
	
	p
	{
		margin-bottom: 0;
	}
	
	.error
	{
		color: red;
	}
	
	/* basic element styling */
	
	.views-reset-button input,
	input#edit-submit,
	input#edit-preview,
	.button, .button:link, .button:visited,
	.field-name-field-cart-button a,
	.field-name-field-cart-button a:link,
	.field-name-field-cart-button a:visited,
	input[type~="submit"],
	span.file
	{
		background-color: #eb8921;
		color: #ffffff;
		border: medium none;
		font-family: 'Lobster';
		font-size: 1.250em;
		font-weight: 100;
		padding: 0.400em 0.750em;
		text-transform: lowercase;
		text-shadow: 0 0.050em 0 #ad600e;
		box-shadow: inset 0 0.050em 0.050em #ad600e;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		clear: both;
		margin: 1em 0;
		display: inline-block;
	}
	
	.views-reset-button input:hover,
	input#edit-submit:hover,
	input#edit-preview:hover,
	.button:hover, .button:active,
	.field-name-field-cart-button a:hover,
	.field-name-field-cart-button a:active,
	input[type~="submit"]:hover,
	input[type~="submit"]:active,
	span.file:hover
	{
		background-color: #318c94;
		text-shadow: 0 1px 0 #165156;
		box-shadow: inset 0 1px 1px #165156;
	}
	
	.lobster,
	#home .section h2,
	#home .section a,
	#home #try a strong,
	#premenu a strong
	{
		font-family: 'Lobster', sans-serif !important;
		font-weight: normal !important;
		letter-spacing: 0.025em !important;
		text-transform: lowercase;
	}
	
	h1
	{
		margin: 0;
		text-transform: lowercase;
		font-size: 2.250em;
		line-height: 1.111em;
		text-shadow: 0 1px 0 #FFFFFF;
		color: #318c94;
		font-family: 'Asap'
	}

	
	h2
	{
		color: #e58816;
		margin: 0.938em 0 0.313em 0;
		font-size: 32px;
		line-height: 36px;
	}
	
	h3
	{
		font-family: 'Asap';
		margin: 0.938em 0 0.313em 0;
		font-size: 24px;
		line-height: 28px;
		color: #a4cc5f;
	}
	
	h4
	{
		font-family: 'Asap';
		margin: 0.938em 0 0.313em 0;
		font-size: 20px;
		line-height: 24px;
		color: #7abfd7;
	}
	
	h5
	{
		font-family: 'Lobster';
		margin: 0.938em 0 0.313em 0;
		font-size: 28px;
		line-height: 32px;
		color: #a4cc5f;
		font-weight: 300;
		text-transform: lowercase;
	}
	
	h6
	{
		font-family: 'Lobster';
		margin: 0.938em 0 0.313em 0;
		font-size: 24px;
		line-height: 28px;
		color: #e58816;
		font-weight: 300;
		text-transform: lowercase;
	}

	blockquote
	{
		font-style: italic;
		color: #318c94;
		padding: 10px;
		margin: 0;
	}
	
	ul li
	{
		margin: .5em 0;
	}
	
	.section
	{
		padding: 2em;
		background-color: white;
		margin: 2em 0;
	}
	
	.section > h2:first-child
	{
		margin: 0;
	}
	
	#header,
	#main,
	#footer
	{
		margin: 0 auto;
		max-width: 1024px;
	}
	
	#header,
	#footer
	{
		margin: 2em auto;
	}
	
	.preheader
	{
		font-style: italic;
/* 		background-color: #facb30; */
		background-color: white;
		padding: 1em;
	}
	
	.preheader p
	{
		margin: 0;
	}
	
	#header-top-social
	{
		margin: 2em 0 0;
	}
	
	#header #header-social .social
	{
		display: block;
		margin-right: 1em;
		margin-bottom: 1em;
		float: left;
	}
	
	#header #header-social .social a
	{
		display: inline-block;
		width: 1.5em;
		line-height: 1.5em;
		padding: .2em 0;
		color: #FFFFFF;
		text-align: center;
	}
	
	#header #header-social .social.audio a
	{
		background-color: #a6ca64;
	}
	
	#header #header-social .social.pinterest a
	{
		background-color: #d73532;
	}
	
	#header #header-social .social.skype a
	{
		background-color: #0ec9ff;
	}
	
	#header #header-social .social.linked-in a
	{
		background-color: #65b7d2;
	}
	
	#header #header-social .social.google-plus a
	{
		background-color: #dd4a3c;
	}
	
	#header #header-social .social.twitter a
	{
		background-color: #45b0e3;
	}
	
	#header #header-social .social.facebook a
	{
		background-color: #39599f;
	}
	
	#header #header-social .social a:hover,
	#header #header-social .social a:active
	{
		background-color: #575757;
	}
	
	#logo
	{
		clear: both;
		margin: 5em 0 0;
		background-color: #318C94;
	}
	
	#logo a
	{
		display: block;
		float: left;
		padding: 1em;
	}
	
	#logo p
	{
		padding: 1em;
		color: white;
	}
	
	#premenu
	{
		margin: .5rem -.5rem .5rem;
		font-size: 0;
	}
	
	#premenu a
	{
		vertical-align: top;
		font-size: 12px;
		font-size: 1rem;
		line-height: 1.5em;
		display: inline-block;
		width: 20%;
		width: calc(25% - 1rem);
		min-width: 8rem;
		height: auto;
		min-height: 6.5em;
		padding: 1rem;
		background-color: gray;
		color: white;
		font-weight: 300;
		margin: .5rem;
		text-transform: uppercase;
	}
	
	#premenu a strong
	{
		font-size: 1.25em;
		line-height: 1.2em;
		padding-left: .15em;
		display: block;
	}
	
	#premenu a:hover
	{
		background-color: #666;
	}
	
	#premenu a:first-child
	{
		background-color: #7abfd7;
	}
	
	#premenu a:first-child:hover
	{
		background-color: #458397;
	}
	
	#premenu a:first-child + a
	{
		background-color: #ea872c;
	}
	
	#premenu a:first-child + a:hover
	{
		background-color: #b55c10;
	}
	
	#premenu a:first-child + a + a + a
	{
		background-color: white;
		color: #318C94;
	}
	
	#premenu a:first-child + a + a + a:hover
	{
		background-color: #fafafa;
		color: #ea872c;
	}
	
	#mainmenu
	{
		background-color: #A4CC5F;
		color: white;
	}
	
	#mainmenu a
	{
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 1em;
		padding: 1.25em 1.75em;
	}
	
	#mainmenu a:hover
	{
		background-color: #92bb4c;
	}
	
	.submenu
	{
		background-color: #e58816;
		margin: 0 0 -2em;
	}
	
	.submenu a
	{
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: .75em;
		line-height: 1em;
		padding: 1.25em 2.01em;
		font-weight: bold;
	}
	
	.submenu a:hover
	{
		background-color: #b55c10;
	}
	
	.clear
	{
		clear: both;
	}
	
	#footer
	{
		margin: 0;
		width: 100%;
		max-width: 100%;
		padding: 1em 0;
		text-align: center;
		background-color: #7ABFD7;
	}
	
	#footer div
	{
		margin: 1em auto;
		max-width: 1024px;
		background-color: white;
		padding: 1em;
		text-align: left;
	}
	
	#footer div small
	{
		display: block;
		margin-top: .5em;
		color: #bababa;
	}
	
	#home .section
	{
		text-align: center;
	}
	
	#home h1
	{
		font-weight: normal;
		color: #595959;
		text-align: center;
		line-height: 1.33em;
	}
	
	#home h1 a
	{
		white-space: pre;
	}
	
	#home #try h2
	{
		margin-bottom: .5em;
	}
	
	#home #try a
	{
		font-family: 'Asap', sans-serif !important;
		position: relative;
		width: 200px;
		height: 200px;
		padding-top: 55px;
		display: inline-block;
		text-align: center;
		margin: 16px;
		vertical-align: top;
		background-color: #efefef;
		border-radius: 50%;
		color: #318C94;
		overflow: hidden;
	}
	
	#home #try a:hover
	{
		background-color: #f6f6f6;
	}
	
	#home #try a + a
	{
		color: #ea872c;
	}
	
	#home #try a + a + a
	{
		color: #A4CC5F;
	}
	
	#home #try a + a + a + a
	{
		color: #69b2cd;
	}
	
	#home #try a strong
	{
/* 		position: absolute; */
		width: 100%;
		text-align: center;
		font-size: 24px;
		line-height: 1em;
		display: block;
		padding: 0 1em;
	}
	
	#home #who img
	{
		display: block;
		margin: 1em auto;
		max-width: 100%;
		height: auto;
		width: auto;
	}
	
	.product
	{
		clear: both;
		border-top: 1px solid #efefef;
		padding-top: 1em;
		margin-top: 1em;
	}
	
	.product:first-of-type
	{
		border: none;
	}
	
	.product h3 em
	{
		font-style: normal;
		font-weight: normal;
		color: #999;
	}
	
	.product.sale h3 em
	{
		text-decoration: line-through;
	}
	
	.product.sale h3 em:before
	{
		content: "SALE!";
		display: inline-block;
		font-size: .5em;
		vertical-align: middle;
		vertical-align: top;
		background-color: #facd1b;
		padding: 0 .75em;
		margin: 0 .5em;
		font-weight: bold;
		text-decoration: none;
		color: #505050;
	}
	
	.product.sale h3 em:after
	{
		content: " $" attr(data-sale);
		display: inline-block;
		text-decoration: none !important;
		white-space: pre;
		color: #a00000;
	}
	
	/* Popular Tag */
	
	.product.popular h3 a:after,
	.product.new h3 a:after
	{
		content: "MOST POPULAR";
		display: inline-block;
		font-size: .5em;
		line-height: 28px;
		background-color: #7ABFD7;
		padding: 0 .75em;
		color: #ffffff;
		pointer-events: none;
		margin-left: 10px;
		margin-top: -4px;
		vertical-align: bottom;
		font-weight: bold;
	}
	
	/* Newest Tag */
	
	.product.new h3 a:after
	{
		content: "NEWEST";
		background-color: #A4CC5F;
	}
	
	.product img
	{
		height: 12em;
		width: auto;
		max-width: none;
		margin: 1em 2em 3em 0;
		float: left;
	}
	
	.product img.wide
	{
		height: auto;
		width: 100%;
		max-width: 36em;
		display: block;
		float: none;
		margin-bottom: 0;
		margin-top: 1.25em;
	}
	
	ul#products
	{
		margin: 1em -1em;
		padding: 0;
		list-style: none;
	}
	
	ul#products li
	{
		display: block;
		float: left;
		width: 40%;
		width: calc(50% - 2em);
		min-width: 14em;
		padding: 0 0 2em;
		margin: 1em;
		border-bottom: 1px solid #efefef;
	}
	
	ul#products li a
	{
		color: #595959;
	}
	
	ul#products li b
	{
		display: block;
		padding-bottom: 1em;
		vertical-align: top;
		color: #348c92;
	}
	
	ul#products li a:hover b
	{
		color: #ed872a
	}
	
	ul#products li b em
	{
		color: #595959;
		font-weight: normal;
		font-style: normal;
	}
	
	ul#products li b em:before
	{
		content: " - ";
	}
	
	ul#products li span
	{
		padding-left: .5em;
	}
	
	ul#products li img
	{
		display: block;
		height: 7em;
		width: auto;
		float: left;
		margin-right: 1em;
	}
	
	body.resource .section > img,
	body.campaign .section > img
	{
		display: block;
		margin: 2em 0;
	}
	
	div.resource
	{
		margin: 1em 0;
		padding: 1em 0;
		border-bottom: 1px solid #efefef;
	}
	
	div.resource img
	{
		float: left;
		margin: 1em 2em 1em 0;
		width: 10em;
		height: auto;
		max-width: 100%;
	}
	
	div.resource:last-child
	{
		border: none;
	}
	
	div.resource:after
	{
		content: "";
		display: table;
		clear: both;
		width: 100%;
	}
	
	/* Basic Form tweaks */
	
	.form-required
	{
		color: red;
	}
	
	fieldset
	{
		background-color: #f9f9f9;
		border: 3px solid #f3f3f3;
		padding: 1.5em;
		margin: 2em 0;
	}
	
	fieldset legend
	{
		background-image: none !important;
		background-color: #318C94 !important;
		color: white;
		position: relative;
		padding: .5em 1em;
		line-height: 1.25em;
	}
	
	fieldset legend a
	{
		color: white !important;
	}
	
	fieldset legend:before
	{
		border-width: 0 0 1em 0.5em;
		left: -0.5em;
	}
	
	fieldset legend span
	{
		background: none !important;
	}
	
	fieldset fieldset
	{
		background-color: white;
		margin: 3em 0 0;
	}
	
	fieldset fieldset legend
	{
		background-color: #777 !important;
	}
	
	fieldset fieldset legend:before
	{
		border-color: transparent transparent #bababa transparent;
	}
	
	.form-item label
	{
		font-size: 1em;
		text-transform: none;
		margin: 0 0 10px 0;
	}
	
	.form-item label.option
	{
		display: inline;
		font-weight: normal;
	}
	
	/* Conditional popup fields */
	.form-item.conditional
	{
		margin-top: .5em;
	}
	
	.form-item
	{
		margin: .5em 0 0;
	}
	
	.form-item.webform-component
	{
		margin: 1.5em 0 0;
	}
	
	.form-item:first-child
	{
		margin-top: .5em;
	}
	
	.form-item .description
	{
		font-size: .75em;
		line-height: 1.5em;
		color: #bababa;
		margin-top: 1em;
	}
	
	.e2ma_signup_form .e2ma_signup_image_container,
	.e2ma_signup_form .e2ma_signup_message,
	#e2ma_signup_reset_button,
	.e2ma_signup_form_groups
	{
		display: none;
	}
	
	form#e2ma_signup
	{
		font-size: 0; /* WYSIWYG adds   !!! */
		line-height: 0;
		background: white;
		padding: 1rem;
		margin: 1rem 0;
		box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.175);
	}
	
	form#e2ma_signup > div /* Recovery from font-size 0 hack above */
	{
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.313em;
	}
	
	form#e2ma_signup .e2ma_signup_form_row
	{
		margin-bottom: .5em;
	}
	
	form#e2ma_signup .e2ma_signup_form_label
	{
		color: #808080;
		font-size: 1em;
		font-weight: bold;
		float: left;
		margin: .25em 0;
		text-transform: capitalize;
	}
	
	form#e2ma_signup .e2ma_signup_form_required_asterix
	{
		float: right;
		color: red;
		padding-left: .25em;
	}
	
	form#e2ma_signup .e2ma_signup_form_required_footnote
	{
		color: #bababa;
		font-style: italic;
		margin: .25em 0;
	}
	
	form#e2ma_signup .e2ma_signup_form_required_footnote .e2ma_signup_form_required_asterix
	{
		float: none;
		padding-left: 0;
	}
	
	form#e2ma_signup #e2ma_signup_form_button_row
	{
		margin: 1em 0 0;
	}
	
	.form-item input[type="text"],
	.form-item input[type="email"],
	.form-item input[type="number"],
	form#e2ma_signup input[type="text"],
	form#e2ma_signup input[type="email"],
	form#e2ma_signup input[type="number"]
	{
		width: 100%;
		border: 3px solid #eee;
		background-color: white;
		line-height: 1.5em;
		vertical-align: middle;
		text-indent: .5em;
	}
	
	select
	{
		width: 100%;
	}
	
	textarea
	{
		width: 100% !important;
		min-width: 0 !important;
		border: 3px solid #eee;
	}
	
	/* floating blocks */
	
	.bundle
	{
		margin: 1em 2em;
		background-color: #efefef;
		padding: 2em;
		width: 33.33%;
	}
	
	.bundle > *:first-child
	{
		margin-top: 0;
	}
	
		.bundle.right
		{
			float: right;
			margin-right: 0;
		}
		
		.bundle.left
		{
			float: left;
			margin-left: 0;
		}