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

/*-----------body content -----------*/

#main-content #left-column {
	position: relative;
	width: 140px;
	min-width: 140px;
	display: inline;
	float: left;
	text-align: left;
	padding: 0 10px 0 0;
	border-right: #816a37 thin solid;
}
#main-content #left-column ul {
	text-align: left;
	margin: 0;
	padding: 0;
}
#main-content #left-column ul li ul li{
	font-style: italic;
}
#main-content #left-column #categories, #main-content #left-column #product-categories {
	margin-left: 5px;
}
#main-content #right-column {
	position: relative;
	float: left;
	display: inline;
	width: 650px;
	margin: 0 0 0 -1px;
	padding-left: 25px;
	border-left: #816a37 thin solid;
}
/* ---for footer pages --- */
#main-content #right-cont {
	position: relative;
	float: left;
	display: inline;
	width: 650px;
	margin: 0 0 0 -1px;
	padding-left: 25px;
	border-left: #816a37 thin solid;
}
#main-content #right-cont h4{
	margin: 0;
	padding: 0;
}
#main-content #right-cont ul{
	margin-bottom: 10px;
	color: #816a37;
}
#main-content #right-cont dl dt{
	font-size: 1.25em;
	color: #6c0000;
}
#main-content #right-cont dl dd{
	color: #816a37;
	margin-bottom: 10px;
}
#main-content #right-cont dl dd a{
	font-style: italic;
}
#main-content #right-cont dl table, #main-content #right-cont dl table td{
	border: thin solid #816a37;
	padding: 2px;
}

/* --- end footer stuff --- */
#main-content #banner-image {
	margin-bottom: 30px;
}
#main-content #header-image {
	margin-bottom: 30px;
}
#main-content #main-left {
	position: relative;
	float: left;
	width: 290px;
	padding: 0 25px 0 0;
	border-right: thin solid #816a37;
}
#main-content #main-left p, #main-content #main-right p{
	margin: 0;
	/*padding-bottom: 10px;*/
	text-align: left;
}
#main-content #main-left p + p, #main-content #main-right p + p{
	padding-top: 10px;
}
#main-content #main-right { /*add negative margin to offset for border so borders overlap */
	position: relative;
	float: left;
	width: 305px;
	padding: 0 0 0 20px;
	margin-left: -1px;
	border-left: thin solid #816a37;
	text-align: left;
}
#main-right img, #main-left img{
	padding: 5px;
}
#main-content a h4{
	font-style: normal;
}

/*--- body content images ---*/
/*#main-content #main-left p+img, #main-content #main-right p+img{*/
#main-content #main-left img, #main-content #main-right img{
	position: relative;
	display: block;
	float: left;
	clear: both;
	/*margin-top: 10px;*/
}
/*#main-content #main-left p, #main-content #main-right p{
	display: block;
	position: relative;
	float: left;
}*/
#main-content #main-left h4, #main-content #main-right h4{
	/*margin: 10px 0 0 0;*/
	margin: 0;
	padding: 0px;
}
#main-content #main-left a, #main-content #main-right a{
	padding-bottom: 10px;
	/*display: block;*/
	position: relative;
	font-style: italic;
}
/*--- top pad ---*/
#main-content #main-left h4.top-pad, #main-content #main-right h4.top-pad, #main-content #main-left h3.top-pad, #main-content #main-right h3.top-pad, #main-content #main-left a.top-pad, #main-content #main-right a.top-pad, #main-content #main-left img.top-pad, #main-content #main-right img.top-pad, #main-content #main-left div.top-pad, #main-content #main-right div.top-pad{
	margin-top: 10px;
}
#main-content #main-left a.tea-type, #main-content #main-right a.tea-type{
	 padding: 0;
}
/* ------for glossary------*/
#right-column ul {
	margin-bottom: 10px;
}
#right-column ul li {
	display: inline;
	padding: 2px;
	/*font-size: 1.15em;*/
	/*display: block;*/
}
ul#glossary-nav{
	font-size: 1.8em;
	border-bottom: thin solid #816a37;
	border-top: thin solid #816a37;
	padding: 5px 0 5px 0;
	margin: 5px 30px 5px 0; /* might need to change right margin for IE */
}
#right-column #glossary-nav li{
	/*border-bottom: thin solid #816a37;
	border-top: thin solid #816a37;*/
	/*padding: 0;*/
}

/*landing pages*/
#subnav-box-top {
	position: relative;
	width: 300px;
	height: 12px;
	background-image: url(../images/subNavBoxTop.png);
	background-repeat: no-repeat;
}
#subnav-box-middle {
	position: relative;
	width: 300px;
	background-image: url(../images/subNavBoxMiddle.png);
	background-repeat: repeat-y;
	text-align: center;
	overflow: auto;
}
#subnav-box-middle h3 {
	border-bottom: thin solid #816a37;
	margin: 0 10px 0 10px;
	padding-bottom: 10px;
}
#main-content #main-right #subnav-box-middle h4{
	/*margin-top: 10px;*/
}
#subnav-box-middle ul {
	margin: 0;
	text-align: left;
	padding: 0 10px 0 10px;
}
#subnav-box-middle ul li{
	padding: 0 2px 0 2px;
}
#main-content #main-right #subnav-box-middle ul li a{
	padding-bottom: 0;
}
#subnav-box-middle ul li img{
	padding: 0 5px 0 5px;
	display: block;
	/*margin-bottom: 20px;*/
}
#subnav-box-middle a div{
	font-style: normal;
	overflow: auto;
}
#subnav-box-middle a div div{
	display: block;
	clear: none;
}
#subnav-box-middle a div p{
	color: #816a37;
	margin-bottom: 10px;
	display: block;
	clear: none;
}
#subnav-box-bottom {
	position: relative;
	width: 300px;
	height: 12px;
	background-image: url(../images/subNavBoxBottom.png);
	background-repeat: no-repeat;
}

ol{
	list-style: decimal;
	padding: 0 0 0 20px;
}



/*------for interactive timeline---------*/
#flashcontent.timeline {
	position: relative;
	/*margin-left: 80px;*/
	/*float: right;/*margin-left: -362px;
	left: 50%; 
	width: 724px;*/
}
/*------ tea steeping chart ------*/
#steeping-cont {
	position: relative;
	width: 289px;
	text-align: center;
}
#steeping-top {
	background: url(../images/steepTimeBoxTop.png);
	height: 16px;
	width: 289px;
}
#steeping-middle {
	background: url(../images/steepTimeBoxMiddle.png);
	width: 289px;
	background-color: #fbfbe9;
}
#main-content #body-content #right-column #main-right #steeping-cont #steeping-middle #h3{
	color: #6c0000;
	padding-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#steeping-middle div div {
	display: inline;
}
.steeping-row {
	display: block;
	position: relative;
	height: 1.75em;
	color: #816a37;
}
.alt-color{
	background-color: #f5f2d9;
}
.steeping-col-1 {
	border-right: thin solid #816a37;
	width: 138px;
	position: absolute;
	/*position: relative;*/
	left: 6px;
	display: inline;
	height: 100%;
}
.steeping-col-2 {
	width: 138px;
	position: absolute;
	/*position: relative;*/
	left: 145px;
	display: inline;
	height: 100%;
}
/*.steeping-col-3 {
	width: 92px;
	position: absolute;
	
	left: 191px;
	display: inline;
	height: 100%;
}*/
/*.bottom-row{
	height: 3.5em;
}*/
.double-border{
	border-top: double #816a37;
	border-bottom: thin solid #816a37;
}
#steeping-bottom {
	background: url(../images/steepTimeBoxBottom.png);
	position: relative;
	height: 16px;
	width: 289px;
	clear: both;
	margin-bottom: 10px;
}

/*-----home page-----*/
#main-content #home-left {
	position: relative;
	float: left;
	width: 210px;
	margin-left: 150px;
	padding: 0 25px 0 0;
	border-right: thin solid #816a37;
}

#main-content #home-right { /*add negative margin to offset for border so borders overlap */
	position: relative;
	float: left;
	width: 400px;
	padding: 0 0 0 20px;
	margin-left: -1px;
	border-left: thin solid #816a37;
	text-align: left;
}
#main-content #home-right img{
	display: block;
	float: left;
	margin: 10px 0 0 0;
}
#main-content #home-right h4{
	margin: 15px 0 0 0;
}
#main-content #home-right p{
	margin: 0;
}

/*---- leaf nav ----*/
#leaf-nav ul{
	margin: 10px 0 0 0;
	padding: 2px 0 0 0;
}
#leaf-nav ul li{
	display: block;
	padding: 0px;
	margin: 0px;
}
#main-content #main-left #leaf-nav ul li a{
	margin: 0;
	padding-bottom: 10px;
}
/*--- health benefits ---*/
#right-column ul.health-benefits li {
	display: block;
	padding: 0px;
	/*font-size: 1.15em;*/
	/*display: block;*/
}
/*---where to buy---*/
#main-content #body-content #right-column #main-right ul li.buy{
	display: block;
}
#state-select-form select{
	margin: 10px 0 10px 0;
}

.ital{
	font-style: italic;
}

/*---sitemap---*/
#main-content #right-cont #sitemap li ul{
	margin: 0 0 0 10px;
}
#sitemap li ul li ul{
	margin: 0 0 0 20px;
}
#sitemap li{
	margin: 2px;
}