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

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

.field-container {
	border: solid 1px #cccbc4;
	/*width: 525px;*/
	height: 35px;
}

.hp-field-container {
	border: solid 1px #cccbc4;
	margin: 25px 25px 0 0;
	/*width: 525px;*/
	height: 30px;
}

.field-checkbox-container {
	float:left;
}

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



.hp-newsletter-container {
    padding-top:15px;
    padding-left:250px;
    padding-bottom:30px;
    font-size:10px;
    font-family: "Lucida Sans"
}

.hp-newsletter-container .newsletter-title {
    padding-top:5px;
    font-size:14px;
    width:100%;
    float:left;
    font-family: "Lucida Sans"
}

.hp-newsletter-container .input-text {
   -appearance: none;
	-webkit-appearance: none; 
	-moz-appearance: none;
	-ms-appearance: none;
	outline: none;
	box-shadow: none;
	border: 0px solid #cccbc4;
    line-height: 30px;
    height:29px;
    width:495px;
    color: #37352B;
    display:inline-block;
    vertical-align:top;
    float:left;
    margin-bottom:10px;
    background-color: #f8f8f8;
}

.hp-newsletter-container .input-submit {
    width:138px;
    height:30px;
    background-color:#7D942A;
    display:inline-block;
    margin:0;
    padding:0;
    border:none;
    color:white;
    margin-bottom:10px;
    font-size:10px;
    cursor: pointer;
    text-shadow: 1px 1px 3px #666;
    text-transform: uppercase;
    line-height: 26px;
    border-radius: 0px;
    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 #7D942A 1px;
    letter-spacing: 1.5px;
}

.hp-newsletter-container .hp-privacy {
    margin-right:25px;
    float:right;
}

.newsletter-container .privacy {
    margin-right:25px;
    float:left;
}

.newsletter-container {
    border: 1px solid #eeece0;
    padding:10px;
    height:120px;
    margin-bottom:30px;
}

.newsletter-container input{
    margin-bottom: 10px;
}

.newsletter-container .input-text {

    -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: 35px;
	line-height: 25px;
	width:273px;
	padding: 0;
	margin-bottom:10px;
	overflow: hidden;
	color: #37352b;
	float: left;
    vertical-align:top;
    display:inline-block;
    background-color: #f8f8f8;
}

.newsletter-container .input-submit {
    width:128px;
    height:35px;
    background-color:#6699CC;
    display:inline-block;
    margin:0;
    padding:0;
    border:none;
    color:white;
    font-family:"Lucida Sans";
    float:left;
    margin-bottom:10px;
    font-size:14px;
    cursor: pointer;
    text-shadow: 1px 1px 3px #666;
    text-transform: uppercase;
    line-height: 26px;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(top, #6699CC, #6699CC);
    background-image: -moz-linear-gradient(top, #6699CC, #6699CC);
    background-image: -ms-linear-gradient(top, #6699CC, #6699CC);
    background-image: -o-linear-gradient(top, #6699CC, #6699CC);
    background-image: linear-gradient(to bottom, #6699CC, #6699CC);
    border: solid #6699CC 1px;
    letter-spacing: 1.5px;



}

.generic-newsletter {
    padding:0 35px 0 35px;
    font-size: 12px;
    margin-top: 20px;
    font-family: "Lucida Sans"
}

.close-button {
    float:right;
    text-decoration: none;
    font-size: 14px;
    font-family: "Arial"
}

.generic-newsletter .newsletter-title {
    padding-top:5px;
    margin:0 auto;
}

.generic-newsletter .input-text {
    height:30px;
    width:100%;
    display:block;
    vertical-align:top;
    border:1;
    margin:0 auto 10px auto;
}

.generic-newsletter .privacy {
    width:100%;
    margin:0 auto;
    margin-bottom:10px;
}

.generic-newsletter .input-submit {
    width:150px;
    height:40px;
    background-color:#7D942A;
    display:block;
    margin:0 auto;
    padding:0;
    border:none;
    color:white;
    margin-bottom:10px;
    font-size:10px;
}

.generic-newsletter small {
    font-size: 10px;
}