@charset "utf-8";
/* CSS Document */

body
{
margin: 0;
padding: 0;
background-color: #8fc742;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
}

.lheader{
      font-size:18px;
}

.green{color: #127145; font-size:12px;}

.prodNum{
color:#666666;
font-size:10px;
text-align: center;
position:relative;
bottom:4px;
}

.prodQty{
float:right;
position:relative;
bottom:8px;
}

.prodPrice{
text-align:center;
position:relative;
bottom:10px;
}

.prodSection{
width:140px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.prodImage{
text-align: center;
border:0px;
}

.prodName{
text-align: center;
height:40px;
display:block;
font-weight:bold;
vertical-align:bottom;
}

a
{
text-decoration: none;
color: #006600;
}

a:hover
{
text-decoration: underline;
color: #009900;
}



a.flag{font-size:11px; color: #FFFFFF;}

a.flag:hover{font-size:11px; color: #FFFFFF; text-decoration:underline;}

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

#mainContainer
{
width: 800px;
height: auto;
margin: 30px auto 0 auto;
background-color: #000;
}

#mainHeader
{
width: 800px;
height: 89px;
background: url(images/mainHeader.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
margin-bottom: 20px;
}


#mainContentArea
{
width: 800px;
height: auto;
background-color: #000;
}



#mainNavigation
{
display: block;
width: 90px;
height: auto;
margin-left: 20px;
font-family: Arial Narrow, Arial, Helvetica, sans serif;
}

#mainNavigation a
{
display: block;
width: auto;
height: auto;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 0.85em;
text-align: center;
padding-top: 50px;
margin-bottom: 20px;
}


#mainNavigation a#btnHome
{
background: url(images/btnHomeOff.jpg) no-repeat center top;
}

#mainNavigation a#btnHome:hover
{
background: url(images/btnHomeOn.jpg) no-repeat center top;
}

#mainNavigation a#btnCustomerService
{
background: url(images/btnCustomerServiceOff.jpg) no-repeat center top;
}

#mainNavigation a#btnCustomerService:hover
{
background: url(images/btnCustomerServiceOn.jpg) no-repeat center top;
}

#mainNavigation a#btnContact
{
background: url(images/btnContactOff.jpg) no-repeat center top;
}

#mainNavigation a#btnContact:hover
{
background: url(images/btnContactOn.jpg) no-repeat center top;
}

#mainNavigation a#btnShopping
{
background: url(images/btnShoppingOff.jpg) no-repeat center top;
}

#mainNavigation a#btnShopping:hover
{
background: url(images/btnShoppingOn.jpg) no-repeat center top;
}

#mainNavigation a#btnAbout
{
background: url(images/aboutsm.jpg) no-repeat center top;
}

#mainNavigation a#btnAbout:hover
{
background: url(images/aboutsmover.jpg) no-repeat center top;
}

#mainNavigation a#btnArticles
{
background: url(images/articlessm.jpg) no-repeat center top;
}

#mainNavigation a#btnArticles:hover
{
background: url(images/articlessmover.jpg) no-repeat center top;
}

#mainNavigation a#btnBecome
{
background: url(images/becomesm.jpg) no-repeat center top;
}

#mainNavigation a#btnBecome:hover
{
background: url(images/becomesmover.jpg) no-repeat center top;
}

#mainNavigation a#btnDrHen
{
background: url(images/drhensm.jpg) no-repeat center top;
}

#mainNavigation a#btnDrHen:hover
{
background: url(images/drhensmover.jpg) no-repeat center top;
}

#mainNavigation a#btnFaq
{
background: url(images/faqsm.jpg) no-repeat center top;
}

#mainNavigation a#btnFaq:hover
{
background: url(images/faqsmover.jpg) no-repeat center top;
}

#mainNavigation a#btnKiosk
{
background: url(images/kiosksm.jpg) no-repeat center top;
}

#mainNavigation a#btnKiosk:hover
{
background: url(images/kiosksmover.jpg) no-repeat center top;
}


#mainNavigation a#btnScience
{
background: url(images/sciencesm.jpg) no-repeat center top;
}

#mainNavigation a#btnScience:hover
{
background: url(images/sciencesmover.jpg) no-repeat center top;
}


#mainNavigation a#btnOpp
{
background: url(images/theoppsm.jpg) no-repeat center top;
}

#mainNavigation a#btnOpp:hover
{
background: url(images/theoppsmover.jpg) no-repeat center top;
}



#mainContent
{
width: 632px;
height: auto;
margin-right: 20px;
float: right;
}

#mainContent .top
{
width: 632px;
height: 36px;
background: url(images/bgContentTop.jpg) no-repeat left top;
}

#mainContent .mid
{
width: 632px;
height: auto;
background: url(images/bgContentMid.jpg) repeat-y left top;
padding-bottom: 1px;
}

#mainContent .bot
{
width: 632px;
height: 27px;
background: url(images/bgContentBot.jpg) no-repeat left top;
margin-bottom: 20px;
}






#mainContent .mid .sectionIcon
{
width: 70px;
height: 70px;
margin-left: 30px;
}

#mainContent .mid .paragraphs
{
width: 280px;
font-size: 0.85em;
position: relative;
top: -50px;
left: 120px;
border-right: 1px solid #127145;
padding-right: 10px;
color: #127145;
}

#mainContent .mid .paragraphs h1
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 22px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .paragraphs h2
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .paragraphs p
{
color: #127145;
}


#mainContent .mid .rightSide
{
width: 195px;
height: auto;
float: right;
}

#mainContent .mid .rightSide .caption
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 11px;
font-weight: normal;
color: #127145;
}









#mainContent .mid .shop
{
width: 475px;
font-size: 0.85em;
position: relative;
top: -50px;
left: 120px;
color: #127145;
}

#mainContent .mid .shop h1
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 22px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .shop h2
{
font-family: Arial Narrow, Arial, Helvetica, sans serif;
font-size: 16px;
font-weight: bold;
color: #127145;
}

#mainContent .mid .shop h3
{
font-family: Arial, Helvetica, sans serif;
font-size: 14px;
font-weight: bold;
color: #127145;
margin: 0;
padding: 0;
}

#mainContent .mid .shop p
{
color: #127145;
}



#mainFooter
{
clear: both;
width: 800px;
height: 60px;
background: url(images/mainfooter.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
}


a.footerlinks{
font-size:11px;
font-weight:bold;
}

#largeNavigation
{
display: block;
width: auto;
height: auto;
font-family: Arial Narrow, Arial, Helvetica, sans serif;
text-align:center;
}

#largeNavigation a
{
display: block;
width: 90px;
height: auto;
color: white;
cursor: pointer;
margin-left: 10px;
font-size: 0.85em;
text-align: center;
padding-top: 20px;
margin-bottom: 20px;
float: left;
margin: 0 15px;
}

#largeNavigation a img
{
float: left;
margin-left: 10px;
padding-bottom: 5px;
}


.repInfo
{
width: 170px;
height: 50px;
border:0px solid red;
margin:0px;
font-size: 9px;
background: url(images/bgRepInfo.jpg) no-repeat left top;
padding:0px;
}