@charset "UTF-8";
/* northcoastnaturals.com CSS Document */

/* -------------------------------------------------general text style------------------------------------------------- */
body {
	background:#ffeed3 url(../images/background_skygradient_short.png) repeat-x left top;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#666;
	font:normal 12px Arial;
	line-height:175%;
}

p {
	font:normal 12px Arial;
	color:#3D151A; /*ncn brown*/
	line-height:175%;
}

td {
	font:normal 12px Arial;
	color:#3D151A; /*ncn brown*/
	line-height:175%;
	vertical-align:top;
	text-align:left;
}

th {
	font:bold 12px Arial;
	color:#3D151A; /*ncn brown*/
	line-height:175%;
	vertical-align:top;
	text-align:left;
}

table.chart {
	border-top:1px solid #3D151A; /*ncn brown*/
	border-left:1px solid #3D151A; /*ncn brown*/
}

table.chart th {
	background-color:#3D151A; /*ncn brown*/
	color:#fff;
	font-size:14px;
}

table.chart td {
	font:normal 12px Arial;
	text-align:left;
	color:#3D151A; /*ncn brown*/
	line-height:175%;
	border-bottom:1px solid #3D151A; /*ncn brown*/
	border-right:1px solid #3D151A; /*ncn brown*/
}

table.chart td.checkmark {
	font:normal 12px Arial;
	text-align:center;
	color:#3D151A; /*ncn brown*/
	line-height:175%;
	border-bottom:1px solid #3D151A; /*ncn brown*/
	border-right:1px solid #3D151A; /*ncn brown*/
}

table.chart td.category {
	font:bold 12px Arial;
	color:#3D151A; /*ncn brown*/
	text-align:left;
	line-height:175%;
	border-bottom:1px solid #3D151A; /*ncn brown*/
	background-color:#e3c9b1;/*light brown*/
}


h1 {
	font:bold 20px Arial;
	margin:0px;
	color:#3D151A;/*ncn brown*/
	display:inline;
}

h2 {
	font:bold 16px Arial;
	margin:0px;
	color:#3D151A;/*ncn brown*/
	display:inline;
}

h3 {
	font:bold 14px Arial;
	margin:0px;
	color:#3D151A;/*ncn brown*/
	display:inline;
}

h4 {
	font:bold 12px Arial;
	margin:0px;
	color:#3D151A;/*ncn brown*/
}

.misc {
	font:normal 9px Arial;
	line-height:100%;
}

ol, ol li {
	color:#3D151A;/*ncn brown*/
	padding-left:1.5em;
}

ol.faq, ol.faq li {
	color:#3D151A;/*ncn brown*/
	padding-left:1.5em;
	padding-bottom:1em;
}

ul, ul li {
	color:#3D151A;/*ncn brown*/
	padding-left:0px;
	list-style-type:none;
}

ul.bullet {
	color:#3D151A;/*ncn brown*/
	padding-left:1em;
}

ul.bullet li {
	color:#3D151A;/*ncn brown*/
	list-style-type:disc;
}

img {
	border:none;
}

.white {
	color:#ffffff;
}

hr.dotted {
	width:100%;
	height:auto;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	border-bottom:#666 dotted 1px;
	position:relative;
	z-index:5;
}

hr.dotted_banner {
	width:860px;
	height:auto;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	border-bottom:#666 dotted 1px;
	position:relative;
	z-index:5;
}

/* -------------------------------------------------container style------------------------------------------------- */
.preload {
	display:none;
}

.wrapper {
	width:1024px;	
}

.topnav_container {
	width:1006px;
	height:auto;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:10;
}

.logo {
	text-align:left;
	width:119px;
	height:78px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 60px;
	position:relative;
	z-index:10;
}

.topnav {
	background:url(../images/background_topnav_tab.png) no-repeat left top;
	text-align:left;
	width:752px;
	height:81px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 50px;
	position:relative;
	z-index:10;
}

.content {
	background:url(../images/background_transparency.png) no-repeat left top;
	text-align:left;
	width:860px;
	height:auto;
	min-height:500px;
	margin:0px 0px 0px 0px;
	padding:50px 50px 0px 50px;
	position:relative;
	z-index:2;
}

.column1 {
	text-align:left;
	width:270px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 0px;
	position:relative;
	z-index:5;
}

.column2 {
	text-align:left;
	width:270px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 0px;
	position:relative;
	z-index:5;
}

.column3 {
	text-align:left;
	width:270px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:5;
}

.column1_inside {
	text-align:right;
	width:155px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:5;
}

.column2_inside {
	text-align:left;
	width:669px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 35px;
	border-left:#666 dotted 1px;
	position:relative;
	z-index:5;
}

.2columns {
	text-align:left;
	width:570px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 35px 0px 0px;
	position:relative;
	z-index:5;
}


.bottomnav {
  	background:#ffeed3 url(../images/background_field_05_mountainrange.jpg) repeat-x center bottom;
	text-align:left;
	height:318px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
  	/*The following tags prevent the background image from shifting when you resize the browser smaller than the content width */
	width:100%;
	min-width:1024px;
	display:table;
	z-index:0;
}

.clouds {
	text-align:left;
	height:auto;
	width:auto; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
  	/*The following tags prevent the background image from shifting when you resize the browser smaller than the content width */
	z-index:1;
}

.bottomnav_block {
	background-color:#3D151A;
	width:100%;
	height:45px;
	display:table;
	text-align:center;
	margin:200px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:1;
}


/* -------------------------------------------------body formatting style------------------------------------------------- */
.clear {
	clear:both;
}

.line_vertical_dotted {
	width:5px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	border:none;
	border-right:#fff dotted 1px;
	position:relative;
	z-index:5;
}

.img_nutfact {
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
}

/* -------------------------------------------------topnav style------------------------------------------------- */
a.topnav_logo:link, a.topnav_logo:visited {
	width:118px;
	height:78px;
	display:inline-block;
	background:url(../images/logo_ncn.png) no-repeat left top;
	text-indent:-9999px;
}
a.topnav_logo:hover {
	background-image:url(../images/logo_ncn_on.png);
}

a.topnav_products:link, a.topnav_products:visited {
	width:77px;
	height:37px;
	display:inline-block;
	padding:0px 8px 0px 8px;
	background:url(../images/text_topnav_products.png) no-repeat left top;
	text-indent:-9999px;
}
a.topnav_products:hover {
	background-image:url(../images/text_topnav_products_on.png);
}

a.topnav_funstuff:link, a.topnav_funstuff:visited {
	width:79px;
	height:37px;
	display:inline-block;
	padding:0px 8px 0px 8px;
	background:url(../images/text_topnav_funstuff.png) no-repeat left top;
	text-indent:-9999px;
}
a.topnav_funstuff:hover {
	background-image:url(../images/text_topnav_funstuff_on.png);
}

a.topnav_aboutus:link, a.topnav_aboutus:visited {
	width:80px;
	height:37px;
	display:inline-block;
	padding:0px 8px 0px 8px;
	background:url(../images/text_topnav_aboutus.png) no-repeat left top;
	text-indent:-9999px;
}
a.topnav_aboutus:hover {
	background-image:url(../images/text_topnav_aboutus_on.png);
}

a.topnav_resources:link, a.topnav_resources:visited {
	width:86px;
	height:37px;
	display:inline-block;
	padding:0px 8px 0px 8px;
	background:url(../images/text_topnav_resources.png) no-repeat left top;
	text-indent:-9999px;
}
a.topnav_resources:hover {
	background-image:url(../images/text_topnav_resources_on.png);
}

a.topnav_wheretobuy:link, a.topnav_wheretobuy:visited {
	/*width:108px;*/
	width:123px;
	height:37px;
	display:inline-block;
	padding:0px 8px 0px 8px;
/*	background:url(../images/text_topnav_wheretobuy.png) no-repeat left top;*/
	background:url(../images/text_topnav_retaillocations.png) no-repeat left top;
	text-indent:-9999px;
}
a.topnav_wheretobuy:hover {
	/*background-image:url(../images/text_topnav_wheretobuy_on.png);*/
	background:url(../images/text_topnav_retaillocations_on.png) no-repeat left top;
}

.formstyle {
	width:200px;
	height:30px;
	position:relative;
	top:8px;
	left:5px;
	display:inline;
}

.formstyle_speechbox {
	position:relative;
	top:5px;
	left:0px;
}

.searchbox {
	border:1px #3D151A solid;
	background:url(../images/background_searchbox.png) repeat-x top left;
	padding:3px 3px 3px 3px;
}

.searchbutton {
	width:24px;
	height:20px;
	display:inline-block;
	padding:0px 0px 0px 0px;
	border:none;
	background:url(../images/icon_go.png) no-repeat top left;
   	text-indent:-9999px;
}
.searchbutton:hover {
	background:url(../images/icon_go_on.png) no-repeat top left;
	cursor:pointer;
}


/* -------------------------------------------------link style------------------------------------------------- */
a:link, a:visited {
	/*color:#0082C2;pvl blue*/
	color:#81A43C;/*ncn green*/
	text-decoration:none;
}
a:hover {
	color:#09F;/*bright blue*/
}

a.brownlink:link, a.brownlink:visited {
	color:#3D151A;/*ncn brown*/
	text-decoration:none;
}
a.brownlink:hover {
	color:#81A43C;/*ncn green*/
	border-bottom:1px #81A43C dotted;
	/*color:#09F;bright blue*/
}

a.greenlink_underline:link, a.greenlink_underline:visited {
	color:#81A43C;/*ncn brown*/
	border-bottom:1px #81A43C dotted;
	text-decoration:none;
}
a.greenlink_underline:hover {
	color:#09F;/*ncn green*/
	border-bottom:1px #09F dotted;
	/*color:#09F;bright blue*/
}

a.whitelink:link, a.whitelink:visited {
	color:#fff;/*white*/
	text-decoration:none;
}
a.whitelink:hover {
	color:#81A43C;/*ncn green*/
}

a.block:link, a.block:visited {
	color:#3D151A;
	font-weight:bold;
	display:block;
	padding:5px 35px 5px 0px;
	margin:0px 0px 0px 0px;
	width:120px;
	text-decoration:none;
}

a.block:hover {
	background-image:url(../images/background_transparent_bar.png);
	background-position:right top;
	background-repeat:repeat-y;
}

.blockcurrent {
	background-image:url(../images/background_transparent_bar.png);
	background-position:right top;
	background-repeat:repeat-y;
}

a.glossarylink:link, a.glossarylink:visited {
	color:#3D151A;/*ncn brown*/
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding-right:12px;
}
a.glossarylink:hover {
	color:#81A43C;/*ncn green*/
}