/* styles for search box */
#marketing_container { position:relative; width:960px; padding:40px 0px 100px 0px; margin:0px auto; background:transparent url("/assets/footer_city.png") bottom center no-repeat; z-index:10;}
#marketing_container h1 { font-size:36px; font-weight:500; text-align:center;}
#marketing_container h2 { font-size:24px; width:700px; margin:20px auto 0px auto;}
#marketing_container form { position:relative; height:40px; width:600px; margin:40px auto; border:none;}
#marketing_container form input[type="text"] { float:left; color:#666666; font-size:24px; height:50px; width:300px; padding:4px 12px 4px 20px; margin-right:16px; border:1px solid #CCCCCC; border-radius:8px; background-color:#FFFFFF;}
#marketing_container #hps_submit { float:left; color:#FFFFFF; font-size:22px; text-align:center; height:50px; width:250px; background:linear-gradient(0deg, #88120D, #B41811), #B41811; border:1px solid #20619B; border-radius:8px; cursor:pointer;}
#marketing_container #hps_submit:hover { color:#20619B; background:#F7FAFB;}

/* styles for listings */
#listings { position:relative; height:137px; width:500px; padding:0px; margin:0px; overflow:hidden;}
#listings a.listing { position:relative; display:block; color:#333333; font-size:12px; line-height:16px; padding:4px 0px; border:none; border-bottom:1px dotted #CCCCCC; z-index:1;}
#listings a.listing:hover { background-color:#FFFFCC; text-decoration:none;}
#listings #gradient { position:absolute; bottom:0px; left:0px; height:20px; width:500px; z-index:2;}

/* styles for companies box */
.company_logo { position:relative; display:block; float:left; height:71px; width:71px; padding:0px; margin:0px 12px 12px 0px; overflow:hidden;}
.company_logo.last { margin-right:0px;}

/* styles for rest of the page */
#body_content { position:relative; width:960px; padding:0px; margin:0px auto;}
#body_content:after { content:''; clear:both; display:block;}
.subsection { position:relative; padding:12px 8px 0px 8px; margin:20px 0px 0px 0px; border:none; border-top:1px dotted #CCCCCC;}
.subsection:after { content:''; clear:both; display:block;}
.subsection h3 { color:#333333; font-size:20px; font-weight:normal;}
.subsection h3 a { color:#333333; font-size:20px; font-weight:normal;}
.subsection .how_it_works {position:relative; float:left; font-size:20px; line-height:28px; width:300px; margin:0px 20px 0px 0px; padding:0px 0px 0px 50px;}
.subsection .how_it_works:last-child { margin-right:0px;}
.subsection .how_it_works .step { position:absolute; top:0px; left:0px; color:#FFFFFF; line-height:40px; text-align:center; width:40px; height:40px; background-color:#2D7DC6; border-radius:20px;}




/*** Start: 2024 Style Updates ***/

#marketing_container {
	background-color: #efefef;
	width: 100%;
	text-align: center;
}

	#marketing_container #hps_submit {
		float: none;
		margin: 20px auto;
		display: inline-block;
		border: solid 1px #B41811;
		height: auto;
		padding: 15px 30px;
		font-weight: 400;
		font-size: 22px;
		line-height: 22px !important;
		width: auto;
	}

.subsection {
	padding: 20px 0px 20px 0px;
    margin: 20px 0px 20px 0px;
    border: none;
    border-top: none;
	
}

	.subsection .how_it_works {
		width: 250px;

	}	

.scrollbox {
	max-height: 500px;
    overflow: auto;
}


/*** End: 2024 Style Updates ***/