@font-face {
  font-family: 'Brown-Regular';
  src: url('fonts/BrownStd-Regular.eot');
  src: url('fonts/BrownStd-Regular.woff2') format('woff2'),
       url('fonts/BrownStd-Regular.woff') format('woff'),
       url('fonts/BrownStd-Regular.ttf') format('truetype'),
       url('fonts/BrownStd-Regular.svg#BrownStd-Regular') format('svg'),
       url('fonts/BrownStd-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brown-Bold';
  src: url('fonts/BrownStd-Bold.eot');
  src: url('fonts/BrownStd-Bold.woff2') format('woff2'),
       url('fonts/BrownStd-Bold.woff') format('woff'),
       url('fonts/BrownStd-Bold.ttf') format('truetype'),
       url('fonts/BrownStd-Bold.svg#BrownStd-Bold') format('svg'),
       url('fonts/BrownStd-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brown-BoldItalic';
  src: url('fonts/BrownStd-BoldItalic.eot');
  src: url('fonts/BrownStd-BoldItalic.woff2') format('woff2'),
       url('fonts/BrownStd-BoldItalic.woff') format('woff'),
       url('fonts/BrownStd-BoldItalic.ttf') format('truetype'),
       url('fonts/BrownStd-BoldItalic.svg#BrownStd-BoldItalic') format('svg'),
       url('fonts/BrownStd-BoldItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Knockout';
  src: url('fonts/Knockout.eot');
  src: url('fonts/Knockout.woff2') format('woff2'),
       url('fonts/Knockout.woff') format('woff'),
       url('fonts/Knockout.ttf') format('truetype'),
       url('fonts/Knockout.svg#Knockout') format('svg'),
       url('fonts/Knockout.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.woff2') format('woff2'),
       url('fonts/fontawesome-webfont.woff') format('woff'),
       url('fonts/fontawesome-webfont.ttf') format('truetype'),
       url('fonts/fontawesome-webfont.svg#Knockout') format('svg'),
       url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* reset */

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border:2px solid #e8d6a9;
}

/* end reset */

#form_sign {
	clear:both;
	margin-bottom:40px;
}

.small-12.columns {
    width:100%;
	max-width: 750px;
}

.formArea{
	width:100%;
	float:right;
	font-family: 'Brown-Regular', sans-serif;
	font-size: 16px;
	color: #333;
	line-height: 1.4em;
}

/* moved from mclabs JS */
.formArea input[type=checkbox] {
	position:absolute;
	left:-1000000px;
	z-index:10;
}

.checks {
background-position: 0px 0px;
display: inline-block;
background-image: url(images/checked12.png);
height: 42px;
width: 43px;
background-repeat:no-repeat;
border:2px solid #e8d6a9;
}

div.not-in-stock {
  height: 41px;
  width: 41px;
  background-image: none;
  background-color:#e8d6a9;
  border:1px solid #e8d6a9;
  font-family: 'Brown-Regular', sans-serif;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
  line-height: 15px;
  white-space: normal;
}

.checks.tab_check {
background-position: 0px -43px;	
}

.checks2 {
background-position: 0px 0px;
display: inline-block;
background-image: url(images/checkedsmall.gif);
height: 30px;
width: 29px !important;
background-repeat:no-repeat;
border:2px solid #e8d6a9;
}

.checks2.tab_check {
background-position: 0px -29px;	
}

.checkContain span.print-mailing-check {
	font-size:12px;
	top:4px;
	position:relative;
	padding-left: 3px; /* faking centered text */
}

.checkContain span.print-mailing-check.not-in-stock {
	color:#ccc;
	top:7px;
}

span.print-mailing-title {
	font-weight:normal;
	white-space:nowrap;	
}

span.pre-order-text {
	font-style:italic;	
}

p.print-mailing-date {
	font-weight:normal !important;
	color:#999;
	white-space:nowrap;	
	font-size: 14px;
  	font-style: italic;
}

.contest-text {
	position:relative;
	bottom:23px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline-block;	
}

.rules-warning {
	position:absolute;
	left:0;
	top:19px;
	font-style:italic;
	display:inline-block; 
	font-size:11px;
	/*left:52px;
	bottom:5px;*/		
}

.coreg {
	clear:both;
	margin:12px 0 12px 56px;
	/*width:292px;*/
	width:80%;
}

.coreginfo {
	font-size:13px;
	position:relative;
	/*bottom:6px;	*/
}


/* END moved from mclabs JS */

#ea, #ePhone, .formS, #eState, #eCountry{
	font-family: 'Brown-Regular', sans-serif;
	border:2px solid #e8d6a9;	
	background:#ffffff;
	color:#2f292b;
	color:#6f6f6a;
	height: 48px !important;
    width: 100%;
	max-width: 100%;
    padding-left: 10px;
    font-size: 23px !important;
}

#eState, #eCountry{
    width: width:100%;	
	max-width: width:100%;	
}

#eState.error, #eCountry.error {
	border:2px #cc3131 solid !important;
}

.formArea form{
	width: 100%;
    float: right;
}
.formArea form label, .lbl{	
	font-family: 'Knockout', Arial, Helvetica, serif;
	font-size: 45px;
	white-space:nowrap;
	color: #313131;
    position: relative;
    top: 5px;
	right: 0px;	
	letter-spacing: 4px;
	text-transform:uppercase;
	line-height:1;
	font-weight: 300;
	text-align: right;
}
.emailContain, .guideContain, .eContain, .ePhone, .eForm{
	height:58px;
	position:relative;
	clear:both;
}

.eContests {
	position:relative;
	clear:both;
}

.eContests .rightc {
	padding-top:8px;
	padding-bottom:8px;
}

.eContain .rightc {
	padding-top:8px;
	padding-bottom:8px;
}

.signBtn {    
	position:relative;
	background-color: #0e88a6;
    display: inline-block;
    width: auto;
    font-family: 'Brown-Regular', Arial, Helvetica;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 15px 45px 15px 25px;
    overflow: hidden;
    transition: all ease .5s;
    margin: 0 auto 12px auto;
    vertical-align: middle;
	cursor:pointer;
}

.signBtn:hover {
	background-color: #84dde3;	
}

.signBtn:after {
	content: '\f178';
    position: absolute;
    top: calc(50% - 1px);
    right: 14px;
    display: block;
    font-family: 'FontAwesome';
    width: auto;
    min-width: 20px;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all ease .5s;
}

.lbl{	
	float:right;	
}

.sub-lbl {
	display:block;
	font-family: 'Brown-Regular', Arial, Helvetica;
    color: #6f6f6a;
    font-size: 13px;
	text-transform:none;
	letter-spacing:normal;
}

.sign_container{
	width: 100%; /* was 74% */
    float: right;
	margin-bottom:25px;
	margin-top:5px;
	text-align:center;
}

.required-notice {
	clear:both;
	font-style:italic;
	font-size:14px;
}
.privacy{
	clear:both;
	display:none;
}
.privacy p{
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
	font-weight: normal;
	font-size: 14px;
}
.leftc{
	float:left;
	width:30%;
	line-height:44px;
	height:44px;
}
.eForm .leftc{
	line-height:35px;
}
.rightc{
	float:right;
	width:67%;
	position:relative;
	margin-bottom: 9px;
}
/* pulled from mclabs inline style  */
.rightc label.checks {
	padding-right:5px;
}

.rightc div.signup-item {
	position:relative;
	display: inline-block;
	width: 85%;
	height: 43px;
	vertical-align: middle;
/*	padding-left: 8px;*/
	left:3px;
}
/* END pulled from mclabs inline style  */

.checkContain{
	display: inline-block;
    width: 58px;
    height: 69px;
	float:left;
}

div.coreg div.checkContain {
	width: 41px;
    height: 62px;
}

.visitorPre{
	float: right;
	clear: both;
	width: 89%;
}
.sideLabel{
	display: inline-block;
	width: 55%;
	max-width:300px;
	white-space:nowrap;
}
.sideLabel p{
	margin-top:0px;
	font-weight:bold;
	margin-bottom:0px;
}


.hide {
	display:none;
}
.errorBrdr{
	  border: 1px red solid!important;
}
.error1 {
  font-family: 'Brown-Regular', sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FF0000;
  line-height:0px;
}
.formArea{
  position:relative;	
}


.modal {
	min-height: 280px;
    width: 529px;   
    z-index: 100;
    background-repeat: no-repeat;
    position:absolute;
    visibility:hidden;
	left: -397px;
	top: -272px;
}

.modal-contents {
	width:529px;
	min-height:200px;
	clear:both;
	float:none;
	padding:0 0 10px 0;
	margin:0;
	background:url(/images/main/modal-window-background.png);
	background-repeat:repeat-y;	
	white-space: normal;
}
.modal-contents h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  font-style: normal;
  color: #000;
  padding:0 0 10px 20px;
  margin:0;
}

.modalText ul {
	padding-bottom:0;
	margin-bottom:0;
}


#eState,#eCountry{
	cursor:pointer;
	font-family: 'Brown-Regular', sans-serif;
}
.show{
	display:block;
}

.modal .modalImg{
	width:33%;
	float:right;
	margin-top:50px;
}

.modal  .modalImg img {
	max-width:90%;
	height:auto;
	border:1px solid #999;
}

.modalText{
	width: 62%;
	float: left;
	margin-top: 10px;
	font-size: 17px;
}

.modalTextNoImage{
	width: 90%;
	float: left;
	margin-top: 10px;
	font-size: 17px;
}


.modal  .modalText p, .modal .modalTextNoImage p{	
	padding-left: 20px;
    margin: 0px;
	font-weight: normal;
}

.modal  .modalText ul{	
	margin-top:4px;
}

/* jQuery validate style */
label.error {
  /*  JP wants no errors shown adjacent to elements
  display: block;
  margin: 0 0 1em 0;
  */
}

div.form-errors {
	color:#cc3131;
	float:left;
	font-weight:bold;
	font-size: 17px;
	padding:20px 0 20px 0;	
	width:100%;
	text-align:center;
}

input.error {
	border:2px #cc3131 solid !important;
}
input.error, textarea.error, select.error {
	margin-bottom:1rem; /* overiding error class from Foundation.css */
}
span.aster {
	color:#cc3131 !important;
}
#zipstar {
	display:none;	
}

/* THANKS PAGE */
.contestModal { 
	display:none;
}

#signupthanksinclude {
  padding: 0 0 16px 0;
}

#signupthanksinclude .modalText, #signupthanksinclude .modalText h3 {
	margin-top:0;	
}

#signupthanksinclude img#guides-banner {
	margin: 0 0 16px 0;
}

#signupthanksinclude .modalImg {
  margin-top: 0;
  padding: 0 16px 0 0;
  float: right;
}

hr.thanks-page-hr {
	height: 1px; 
	border: 0px; 
	color: #e7e7e7; 
	background-color: #e7e7e7; 
	margin-top:10px; 
	margin-bottom:10px;
}

/* all */
::-webkit-input-placeholder { font-size:14px; padding-top:5px;font-style:italic;}
::-moz-placeholder { font-size:14px; padding-top:5px;font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder { font-size:14px; padding-top:5px;font-style:italic; } /* ie */
input:-moz-placeholder { font-size:14px; padding-top:5px;font-style:italic; }


@media screen and (max-width: 700px){
	
	.column, .columns {
		padding-right: 2.8rem;
	}
	formArea {
		font-size:14px;
	}
	.emailContain, .guideContain, .eContain, .eContests, .ePhone, .eForm {
		display:inline;
		margin: 50px 0px;
	}
	
	.eForm.guide {
		margin-top:0px;
	}
	
	.eContests {
		margin-top:60px;
		margin-bottom: 0;
		padding-top:0;
		padding-bottom:0;	
	}
	
	.emailContain:after, .guideContain:after, .eContain:after, .eContests:after, .ePhone:after, .eForm:after {
		content: "";
  		display: table;
  		clear: both;
	}
	
	.leftc{
		float:none;
		clear:both;
		display:block;
		line-height:44px;
		height:44px;
		text-align:left;
	}
	.leftc:after {
		content: "";
  		display: table;
  		clear: both;
	}
	
	.rightc{
		float:none;
		clear:both;
		display:block;
		width:100%;
		margin-bottom:15px;
	}
	
	.eContests .rightc{
	}
	
	.rightc:after {
		content: "";
  		display: table;
  		clear: both;
	}
	
	p.print-mailing-date {
		font-size:12px;	
	}
	
	.checkContain:nth-child(2) {
		margin-top: -5px;
	}
	
	.checkContain span.print-mailing-check.not-in-stock {
		top: 0px;
	}
	
	.contest-text {
		display:inline;
		padding-left:2px;
		bottom: -5px;
    	left: 3px;
	}
	
	.contest-text:after {
		content: "";
  		display: table;
  		clear: both;
	}
	
	.rules-warning {
		position:relative;
		display:block;
		width:100%;
		margin-bottom: 2px;	
		bottom: unset;
		left: unset;
		top:1px;
		clear:both;
	}
	
	.formArea form label, .lbl {
		display:block;
		width:100%;
		/*position:inherit;*/
		text-align:left;
	}
	
	span.lbl {
		padding: 10px 0 20px 0;
	}
	
	.formArea form label.checks {
		width:43px;
		float:left;
	}
	
	.checkContain span.print-mailing-check {
		text-align:left;
		clear:both;	
		display:block;
	}
	
	span.print-mailing-title, .print-mailing-date {
		text-align:left;
		white-space: normal;	
	}
	
	#ea, #ePhone, .formS, #eState, #eCountry {
		width:100%;	
		max-width:100%;	
	}
	
	.rightc div.signup-item {
		display:inline;
		padding-left:2px;
		bottom: -5px;
    	left: 3px;	
		padding-top: 6px;
		text-align:left;
		width: 83%;
	}
	
	div.not-in-stock {
		margin-top:0;
		text-align:center;
	}
	
	.sideLabel { width: 53%; }
	
	.hide {
		display:none;	
	}
	
	div#phone_container {
		margin-top: 0;
	}
	
	div#physical_address {
		clear:both;
		padding-top: 1px;
	}
	
	.sign_container {
		display:block;
		float: none;
		padding-top: 30px;
	}
	.coreg {
		width: 290px;
		margin-left:0;
		margin-top:1px;
	}
	
	.coreginfo {
		padding-top:10px;
		font-size:11px;
	}
}