@charset "utf-8";
/************************* BODY/HTML */
body {
	margin: 0;
	background: #4EA4E2;
	font: medium Arial, Helvetica, sans-serif;
}
/************************* GLOBALS */
.clear { clear: both; }
.no-border { border: none; }
.left { float: left; }
.right { float: right; }

/************************* LAYOUT */
#bounds {
	margin: 0 auto;
	width: 974px;
	position:relative;
	z-index:1;
}
#top-nav-bounds {
	background-color: #CE262A;
	border-bottom: 1px solid #fff;
	min-width: 974px;
}

#top-nav-bounds #top-nav {
	color: #fff;
	margin: 0 auto;
	width: 974px;
}

#bounds .main-menu {
	z-index: 3;
	height: 117px;
	position: relative;
	text-align: center;
}
#bounds .menu-bottom {
	z-index: 4;
	width: 974px;
	height: 40px;
	position: absolute;
	bottom: -40px;
}

#bounds .content {
	z-index: 1;
	text-align: center;
	position: relative;
	height: 490px;
}

#bounds .content-recipes {
	z-index: 1;
	text-align: center;
	position: relative;
	height: 100%;
}

#bounds .content-recipe-contest {
	z-index: 1;
	text-align: center;
	position:relative;
	height: 100%;
	
}


#bounds .content-calories {
	z-index: 1;
	text-align: center;
	position: relative;
	height: 631px;
	background: url(../images/calorie-bg.jpg) no-repeat; 
}

#home-bg { background: url(../images/home-bg.jpg) no-repeat; }
#quiz-bg { background: url(../images/quiz-bg.jpg) no-repeat; }
#white-bg {
	padding-top: 80px;
	background: url(../images/white-bg.jpg) repeat-y;
}

#bottom {
	height: 165px;
	background: url(../images/footer.jpg) no-repeat;
}

#contest-bottom {
	height: 40px;
	background: url(../images/contest-footer.jpg) no-repeat;
}
/************************* FLASH*/
#get-flash {
	position: absolute;
	top: 30%;
	left: 45%;
}

big#no-flash {
	position: absolute;
	top: 20%;
	left: 39%;
	color: #fff;
}

big#no-flash a { color: #fff; }

.flash-ingredients {
	position: absolute;
	top: 30px;
	left: 20px;
}
.flash-calories {
	position: absolute;
	top: 0px;
	left: 20px;
}

/************************* MAIN MENU */
#bounds #menu { background: url(../images/menu-middle.jpg) no-repeat; position:relative;}
#bounds #menu-1 { background: url(../images/menu-middle-1.jpg) no-repeat; }
#bounds #menu-2 { background: url(../images/menu-middle-2.jpg) no-repeat; }
#bounds #menu-3 { background: url(../images/menu-middle-3.jpg) no-repeat; }
#bounds #menu-4 { background: url(../images/menu-middle-4.jpg) no-repeat; }
#bounds #menu-5 { background: url(../images/menu-middle-5.jpg) no-repeat; }

#bounds #menu,
#bounds #menu-1,
#bounds #menu-2,
#bounds #menu-3,
#bounds #menu-4,
#bounds #menu-5 { position: relative; }

#bounds .main-menu #menu-bottom { background: url(../images/menu-bottom.png) no-repeat; }
#bounds .main-menu #menu-bottom-1 { background: url(../images/menu-item1-bottom.png) no-repeat; }
#bounds .main-menu #menu-bottom-2 { background: url(../images/menu-item2-bottom.png) no-repeat; }
#bounds .main-menu #menu-bottom-3 { background: url(../images/menu-item3-bottom.png) no-repeat; }
#bounds .main-menu #menu-bottom-4 { background: url(../images/menu-item4-bottom.png) no-repeat; }
#bounds .main-menu #menu-bottom-5 { background: url(../images/menu-item5-bottom.png) no-repeat; }

/* ie6 */
#bounds .main-menu #menu-bottom-1 { left: 3px; }
#bounds .main-menu #menu-bottom-2 { left: 0px; }
#bounds .main-menu #menu-bottom-3 { left: 0px; }
#bounds .main-menu #menu-bottom-4 { left: 0px; }
#bounds .main-menu #menu-bottom-5 { left: 0px; }
#bounds .main-menu #menu-bottom { left: 0px; }

/* modern browsers */
html>body #bounds .main-menu #menu-bottom-1 { left: 3px; }
html>body #bounds .main-menu #menu-bottom-5 { left: 0px; }

#bounds .main-menu a {
	z-index: 5;
	display: block;
	color: #fff;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
}

#bounds .main-menu a.current { 
	font-weight: normal;
	font-size: large; 
}

#bounds .main-menu a:hover { color: #000; }

#bounds .main-menu #know-the-ingredients {
	top: 100px;
	left: 60px;
}
#bounds .main-menu #know-the-ingredients-up {
	top: 110px;
	left: 27px;
}


#bounds .main-menu #test-your-condiment-iq {
	top: 82px;
	left: 285px;
}
#bounds .main-menu #test-your-condiment-iq-up {
	top: 85px;
	left: 265px;
}

#bounds .main-menu #calorie-counter {
	top: 82px;
	left: 465px;
}
#bounds .main-menu #calorie-counter-up {
	top: 86px;
	left: 455px;
}

#bounds .main-menu #recipes {
	top: 85px;
	left: 635px;
}
#bounds .main-menu #recipes-up {
	top: 105px;
	left: 625px;
}

#bounds .main-menu #recipe-contest {
	top: 95px;
	left: 785px;
}
#bounds .main-menu #recipe-contest-up {
	top: 105px;
	left: 765px;
}

#menu-link{
position: absolute; 
top: 3px; 
left: 40px; 
width: 160px; 
height: 90px; 
background-color: transparent; 
}

/************************* TOP NAV */
#top-nav ul {
	margin: 0;
	padding: 0;
}

#top-nav ul li {
	display: block;
	float: right;
	list-style: none;
	padding-left: 5px;
}

#top-nav ul li a {
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}



/************************* CONTENT */
#video-callout {
	text-transform: uppercase;
	font-weight: bold;
	font-size: smaller;
	color: #FED506;
	text-align: right;
	position: absolute;
	width: 260px;
	z-index: 6;
	top: 25px;
	height: 100px;
	right: 40px;
}

.content #quiz {
	text-align: left;
	position: absolute;
	left: 40px;
	top: 40px;
	width: 589px;
	height: 408px;
	background: url(../images/quiz-bg.gif) no-repeat;
}

/*************************FOOTER*/
#footer {
margin: 0px auto;
width:940px;
font-size:11px;
}
	
#footer a{
text-decoration: underline;
color:#000;
}	
	
#footer .selected{
font-weight:bold;
color: #000;
text-decoration:none;
}

/************************* QUIZ */
#quiz h1 {
	position: absolute;
	top: 20px;
	left: 25px;
	margin: 0;
	font-size: x-large;
	text-transform: uppercase;
	color: #DD0000;
}

#quiz form {
	padding-top: 80px;
}

#quiz form fieldset {
	border: none;
}

#quiz form legend {
	margin: 0;
	padding-left: 15px;
	font-size: x-large;
	font-weight: bold;
	color: #043A8C;
	text-transform: uppercase;
}
#quiz form p {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	font-size: x-large;
	font-weight: bold;
	color: #1F65CC;
}

#quiz form label {
	font-size: medium;
	padding-left: 10px;
}

#quiz #quiz-nav {
	position: absolute;
	bottom: 20px;
	left: 370px;
}

#quiz #quiz-nav p {
	margin-top: 11px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	color: #8FB5EC;
	font-size: small;
}

#quiz #frenchs-bottle {
	position: absolute;
	right: -95px;
	bottom: 30px;
}

#quiz-results {
	position: absolute;
	left: 360px;
	top: 150px;
}

#quiz-results h1 {
	letter-spacing: -2px;
	font-size: x-large;
	text-transform: uppercase;
	font: Georgia, "Times New Roman", Times, serif;
	color: #1161C1;
}

#quiz-results h2 {
	color: #CA1F24;
	font-size: large;
}

#play-again {
	position: absolute;
	top: 130px;
	left: -10px;
}

#challenge-a-friend {
	position: absolute;
	position: absolute;
	top: 130px;
	right: -10px;
}

/************************* RECIPES */
.content-recipes .recipe {
	position: relative;
	margin-left: 40px;
	width: 674px;
	background: #F7F7EF url(../images/recipe-bg-top.gif) no-repeat;
}

.content-recipes .recipe .recipe-bot {
	background: #FFFFFF url(../images/recipe-bg-bot.gif) no-repeat top;
	height: 16px;
	padding-bottom: 10px;
}

.content-recipes .recipe .recipe-info {
	padding: 10px;
	text-align: left;
	width: 400px;
}

.content-recipes .recipe .recipe-info h1 {
	margin: 0;
	font-size: large;
	color: #ef4023;
}

.content-recipes .recipe .recipe-info span {
	display: block;
	padding: 10px;
	margin-right: 30px;
	background-color: #E8E8E2;
	color: #2A2A2A;
	font-size: x-small;
}

.content-recipes .recipe .recipe-info p {
	color: #2A2A2A;
	padding-right: 20px;
	font-size: small;	
}

.content-recipes .recipe .recipe-info p a {
	color: #2A2A2A;
}

.content-recipes .recipe .recipe-photo {
	padding: 10px 0px 10px 10px;
	width: 230px;
}

.content-recipes .recipe .mustard-savings {
	position: absolute;
	right: -220px;
	text-align: left;
	top: 0;
	width: 250px;
	height: 212px;
	background: url(../images/mustard-savings.gif) no-repeat;
}

.content-recipes .recipe .mustard-savings h2 {
	color: #fff;
	font: bold Arial, Helvetica, sans-serif;
	padding-top: 8px;
	margin: 0px 0px 0px 35px;
}

.content-recipes .recipe .mustard-savings h2 span {
	color: #F3D958;
}

.content .recipe .mustard-savings ul {
	margin: 0;
	padding: 20px 0 0 30px;
}

.content-recipes .recipe .mustard-savings ul li {
	color: #fff;
	font-weight: bold;
	list-style: none;
	padding-left: 30px;
	background: url(../images/bullet.gif) no-repeat left;
}


.content-recipes .recipe .mustard-savings .info,
.content-recipes .recipe .mustard-savings .calories {
	float: left;
}

.content-recipes .recipe .mustard-savings .info {
	width: 150px;
}


.content-recipes .recipe .mustard-savings .walking {
	position: absolute;
	left: 30px;
}

.content-recipes .recipe .mustard-savings .calories {
	margin-right: 5px;
}

.content-recipes .recipe .mustard-savings .calories span {
	font-size: 45px;
	font-weight: bold;
	color: #fff;
}

.content-recipes .recipe .mustard-savings .info span {
	font-weight: bold;
	font-size: large;
	color: #B80800;
}

.content-recipes .recipe .mustard-savings .info {
	font-size: x-small;
	text-align: left;
	margin-top: 5px;
	color: #fff;
}
/**************RECIPE CONTEST**/

.content-recipe-contest h1{
color:#ef4023;
margin-top: 0px;
text-align:left;
padding-left:60px;
font-size: x-large;
}

.content-recipe-contest p{
margin: 0px 80px 10px 60px;
text-align:left;
font-size:small;
}

#contest-form{
margin: 20px 80px 10px 60px;
padding:35px 0px 57px 0px;
background-color:#eef8fb;
width:740px; 
padding-left:10px;
}

.submitbtn {
background: url(../images/submit-button.jpg) no-repeat; 
width:156px;
height:25px;
}

.form-left{
float:left;
margin:5px 0px 0px 0px;
width:300px;
}
.form-center{
float:left;
width:660px;
}

.form-right{
float:left;
margin:5px 0px 0px 0px;
width:300px;
}

.field-label{
float:left;
font-size:12px;
font-weight:bold;
text-align:right;
width:90px;
}

.field-item {
float:left;
font-size:10px;
margin-left:20px;
}

.textbox{
float:left;
margin:10px 0px 0px 20px;}

.select{
float:left;
margin-left:0px;
}

.field-agree {
float:left;
margin:15px 32px 0px 80px;
font-size:12px;
width:360px;
}

.terms{
float:left;
font-size:12px;
width:170px;
}

.submit{
float:left;
margin:20px 0px 20px 40px;
width:400px;
}