/* advanced clearing technique 
Apply this class to the last element before the area that needs to clear. 
This eliminates the need for non-semantic extraneous mark-up, such as an empty div with clear:both applied */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}



/* = FORM-A 
==================================== */



#formA {
	width: 370px;
}

#formA .innerInput {
	width: 136px;
}

#formB .innerInput {
	width: 124px;
}

#formB {
	width: 300px;
}

#formB .greenText {
	font-weight: bold;
	color: #4c892a;
}

#formA h1 {
	font-size: 21px;
	color: #606262;
	font-weight: normal;
	border-bottom: none;
	margin-bottom: 4px;
	letter-spacing: 0;
	
}

#formB h1 {
	color: #CCCCCC;
	font-size: 24px;
	background: #ffae1f url(/images/bkg_formBheader.jpg) repeat-x left top;
	border: 1px solid #f99e33;
	padding: 4px 4px 4px 15px;
}

#formA h2 {
	font-size: 14px;
	color: #CCCCCC;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0;
	line-height: 1.5;
}

#formA .wrapper {
	width: 330px;
	padding: 0px;
}

#formA #infoRequest {
	background: #ECF2EB;
	padding: 9px;
}

#formA .label {
	font-weight: bold;
	color: #5a9b41;
	font-size: 11px;
}

#formB .label {
	font-size: 11px;
	color: #666;
	font-weight: bold;
}

#formA .fName, #formA .email, #formA .address, #formA .state, 
#formB .fName, #formB .email, #formB .address, #formB .state {
	float: left;
	width: 145px;
	margin-right: 30px;
	margin-bottom: 2px;
	clear: left;

}

#formB .fName, #formB .email, #formB .address {
	width: 130px;
	margin-right: 2px;

}

#formA .lName, #formA .hPhone, #formA .hPhoneZip, #formA .city,
#formB .lName, #formB .hPhone, #formB .hPhoneZip, #formB .city {
	float: left;
	width: 145px;
	margin-bottom: 2px;

}

#formB .lName, #formB .hPhone, #formB .hPhoneZip {
	width: 130px;

}

#formA .hPhoneZip .innerInput {
	width: 80px;

}

#formA .state .innerInput {
	width: 135px;

}

#formA .infoRegion1, #formA .infoRegion2, #formA .infoRegion3,
#formB .infoRegion1, #formB .infoRegion2, #formB .infoRegion3 {
	clear: both;
}

#formA .treatment, #formA .pregnancy, #formA .age,
#formB .treatment, #formB .pregnancy, #formB .age {
	margin: 0 0 0px 0;
	clear: both;

}

#formA .infoRegion2 .label,
#formB .infoRegion2 .label {
	padding: 0px 0 4px 0;
	font-weight: normal;
}

#formA .treatment .options,
#formB .treatment .options {
	float: left;
	width: 130px;
	margin-right: 30px;
	padding: 3px 0 4px 10px;
}

#formB .treatment .options {
	width: 104px;
	margin-right: 0;
	padding-left: 25px;
}

#formA .treatment .options input,
#formB .treatment .options input {
	padding-right: 20px;
}

#formA .pregnancy, #formA .age,
#formB .pregnancy, #formB .age {
	padding: 3px 0 3px 0;
	line-height: 15px;
}

#formA .pregnancy .label, #formA .age .label {
	width: 180px;
	float: left;
	margin-right: 10px;
	padding: 0;
}

#formB .pregnancy .label, #formB .age .label {
	width: 100px;
	float: left;
	margin-right: 40px;
	padding: 0;
}

#formA .pregnancy .options, #formA .age .options,
#formB .pregnancy .options, #formB .age .options {
	float: left;
}

#formA .pregnancy .options td, #formA .age .options td,
#formB .pregnancy .options td, #formB .age .options td{
	padding: 0 1px;
}


#formA .leadSource, #formA .timeframe, #formA .bestTime {
	text-align: center;
}


#formA .required {
	background: #e5ece4;
	border-top: 1px solid #d9e0d8;
	padding: 12px;
}

#formA .required p {
	margin: 0;
}

#formB .required {
	text-align: center;
}

#formA .infoRegion3 { padding-top: 6px; }


#formB .infoRegion, #formB .infoRegion2, #formB .infoRegion3 {
	border: 1px solid #7eb756;
	background: #a7d185 url(/images/bkg_formB-inner.jpg) repeat-x left top;
	padding: 8px 20px;
}

#formB .infoRegion3 { 
	text-align: center;
	padding: 10px 0 13px 0;
}

#formB .required ul {
	text-align: left;
}

.validatorError {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#formA #leadLabel {
	width: 170px;
	margin: 0 auto;
}

#formA #timeLabel {
	width: 135px;
	margin: 0 auto;
}

#formA #lookingLabel {
	width:230px;
	margin: 0 auto;
}

#LandingPage1_Submit {
	margin: 0 auto;
	text-align: center;
	display: block;
}