/*	Landing 3 ************************/

/*	Main Styles
------------------------------------ */
body {
	background: #fffbe5 url(headerBG.gif) top left repeat-x;
	color: #666;
	font: 62.5%  "Trebuchet MS", Trebuchet, Myriad, Verdana, sans-serif;
	margin: 0;
	padding: 0 0 16px 0;
	}
html > body { font-size: 10px; } /* Reset font-size for all but <= IE6 */

a         { border-bottom: 1px solid #ed2822; color: #666; font-weight: bold; text-decoration: none; }
	/* keep the border to prevent flickering */
a:link    { border-bottom: 1px solid #ed2822; }
a:visited { border-bottom: 1px solid #666;    }
a:hover   {
	background: #ed2822;
	border-bottom: 1px solid #ed2822;
	color: #fff;
	}
a:active  {
	border-bottom: 1px solid #666;
	background: #666;
	color: #fff;
	}

form { margin: 0; padding: 0; }
small { font-size: 0.8em; }

/*	Page Encapsulation
------------------------------------ */
#page { margin: 0 auto; width: 768px; }

/*	Header
------------------------------------ */
#header { background: #84ab27 url(headerBG.gif); color: #fff; }
#inboxDollars {
	background: url(inboxDollarsBG.jpg) no-repeat;
	height: 96px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
#gma {
	background: url(gmaBG.gif) no-repeat;
	display: block;
	height: 24px;
	text-indent: -9999px;
	}

/*	How It Works
------------------------------------ */
#howItWorks {
	background: url(howItWorks.gif) top right no-repeat;
	display: block;
	height: 380px;
	float:right;
	margin-top: -96px;
	width: 312px;
	text-indent: -9999px
	}
#howItWorks ol,
#howItWorks ul { list-style: none; }

/*	Testimonials
------------------------------------ */
#testimonials { margin: 0 0 8px 12px; }
#testimonials h2 {
	background: url(testimonial-header.gif) left top no-repeat;
	height: 48px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
.quote { font-size: 1.2em; margin: 0 8px 16px 8px; }
.quoteText { display: block; }
.quoteAuthor  { font-weight: bold;  }
.quoteAddress { font-weight: normal; font-style: italic; }

/*	Signup Form
------------------------------------ */
	/* structure */
#signupForm {
	clear: both; 
	font-size: 1.4em;
	padding: 12px 0 0 0;
	}
#signupForm h2 {
	background: url(signupForm-header.gif) top left no-repeat;
	height: 53px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
#signupForm form {
	background: #fffbe5 url(signupFormBG.gif) repeat-y;
	margin: 0;
	padding: 0;
	}
	
	/* signup bonus */
#signupBonus {
	background: url(signupBonus.jpg) no-repeat;
	display: inline;
	float: right;
	height: 108px;
	width: 108px;
	margin-top: -65px;
	margin-right: 20px;
	text-indent: -9999px;
	}

	/* notice */
#signupForm .notice { display: block; padding: 12px 20px; }

	/* Form and elements
	------------------------------------ */
		/* fieldsets and legends */
	#signupForm fieldset { padding: 0; border: none; float: left; width: 366px; }
	#signupForm legend { color: #333; font-size: 18px; font-weight: bold; margin: 0 0 4px 0; padding: 0 0 0 8px; }
	fieldset#personalInfo { margin: 0 12px 0 12px; }
	fieldset#memberInfo   { margin: 0 0 0 0; }

		/* tables */
	#signupForm table { border-collapse: collapse; width: 366px; }
	#signupForm td    { vertical-align: top; }
	td.formLabel { font-weight: bold; padding: 4px 8px 0 8px; width: 120px; }
	td.formField { padding: 2px 0; }

		/* form elements */
	input, select { border: 1px solid #698d40; font: 1em "Trebuchet MS", Verdana, sans-serif; }
	input#MemberStreet1 { margin-bottom: 6px; }
	select#MemberStateId { width: 156px; }
	select#MemberCountryId { width: 224px; }
	
	tr#street2_row td { padding: 0; }
	
		/* explanatory text */
	.explanatory { padding: 0 8px; }
	
		/* bottom of the form */
	#signupSubmit {
		background: url(signupForm-footer.gif) bottom left no-repeat;
		clear: both;
		margin: 0;
		padding: 8px 12px 20px 12px;
		text-align: center;
		}
	#signupSubmit input { border: none; }
	#submit { margin: 12px auto 0 auto; }

	/*	Errors
	------------------------------------ */
	tr.error td.formLabel { background: #ed2a23 url(error-topLeft.gif) top left no-repeat;   color: #fff; padding-top: 2px; }
	tr.error td.formField { background: #ed2a23 url(error-topRight.gif) top right no-repeat; color: #fff; padding-top: 2px; }
	tr.errorRow td {
		background: #ed2a23 url(error-bottom.gif) bottom left no-repeat;
		color: #fff;
		font-size: 0.8em;
		padding: 0 8px 2px 8px;
		}
	tr.error td.formField input, tr.error td.formField select { border: 1px solid black; }

		/* terms error */
	#terms_row.error { background: #ed2a23 url(termsError-top.gif) top left no-repeat; color: #fff; }
	#terms_row.error a { border-bottom: 1px solid #fff; color: #fff; }
	#terms_error {
		background: #ed2a23 url(termsError-bottom.gif) bottom left no-repeat;
		color: #fff;
		font-size: 0.8em;
		padding: 0 8px 2px 8px;
		}

/*	Footer
------------------------------------ */
#footer {
	background: #fffbe5;
	font-size: 1.1em;
	padding: 8px;
	text-align: center;
	}