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


.body						{ }


#main-image                {  width: 100%; height:auto; background: url(../img/main_bg.jpg) no-repeat bottom; background-size: cover; position: relative; }
.branding-bar				{ width: 100%; min-height: 68px; margin: 0px 0px 0px 0px; padding:0px; background-color:#FFFFFF; }
.branding-bar a            { text-decoration:none; color: #282828;}

/* Top-Info Styles */
.top-info				    { width: 100%; background-size: cover; padding:75px 0px 75px 0px; margin:0px 0px 0px 0px; }
.top-info h1				{ color: #FFF;  font-size: 32px; line-height: 30px; font-weight:400; letter-spacing:-1px; padding: 0px; margin: 0px 0px 0px 0px;  }
.top-info p				    { padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; color:#FFF; font-size:15px; font-weight:100; line-height:23px;}
.top-info sup               { position: relative; top: 0px; font-size:12px; vertical-align: super; font-weight:100; letter-spacing:0px;}
.top-card  					{ padding:75px 0px 75px 0px; margin:0px 0px 0px 0px;}


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.top-info				    { width: 100%; height:auto; background-size: cover; padding:20px 0px 20px 0px; margin:0;}
.top-info h1				{ color: #FFF;  font-size: 26px; font-weight:500; letter-spacing:-1px; padding: 0px; margin: 0px 0px 10px 0px;}
.top-info p				    { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#FFF; font-size:12px; font-weight:100; line-height:20px;  }
.top-info sup               { position: relative; top: 1px; font-size:11px; vertical-align: super; font-weight:100; letter-spacing:0px; }
.top-card  					{ padding:15px 0px 15px 0px; margin:0px 0px 0px 0px; width:60%;}
}


/* Mid Bar Styles */
.mid-bar				    { width: 100%;  background-color:#282828; padding:12px 0px 12px 0px; margin:0px auto 116px auto; }
.mid-bar p				    {  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#fcb133; font-size:16px; font-weight:200; text-transform:uppercase; text-align:center;}
.mid-bar img				{  padding:0px 0px 0px 0px; margin:0px auto 0px auto; text-align:center; }

@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.mid-bar				    { width: 100%;  background-color:#282828; padding:8px 0px 0px 0px; margin:0px 0px 40px 0px; }
.mid-bar p				    { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#fcb133; font-size:16px; font-weight:200; text-transform:uppercase; }
.mid-bar span               { font-size:24px;  text-align:center; color:#ffffff; text-transform:none;}
.mid-bar img				{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  }
}


/* Bullets Left Styles */
.bullets					{ margin: 0px 0px 0px 0px; }
.bullets img				{ margin: 3px 10px 20px 0px; }
.bullets h1					{ color:#282828; font-size:38px; font-weight:300; padding: 0px 0px 0px 0px; margin:0px 0px 20px 0px;} 
.bullets p					{ color:#4d4d4d; font-size:17px; font-weight:200; padding: 15px 0px 0px 0px; line-height: 18px;}
.bullets span               { font-size:11px; }


@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.bullets					{ margin: 0px 0px 0px 0px; }
.bullets img				{ margin: 3px 10px 20px 0px; }
.bullets h1					{ color:#282828; font-size:26px; font-weight:300; padding: 0px 0px 0px 0px; margin:0px 0px 20px 0px;} 
.bullets p					{ color:#4d4d4d; font-size:17px; font-weight:200; padding: 15px 0px 0px 0px; line-height: 18px;}
.bullets span               { font-size:11px; }

}

.hiw                        { margin: 0px 0px 0px; }
.hiw h1                     { color:#282828; font-size:38px; font-weight:300; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hiw p					    { padding: 0px 0px 0px 0px;  font-size:16px; font-weight: lighter; line-height: 28px; color:#4d4d4d; }

@media only screen and (max-width: 40em) { 
.hiw                        { margin: 0px 0px 0px; }
.hiw h1                     { color:#282828; font-size:26px; font-weight:300; padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.hiw p					    { padding: 0px 0px 0px 0px;  font-size:16px; font-weight: lighter; line-height: 28px; color:#4d4d4d; }
}

.info-box			        { border: 1px solid #dff2f5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #ffffff; margin: 30px 0px 30px 0px; padding:10px; }
.info-box p                 { font-size:15px; color:#4d4d4d; font-weight:100;}


/*reg styles*/
.reg-box					{ background: #ffffff; margin: 0px 0px 50px 0px; padding:0px 10px 0px 10px; color:#4f4f4f; }
.reg-box h1			        { color: #282828;  font-size: 38px; font-weight:300; padding: 0px; margin: 0px 0px 20px 0px; }
.reg-box h2			        { color:#fcb133;  font-size: 29px; font-weight:200; padding: 0px 0px 0px 0px; margin: 6px 0px 0px 0px; text-transform:uppercase;  }
.reg-box h3			        { color:#fcb133;  font-size: 18px; font-weight:300; padding: 0px; margin: 10px 0px 10px 0px; text-transform:uppercase; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:300; }
.reg-box input              { background:#FFF; border: 1px solid #d8e7ea; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question           { font-size: 15px; margin:5px 0px 5px 0px; padding:0; font-weight:100;}
.opt-in						{ font-size: 12px; line-height:18px; color:#303030;}
.opt-in	a					{ color:#fcb133; }
.subinfo                    { font-size:11px; margin: 0px 0px 20px 0px; color:#4f4f4f; }
#hiddenquestion            { margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px; } 

@media only screen and (max-width: 40em) { 
.reg-box					{ background: #ffffff; margin: 0px 0px 50px 0px; padding:0px 10px 0px 10px; color:#4f4f4f; }
.reg-box h1			        { color: #282828;  font-size: 26px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.reg-box h2			        { color:#fcb133;  font-size: 20px; font-weight:100; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  }
.reg-box h3			        { color:#fcb133;   font-size: 18px; font-weight:300; padding: 0px; margin: 0px 0px 0px 0px; }
.reg-box form				{ margin:0px; padding:0px;}
.reg-box label				{ font-size: 15px; margin:0px 0px 0px 0px; padding:0; font-weight:300; }
.reg-box input              { background:#FFF; border: 1px solid #d8e7ea; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box-question           { font-size: 15px; margin:20px 0px 20px 0px; padding:0; font-weight:300; }
.opt-in						{ font-size: 12px; line-height:18px; color:#303030;}
.opt-in	a					{ color:#fcb133; }
.subinfo                    { font-size:11px; margin: -10px 0px 10px 0px; color:#4f4f4f; }
}



/*Why choose styles*/
.whychoose				    { width: 100%; padding:44px 0px 44px 0px; margin:116px 0px 0px 0px; background-color:#282828; }
.whychoose h1				{ color:#fcb133;  font-size: 38px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.whychoose p			    { padding: 0px 0px 0px 0px; color:#ffffff; font-size:16px; font-weight: lighter; line-height: 28px; }
.whychoose img				{ margin: 0px 0px 0px 0px; }
.whychoose sup              { position: relative; top: -5px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }

@media only screen and (max-width: 40em) { 
.whychoose				    { width: 100%; padding:44px 0px 44px 0px; margin:116px 0px 0px 0px; background-color:#282828; }
.whychoose h1				{ color:#fcb133;  font-size: 26px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.whychoose p			    { padding: 0px 0px 0px 0px; color:#ffffff; font-size:16px; font-weight: lighter; line-height: 28px; }
.whychoose img				{ margin: 0px 0px 0px 0px; }
.whychoose sup              { position: relative; top: -5px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }
}

/*lower info*/
.lowerinfo			        { width: 100%; padding:0px 0px 0px 0px; margin:116px 0px 0px 0px; background-color:#ffffff; text-align:center; }
.lowerinfo h1				{ color: #fcb133;  font-size: 38px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.lowerinfo p			    { padding: 0px 100px 0px 100px; margin:0px 0px 66px 0px; color:#4d4d4d; font-size:16px; font-weight: lighter; line-height: 28px; }
.lowerinfo img				{ margin: 0px 0px 0px 0px; text-align:center; }
.lowerinfo sup              { position: relative; top: -1px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }

@media only screen and (max-width: 40em) { 
.lowerinfo				    { width: 100%; padding:0px 0px 0px 0px; margin:60px 0px 0px 0px; background-color:#ffffff; text-align:center;}
.lowerinfo h1				{ color: #fcb133;  font-size: 26px; font-weight:300; padding: 0px; margin: 0px 0px 10px 0px; }
.lowerinfo p			    { padding: 0px 0px 0px 0px; color:#4d4d4d; font-size:16px; font-weight: lighter; line-height: 28px; }
.lowerinfo img				{ margin: 0px 0px 0px 0px; padding:0; text-align:center;}
.lowerinfo sup              { position: relative; top: -1px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }
}




/*Terms & Conditions */
.terms					    {  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#f7faff; margin: 60px auto 60px auto; padding:25px;  color:#4f4f4f; }
.terms-wrapper              { height: 1500px; overflow: auto; margin: 0px 0px 20px 0px; padding: 10px; background:#FFFFFF; border: 1px solid #dcdcdc;}
.terms h1                   { color:#fcb133;  font-size: 38px; font-weight:300; padding: 0px; margin: 20px 0px 20px 0px; }
.terms h2                   { color:#4f4f4f; font-size: 18px; font-weight:100; padding: 0px; margin: 0px 0px 0px 0px; }
.terms-text-block           { margin: 0px 0px 10px 0px; font-weight:200; }
.terms-text-block h1        { font-size: 16px; font-weight:500; color:#4d4d4d; margin: 0px 0px 10px 0px; text-decoration: underline; }
.terms-text-block p         { font-size: 14px;  color:4d4d4d; margin: 0px 0px 10px 0px; }
.terms-text-block li        { font-size: 14px; margin: 0px 0px 10px 0px;}
.table_header               { background:#1A1A1A; font-weight:600; color:#FFFFFF;}
.terms-legal-emphasis span  { font-weight:700; color:4d4d4d; }
.terms-scrollbox            { height: 450px; overflow: auto; margin: 20px 0px 20px 0px; font-size: 14px; padding:10px;  color:4d4d4d; border: 1px solid #dff2f5;}

.esign                      { background: #D5D5D5;}
.esign_wrap                 { background: #ffffff; border: 1px solid #dcdcdc; padding: 15px; margin:0px 0px 0px 0px;}
.esign_wrap p	            { font-size: 12px; color: #2e2e2e; font-weight:normal; padding: 0px; margin: 0px; }
.esign_optin                { margin:10px 0px 0px 0px; }
.esign_optin p	            { font-size: 13px; color: #2e2e2e; font-weight:normal; padding: 0px; margin: 0px; text-align:center; }
.esign_wrap ul              { margin: 10px 0px 0px 20px;  display:inline-block; }
.esign_wrap li             {  font-size: 12px; color: #2e2e2e; font-weight:normal; }
.highlight-bg               { background: #D5D5D5; padding: 5px 0px 5px 10px; margin:0px; font-size: 14px;  color:4d4d4d;}
.input-2                    { width: 100px; float:left; margin: 0px 5px 0px 0px; }



.pymt-top                   { margin: 0px 10px 0px 10px;}
.pymt-top h1                { color:#fcb133;  font-size: 55px; line-height: 55px; font-weight:400; letter-spacing:-1px; padding: 0px; margin: 40px 0px 0px 0px; text-align:center; }
.pymt-top h2                { color:#fcb133;  font-size: 23px; font-weight:400; padding: 0px; margin: 10px 0px 0px 0px; }
.pymt-top p                 { color:#4d4d4d;  font-size: 16px; font-weight:300; padding: 0px; margin: 0px 0px 0px 0px; }
.pymt-reg-box			    {  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#f7faff; margin: 60px auto 60px auto; padding:25px;  color:#4f4f4f; }
.pymt-reg-box h1            { color: #282828; font-size: 35px; font-weight:300; padding: 0px; margin: 40px 0px 0px 0px; }
.pymt-reg-box h2            { color: #4d4d4d;  font-size: 20px; font-weight:200; padding: 0px; margin: 0px 0px 0px 15px; }
.pymt-reg-box h3            { color: #92c446;  font-size: 20px; font-weight:500; padding: 0px; margin: 0px 0px 0px 15px; }






@media only screen and (max-width: 40em) { 
.terms					    {  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#efefef; margin: 60px auto 60px auto; padding:25px;  color:#4f4f4f; }
.terms-wrapper              { height: 1500px; overflow: auto; margin: 0px 0px 20px 0px; padding: 10px; background:#FFFFFF; border: 1px solid #dcdcdc;}
.terms h1                   { color:#fcb133;  font-size: 24px; font-weight:300; padding: 0px; margin: 20px 0px 20px 0px; }
.terms h2                   { color:#4f4f4f; font-size: 16px; font-weight:100; padding: 0px; margin: 0px 0px 0px 0px; }
}

/*footer styles*/

.footer						{ width: 100%;  background: #fcb133; margin: 0px 0px 0px 0px; padding: 55px 0px 0px 0px; }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #ffffff;; text-decoration:none; }
@media only screen and (max-width: 40em) { 
.footer						{ width: 100%;  background: #fcb133; margin: 0px 0px 0px 0px; padding: 55px 0px 0px 0px; }
.footer	p					{ color:#ffffff; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #ffffff; text-decoration:none; }
}



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

/* JBR DEV CODE ----------------------------------------------------- */
.modalBackground		{ background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup           	{ background-color:White; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px;}

/*  .opt-in-checkbox {
    font-size: 12px;
    line-height: 18px;
    color: #303030;
}
.opt-in-checkbox input[type="radio"] {
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox;
}    */