﻿/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
/*input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}*/
input,button,textarea,select{*font-size:100%;}


/*
Common Colors:
Grey Green = #6b7455
light purple = #5d4776
*/
/*Some Default formatting*/
p
{
	font-size:1.2em;
	margin-top: .5em;
	line-height: 1.5em;
}

h1 
{
	font-size:1.8em;
}

h2 /*Default h2 is 1.6em's (16px) and is the Grey Green color*/
{
	font-size:16px;
	color:#6b7455;
	font-weight:bold;
	padding:15px
}

h3
{
	font-size:1.4em;
}

h4 
{
	font-size:1.2em;	
}
li 
{
	line-height:140%;
}
a 
{
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
}
/*a:hover img, a:hover h1, a:hover h2, a:hover h4 
{
	text-decoration:none;
}*/

/*End Default formatting*/
body 
{
		margin:0;
    	font-size:62.5%; /*sets the default font size to 10px = 1em.. so 1.1em = 11px. this is so you don't have fixed fonts (fixed fonts = bad) */
    	font-family:Arial, Verdana;
		background-color:#E8E8D0;
}

body#home 
{
}
#wrapper 
{
	width:906px;
	margin:0 auto 0 auto;
	padding:10px 8px 0 10px;
	background-color:white;
}
/*Start Heading Formatting*/
#header 
{
	height:308px;
	background:white url(/images/topbar2010.jpg) no-repeat 0 133px;
	
	width:100%;
}
#header a#logo
{
	float:left;
	padding-top:122px;
	width:396px;
	background:transparent url(THO-logo-2state.jpg) no-repeat top left;
}
#header a:hover#logo
{
	background:transparent url(THO-logo-2state.jpg) no-repeat -396px 0;
}

.imageReplacement 
{
    clear:both;
    display:block;
    overflow:hidden;
    height:0;
}

#header ul
{
	float:right;
	margin:75px 0 0 0;
}
#header ul li a
{
	color:#6b7455;
	font-weight:bold;
}

#header ul li
{
	line-height:160%;
	list-style: none;
}



/*End Heading Formatting*/

/*Start Nav Formatting*/


#nav ul li a:hover
{
	background-color:#6b7455;
}

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php   */
/************************************/

#nav
{
	width:100%;
	height:34px;
	background-color:#5d4776;
	text-align: center;

}


#nav ul.menu
{	
	margin-left:0;
	
}

#nav ul.menu li {                        /* top item layout */
  display: block;
	background-color:#5d4776;  
  line-height: 34px;
  float: left;    /* LTR */
  text-align: center;
  margin: 0 0px 0 0;
  padding: 0 20px;    /* 0 0 0 10px */
  position: relative;
  width:  auto;
	font-size: 12px;
	color: #FFF;
	font-weight:bold;	
	width:140px;
  
}

#nav ul.menu li:hover,
#nav ul.menu li.hover,
#nav ul.menu li.active-trail {
  background-position: center -44px;
  background-color:#6b7455;
}

	/* active trails for first and last piece */
	#nav ul.menu li.first.active-trail{
		  background-position: left  -44px;
	}
	#nav ul.menu li.last.active-trail{
		  background-position: right  -44px;
	}	
	
#nav ul.menu li a {
/*  background: transparent url('images/tab-right.png') no-repeat right 0;*/
  color: #FFF;
  display: block;
  font-weight: bold;
	padding:0px 20px;
  text-decoration: none;
}

#nav ul.menu li a:hover,
#nav ul.menu li:hover a,
#nav ul.menu li.hover a,
#nav ul.menu li.active-trail a {
  color: #fff;
  
}


#nav ul.menu li ul {
  left: -999em;
  margin:0 0 0 -20px;
  padding: 0px 0 0px;
  position: absolute;
  z-index: 999`;
}
  
#nav ul.menu li:hover ul,
#nav ul.menu li.hover ul {
  display: block;
  left: auto;
  margin:0 0 0 -20px;
  padding: 0px 0;
  width: 180px;
  z-index:999;
}
  
#nav ul.menu li ul li {
  line-height: 10px;
  background: #5d4776;
  border-bottom: 1px solid #6b7455;
  float: left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: auto;
  margin: 0;
  z-index:999;
}

#nav ul.menu li ul li:hover{
		background: #FFF; 
		border-right: 1px solid #2A376D;
		border-left:1px solid #2A376D;
		color: #2A376D;
	}

#nav ul.menu li ul li.last {
  border-bottom: none
}

#nav ul.menu li ul li a,
#nav ul.menu li ul li a:link,
#nav ul.menu li ul li a:visited {
  background: transparent;
  color: #FFF;
  display: block;
  margin: 0;
  padding: 4px 0;
  font-size: 11px;
  text-transform: none;
  width: 135px;
}

#nav ul.menu li ul li a:hover {
  color: #2A376D;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-decoration: none;
}

#nav ul.menu li ul li ul.menu {
  left: -999em;
  margin: 0 0 0 -14px;    /* LTR */
  padding: 6px 0 4px;
}

#nav ul.menu li ul li:hover ul.menu,
#nav ul.menu li ul li.hover ul.menu {
  display: block;
  left: 154px;    /* LTR */
  top: -6px;
}

#nav ul.menu li ul li ul.menu li a {
  padding: 4px;
  width: 128px;
}
  








#content-area{
	position: relative;
	width: 100%;
}


#main-content{
	float: left;
	width: 650px;
	padding-top: 10px;
}


/*End Nav Formatting*/

/*content columns Formatting (There are three; leftCol, centerCol, rightCol)*/
#leftCol, #centerCol, #rightCol
{
	float:left;
}

#leftCol /*Side Nav*/
{
	width:200px;
}
#leftCol ul
{
	padding-left:15px;
	font-size: 12px;
}
#leftCol ul li{list-style: none;}

#leftCol li a
{
	color:Black;
	font-weight: normal;
	
}


#centerCol
{
	width: 640px;
	padding:0 5px;
	padding-top:40px;
}

#centerCol.Home
{
	width: 690px;
	padding:0 5px;
	padding-top:40px;
}
	#homepagecontent {
		width: 490px;
		float: left;
		position: relative;
		_width: 390px;
	}

#centerCol h3
{
	text-align:center;
}
#centerCol #featuredhpProduct
{
	text-align:center;
	margin-top:10px;

}
#centerCol #featuredhpProduct a img 
{
	padding-bottom:40px;
}
#centerCol #featuredhpProduct a:hover h4
{
	text-decoration:underline;
}

#home #centerCol h2 {
font-size:2ems;
color:#6b7455;
}

#rightCol 
{
	width:200px;
	float: right;
	text-align: center;
	margin-top:-40px;
}
#rightCol #tattvasIsImg 
{
	padding:6px 3px;
	background-color:#;
	
}
#rightCol #tattvasProjects
{
	padding:6px 3px;
	background-color:;
	
}
#rightCol #tattvasProjects #top
{
    background-color:;
}
#rightCol #tattvasProjects a 
{
	color:White;
}
#rightCol #tattvasProjects img 
{
    padding:0 0 3px 1px;
}
#rightCol #tattvasProjects p
{
	text-align:center;
	color:White;
	padding:4px 0; 
	
}


#featuredFooter 
{
	clear:both;
	margin-top:45px;
	float:left;
	width:100%;
	padding-left: 40px;

}
#featuredFooter ul 
{
	float:left;
}

#featuredFooter ul li
{
	float:left;
	width:160px;
	margin-left:8px;
	list-style: none;
}

#featuredFooter a
{
	display:block;
	float:left;
	
	border:solid 1px #6b7455;
	width:160px;
}
	


#featuredFooter a h2 
{
	display:block;
	padding:5px 0 5px 0;
	margin:0;
	height:20px;
	text-align:center;
	font-size:1.3em;
	background-color:#5d4776;
	color:White;
}
#featuredFooter a:hover 
{
	text-decoration:none;
}
#featuredFooter a:hover h2 
{
	background-color:#6b7455;
}

#footer {
margin-top: 10px;
width:100%;
clear:both;
float:left;
text-align:center;
list-style: none;
}

#footer ul li {
float:left;
width:auto;
text-align:center;
list-style: none;
}

#footer ul li a {
display:block;
height:10px;
padding:10px;
color:#6b7455}

#footer ul {float:left;
text-align:center;
margin-left: 150px;

}
#footer p {float:left;
width:100%;
color:#000000;
padding-top:5px;
text-align:center;
margin-left: 1px;
clear:both}

.category-text{
	font-size: 13px;
	color: #000;
	font-weight: normal;
	padding: 10px;
	margin-top: 10px;
	border: 0px solid #000000;
}

.clear{clear: both;}








/*
 * STYLES FROM TATTVAS HERBS PROSTORE
 */


.style2 {
	font-size: 24px; 
	color: #000066; 
	font-weight: bold; 
	font-family: Georgia, "Times New Roman", Times, serif;
}

.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;
}

.style5 {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}

.style7 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
   	font-weight:bold;
}

.style8 {
	font-size: x-small;
	font-weight: bold;
}

.style9 {
	color: #0000FF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-weight: bold;
}

.style10 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
}

.style11 {
	font-size: 12px;
	font-weight: bold;
}

.style12 {
	font-size: 14px;
}

.style13 {
	font-size: 18px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style14 {
	font-size: 18px;
}

.style15 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

.style16 {
	color: #990000
}

.style17 {
	font-size: 10px;
	color: #660066;
}

.style18 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660066;
	font-weight: bold;
}
.style19 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660099;
	font-weight: bold;
}
.style20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	font-weight: bold;
}
.style25 {
	font-size: 12px;
	color: #64405F;
}

.style24 {
	color: #000066;
}

.style28 {
	color: #640032;
}

.style30 {
    color: #993366;
    
}

.style32 {
	color: #693986;
}

.style36 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #435C4A;
}

.style39 {
	font-weight: bold;
	color: #435C4A;
	font-size: 18px;
	font-style: italic;
}

.style40 {
	color: #435C4A;
}

.style47 {
	color: #64405F;
}

.style46 {
	color: #000066;
}

.style47 {
	font-size: 12px;
	color: #64405F;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

.style48 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style55 {	
	font-size: 14px;
	color: #64405F;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

.style54 {
	color: #435C4A; 
	font-size: 15px; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
}

#dropmenudiv{
	position:absolute;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}

.ishm { 
	padding:0px; 
	margin:0px; 
	color: #990000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	border:4px double ##640032;
}

.ishm ul{
	list-style:none; 
	text-align:left;
}

body {
	padding: 0px; margin: 0px;
}

a {
	text-decoration: none;
	color: #000066;
	font-weight: bold;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6b7455;
	font-weight: normal;
	text-decoration: none;

}
.menu {
	font-size: 11px;
	color: #000066;
	text-decoration: none;
}
.title {
	font-size: 24px;
	font-style: normal;
	color: #000066;
	font-weight: bold;
}
.texttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;

}
.TattvasHerbsbullettpoints {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 20px;
	list-style-type: disc;
	font-weight: ;
	font-variant: normal;
	/*left: 0.5in; */
	right: auto;
	/*position: relative;*/
}
.PS-PageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #435C4A;
	font-weight: bold;
	font-style: italic;
}
.PS-SubHeadings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2E3F33;

}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E1212;
	letter-spacing: normal;
	word-spacing: normal;
}

.ProStoresPageHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #435C4A;
	font-style: normal;
	font-weight: bold;
}

.GreenHeader {	
	color: #435C4A;
	font-size: 24px;
	font-weight: bold;
}

.clearBoth{
	clear: both;
	
}

ul.style22{
	color: #64405F;
}

/*
* Prostore Product page styles
*/

/*
* This is the container for the product's detail page
*/


#productContainer{
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 600px;
}


/* This is the product's name */
#productNameHeader {
	font-size: 20px;
	color: #435C4A;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px; 
}

/*  this is container for the product page banner image */ 
.productBanner{
	width: 100%;
	text-align: center;

}

/* this is actual banner image */
.productBanner img{
	width: 70%;
	height: 45px;
	
}

/* this is the table cell of the product's brief description */
#productBriefCell{
	/*float: left;*/
	width: 75%;
/*	position: relative;  */
}

/* this is the cell of the product's thumbnail image */
#productThumbCell{
	text-align: center;
	/* width: 50%; */ 

}

/* this is the table that contains both the product brief and thumbnail */
#productBriefThumbTable{
	width: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;

}

/* this is the row of the product brief and thumbnail */
/*
#productBriefThumbRow{
	width: 100%;
}
*/

/* this contains styles the ul product brief description list */
ul.productBriefList{
	font-size: 12px;
	font-style: normal;
	color: #64405F;
	list-style-position: outside;
	list-style-type: disc;
	font-weight: bold;
	font-variant: normal;
/*	left: 0.5in;  */
	right: auto;
	/*position: relative;*/

}


/* the product's price table */
.productPriceTable{
	border: 2px ridge #000066;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}

.productPriceTable tr th{
	font-weight: bold;
	
}

/* price table cells */
.productPriceTable tr td, .productPriceTable tr th{
	padding: 5px;
	border: 1px ridge #B2B2D1;
	text-align: center;
}

/* price header rows */
.productPricingHeaderRow{
	text-align: center;
	background-color: #e6eae3;
	
}

/* price header text */
.productPricingHeaderRow th p.style30{
	color: #660099;
}

/* price rows */
.productPricingRow{
	text-align: center;
}

/* price row text */
.productPricingRow td p.style19{
	color: #000000;
	font-weight: normal;
	
}

/* qty/size column styles */

td.qtyCell{
	/*background-color: #ff0000;*/
}

td.qtyCell p.style19{
	color: #660099;
	font-weight: bold;
	
}

/* list price column styles */

td.listPriceCell{
	/*background-color: #ff0000;*/
}

td.listPriceCell p.style19{
	/*
	color: #ff0000;
	font-weight: bold;
	*/
}

/* your price column styles */

td.yourPriceCell{
	/*background-color: #ff0000;*/
}

td.yourPriceCell p.style19{
	/*
	color: #ff0000;
	font-weight: bold;
	*/
	color: #ff0000;
	font-weight: ;
}

/* cost per item column styles */

td.costPerCell{
	/*background-color: #ff0000;*/
}

td.costPerCell p.style19{
	
}

/* percent saved column styles */

td.percentSavedCell{
	/*background-color: #ff0000;*/
}

td.percentSavedCell p.style19{
	/*
	color: #ff0000;
	font-weight: bold;
	*/
	color: #ff0000;
	font-weight: bold;
}

/* buy now column styles */

td.buyNowCell{
	/*background-color: #ff0000;*/
}

td.buyNowCell p.style19{
	/*
	color: #ff0000;
	font-weight: bold;
	*/
}

/* category table */

.categoryTable{
	width: 100%;
	text-align: center;
}

/* category table cells */
.categoryTable tr td, .categoryTable tr th{
	padding: 5px;
	width: 50%;
/*	border: 1px ridge #B2B2D1 */;
}

/* category table header */
.categoryHeader{
	text-align: center;
	
}

.categoryHeader .title{
	font-size: 26px;
	color: #435C4A;
	font-weight: bold;

}

.catProductTable{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
.catProductTable tr th a{
	font-size: 16px;
}

.catProductThumb{
	/*width: 60px;*/
	border: none;
	text-align: left;
}

.catProductTable tr th, .catProductTable tr td{
	border: none;
	/*position: relative;*/
}



.catProductBrief {
	position: relative;
    text-align: left;
    font-size: 12px;
}

.thumbContainer{
	float: left;
	padding-right: 10px;
}


.productCustomText1{

	
}


