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

<!--
h1, h2, p, div, span ul li{
margin:0;
padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}

h1{
font-size:20px;
color:#666666;
margin-bottom:20px;
font-weight:normal;
}

h2{
font-size:15px;
color: #009900;
font-weight:bold;
}

p{
font-size:11px;
color:#666666;
line-height:16.5px;
}

.hrline{
border-top:1px solid #f2f2f2;
margin:14px 0 3px 0;
height:8px;}

.oneColFixCtrHdr #container {
	width: 972px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0;
	height:97px;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#76981D;
	border-top:8px #F5ECE0 solid;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
}

.floatLeft{
float:left;}

.floatRight{
float:right;}


.marginleft{
margin-left:20px;}

.clearme{
clear: right;}

#mainContentHome{
background:url(../images/main_image.jpg) no-repeat;
width:972px;
height:340px;
}

#mainContentProducts{
background:url(../images/products_head.jpg) no-repeat;
width:972px;
height:115px;
}

#mainContentTeaandHealth{
background:url(../images/teaandhealth_head.jpg) no-repeat;
width:972px;
height:115px;
}

#mainContentAbout{
background:url(../images/aboutus_head.jpg) no-repeat;
width:972px;
height:115px;
}

#mainContentMakeatea{
background:url(../images/makeatea_head.jpg) no-repeat;
width:972px;
height:115px;
}

#mainContentContact{
background:url(../images/contact_head.jpg) no-repeat;
width:972px;
height:115px;
}


#midContent{
background-color:#FFFFFF;
height:1%;
display:table-cell;
font-size:0.7em;
line-height:1.5em;}

.width196{
width:196px;
height:250px;
margin-top:8px}

.width192{
width:192px;
height:250px;
margin-top:8px}

.seperater{
width:1px;
height:250px;
background:url(../images/seperater.jpg) no-repeat;}

#navi{
padding:20px;
font-size:0.8em;
font-weight:bold;
}
#navi ul{
margin:0;
padding:0;
}

#navi ul li{
list-style:none;
display:inline;
padding:0 15px 0 0;

}

#navi ul li span a{
padding:5px 5px 5px 5px;
text-decoration:none;
color:#FFFFFF;
}

#navi ul li span a:hover{
color:#99CC00;
padding:5px 5px 5px 5px;
background-color: #000000;
text-decoration:none;
}

.selected {
color:#99CC00;
padding:5px 0px 5px 0px;
background-color: #000000;
text-decoration:none;
}

.container324{
width:370px;
color:#666666;
margin-left: 50px;
_margin-left: 25px;
margin-top: 50px;
margin-right: 20px;
}

.container324 span{
padding:50px 0px 50px 50px;
display:table-cell;
}

.container500{
width:470px;
color:#666666;
margin-left: 12px;
margin-top: 50px;
margin-right: 50px;
_margin-right: 25px;
}

.container500 span{
padding:50px 25px 50px 50px;
display:table-cell;
}

.productsContainer{
width:470px;
display:table-row;}

.productImage{
width:110px;
margin-right:10px;}

.productDescp{
width:350px;}


.homeText{
padding:16px 16px 20px 16px;}
-->

.insideContent{
width:540px;
margin-left: 50px;
_margin-left: 25px;
margin-top: 50px;
margin-right: 20px;
}

.insideContent span{
padding:50px 50px 50px 50px;
display:table-cell;
}

.insideContent2{
width:300px;
background:url(../images/inside_right_back.jpg) no-repeat left top;
margin-left: 12px;
margin-top: 25px;
margin-right: 50px;
_margin-right: 25px;
margin-bottom: 50px;
}

.insideContent2 h1{
margin-top: 25px;
margin-left: 25px;
}

.insideContent2 p{
margin-top: 20px;
margin-left: 25px;
margin-bottom: 50px;
}

.insideContent2 span{
padding:50px 50px 50px 35px;
display:table-cell;
background:url(../images/inside_right_back.jpg) no-repeat left top;
height:350px;
}

#hometext{
width:auto;
display:tablel;
background:#CC9966 url(../images/hometextback.jpg) repeat-x;
}

#hometext p{
padding:20px;
color:#FFFFFF;
line-height:14px;
}


.insideContent2 span li{
padding-bottom:15px;}

#teafacts{
margin-top:150px;
font-size:15px;
color:#FFFFFF;
padding-left:20px;
width:550px;
}

#teafacts h2{
color:#FFFFFF;
font-size:17px;
}

a.info_email
{
    color: #BB8E4F;
    text-decoration: underline;
}

a.info_email:visited
{
    color: #BB8E4F;
    text-decoration: underline;
}

a.info_email:hover
{
    color: #BB8E4F;
    text-decoration: none;
}

a.footer_links
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.footer_links:visited
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.footer_links:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

input.forms
{
    font-size: 11px;
    border: 1px solid #525034;
    background-color: #F8FFD5;
    font-family: Arial, Helvetica, sans-serif;
}

textarea
{
    font-size: 11px;
    border: 1px solid #525034;
    background-color: #F8FFD5;
    font-family: Arial, Helvetica, sans-serif;
    width: 257px;
}

input.login_box
{
    font-size: 11px;
    border: 1px solid #525034;
    background-color: #CBD794;
    font-family: Arial, Helvetica, sans-serif;
}

.bodytxt
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.formtxt
{
    font-size: 11px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.thanks
{
    font-size: 11px;
    line-height: 20px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}