@charset "utf-8";
/* FECMS TextEditor Styling */body.mceContentBody {background:none; margin:0; padding:0; width:auto; height:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}textarea{background:inherit;width:100%}strong{font-weight:bold}em{font-style:italic}/* remember to define focus styles! */ :focus{outline:0}body{line-height:1;color:black;cursor:default}ol,ul{list-style:none}/* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}.clear{height:0px; clear:both}.clearIE6{height:0px; clear:both;_display:none}.absolute{position:absolute; width:1px !important; height:1px !important}.hide{visibility:hidden}.alt{visibility:hidden;height:0px;display:block;overflow:hidden; margin:0; padding:0}.flash-replaced .sIFRalt{display:block; height:0; width:0; position:absolute; overflow:hidden}
ul{list-style:disc outside;margin-left:10px}ul li{margin-left:10px}ol{list-style:decimal outside;margin-left:15px}ol li{margin-left:10px}

/* MAIN SHELL */
body {background:#0091d9 url(../gfx/bg.png) repeat-x; font:12px "Swis721 BT", Arial, Helvetica, sans-serif; line-height:1.3em; color:#000}

/* MAIN DOM */
h1 {font:bold 22px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin:20px 0 20px}
h2 {font:bold 16px "Clarendon-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin:25px 0 5px}
h2.largeH2 {font-size:22px; margin-bottom:20px; color:#0170b8}
p {margin-bottom:15px}
a {color:#0170b8; white-space:nowrap}
a:hover {color:#0091d9; text-decoration:none}
hr {border-color:#b2d0df; background:#b2d0df; margin:18px auto; display:block; clear:both; height:1px; border-style:none; _border-style:solid}
.sub {font-size:11px; font-style:italic; color:#555}
ul {margin-bottom:15px}
.reqFieldError {background:#f77 !important; border-color:#f00 !important}

#container {}
.site {width:900px; margin:0 auto}

/* HEADER AND TOP MENU */
#top {}
#topSite {width:900px; position:relative}

#menu {display:block; list-style:none; margin:18px 0 0 3px; height:18px; overflow:hidden}
#menu li {margin-left:0; display:block; float:left; margin-right:12px; padding-right:12px; border-right:1px solid #fff; line-height:1em}
#menu li.firstItem {border-left:1px solid #fff; padding-left:12px}
#menu li.lastItem {margin-right:0}
#menu li a {text-transform:uppercase; color:#fff; text-decoration:none}
#menu li.curr a {color:#b0e9ff}
#menu li a:hover {color:#b0e9ff; text-decoration:underline}

/* HEADERS */
#header {position:absolute; right:0; margin-top:28px; width:349px; height:164px; background:url(../gfx/header.png); overflow:hidden; z-index:48}
#headerRight {float:right; margin:28px 0 0; width:349px; height:164px; background:url(../gfx/header.png); overflow:hidden; z-index:48}

.headerTitle {float:left; margin-top:39px; width:550px; height:117px; background:no-repeat; overflow:hidden; z-index:49}


/* BREAKERS */
#breakerHome {clear:both; height:715px}


/* HOME */
#homeMain {position:absolute; display:block; margin:5px 0 0 29px; z-index:50}
#homeCopy {position:absolute; z-index:51; top:208px; left:30px; width:263px; font-size:14px; line-height:1.5em}
#homeNutritionalFacts {position:absolute; z-index:52; top:408px; left:46px; width:166px; text-align:center; font-size:12px; color:#fff}
#homeBubble1 {display:block; position:absolute; z-index:53; top:14px; left:46px; width:389px; height:184px; background:url(../images/homeBubble1.jpg); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0}
#homeBubble1:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
#homeBubble2 {display:block; position:absolute; z-index:54; top:203px; left:600px; width:302px; height:166px; background:url(../images/homeBubble2.jpg)}
#homeBubble2:hover {background-position:0 -166px}
#homeBubble3 {display:block; position:absolute; z-index:55; top:390px; left:635px; width:258px; height:155px; background:url(../images/homeBubble3.jpg)}
#homeBubble3:hover {background-position:0 -155px}


/* LOGOS */
#logosHome {position:absolute; z-index:56; top:595px; left:785px}
#logosHome #daLogo {margin-bottom:10px}
#logosRight {text-align:right}
#logosTopMarg {margin-top:30px}
#logosSmallContentRight {position:absolute; z-index:60; top:445px; left:737px}
#daLogo {display:inline-block; width:80px; height:45px; background:url(../gfx/logos.jpg); margin-right:4px; overflow:hidden}
#daLogo:hover {background:url(../gfx/logos.jpg) 0 -45px}
#oaLogo {display:inline-block; width:73px; height:45px; background:url(../gfx/logos.jpg) -80px 0; overflow:hidden}
#oaLogo:hover {background:url(../gfx/logos.jpg) -80px -45px}


/* RECIPES */
.recipeGroup {margin-bottom:40px}
.recipeGroup p {width:880px}
.recipeGroup p strong {display:inline-block; width:70px}
.recipeGroup.odd {background:#e0eef6; border:1px solid #b2d0df; padding-top:10px; -moz-border-radius:8px; -webkit-border-radius:8px}
.recipeGroup.odd h2 {margin-top:0}
.recipeGroup img {display:block; float:left; margin:10px 17px 64px 10px}


/* MEDIA */
#mediaReleases {padding-right:110px; float:left}
#mediaInformation {float:left; padding-left:30px; padding-bottom:10px; border-left:1px solid #b2d0df}
#mediaImages {margin:0 0 30px 80px}
#mediaImages div.mediaImage {width:248px; height:198px; float:left}
#mediaImages a {display:block; float:left; margin:0 35px 5px 11px}
#mediaImages a.overlayImg {padding:6px; margin:5px}
#mediaImages a.overlayImg:hover {padding:4px; border:2px solid #aaccd9}

/* CONTENT SHELL */
#contentSite {position:relative; min-height:550px; /*IE FIX*/ height:auto !important; height:550px}
#content {background:#fff url(../gfx/bg.png) repeat-x 0 -36px}


/* CONTENT */
.generalCopy {margin-top:25px}
.copyPadding {padding-bottom:30px}
#recipeHotlinks {list-style:none; margin:-10px 0 0 0}
#recipeHotlinks li {margin-left:0; float:left; padding-right:10px; margin-right:10px; border-right:1px solid #b2d0df}

#termsList li {margin-bottom:15px}
#termsList ul {margin:0 0 15px 10px}
#termsList ul li {margin-bottom:0}

/* FOOTER SHELL */
#footer {padding:10px 0 30px; font:11px Arial, Helvetica, sans-serif; color:#fff}
#footerSite {position:relative}
#footer a {text-decoration:none; color:#fff}
#footer a:hover {text-decoration:underline; color:#fff}

#twitter {background:url(../gfx/twitter.png) no-repeat right; display:block; position:absolute; top:-23px; right:0; padding-top:23px; float:right; height:25px; padding-right:52px; overflow:hidden}


/* COMPETITION */
#compToEnter {width:309px; height:248px; background:#f00; overflow:hidden; display:inline-block; background:url(../images/compToEnter.png); margin:-248px 0 0; position:absolute}
#compEnterMailBtn {width:283px; height:66px; background:#f00; overflow:hidden; display:inline-block; background:url(../images/compEnterMail.png); margin:20px 0 15px}
#compEnterMailBtn:hover {background-position:0 -66px}
#compEnterOnlineBtn {width:283px; height:66px; background:#f00; overflow:hidden; display:inline-block; background:url(../images/compEnterOnline.png); margin-bottom:25px}
#compEnterOnlineBtn:hover {background-position:0 -66px}

#compLeft {float:left; width:605px; margin-right:12px}
#compLeft * {font-size:16px; line-height:1.3em}
#compRight {float:left; width:283px; margin-top:248px}

#compFormLeft {float:left; width:326px; padding-right:90px}
#compFormRight {float:left; width:460px}

#compTerms {width:170px; margin:0 auto; font-size:10px; line-height:1.3em}

#competitionForm h1 {margin-bottom:10px}
#competitionForm input.text, #competitionForm textarea, #competitionForm select {border:1px solid #c1c1c1; padding:2px; font:10px Arial, Helvetica, sans-serif; overflow:auto}

#competitionForm label {display:inline-block; clear:both; width:120px}
#competitionForm input.text {display:inline-block; width:200px; margin:0 0 3px 0}
#competitionForm select {width:206px; margin:0 0 2px -3px}
#competitionForm #form_enquiry {clear:both; display:block; width:320px; height:100px; margin-bottom:30px}
#competitionForm #fileLabel {width:460px; padding-bottom:10px}
#competitionForm #form_file {width:400px; border:1px solid #c1c1c1}
#competitionForm #form_agree {width:30px; border:0}

#competitionForm input#form_submit {display:block; margin:25px 0 10px; text-align:right; font-size:0 !important; color:transparent !important; background:url(../gfx/formSubmit.png) no-repeat left top; border:0; width:198px; padding:0 0 0 198px !important; height:55px; cursor:pointer; overflow:hidden}
#competitionForm input#form_submit:hover {cursor:default}
#competitionForm input#form_submit.enabled:hover {cursor:pointer; background-position:left -55px}

#submissionsTable td {width:200px}
#submissionsTable #submissionsTableHeader td {font-weight:bold; padding-bottom:3px}

#submissionErrorList {font-weight:bold; font-size:16px; margin-bottom:15px}


/* RESOURCES */
.resource {float:left; width:120px; margin:10px 20px 40px 0}
.resource a {white-space:normal; display:block; cursor:pointer}
.resource a * {cursor:pointer}
.resource .resourceImg {display:block; width:120px; height:169px; text-decoration:none; margin-bottom:10px}
.resource a:hover .resourceImg {background-position:0 100%}

#resourcePoster01 .resourceImg {background-image:url(../images/poster01.jpg)}
#resourcePoster02 .resourceImg {background-image:url(../images/poster02.jpg)}
#resourceFact01 .resourceImg {background-image:url(../images/fact01.jpg)}
#resourceFact02 .resourceImg {background-image:url(../images/fact02.jpg)}
#resourceFact03 .resourceImg {background-image:url(../images/fact03.jpg)}


/* CMS */
#cmsForm #cmsNutritionalFacts {border:1px solid #c1c1c1; padding:2px; font:12px "Swis721 BT", Arial, Helvetica, sans-serif; width:200px; height:100px}
#cmsForm #cmsSubmit {margin-top:30px}