/* ----------------- Purchase Membership Form ------------------- */

#memberPurchase {
	width: 840px;
	overflow: hidden;
	margin: 15px auto 0;
}

#content #memberPurchase h2 {
	font-size: 23px;
	line-height: 34px;
	margin: 15px 0;
	text-align: center;
}

div.memberBadge {
	width: 350px;
	float: right;
	text-align: right;
	margin: 0px;
}

div.memberBadge img {
	position: relative;
	top: -10px;
}

ul.featuresList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.featuresList li {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
	padding: 1px 0 1px 22px;
	background: transparent url(/images/wht-reg/checkbox_small.jpg) 0px 3px no-repeat;
	text-align: left;
	color: #444;
}

form#MembershipPurchaseForm {
	margin: 0 0 20px;
}

#premium, #corporate, #payment {
	clear: both;
	padding: 10px 0;
}

#premium .floatLeft { float: left; margin: 30px 0 0; }
#corporate .floatLeft { float: left; margin: 15px 0 0; }
.floatLeft { float: left; }

form#MembershipPurchaseForm fieldset {
	display: block;
	position: relative;
	z-index: 3;
	overflow: hidden;
	margin: 0;
	padding: 10px 15px 15px;
	text-align: left;
	border: 1px solid #999;
}

form#MembershipPurchaseForm fieldset legend {
	position: relative;
	z-index: 4;
	font: bold 16px 'Trebuchet MS', Helvetica, Verdana, sans-serif;
	color: #000;
	#margin: 0 0 10px;
}

form#MembershipPurchaseForm fieldset .fieldBlock {
	clear: both;
	overflow: hidden;
	padding: 5px 0 15px;
}

.fieldBlock .clearFields {
	display: block;
	clear: left;
	overflow: hidden;
}

.clearLeft {
	clear: left;
}

.clearBoth {
	clear: both;
}

form#MembershipPurchaseForm div.input {
	clear: left;
	overflow: hidden;
	margin: 0;
	padding: 7px 0;
	color: #333;
}

form#MembershipPurchaseForm div#payment fieldset div.input {
	clear: none;
	overflow: hidden;
	float: left;
	width: 400px;
	margin: 0;
	padding: 8px 0 0;
}


form#MembershipPurchaseForm div label {
	float: left;
	text-align: right;
	width: 130px;
	margin: 0 20px 0 0;
	padding: 8px 0;
	font-size: 14px;
}

span.label {
	display: inline-block;
	text-align: left;
	width: 120px;
}

span.price {
	display: inline-block;
	text-align: left;
	width: 70px;
}

form#MembershipPurchaseForm div label span.savings {
	font-style: italic;
	color: #DA8114;
}

form#MembershipPurchaseForm div.input input,
form#MembershipPurchaseForm div.input select,
form#MembershipPurchaseForm div.input textarea {
	clear: none;
	float: left;
	width: 220px;
	margin: 4px 0 0;
	padding: 4px 5px;
	border: 2px solid #D1D1D1;
	background: #fff;
	font-size: 14px;
	line-height: 15px;
	color: #434343;
}

form#MembershipPurchaseForm div.input select				{ width: 323px; padding: 4px 5px 0; font-size: 14px; }
form#MembershipPurchaseForm div.input option				{ width: auto; padding: 4px 0 0 4px; font-size: 14px; }

.listingUpgrade div.input option, .listingFields option	{ padding: 0; font-size: 13px; }

.listingUpgrade input#PaymentSourceCvv			{ width: 60px; }
.listingUpgrade select#PaymentSourceExpirationMonth	{ width: 140px; }
.listingUpgrade select#PaymentSourceExpirationYear	{ width: 90px; margin-left: 10px; }

form#MembershipPurchaseForm div.input .checkbox	{
	clear: none;
	float: left;
	width: 156px;
	margin: 8px 2px 0 0;
}

form#MembershipPurchaseForm div.input .checkbox input,
form#MembershipPurchaseForm div.input .checkbox label		{ float: none; width: auto; height: auto; margin: 0 5px 0 0; padding: 0; border: none; background: none; display: inline; }


form#MembershipPurchaseForm div.checkbox input			{ border: none; }

form#MembershipPurchaseForm div.radio input,
form#MembershipPurchaseForm div.radio label				{ float: none; width: auto; height: auto; margin: 0 5px 0 0; padding: 0; border: none; background: none; }

.paySeals { width: 305px; overflow: hidden; float: right; text-align: right; }
.paySeals img { border: none; }
.paySeals div.AuthorizeNetSeal { float: left; margin: 9px 0 0; }

form#MembershipPurchaseForm div#payment fieldset div.radio			{  }
form#MembershipPurchaseForm div#payment fieldset div.radio input	{ float: left; clear: left; margin: 4px 7px 4px 0; border: none; }
form#MembershipPurchaseForm div#payment fieldset div.radio label	{ font-size: 13px; padding: 2px 10px 5px 0; margin: 0 0 0 6px; display: inline-block; width: auto; }


#payment div.input						{ margin: 0; }
form#MembershipPurchaseForm div#payment select { margin: 0; padding: 0; width: 200px; float: none; }
#payment input							{ margin: 8px 0 0 2px; }
#payment label							{ font-size: 13px; padding: 6px 10px 5px; display: inline-block; width: auto; }
#ListingSubscriptionAgree				{ margin: 0 6px 70px 2px; }
#creditCardInfo							{ margin: 15px 0; }
#payment .promoCode						{ clear: left; padding-top: 15px; }

form#MembershipPurchaseForm input#PaymentSourceCvv								{ width: 60px; }
form#MembershipPurchaseForm div#payment select#PaymentExpirationMonth			{ width: 120px; }
form#MembershipPurchaseForm div#payment select#PaymentExpirationYear			{ width: 90px; margin-left: 10px; }
form#MembershipPurchaseForm div#payment fieldset .expiration					{overflow: hidden; margin-bottom: 15px;}
form#MembershipPurchaseForm div#payment fieldset .expiration div.input			{ width: 600px; }

.listingUpgrade div em {
	width: auto;
	margin: 10px 0 0 10px;
}

form#MembershipPurchaseForm div.submit {
	clear: both;
	overflow: hidden;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

form#MembershipPurchaseForm div.submit input {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	margin: 0 auto;
	padding: 10px 25px;
	cursor: pointer;
	background: transparent url(/images/wht-reg/button-back-light.jpg) 0 0 repeat-x;
	border: 1px solid #3F547A;
}

form#MembershipPurchaseForm div.submit input:hover {
	background: transparent url(/images/wht-reg/button-back-light-hover.jpg) 0 0 repeat-x;
	text-decoration: underline;
}

#memberMessage { color: #f00; font-weight: bold; }

#disclaimer		{ color: #666; }

div#flashMessage { background: #FFFBCC; border: 1px solid #E6DB55; clear: both; color: #222; margin: 1em 0; padding: 1em; }