/*
	Base screen styles for Pacific Natural Foods
		----colors----
		medium yellow lines: #e9cf71
		red-orange: #dc5214
		medium green: #8d8043
		light-yellow background: #fffdf0
		bright yellow: #f4db67
		dark text: #34361c
*/
/* 
	Eric Meyer's reset styles: removes unwanted space from elements 
 */
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;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
	visibility: hidden;
}

/* set up default styles/colors */

a:link, a:visited {
	color: #dc5214;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8d8043;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(/img/gradient_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", serif;
	color: #666;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#333300;}
h1 {font-size:1.5em; line-height:1.2em; margin-bottom: 0.76em;}
h2 {font-size: 1.334em; line-height: 1.2em; margin-bottom: 0.5em;}
h3 {font-size: 1em; line-height: 1em; margin-bottom: 0em; font-weight: bold;}
h4 {font-size:1em; line-height:1em;margin-bottom:0em; font-weight: bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

h1.grn-italic {
	font-style: italic;
	color: #7f8600;
}

p {margin:0 0 0.8em 0;}

img.bordered {
	border: 3px double #f0d95c;
}

.dark-text {
	color: #34361c;
}

a.lglink:link, a.lglink:visited {
	font-size: 1.125em;
	line-height: 1em;
} 

a.action:link, a.action:visited {
	font-size: 1.125em;
	line-height: 1.2em;
	font-style: italic;
	padding-right: 10px;
	background: url(/img/subnav_marker_off.gif) center right no-repeat;
}

/* ##### PAGE STRUCTURE ##### */
#bgwrap {
	width:  100%;
	text-align: center;
	background: #FFF;
}

#container {
	position: relative;
	width: 800px;
	margin: 0;
	text-align: left;
	font-size: 0.75em; /* ###### base font size here ###### */
	line-height: 1.25em;
}

/* ####### Header styles ########*/

#header {
	display: none;
	visibility: hidden;
}

#lowerhdr {
	display: none;
	visibility: hidden;
}

/* -- Home page structure --*/

#hm-middle {;
	display: none;
}
#hm-bottom {
	position: relative;
	padding-left: 10px;
	width: 500px;
	overflow: visible;
	color: #8d8043;
	font-size: 0.95em;
	line-height: 1.4em;
}

#hm-btm-wrap {
	float: left;
	width: 421px;
}

#hm-btm-left {
	width: 183px;
	float: left;
	text-align: center;
	margin-bottom: 1em;
}

#hm-btm-middle {
	float: left;
	width: 421px;
	margin-bottom: 1em;
	background: url(/img/leaves_bg.gif) top left no-repeat;
}

#hm-btm-right {
	width: 341px;
	float: left;
}

#from-kitchen {
	position: relative;
	width: 376px;
	background-color: #FFFFFF;
	overflow: visible;
}

#from-kitchen h4 {
	overflow: hidden;
	font-size: 1.125em;
	text-indent: none;
	background: url(/img/hdr_fromthekitchen.gif) left no-repeat;
	margin-bottom: 0.75em;
}

#from-kitchen div.inner {
	padding: 1em 22px 2em 22px;
}

a.recipe-title {
	font-size: 1.2em;
}

ul#recipe-prods {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 0.75em;
}

ul#recipe-prods li {
	border-bottom: 1px solid #e9cf71 !important;
	padding: 3px 0px;
	font-style: italic;
}

a#btn-sharerecipe {
	display: none;
}

a#btn-sharerecipe span {
	border: none;
	display: block;
	overflow: hidden;
	text-indent: none;
}

#hm-certsource {
	background-color: #FFF;
	border-top: 1px solid #e9cf71;
	overflow: hidden;
}
#hm-certsource div:first-child {
	overflow: hidden;
	border-top: 3px double #e9cf71;
	padding: 1em 15px 0.5em 16px;
}

#hm-certsource table td {
	vertical-align: top !important;
	line-height: 1.25em;
}

#hm-certsource h5.homehdr {
	text-indent: none;
	font-size: 1.125em;
	background: url(/img/hdr_certifiedtosource.gif) left no-repeat;
	margin-bottom: 0.2em;
}

#hm-news {
	padding: 1em 10px 1em 13px;
}

h4#newshdr {
	overflow: hidden;
	float: left;
	width: 77px;
	height: 41px;
	margin: 2px 13px 0 0;
	text-indent: none;
	background: url(/img/hdr_good_news.gif) top left no-repeat;
}

.hm-newitem {
	float: left;
	width: 220px;
}

#certsource-text p,
#hm-newsitem p {
	margin-bottom: 0;
}

/* ######### subpage structure ######### */

/*-- left-hand navigation --*/

ul#secnav, ul#secnav ul { /* all nav lists */
	display: none;
}

/*########### Sub Page Layouts ###########*/

#center-col	{
	float: left;
	width: 592px;
	padding: 1.1em 18px 1em 0px;
	position: relative;
}

* html #center-col {
	display: inline;
}

#center-col ul,
#center-col ol {
	padding: 0;
	margin: 0 0 1em 23px;
}

#left-col	{
	display: none;
	}

#right-col {
	float: left;
	width: 170px;
	padding-top: 0.5em;
	padding-right: 0px;
	position: relative;
}

body.recipes #right-content {
	display: none;
}

#left-content {
	display: hidden;
}

#right-content {
	width: 161px;
	padding: 0.667em 0px 1em 9px;
	position: relative;
}

#content-stdpage {
	line-height: 1.25em;
	overflow: visible;
	padding: 2.2em 25px;
	min-height: 270px;
}

#content-stdpage table img {
	margin-right: 25px;
	margin-bottom: 2em;
}

.deco-line {
	border: 1px solid #e9cf71;
	background-color: #FFF;
}
.deco-line div.inner {
	border: 3px double #e9cf71;
	background-color: #FFFFFF;
}

div.inner-leaves {
	border: 3px double #e9cf71;
	background-color: #FFFFFF;
	background-image: url(/img/yellow_leaves_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.yellow-leaves {
	background-color: #FFFFFF;
	background-image: url(/img/yellow_leaves_bg.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.deco-top {
	background-image: url(/img/deco-top.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFF;
	padding-top: 4px;
}

#cert-flash {
	margin-left: 10px;
}

/* #### Sidebar styles #### */

div.sidebar {
	margin-bottom: 1.3637em;
	width: 160px;
}

div.video-sidebar {
	margin-bottom: 1.3637em;
	width: 160px;
}

div.video-sidebar img.vidthumb {
	border: 2px solid #e9cf71;
	margin: 0.2em 0 0.8em 2px;
}

.testimonial {
	width: 160px;
	padding-top: 1em;
	font-style: italic;
	line-height: 1.333em;
	background: url(/img/double_divider.gif) repeat-x top;
}

.testimonial-title {
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.6364em;
}

.testimonial-author {
	color: #9ca227;
	line-height: 1.333em;
}

.nobg {
	background-image: none;
}

/* ---- Product Category pages ------*/

#content-foodslanding {
	overflow: visible;
	padding-top: 1.8em;
}

div#introduction {
	font-size: 1.09em;
	line-height: 1.333em;
	color: #817734;
}
div#introduction p {
	margin-bottom: 0;
}
div.foodsintro {
	text-align: center;
	width: 510px;
	margin: 0 auto;
}

div#content-category {
	overflow: visible;
	padding: 1.8em 15px;
}

div.categoryintro {
	text-align: center;
	background: #FFF url(/img/double_divider.gif) repeat-x scroll bottom;
	width: 480px;
	padding: 0.6em 15px 2em;
	margin: 0 auto;
}

div#categorygrid {
	margin-top: .6667em;
	position: relative;
	overflow: visible;
}

div.prodthumb {
	float: left;
	width: 140px;
	position: relative;
	overflow: visible;
}

div.prodthumb img.newlabel {
	position: absolute;
	top: 115px;
	left: 28px;
	z-index: 5;
}

/*------ Product Detail page -------*/

#content-details div.inner {
	padding: 1em;
}

#prod-photo {
	width: 180px;
	float: left;
	overflow: visible;
}
#prod-content {
	width: 347px;
	padding: 1em 30px 0.667em 0px;
	float: right;
	overflow: visible;
}

#sendthispage {
	height: 25px;
	width: 119px;
	text-indent: none;
	display: block;
	background: url(/img/btn_sendpage.gif) left no-repeat;
	margin: 0 5px 1em 0;
	float: left;
}

#shownutrition {
	height: 25px;
	width: 188px;
	margin: 0 0 1em 0;
	float: left;
	text-indent: none;
	display: block;
	background: url(/img/btn_nutrition-ingredients.gif) left no-repeat;
}

ul#prod-features-list {
	margin: 0;
	padding: 0;
}

ul#prod-features-list li {
	display: inline;
	float: left;
	padding-right: 7px;
}

/* Special Diets */

.intro-specialdiets {
	margin: 1.8em 0 1.8em 28px;
	padding-right: 200px;
	min-height: 155px;
	background: url(/img/grains.jpg) right no-repeat;
}

div#specialdiets-cont {
	margin-top: 1em;
	padding: 2.7272em 28px 1em 28px;
}

ul#dietslist {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#dietslist li {
	padding: 2px 0;
	border-bottom: 1px solid #e9cf71;
}

ul#dietslist ul li {
	border-bottom: none;
	list-style: disc outside;
	padding: 0;
}

ul#dietslist div {
	padding: 8px 15px 15px 15px;
}

#dietslist a.sditems {
	line-height: 2.33em;
	padding: 7px 0px 7px 12px;
	background: url(/img/green_linkbg_left.gif) left no-repeat;
	color: #333300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	cursor: pointer;
}
#dietslist a.sditems span {
	line-height: 2.333em;
	padding: 7px 0 7px 12px;
	background: #FFF url(/img/green_linkbg_right.gif) right no-repeat;
	color: #333300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
}

/*-- footer styles --*/

#footer {
	display: none;
}

.subpage #footer {
	display: none;
}

.home #footer ul#footerlinks {
	display: none;
}
.subpage #footer ul#footerlinks {
	display: none;
}

/* Newsroom Template styles */

#news-top {
	margin-bottom: 12px;
}

#news-top div.yellow-leaves {
	padding: 2.2em 30px;
}

#news-bottom {
	line-height: 1.25em;
	overflow: visible;
	padding: 2.2em 25px;
}

table.newslist {
	width: 500px;
	margin: 0.9em 0 0.9em 10px;
}

table.newslist td {
	padding: 0 10px 1em 0;
}

td.newsdate {
	white-space: nowrap;
	padding-top: 4px;
	font-family: Arial, Helvetica "MS Trebuchet", sans-serif;
	color: #333333;
	font-size: 1em;
}


/* Where to Buy Template styles */
#fullcenter-col	{
	float: left;
	width: 782px;
	padding: 1.1em 18px 1em 10px;
	background-image: url(/img/midcol_leafbg.gif);
	background-position: 711px 0px;
	background-repeat: no-repeat;
}
* html #fullcenter-col {
	display: inline;
}

#content-wheretobuy div.inner {
	padding: 1.8em 30px;
	min-height: 300px;
}

#fullcenter-right	{
	float: left;
	width: 782px;
	padding: 1.1em 18px 1em 10px;
	background-image: url(/img/midcol_leafbg.gif);
	background-position: 522px 0px;
	background-repeat: no-repeat;
	margin-left: 189px;
}
* html #fullcenter-right {
	display: inline;
}
#content-distributors div.inner {
	padding: 1.8em 30px;
	min-height: 300px;
}

#prod-flash {
	display: block;
	overflow: auto;
	margin: 0 auto;
}

div#left-col-distr {
	float: left;
	overflow: visible;
	width: 170px;
	padding: 1.1em 0 2em 10px;
	margin-left: -1000px;
}

table#maptable td.headline,
table#maptable td.results {
	width: 165px;
	padding-right: 15px;
	padding-bottom: 1.8em;
}

td.results {
	font-family: Arial, Helvetica, "MS Trebuchet", sans-serif;
	font-size: 0.9em;
}

td.results a.storename:link,
td.results a.storename:visited,
td.results a.storename:hover,
td.results a.storename:active {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	text-transform: capitalize !important;
}

table#mapform td.instructions {
	width: 240px;
	padding-right: 15px;
	padding-bottom: 1.8em;
}

input.zipfind {
	border: 0;
	background-color: #FFFFFF;
	padding: 0.2em 8px 0.2em 2px;
	background-image: url(/img/red_arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
	color: #dc5214;
	text-decoration: underline;
	font: italic normal normal 1.33em Georgia,'Times New Roman' serif;
}

div#gmap {
	width:528px; 
	height:528px;
	border: 1px solid #b7b7b7;
}

/* end Where to Buy*/

/* Contact Us */

div#contact-content div.inner {
	padding: 1.8em 30px !important;
	min-height: 300px;
}

table#contactform {
	width: 400px;
	margin: 0 auto;	
}
table#contactform td {
	padding-bottom: 0.5em;
}
table#contactform td.fldlabel {
	width: 95px;
	padding-right: 5px;
	vertical-align: middle;
}
table#contactform input[type='text'] {
	width: 218px;
}

table#contactform textarea {
	width: 212px;
	padding: 5px;
	font-size: 0.95em;
	font-family: Arial, Helvetica, sans-serif;
}

/* end Contact Us*/

/* Recipes */
#recipes-top {
	margin-bottom: 1em;
}

#recipes-top div.yellow-leaves {
	padding: 2.2em 30px;
}

#recipes-bottom {
	padding: 2.2em 25px;
}

div#recipe-feature {
	width: 155px;
	float: left;
	margin-right: 25px;
	text-align: center;
}
div#recipe-list {
	float: right;
	width: 320px;
	padding-left: 20px;
	padding-right: 10px;
	border-left: 1px solid #e9cf71;
}

div#recipe-list a {
	line-height: 1.66em;
}

div.recipeitem-lined {
	background-color: #FFF;
	border-bottom: 1px solid #e9cf71;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	padding-right: 10px;
}
div.recipeitem-noline {
	background-color: #FFF;
	border-bottom: none;
	margin-bottom: 0.8em;
	padding-bottom: 0.3em;
	padding-right: 10px;
}

div#recipe-displaylist {
	padding: 2.2em 25px;
}
div#recipe-detailtop {
	margin-bottom: 1em;
}

div#recipe-detailtop div.inner {
	padding: 1em 30px;
}

div#recipe-viewimg {
	width: 165px;
	float: left;
	text-align: center;
}
div#recipe-info {
	width: 354px;
	float: right;
	text-align: left;
	padding-top: 1em;
}

h1.recipe-title {
	margin-bottom: 0.33em;
}

p.recipe-user {
	font-size: 0.9em;
	font-style: italic;
	color: #9ca227;
	line-height: 1em;
}

div#recipe-ingredients,
div#recipe-preparation {
	padding: 2.2em 30px;
	min-height: 300px;
}
div#recipe-ingredients {
	width: 190px;
	float: left;
}
div#recipe-preparation {
	width: 270px;
	float: right;
}

/* Share Your Recipe */

div#content-sharerecipe div.inner {
	padding: 1em 8px;
}

div.formbgstyle {
	padding: 1em 15px;
	background: url(/img/form_gradient_bg.gif) repeat-x top;
}

table#sharerecipe td.lftside {
	width: 350px;
	padding-right: 15px;
}
table#sharerecipe td.rghtside {
	width: 175px;
}

table#userfields td {
	padding-right: 8px;
}

table#sharerecipe div.input label {
	display: block;
	line-height: 1em;
	padding-bottom: 0.5em;
}

table#sharerecipe div.textarea,
table#sharerecipe div.text {
	padding-bottom: 1em;
}
table#sharerecipe div.checkbox label {
	display: inline;
}

table#sharerecipe div.select select {
	width: 175px;
	font-size: 0.8em;
	font-family: Georgia, 'Times New Roman', serif;
	color: #8d8043;
}
table#sharerecipe div.select select option {
	padding: 2px;
}
table#sharerecipe .instructions {
	line-height: 1em;
	font-style: italic;
	color: #9ca227;
}

/* end share your recipe */
#flashMessage {
	border: 1px solid #668e2a;
	color: #668e2a;
	font-weight: bold;
	padding: 15px;
	background-color: #FFF;
}

.error {
	color: #CC0000;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1em;
}
p.error {
	border: 1px solid #CC0000;
	padding: 0.9em 10px;
}

.flasherror {
	color: #630101;
	padding: 30px;
}

ol#ecotips {
	margin-left: 25px;
}
ol#ecotips li {
	font-size: 1.5em;
	color:#333300;
	padding-bottom: 0.333em; 
}
ol#ecotips li p {
	font-size: 0.66em;
	color: #767637;
}

label.error {
	font-family: Arial, "MS Trebuchet", sans-serif;
	color: #CC0000;
	font-size: 0.9em;
	display: block;
}

#contactform div.text label,
#contactform div.select label,
#contactform div.textarea label
 {
	display: block;
	width: 120px;
	margin-right: 5px;
	float: left;
}

#contactform div.select select {
	float: left;
}

textarea#FoodserviceComments {
	float: left;
}
div.chkboxlist label {
	display: block;
	float: left;
	width: 120px;
	margin-bottom: 10em;
}

div.contpref label {
	margin-bottom: 6em;
}

div.chkboxlist div.checkbox {
	float: left;
	width: 150px;
}
div.chkboxlist div.checkbox label {
	display: inline;
	float: none !important;
}

#videoWin,
#nutrWin,
#sendpageWin {
	display: none;
}