/* NutriHarmony */
body { background: #553; margin: 0px }
body,td,p { font: 12px Verdana, Arial, Helvetica, sans-serif; }
/* navigation */
a { color: #553; text-decoration: underline }
a:hover { color: #320; }
a.menu, a.saleslink { color: #fd8; text-decoration: none; padding: 0px 4px 0px 4px;}
a.menu:hover, a.saleslink:hover { color: #fb6; border-left: 3px solid #000; border-right: 3px solid #000;}
a.login, a.salespic { color: #653; text-decoration: none }
a.login:hover, a.salespic:hover { color: #000; }
a.login { font-weight: bold }
a.lg { color: #737943/*#8c944c*/; font-size: 14px; text-decoration: none }
a.lg:hover { color: #fff; } 
a.lgd { color: #000; font-size: 14px; text-decoration: none }
a.lgd:hover { color: #8c944c; } 
a.orderlink { color: #a00; font-weight: bold }
a.footerlink { color: #fd8; text-decoration: none }
a.footerlink:hover { color: #fb6 }


.linkl { font-size: 16px; font-weight: bold }
.headoutline { border-top: 1px solid #000 }
.bodyoutline, .headoutline, .footoutline { border-right: 1px solid #000; border-left: 1px solid #000 }
.footoutline { border-bottom: 1px solid #000 }
.outline, .testpic { border: 1px solid #000 }
.masthead { background: url(../img/mastbg.jpg) center; padding: 3px 5px 4px 10px }
.headbar { background: url(../img/bottom/forest2.jpg) center; height: 30px }
a.logo { font-size: 28px; text-decoration: none }
.realfoodhead, .nutsupp { font-family: Georgia, "Times New Roman", Times, serif; color: #875; margin-left: 12px }
.realfoodhead { font-size: 18px }
.nutsupp { font-size: 16px; }
.leftnav { background: /*#653*/ #764; border-top: 4px solid #653; border-bottom: 4px solid #653; }
.placeholder { height: 200px }
.footer { background: url(../img/bottom/forest.jpg) center; height: 30px; text-align: center; color: #fb6; font-size: 11px }

.main { background: /*#fec*/#f7f0d9; border: 4px solid #653; padding: 40px; } 
.pagetitle { color: #a7a629; font: 18px Georgia, "Times New Roman", Times, serif; margin-bottom: 25px; padding-bottom: 2px; border-bottom: solid 1px #664 }
.mainlcell { padding-right: 30px }
.mainrcell { padding-left: 15px }
h1 { color: #a87718; font-weight: bold; font-size: 18px }
li { margin-bottom: 7px }

.introbox, .catgbox, .promobox { margin-bottom: 15px }
.fprodbox { margin-bottom: 5px }

.intro { font-size: 1.1em; font-weight: bold }
.picleft { margin: 0px 10px 10px 0px }
.prodpic { border: 1px solid #444 }

.cathead, .boxhead, .lphead, .lpfooter, .catgfoot, .tablehead { background: #bec76d; }
.fprodbox, .catgfoot { background: #ccd488 url(../img/mastbg.jpg) no-repeat center; }
.cathead, .boxhead, .lphead, .tablehead { color: #fff; }
.cathead, .lphead, .tablehead { text-align: center; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; }

.boxhead, .tablehead { text-align: center; font: 16px Georgia, "Times New Roman", Times, serif; padding: 3px }
.boxcontent { padding: 5px }

.lphead { font-size: 18px }
.lpbox { /*padding-left: 15px;*/ background: #fff }

.catgbox, .fprodbox { border: #b2bc5e solid 1px; }
/*.promobox { border-bottom: #b2bc5e solid 5px; }*/
.cathead { font-size: 16px; }
.lpfooter, .catgfoot, .aboutingr { padding: 5px; text-align: right }
.adbox { margin-bottom: 20px }

.fprodbox { padding: 3px }
.suppfrontimg { }
.prodtxt { font-size: 13px; }
.fprodname { font: 28px Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #a87718; }
.fprodhead { font: 18px Verdana, Arial, Helvetica, sans-serif; }

.titleprodpage { font-size: 12px; font-weight: bold }
.proddetails { margin: 0px 0px 15px 15px; }
 
/*.testimbox, .etopiabox, .shelleybox { border: 1px solid #553 }*/
.testim { padding: 10px }
.mainlft, .mainrt { height: 300px }

.prodtitle, .articlesubtitle, .articlehead, .caresubtitle { color: #a87718; }
.prodtitle, .articlesubtitle, .articletitle { font-weight: bold;  margin-bottom: 15px }

.prodtitle, .articletitle { font-size: 14px; }
.articlesubtitle, .articlehead, .caresubtitle { font-size: 13px }
.articlehlt { font-size: 13px; }
.articleintro { color: #553; font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic; /*text-align: justify;*/ }
.articleintro { padding: 15px; border: 1px solid #b2bc5e; margin-bottom: 15px }
.articlehead { font-weight: bold }
.articlinkbox { margin-top: 5px }
.articleindent { margin-left: 30px }

.articlepadding { margin: 0px 90px 0px 70px }

.salesbox { border: 1px solid #764; width: 120px; margin-bottom: 40px }
.salesimg { margin-bottom: 5px }
.ordernow { margin: 10px 0px 10px 0px; }

.price { font-weight: bold; font-size: 14px }
.ordercell { padding: 5px; border-bottom: 1px solid #000 }

.phone { font-size: 13px; font-weight: bold }
.parind { margin-left: 15px }

.tablecell, .tabcellio { background: #edb; padding: 8px; border-bottom: 1px solid #dca }
.tablecell2, .tabcellio2 { background: #e8e0c8; padding: 8px; /*border-bottom: 1px solid #dca*/ }
.tablecell3, .tablcellio3 { padding: 8px; border-bottom: 1px solid #000 }
.tabcellbord, tabcelliobord { border-right: 1px solid #000; padding: 3px }
.tabcellio, .tabcellio2, .tabcellio3, .tabcelliobord { font-size: 10px }

.line { height: 1px; background: #dca; margin: 30px 0px 30px 0px }
.linesupp { height: 1px; background: #dca; }

.eventscell { padding: 8px 20px 15px 20px; border: 1px solid #b2bc5e }
.eventslg { font-size: 13px; font-weight: bold }

.etopiatext { font-size: 12px }
.etopiahead, .etopiahead2 { font-size: 20px; font-weight: bold }
.etopiahead { color: #993333; }
.etopiaheadtxt { font-size: 14pt }

.incomeopptxt { font-size: 11px }

/* Begin Temporary Site Login Page Styles */
/* These styles are in place since the IDSTC Style Sheet is not referrenced at this point.  Steve is going to add the functionality behind this new page */
.idstcTextBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
font-weight: normal;
font-size: 12px;
color: #000000;
width: 150px;
border: 1px solid #6b5c3d;
}
.idstcButton
{
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#FFFFFF;
border: 1px solid #6b5c3d;
}
/* End Temporary Site Login Page Styles */