/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------- Scholastic Renewal Styles -----------------------*/

body {
	margin: 0 auto;
	background: #000;
	text-align: center;	
}

#wrapper {
	max-width: 816px;
	margin: 0 auto;
	text-align: left;
	
}
#main-wrap{
	background: #bdebfa;
	/*-moz-border-radius: 0 10px 0px 0px;
	-webkit-border-radius: 0 10px 0px 0px;
	border-radius: 0 10px 0px 0px;*/
	overflow:hidden;
	height:1%;
}
div#header img {max-width:816px; width:100%; height:auto;}

#magcover {
  float:left;
  margin:25px 0 0 0;
  width:265px;
  text-align:center;
	}
#magcover img{
	display:block;
  margin:0 auto;
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
	/*width:352px;*/
}
#magcover h3{
	color: #75796a;
    font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size:20px;
    font-weight:bold;
    padding:15px 0 20px;
}
#magcover h3 strike{
  color:#ce0028;
  padding:0 2px;
  background:url(images/strike.png) no-repeat scroll center center;
  text-decoration:none;
}
.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
span.required{
	color: #8a0000;
}
/*--------------------- FORMS -----------------------*/

div#form {
	float: right;
    padding: 25px 40px 0 0;
    text-align: center;
    width: 460px;
}

div#form h5 {
	background: #147291;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	padding: 0.6em;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
h5 .top-header{
	display:block;
	text-align:center;
	padding-bottom:12px;
}
div#form h5 strong { font-weight:bold;}
div#form h5 span.verify {
	color: #fff;
	display: block;
}

div#form span#requiredtxt {
	
    display: block;
    font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0 0 10px;
    text-align: left;
}

div#form form {
	padding: 15px 25px 15px 20px;
	background: #fff;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}

div.entry {
	height: 1.4em;
	padding: 0.5em 0 0.5em 8px;
	text-align: left;
	width: 99%;
}

div.entry label.label {
	color: #909181;
    float: left;
    font-family: Helvetica,Arial,Tahoma,sans-serif;
    font-size: 1em;
    font-weight: bold;
    position: relative;
    text-align: right;
    top: 4px;
}
div.entry .label2 {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #909181;
	display:inline-block;
}

/* .label {
	float: left;
	width: 100%;
	margin-right: 5px;
	text-align: left;
	clear: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	padding: 0 0 0.6em 0;
} */


input.text_field, textarea {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font: none;
	background: #fff;
	border: 1px solid #CCCDBD;
	color: #909181;
	float: right;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding: 3px;
	width:295px;
}
input.text_field2, textarea {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font: none;
	background: #fff;
	border: 1px solid #CCCDBD;
	color: #909181;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding: 3px;
}
input.text_field_x, textarea {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background:#e5e5e5;
	border: 1px solid #CCC;
	color:#909181;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding: 3px;
}

input.text_field:focus, input.text_field2:focus{
	background-color: #FFCC00;
	color: #000;
}
input#email,
input#emailB,
input#phone,
input#phoneB {	width: 250px;}
#form .cityRow input#City,
#form .cityRow input#CityB { width:114px; }
#form .cityRow input#State,
#form .cityRow input#StateB { width:40px; }
#form .cityRow input#Zip,
#form .cityRow input#ZipB { width:70px;margin-right:0; }

.optionbox {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 16px;
	color: #909181;
	text-align: left;
	display: block;
	padding: 10px 10px 5px 0;
}

button.submit {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	padding:0;
	margin: 20px 140px 0px;
	height: 25px;
	width: 152px;
}
div.submit_btn {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background: transparent url(images/btn_submit.gif) no-repeat;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	height: 25px;
	width: 153px;
	display:block;
	padding: 0;
	text-indent: -9999px;
	margin: 0 auto;
}

span.fineprint {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 0.7em;
	color: #909181;
}

span.radiotxt {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 1em;
	color: #909181;
}

#price {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 0.7em;
	color: #333;
	text-align: center;
}

/*----------------------- FOOTER STYLES -------------------------*/

#footer {
	text-align: center;
	padding: 20px 0px;
	background: #bdebfa;
	/*-moz-border-radius: 0 0px 10px 10px;
	-webkit-border-radius: 0 0px 10px 10px;
	border-radius: 0 0px 10px 10px;*/
}

#footer img {
	padding: 10px;
}

#footer p {
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height: 1.2em;
}

#footer p a {
	color: #75786a;
	text-decoration: none;
	}
	
#footer p a:hover {
	color: #000;
	text-decoration: underline;
}

#footer p a:visited {
	color: #666;
	text-decoration: none;
}

#form .cityRow .label2{
					float:left;
					margin:3px 6px 0 0;
					width:49px;
				}
				#form .cityRow .text_field2{
					float:left;
					margin:0px 6px 0 0;
				}
				#form .cityRow .width{
					width:34px;
				}
				div#form h5 span.verify i{
					font-style:noraml;
					font-size:11px;
					position:relative;
					top:-3px;
				}
				
				.notification{
						margin: 0 0 16px;
						padding: 0 40px;
					}

/*----------------------- Media Queries -----------------------*/

@media screen and (max-width : 480px) {
	#wrapper { width: auto;}
	div#header { background-image: none; font: bold 26px arial, sans-serif; height: auto; text-indent: 0; white-space: nowrap; overflow: visible; color: #fff; }
	#main-wrap { padding-bottom: 10px; width: 100%; }
	#magcover { float: none; margin: 10px auto; width: 90%; }
	#magcover img { height: 373px; width: 280px; }
	div#form { display: block; clear: both; float: none; padding: 0; width: 90%; margin: 0 auto;}
	div.entry {
		height: auto;
	}
	div.entry label.label, div.entry label.label2 {
		float: none;
		display: block;
		margin-bottom: 5px;
		text-align: left;
	}
	input.text_field, textarea {
		float: none;
		width: auto;
	}
	#form .cityRow label.label2 { float: none; width: 100%;}
	#form .cityRow input.text_field2 { float: none; margin-bottom: 5px; width: 100%;}
	input#email { width: auto; }
	button.submit {
		margin: 20px auto;
	}
}


@media screen and (min-width : 481px) and (max-width : 540px) {	
	#wrapper { width: auto;}
	div#header { background-image: none; font: bold 66px arial, sans-serif; height: auto; text-indent: 0; white-space: nowrap; overflow: visible; color: #fff; }
	#main-wrap { padding-bottom: 10px; width: 100%; }
	#magcover { float: none; margin: 10px auto; width: 90%; }
	div#form { display: block; clear: both; float: none; padding: 0; width: 90%; margin: 0 auto;}

}

@media only screen and (min-width: 960px) {
#magcover {  margin: 25px 0 0 25px;}
}