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	{color:#ffffff}
h3, .nextBtn	{font-size:15px; letter-spacing:-.05em}
h4	{font-size:14px; margin: 0 0 15px 0}
	.thirdWidth h4	{font-size:12px;}
	.quartWidth h4	{font-size:12px;}

#order_form_bottom_button { display:none; }
	
p, li, input, select, textarea	{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}

.adButtons {
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding: 0px 0px 5px 10px;
	border: 0px;
}

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;
	width: 85%;
	}
	
hr {
float: left;
width: 91%;
}
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:#c0cf7b}
.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;
	}


.submit {
	font:bold 20px/100% 'ErasBD';
	margin-bottom: 30px;
	padding:10px 80px;
	height:auto;
	color:#FFF;
	}
.submit:hover {background-color:#CCC!important;color:#333}

.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:960px;
	}
.side {
	width:28%;
	float:right;
	}
	
	
	.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 {
		background:url(/images/StepArrow2.png) -2px center no-repeat;
		border-bottom: 3px dashed #CCCCCC;
		border-top: 3px dashed #CCCCCC;
		display: block;
		margin: 10px 0;
		padding: 0 0 20px 110px;
		position: relative;
	}

	.hidden_sections a {
		display:inline-block;
		width: 48%;
		margin: 0 0 5px;
		border-width:2px;
		border-style:solid;
		}
	.hidden_sections a:hover {
		color:#fff;
		}
	.hidden_sections h3 {
		line-height: 100%;
		font-size: 19px;
		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;
	}




.categories_title {
	float: left;
	background-color: #ab1b00;
	width: 100%;
	}
	
.categories_title p{
	color: #fff;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	}

#categories {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	}

#categories ul{
margin: 0;
padding: 0;
	list-style-type: none;
	}

#categories li{
	text-align: center;
	width:100%;
	background-color: #fff;
	margin: 0px 0px 2px 0px;
	padding: 3px 0px 3px 0px;
	}

.blurbs {
	width:100%;
	float: left;
	/*min-height:150px;*/
	background-color: #fff;
	}

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


.main {
	border:1px solid #BABABA;
	background-color:#FFFFFF;
	width:70%;
	}
.main_ {
	margin:20px 5%;
	}
	
	
.form-area {
float: left;
background-color: #edeceb;
padding: 10px 10px 30px 35px;
margin-bottom: 30px;
height: 100%;
min-height: 400px;
border-top-style: dashed;
border-bottom-style: dashed;

}
	
.terms .main,
.login .main,
.forgot .main,
.privacy .main {
	width:100%;
	}
	.quote {
		background-color:#F5F5F5;
		color:#706f6f;
		padding:15px;
		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;
		}
	
	.subcategory { float:none; margin: 5px 0px; }


.section {
	display:none;
    margin-top: -38px;
    position: relative;
    z-index: 2;
	}
.section:before {
	content: "Step 2";
	left: -120px;
	}

.sub_section, .form_section {
	width:auto;
	margin:0px;
	padding:15px 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:27%}
.quartWidth	{width:24%}

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

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

.input_text {width:400px}

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

@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);
		}
	.hidden_sections a {width:100%}
	.hidden_sections:before,
	.section:before {
		font-size:40px;
		left:-95px;
		}
	.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;
		width: 150px;
		}
	#credit_card_icon {
		margin: 5px 0px 0px 190px;
		}
		
	.adButtons.siteBtn1, .adButtons.siteBtn2, .adButtons.siteBtn3, .adButtons.siteBtn4, .adButtons.siteBtn5 {
		width: 400px;
	}
}
@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}
	.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/StepArrow2_top.png") no-repeat top center;
		padding: 90px 0px 10px 0px;
		}
	.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; }	
	
	.adButtons.siteBtn1, .adButtons.siteBtn2, .adButtons.siteBtn3, .adButtons.siteBtn4, .adButtons.siteBtn5 {
		width: 235px;
	}
	
	.questions input[type=text], .questions input[type=tel], .questions select {
		width:136px;
		font-size:16px !important;
	}
	.questions textarea, .questions input[name=cc_email] {
		width: 247px;
		font-size:16px !important;
	}
	
}