body {margin:0}

@font-face {
  font-family: 'ErasBD';
  src: url('fonts/erasbd-webfont.eot');
  src: local('☺'),
	url("fonts/erasbd-webfont.woff") format("woff"),
	url("fonts/erasbd-webfont.ttf") format("opentype"),
	url("fonts/erasbd-webfont.svg#ErasBD") format("svg");
	}


h1, p, li, ul, div, textarea, small, input {font-family:Verdana, Arial, Helvetica, sans-serif}
h2, h3, .nextBtn {font-family:"ErasBD"}

h1	{font-size:26px; color:#a41b00; margin:0 0 30px}
h2	{font-size:19px; color:#a41b00}
	.side h2	
h3, .nextBtn	{font-size:15px; letter-spacing:-.05em}
h4	{font-size:14px; margin: 0;}
	.thirdWidth h4	{font-size:12px;}
	.quartWidth h4	{font-size:12px;}

h1, h2, h3 {white-space:nowrap}
.inline_block { display:inline-block; }
p, li, input, select, textarea, .pretty_label	{font-size:14px;}
small {
	font-size:11px;
	margin-bottom:10px;
	display: inline-block;
	}
input, select, textarea	{color:#666}

a 	{
	text-decoration:none;
	font-size:10px;
	color:#6EBEC5;
	}
a:hover	{color:#CCC}

/* li	{list-style-type: none}*/

.checkmark li {list-style:none}
.checkmark li:before {content:"\2714  "}

input[type="checkbox"] { vertical-align:middle; }
input, select, textarea {
   background: #FFF;
   border: 1px solid #DDD;
   border-radius: 0;
   padding: 5px;
   height: 34px;
   font-size: 16px;
   line-height: 1;
   }
input 	{
	margin-right: 10px;
	height:24px;
	}
textarea {
	height:100px;
	width:95%;
	}
.sub_section select {
   background: #FFF;
   }
   
.busLnk, #business a,
.comLnk, #community a	{color:#6EBEC5}
.reaLnk, #realestate a	{color:#F1B14F}
.perLnk, #personal a	{color:#C0Cf7B}
.eduLnk, #edcuation a	{color:#E46A5D}

#form .nextBtn {color:#fff;}

.stpTitle {color:#555;}
.stpTitle span {
	color:#999;
	font-style:italic;
	font-weight:normal;
	}

.contact .submit, .login .submit, .forgot .submit,
.busLnk.main_section:hover, .busLnk.main_section.selected, a.busLnk:hover, #business .mainLnk, #business .submit,
.comLnk.main_section:hover, .comLnk.main_section.selected, a.comLnk:hover, #community .mainLnk, #community .submit	{background-color:#6ebec5}
.reaLnk.main_section:hover, .reaLnk.main_section.selected, a.reaLnk:hover, #realestate .mainLnk, #realestate .submit	{background-color:#f1b14f}
.perLnk.main_section:hover, .perLnk.main_section.selected, a.perLnk:hover, #personal .mainLnk, #personal .submit, .order .submit	{background-color:#0e284d}
.eduLnk.main_section:hover, .eduLnk.main_section.selected, a.eduLnk:hover, #education .mainLnk, #education .submit	{background-color:#e46a5d}


.main_section.deselected, .main_section.deselected:hover {
	color:#BBB;
	background-color:#F2F2F2;
	}
	
.main_section.deselected img, .main_section.deselected:hover img {
	-webkit-opacity:0.3;
	   -moz-opacity:0.3;
			opacity:0.3;
	}
	
.main_section.selected:hover img {
	-webkit-opacity:0.3;
	   -moz-opacity:0.3;
			opacity:0.3;
	}
	


.logo {
	background:url('images/logo.jpg') top center no-repeat;
	cursor:pointer;
	height:73px;
	width:100%;
	}
.content {
	border-top:1px solid #d0d0d0;
	background-color:#F1F1F1;
	padding-bottom: 10px;
	width:100%;
	}
.content_, .base_{
	margin:30px auto;
	width:860px;
	}
.side {
	width:23.5%;
	float:right;
	padding:0 0 0 2%;
	}
	.blurb {
		border-top:2px solid #FFF;
		padding:10px 0 20px 25px;
		font-style:italic;
	}
	.blurb img {
		margin:20px 0 0 0;
		position: relative;
		right: -40px;
	}
	
	.sidebar_arrow {
		position: relative;
		border-top-width:20px;
		border-top-style:solid;
		border-top-color:#aaa;
		border-left:107px solid rgba(0, 0, 0, 0);
		border-right:107px solid rgba(0, 0, 0, 0);
		-webkit-animation: myfirst 5s infinite;
		   -moz-animation: myfirst 5s infinite;
				animation: myfirst 5s infinite;
	}
		@-webkit-keyframes myfirst {
			0%   {border-top-color:#ccc}
			20%  {border-top-color:#ccc}
			50%	 {border-top-color:#025290}
			80%  {border-top-color:#ccc}
			100% {border-top-color:#ccc}
			}
	
		@keyframes myfirst {
			0%   {border-top-color:#ccc}
			20%  {border-top-color:#ccc}
			50%	 {border-top-color:#025290}
			80%  {border-top-color:#ccc}
			100% {border-top-color:#ccc}
			}
	
	.funding_sections {
		border-width: 2px;
		border-color:#f6f6f6;
		border-style:dotted;
		border-top:0 none;
		padding: 30px 3px 5px;
		margin-top: -20px;
		width: 100%;
		-webkit-box-shadow:inset 0 0 24px #fff;
		   -moz-box-shadow:inset 0 0 24px #fff;
				box-shadow:inset 0 0 24px #fff;
		-webkit-animation: frame 5s infinite;
		   -moz-animation: frame 5s infinite;
				animation: frame 5s infinite;
		}
		@-webkit-keyframes frame {
			0%   {border-color:#fff; background-color:transparent}
			20%	 {border-color:#fff; background-color:transparent}
			50%	 {border-color:#bbb; background-color:#fff}
			80%	 {border-color:#fff; background-color:transparent}
			100% {border-color:#fff; background-color:transparent}
			}
	
		@keyframes frame {
			0%   {border-color:#fff; background-color:transparent}
			20%	 {border-color:#fff; background-color:transparent}
			50%	 {border-color:#bbb; background-color:#fff}
			80%	 {border-color:#fff; background-color:transparent}
			100% {border-color:#fff; background-color:transparent}
			}
	.funding_sections a {
		position:relative;
		width:85%;
		padding:3px 5%;
		margin:3px 1.5%;
		border-width:2px;
		border-style:solid;
		display: inline-block;
	}
	.funding_sections a:hover {
		color:#fff;
	}
	.funding_sections img {
		float:left;
		margin-right:10px;
	}
	
	.hidden_sections {display:none}
	.hidden_sections a {
		display:inline-block;
		width:94%;
		margin: 0 0 5px;
		border-width:2px;
		border-style:solid;
		}
	.hidden_sections a:hover {
		color:#fff;
		}
	.hidden_sections h3 {
		line-height: 100%;
		font-size: 20px;
		margin: 15px;
		}
	.hidden_sections img {
		width:44px;
		float:left;
		margin: 5px;
	}
	
	.funding_types {
		border-top:2px solid #FFF;
		padding:20px 0;
	}
	.funding_types a {
		margin:1px;
		float:left;
		position:relative;
		display: inline-block;
	}
	.funding_types a:hover {color:#000}
	.funding_types p {
		position:absolute;
		padding-top:20px;
		text-align:center;
		font-weight:bold;
		font-size:12px;
		width:57px;
		opacity:0;
		margin:0;
		z-index:1;
	}
	.funding_types a:hover {
		background-color:#FFF;
		-webkit-box-shadow:0 0 10px 5px #FFF;
		   -moz-box-shadow:0 0 10px 5px #FFF;
				box-shadow:0 0 10px 5px #FFF;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
				border-radius:10px;
	}

.blurbs {
	width:100%;
	/*min-height:150px;*/
	}

	.blurbs li {
		margin:0;
		padding:15px;
		border: 1px dotted #FFFFFF;
	}
	
	.blurbs h4 {
		margin:0;
		padding:0;
	}
	.blurbs p {
		font-size:13px;
		font-style: italic;
	}
	
	#button_quotes, .button_quotes_class {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	.qr_buttons {
		margin-top:10px;
	}


.main {
	border:1px solid #BABABA;
	background-color:#FFFFFF;
	width:73.5%;
	}
	
.main2 {
	border:1px solid #BABABA;
	background-color:#FFFFFF;
	width:100%;
	}	
	
.main_ {
	margin:40px 11%;
	}
.terms .main,
.login .main,
.forgot .main,
.privacy .main {
	width:100%;
	}
	.quote {
		margin:0px 0px 0px 0px;
		color:#025290;
		padding:25px 0px 25px 0px;
		width:200px;
		float:left;
		font-size:13px;
		font-style:italic;
	}
	.quote span {
		font-size:12px;
		font-style:normal;
		margin-top:10px;
		display:block;
		float:right;
	}
	.quote img {
		float:left;
		margin-right:10px;
	}
	.quote-bottom {
		margin-bottom:100px;
	}
	.numbers li {
		list-style-type:decimal;
		padding:0 0 10px;
	}
	
	.box {
		width: 100%;
		padding: 40px;
		border-spacing:0;
		background-color: #F6F6F6;
		-wekbit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.box td:first-child {
		width:120px;
	}
	.box td:last-child {
		border-left:1px solid #ccc;
		padding-left:20px;
	}
	.main_section, .mainLnk {
		width:19%;
		cursor:pointer;
		padding:9px;
		margin:0 0 20px;
		display:inline-block;
		}
	.main_section:hover h3, .main_section.selected h3, .mainLnk h3 {
		color:#FFF;
		}
	.main_section.deselected:hover h3, .main_section.deselected h3 {
		color:#CCC;
		}
	.main_section h3, .mainLnk h3 {
		text-align:center;
		}
	


.section {
	display:none;
    margin-top: -38px;
    position: relative;
    z-index: 2;
	}

.sub_section, .form_section {
	width:auto;
	margin:0px;
	padding:3px 0 10px 20px;
	}
	

	
.sub_section {
	background-color:#F6F6F6;
	}
	
	
#business.section,
#community.section {
	border:3px solid #6EBEC5;
	}
#realestate.section {
	border:3px solid #F1B14F;
	}
#personal.section {
	border:3px solid #C0CF7B;
	}
#education.section {
	border:3px solid #E46A5D;
	}


.nextBtn_container {
	width:100%;
	clear:both;
	height:56px;
	padding:15px 0 0 0;
	}
.nextBtn {
	color:#FFF;
	float: right;
	margin:0 20px 0 0;
	padding:15px 20px;
	background-color:#CCCCCC;
	}
.nextBtn:hover {
	background-color:#6EBEC5;
	}
.btnLnk {
	color:#000;
	padding:5px 7px;
	margin:0px;
	display:inline-block;
	vertical-align:middle;
	background-color:transparent;
	}
.btnLnk img {
    float: left;
	margin:0 5px 0 0;
	}
.btnLnk h4 {
	height: 55px;
	display:table-cell;
	vertical-align:middle;
	}
.btnLnk:hover {
	color:#FFF;
	background-color:#ccc;
	}
.btnLnk.selected, .btnLnk.selected:hover {
	color:#FFF;
	background-color:#888;
	}
.loginBtn {
	margin:0 10px 10px 0;
	display: block;
	float: left;
	width: 100%;
	}

.nextBtn, .btnLnk, .main_section, .funding_sections a, .mainLnk, .submit, a {
	cursor:pointer;
	-webkit-transition:all 0.3s;
	   -moz-transition:all 0.3s;
			transition:all 0.3s;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	}
	.submit {
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
	}
.main_section, .btnLnk, .main_section  {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	}
.main_section img, .funding_sections img, .btnLnk img {
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	}

.btnLnk img {border:1px solid #F1F1F1}
.main_section img {border:3px solid #fff}
.funding_sections img {border:2px solid #F1F1F1}

.selections .mainLnk {
	float:left;
	padding:3px;
	cursor:default;
	margin:2px 10px 0 0;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
	}

.cols2 {
	padding:0;
	-webkit-column-count:2;
	   -moz-column-count:2;
			column-count:2;
	
	-webkit-column-gap:20px;
	   -moz-column-gap:20px;
			column-gap:20px;
	
	-webkit-column-rule:1px solid #CCC;
	   -moz-column-rule:1px solid #CCC;
			column-rule:1px solid #CCC;
	}
.selections {
	width:100%;
	margin:0 0 10px 0;
	}

.base {
	width:100%;
	margin:auto;
	color:#aaa;
	padding-top:30px;
	border-top:1px solid #CCC;
	}
	.copy {
		font-size:9px;
		color:#AAA;
		float:right;
	}

.fullWidth	{width:100%;}
.fillWidth	{width:72%}
.halfWidth	{width:48.5%}
.thirdWidth	{width:32%}
.quartWidth	{width:24%}

 div.fillWidth {
 	height:24px;
	padding: 5px 10px 0 0;
	margin-right: 10px;
 	}

.fullWidth .halfWidth {
	margin:0 15px 0 0;
	}
.halfWidth select {
	margin:0 10px 0 0;
	}
select.halfWidth {
	margin:0 10px 0 0;
	width:53%;
	}
.halfWidth p {
	margin:9px 0 0;
	}
.halfWidth span {
	margin: 20px 15px 0 15px;
	font-size:12px;
	float:right;
	color:#000;
	}

.input_text {width:400px}

.left	{float:left}
.right	{float:right}
.clear, .clear_both	{clear:both; margin:0 0 20px 0}
.clear_left { clear:left; margin: 0 0 20px 0}
#credit_card_icon { margin: 0px }

.sub_section ul {
	list-style-type: none;
	float: left;
	margin: 10px 0 0 10px;
	padding: 0;
	width: 220px;
}

#form {
	margin:20px 0 20px -5%;
	width: 110%;
	/* This is a single-line comment */
	/*border-bottom: 3px dashed #CCCCCC;*/
	/*border-top: 3px dashed #CCCCCC;*/
	padding: 0px 0px 10px 0px;
}


#form2 {
	margin:0px 0 20px -5%;
	width: 110%;
	padding: 0px 0px 10px 0px;
}

.form_table	{padding:0 10px 10px 0; width:500px}
.form_table td	{padding-left:10px; height:26px;text-align:left; vertical-align:bottom}
.form_table input	{height:20px; padding:5px 2px 0 3px}
.form_table select	{height:28px; padding:5px 2px 0 3px}
.form_table textarea{ padding:5px 2px 0 3px; height:70px}
.form_table label	{cursor:pointer; display:block; margin-right:10px; float:left}
.form_table .radio	{min-width:18px; margin:8px 2px -8px 2px}
.form_table .full	{width:225px}
.form_table .full_ 	{width:470px}
.form_table textarea {width:470px}
.form_table .third	{width:68px}
.form_table .third_	{width:148px}
.form_table .phn	{width:45px}
.form_table .phn2	{width:60px}
.questions td.q, .questions td.a { float:left; display:table-cell; width:47%; }
input, select, textarea { font-size: 16px !important; }

.cc_form_clear_left { margin:0px !important; }
.cc_form_p { margin:5px 0px !important; }
.cc_form_h2 { margin:5px 0px !important; }

.show_numbers li { list-style-type:decimal }
.show_dots li { list-style-type:disc }

.submit {color:#fff; font:bold 20px/100% 'ErasBD' !important; padding:10px 20px !important; height:auto !important; text-align: center; width: 80%;}
.submit:hover {background-color:#CCC!important;color:#333}

.cc_form_right_data {
	display:inline-block; margin-left:36px;
}

.order_form_section {
	padding:5px; border:1px solid #BABABA; margin: 10px 0px; background: #DDEEFF;
}
.order_form_section:nth-child(even) {
	background: #EDF6FF;
}
input[name=cc_fname],input[name=cc_lname],input[name=cc_addr],input[name=cc_zip],input[name=cc_city],input[name=phone_full],select[name=cc_state] {
		width: 230px;
	}

input[name=billing_city] { width:49%; margin:0px; }
input[name=billing_state] { width:9%; margin:0px; }
input[name=billing_zip] { width:22%; margin:0px; }

@media screen and (max-width:900px) {
	h1, h2, h3 {white-space:normal}
	.side h3 {white-space:nowrap; text-indent:-5px}
	.content_, .base_ {width:690px}
	h1 {font-size:30px; text-align:center}
	h2 {font-size:16px}
	.logo {
		background-size:auto 65px;
		height:65px;
		}
	.sidebar_arrow {
		border-left:87px solid rgba(0, 0, 0, 0);
		border-right:87px solid rgba(0, 0, 0, 0);
		}
	.thirdWidth {width:48%}
	.funding_sections img {width:44px}
	.main_section img {width:60px}
	.main_section h3 {font-size: 12px}
	.main_section {
		padding:8px;
		width: 18.5%;
		}
	.quote {
		padding: 15px 0px 15px 30px;
		width: 200px;
		background-color:transparent;
		margin:0px;
		}
	
	
	
	#credit_card_icon { margin: 5px 0px 0px 190px; }
		
	.form_table  {width:335px}
	.form_table .full_, .form_table textarea {width:357px}
	.form_table .full {width:170px}
	.form_table .third_ {width:76px; margin-right:10px;}
	.form_table .third {width:30px}
	.form_table .phn2 {width:30px}
	.form_table .phn2 {width:20px}
	input[name=cc_fname],input[name=cc_lname],input[name=cc_addr],input[name=cc_zip],input[name=cc_city],input[name=phone_full],select[name=cc_state] {
		width: 178px;
	}
}
@media screen and (max-width:750px) {
	.logo {
		background-size:auto 50px;
		height:50px;
		}
	.content_, .base_ {width:520px}
	.main {width:100%}
	.side {display:none}
	.hidden_sections {display:block}
	.quote-bottom {
		margin-bottom:20px;
	}
	.forgot .input_text, .login .input_text {width:95%}
	.loginform td {
		width:100%;
		float:left;
		display:inline-block;
		}
		#credit_card_icon { margin: 5px 0px 0px 196px; }
		
}

@media screen and (max-width:520px) {
	h1 {
		margin: 0;
		font-size: 25px;
		text-align: center;
		}
	.logo {
		background:url('images/logo_mobi.jpg') top center no-repeat;
		background-size:auto auto;
		height:59px;
		}
	textarea {width:95%; font-size:18px;}
	form {
		margin:20px 0 20px -8%;
		width: 106%;
		}
	.cols2 {
		-webkit-column-count:1;
		   -moz-column-count:1;
				column-count:1;
		}
	.content_, .base_ {width:300px}
	.quote {
		width:90%;
		font-size:12px;
		padding:15px 5%;
		}
	.submit {padding:10px 60px; width: 90%;}
	.right {float:none}
	.fillWidth {width:95%}
	.quartWidth {width:20%}
	.main_ {margin:20px 7%}
	.main_section {
		width:100%;
		border:3px solid;
		margin: 0 5px 5px 0;
		}
	.main_section:hover {
		border:3px solid #fff;
		}
	.main_section img {
		float:left;
		}
	.main_section h3 {
		font-size: 22px;
		text-align:left;
		text-indent:10px;
		}
	.main_section.deselected,
	.main_section.deselected:hover {
		display: inline-block;
		border:1px solid #fff;
		margin: 5px 0;
		width: 48%;
		padding:0;
		}
	.main_section.deselected:hover {
		background-color: #ccc;
		}
	.main_section.deselected h3 {
		text-indent: 5px;
		font-size:14px;
		margin: 10px;
		}
	.main_section.deselected:hover h3 {
		color: #fff;
		}
	.main_section.deselected img {
		border:0 none;
		width: 38px;
		}
	.sub_section, .form_section {
		width:100%;
		padding: 1px 0 0 10px;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
		}
	.section {
		margin-left: -5%;
		margin-top: 0;
		width: 108%;
		}
	.hidden_sections {
		background:url("images/lrg_arrow.png") no-repeat -13px 10px;
		padding: 0 0 20px 75px;
		}
	.hidden_sections:before,
	.section:before {
		font-size:40px;
		color: #ccc;
		left: -48px;
		top: 108px;
		}
	.section:before {
		top: 60px;
		}
	.hidden_sections a {
		width:98%;
		}
	.selections .mainLnk {overflow:hidden}
	.stpTitle {
		font-size: 15px;
		}
	.loginform td {
		width:100%;
		float:left;
		display:inline-block;
		}
	.fullWidth, .halfWidth, .halfWidth select, select.halfWidth, .input_text {
		width: 95%;
		}
	.stpTitle {
		margin: 15px 0 10px;
		width:92%;
		}
	.btnLnk,
	#busStep1 .stpTitle,
	#reaStep1 .stpTitle,
	#perStep1 .stpTitle,
	#eduStep1 .stpTitle,
	#comStep1 .stpTitle {
		margin-left: 15%;
		width: 82%;
		}
	.btnLnk {
		background-color: rgba(0, 0, 0, 0.04);
		margin-bottom: 5px;
		}
	.box {padding:20px}
	.base {padding-top:0}		input[name=cc_phonearea],input[name=cc_phoneprefix],input[name=cc_phoneextension] { float: none !important; }	.phone_label { float: none !important; }		#credit_card_icon { margin: 5px 0px 0px 3px; }	
	input[name=billing_city] { width:100%; margin:1px; }
	input[name=billing_state] { width:30%; margin:0px; }
	input[name=billing_zip] { width:60%; margin:0px; }
}