/* 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;}
a {text-decoration:none;color:#333;}
p {z-index:1;}

body {font-size:62.5%;font-family:Verdana,Arial,Sans-Serif;color:#333;}

#page {width:955px;margin:5px auto;position:relative;}
#masthead {float:left;background:url(/Common/Images/bgMasthead.jpg) 0 0 no-repeat;width:955px;height:132px;}
#footer {background:url(/Common/Images/bgFooter.jpg) 0 100% no-repeat;width:955px;min-height:54px;clear:both;}
#content {float:none;clear:both;padding:16px 15px 0;}

h1 a {display:block;width:173px;height:66px;background:url(/Common/Images/logoWholeEarth.png) 0 0 no-repeat;text-indent:-9999px;margin:8px 0 0 50px;outline:none;}

a {outline:none}

#footer .copyright {color:#fff;float:left;font-size:1.1em;line-height:54px;margin:0 11px}
#footer ul {float:right;margin:0 11px;}
#footer li {float:left;font-size:1.1em;margin-left:24px;line-height:54px;}
#footer a {color:#fff;}

.right {float:right;}
.left {float:left;}
.row {clear:both;}

strong {font-weight:bold !important}
em {font-style:italic !important}

.navigation, .navigation ul, .navigation li {z-index:99;}
.navigation {position:absolute;top:91px;left:56px;}
.navigation li {float:left;}
.navigation li a.tl {text-indent:-9999px;}
.navigation ul {position:absolute;top:32px;left:-9999px;width:116px;z-index:99 !important;}
.navigation ul li {width:100%;height:auto;min-height:16px;font-size:1.1em;background:#bfb09b;border-top:1px solid #fff;border-bottom:1px solid #f2efeb;}
.navigation ul li:first-child, .navigation ul li.first-child {border-top:0;}
.navigation ul li:last-child, .navigation ul li.last-child {border-bottom:0;}
.navigation ul li:hover, .navigation ul li.hover {background:#eadac1 url(/Common/Images/bgNavigationHover.gif) 0 100% repeat-x;}
.navigation ul li a {display:block;color:#fff;padding:10px 5px 10px 10px;}
.navigation ul li:hover a {color:#666;}

#ni0 a.tl {width:116px;height:32px;display:block;margin-right:34px;}
#ni0 a.tl:hover {background:url(/Common/Images/navAbout.gif) 0 0 no-repeat;}
#ni0:hover ul, #ni0.hover ul {left:0px;}
.navigation #ni0 li.last-child {background:transparent url(/Common/Images/navBase116_off.png) 0 100% no-repeat;}

#ni1 a.tl {width:116px;height:32px;display:block;margin-right:33px;}
#ni1 a.tl:hover {background:url(/Common/Images/navBrands.gif) 0 0 no-repeat;}
#ni1:hover ul, #ni1.hover ul {left:150px;}
.navigation #ni1 li.last-child {background:transparent url(/Common/Images/navBase116_off.png) 0 100% no-repeat;}

#ni2 a.tl {width:154px;height:32px;display:block;margin-right:30px;}
#ni2 a.tl:hover {background:url(/Common/Images/navStevia.gif) 0 0 no-repeat;}
#ni2:hover ul, #ni2.hover ul {left:300px;width:154px;}
.navigation #ni2 li.last-child {background:transparent url(/Common/Images/navBase154_off.png) 0 100% no-repeat;}

#ni3 a.tl {width:173px;height:32px;display:block;margin-right:25px;}
#ni3 a.tl:hover {background:url(/Common/Images/navEnjoy.gif) 0 0 no-repeat;}
#ni3:hover ul, #ni3.hover ul {left:483px;width:173px;}
.navigation #ni3 li.last-child {background:transparent url(/Common/Images/navBase161_off.png) 0 100% no-repeat;}

#ni4 a.tl {width:171px;height:32px;display:block;}
#ni4 a.tl:hover {background:url(/Common/Images/navNews.gif) 0 0 no-repeat;}
#ni4:hover ul, #ni4.hover ul {left:681px;width:171px;}
.navigation #ni4 li.last-child {background:transparent url(/Common/Images/navBase171_off.png) 0 100% no-repeat;}

.breadcrumbs {color:#999;margin:0 0 10px 50px;display:block;}
.breadcrumbs a {color:#999;}
.breadcrumbs a:hover {color:#666;}

#flIntro {background:url(/Common/Images/bgFlashHome.gif) 0 0 no-repeat;width:700px;height:301px;position:relative;}
    #flIntro ul {position:absolute;top:20px;left:22px;}
    #flIntro ul li {display:none;position:absolute;}
    #flIntro ul li:first-child, #flIntro ul li.first-child {display:block;}
    #flIntro embed, #flIntro object {margin:5px auto 0;display:block;}

    #home1 .text {position:absolute;top:85px;left:319px;}
    #home2 .text {position:absolute;top:53px;left:472px;}
    #home3 .text {position:absolute;top:102px;left:436px;}
    
#flBrands {height:168px;overflow:hidden;position:relative;}
#flBrands li {display:none;margin:0;padding:0;position:absolute;top:0;left:0;}
#flBrands li:first-child, #flBrands li.first-child {display:block}

.secondary {clear:right;margin:10px 0 18px;}    
.secondary li {display:block;border-top:1px dotted #ccc;padding:2px 0 2px;margin:2px 0 0;line-height:1em;}
.secondary li:hover {background:url(/Common/Images/bgSecondary.gif) 0 100% no-repeat;}
.secondary li:first-child {border-top:none;}
.secondary li a {width:147px;color:#666;display:block;padding:6px 25px 4px 31px;background:url(/Common/Images/arrowGreen.gif) 13px 7px no-repeat;}
.secondary li a:hover {color:#333;}
.secondary li:hover a {background:#f0f0f0 url(/Common/Images/bgSecondaryAnchor.gif) 0 0 no-repeat;}

.panel {background-color:#c0c054;color:#fff;}
.panel p {margin:0 0 15px}
.panel p:last-child {margin:0}
.panel .int {padding:15px 16px;font-size:1.1em;line-height:1.8em;}
.narrow {width:203px;background:#c0c054 url(/Common/Images/bgPanelNarrow.gif) 0 100% no-repeat;padding-bottom:8px;}
.narrow h2 {background:url(/Common/Images/hdrNarrow.jpg) 0 0 no-repeat;width:183px;border-bottom:10px solid #5d6135;font-size:1.6em;padding:26px 10px 13px 10px;}

.narrow2 {background:#cabb77 url(/Common/Images/bgPanelNarrow2.gif) 0 100% no-repeat;padding-bottom:8px;width:203px}
.narrow2 h2 {background:url(/Common/Images/hdrNarrow2.jpg) 0 0 no-repeat;border-bottom:10px solid #653d33;font-size:1.6em;padding:26px 10px 13px 10px;width:183px}

.narrow3 {background:#99cc99 url(/Common/Images/bgPanelNarrow3.gif) 0 100% no-repeat;padding-bottom:8px;width:203px}
.narrow3 h2 {background:url(/Common/Images/hdrNarrow3.jpg) 0 0 no-repeat;border-bottom:10px solid #81a43b;font-size:1.6em;padding:26px 10px 13px 10px;width:183px}

.narrow4 {background:#d5b965 url(/Common/Images/bgPanelNarrow4.gif) 0 100% no-repeat;padding-bottom:8px;width:203px}
.narrow4 h2 {background:url(/Common/Images/hdrNarrow4.jpg) 0 0 no-repeat;border-bottom:10px solid #cc6600;font-size:1.6em;padding:26px 10px 13px 10px;width:183px}

.narrow5 {background:#b4ca82 url(/Common/Images/bgPanelNarrow5.gif) 0 100% no-repeat;padding-bottom:8px;width:203px}
.narrow5 h2 {background:url(/Common/Images/hdrNarrow5.jpg) 0 0 no-repeat;border-bottom:10px solid #445913;font-size:1.6em;padding:26px 10px 13px 10px;width:183px}

.feature {overflow:auto;margin:20px 0 30px;width:695px;}
.feature li {float:left;width:200px;margin:0 0 0 45px;color:#666;position:relative;padding:0 0 2.3em;}
.feature li p {line-height:1.8em;}
.feature li.product {width:160px;}
.feature li h2 {color:#996;border-bottom:1px solid #ccc;padding:0 0 8px;margin:0 0 12px;font-size:1.5em;}
.feature li.product img {margin:0;}

.feature .button {min-height:23px;margin:0;position:absolute;bottom:0;left:0;width:200px;}
.feature .button a {display:block;min-height:16px;color:#fff;font-size:1.1em;text-indent:16px;padding:5px 0 0;}

.feature .btn1 {background:#9c3 url(/Common/Images/btn1Base_off.gif) 0 100% no-repeat;}
.feature .btn1 a {background:url(/Common/Images/btn1_off.gif) 0 0 no-repeat;}

.feature .btn2 {background:#9c3 url(/Common/Images/btn2Base_off.gif) 0 100% no-repeat;}
.feature .btn2 a {background:url(/Common/Images/btn2_off.gif) 0 0 no-repeat;}

.feature .btn3 {background:#9c3 url(/Common/Images/btn3Base_off.gif) 0 100% no-repeat;width:160px;}
.feature .btn3 a {background:url(/Common/Images/btn3_off.gif) 0 0 no-repeat;text-indent:12px;}

.feature .btn1:hover {background-image:url(/Common/Images/btn1Base_on.gif)}
.feature .btn1:hover a {background-image:url(/Common/Images/btn1_on.gif)}

.feature .btn2:hover {background-image:url(/Common/Images/btn2Base_on.gif)}
.feature .btn2:hover a {background-image:url(/Common/Images/btn2_on.gif)}

.feature .btn3:hover {background-image:url(/Common/Images/btn3Base_on.gif)}
.feature .btn3:hover a {background-image:url(/Common/Images/btn3_on.gif)}

.copy {background:#f5f5f5 url(/Common/Images/bgCopy.gif) 0 0 no-repeat;float:left;margin:0 0 25px;padding:20px 50px;width:600px}
.copy a {color:#996}
.copy a:hover {color:#333}
.copy h2, .copy h3 {border-bottom:1px solid #ccc;color:#996;font-size:1.5em;margin:0 0 12px;padding:0 0 8px;width:350px}
.copy h3 {font-size:1.3em;margin-top:30px}
.copy p {font-size:1.1em;line-height:1.8;margin:0 0 15px}
.copy .close {background:#fff url(/Common/Images/bgCopyBase.gif) 0 0 no-repeat;display:block;height:12px;margin:0 0 -20px -50px;width:700px}
.copy .faux {background-image:url(/Common/Images/bgCopyFauxBase.gif);height:44px}
.copy sup {font-size:0.75em;vertical-align:top}

.brandthumbs {min-height:112px;padding:0 20px 0 0;width:124px}

.external {background:url(/Common/Images/external.gif) no-repeat 0 50%;float:left;height:20px;width:21px}
.linkPdf {background:url(/Common/Images/iconPdf.gif) no-repeat 0 0;display:block;line-height:19px;padding-left:23px}

ul.reg li, ol.reg li {font-size:1.1em;list-style:disc outside;margin:0 15px 15px}
ul.nodisc li {list-style:none}
ol.ref {margin-top:30px}
ol.ref li {color:#666;font-size:0.9em;list-style-type:decimal;margin:0 15px 10px}

.copy img.deco {background-color:#f5f5f5;clear:right;float:right;padding:30px 0 20px 50px}
.copy img.top {padding-top:0}

.copy img.biscuits {margin-right:-50px}
.copy img.spoons {padding-bottom:10px;padding-top:15px}
.copy img.purevia {padding-left:0px;padding-top:15px}

.news ul {clear:both}
.news li {margin-bottom:30px;position:relative}
.news li h3 {padding-right:180px;position:relative;width:auto}
.news li .button {display:block;font-size:0.8em;margin:0;min-height:23px;position:absolute;bottom:6px;right:0 !important;background:url(/Common/Images/btn3altBase.gif) 0 100% no-repeat;width:160px;}
.news li .button a {display:block;min-height:16px;color:#fff;font-size:1.1em;padding:5px 0 0;background:url(/Common/Images/btn3alt.gif) 0 0 no-repeat;text-indent:12px;}
.news li .button:hover {background-position:-160px 100%;}
.news li .button:hover a {background-position:-160px 0;}

.press h2.title {width:auto}
.press h3 {border:none;color:#333;font-size:1.1em;font-weight:bold;margin-bottom:0;width:auto}
.press h4, .press h5 {border:none;color:#333;font-size:1.05em;font-weight:bold;margin-bottom:0;width:auto}
.press ul {margin:0 0 15px 20px}
.press li {font-size:1.1em;line-height:1.8;list-style:disc outside;margin-bottom:15px}
.press .prcontact {border-top:solid 1px #ccc;padding-top:8px}

.tertiary_wrap {background-color:#f5f5f5;display:block;float:right;padding:20px 0 20px 30px;width:215px}
.tertiary_wrap .close {background:url(/Common/Images/bgTertiaryWrapBase.gif) no-repeat 0 0;height:2px;margin:0;width:212px}
.tertiary {background:#f1e9dc url(/Common/Images/bgTertiaryWrap.gif) 0 0 no-repeat;padding:1px 0 1px;width:212px}
.tertiary li {border-top:1px dotted #ccc;display:block;line-height:1em;margin:3px 4px 0;padding:2px 0;}
.tertiary li:hover {background:url(/Common/Images/bgTertiary.gif) 0 100% no-repeat}
.tertiary li:first-child {border-top:none;padding-top:0}
.tertiary li a {background:url(/Common/Images/arrowOlive.gif) 13px 7px no-repeat;color:#666;display:block;padding:6px 25px 4px 31px;width:147px}
.tertiary li a:hover {color:#333}
.tertiary li:hover a {background:#e3dbcf url(/Common/Images/bgTertiaryAnchor.gif) 0 0 no-repeat}
.tertiary li.selected {background:url(/Common/Images/bgTertiarySelected.gif) 0 100% no-repeat;color:#666}
.tertiary li.selected a {background:#fff url(/Common/Images/bgTertiaryAnchorSelected.gif) 0 0 no-repeat;color:#666}

.contact {margin:20px 0 0;overflow:auto}
.contact li {float:left;padding:0 20px 0 0;position:relative;width:280px}
.contact li h2 {width:auto}

#BmiCalculatorSwf {height:316px;width:588px}

.test {font-weight:bold;list-style:decimal outside;margin-left:20px}
.test li {margin-bottom:30px}
.test li * {font-weight:normal}

.test .txt {color:#333;font-family:Verdana,Arial,Sans-Serif;width:50px}

.test h4 {clear:left;font-size:1.1em;font-weight:bold;margin-bottom:7px}
.test table td {float:left;line-height:1.8;margin-bottom:5px}
.test table input {float:left;margin-top:3px}
.test table label {display:block;font-size:1.1em;margin-left:20px}

.test blockquote {margin-left:30px}
.test .answer {font-weight:bold}
.test .answer span {color:#c60;font-weight:bold}

.test #invalid {color:#c60;display:none;float:left;font-size:1.1em;font-weight:bold;padding-top:5px}

.test .button {float:right;margin:0;min-height:23px;width:80px}
.test .button a {display:block;min-height:16px;color:#fff;font-size:1.1em;text-indent:16px;padding:5px 0 0}
.test .btn5 {background:#f5f5f5 url(/Common/Images/btn4sBase.gif) 0 100% no-repeat;width:80px}
.test .btn5 a {background:url(/Common/Images/btn4s.gif) 0 0 no-repeat;text-indent:12px}
.test .btn5:hover {background-image:url(/Common/Images/btn4sBase_on.gif)}
.test .btn5:hover a {background-image:url(/Common/Images/btn4s_on.gif)}

.submit {width:330px}

.assets {margin:38px 0 0}
.assets li {background:url(/Common/Images/bgAssetsListItem.jpg) no-repeat 0 0;float:left;height:136px;margin:0 0 38px 38px;width:224px}
.assets li h3 {background-position:50% 50%;background-repeat:no-repeat;border:none;height:100px;margin:0;padding:0;text-indent:-9999em;width:auto}
    .assets li h3.wholeearth {background-image:url(/Common/Images/bgAssetsWholeEarth.gif)}
    .assets li h3.sweetsimplicity {background-image:url(/Common/Images/bgAssetsSweetSimplicity.gif)}
    .assets li h3.sweetsimplicitypack {background-image:url(/Common/Images/bgAssetsSweetSimplicityPack.gif)}
    .assets li h3.purevia {background-image:url(/Common/Images/bgAssetsPureVia.gif)}
    .assets li h3.pureviapack {background-image:url(/Common/Images/bgAssetsPureViaPack.gif)}
.assets li div {height:25px;padding-top:11px;position:relative}
    .assets li div input {float:left;margin-left:7px}
    .assets li div label {color:#633;float:left;margin-left:3px}
    .assets li div a {background:url(/Common/Images/btnDownload_off.gif) no-repeat 0 0;color:#fff;height:19px;line-height:17px;padding-left:15px;position:absolute;right:5px;top:8px;width:81px}
    .assets li div a:hover {background:url(/Common/Images/btnDownload_on.gif) no-repeat 0 0;color:#fff}
    .assets li div label.disabled {color:#bcc6a9}

/* 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:#b4ca82;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:#fff;}
.shareThis h4 a:hover {background:#eadac1;}
.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:25%;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 {margin:0.5em 0 1em;}
#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;}

.sendFriend {width:390px;}
#formSend {background:#fff;border:#ccc;padding:16px;overflow:auto;height:1%;}
#formSend label {display:block;font-size:1.1em;margin:0 0 16px;color:#666;}
#formSend label input {display:block;width:350px;background:#fff;border:1px solid #ccc;padding:2px;color:#333;margin:4px 0 0;}
#formSend input.rollover {float:right;}