/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
em { font-style:italic; }
strong { font-weight:bold; }

body {background:#fff;height:100%;font-size:62.5%;font-family:Verdana,Arial,Sans-Serif;}
#bgImage { height:100%; position:absolute; width:100%; z-index:1; }
#page {width:1004px;margin:0 auto 20px;position:relative; z-index:2}
#header {width:984px;height:42px; margin:0 auto;}
#content {background:url(/Common/Images/bgContentBodyHome.png) 0 0 no-repeat;width:1004px;position:relative;margin:-4px 0 0; z-index:1; min-height:1px; _zoom:1}
    .ie #content { _background-image:url(/Common/Images/bgContentBodyHome.gif); }
#content:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
    #home #content { background:url(/common/images/bgHome.png) no-repeat; }
        #home.ie #content { _background-image:url(/Common/Images/bgHome.gif); }
#contentBase {background:url(/Common/Images/bgContentBase.png) 0 0 no-repeat;width:1004px;height:82px;padding:0; margin:0 auto;}
    .ie #contentBase { _background-image:url(/Common/Images/bgContentBase.gif); }

#footer {display:block;text-align:center;width:446px;margin:0 auto;background:url(/Common/Images/bgFooter.gif) 0 0 no-repeat;clear:both;text-align:center;color:#446c1b;}
#footer ul {margin:0 auto;display:block;width:365px;}
#footer li {float:left;height:12px;background:url(/Common/Images/divFooter.gif) 0 50% no-repeat;padding:8px 10px;}
#footer li:first-child {background:none;}
#footer a {display:block;height:12px;text-indent:-9999px;background-position:0 0;background-repeat:no-repeat;}
#footer a:hover {background-position:0 -12px;}
#footer p {clear:both;}
#navFooterAbout a {background-image:url(/Common/Images/navFooterAbout.gif);width:49px;}
#navFooterFaq a {background-image:url(/Common/Images/navFooterFaq.gif);width:22px}
#navFooterContact a {background-image:url(/Common/Images/navFooterContact.gif);width:56px;}
#navFooterRegister a {background-image:url(/Common/Images/navFooterRegister.gif);width:43px;}
#navFooterSend a {background-image:url(/Common/Images/navFooterSend.gif);width:84px;}

#btnSample {position:absolute;z-index:999;top:0;left:18px;}

.navigation, .navigation ul, .navigation li {z-index:99;display:block;}
.navigation {position:relative;float:left;margin:6px 0 0 40px;}
.navigation div {position:absolute;z-index:999;left:-9999px;background:url(/Common/Images/bgNavSubDiv.png) 0 0 no-repeat;padding-left:7px;width:900px;height:42px;}
.navigation ul {background:url(/Common/Images/bgNavSubList.png) 100% 0 no-repeat;padding-right:9px;width:100%;position:static;height:42px;}
.navigation li {float:left;margin:0;text-indent:-9999px;}
.navigation ul li {text-indent:0 !important;float:left;}
.navigation #ni6 a {background:url(/Common/Images/navHome.png) 50% 10px no-repeat;width:44px;}
.navigation #ni0 a {background:url(/Common/Images/navNature.png) 50% 10px no-repeat;width:138px;}
.navigation #ni1 a {background:url(/Common/Images/navAbout.png) 50% 10px no-repeat;width:97px;}
.navigation #ni2 a {background:url(/Common/Images/navPurevia.png) 50% 10px no-repeat;width:116px;}
.navigation #ni3 a {background:url(/Common/Images/navRecipes.png) 50% 10px no-repeat;width:51px;}
.navigation #ni4 a {background:url(/Common/Images/navFunPromotions.png) 50% 10px no-repeat;width:119px;}
.navigation #ni5 a {background:url(/Common/Images/navMedia.png) 50% 10px no-repeat;width:96px;}
.navigation #ni7 a {background:url(/Common/Images/navPartners.png) 50% 10px no-repeat;width:86px;}

/*####### 
DON'T FORGET TO MOVE THE NAV POSITION IN THE EXPLORER.CSS FILE.
######*/

.navigation li a {display:block;padding:10px 10px 0 10px;overflow:hidden;height:32px;}
.navigation li li a {padding:0;width:auto !important;background:none !important;margin:5px;}
.navigation li:hover a, .navigation li a:hover, .navigation li a.hover, .navigation li.selected a {background-position:50% -22px !important;}
.navigation li:hover div, .navigation li.hover div, .navigation #ni0.selected div {left:0;}
.navigation #ni0:hover div, .navigation #ni0.hover div, .navigation #ni0.selected div {left:34px;}
.navigation #ni1:hover div, .navigation #ni1.hover div, .navigation #ni1.selected div {left:9px;}
.navigation #ni2:hover div, .navigation #ni2.hover div, .navigation #ni2.selected div {left:346px;}
.navigation #ni3:hover div, .navigation #ni3.hover div, .navigation #ni3.selected div {left:442px;}
.navigation #ni4:hover div, .navigation #ni4.hover div, .navigation #ni4.selected div {left:552px;}
.navigation #ni5:hover div, .navigation #ni5.hover div, .navigation #ni5.selected div {left:677px;}
.navigation #ni7:hover div, .navigation #ni7.hover div, .navigation #ni7.selected div {left:575px;}
.navigation li li {height:100%;}
.navigation li li:hover, .navigation li li.hover, .navigation li li.selected {background:url(/Common/Images/bgNavSubHover.gif) 0 0 repeat;}

div.header a {float:left;margin:50px 0 0 40px;background:url(/Common/Images/logoPurevia.gif) 0 0 no-repeat;width:209px;height:50px;text-indent:-9999px;overflow:hidden;}
h2, h3 {font-family:Arial,Verdana,Sans-Serif;}
h3 {color:#4a721c;font-size:1.8em;margin:0 0 0.5em;}
h4 {color:#666;font-size:1.4em;margin:0;}
h5 {color:#666;font-size:1.2em;margin:0 0 0.5em;}
p {font-size:1.1em;line-height:1.75em;margin:0 25px 2em 0;}
a {text-decoration:none;color:#4a721c;}
a:hover {color:#a5c330;}
ol { list-style:decimal; margin:0 0 2em; }
ol li { margin:0 0 1em 24px; font-size:1.1em; line-height:1.75em; }
blockquote { color:#407742; font-style:italic }
blockquote p { font-size:1.4em; }

h2 {clear:left;float:left;margin:20px 0 0 40px;width:692px;font-size:24px;line-height:1em;background:#fff url(/Common/Images/bgHeading.gif) 0 100% no-repeat;padding:0 0 10px;}
h3#hdrSurvey { background:url(/common/images/hdrSurvey.gif) no-repeat; clear:left; float:left; display:block; height:37px; margin:20px 0 0 40px; text-indent:-9999px; width:692px; }

.column {float:left;color:#666;}

#columnThree {clear:both;background:url(/Common/Images/divThreeColumn.gif) 405px 54px no-repeat;overflow:auto;width:100%;height:100%;}
#columnLeft {width:355px;margin:15px 0 0 40px;padding:0 10px 0 0;min-height:260px;}
#columnLeftWide {width:703px;margin:15px 0 0 40px;min-height:0px; z-index;1000; position:relative;}
#columnLeftWideFloat {width:678px;margin:15px 25px 0 40px;min-height:260px;}
#columnImage {width:295px;padding:36px 10px 0;margin-right:23px;}
#columnImage img {display:block;margin:0 auto 20px;}
#columnImage p {width:280px;margin:0 auto;color:#a6c430;font-size:1.1em;line-height:1.1em;}
#columnImage p.grey-text { color:#666; font-size:1.1em; line-height:1.75em; margin:0 25px 2em 0; } 

#columnRight {width:240px;margin-top:-15px;}
#columnBase {clear:both;}

/* Buttons */
.btnPanels {margin:0 0 18px 0;float:left;}
.btnPanels img, #columnImage .btnPanels img {display:none;}
.btnPanels h3 {font-size:1.3em;padding-top:4px;text-align:center;cursor:pointer;width:214px;height:154px;background:url(/Common/Images/x.gif) 0 0 repeat;}
.btnPanels h3 a {color:#fff;float:left;width:214px;height:154px;z-index:9;}
.btnPanels h3 a:hover {color:#4a721c;}
.btnPanels .btnCallout {font-size:1.1em;line-height:1.4em;margin:10px;}
.btnPanels .btnCallout a {color:#4a721c;display:block;}
.btnPanels .btnCallout a:hover {color:#a6c430;}

#columnImage .btnPanels {float:none;width:214px;margin:0 auto 10px;}

#lstQuickLinks {background:url(/Common/Images/divLinks.gif) 0 0 no-repeat;padding:1px 0 0;margin:0 0 18px;display:block;width:212px;clear:both;}
#lstQuickLinks li {background:url(/Common/Images/divLinks.gif) 0 100% no-repeat;padding:0 0 1px;display:block;}
#lstQuickLinks a span {font-size:0.8em;display:block;line-height:1.1em;padding:0 0 6px;}
#lstQuickLinks a {background:url(/Common/Images/link.gif) -212px 0 no-repeat;color:#a6c430;font-size:1.2em;line-height:25px;display:block;padding:0 0 0 21px}
#lstQuickLinks a:hover {background:url(/Common/Images/link.gif) 0 0 no-repeat;color:#446c1b;}

.panelSide {width:214px;background:url(/Common/Images/bgQuickFact.gif) 0 0 no-repeat;margin:0 0 18px;clear:both;}
.panelSide .base {background:url(/Common/Images/bgQuickFactBase.gif) 0 0 no-repeat;width:214px;height:19px;clear:both;}
.panelSide p {color:#4a721c;line-height:1.35em;margin:20px 16px 0;}
.panelSide h3, h3.hdrLinks {color:#363;font-size:18px;margin:0 15px 5px 0;}
.panelSide h3 {float:left;width:180px;line-height:1.25em;margin:15px;}
.panelSide .number {clear:both;}
    .short {background-image:url(/Common/Images/bgQuickFactShort.gif)}
    .short h3 {font-size:16px}
    .short .base {background-image:url(/Common/Images/bgQuickFactBaseShort.gif)}

/* Home page specific */
#homePurevia { color:#4f4f4f; clear:both; padding:0 12px 10px; min-height:1px;}
#homePurevia:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#homePurevia .copy {width:500px;padding:30px 0 0 30px; position:relative}
.interact-panel { width:611px; height:331px; float:left; margin:9px 0 0 -2px; position:relative }
    .ie .interact-panel { margin-top:11px; #margin-top:21px; }
    .interact-panel a { display:block; }
    .interact-panel img { display:block; }
    .interact-panel #video { margin:2px 0 0 -2px; }
.twisting-cup { width:364px; height:640px; float:right; margin:-99px -2px 0 0; position:relative }
    .ie .twisting-cup { #margin-top:-88px; }
    .twisting-cup a { display:block; }
    .twisting-cup img { display:block; }

#NewsList li {clear:both;padding-right:50px;background:url(/Common/Images/divNewsList.gif) 0 0 no-repeat;cursor:pointer;}
#NewsList li:first-child {background:none;}
#NewsList h3 {font-size:1.8em;padding:25px 0 0 0;}
#NewsList h3 a {color:#a5c330;}
#NewsList h3 a:hover {color:#4a721c;}
#NewsList h4 {color:#666;font-size:1.4em;}
#NewsList img {float:right;margin:-25px 0 20px 20px;}
#NewsList p {margin:15px 0;font-size:1.1em;line-height:1.8em;color:#666;}

.imageFloatRight {float:right;width:309px;margin:20px 0 20px 20px;}
.imageFloatRight p {color:#a6c430;margin:2em 0.5em 0;padding:0 0 14px;background:url(/Common/Images/divFloatImage.gif) 0 100% no-repeat;}

.imageFloatRightSmall {float:right;width:200px;margin:20px 10px 20px 20px;}

/* Ecard */

#EcardsSelector {margin:0 auto;width:915px;padding:0;clear:both;}
#ecardsBody {background:url(/Common/Images/bgEcards.jpg) 0 0 no-repeat;width:915px;min-height:416px;}
.ecardTop {display:block;}

#ecardForm {width:440px;float:left;}
#ecardForm p {color:#fff;font-size:1.4em;margin:8px 0 16px 12px;line-height:1.2em;}
#ecardForm .mandatory {text-align:right;font-size:1.1em;margin:0 0 8px;}
#ecardForm label {float:left;color:#fff;font-size:1.2em;margin:16px 0 0 12px;}
#ecardForm label input, #ecardForm label textarea {display:block;background:#afc96d !important;border:1px solid #698a43;width:190px;margin:8px 0 0;padding:2px;color:#622b18;}
#ecardForm label textarea {width:400px;height:90px;overflow:auto;}

#ecardThemes {float:left;margin:0;width:440px;}
#ecardThemes label {float:left;width:206px;height:190px;color:#622b18;background:#b8d06a;font-size:1em;font-family:Arial,Verdana,Sans-Serif;padding:0;margin:6px 0 6px 12px;line-height:1em;overflow:auto;}
#ecardThemes label input {float:left;width:1em;height:auto;margin:2px 5px 0 8px;border:0;padding:0;}
#ecardThemes label img {border:1px solid #48711b;display:block;}
#ecardThemes label em {float:left;width:175px;margin:4px 0 3px;}
#ecardThemes label div {overflow:auto;width:206px;}

#ecardForm #btnEcardFunctions {float:right;margin:12px 18px 0;}

/* Where can I buy */

#bodyWhereBuy {background:url(/Common/Images/bgWhereCanIBuy.jpg) no-repeat 0 0;color:#fff;font-size:1.1em;height:245px;padding:25px 30px;position:relative;width:469px}
#bodyWhereBuy input, #bodyWhereBuy select {color:#666;font-family:Verdana, Arial, sans-serif;font-size:1em;margin-top:2px;padding:1px}
#bodyWhereBuy input.rollover {float:right;height:31px;width:83px}
#bodyWhereBuy fieldset {clear:both;margin-bottom:12px}
#bodyWhereBuy fieldset.col3 {clear:none;float:left;overflow:hidden;width:156px}
#bodyWhereBuy fieldset .radioGroup {display:block;margin-top:2px}
#bodyWhereBuy fieldset .radioGroup input {margin:0 5px 0 0;padding:0;vertical-align:middle}
#bodyWhereBuy fieldset .radioGroup label {margin:0 10px 0 0}
#bodyWhereBuy .errMsg {color:#fff !important;float:left;margin-top:10px}

.tableWhereBuy {font-size:1.1em;margin:10px 0}
.tableWhereBuyHeader {color:#a5c330;font-size:1.4em}
.tableWhereBuy td {border-bottom:solid 1px #e7efc7;padding:10px 50px 10px 0}
.tableWhereBuy td .storeName {font-size:1.2em}

#searchAgain {float:right;margin:10px 0 0 45px;text-align:right;width:158px}
#searchAgain .command {font-size:1.1em;display:block;text-decoration:underline;margin-bottom:20px;padding:10px 0}

#bodyClubStores select {clear:both;color:#666;font-family:Verdana, Arial, sans-serif;font-size:1.1em;margin:2px 0 12px;padding:1px}
#bodyClubStores h3 {color:#a5c330;font-family:Verdana, Arial, sans-serif;font-size:1.54em}
#bodyClubStores ul {margin:10px 0;width:300px}
#bodyClubStores li {border-top:solid 1px #e7efc7;font-size:1.1em;padding:10px 0}
#bodyClubStores li .storeName {font-size:1.2em}

.decoClubStores {float:right;margin-right:50px}

a.btnLarge {background:url(/Common/Images/bgButtonLarge.jpg) no-repeat 0 0;cursor:pointer;float:left;height:109px;margin:1em 30px 0 68px;width:215px}
a.btnLarge span {display:block;height:109px;width:215px}
a.search span {background:url(/Common/Images/hdrButtonWhereToBuySearch_off.gif) no-repeat 0 0}
a.clubstores span {background:url(/Common/Images/hdrButtonWhereToBuyClubStores_off.gif) no-repeat 0 0}
a.search:hover span {background-image:url(/Common/Images/hdrButtonWhereToBuySearch_on.gif)}
a.clubstores:hover span {background-image:url(/Common/Images/hdrButtonWhereToBuyClubStores_on.gif)}

/* FAQ */
.faqNav {color:#456c1c;font-weight:bold;font-size:1.1em;list-style-type:decimal;margin:1em 0 1em 60px;}
.faqNav a {color:#456c1c;line-height:1.5em;}
.faqNav a:hover {color:#a5c330;}

.faqAnswers {font-size:1.1em;margin:0.3em 25px 0 0;}
.faqAnswers dt {color:#333;font-weight:bold;margin:2.7em 0 0;}
.faqAnswers dd {color:#666;line-height:1.8em;margin:0.2em 0 0;}

.btt { margin:-2em 0 2em }

/* Question.ascx */
.panelQuestion p {margin-top:0}
.panelQuestion fieldset, .panelQuestion fieldset input, .panelQuestion fieldset textarea {color:#4a721c;font-family:Verdana,Arial,Sans-Serif;font-size:1.1em}
.panelQuestion fieldset, .panelQuestion .submitQuestion {line-height:1.35em;margin:10px 16px 0}
.panelQuestion fieldset input, .panelQuestion fieldset textarea {border:solid 1px #a6c430;float:right;font-size:1em;padding:2px;width:176px}
.panelQuestion fieldset input:focus, .panelQuestion fieldset textarea:focus {border-color:#879f27}
.panelQuestion .submitQuestion {float:right}
.panelThankyou {height:230px}

/* form basics */
.register {background:url(/Common/Images/bgRegisterFormSmall.jpg) 0 0 no-repeat;width:530px;height:255px;margin:20px 0 0 0;padding:30px 0 0 20px;color:#fff;}
.register label {float:left;color:#456c1c;font-size:1.1em;font-family:Arial,Verdana,Sans-Serif;margin:0 0 15px;}
.register label input, .register label select, .register label textarea {display:block;background:#fff;border:1px solid #a5c430;width:200px;padding:2px;margin:6px 0 0;font-size:1em;}
.register label.padRight {margin-right:20px;}
.register label.padRightHalf {margin-right:10px;}
.register label.wide input {width:425px;}
.register label.narrow input {width:105px;}
.register label textarea {width:200px;height:70px;}
.register label.checkbox {margin:4px 0 0 0;width:380px;display:block;overflow:auto;}
.register label.checkbox input {width:1.25em;height:1em;float:left;padding:0;border:0;background:none;}
.register label.checkbox span {display:block;padding:0 0 10px 2em;}
.register label.checkbox a {text-decoration:underline;color:#456c1c;}
.register input.rollover {clear:both;float:left;margin:10px 0 0 340px;height:31px;width:83px;display:inline-block;}
.register .addressBox { width:426px; }

.threefields label input, .threefields label select, .threefields label textarea { width:100px; }

/* Free sample form overrides */
.freesample { background:url(/Common/Images/bgRegisterFormlarge.jpg) no-repeat; height:420px; } 
.freesample .suburb { width:178px; }

#experienceFlash {float:left;margin:0 0 0 12px;padding:20px 0;}
#experienceFlash span {display:block;font-size:1.1em;height:262px;line-height:262px;text-align:center;width:984px}

#historyFlash { margin:0 0 0 19px }

ul.bullet {margin:0 0 2em;font-size:1.1em;}
ul.bullet li {background:url(/Common/Images/bulletLightGreen.gif) 0 0.2em no-repeat;padding:0 0 0 24px;margin:0.5em 0;min-height:18px;line-height:1.8em;}

.panelSide ul.bullet {margin:20px 0 0;clear:both;}
.panelSide ul.bullet li {background:url(/Common/Images/bulletLightGreen.gif) 0 0.2em no-repeat;margin:1em;color:#456c1c;line-height:1.5em;}

.panelSide ol.number {margin:20px 0 0;}
.panelSide ol.number li {list-style-type:decimal;margin:1em 1em 1em 30px;color:#456c1c;line-height:1.5em;}

.tabular {font-size:1.1em;border-top:1px solid #a5c330;margin:0 0 2em;}
.tabular caption {color:#4a721c;font-weight:bold;padding:0.5em;}
.tabular td, .tabular th {border-bottom:1px solid #a5c330;}
.tabular th {padding:0.75em 40px 0.75em 0.75em;}
.nutrition {width:500px;}
.nutrition thead th, .nutrition tbody th {font-weight:bold;}
.nutrition tbody th.subSection {font-weight:normal;text-indent:1em;}
.nutrition td {text-align:center;}
.sugar td {padding:0.75em 0.75em 0.75em 40px;}
.sugar td.equals {padding:0.2em;color:#4a721c;font-weight:bold;}
.comparison th {width:30%;}
.comparison td {text-align:center;width:14%;padding:0.5em 1em;}
tfoot.empty {display:none;}

/* Sugar Test */

.sugarTest {background:url(/Common/Images/bgSugarTest.jpg) 0 12px no-repeat;width:546px;}
.sugarTest fieldset {float:left;width:532px;background:url(/Common/Images/bgSugarTestHead.gif) 0 0 no-repeat;padding:12px 0 0 14px;}
.sugarTest .base {background:url(/Common/Images/bgSugarTestBase.gif) 0 0 no-repeat;width:546px;height:14px;clear:both;}
.sugarTest label {width:436px;height:108px;display:block;color:#446508;font-size:1.2em;margin:16px 0 0;padding:27px 40px 0;}
.sugarTest label select {display:block;margin:12px 0 0;border:1px solid #6c9036;width:135px;color:#666;font-size:1em;padding:2px;}
.sugarTest #question1 {background:url(/Common/Images/bgSugarTestQuestion2.png) 0 0 no-repeat;}
.sugarTest #question2 {background:url(/Common/Images/bgSugarTestQuestion1.png) 0 0 no-repeat;}
.sugarTest #question3 {background:url(/Common/Images/bgSugarTestQuestion3.png) 0 0 no-repeat;padding-top:15px;}
.sugarTest a {float:right;margin:25px 66px 0 0;cursor:pointer;}
#sugarQty {display:none;margin:20px 55px 0;color:#446508;font-size:1.2em;}
#sugarQty span {color:#fff;font-weight:bold;font-size:1.2em;}

.productRight {float:right;width:100px;margin:20px 20px 0 0;font-size:0.9em;}

/* ShareThis */

.shareThis {overflow:auto;margin:1em 0 2em;height:1%;width:100%;}
.shareThis h4 {border:1px solid #666;border-width:1px 0;font-weight:bold;width:auto;float:left;margin:0 0 10px 1px;font-size:1.2em;}
.shareThis h4 a {background:#a5c330;display:block;border:1px solid #666;border-width:0 1px;margin:0 -1px;font-style:normal !important;cursor:pointer;outline:none;line-height:1.75em;padding:0 0.5em 0.2em;color:#333;}
.shareThis h4 a:hover {background:#4a721c !important;color:#fff !important;}
.shareThis p {float:left;margin:0.25em 0 0 1em;display:none;}
.shareThis ul {clear:both;list-style-type:none;border-top:1px dotted #ccc;overflow:auto;margin:0;display:none;}
.shareThis li {float:left;list-style-type:none;width:24%;border-bottom:1px dotted #ccc;margin:0 !important;}
.shareThis li a {display:block;vertical-align:middle;line-height:2em;padding:0.5em 0;}
.shareThis li img {float:left;margin:0.3em 4px 0 0;vertical-align:middle;}

/* Subscribe */

#subscribe a {background: url(/Common/Images/icoRss.gif) 0 50% no-repeat;cursor:pointer;padding:0.5em 0.5em 0.5em 20px;color:#666;}
#subscribe a:hover {color:#000;}

/* historyFlash noFlash */
#noFlash {margin:15px 0 0 40px;width:703px}
#noFlash li {margin-bottom:35px}
#noFlash h3 {margin-bottom:0}

.question {font-size:inherit;}
.question ul {margin:1em;}
.question li {line-height:1.7em;}
.question label {font-size:1.1em;}
.question input {margin:0 10px 0 0;}

.answer {color:#4a721c;margin:1em;}
.answer h5 {font-weight:bold;color:#a5c330;font-size:1.05em;}
.answer h5 span {font-weight:bold;color:#4a721c;}
.answer p {margin:0.5em 1em;}
.alert {font-weight:bold;line-height:2em;}
#quizSubmit {cursor:pointer;}

.clear {clear:both;}

#calculatorFlash {margin:0 0 1em;}

.listAsset li {width:234px;height:166px;background:url(/Common/Images/bgAsset.gif) 0 0 no-repeat;text-align:center;position:relative;float:left;}
.listAsset li h3 {padding:0;margin:0;font-size:1.4em;color:#fff;font-weight:normal;line-height:36px;vertical-align:middle;text-indent:-10px;}
.listAsset li img {margin:0 auto;}
.listAsset li ul {float:left;margin:7px 0 0 35px; min-height:1px; _zoom:1; _margin-left:10px;}
.listAsset li ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
.listAsset li li {background:url(/Common/Images/bgRes.gif) 100% 50% no-repeat;padding:0 13px 0 0;width:auto;height:auto;line-height:1em;float:left;margin:0 0 0 20px;}
.listAsset li li a {color:#fff;}

dl.contact {margin:0 1em;font-size:1.1em;}
dl.contact dt {font-weight:bold;margin:0 0 0.4em}
dl.contact dd {margin:0 0 1.25em}


/* sifr styles */
.sIFR-flash {visibility:visible !important;margin:0;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-hasFlash h2, .sIFR-hasFlash h3.hdrLinks, .sIFR-hasFlash .panelSide h3 {visibility:hidden;}

/* Survey Styles */
#survey-container { color:#666; margin:0 40px }
#survey-container h3 { background:url(/common/images/decoSurveyNumbers.jpg) no-repeat 0 0; line-height:34px; padding:0 0 0 70px; _zoom:1 }
    #survey-container h3.intro { background:none; padding:0 }
    #survey-container h3.number1 { background-image:url(/common/images/decoSurvey1.jpg) }
    #survey-container h3.number2 { background-image:url(/common/images/decoSurvey2.jpg) }
    #survey-container h3.number3 { background-image:url(/common/images/decoSurvey3.jpg) }
    #survey-container h3.number4 { background-image:url(/common/images/decoSurvey4.jpg) }
    #survey-container h3.number5 { background-image:url(/common/images/decoSurvey5.jpg) }
    #survey-container h3.number6 { background-image:url(/common/images/decoSurvey6.jpg) }
    #survey-container h3.number7 { background-image:url(/common/images/decoSurvey7.jpg);line-height:normal; }
    #survey-container h3.number8 { background-image:url(/common/images/decoSurvey8.jpg) }
    #survey-container h3.number9 { background-image:url(/common/images/decoSurvey9.jpg) }
    #survey-container h3.number10 { background-image:url(/common/images/decoSurvey10.jpg); }
    #survey-container h3.number11 { background-image:url(/common/images/decoSurvey11.jpg);line-height:normal; }
    #survey-container h3.number12 { background-image:url(/common/images/decoSurvey12.jpg) }
    #survey-container h3.number13 { background-image:url(/common/images/decoSurvey13.jpg) }
    #survey-container h3.number14 { background-image:url(/common/images/decoSurvey14.jpg) }
    
    #survey-container h4 {margin:0 0 15px 4px;}
    
#survey-container fieldset { margin:20px 0; }
#survey-container fieldset.field-column { float:left; width:460px }
#survey-container label { display:block; font-size:1.1em; clear:left; float:left; margin:0 0 10px; width:100px } 
#survey-container input { border:solid 1px #ccc; float:left; padding:2px 1px; margin:0 400px 10px 0; width:250px } 
    #survey-container .check-list, 
    #survey-container .radio-list, 
    #survey-container .rating-list { display:block; overflow:hidden; padding:0 0 15px; #margin:0 0 5px; width:100% }
    #survey-container .check-list label, 
    #survey-container .radio-list label { clear:none; width:600px; #position:relative; #top:3px; }
        #survey-container fieldset.field-column .check-list label, 
        #survey-container fieldset.field-column .radio-list label { width:350px }
    #survey-container .check-list input, 
    #survey-container .radio-list input { border:none; clear:left; margin:0 5px 0; width:auto }
    #survey-container .rating-list input,
    #survey-container .rating-list label { border:none; clear:none; float:left; margin:0 5px 0 0; width:auto; }
    #survey-container .rating-list label { margin-right:20px; #position:relative; #top:3px; }
    
    #survey-container #ctl00_ctl00_holderBody_phColumnBase_radRecommend {display:inline}
    #survey-container .float {float:left;font-size:1.1em;}
    #survey-container .left {margin:0 15px 0 0;}
    #survey-container .right {margin:0 0 0 -4px}
    
    #survey-container #terms-popup {clear:both;padding:10px 0 0;}
    
    
    
#survey-container h3 span { color:#666; font-size:0.667em; }
#survey-container a.button { background-repeat:no-repeat; display:block; float:left; height:32px; margin:0 15px 0 0; text-indent:-9999px; width:107px }
#survey-container a.start { background-image:url(/common/images/btnStart.jpg); } 
    #survey-container a.start:hover { background-image:url(/common/images/btnStart_on.jpg); } 
#survey-container a.next { background-image:url(/common/images/btnNext.jpg); } 
    #survey-container a.next:hover { background-image:url(/common/images/btnNext_on.jpg); } 
#survey-container a.back { background-image:url(/common/images/btnBack.jpg); } 
    #survey-container a.back:hover { background-image:url(/common/images/btnBack_on.jpg); } 
    
/* Campaign based styles */
#scottie-callghan-button { left:15px; position:absolute; top:400px; }

/* Recipes Section */
#featured-recipe { float:left; margin:0 95px 0 40px; width:316px; }   
#featured-recipe #recipe { background:url(/common/images/bgFeaturedRecipeTop.gif) no-repeat top; padding:20px 0 0; }
#featured-recipe #recipe div { background:url(/common/images/bgFeaturedRecipeBottom.gif) no-repeat bottom; min-height:180px; padding:0 0 20px; }
#featured-recipe #recipe h4 { color:#a5c330; font-size:1.8em; margin:0 0 25px 15px; width:165px }
#featured-recipe #recipe h4 a { color:#a5c330; }
#featured-recipe #recipe p { background:url(/common/images/bulletLightGreen.gif) no-repeat 0 0;color:#666; line-height:14px; margin:0 0 0 15px; padding:0 0 0 25px; width:135px }
#featured-recipe #recipe p a { color:#666; }
#featured-recipe #recipe a:hover { color:#4A721C; }

#recipes-nav { float:left; margin:30px 0; }
#recipes-nav li { float:left; margin:0 30px 0 0 }
#recipes-nav h3 { font-size:1.2em; padding:4px 0 0; text-align:center; width:152px; }
#recipes-nav a { color:#fff; display:block; height:212px; }
#recipes-nav a:hover { color:#4A721C; }
    #hot-beverages h3 { background:url(/common/images/bgHotBeverages.jpg) no-repeat; }
    #tasty-treats h3 { background:url(/common/images/bgTastyTreats.jpg) no-repeat; }
    #cold-beverages h3 { background:url(/common/images/bgColdBeverages.jpg) no-repeat; }
    
#recipes-more-nav { clear:both; margin:45px auto; overflow:hidden; position:relative; width:670px; }
#recipes-more-nav ul { }
#recipes-more-nav li { float:left; margin:0 10px 10px; text-align:center; width:96px }
#recipes-more-nav li img { display:block; margin:0 0 5px; }
#recipes-more-nav li a { color:#a2a2a2; }
#recipes-more-nav li a:hover { color:#000; }
#recipes-more-nav #recipes-more { background:url(/common/images/btnMore.gif) no-repeat; display:block; height:31px; position:absolute; right:0; text-indent:-9999px; top:0; width:85px }

#recipe-container { overflow:hidden }
.recipe-layout img { float:left; margin:0 30px 0 0; }
.recipe-layout ul { color:#838383; float:left; padding:3px 0 0; width:240px; }
.recipe-layout li { background:url(/common/images/bulletLightGreen.gif) no-repeat 1px 0; padding:2px 0 0 25px }
.recipe-layout h3 { color:#838383; font-family:Verdana, Sans-serif; font-size:1.1em; font-weight:bold; margin:0 0 2px }
.recipe-layout h3 span { font-weight:normal }
.recipe-layout p { line-height:18px; margin:0 0 18px; }
#recipe-major, #recipe-minor { float:left; width:502px; }
#recipe-major { background:url(/common/images/divColumn.png) no-repeat top right;padding-left:50px; }
#recipe-minor { padding-left:15px; width:280px }
#recipe-minor ul { width:auto; }