body { background-color: #000000; color: #fff; font-family: sans-serif; font-size: 13pt; line-height: 20pt; font-weight: bold; margin: 0px; padding: 0; -webkit-text-size-adjust: none; }

img { border: 0; display: block; font: 7pt Arial, Verdana, Helvetica, sans-serif; font-style: italic; }

.mast { display: block; max-width: 1230px; margin: 0px auto 0px auto; padding: 0px; }
.mast img { width: 90%; margin: 55px auto 0px auto; vertical-align: top; }

.main { max-width: 1230px; margin: 55px auto 0px auto; padding: 0px; overflow: hidden; }
.tease { width: 36%; float: left; letter-spacing: 1px; margin-left: 5%; padding: 2% 2% 2% 2%; background: rgba(255, 255, 255, .1); }

.cover { display: block; width: 48%; float: right; margin-right: 5%; padding: .7%; background: rgba(255, 255, 255, .1); }
.cover img { width: 100%; }

.message { max-width: 1230px; margin: 90px auto 0px auto; padding: 0px; }
.message a:link { color: #ffffff; text-decoration: underline; }
.message a:visited { color: #ffffff; text-decoration: underline; }
.message a:hover { color: #e33b30; text-decoration: underline; }
.messageback { width: 90%; letter-spacing: 1px; margin: 0 auto 0 auto; padding: 2% 2% 4% 2%; background: rgba(255, 255, 255, .1); }

/* CONTACT FORM STARTS HERE */
.contextop { display: none; }
.howcopy { letter-spacing: 1px; margin: 2%; padding: 0 2% 2% 0; }
.howlft { width: 309px; float: left; text-align: left; margin: 0% 4% 2% 0%; padding: 30px; background: #d6d3d3; }
.howlft input {
	width: 269px; height: 35px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #999;
	background: -moz-linear-gradient(top, #666 0%, #999 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(20%,#999)); /* webkit */
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #fff; text-shadow: 0px -1px 0px #333; 
}
.howlft input::-webkit-input-placeholder  {
    	color: #fff; text-shadow: 0px -1px 0px #333;  
	}
.howlft input:-moz-placeholder {
	    color: #fff; text-shadow: 0px -1px 0px #333; 
	}
.howlft textarea {
	width: 269px; height: 170px; padding: 12px 20px 0px 20px; margin: 0; 
	background: #999;
	background: -moz-linear-gradient(top, #666 0%, #999 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(20%,#999)); /* webkit */
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #fff; text-shadow: 0px -1px 0px #333; 
}
.howlft textarea::-webkit-input-placeholder  {
    	color: #fff; text-shadow: 0px -1px 0px #333;  
	}
.howlft textarea:-moz-placeholder {
	    color: #fff; text-shadow: 0px -1px 0px #333; 
	}
.howlft input:focus, textarea:focus {
	background: #999;
	background: -moz-linear-gradient(top, #666 0%, #999 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(20%,#999)); /* webkit */
}
.howlft .button { color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 12pt; letter-spacing: 1px; font-weight: bold;
	width: 185px; height: 52px; float: left; padding: 10px 0px; margin: 17px 15px 0 0;
        background: #e33b30;
	background: -moz-linear-gradient(top, #e33b30 0%, #b03129 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e33b30), color-stop(100%,#b03129)); /* webkit */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#e33b30, endColorstr=#b03129);
	cursor: pointer;
}
.howlft .button:hover {
        background: #e33b30;
        background: -moz-linear-gradient(top, #b03129 0%, #e33b30 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b03129), color-stop(100%,#e33b30)); /* webkit */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#b03129, endColorstr=#e33b30);
	cursor: pointer;
}
/* CONTACT FORM ENDS HERE */


form, fieldset, input, textarea { margin: 0; padding: 0; border: 0; outline: none; }
.button { color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 12pt; letter-spacing: 1px; font-weight: bold;
	width: 185px; float: left; padding: 10px 0px; margin: 0px 0px 20px 0px;
        background: #e33b30;
	background: -moz-linear-gradient(top, #e33b30 0%, #b03129 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e33b30), color-stop(100%,#b03129)); /* webkit */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#e33b30, endColorstr=#b03129);
	cursor: pointer; border: 0; outline:none;
}

.button:hover {
        background: #e33b30;
        background: -moz-linear-gradient(top, #b03129 0%, #e33b30 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b03129), color-stop(100%,#e33b30)); /* webkit */
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#b03129, endColorstr=#e33b30);
	cursor: pointer;
	color: #ffffff; text-decoration: none;
}

.sub { max-width: 1230px; margin: 100px auto 0px auto; padding: 0px; overflow: hidden; background: rgba(255, 255, 255, .1); }
.subtoo { max-width: 1230px; margin: 0px auto 0px auto; padding: 0px; overflow: hidden; background: #292929; }
.subthree { max-width: 1230px; margin: 0px auto 0px auto; padding: 0px; overflow: hidden; background: rgba(255, 255, 255, .1); }
.subhead { font-size: 22pt; line-height: 28pt; }
.subheadred { font-size: 22pt; line-height: 28pt; color: #e33b30; }
.subred { color: #e33b30; }
.subpic { display: block; max-width: 30%; float: left; margin: 2%; padding: 0; }
.subpic img { width: 100%; }
.subcopy { width: 60%; float: right; letter-spacing: 1px; margin: 2%; padding: 0 2% 2% 0; }
.subcopy a:link { color: #e33b30; text-decoration: none; }
.subcopy a:visited { color: #e33b30; text-decoration: none; }
.subcopy a:hover { color: #e33b30; text-decoration: underline; }
.miscinfo { width: 90%; letter-spacing: 1px; margin: 2% auto 2% auto; padding: 0 2% 1% 0; }
.miscinfo a:link { color: #ffffff; text-decoration: underline; }
.miscinfo a:visited { color: #ffffff; text-decoration: underline; }
.miscinfo a:hover { color: #e33b30; text-decoration: underline; }
.retail { max-width: 1230px; margin: 0px auto 0px auto; padding: 0px; }
.retailinfo { width: 90%; letter-spacing: 1px; margin: 2% auto 2% auto; padding: 0 2% 0 0; }
.retailhead { font-size: 45pt; line-height: 52pt; }

.friendleft { float: left; margin-right: 20px; }
.friendright { float: left; }
.friendform { max-width: 1230px; margin: 80px auto 0px auto; padding: 0px; overflow: hidden; background: rgba(255, 255, 255, .1); }

.cont { text-align: center; letter-spacing: 1px; margin: 2%; padding: 2%; }
.cont a:link { color: #e33b30; text-decoration: none; }
.cont a:visited { color: #e33b30; text-decoration: none; }
.cont a:hover { color: #e33b30; text-decoration: underline; }

.privacyback { width: 90%; letter-spacing: 1px; margin: 0 auto 0 auto; padding: 2% 2% 4% 2%; font-size: 11pt; line-height: 18pt; font-weight: normal;
background: rgba(255, 255, 255, .1); }
.privacyback a:link { color: #ffffff; text-decoration: underline; }
.privacyback a:visited { color: #ffffff; text-decoration: underline; }
.privacyback a:hover { color: #e33b30; text-decoration: underline; }

.thanksback { margin: 0 auto 0 auto; padding: 2% 2% 4% 2%; background: rgba(255, 255, 255, .1); }
.thanksback a:link { color: #ffffff; text-decoration: underline; }
.thanksback a:visited { color: #ffffff; text-decoration: underline; }
.thanksback a:hover { color: #e33b30; text-decoration: underline; }

.blackbottom { max-width: 1230px; font-size: 11pt; line-height: 18pt; font-weight: normal; margin: 0px auto 0px auto; padding: 0px; overflow: hidden; background-image: url('images/h-narratives-back-sm.jpg'); background-position: center top; background-repeat: no-repeat; }
.replybottom { max-width: 1230px; font-size: 11pt; line-height: 18pt; font-weight: normal; margin: 0px auto 0px auto; padding: 0px; overflow: hidden; background: #2b2b2b; }
.bottominfo { width: 90%; letter-spacing: 1px; margin: 2% auto 2% auto; padding: 3% 0 3% 0; text-align: center; }
.bottominfo a:link { color: #ffffff; text-decoration: underline; }
.bottominfo a:visited { color: #ffffff; text-decoration: underline; }
.bottominfo a:hover { color: #e33b30; text-decoration: underline; }

.errors { font-size: 11pt; line-height: 14pt; font-weight: normal; color: #e33b30; }

/* FOOTER STARTS HERE */
.fine { font: 7pt/1.5 verdana, arial, sans-serif; color: #666666; padding: 15px 0px 30px 0px; }
.fine a:link { color: #666666; text-decoration: none; }
.fine a:visited { color: #666666; text-decoration: none; }
.fine a:hover { color: blue; text-decoration: underline; }
/* FOOTER ENDS HERE */

/* 768 SCREEN VIEW STARTS HERE */
@media (max-width: 768px) {
.main { margin: 8% auto 0 auto; }
.tease { width: 90%; float: none; margin: 0 auto 0 auto; padding: 5% 5% 5% 5%; }
.cover { width: 80%; float: none; margin: 0 auto 0 auto; padding: 10%; }
.cover img { width: 100%; margin: 0 auto 0 auto; }
.sub { margin: 0px auto 0px auto; }
.fine { font: 10pt/2 verdana, arial, sans-serif; }
.privacyback { padding: 5% 5% 10% 5%; }
.thanksback { padding: 5% 5% 10% 5%; }

/* CONTACT FORM STARTS HERE */
.contextop { display: block; width: 94%; clear: both; padding: 5% 0 0 0; margin: 0% auto 5% auto; }
.context { display: none; }
.howlft { width: 259px; float: none; margin: 0% auto 5% auto; background: #d6d3d3; }
.howlft input { width: 219px; }
.howlft textarea { width: 219px; }
/* CONTACT FORM ENDS HERE */

}

/* SCREEN VIEWS AT 480 PIXELS */
@media (max-width: 480px) {
.subpic { display: none; }
.subcopy { width: 90%; float: none; margin: 2% auto 2% auto; padding: 5% 0 10% 0; }
.miscinfo { padding: 5% 0 6% 0; }
.retailinfo { padding: 5% 0 5% 0; }
} /* END OF 480 MEDIA CALL */