@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff2) format('woff2'), url(../fonts/OpenSans.woff) format('woff');
}

body {
  margin:0;
}

#wrapper {
  width:850px;
  margin:0 auto;
}

#form_content {
  padding:15px;
  min-height:700px;
}

#footer {
  width:700px;
  margin:8px auto;
  font:11px 'Open Sans', helvetica, arial;
  color:#fff;
  text-align:center;
}

a:link {
 color:#214ac6;
 text-decoration:none;
 }
a:visited {
 color:#214ac6;
 text-decoration:none;
 }
a:hover {
 color:#214ac6;
 text-decoration:underline;
 }



.regtxt {
   font:12px 'Open Sans', Arial, Helvetica, sans-serif;
   color:#444;
    }
.bregtxt {
   font:bold 12px Arial, Helvetica, sans-serif;
   color:#cc0000;
    }

.rd {
  font:bold 12px arial, verdana;
  color:#cc0000;
}

.hd {
  font:bold 18pt 'Roboto', helvetica, trebuchet ms, arial;
  color:#222;
  margin:15px 2px;
     }
.hdn {
  font:bold 24pt arial narrow, trebuchet ms;
  color:#222;
  margin:15px 2px;
  letter-spacing:-0.5px;
   }
.rhd {
  font:bold 18pt lucida,helvetica, arial,sans-serif;
  color:#222;
   }

.hdb {
  font:bold 12pt 'Roboto', trebuchet ms, arial;
  color:#555;
  border-bottom:1px solid #444;
  margin-bottom:15px;
  width:450px;
}


.rhdb {
  font:bold 12px verdana;
  color:#cc0000;
  border-bottom:1px solid #888;
  border-top:1px solid #888;
  padding:5px;
  background-color:#f7f7f7;
  width:300px;
  display:block;
  margin:8px 3px;

  }

.submit-button {
  color:#333 !important;
  font:bold 13px 'Roboto', sans-serif;
  text-align:center;
	background-color:#ccc !important;
	padding:7px 12px;
	border:1px solid #555;
}


.txt1 {
  font:bold 16px 'Open Sans', 'Lato', helvetica, arial;
  color:#444;
  padding-bottom:8px;
  padding-top:10px;
  line-height:17pt;
   }
.square {
  list-style-type: square;

}

.square1 {
  list-style-type: square;
  color:#333;
  margin-left:-20px;
}

.error_msg {
  font:12px arial;
  color:#990000;
}

.smtxt {
  font:11px verdana, helvetica;
  color:#666;
}


.pad {
  padding-left:20px;
  padding-right:50px;
}

select, textarea {
  border:1px solid #ccc !important;
  font:12px arial;
  color:#427392;
  padding:3px;
}

input[type=text] {
  border:1px solid #ccc;
  font:12px arial;
  color:#427392;
  padding:3px;
}



.hdl {
  font:bold 16pt lucida Grande,helvetica;
  color:brown;
  padding-bottom:10px;
}


.hd2 {
  font:bold 12pt lucida Grande,helvetica;
  color:#1a65a0;
  padding-bottom:10px;
}



.hd3 {
  font:17px helvetica,lucida,trebuchet ms,arial,lucida;
  color:#222;
   }
   
.hdg {
  font:bold 16pt lucida Grande,helvetica;
  color:#333;
  padding-bottom:10px;
}

#subscribe_menu {
  width:230px;
  float:right;
}

/* Module "S1" Text Style */

#box {
  background:#ffffff;
  width:210px;
  padding:15px;
  margin:0 auto;
  color:red;
  border-radius: 20px;
  }


#box h3 {padding: 0;line-height: 100%;height: auto;margin: 0 0 5px 0;font:16px 'Oswald', arial;letter-spacing:0.5px;border-bottom: 1px solid #000;color:#000;}


/* Module "S1" Link Color */
#box a:link, #box a:visited {font:12px 'Open Sans', arial; color:#555;text-decoration:none;background:none; }
#box a:hover {font:12px 'Open Sans', arial; color:#555;text-decoration:underline; }


.header1 {
	font:12px arial;
	font-weight:bold;
	color:#1a65a0;
	padding:5px 0 5px 3px;
	margin-bottom:8px;
	border-bottom:1px solid #999;
	border-top:1px solid #eee;
	background:#f7f7f7;
	width:500px;
	letter-spacing:1px;
}


.swb1 {
  font:bold 15pt helvetica,arial,sans-serif;
  color:#ee0000;
  line-height:18pt;
  margin-top:10px;
}

.swb2 {
  font:14px helvetica,arial,sans-serif;
  color:#333;
  line-height:20px;
}

.imb {
  border-bottom:1px solid #888;
}

.note {
  font:11px verdana,helvetica,arial;
  color:#333;
}

.header_promo {
  font:14px geneva,helvetica,arial,sans-serif;
  color:#064787;
}

.code_note {
  font:bold 13px arial, sans-serif;
  color:#cc0000;
  padding:10px;
}

.redtxt {
  font:13px 'Roboto', helvetica, arial;
  color:#dd0000;
}

.ttxt {
  font:14px tahoma, arial;
  color:brown;
}

#boxpp {
  background:#ccc;
  width:350px;
  padding:10px;
  margin:6px auto;
  color:#cc0000;
  font:10px verdana;
  border:1px solid #888;
  text-align:center;
  }
  
.hregtxt {
  font:15px helvetica, tahoma, arial;
  color:#444;
}


.tooltip {
	border-bottom: 0px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font:14px arial, sans-serif;
			color:#222;
			position: absolute; left:-12em; top:-8em; z-index: 99;
			margin-left: 0; width: 250px;
			text-align:left;
		}
		/*
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		} */
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background:#9FDAEE; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
		
		
#giftcard {
  width:500px;
  border:2px solid #cc0000;
  border-radius: 20px;
  box-shadow: 5px 5px 5px #999;
  font:13px arial;
  color:#444;
  padding:15px;
}

.shadow {
  box-shadow:8px 8px 5px #888888;
  border-right:1px solid #ffffff;
  border-bottom:1px solid #ffffff;
}

#tshirtgift {
  border:1px solid #888;
  box-shadow: 6px 5px 5px #888;
  border-radius: 6px;
  padding:10px;
  width:300px;
  background:#eee;
  margin:7px 8px 7px 18px;
}

#jsox {
  border:1px solid #888;
  box-shadow: 6px 5px 5px #888;
  border-radius: 6px;
  padding:10px;
  width:300px;
  background:#eee;
  margin:7px 8px 7px 18px;
}

#logo {
  margin:20px;
} 

#header {
  border-bottom:0px solid #999;
  }
  
s {
  text-decoration: line-through;
  color:brown;
} 

.pad {
  margin:10px 15px;
} 

.in5 {
  border:2px solid #999 !important;
  font:bold 13px #333 !important;
  padding:6px 10px;
}