/*
@import url('http://www.healthfoods4us.com/style/abeatbyKaiRegular.ttf');
@import url('http://www.healthfoods4us.com/style/abeatbyKaiRegular.otf');
@import url('http://www.healthfoods4us.com/style/DidactGothic.ttf');
*/
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
@font-face
{
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	src: local("DidactGothic") url("DidactGothic.ttf") format("truetype");/*
	src: local("abeatbyKai") url("abeatbyKaiRegular.otf") format("opentype");
	src: local("abeatbyKai") url("abeatbyKaiRegular.ttf") format("truetype");
	*/
}
body { font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif; }
/*
div { font-family: abeatbyKai, Didact Gothic, helvetica, arial, sans-serif; }
*/
.theme
{
	color: #ffc;
	font-family: helvetica, arial, sans-serif;
	background-color: #000;
	background-image: url(../images/bck/falls.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}
.facts
{
	color: #ffc;
	font-family: helvetica, arial, sans-serif;
	background-color: #fff;
	background-size: 100%;
	background-position-y: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}
table
{
	color: #242;
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}
th
{
	font-family: helvetica, arial, sans-serif;
	color: #686;
	font-size: 14px;
	text-align: left;
}
p
{
	text-align: justify;
	font-family: helvetica, arial, sans-serif;
}
/*ul { list-style-type: none; }*/
.bullet
{
	list-style-type: disc;
	padding: 0 0 0 20px;
	text-align: left;
}
.justy { text-align: justify; }
.lefty { text-align: left; }
.boldly { font-weight: bold; }
em
{
	color: #663;
	font-weight: bold;
	font-style: normal;
}
h1
{
	color: #fff;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
h2
{
	color: #454;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
}
h3
{
	color: #121;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
}
h4
{
	color: #030;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
h5
{
	color: #030;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.textsize16 { font-size: 16px; }
.textsize14 { font-size: 14px; }
.textsize12 { font-size: 12px; }
/* Links */

a
{
	color: #060;
	font-weight: bold;
	text-decoration: none;
}
a:link, a:visited { }
a:hover { color: #090 }
a:active { color: #663; }
a.regular
{
	color: #060;
	font-weight: normal;
	text-decoration: none;
}
a:link.regular, a:visited { }
a:hover.regular { color: #090 }
a:active.regular { color: #663; }
a.snow
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
a:link.snow, a:visited { }
a:hover.snow { color: #ff0 }
a:active.snow { color: #0f0; }
a.lite
{
	color: #ff9;
	font-weight: normal;
	text-decoration: none;
}
a:link.lite, a:visited { }
a:hover.lite { color: #ff0 }
a:active.lite { color: #0f0; }
/* SmartMenu */

a.mainmenu
{
	color: #ff9;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	background-color: rgba(0,0,0,0.5);
	line-height: 32px;
	text-indent: 16px;
	display: block;
	text-align: left;
}
a:link.mainmenu, a:visited.mainmenu { }
a:hover.mainmenu
{
	color: #ff0;
	background-color: rgba(0,0,0,0.75);
}
a:active.mainmenu { color: #0f0; }
a.submenu
{
	color: #ff9;
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	background-color: rgba(0,0,0,0.75);
	padding: 0px 16px;
	display: block;
	text-align: left;
}
a:link.submenu, a:visited.submenu { }
a:hover.submenu
{
	color: #ff0;
	background-color: rgba(0,0,0,1);
}
a:active.submenu { color: #0f0; }
/*Fields*/

.bgwht { background-color: rgba(255,255,255,1); }
.bgblk { background-color: rgba(0,0,0,1); }
a:hover.imgfade img { opacity: .5; }
.headfield
{
	color: #996;
	font-size: 20px;
	background-color: rgba(0,0,0,0.5);
	white-space: nowrap;
	height: 176px;
	vertical-align: bottom;
	float: left;
}
.plainfield
{
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
.pagefield
{
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.homefade
{
	color: #cc9;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	vertical-align: bottom;
}
.homefoot
{
	color: #996;
	font-size: 20px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	vertical-align: bottom;
}
.webby
{
	color: #242;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}
/*Columns*/


.sidebyside
{
	padding: 0px;
	margin: 0px;
	display: inline;
}
.menubot
{
	width: 200px;
	float: left;
	display: inline-block;
	text-align: left;
	padding: 16px;
	margin: 0px;
	line-height: 20px;
}
.colnav
{
	width: 432px;
	float: left;
	display: inline;
	padding: 16px;
	margin: 0px;
	text-align: left;
	line-height: 20px;
	white-space: nowrap;
}
.colkey
{
	width: 432px;
	float: left;
	display: inline;
	padding: 16px;
	margin: 0px;
	text-align: left;
}
.colone
{
	width: 480px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.collft
{
	font-family: /*abeatbyKai,*/ Didact Gothic, helvetica, arial, sans-serif;
	width: 480px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
	white-space: nowrap;
	text-align: left;
}
.colrgt
{
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	width: 480px;
	padding: 0px;
	margin: 0px;
	float: right;
	display: inline;
	text-align: right;
	height: 96px;
	white-space: nowrap;
}
.headnav
{
	font-family: /*abeatbyKai,*/Didact Gothic, helvetica, arial, sans-serif;
	text-align: left;
	width: 480px;
	padding: 0px;
	margin: 0px;
	vertical-align: text-top;
	display: inline;
	float: left;
}
.header
{
	width: 440px;
	padding: 0px;
	margin: 0px 20px 20px 20px;
	text-align: left;
	padding: 0;
	white-space: nowrap;
	height: 40px;
	float: left;
}
.subnav
{
	width: 440px;
	text-align: right;
	padding: 0;
	white-space: nowrap;
	height: 40px;
	float: right;
	display: inline;
	margin: 0 20px 20px 20px;
}
.findnav
{
	width: 280px;
	padding: 0;
	margin: 0;
	/*height: 72px;*/
	text-align: right;
	float: right;
	display: inline;
}
.socialnav
{
	width: 200px;
	/*height: 72px;*/
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-align: left;
	float: left;
	display: inline;
}
.colfindsocial
{
	width: 480px;
	/*height: 72px;*/
	padding: 0px;
	margin: 0;
	float: right;
	text-align: right;
	display: inline;
	white-space: nowrap;
}
.subhead
{
	text-align: left;
	white-space: nowrap;
	height: 40px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0 20px 20px 20px;
	width: 440px;
}
.specialhead
{
	text-align: center;
	white-space: nowrap;
	height: 40px;
	float: left;
	display: inline;
	padding: 0 0 20px 0;
	margin: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}
.subheadbrand
{
	text-align: left;
	height: 40px;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0 0 0 20px;
}
.subheadproducts
{
	text-align: left;
/*	height: 40px;*/
	float: left;
	display: inline;
	padding: 0px;
	margin: 0 20px 0 20px;
}
.logohome
{
	text-align: center;
	width: 480px;
	display: inline;
	float: left;
	height: 320;
	vertical-align: middle;
}
.tagline
{
	text-align: center;
	width: 480px;
	display: inline;
	float: left;
	height: 240px;
}
/*TableData*/

.dat0 { }
.data { background-color: rgba(255,255,255,0.25); }
.datb { background-color: rgba(255,255,255,0.5); ; }
.datc { background-color: rgba(255,255,255,0.75); }
.clmc
{
	padding: 4px 8px;
	white-space: nowrap;
	text-align: left;
}
.clmchilite
{
	padding: 4px 8px;
	white-space: nowrap;
	text-align: left;
	background-color: rgba(204,255,204,0.10);
}
.clmhide
{
	padding: 4px 8px;
	white-space: nowrap;
	text-align: left;
	font-size: 6px;
	color: #bbb;
	/*visibility: hidden;*/
}
.clmcrgt
{
	padding: 4px 8px;
	white-space: nowrap;
	text-align: right;
}
.clmcwrap
{
	padding: 4px 8px;
	text-align: left;
}
.clmcs
{
	padding: 4px 8px;
	white-space: nowrap;
	text-align: left;
	font-size: 12px;
	color: #666;
}
.clmcsb
{
	padding: 4px 8px;
	white-space: nowrap;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
.clmcswrap
{
	padding: 4px 8px;
	text-align: left;
	font-size: 12px;
	color: #666;
}
/*CardLinks*/

.heightnews { height: 960px; }
.heightspecial { height: 540px; }
.heighthealth { height: 900px; }
.heightprod { height: 300px; }
.heightprodtrim { height: 272px; }
.containtext
{
	margin: 40px;
	text-align: left;
}
.containjust
{
	margin: 0 20px 20px 20px;
	text-align: justify;
}
.containscroll
{
	text-align: left;
	overflow-y: scroll;
	margin: 0 20px 20px 20px;
}
.containauto
{
	text-align: left;
	margin: 0 20px;
}
.bg75dkgld { background-color: rgba(102,102,51,0.75); }
.bg75dkgrn { background-color: rgba(51,102,51,0.75); }
.bg75dkblu { background-color: rgba(51,102,102,0.75); }
.bg75dkblk { background-color: rgba(51,51,51,0.75); }
.catcard
{
	margin: 0px;
	width: 240px;
	height: 384px;
	display: inline;
	float: left;
	line-height: 20px;
	padding: 16px 0;
}
.bg25ltgld { background-color: rgba(255,255,204,0.25); }
.bg25ltgrn { background-color: rgba(204,255,204,0.25); }
.bg25ltblu { background-color: rgba(204,255,255,0.25); }
.bg25ltwht { background-color: rgba(204,204,204,0.25); }
.brandcard
{
	padding: 0px;
	margin: 0px;
	width: 240px;
	display: inline;
	float: left;
	height: 640px;
	font-size: 14px;
}
.productcard
{
	padding: 0 0 8px 0;
	margin: 0px;
	width: 240px;
	height: 320px;
	display: inline;
	float: left;
}
.bg75ltgld { background-color: rgba(255,255,204,0.75); }
.bg75ltgrn { background-color: rgba(204,255,204,0.75); }
.bg75ltblu { background-color: rgba(204,255,255,0.75); }
.bg75ltwht { background-color: rgba(204,204,204,0.75); }
.productinfocard
{
	padding: 0px;
	margin: 0px;
	width: 240px;
	height: 640px;
	display: inline;
	float: left;
	font-size: 14px;
	text-align: center;
}
.productinfodouble
{
	padding: 0px;
	margin: 0px;
	width: 480px;
	height: 640px;
	display: inline;
	float: left;
	font-size: 14px;
	text-align: center;
}
.bg50ltgld { background-color: rgba(255,255,204,0.5); }
.bg50ltgrn { background-color: rgba(204,255,204,0.5); }
.bg50ltblu { background-color: rgba(204,255,255,0.5); }
.bg50ltwht { background-color: rgba(204,204,204,0.5); }
.recipecard
{
	padding: 0px;
	margin: 0px;
	width: 240px;
	display: inline;
	align: left;
	float: left;
	height: 640px;
	line-height: 20px;
}
.transy { }
