@charset "UTF-8";
body {
	background-image: url(images/page-bg.gif);
	margin: 0px;
	padding: 0px;
	background-color: #2D8B5A;
	background-repeat: repeat-x;
}
a:hover {
	text-decoration: underline !important;
}
#all {
	padding: 0px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-y;
}
#all #masthead {
	margin: 0px;
	padding: 0px;
	height: 114px;
	background-color: #000000;
}
#all #masthead #logo {
	float: left;
}
#all #masthead #logo span {
	display: none;
}
#all #masthead #logo h1 {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 114px;
	width: 284px;
}
#all #masthead #nav {
	float: right;
	width: 696px;
}
#all #masthead #nav #topnav a {
	color: #FFFFFF;
	text-decoration: none;
}
#all #masthead #nav #topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
	padding-right: 15px;
	text-align: right;
}
#all #masthead #nav #mainnav {
	margin: 0px;
	padding-top: 65px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#all  #inter {
	background-image: url(images/all-bg-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 19px;
	width: 980px;
}
#all #inter #dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	background-color: #2D8B5A;
	background-image: url(images/ddown-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 550px;
	position: absolute;
	z-index: 4;
	top: 114px;
	visibility: visible;
}
#all #inter #dropdown p {
	padding-left: 15px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
}
#all #inter #dropdown a {
	color: #FFFFFF;
	text-decoration: none;
}
#all #main {
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-y;
}
#all #main #left {
	text-align: center;
	padding: 0px;
	float: left;
	width: 121px;
	margin: 0px;
}
#all #main #left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#all #main #left h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#all #main #content {
	background-color: #FFFFFF;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 859px;
	overflow: hidden;
}
#all #main #content .teastuff {
	float: left;
	width: 208px;
	margin-top: 23px;
	margin-bottom: 20px;
	color: #303030;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#all #main #content .teastuff span {
	display: none;
}
#all #main #content .teastuff #matcha {
	background-image: url(images/Matcha-ttl.gif);
	padding: 0px;
	height: 24px;
	width: 80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
}
#all #main #content .teastuff #loose {
	background-image: url(images/Loose-Leaf-ttl.gif);
	padding: 0px;
	height: 24px;
	width: 110px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
}
#all #main #content .teastuff #pu {
	background-image: url(images/Pu-erh-ttl.gif);
	padding: 0px;
	height: 24px;
	width: 64px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
}
#all #main #content .teastuff #ware {
	background-image: url(images/Teaware-ttl.gif);
	padding: 0px;
	height: 24px;
	width: 84px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
}
#all #main #content .teastuff .ttlfloat {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 24px;
}
#all #main #content .teastuff .linkfloat {
	float: right;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 60px;
}
.teastuff  p    {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	clear: both;
}
#all #main #content .teastuff a {
	font-size: 11px;
	color: #f53940;
	float: right;
	text-decoration: none;
	line-height: 24px;
}
.clearall {
	clear: both;
}
#all #main #content .padder {
	clear: both;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 27px;
}
#all #main #content .padder {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #303030;
	/*width:550px;*/
}
#all #main #content .padder p.home {
	width:auto;
}
#all #main #content .padder #teaculture {
	background-image: url(images/TeaCulture-hdg.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 91px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#all #main #content .padder #about {
	background-image: url(images/ttl-about.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 193px;
}
#all #main #content .padder #brewing {
	background-image: url(images/ttl-brewing.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 193px;
}
#all #main #content .padder #ourteas {
	background-image: url(images/ttl-teas.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 193px;
}
#all #main #content .padder #teaware {
	background-image: url(images/ttl-teaware.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 193px;
}
#all #main #content .padder #contact {
	background-image: url(images/ttl-contact.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 193px;
}
#all  #main  #content  .padder  h2 span {
	display: none;
}
#all #main #content .padder #harmonize {
	background-image: url(images/Harmonize-Yourself.gif);
	background-repeat: no-repeat;
	float: right;
	height: 42px;
	width: 250px;
	background-position: left top;
}
#all #main #content .padder #explore {
	background-image: url(images/about-footer.gif);
	background-repeat: no-repeat;
	float: right;
	height: 66px;
	width: 796px;
	background-position: left top;
}
#all #main #content .padder #remember {
	background-image: url(images/brewing-footer.gif);
	background-repeat: no-repeat;
	float: right;
	height: 82px;
	width: 796px;
	background-position: left top;
}
#all #main #content .padder #teas {
	background-image: url(images/ttl-cart.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 106px;
}
#all #main #content .padder form {
	margin: 0px;
	padding: 0px;
}
#all #main #content .padder p.cart {
	width:auto;
	font-size: 11px;
	line-height: 13px;
	margin-top: 0px;
	padding-top: 0px;
}
#all #main #content .padder h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #303030;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#all #main #content .padder h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #303030;
	padding: 0px;
	margin: 0px;
	margin-bottom:-1em;
}
#all #main #content .padder .item {
	background-color: #f4f4f4;
	width: 796px;
	margin-top: 5px;
}
#all #main #content .padder .item td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #303030;
	padding: 5px;
}
#all #main #content .padder .item td.prices {
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
#all #main #content .padder .item a {
	color: #2d8b5a;
	text-decoration: none;
}
.error{
	font-weight: bold;
	color:#990000;
}
.imageborder{
	border:1px solid #000033;
}
#shop_images img {
	cursor: pointer;
}