/* 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 */ 


#promotion {
    width:711px;
}

#landing {
	position:relative;
	background:url(../images/landing_content_bg.jpg) no-repeat top left;
	width:711px;
	height:480px;
}
	#landing h1,
	#landing h2 {
		text-indent:-9999px;
	}
	#landing p {
		text-indent:-9999px;
	}
	#landing a span {
		display:none;
	}
	#landing a#vote {
		position:absolute;
		top:242px;
		left:477px;
		width:214px;
		height:45px;
	}
	#landing a#rules {
		position:absolute;
		display:block;
		top:240px;
		left:246px;
		width:197px;
		height:19px;
	}
	
	#landing a#recipe2 { /* the winner */
		position:absolute;
		top:237px;
		left:477px;
		width:226px;
		height:56px;
	}
	#landing a#recipe1 {
		position:absolute;
		top:325px;
		left:151px;
		width:127px;
		height:145px;
	}
	#landing a#recipe3 {
		position:absolute;
		top:306px;
		left:290px;
		width:127px;
		height:145px;
	}
	#landing a#recipe4 {
		position:absolute;
		top:325px;
		left:428px;
		width:127px;
		height:145px;
	}
	#landing a#recipe5 {
		position:absolute;
		top:306px;
		left:569px;
		width:127px;
		height:145px;
	}
#confirmation {
	background:url(../images/confirmation_content_bg.jpg) no-repeat top left;
	width:711px;
	height:430px;
}
	#confirmation h1,
	#confirmation h2 {
		text-indent:-9999px;
	}
#callouts {
	width:711px;
	margin:8px 0 15px 0;
}
	#callouts .callout {
		float:left;
		display:inline;
		position:relative;
	}
	#callouts .first {
		margin-right:13px;
	}
	#callouts h1,
	#callouts p {
		text-indent:-9999px;
	}
	#callouts a {
		display:block;
		text-indent:-9999px;
		position:absolute;
		top:0;
		left:0;
		width:349px;
		height:137px;
	}
	#callouts .short a {
		height:117px;
	}
	#callouts .runner-up-prizes {
		background:url(../images/callout_runner-up-prizes.jpg) no-repeat top left;
		width:349px;
		height:117px;
	}
	#callouts .last-years-winners {
		background:url(../images/callout_last-years-winners.jpg) no-repeat top left;
		width:349px;
		height:117px;
	}
	#callouts .cover-up {
		background:url(../images/callout_cover-up.jpg) no-repeat top left;
		width:349px;
		height:137px;
	}
	#callouts .winners-2008 {
		background:url(../images/callout_2008-winners.jpg) no-repeat top left;
		width:349px;
		height:137px;
	}
	#callouts .disney {
		background:url(../images/callout_disney.jpg) no-repeat top left;
		width:349px;
		height:137px;
	}
	#callouts .prizes {
		background:url(../images/callout_pastwinner.jpg) no-repeat top left;
		width:349px;
		height:117px;
	}
	#callouts .tips {
		background:url(../images/callout_tips.jpg) no-repeat top left;
		width:349px;
		height:117px;
	}

.box-wrapper {
    background:url(../images/box-bg.gif) repeat-y top left;
    width:711px;
}
.box-outer {
    background:url(../images/box-top-bg.jpg) no-repeat top left;
}
.box {
    background:url(../images/box-bottom-bg.jpg) no-repeat bottom left;
    min-height:338px;
} *html .box-inner {
    height:338px;
}
.box-inner {
    width:558px;
    margin:0 auto;
}
.box h1 {
    text-indent:-9999px;
    height:155px;
    margin:0;
}
.box h2 {
    margin:0;
}
    #step1 h2 {
        text-indent:-9999px;
        background:url(../images/h_step1.gif) no-repeat top left;
        height:28px;
    }
    #step2 h2 {
        text-indent:-9999px;
        background:url(../images/h_step2.gif) no-repeat top left;
        height:28px;
    }
    #step3 h2 {
        text-indent:-9999px;
        background:url(../images/h_step3.gif) no-repeat top left;
        height:28px;
    }
.box h3 {
	height:16px;
	margin:25px 0 5px 0;
}
	.box h3.first {
		margin-top:8px;
	}
	.box h3 span {
		text-indent:-9999px;
		display:none;
	}
	#step3 h3#information {
		background:url(../images/h_information.gif) no-repeat top left;
	}
		#step3 h3#information a {
			margin-left:133px;
		}
	#step3 h3#details {
		background:url(../images/h_details.gif) no-repeat top left;
	}
		#step3 h3#details a {
			margin-left:148px;
		}
	#step3 h3#ingredients {
		background:url(../images/h_ingredients.gif) no-repeat top left;
	}
		#step3 h3#ingredients a {
			margin-left:142px;
		}
	#step3 h3#instructions {
		background:url(../images/h_instructions.gif) no-repeat top left;
	}
		#step3 h3#instructions a {
			margin-left:237px;
		}
	#step3 h3#story {
		background:url(../images/h_story.gif) no-repeat top left;
	}
		#step3 h3#story a {
			margin-left:84px;
		}
.divider {
    height:1px;
    background-color:#99C2E3;
    overflow:hidden;
    margin:25px 0;
}
.box table {
	border-collapse:collapse;
}
.box table .label {
    font-weight:bold;
    white-space:nowrap;
}
.box table td {
	padding-top:6px;
}
	.box table td td {
		padding-top:0;
	}
	#step2 table td {
		padding-top:20px;
	}
	#step2 table td.recipe-name,
	#step2 table td.relationship {
		padding-top:7px;
	}
.box table td input.text {
    width:237px;
    height:19px;
    border:#7F7F7F 1px solid;
    margin-top:3px;
    padding-top:1px;
}
	.box table td input.phone3nums {
		width:55px;
		margin-right:3px;
	}
	.box table td input.phone4nums {
		width:63px;
	}
    .box table td input.zip {
        width:104px;
    }
    .box table td input.family-info {
		width:196px;
    }
    .box table td input.recipe-specs {
		width:82px;
    }
.box table td select.text {
    height:21px;
    border:#7F7F7F 1px solid;
    margin-top:3px;
    padding-top:1px;
} *+html .box table td select.text {
    margin-top:4px;
} *html .box table td select.text {
    margin-top:4px;
}

.box table td .checkbox {
    float:left;
    display:inline;
}
.box table td span.checkbox-copy {
    display:block;
    float:left;
    margin:2px 0 0 2px;
    width:278px;
}
.box .button {
    margin-bottom:60px;
}


/* Step1 */
.box table td.first-optin {
	padding-top:20px;
}
.box table td.last-optin {
	padding-bottom:20px;
}

/* Step2 */
#step2 {
	padding-bottom:85px;
}
#step2 p#rules {
	margin-top:2.0em;
}
table .textarea {
	border:#7F7F7F 1px solid;
	width:536px;
	height:120px;
	margin-top:5px;
}
#step2 #word_count {
	color:#CCCCCC;
	font-size:1.5em;
}


/* Step3 */
#step3 {
	padding-bottom:100px;
}
#step3 p#rules {
	margin-top:2.0em;
}
#step3 .bottom-divider {
	width:427px;
}
#step3 a.edit {
	font-weight:normal;
	font-size:12px;
}
#step3 table td {
	padding:1px;
}


/* Last Year's Winners */
#past-winners {
	background:url(../images/box-bottom-bg-past-winners.gif) no-repeat bottom left;
	min-height:170px;
} *html #past-winners {
	height:170px;
}
#past-winners .box-inner {
    margin:0;
    width:711px;
}
#past-winners #winner {
    position:relative;
    background:url(../images/last_years_winner_content_bg.jpg) no-repeat top left;
    width:711px;
    height:322px;
}
    #past-winners #winner h2,
    #past-winners #winner p {
        text-indent:-9999px;
    }
    #past-winners #winner a.recipe-img {
        position:absolute;
        top:19px;
        left:32px;
        display:block;
        width:385px;
        height:285px;
        text-indent:-9999px;
    }
    #past-winners #winner a.button {
        position:absolute;
        top:153px;
        left:445px;
        display:block;
        width:190px;
        height: 27px;
        text-indent:-9999px;
    }
#past-winners #runners-up {
    margin:0 0 16px 29px;
    width:660px;
}
    #past-winners #runners-up h3 {
        background:url(../images/h_runners-up-entry-submissions.gif) no-repeat top left;
        width:269px;
        height:22px;
        margin:27px 0 28px 0;
        text-indent:-9999px;
    }
    #past-winners #runners-up ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
        #past-winners #runners-up ul li {
            margin:0 0 32px 0;
            padding:0;
            float:left;
            display:inline;
            width:315px;
        }
            #past-winners #runners-up ul li.end {
                margin-left:26px;
            }
            #past-winners #runners-up ul li img.recipe-img {
                float:left;
                display:inline;
            }
            #past-winners #runners-up ul li p {
                font-weight:bold;
                margin:5px 0 0 123px;
            }
                #past-winners #runners-up ul li p.recipe {
                    margin-top:6px;
                    color:#A767AA;
                    background:none;
                }
            #past-winners #runners-up ul li img.button {
                margin:23px 0 0 7px;
            }
            
/* Tips page */
#tips .box-inner {
	width:650px;
	padding-bottom:20px;
} 
#tips h2 {
	overflow:hidden;
	font-size:1px;
	width:254px;
	height:0;
	padding-top:25px;
	padding-bottom:0;
	background:url("../images/h_creating_traditions.gif") no-repeat top left;
	margin-bottom:6px;
}
#tips p.intro {
	color:#4661ad;
	border-bottom:1px solid #99c2e3;
	padding-bottom:9px;
	margin-bottom:24px;
	margin-top:0;
}
#tips ul {
	margin:0;
	padding:0;
	list-style:none;
}
#tips ul li {
	margin:0 43px 0 0;
	padding:0 0 10px 10px;
	background:url("../images/icon_tipbullet.gif") no-repeat 0 .5em;
}

#tips ul li h3 {
	color:#4661ad;
	font-family:Georgia, "Times New Roman", Times, Serif;
	font-size:13px;
	margin-bottom:0;
	padding-bottom:0;
}   
#tips ul li.shorter {
	margin-right:133px;
}         

/* Voting */
#voting h2 {
	text-indent:-9999px;
	background:url(../images/h_voting.gif) no-repeat top left;
	height:23px;
}
#voting .divider {
	margin:7px 0 0 0;
}
#voting table td {
	padding-top:10px;
}
	#voting table td td {
		padding-top:0;
	}
#voting td.optin {
	padding-top:18px;
}	
	#voting table td.optin .checkbox {
		float:left;
		display:inline;
	}
	#voting table td.optin span.checkbox-copy {
		display:block;
		float:left;
		margin:2px 0 0 2px;
		width:375px;
	}
#voting #recipes {
    margin:25px 0 0 0;
    width:660px;
}
    #voting #recipes ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
        #voting #recipes ul li {
            margin:0 0 19px 0;
            padding:0;
            float:left;
            display:inline;
            width:292px;
            min-height:110px;
        } *html #voting #recipes ul li {
			height:110px;
        }
            #voting #recipes ul li.end {
                margin-left:10px;
            }
            #voting #recipes ul li img.recipe-img {
                float:left;
                display:inline;
            }
            #voting #recipes ul li p {
                font-weight:bold;
                margin:2px 0 0 123px;
            }
                #voting #recipes ul li p.recipe {
                    margin-top:2px;
                    color:#A767AA;
                    background:none;
                }
                #voting #recipes ul li p.recipe-link {
                    margin-top:8px;
                }
					#voting #recipes ul li p.recipe-link a {
						color:#1EA9E3;
						font-weight:normal;
					}
            #voting #recipes ul li input.button {
                margin:6px 0 0 5px;
            }
p#rules {
	margin:0 0 227px 0;
	font-weight:bold;
} *html p#rules {
	margin-top:19px;
} *+html p#rules {
	margin-top:19px;
}
/* Voting Thanks */
#votingthanks {
	background:url(../images/votingthanks_content_bg.jpg) no-repeat top left;
	width:711px;
	height:430px;
	position:relative;
}
	#votingthanks h1,
	#votingthanks h2,
	#votingthanks p {
		text-indent:-9999px;
	}
	#votingthanks a {
		text-indent:-9999px;
		position:absolute;
		top:317px;
		left:171px;
		width:112px;
		height:22px;
	}
/* Voting Not Eligible */
#votingnoteligible {
	background:url(../images/votingnoteligible_content_bg.jpg) no-repeat top left;
	width:711px;
	height:430px;
	position:relative;
}
	#votingnoteligible h1,
	#votingnoteligible h2 {
		text-indent:-9999px;
	}
	#votingnoteligible a {
		text-indent:-9999px;
		position:absolute;
		top:315px;
		left:49px;
		width:164px;
		height:22px;
	}
