/* 
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 div#container { width: 760px; height: 700px; background: url(/sainsburys/images/index-banner.jpg) top right no-repeat; }
body#layoutOne img.logo { position: absolute; top: 490px; left: 266px; }
body#layoutOne p { color: #FFF; margin: 0; width: 370px; font-size: 70%; text-align: justify; letter-spacing: 1px; }
body#layoutOne p a { color: #CC9933; }
body#layoutOne p a:hover { color: #CC9933; text-decoration: none; }
body#layoutOne p.introText { margin-top: 0; 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 div.legal { width: 156px; margin: 10px 0 0 0; position: absolute; right: 0; top: 530px; }
body#layoutOne div.legal p { border: 1px solid #FFF; width: 156px; text-transform: uppercase; }
body#layoutOne div.legal a { color: #FFF; text-decoration: none; padding: 0 2px; }
body#layoutOne div.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; }*/
body#layoutOne div#shane { margin-top: 20px; background: url(/sainsburys/images/shane.jpg) top left no-repeat; height: 193px; width: 370px; border: 1px solid #C93; }
body#layoutOne div#shane p { margin-left: 135px; width: 200px; margin-top: 12px; }
body#layoutOne div#recommendation { margin-top: 20px; width: 370px; border: 1px solid #FFF; }
body#layoutOne div#recommendation p { font-size: 90%; margin: 10px; color: #C93; }
body#layoutOne div#recipe-click { position: absolute; top: 440px; right: 0; width: 360px; border: 1px solid #FFF; }
body#layoutOne div#recipe-click p { margin: 10px 0; color: #C93; text-align: center; width: 365px; }
body#layoutOne img.moderation { position: absolute; top: 435px; left: 770px; }

/* 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: 470px; left: 266px; }
body#layoutTwo img.moderation { position: absolute; top: 380px; left: 750px; }
body#layoutTwo img.pt-logo { position: absolute; top: 415px; left: 690px; }
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; }
body#layoutTwo table.stepOne { width: 540px; }
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; padding: 30px 0 20px 0; }
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: left; }
/*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(/sainsburys/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; }
body#layoutTwo p.submit { margin: 0 40px 15px 0; width: 5.6em; text-align: center; }
body#layoutTwo p.submit a { color: #6E6F72; padding: 0 6px; border: 2px solid #6E6F72; text-decoration: none; display: block; background-color: #D4D5D7; }
body#layoutTwo p.submit a:hover { color: #CC9933; border: 2px solid #CC9933; }

div.bottle { height: 590px; padding: 20px 0 0 200px; background: url(/sainsburys/images/banner-shane.jpg) top left no-repeat #000; }
div.man { height: 490px; padding: 20px 0 0 200px; background: url(/sainsburys/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(/sainsburys/images/shane-osborn-lrg.jpg) top left no-repeat #000; }
body#layoutThree img.logo { position: absolute; top: 400px; 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 { margin-top: 70px; }
body#layoutThree p.home a { color: #CC9933; text-decoration: underline; letter-spacing: 1px; }
body#layoutThree p.home a:hover { text-decoration: none; }
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%; } 
body#layoutThree img.moderation { position: absolute; top: 380px; left: 750px; }


/* Styles for page headers */
body#layoutTwo h1.stepOne { width: 103px; height: 27px; background: url(/sainsburys/images/step-one.gif) top left no-repeat; }
body#layoutTwo h2.details { width: 292px; height: 25px; background: url(/sainsburys/images/enter-details.gif) top left no-repeat; }
body#layoutTwo h1.stepTwo { width: 103px; height: 27px; background: url(/sainsburys/images/step-two.gif) top left no-repeat; }
body#layoutTwo h2.recipe { width: 321px; height: 25px; background: url(/sainsburys/images/orig-recipe.gif) top left no-repeat; }
body#layoutTwo h1.stepThree { width: 109px; height: 27px; background: url(/sainsburys/images/last-step.gif) top left no-repeat; }
body#layoutTwo h2.termsCon { width: 231px; height: 25px; background: url(/sainsburys/images/terms-con.gif) top left no-repeat; }
body#layoutTwo h1.stepFour { width: 109px; height: 27px; background: url(/sainsburys/images/step-four.gif) top left no-repeat; }
body#layoutTwo h2.check { width: 199px; height: 25px; background: url(/sainsburys/images/check-submit.gif) top left no-repeat; }
body#layoutThree h1.thanks { width: 221px; height: 89px; background: url(/sainsburys/images/thank-you.gif) top left no-repeat; margin-top: 70px; }
body#layoutThree h2.goodLuck { width: 97px; height: 21px; background: url(/sainsburys/images/good-luck.gif) top left no-repeat; margin-top: 10px; }
body#layoutTwo h1.chefHeader { width: 282px; height: 30px; background: url(/sainsburys/images/chef-of-the-year.gif) top left no-repeat; }
body#layoutTwo h2.winSub { width: 554px; height: 60px; background: url(/sainsburys/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 div#twin-border2 { border: 2px solid #FFF; padding: 4px; margin: 4px; }
body#popUp div#twin-border1 { width: 400px; margin: 10px auto 10px auto; border: 1px solid #FFF; }
body#popUp span.gold { color: #CC9933; }
body#popUp a { color: #FFF; }
body#popUp h1#dish { color: #CC9933; font-size: 100%; text-transform: none; letter-spacing: 1px; }

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; }



/* WINE RECOMENDS */
body#popUp { width: 400px; margin: 10px auto; }


/* Styles for Layout#4 - recipes.html */
body#layout-four { width: 760px; background: #000; padding-top: 10px; }
body#layout-four div#container { width: 760px; height: 600px; }
body#layout-four img.logo { position: absolute; top: 490px; left: 530px; }
body#layout-four p { color: #FFF; margin: 0; width: 370px; font-size: 70%; text-align: justify; letter-spacing: 1px; }
body#layout-four p a { color: #CC9933; }
body#layout-four p a:hover { color: #CC9933; text-decoration: none; }
body#layout-four p.introText { margin-top: 10px; color: #CC9933; font-size: 100%; font-weight: bold; letter-spacing: 0; margin-left: 240px; }
/*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#layout-four p.legal { width: 156px; text-transform: uppercase; margin: 10px 0 0 0; position: absolute; right: 0; top: 530px; }
body#layout-four p.legal a { color: #FFF; border: 1px double #FFF; text-decoration: none; padding: 0 2px; }
body#layout-four 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; }*/
/*body#layout-four div#shane { margin-top: 20px; background: url(/sainsburys/images/shane.jpg) top left no-repeat; height: 193px; width: 370px; border: 1px solid #C93; }
body#layout-four div#shane p { margin-left: 135px; width: 200px; margin-top: 12px; }
body#layout-four div#recommendation { margin-top: 20px; width: 370px; border: 1px solid #FFF; }
body#layout-four div#recommendation p { font-size: 90%; margin: 10px; color: #C93; }
body#layout-four div#recipe-click { position: absolute; top: 440px; right: 0; width: 360px; border: 1px solid #FFF; }
body#layout-four div#recipe-click p { margin: 10px 0; color: #C93; text-align: center; width: 360px; }*/
body#layout-four img.moderation { position: absolute; top: 472px; left: 770px; }

body#layout-four div#roasted-lamb img, div#mackeral img, div#barbecued-beef img { border: 1px solid #C93; }
body#layout-four div#roasted-lamb, div#mackeral, div#barbecued-beef { margin-top: 20px; height: 172px; width: 530px; }
body#layout-four div#roasted-lamb h2, div#mackeral h2, div#barbecued-beef h2 { color: #FFF; font-size: 110%; letter-spacing: 1px; margin-left: 240px; }
body#layout-four div#menu { position: absolute; top: 570px; left: 440px; }
body#layout-four div#menu p { width: 100px; }

body#layout-four div#roasted-lamb { background: url(/sainsburys/images/roasted-lamb.jpg) top left no-repeat;}
body#layout-four div#mackeral { background: url(/sainsburys/images/mackeral.jpg) top left no-repeat; }
body#layout-four div#barbecued-beef { background: url(/sainsburys/images/barbecued-beef.jpg) top left no-repeat; }



/* RECIPES */
body#layout-five { width: 800px; background: #000; padding-top: 10px; }
body#layout-five div#container { width: 800px; height: 600px;}
body#layout-five img.logo { position: absolute; top: 600px; left: 280px; }
body#layout-five p { color: #FFF; margin: 6px 0 0 0; width: 370px; font-size: 70%; text-align: justify; letter-spacing: 1px; }
body#layout-five p a { color: #CC9933; }
body#layout-five p a:hover { color: #CC9933; text-decoration: none; }
body#layout-five p.introText { margin-top: 4px; 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#layout-five p.legal { width: 156px; text-transform: uppercase; margin: 10px 0 0 0; position: absolute; right: 0; top: 530px; }
body#layout-five p.legal a { color: #FFF; border: 1px double #FFF; text-decoration: none; padding: 0 2px; }
body#layout-five 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; }*/
/*body#layout-four div#shane { margin-top: 20px; background: url(/sainsburys/images/shane.jpg) top left no-repeat; height: 193px; width: 370px; border: 1px solid #C93; }
body#layout-four div#shane p { margin-left: 135px; width: 200px; margin-top: 12px; }
body#layout-four div#recommendation { margin-top: 20px; width: 370px; border: 1px solid #FFF; }
body#layout-four div#recommendation p { font-size: 90%; margin: 10px; color: #C93; }
body#layout-four div#recipe-click { position: absolute; top: 440px; right: 0; width: 360px; border: 1px solid #FFF; }
body#layout-four div#recipe-click p { margin: 10px 0; color: #C93; text-align: center; width: 360px; }*/
body#layout-five img.moderation { position: absolute; top: 540px; left: 810px; }
body#layout-five h2 { color: #FFF; font-size: 110%; letter-spacing: 1px; width: 370px; }
body#layout-five div#menu { position: absolute; top: 640px; left: 660px; }
body#layout-five div#menu p { width: 200px; }
ul.recipes { color: #FFF; margin: 0 6px 6px 0; font-size: 70%; letter-spacing: 1px; list-style: none; }
ul.recipes li.gold { color: #C93; margin-top: 4px; }
span.gold { color: #C93; }

body.lamb-big div#container { width: 800px; height: 600px; background: url(/sainsburys/images/lamb-big.jpg) top right no-repeat; }
body.mackeral-big div#container { width: 800px; height: 600px; background: url(/sainsburys/images/mackeral-big.jpg) top right no-repeat; }
body.beef-big div#container { width: 800px; height: 600px; background: url(/sainsburys/images/beef-big.jpg) top right no-repeat; }