/* 
Color Palette 
black - #000
white - #FFF
orange/brown - #CC9933
*/

* { margin: 0; padding: 0; }
body { margin: 0 auto; position: relative;
	font-family: Galliard, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: medium; }
.clear { clear: both; }
p.incorrect { text-align: left; color: #FFFFFF; font-size: 80%; letter-spacing: 1px; }
p.incorrect span.error { padding: 0 2px; background: #DAB56A; font-weight: bold; }
div.scroller { height: 280px; overflow: auto; padding-bottom: 20px; }

/* Styles for Layout#1 - index.html */
body#layoutOne { width: 760px; background: #000; padding-top: 10px; }
body#layoutOne img.logo { position: absolute; top: 348px; left: 266px; }
body#layoutOne h1 { width: 750px; height: 369px; background: url(/chef/images/index-banner.jpg) top center no-repeat; }
body#layoutOne h1 span { margin-left: -10000px; }
body#layoutOne p { color: #FFF; margin: 0 10px 0 259px ; font-size: 70%; text-align: justify; letter-spacing: 1px; }
body#layoutOne p a { color: #CC9933; text-decoration: none; }
body#layoutOne p a:hover { color: #CC9933; text-decoration: underline; }
body#layoutOne p.introText { margin-top: 33px; color: #CC9933; font-size: 100%; font-weight: bold; letter-spacing: 0; }
body#layoutOne p.enterLink { text-transform: uppercase; margin: 10px 245px 0 259px; float: left !important; }
body#layoutOne p.enterLink a { font-size: 150%; color: #CC9933; text-decoration: none; padding: 0 2px; }
body#layoutOne p.enterLink a:hover { font-size: 150%; text-decoration: underline; }
body#layoutOne p.legal { text-transform: uppercase; margin: 10px -20px 0 0; }
body#layoutOne p.legal a { color: #FFF; border: 1px double #FFF; text-decoration: none; padding: 0 2px; }
body#layoutOne p.legal a:hover { color: #000; background: #FFF; }
body#layoutOne p.copy { text-align: right; margin-top: 10px; clear: both; }
body#layoutOne p.starChef { position: absolute; top: 385px; left: 0; margin: 0; }
body#layoutOne p.starChef img { border: 4px solid #CC9933; margin-bottom: 3px; }
body#layoutOne p.starChef a { color: #CC9933; text-decoration: none; }
body#layoutOne p.starChef a:hover img { border: 4px solid #B17C2A; }
body#layoutOne p.starChef a span { color: #FFF; font-size: 120%; font-style: italic; }
body#layoutOne p.starChef a:hover span { text-decoration: underline; }

/* Styles for Layout#2 - step-one.html, step-two.html, step-four.html */
body#layoutTwo { width: 760px; background: #000; padding-top: 10px; }
body#layoutTwo img.logo { position: absolute; top: 394px; left: 200px; }
body#layoutTwo h1 { color: #FFF; font-size: 110%; letter-spacing: 1px; }
body#layoutTwo h2 { color: #FFF; font-size: 100%; margin-bottom: 10px; }
body#layoutTwo h3 { color: #CC9933; font-size: 100%; margin: 0 0 5px 5px; }
body#layoutTwo p { color: #FFF; margin: 0 10px 10px 5px; font-size: 80%; text-align: justify; letter-spacing: 1px; }
body#layoutTwo p a { color: #CC9933; text-decoration: none; }
body#layoutTwo p a:hover { color: #CC9933; text-decoration: underline; }
body#layoutTwo p.copy { font-size: 70%; text-align: right; clear: both; }
ul#steptwoNav { margin: 10px 0 0 5px; }
ul#steptwoNav li { border: 2px solid #FFF; float: left; list-style: none; margin: 0 40px 15px 0; }
ul#steptwoNav li.enter { width: 5.6em; }
ul#steptwoNav li.download { width: 6em; }
ul#steptwoNav li.inspiration { width: 8.3em; }
ul#steptwoNav li a { font-size: 80%; color: #6E6F72; padding: 0 6px; border: 2px solid #6E6F72; text-decoration: none; display: block;
	text-transform: uppercase; background: url(/chef/images/grey-white-fade-bg.gif) left center repeat-x #D4D5D7; }
ul#steptwoNav li a:hover { color: #CC9933; border: 2px solid #CC9933;
	/*background: url(/chef/images/grey-white-fade-hov-bg.gif) left center repeat-x #FFF;*/ }
body#layoutTwo table.stepOne { width: 531px; }
body#layoutTwo table.stepOne td.formTitle { width: 200px; }
body#layoutTwo table td { color: #CC9933; font-size: 90%; letter-spacing: 1px; }
body#layoutTwo table td a { color: #CC9933; }
body#layoutTwo table td a:hover { text-decoration: none; }
body#layoutTwo table td.confirm { font-size: 70%; padding-left: 5px; }
body#layoutTwo table td.confirm input { margin: 0; }
body#layoutTwo table td.required { width: 100px; font-size: 70%; color: #FFF; font-style: italic; text-align: right; }
body#layoutTwo input, body#layoutTwo select, body#layoutTwo textarea { border: none; margin: 8px 5px; padding: 1px 5px; }
body#layoutTwo input.halfWidth { width: 130px; }
body#layoutTwo input.fullWidth, body#layoutTwo textarea.fullWidth { width: 381px; }
body#layoutTwo table.stepTwo { width: 431px; }
body#layoutTwo table.stepTwo input.fullWidth, body#layoutTwo table.stepTwo textarea.fullWidth { width: 510px; }
body#layoutTwo table.stepTwo textarea { height: 150px; }
body#layoutTwo select.fullWidth { width: 441px; }
body#layoutTwo select.dishClass { width: 140px; }
body#layoutTwo table td.formTitle { width: 120px; text-align: right; }
body#layoutTwo p.nextStep { font-size: 90%; text-align: right; font-style: italic; margin: 15px 5px 0 0; } 
body#layoutTwo p.nextStep a { color: #CC9933; text-decoration: none; padding-right: 17px;
	background: url(/chef/images/next-step.gif) 99% 50% no-repeat; }
body#layoutTwo p.nextStep a span.nextStep { color: #FFF; font-style: normal; text-transform: uppercase; }
body#layoutTwo p.nextStep a:hover span.nextStep { text-decoration: underline; }

div.bottle { height: 590px; padding: 20px 0 0 200px; background: url(/chef/images/banner-bottle.jpg) top left no-repeat #000; }
div.man { height: 490px; padding: 20px 0 0 200px; background: url(/chef/images/banner-chef.jpg) top left no-repeat #000; }

/* Check and Submit page */
body#layoutTwo table.checkSubmit { margin-right: 10px; }
body#layoutTwo table.checkSubmit td.formTitle { width: 200px; }
body#layoutTwo table.checkSubmit input.fullWidth { width: 398px; }
body#layoutTwo table.checkSubmit input.halfWidth { width: 120px; }

/* Styles for Layout#3 - email a friend page */
body#layoutThree { width: 760px; background: #000; padding-top: 10px; }
div.shane { height: 490px; padding: 20px 0 0 350px; background: url(/chef/images/shane-osborn-lrg.jpg) top left no-repeat #000; }
body#layoutThree img.logo { position: absolute; top: 359px; left: 400px; }
body#layoutThree img.mClark { position: absolute; top: 289px; left: 440px; }
body#layoutThree table td { color: #CC9933; font-size: 90%; letter-spacing: 1px; }
body#layoutThree table tr.email td { padding-bottom: 10px; }
body#layoutThree input.halfWidth { width: 140px; margin: 1px 6px; }
body#layoutThree ul.options { margin-left: 258px; }
body#layoutThree ul.options li { float: left; list-style: none; }
body#layoutThree ul.options li a { color: #CC9933; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
body#layoutThree ul.options li a.submit { margin-left: 25px; }
body#layoutThree p.home { text-align: right; margin: 10px 35px; }
body#layoutThree p.home a { color: #CC9933; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
body#layoutThree p.finalist { position: absolute; top: 490px; left: 370px; color: #FFF; font-size: 70%; font-style: italic; }
body#layoutThree p.copy{ position: absolute; top: 510px; right: 55px; color: #FFF; font-size: 70%; } 


/* Styles for page headers */
body#layoutTwo h1.stepOne { width: 103px; height: 27px; background: url(/chef/images/step-one.gif) top left no-repeat; }
body#layoutTwo h2.details { width: 292px; height: 25px; background: url(/chef/images/enter-details.gif) top left no-repeat; }
body#layoutTwo h1.stepTwo { width: 103px; height: 27px; background: url(/chef/images/step-two.gif) top left no-repeat; }
body#layoutTwo h2.recipe { width: 321px; height: 25px; background: url(/chef/images/orig-recipe.gif) top left no-repeat; }
body#layoutTwo h1.stepThree { width: 109px; height: 27px; background: url(/chef/images/last-step.gif) top left no-repeat; }
body#layoutTwo h2.termsCon { width: 231px; height: 25px; background: url(/chef/images/terms-con.gif) top left no-repeat; }
body#layoutTwo h1.stepFour { width: 109px; height: 27px; background: url(/chef/images/step-four.gif) top left no-repeat; }
body#layoutTwo h2.check { width: 199px; height: 25px; background: url(/chef/images/check-submit.gif) top left no-repeat; }
body#layoutThree h1.thanks { width: 178px; height: 35px; background: url(/chef/images/thank-you.gif) top left no-repeat; margin-top: 100px; }
body#layoutThree h2.goodLuck { width: 350px; height: 30px; background: url(/chef/images/good-luck.gif) top left no-repeat;
	margin-top: 10px; }
body#layoutTwo h1.chefHeader { width: 282px; height: 30px; background: url(/chef/images/chef-of-the-year.gif) top left no-repeat; }
body#layoutTwo h2.winSub { width: 554px; height: 60px; background: url(/chef/images/win-ten-thousand.gif) top left no-repeat;
	margin-top: 10px; }

body#layoutTwo h1.stepOne span, body#layoutTwo h2.details span, body#layoutTwo h1.stepTwo span, body#layoutTwo h2.recipe span, body#layoutTwo h1.stepThree span, body#layoutTwo h2.termsCon span, body#layoutTwo h1.stepFour span, body#layoutTwo h2.check span, body#layoutThree h1.thanks span, body#layoutThree h2.goodLuck span, body#layoutThree h2.flair span, body#layoutThree h1.finalThanks span, body#layoutThree p.emailFriends span, body#layoutTwo h1.chefHeader span, body#layoutTwo h2.winSub span { margin-left: -10000px }

/* Styles for Pop-up Pages - legal.html, terms-conditions.html, shane-osborn.html */
body#popUp { border: 5px solid #CC9933; background: #000; margin: 20px; padding: 10px; }
body#popUp h1 { color: #CC9933; font-size: 110%; text-transform: uppercase; letter-spacing: 1px; }
body#popUp h2 { color: #CC9933; font-size: 100%; }
body#popUp p { text-align: justify; font-size: 70%; letter-spacing: 1px; color: #FFF; margin-bottom: 10px; }
body#popUp p.companyInfo { font-family: "Courier New", Courier, mono; }

body#popUp ul.inspiration { margin-bottom: 20px; }
body#popUp ul.inspiration li { position: relative; height: 90px; padding: 70px 20px 0 154px; color: #FFF; list-style: none;
	vertical-align: middle; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; }
body#popUp ul.inspiration li img { padding: 0 30px 0 0; position: absolute; left: 0; bottom: -2px; background: #000; }
span.goldText { color: #CC9933; font-style: italic; }

body#popUp ul.options li { list-style: none; float: left; }
body#popUp ul.options li a { color: #CC9933; text-decoration: none; font-size: 80%; padding-right: 20px; margin-left: 10px; }
body#popUp ul.options li.print a { background: url(/chef/images/print.gif) 98% 50% no-repeat; }
body#popUp ul.options li.print a:hover { color: #000000; background: url(/chef/images/print-hover.gif) 98% 50% no-repeat #CC9933; }
body#popUp ul.options li.close a { background: url(/chef/images/close.gif) 98% 50% no-repeat; }
body#popUp ul.options li.close a:hover { color: #000000; background: url(/chef/images/close-hover.gif) 98% 50% no-repeat #CC9933; }

body#popUp ol { margin-left: 23px; }
body#popUp ol li { text-align: justify; font-size: 70%; letter-spacing: 1px; color: #FFF; margin-bottom: 10px; }
body#popUp ol li a { color: #CC9933; text-decoration: none; padding: 0 2px; }
body#popUp ol li a:hover { text-decoration: underline; }

body.shaneOsborn p { margin-right: 180px; }
body.shaneOsborn img.shanePortait { position: absolute; top: 10px; right: 10px; padding: 2px; border: 1px solid #CC9933; }
.error, body#layoutTwo table.stepOne td span.terms_confirm a { color: #000; background: #DAB56A;}
body.inspiration { width: 550px; }
body.inspiration h1 { text-align: center; }