@charset "utf-8";

/* Eric Meyer Reset, v1.0 | 20080212, http://meyerweb.com/eric/tools/css/reset/index.html, modified */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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/* mods */h1,h2,h3,h4,h5,h6{font-weight:normal}
/*CLEAR FIX*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix { height: 1%;} .clearfix {display: block;}

/***************************************************************
	Basic Elements */
body {
	font: normal 75% 'Lucida Sans','Lucida Sans Unicode','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	background: #e3efd1 url(../images/bg-body.jpg) repeat-x top center;
}
td {
	vertical-align: top;
}
td img {
	vertical-align: top;
}
.locator td {
	padding: 2px 6px;
}


/****************************************************************
	Generic Classes */


/****************************************************************
	Basic Layout */

#wrapper {
	position: relative;
	width: 994px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 43px;
	padding: 20px 0 0 18px;
	background: url(../images/bg-header.png);
}

#container {
	position: relative;
	min-height: 474px;
	margin-bottom: 42px;
	background: url(../images/bg-container.png) repeat-y;
}

#content {
	min-height: 516px;
	clear: both;
	margin: 0 19px;
	background: url(../images/bg-content.png) no-repeat;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	background: url(../images/bg-footer.png) no-repeat;
}

/****************************************************************
	Header */


/****************************************************************
	Navigation */

/* Drop-down nav navigation */
#nav,
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	width: 10em;
}
#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide navs because display: none isn't read by screen readers */
	width: 10em;
}
#nav li:hover ul,
#nav li.sfHover ul { /* lists nested under hovered list items */
	left: auto;
}

/****************************************************************
	Footer */
#footer h3 {
	position: absolute;
	top: 0;
	left: 650px;
	width: 262px;
	height: 39px;
}
#footer h3 a {
	position: relative;
	display: block;
	width: 262px;
	height: 39px;
	overflow: hidden;
}
#footer h3 a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 262px;
	height: 39px;
	background: url(../images/bg-footer-logo.png) no-repeat;
	cursor: pointer;
}
#footer p {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
#footer p a,
#footer p span {
	display: block;
	height: 16px;
	text-decoration: none;
	line-height: 16px;
	color: #fff;
}
#footer .nav0 {
	position: absolute;
	top: 39px;
	left: 121px;
	width: 136px;
}
#footer .nav1 {
	position: absolute;
	top: 39px;
	left: 257px;
	width: 139px;
}
#footer .nav2 {
	position: absolute;
	top: 39px;
	left: 396px;
	width: 133px;
}
#footer .nav3 {
	position: absolute;
	top: 39px;
	left: 529px;
	width: 122px;
}
#footer .copyright {
	position: absolute;
	top: 39px;
	left: 651px;
	width: 233px;
}

/****************************************************************
	Content */

#content .homeCopy,
#content .aboutCopy,
#content .xylitolCopy {
	min-height: 245px;
	padding: 271px 266px 38px 212px;
	background-repeat: no-repeat;
}
#content .xylitolCopy {
	float: left;
	width: 480px;
}
#content .aboutCopy {
	background: url(../images/bg-about.png) no-repeat;
}
#content .copy {
	position: relative;
	padding: 24px 0 0 86px;
	text-align: justify;
	font-size: .833em; /* 10px */
	line-height: 1.7em; /* 17px */
	color: #8dc63f;
	background: url(../images/bullet-lg.png) no-repeat 69px 40px;
}
#content .privacy {
	padding: 271px 266px 38px 297px;
	background-position: 277px 286px;
}
#content .contact {
	padding: 0;
	background: none;
}
#content .copy .headerImg {
	position: absolute;
	top: 0;
	left: 0;
}
#content .copy p {
	margin: 1.7em 0;
}
#content .copy ul {
	margin: 1.7em 0 1.7em 26px;
	padding: 0 0 0 13px;
	font-weight: bold;
	list-style: url(../images/bullet-sm.png);
}
#content .copy h1 {
	margin: .708em 0;
	font-weight: bold;
	font-size: 2.4em; /* 24px */
	font-style: italic;
	line-height: 1.417em;
}
#content .copy h2 {
	margin: .944em 0 0;
	font-weight: bold;
	font-size: 1.8em; /* 18px */
	font-style: italic;
	line-height: .944em;
}
#content .copy h3 {
	margin: 1.214em 0 0;
	font-weight: bold;
	font-size: 1.4em; /* 14px */
	font-style: italic;
	line-height: 1.214em;
}
#content .copy h4 {
	margin: 1.417em 0 0;
	font-weight: bold;
	font-size: 1.2em; /* 12px */
	font-style: italic;
	line-height: 1.417em;
}
#content .copy h5 {
	margin: 1.7em 0 0;
	font-style: italic;
	font-weight: bold;
}
#content .copy h6 {
	margin: 1.889em 0 0;
	font-weight: bold;
	font-style: italic;
	font-size: .9em; /* 9px */
	line-height: 1.889em;
}
#content .copy a {
    color:#004812;
}
#content .copy a:hover {
    color:#8cc63f;
    text-decoration:none;
}
#content .copy table {
	font-size: .833em;
	line-height: 1.5em;
}


/****************************************************************
	Container */

#logo {
	position: absolute;
	top: 45px;
	left: 132px;
	z-index: 900;
}
#logo img {
	display: block;
}

#xylitolArea {
	position: absolute;
	top: 260px;
	left: 728px;
	width: 125px;
	height: 173px;
	padding: 85px 21px 0 42px;
	font-size: 9px;
	font-family: 'Myriad Pro', Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #8dc63f;
	background: url(../images/xylitol-what-is-it.png) no-repeat;
	z-index: 10;
}
#xylitolArea ul {
	padding-left: 15px;
	list-style: disc;
}
#xylitolArea ol {
	padding-left: 15px;
	list-style: decimal;
}

#xylitolArea p strong {
	font-weight: normal;
	color: #004812;
}
.subNav {
    width:110px;
    position:absolute;
    top:14px;
    left:18px;
	z-index: 900;
}
.subNav img {
	display: block;
}
.subNavBox {
    background-image: url('../images/SubNavBG.png');
	background-repeat: repeat-y;
}
.subNavBox a {
    display:inline-block;
    background-image: url('../images/SubNavLeaf.png');
    background-repeat:no-repeat;
    margin:0px 0px 8px 12px;
    padding:4px 0px 0px 14px;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}
.subNavBox a:hover {
    color:#004812;
}
.subNavBox a.on {
    color:#004812;
}

/* homepage */
#container .flashPlaceholder {
	position: absolute;
	top: 14px;
	right: 100px;
}
#container .fdaBtn {
	position: absolute;
	top: 248px;
	left: 102px;
	width: 110px;
	height: 58px;
}
#container .fdaBtn a,
#container .fdaBtn img {
	display: block;
}
.sideVideo
{
	overflow: hidden;
	position: absolute;
	top: 305px;
	left: 20px;
	width: 280px;
}
.sideVideoTop
{
	margin-top:40px; 
	margin-left:0px; 
	padding-left:16px; 
	margin-bottom:5px;
}
.sideVideoMiddle
{
	float:left; 
	position:relative; 
}
.sideVideoBottom
{
	margin-top:20px; 
	margin-left:12px;
}
#couponArea {
	position: absolute;
	left: 430px;
	top: 435px;
	width: 496px;
	height: 312px;
	background: url(../images/bg-coupon-area-home.png) right top no-repeat;
}
#couponArea img {
	position: absolute;
	left: 200px;
	bottom: 0;
}

/* xylitol page */
.sugarFlash {
	position: absolute;
	bottom: 0;
	left: 19px;
	height:273px;
	width:419px;
}

/* lifestyle page */
.lifestyleFlash 
{
	width: 386px;
	height: 130px;
	margin: 10px 0;
}

/* tools page */
.toolsBG 
{
	float: left;
	width: 960px;
	min-height: 554px;
	background: url("../images/toolsBG.jpg") no-repeat;
}
.frmRow
{
    margin:0px 0px 6px 8px;
}

.frmRow label
{
    display:inline-block;
    width: 54px;
}

.frmRowTop
{
    padding-top:10px;
}

.frmRowAge
{
    margin:-2px 0px 0px 62px;
}

.frmRowCom
{
	position: absolute;
	top: 10px;
	right: 23px;
}
.frmRowCom label
{
    margin:27px 8px 0px 0px;
    vertical-align:top;
    display:inline-block;
    width: 70px;

}
.txtBox
{
    padding:0px;
    margin:0px 0px 0px 0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:290px;
    height:20px;
    color:#014913;
    font-size:12px;
}
.txtArea
{
    padding:0px;
    margin:0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:174px;
    height:84px;
    color:#014913;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.coupon
{
	background-image:url(../images/couponBg.png);
	background-repeat:no-repeat;
	float:right;
	height:365px;
	margin:49px 0 0 25px;
	width:521px;
}

.coupon-thanks
{
	
	background-repeat:no-repeat;
	float:right;
	height:365px;
	margin:49px 0 0 25px;
	width:521px;
}

.couponFrm
{
    padding:134px 0px 0px 70px;
    width:431px;
    height:177px;
}

.coupon .frmRowTop
{
    padding-top:10px;
}

.frmRowC
{
    margin:0px 0px 6px 0px;
}

.frmRowC label
{
    display:inline-block;
    width:92px;
    margin:0px 10px 0px 0px;
    color:#fff;
    text-align:right;
    font-weight:bold;
    font-size:16px;
}

.txtBoxC
{
    padding:0px;
    margin:0px 0px 0px 0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:273px;
    height:20px;
    color:#014913;
    font-size:12px;
}

.txtBoxCEmail
{
    padding:0px;
    margin:0px 0px 0px 0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:130px;
    height:20px;
    color:#014913;
    font-size:12px;
}

.txtBoxCPhone
{
    padding:0px;
    margin:0px 0px 0px 0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:74px;
    height:20px;
    color:#014913;
    font-size:12px;
}

label.lblPhone
{
    display:inline-block;
    width:62px;
    margin:0px 4px 0px 0px;
    color:#fff;
    text-align:right;
    font-weight:bold;
    font-size:16px;
}

.frmRowCBot
{
    margin:0px 0px 6px 0px;
}

.frmRowCBot label
{
    margin:0px 4px 0px 0px;
    color:#fff;
    text-align:right;
    font-size:10px;
    font-style:italic;
}

label.lblZip
{
    display:inline-block;
    width:92px;
    margin:0px 10px 0px 0px;
    color:#fff;
    text-align:right;
    font-style:normal;
    font-weight:bold;
    font-size:16px;
}

a.coupBtn
{
    display:inline-block;
    background-image:url(../images/coupBtnBG.png);
    background-repeat:no-repeat;
    text-align:center;
    text-decoration:none;
    width:106px;
    height:32px;
    margin:4px 0px 0px 274px;
    padding:0px;
    color:#fff;
    font-size:24px;
    font-weight:normal;
    cursor:pointer;
}

a.coupBtn:hover
{
    background-position:0px -32px;
}

.coupMes
{
    width:460px;
    margin:10px 60px 10px 0px;
    float:right;
}

/* store locator */
.storeBG 
{
	height: 1100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004812;
	background: url("../images/storeLocatorBG.jpg") center top no-repeat;
}
.storeBG h3 {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: #004812;
}
.storeBG ul {
	margin: 0 0 0 13px;
	padding: 0;
	list-style: none;
}
.storeBG li {
	margin: 0;
	padding: 0;
}
.storeBG h4 {
	margin: 8px 0;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
}
.retailListUS {
	position: absolute;
	top: 251px;
	left: 51px;
}
.retailListUS .left {
	float: left;
	width: 137px;
}
.retailListUS .center {
	float: left;
	width: 118px;
}
.retailListUS .right {
	float: left;
	width: 177px;
}
.retailListCanada {
	position: absolute;
	left: 860px;
	top: 389px;
}
.retailListUS .note {
	font-size: 9px;
	font-style: italic;
}
#locatorAnim {
	position: absolute;
	top: 0;
	left: 484px;
	width: 428px;
	height: 435px;
}

/* FAQ page */
#content .faqCopy {
	padding: 32px 70px 32px 335px;
	background: none;
}
.faqCopy h2 {
	margin: 1.7em 0 0;
	padding-left: 20px;
	font-weight: bold;
	font-size: 1.167em;
	background: url(../images/bullet-lg.png) no-repeat;
}
.faqCopy p,
.faqCopy ol {
	padding-left: 30px;
}
.faqCopy ul {
	padding-left: 30px;
	list-style: disc;
}

/* recipes page */
.measuring 
{
	background-image:url(../images/measuringGraphic.png);
	float:right;
	height:93px;
	margin-right:30px;
	position:relative;
	width:286px;
}
#content .recipesCopy {
	position: relative;
	margin-bottom: 48px;
	padding: 0;
	background: none;
}
.row 
{
	position:relative;
	clear:both;
	width:536px;
	height:auto;
	display:table;
}
.col 
{
	float:left;
	display:table;	
	min-height:100px;
	min-width:100px;
	position:relative;	
}
.subRecipesWrapper 
{
	position:relative;
	width: 957px;
	min-height: 400px;
	display:table;	
}
.subRecipesBG 
{
	position:relative;
	min-width: 187px;
	min-height: 389px;
}
.bananaBreadBG 
{
	background-image:url(../images/bananaBreadBG.jpg);
	background-repeat:no-repeat;
	margin-bottom:9px;
	margin-top:14px;
	min-height:243px;
	min-width:555px;
	position:relative;
}
.pumpkinBreadBG 
{
	background-image:url(../images/pumpkinBreadBG.jpg);
	background-repeat:no-repeat;
	margin-bottom:9px;
	min-height:278px;
	min-width:555px;
	position:relative;
}
.breadsProductImage 
{
	float:left;
	position:relative;
	background-image: url("../images/breadsProductImage.png");
	min-width: 290px;
	min-height: 315px;
	bottom:0px;
	vertical-align:bottom;
	margin-top:-40px;
}
.drinksProductImage 
{
	float:left;
	position:relative;
	background-image: url("../images/drinksProductImage.png");
	min-width: 299px;
	min-height: 271px;
	bottom:0px;
	vertical-align:bottom;
	margin-top:-40px;
}
.sweetsProductImage 
{
	float:left;
	position:relative;
	background-image: url("../images/sweetsProductImage.png");
	min-width: 299px;
	min-height: 273px;
	margin-top:300px;
	background-repeat: no-repeat;
}
.lemonadeDrinkBG 
{
	background-image:url(../images/lemonDrinkBG.jpg);
	background-repeat:no-repeat;
	margin-bottom:9px;
	margin-top:14px;
	min-width:555px;
	min-height:195px;
	position:relative;
}
.hcDrinkBG 
{
	background-image:url(../images/hcDrinkBG.jpg);
	background-repeat:no-repeat;
	margin-bottom:9px;
	min-width:555px;
	min-height:157px;
	position:relative;
}
.brownieSweetsBG 
{
	background-image:url(../images/brownieSweetsBG.jpg);
	background-repeat:no-repeat;
	margin-top:14px;
	margin-bottom:9px;
	min-width:550px;
	min-height:300px;
	position:relative;
}
.dcCookiesSweetsBG 
{
	background-image:url(../images/dcCookiesSweetsBG.jpg);
	background-repeat:no-repeat;
	margin-bottom:9px;
	min-width:550px;
	min-height:274px;
	position:relative;
}
.cinnamonCookiesSweetsBG
{
	background-image:url(../images/cinnamonCookiesSweetsBG.jpg);
	background-repeat:no-repeat;
	margin-bottom:9px;
	min-width:550px;
	min-height:350px;
	position:relative;
}
#content .recipeList 
{
	font-size:9px;
	font-style:italic;
	left:116px;
	line-height:10px;
	position:relative;
	top:40px;
	width:380px;
}
#content .fivePixelSpacing
{
	padding-top: 5px;
	position:relative;
}
#content .listFormat 
{
	margin-bottom:17px;
	position:relative;	
}
#content .recipeFormat 
{
	left:8px;
	top:4px;
	width:185px;
	min-height: 5px;	
}
#content .recipeList h3 {
	margin: 0;
	clear:both;
	color:#87CF4F;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:0.05em;
	line-height:13px;
}
#content .recipeList ol 
{
	margin:0;
	padding-bottom:4px;
	padding-left:23px;
	padding-top:4px;
	width: 350px;
	list-style: decimal;
}
#content .recipeList li
{
	margin-bottom: 2px;
}

/* contact page */
.contactWrapper 
{
	display:table;
	position:relative;
}
#conTxtHolder
{
    margin: 55px 82px 0px 530px;
    padding: 0 0 0 20px;
    font-size:12px;
	background: url(../images/bullet-lg.png) no-repeat left 5px;
}
#content #conTxtHolder h1 {
	font-size: 18px;
	margin-bottom: 0;
}

#conFormTop
{
    margin:28px 82px 0px 198px;
    padding:0px;
    border-top: solid 3px #8cc63f;
    font-size:12px;
    text-align:left;
}

#conFormTop p
{
    font-size:11px;
    margin:18px 0px 12px 0px;
}

#conForm
{
	position: relative;
	width: 669px;
    margin:0px 82px 0px 198px;
    padding:0px;
    background-image:url(../images/conFormBG.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    font-size:12px;
    text-align:left;
}
#conFormThank
{
	width: 669px;
	height: 148px;
    margin:0px 82px 40px 198px;
    padding:0px;
    background-image:url(../images/conFormThankBG.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    font:italic 14px 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
	color: #004812;
}
#conFormThank p
{
    padding-top: 50px;
}

a.conBtn
{
    display:inline-block;
    background-image:url(../images/conBtnBG.png);
    background-repeat:no-repeat;
    text-align:center;
    text-decoration:none;
    width:148px;
    height:33px;
    margin:-10px 0px 0px 266px;
    padding:0px;
    color:#fff;
    font-size:24px;
    font-weight:normal;
    cursor:pointer;
}

a.conBtn:hover
{
    background-position:0px -33px;
}

.frmRow
{
    margin:0px 0px 6px 8px;
}

.frmRow label
{
    display:inline-block;
    width: 54px;
}

.frmRowTop
{
    padding-top:10px;
}

.frmRowAge
{
    margin:-2px 0px 0px 62px;
}

.frmRowCom
{
	position: absolute;
	top: 10px;
	right: 23px;
}
.frmRowCom label
{
    margin:27px 8px 0px 0px;
    vertical-align:top;
    display:inline-block;
    width: 70px;

}
.txtBox
{
    padding:0px;
    margin:0px 0px 0px 0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:290px;
    height:20px;
    color:#014913;
    font-size:12px;
}
.txtArea
{
    padding:0px;
    margin:0px;
    border:solid 1px #fefefd;
    background-color:#fefefd;
    width:174px;
    height:84px;
    color:#014913;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


.logoPlacement 
{
	float:left;
	height:61px;
	margin-top:10px;
	position:relative;
	width:350px;
}
.nevellaLogo
{
	float:left;
	height:53px;
	margin-right:85px;
	position:relative;
	width:142px;
}
.idealLogo
{
	float:left;
	position:relative;
	width:98px;
	height:61px;
}

/* lightbox */
#lbLink 
{
    color: #E3EFD1;
}
#lightbox 
{
    font-family: Lucida Sans, Verdana, Sans-Serif;
    position relative;
    height: 564px;
    padding: 11px 0 0 67px;
    text-align: left;
    color: #7f3f98;
    background-image: url('../images/bg-lightbox.png');
}
#lightbox h2 
{
    position: relative;
    width: 550px;
    height: 151px;
    overflow: hidden;
}
#lightbox h2 span,
#lightbox h3 span,
#lightbox a.submitBtn span,
#lightbox a.neverLink span,
#lightbox a.skipLink span
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg-lightbox.png') no-repeat -67px -11px;
}
#lightbox h3 
{
    position: relative;
    width: 545px;
    height: 48px;
    overflow hidden;
}
#lightbox h3 span
{
    background-position: -67px -162px;
}
#lightbox .howHear 
{
    position: absolute;
    top: 220px;
    left: 81px;
}
#lightbox .howHear select
{
    width: 408px;
    border: 0 none #fff;
    font: normal 15px Lucida Sans, Verdana, Sans-Serif;
    color: #7f3f98;
    background: transparent none;
}
#lightbox .howHear option
{
    background-color: #fff;
}
#lightbox a.submitBtn 
{
    display: block;
    position: absolute;
    left: 67px;
    top: 262px;
    width: 129px;
    height: 30px;
    overflow: hidden;
}
#lightbox a.submitBtn span 
{
    background-position: -67px -262px;
    cursor: pointer;
}
#lightbox a.neverLink 
{
    display: block;
    position: absolute;
    left: 67px;
    top: 476px;
    width: 215px;
    height: 14px;
    overflow: hidden;
}
#lightbox a.neverLink span 
{
    background-position: -67px -476px;
    cursor: pointer;
}
#lightbox a.skipLink 
{
    display: block;
    position: absolute;
    left: 80px;
    top: 530px;
    width: 215px;
    height: 27px;
    overflow: hidden;
}
#lightbox a.skipLink span 
{
    background-position: -80px -530px;
    cursor: pointer;
}
#fancybox-outer 
{
    background-color: transparent;
}
#fancy-bg-n,
#fancy-bg-ne,
#fancy-bg-e,
#fancy-bg-se,
#fancy-bg-s,
#fancy-bg-sw,
#fancy-bg-w,
#fancy-bg-nw
{
    background-image: none;
}