/* User Styles
/	Designer: Steven Lindgren 
/	Version: 1.0
/	Framework: ZURB Foundation 5
/	Source: http://foundation.zurb.com/
*/	


html { -webkit-text-size-adjust: 100%;
	font-family: "Source Sans Pro", sans-serif;}
body		               { background: url(../img/fbs_site_bg_large.png) repeat-x center top;}	




/*************** Common ****************/
.footer						{ width: 100%;  background: #336ca3; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #ffffff;; text-decoration:underline; }

.clear						{ margin-bottom: 0px; clear: both; }
.center                     { margin: 0px auto 0px auto; text-align:center;}




/*************** Large Screens ****************/

.branding-bar				 { width: 100%; height:auto; margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px;   }
.branding-bar img            { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.top-info				     { width: 100%;  padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center;  }
.top-info h1				 { color: #0f4f7d;  font-size: 70px; line-height: 75px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; text-transform: uppercase;}
.top-info h2			  	 { color: #0f4f7d;  font-size:40px; line-height: 25px; font-weight:200; padding: 0px; margin: 10px 0px 20px 0px; }
.top-info sup                { position: relative;  font-size:18px; vertical-align: super; font-weight:100; }

.top-info-box				 { width: 100%;  padding:30px; margin:20px 0px 30px 0px;  background: #ffffff; border: 1px solid #b0b0b0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;} 
.top-info-box h3		     { color: #0f4f7d;  font-size:24px; line-height: 25px; font-weight:500; padding: 0px; margin: 0px 0px 30px 0px; text-align: center; }
.top-info-box label		     { font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:300; }
.top-info-box input          { background:#FFF; border: 1px solid #afafaf; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question            { font-size: 14px; margin:5px 0px 5px 0px; font-weight:100; padding: 0px 0px 0px 0px;}


.optin-wrap                  { background: #f6f6f6; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;   -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; }
.optin-wrap p                { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#757575!important; }
.optin-top                   { background-color:#0f4f7d; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px;  border-radius:5px 5px 0px 0px; }
.opt-in 				     { font-size: 11px!important; line-height:16px; color:#757575!important; margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px;}
.optin-wrap	a				 { color:#8cc700; }


.top-info-box .button2       { background:#ff7800; font-size: 18px ; font-weight:200;}
.prod-sect                   { margin:-30px 0px 0px 0px; padding: 0px 0px 0px 0px; }


.bottom {
	background: #336ca3;
    width: 100%;
    border-top:20px solid #ce181d; 
	padding: 30px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
  .bottom .modules img {
    width: 128px;
    
  }
  .bottom .modules h1 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 26px!important;
    color: white;
    text-transform: uppercase;
    text-shadow: 0px 2px 0px #22598e;
  }
  .bottom .modules p {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px!important;
    color: white;
	 font-weight: 100;
  }





/*************** Medium Screens ****************/

@media screen and (min-width: 40em) and (max-width: 63.9375em) {

.branding-bar				 { width: 100%; height:auto; margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px;   }
.branding-bar img            { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }	

.footer						{ width: 100%;  background: #336ca3; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; text-align: center; }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #ffffff;; text-decoration:underline; }	
	
	
}






/*************** Small Screens ****************/
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */

.branding-bar				 { width: 100%; height:auto; margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px;   }
.branding-bar img            { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.top-info				     { width: 100%;  padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center;  }
.top-info h1				 { color: #0f4f7d;  font-size: 25px; line-height: 25px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; text-transform: uppercase;}
.top-info h2			  	 { color: #0f4f7d;  font-size: 20px; line-height: 22px; font-weight:200; padding: 0px; margin: 0px 0px 10px 0px; }
.top-info sup                { position: relative;  font-size:18px; vertical-align: super; font-weight:100; }

.top-info-box				 { width: 100%;  padding:10px; margin:10px 0px 0px 0px;  background: #ffffff; border: 1px solid #b0b0b0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;} 
.top-info-box h3		     { color: #0f4f7d;  font-size:20px; line-height: 25px; font-weight:500; padding: 0px; margin: 0px 0px 30px 0px; text-align: center; }
.top-info-box .button2       { background:#ff7800; font-size: 15px ; font-weight:200;}

.prod-sect                   { margin:10px 0px 10px 0px; padding: 0px 0px 0px 0px; }
	
.footer						{ width: 100%;  background: #336ca3; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; text-align: center; }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #ffffff;; text-decoration:underline; }	
}




.processing {
  -moz-border-top-left-radius: 20px;
  -moz-border-top-right-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: white;
  box-shadow: 0px 2px 2px #999999;
  margin: 50px auto 50px auto!important;
}
.processing h1 {
  -moz-border-top-left-radius: 20px;
  -moz-border-top-right-radius: 20px;
  -moz-border-bottom-left-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #0b7dac;
  background: -moz-linear-gradient(top, #0b7dac 0%, #084f81 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b7dac), color-stop(100%, #084f81));
  background: -webkit-linear-gradient(top, #0b7dac 0%, #084f81 100%);
  background: -o-linear-gradient(top, #0b7dac 0%, #084f81 100%);
  background: -ms-linear-gradient(top, #0b7dac 0%, #084f81 100%);
  background: linear-gradient(to bottom, #0b7dac 0%, #084f81 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$grad-color-1', endColorstr='$grad-color-2',GradientType=0 );
  font-family: "Source Sans Pro", sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  text-shadow: 0px 2px 0px #162e50;
  margin: -2px 0px 30px 0px;
  padding: 8px;
}
.processing h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  color: black;
  letter-spacing: -1px;
  padding: 0px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
}
.processing #product-scroller {
  -moz-border-top-left-radius: 20px;
  -moz-border-top-right-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #e5e5e5;
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$grad-color-1', endColorstr='$grad-color-2',GradientType=0 );
  padding: 0px;
  margin: 0px auto 20px auto;
  text-align: center;
  border: 1px solid #cccccc;
  box-shadow: inset 0px 2px 10px #333333;
}





body{
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}