/* GLOBAL STYLING */

#wrapper {
	margin: 0;
	padding: 0;
}

.clearfix {
	clear: both;
}

.btn {
display: inline-block;
cursor: pointer;
padding: 1px 10px 0 10px;
margin: 0 8px 10px 0;
font-weight: 300;
text-align: center;
text-decoration: none;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: 1.5px;
height: 26px;
line-height: 26px;
border-radius: 0px;
background: #859e20;
background-image: -webkit-linear-gradient(top, #859e20, #71871b);
background-image: -moz-linear-gradient(top, #859e20, #71871b);
background-image: -ms-linear-gradient(top, #859e20, #71871b);
background-image: -o-linear-gradient(top, #859e20, #71871b);
background-image: linear-gradient(to bottom, #859e20, #71871b);
border: solid #516513 1px;
color: #eeece0 !important;
text-shadow: 1px 1px 3px #666;
text-transform: uppercase;
}

/* BODY STYLING */

.subscribe {
	padding: 0;
	margin: 0;
}

.input-email {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	outline: none;
	box-shadow: none;
	border-radius: 0;
	border: 0;
	font-family: Georgia, serif;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	width: 166px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	color: #37352b;
	float: left;
}

.mail-glyph {
	background: #f8f8f8 url('../img/email.png') no-repeat left;
	height: 25px;
	width: 30px;
	display: block;
	float: left;
}

.field-container {
	border: solid 1px #cccbc4;
	margin: 2px 0 0 0;
	width: 196px;
	height: 25px;
}

.field-container:hover,
.field-container:focus {
	border: 1px solid #919191;
}

input#email::-webkit-input-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email:-moz-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email::-moz-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email:-ms-input-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email-error::-webkit-input-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email-error:-moz-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email-error::-moz-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

input#email-error:-ms-input-placeholder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 27px;
	color: #9c9c99;
}

/*fix for IE misalignment and "X" in input fields */

.input-field-text::-ms-clear {
    display: none;
}

/*fix for chrome auto-fill turning fields yellow */

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset;
    -webkit-text-fill-color: #37352b;
}

/* SUBMIT MSG */

/*.submit-btn {
	height: 25px;
	width: 138px;
	background: url('../img/signup-btn.png') no-repeat;
	border: none;
	margin: 18px 0 0 0;
	outline: none;
    cursor:pointer;
}*/

.submit-btn {
	width: 142px;
display: inline-block;
cursor: pointer;
padding: 1px 10px 0 10px;
margin: 18px 0px 0 0;
font-weight: 300;
text-align: center;
text-decoration: none;
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: 1.5px;

	height: 29px;
line-height: 26px;
border-radius: 0px;
background: #859e20;
background-image: -webkit-linear-gradient(top, #859e20, #71871b);
background-image: -moz-linear-gradient(top, #859e20, #71871b);
background-image: -ms-linear-gradient(top, #859e20, #71871b);
background-image: -o-linear-gradient(top, #859e20, #71871b);
background-image: linear-gradient(to bottom, #859e20, #71871b);
border: solid #516513 1px;
color: #eeece0;
text-shadow: 1px 1px 3px #666;
text-transform: uppercase;
}

 .submit-btn:hover {
 	opacity: 0.8;
 }

/* ERROR MESSAGE */

 .error-wrapper {
	position: absolute;
	display: none;
}

.triangle-up {
	width: 0; 
	height: 0; 
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid #f63d3d;
	top: -6px;
	left: 5px;
	position: absolute;
}

.visible {
	height: 25px;
	width: 210px;
	background-color: #f63d3d;
	border-radius: 3px;
	z-index: 15;
	top: 2px;
	left: -10px;
	position: absolute;
}

 .visible p {
 	font-family: Georgia, serif;
 	font-size: 12px;
 	color: #f8f8f8;
 	line-height: 26px;
 	margin: 0;
 	padding: 0 0 0 12px;
 }

.error-email {
	border: solid 1px #f63d3d;
}