/* Clear Fix */
/* Apply the clearfix class to any element which acts as a container for floats. */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display:inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1px;}
/* End hide from IE-mac */ 


/* general template styles */
#promotion {
    width:725px;
    color:#EEE1E1;
}
	#promotion .sm-text {
		font-size:0.8em;
	}
	#promotion h2 {
		margin:0 0 0.5em 0;
		font-weight:normal;
		font-size:1.6em;
	}
		#promotion h2 span {
			color:#FF9900;
		}
		#promotion #ineligible h2,
		#promotion #thanks h2 {
			margin-bottom:1.0em;
		}
		#promotion #rules h2 {
			font-family:georgia,arial,helvetica,sans-serif;
			font-size:1.2em;
			font-weight:bold;
			text-align:center;
			color:#FF9900;
			margin-bottom:1.2em;
			line-height:1.4em;
		}
	#promotion p {
		margin:0 0 1em 0;
		padding:0;
	}
	#promotion a {
		color:#FF9900;
	}
#header {
	background:url(../images/header.jpg) no-repeat top left;
	width:725px;
	height:210px;
}
	#header h1,
	#header p {
		text-indent:-9999px;
	}

.content-wrapper-outer {
	background:url(../images/content_bg.jpg) repeat-y top left;
}
	.content-wrapper-inner {
		background:url(../images/content_bg_top.jpg) no-repeat top left;
		padding:23px 100px 35px 100px;
	}
table th {
	width:191px;
	padding-right:25px;
	text-align:left;
}
fieldset {
	border:0;
	margin:25px -40px 0 0;
	padding:0;
	width:565px;
}
.formrow {
	margin-bottom:11px;
}
.formrow label {
	font-weight:bold;
	display:block;
	margin-bottom:3px;
	margin-left:2px;
}
.formrow p {
	margin-bottom:7px;
}
.formrow span {
	white-space:nowrap;
}
.formrow .formcell {
	float:left;
	display:inline;
	width:242px;
}
.formrow .shortcell {
	width:auto;
}
.formrow .longcell {
	width:100%;
}
.formrow .formcellleft {
	margin-right:40px;
}
#promotion .formrow p {
	margin:0 0 3px 0;
	color:#F8AD01;
}
.formrow input.text {
	font-size:1em;
	padding-top:2px;
	padding-bottom:2px;
	width:242px;
	border:#7F7F7F 1px solid;
}
	.formrow .dobcell {
		width:225px;
	}
	.formrow input.zip {
		width:80px;
	}
	.formrow input.phone {
		width:63px;
	}
	.formrow .statecell {
		margin-right:25px;
		width:136px;
	}
	.formrow .zipcell {
		width:100px;
	}
.formrow .recipe-instructions {
	margin:20px 0 0 0;
}
.formrow textarea {
	width:517px;
	height:84px;
}
.checkboxrow {
	margin-bottom:5px;
}
.first-checkboxrow {
	margin-top:25px;
}
.checkboxrow input,
.checkboxrow label {
	float:left;
	display:inline;
}
.checkboxrow label {
	width:85%;
	font-weight:normal;
	margin-left:4px;
	margin-top:2px;
} *html .checkboxrow label {
	margin-top:3px;
} *+html .checkboxrow label {
	margin-top:3px;
}
input.checkbox {
	vertical-align:middle;
}
.formrow span.note {
	font-weight:bold;
	color:#4c4c4c;
}
	
	
/* landing page */
#landing {
	position:relative;
	background:url(../images/landing_content_bg.jpg) no-repeat top left;
	width:709px;
	height:760px;
	margin-left:2px;
}
	#landing h1 {
		text-indent:-9999px;
	}
	#landing h2 {
		text-indent:-9999px;
	}
	#landing p {
		text-indent:-9999px;
	}
	#landing a {
		text-indent:-9999px;
	}
	#landing a#rules {
		position:absolute;
		display:block;
		top:478px;
		left:615px;
		width:76px;
		height:24px;
	}
#callouts {
	width:713px;
	margin:9px 0 18px 0;
}
	#callouts .callout {
		float:left;
		display:inline;
		position:relative;
		width:350px;
		height:116px;
		background:url(../images/callout_bg.jpg) no-repeat top left;
		color:#333333;
	}
	#callouts .first {
		margin-right:13px;
	}
	#callouts h1 {
		margin:15px 0 2px 0;
		padding:0;
		text-indent:-9999px;
		height:17px;
		line-height:0;
	}
	#callouts p {
		margin:0;
		padding:0;
	}
	#callouts a {
		display:block;
		text-indent:-9999px;
		position:absolute;
	}
	#callouts .winners {
		text-align:center;
		font-size:0.9em;
	}
		#callouts .winners h1 {
			width:183px;
			height:12px;
			line-height:12px;
			text-align:center;
			margin:15px auto 5px auto;
		} *+html #callouts .winners h1 {
			margin:13px auto 3px auto;
		}
			#callouts .winners h1#grand {
				background:url(../images/callout_winners_h1_grand.gif) no-repeat top left;
			}
			#callouts .winners h1#first {
				background:url(../images/callout_winners_h1_first.gif) no-repeat top left;
			}
		#callouts .winners p {
			xdisplay:none;
		}
	#callouts .first-1000-coupon img {
		position:absolute;
		top:15px;
		left:19px;
	}
	#callouts .first-1000-coupon .text {
		margin-left:139px;
	}
		#callouts .first-1000-coupon .text h1 {
			background:url(../images/callout_first1000coupon_h1.gif) no-repeat top left;
			width:90px;
		}
		#callouts .first-1000-coupon .text p {
			width:195px;
		}
			#callouts .first-1000-coupon .text p.sm-text {
				margin-top:6px;
			}
	#callouts .recipe-of-the-week a.recipe-img img {
		position:absolute;
		top:15px;
		left:26px;
	}
	#callouts .recipe-of-the-week .text {
		margin-left:119px;
	}
		#callouts .recipe-of-the-week .text h1 {
			background:url(../images/callout_recipeoftheweek_h1.gif) no-repeat top left;
			width:162px;
		}
		#callouts .recipe-of-the-week .text p {
			width:215px;
		}
	#callouts .recipe-of-the-week a.button {
		background:url(../images/callout_recipeoftheweek_button.gif) no-repeat top left;
		top:81px;
		left:227px;
		width:96px;
		height:21px;
	}
	
	#callouts .peanut-butters a.peanut-butters-img img {
		position:absolute;
		top:13px;
		left:26px;
	}
	#callouts .peanut-butters .text {
		margin-left:119px;
	}
		#callouts .peanut-butters .text h1 {
			background:url(../images/callout_trynaturalpb_h1.gif) no-repeat top left;
			width:196px;
			height:33px;
		}
	#callouts .peanut-butters a.button {
		background:url(../images/callout_see_varieties_button.gif) no-repeat top left;
		top:81px;
		left:227px;
		width:103px;
		height:21px;
	}


/* Step 1 */
.captcha {
	margin:20px 0 25px 0;
}
	.captcha .code {
		float:left;
		display:inline;
		margin:10px 16px 0 0;
	}
	.captcha #captcha-submission {
		float:left;
		display:inline;
	}
		.captcha #captcha-submission label {
			width:150px;
			font-weight:normal;
		}


/* Step 2 */
#step2 p#required {
	margin-bottom:25px;
}
#step2 #buttons {
	margin-top:30px;
}
	#step2 #submission {
		float:right;
		display:inline;
		margin-right:4px;
	}
		#step2 #submission p {
			margin-top:6px;
		}


/* Step 3 */
#step3 h3 {
	margin:2.0em 0 0.7em 0;
}
	#step3 h3 a {
		margin-left:10px;
	}
#step3 p {
	margin-bottom:0.5em;
}
	#step3 p#rules-link {
		margin-top:8px;
	}
#step3 .button {
	margin-top:30px;
}


/* Confirmation */
#confirmation .formrow .formcell {
	width:150px;
}
#confirmation .formrow .formcellleft {
	margin-right:20px;
}
#confirmation h2 {
	margin:0 0 25px 0;
}
#confirmation .button {
	margin:10px 0 5px 0;
}
#confirmation a#thanks {
	color:#EEE1E1;
}
#confirmation .content-wrapper-inner {
	padding-left:25px;
}
#confirmation img#product-shot {
	float:left;
	display:inline;
	margin:10px 30px 10px 5px;
}
#confirmation #text {
	float:left;
	display:inline;
	margin:15px 0 0 0;
}
#confirmation fieldset {
	width:360px;
}
#confirmation .formrow input.text {
	width:150px;
}
#confirmation {
	padding-right:0;
}
#confirmation p.oops {
	color:#FF9900;
	width:400px;
}


/* Thanks*/
#thanks .content-wrapper-inner {
	padding-left:25px;
}
#thanks img#product-shot {
	float:left;
	display:inline;
	margin:10px 30px 10px 5px;
}
#thanks #text {
	float:left;
	display:inline;
	margin:15px 30px 0 0;
	width:280px;
}


/* Ineligible */
#ineligible img#product-shot {
	float:left;
	display:inline;
	margin:10px 30px 10px 5px;
}
#ineligible #text {
	float:left;
	display:inline;
	margin:35px 0 0 0;
	width:350px;
}