@charset "utf-8";
/* BASE LAYOUT
----------------------------------------------- */
html {
	height: 100%;
	background: url(../img/bg-main.png) #ffffff top left repeat-x scroll;
}
body {
	text-align: center;
	cursor: default;
	font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	font-size: 13px;
}
html, body, #topbar, #header, #navbox, #pmenu, #bigbox, #inbigbox, #mainlbox, #mainpic, #featbox, #hdrbar, #footer {margin: 0}
html, body, #topbar, #header, #navbox, #pmenu, #bigbox, #mainlbox, #mainpic, #featbox, #hdrbar, #fnav {padding: 0}
#container {margin: 0 auto; text-align: left}
#container, #topbar, #header, #navbox, #bigbox, #featbox, #hdrbar, #footer, #fnav {width: 960px}
#topbar, #header, #navbox, #pmenu, #bigbox, #inbigbox, #mainlbox, #mainpic, #featbox, #hdrbar, #footer, #fnav, #branding, #cpr {float: left}
#topbar {
	height: 25px;
}
#navbox {
	height: 47px;
	list-style: none;
	background: url(../img/bg-navbox.png) top left no-repeat;
}
#header {
	height: 133px;
	background: url(../img/bg-hdr-a.png) top left no-repeat;
}
#mainlbox {
	width: 392px;
	height: 341px;
	display: inline;
	background: url(../img/bg-up-lbox-alt.png) top left no-repeat;
}
#mainpic {
	width: 568px;
	height: 341px;
	display: inline;
	background: url(../img/mainpic.jpg) top left no-repeat;
}
#featbox {
	background: url(../img/bg-psep.png) top left repeat-x;
}
#hdrbar {
	height: 73px;
	background: url(../img/bg-hdrbar.png) top left no-repeat;
}
#bigbox {
	height: auto;
	background: url(../img/bg-bigmain.png) top left repeat-y;
}
#inbigbox {
	height: auto;
	background: url(../img/bg-biginside.png) top left no-repeat;
}
#footer {
	height: 177px;
	padding: 0 0 17px 0;
	background: url(../img/bg-footer.png) top left repeat-x;
}
#fnav {
	height: 41px;
	margin: 32px 0 0 0;
	list-style: none;
}
.noshow {display: none}
a {outline: none}
img {border-style: none}

/* NAVIGATION
----------------------------------------------- */
#navbox li {
	padding: 0;
	display: inline;
	float: left;
	height: 47px;
}
#navbox li a, #navbox li a span {
	display: block;
	background: url(../img/sprite-nav.png) no-repeat;
	margin: 0;
	text-indent: -9000px;
}
#navbox li a span {
	height: 47px;
	width: 100%;
	z-index: 100;
}
#navbox li a:hover {border: 0}
.home {margin: 0 0 0 383px !important;}
#navbox li a.home {width: 88px; background-position: 0 0}
#navbox li a.about {width: 113px; background-position: 0 -47px}
#navbox li a.products {width: 113px; background-position: 0 -94px}
#navbox li a.faq {width: 69px; background-position: 0 -141px}
#navbox li a.contact {width: 194px; background-position: 0 -188px}

#navbox li a.home span {background-position: -88px 0}
#navbox li a.about span {background-position: -113px -47px}
#navbox li a.products span {background-position: -113px -94px}
#navbox li a.faq span {background-position: -69px -141px}
#navbox li a.contact span {background-position: -194px -188px}



.pmenu-captop {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	display: block;
	width: 263px;
	height: 11px;
	font-size: 0;
	background: url(../img/pmenu-top.png) left top no-repeat;
}
.pmenu-capbtm{
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	display: block;
	width: 263px;
	height: 11px;
	background: url(../img/pmenu-btm.png) left bottom no-repeat;
}
#pmenu {
	display: block;
	width: 263px;
	list-style: none;
}
#pmenu li {
	padding: 0;
	display: inline;
	float: left;
	height: 40px;
}
#pmenu li a {width: 263px; height: 40px;}
#pmenu li a, #pmenu li a span {
	display: block;
	background: url(../img/sprite-pmenu.png) no-repeat;
	margin: 0;
	text-indent: -9000px;
}
#pmenu li a span {
	height: 40px;
	width: 100%;
	z-index: 100;
}
#pmenu li a:hover {border: 0}

#pmenu li a.black {background-position: 0 0}
#pmenu li a.oolong {background-position: -263px 0}
#pmenu li a.greentea {background-position: -526px 0}
#pmenu li a.white {background-position: -789px 0}
#pmenu li a.mate {background-position: -1052px 0}
#pmenu li a.red {background-position: -1315px 0}
#pmenu li a.herbal {background-position: -1578px 0}
#pmenu li a.special {background-position: -1841px 0}

#pmenu li a.black span {background-position: 0 -40px}
#pmenu li a.oolong span {background-position: -263px -40px}
#pmenu li a.greentea span {background-position: -526px -40px}
#pmenu li a.white span {background-position: -789px -40px}
#pmenu li a.mate span {background-position: -1052px -40px}
#pmenu li a.red span {background-position: -1315px -40px}
#pmenu li a.herbal span {background-position: -1578px -40px}
#pmenu li a.special span {background-position: -1841px -40px}

#pmenu li.active a.black, #pmenu li.active a.black span {background-position: 0 -80px}
#pmenu li.active a.oolong, #pmenu li.active a.oolong span {background-position: -263px -80px}
#pmenu li.active a.greentea, #pmenu li.active a.greentea span {background-position: -526px -80px}
#pmenu li.active a.white, #pmenu li.active a.white span {background-position: -789px -80px}
#pmenu li.active a.mate, #pmenu li.active a.mate span {background-position: -1052px -80px}
#pmenu li.active a.red, #pmenu li.active a.red span {background-position: -1315px -80px}
#pmenu li.active a.herbal, #pmenu li.active a.herbal span {background-position: -1578px -80px}
#pmenu li.active a.special, #pmenu li.active a.special span {background-position: -1841px -80px}

.tab_container {
	overflow: hidden;
	float: left;
	width: 638px;
	height: 342px;
}
.tab_content {
	margin: 0 !important;
	padding: 0 !important;
	width: 638px;
	height: 342px;
}
#tab1 {background: url(../img/blacktea.jpg) 0 0 no-repeat;}
#tab2 {background: url(../img/oolongtea.jpg) 0 0 no-repeat;}
#tab3 {background: url(../img/greentea.jpg) 0 0 no-repeat;}
#tab4 {background: url(../img/whitetea.jpg) 0 0 no-repeat;}
#tab5 {background: url(../img/matetea.jpg) 0 0 no-repeat;}
#tab6 {background: url(../img/redtea.jpg) 0 0 no-repeat;}
#tab7 {background: url(../img/herbaltea.jpg) 0 0 no-repeat;}
#tab8 {background: url(../img/special.jpg) 0 0 no-repeat;}

/* MAINPAGE BOXES
----------------------------------------------- */
.showbox {float: left; display: inline; width: 320px; height: 227px; margin: 7px 0 0 0; padding: 0;}
.showbox#one {background: url(../img/teaware.jpg) 0 0 no-repeat}
.showbox#two {background: url(../img/featured.jpg) 0 0 no-repeat}
.showbox#three {background: url(../img/news.jpg) 0 0 no-repeat}

.clickbtn {float: left; display: inline; margin-top: 173px; padding: 0}
.clickbtn a {display: block; margin: 0; padding: 0; height: 32px;}
.clickbtn#left {width: 79px; margin-left: 213px}
.clickbtn#left a {background: url(../img/viewall.png) 0 0 no-repeat}
.clickbtn#left a:hover {background-position: -79px 0}
.clickbtn#mid {width: 57px; margin-left: 46px}
.clickbtn#mid a {background: url(../img/view.png) 0 0 no-repeat}
.clickbtn#mid a:hover {background-position: -57px 0}
.clickbtn#right {width: 89px; margin-left: 27px}
.clickbtn#right a {background: url(../img/readnow.png) 0 0 no-repeat}
.clickbtn#right a:hover {background-position: -89px 0}

.shopbtn {float: right; display: inline; margin: 222px 0 0 0; padding: 0}
.shopbtn a {display: block; margin: 0; padding: 0; width: 210px; height: 48px;}

/* ELEMENTS
----------------------------------------------- */
.hdrtag, .tagline {padding: 0; display: inline}
.hdrtag {
	margin: 15px 0 0 31px;
	float: left;
}
.hdrximg {
	display: inline;
	float: left;
	margin: 0 0 16px 0;
	padding: 0;
}
.tagline {
	margin: 31px 31px 0 0;
	float: right;
}
.faqimg {
	float: right;
	display: block;
	border: none;
}
.newsimg {
	float: left;
	display: block;
	border: 1px solid #c5ac9d;
	margin: 0 20px 10px 0;
	padding: 0;
}
.newsmain {
	margin: 20px 0 0 0;
	padding: 0;
}
.bgicon {
	float: right;
	display: block;
	margin: 0;
	z-index: 0;
	border: none;
}
#socialimg {
	display: block;
	float: left;
	width: 516px;
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}
#socialimg li {
	padding: 0;
	margin: 0 16px 0 0;
	display: inline;
	float: left;
	height: 73px;
	width: 117px;
}
#socialimg li a, #socialimg li a span {
	display: block;
	background: url(../img/sprite-soc.png) no-repeat;
	margin: 0;
	text-indent: -9000px;
	border: none !important;
}
#socialimg li a span {
	height: 73px;
	width: 100%;
	z-index: 100;
}
#socialimg li a:hover {border: 0}
#socialimg li a.twitter {background-position: 0 0}
#socialimg li a.facebook {background-position: 0 -73px}
#socialimg li a.myspace {background-position: 0 -146px}
#socialimg li a.linkedin {background-position: 0 -219px}

#socialimg li a.twitter span {background-position: -121px 0}
#socialimg li a.facebook span {background-position: -121px -73px}
#socialimg li a.myspace span {background-position: -121px -146px}
#socialimg li a.linkedin span {background-position: -121px -219px}

.socialimgend {margin: 0 !important;}
.ftimg {margin:0 0 17px 0; padding:0; border:none !important;}

/* TEXT STYLES
----------------------------------------------- */
.infbtxt-l, .infbtxt-r {color: #a79081; padding: 0; display: inline;}
.infbtxt-l {
	float: left;
	margin: 5px 0 0 20px;
	text-align: left;
}
.infbtxt-r {
	float: right;
	margin: 5px 20px 0 0;
	text-align: right;
}
#topbar a, #topbar a:visited {
	color: #939c4d;
	text-decoration: underline;
}
#topbar a:hover, #topbar a:active {
	color: #5c5f90;
	text-decoration: none;
}
.ltxtbox {
	float: left;
	display: block;
	margin: 66px 0 0 0;
	padding: 0 20px 0 22px;
	height: 275px;
	line-height: 16px;
}
.ltxtbox H1 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 18px;
	color: #e3e4f7;
}
.ltxtbox P {
	margin: 16px 0 0 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 16px;
}
.ltxtbox P a, .ltxtbox P a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #dce7b7;
}
.ltxtbox P a:hover, .ltxtbox P a:active {
	color: #dce7b7;
	text-decoration: none;
	border-bottom: 1px solid #cfd0ec;
}
#inbigbox P {
	font-size: 13px;
	line-height: 18px;
}
#inbigbox {padding: 20px 26px 0 28px; width: 906px; }
#inbigbox P {color: #764c37; margin: 0 0 20px 0}
#inbigbox P a, #inbigbox P a:visited, .lgrbox a, .lgrbox a:visited {
	color: #5c5f90;
	padding: 0 4px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #E2D6CE;
	background-color: #F7F4F0;
}
#inbigbox P a:hover, #inbigbox P a:active, .lgrbox a:hover, .lgrbox a:active {
	color: #939c4d;
	text-decoration: none;
	border: 1px solid #E2D6CE;
	background-color: #FFFFFF;
}
ul.mainwide {color: #764c37; list-style-image: url(../img/smcheck.png)}
ul.mainwide-p {color: #565a8c; list-style: decimal}
ul.mainwide, ul.mainwide-p {
	padding: 0;
	margin: 0 0 20px 56px;
}
ul.mainwide li, ul.mainwide-p li {padding: 0; margin: 0;}
ul.feat {
	margin: 0 0 20px 56px;
	padding: 0;
	color: #764c37;
	font-weight: bold;
	list-style-image: url(../img/smcheck.png);
}
ul.feat li {padding: 1px 0; margin: 0;}
ul.feat li ul {margin-top: 6px; font-weight: normal !important; list-style: disc !important;}

#rd-poem P {color: #646695 !important}
#rd-contact P {color: #764c37 !important}

.xsmlbox {
	display: block;
	float: left;
	width: 263px;
	margin: 0;
	padding: 0 0 20px 0;
}
.tribox {
	display: inline;
	float: left;
	width: 279px;
	margin: 0 33px 0 0;
	padding: 0 0 20px 0;
	text-align: center;
}
.tribox#last {margin-right: 0 !important;}
.tribox-top {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
	width: 279px;
	height: 11px;
	background: url(../img/tribox-top.png) left top no-repeat;
}
.tribox-in {
	margin: 0;
	display: block;
	padding: 4px 20px 0 20px;
	background: url(../img/tribox-btm.png) left bottom no-repeat;
}
.tribox-in P {
	display: block;
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
}
.tribox ul {
	color: #764c37;
	padding: 0;
	margin: -4px 0 16px 36px;
	text-align: left;
	list-style-image: url(../img/smcheck.png);
}
.tribox li {
	padding: 0;
	margin: 0;
}
.smlbox {
	display: inline;
	float: left;
	width: 361px;
	margin: 0;
	padding: 0;
}
.lgrbox {
	display: inline;
	float: left;
	width: 516px;
	margin: 0 0 0 26px;
	padding: 0;
}
.roundie-top {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
	width: 361px;
	height: 11px;
	background: url(../img/roundie-top.png) left top no-repeat;
}
.roundie-in {
	margin: 0 0 20px 0;
	display: block;
	padding: 9px 20px 0 20px;
	background: url(../img/roundie-btm.png) left bottom no-repeat;
}
.roundie-in P {
	display: block;
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
}
.bigline {font-size: 15px; font-weight: bold; color: #dce7b7; text-decoration: underline}
.bigline-alt {font-size: 15px; font-weight: bold; text-decoration: underline}
.bigline-b {font-size: 15px; color: #565a8c; text-decoration: none; line-height: 16px}
.bigline-ft {font-size: 15px; font-weight: bold; text-decoration: none; line-height: 16px}
.bigline-ft2 {font-size: 15px; text-decoration: none; line-height: 16px}
.bigline-g {font-size: 15px !important; color: #818b3d !important; line-height: 16px !important; margin: 0 0 22px 36px !important;}
.g-link {color: #818b3d !important;}
.p-link {color: #565a8c !important;}
.bigline-p {font-size: 15px !important; color: #565a8c !important; line-height: 16px !important; margin: 0 0 22px 36px !important;}
.bigline-brn {font-size: 15px !important; line-height: 16px !important; margin: 0 0 22px 36px !important;}
.response {font-size: 18px; font-weight: bold; text-decoration: underline}
.trihdr {font-size: 20px; font-weight: bold; color: #a5a7d4 !important; text-decoration: underline;  line-height: 24px !important;}
.phone {font-size: 15px; font-weight: bold; color: #939c4d;}
.pricep {font-size: 15px; font-weight: bold; color: #565a8c;}
.note {font-size: 18px; font-weight: bold;}
.dict {color: #818b3d !important;}
.date {float: right !important; color: #565a8c !important;}

/* FOOTER
----------------------------------------------- */
#fnav li {
	padding: 0;
	display: inline;
	float: left;
	height: 41px;
}
#fnav li a, #fnav li a span {
	display: block;
	background: url(../img/sprite-fnav.png) no-repeat;
	margin: 0;
	text-indent: -9000px;
}
#fnav li a span {
	height: 41px;
	width: 100%;
	z-index: 100;
}
#fnav li a:hover {border: 0}
.fhome {margin: 0 0 0 130px !important;}
.fproducts {margin: 0 0 0 74px !important;}
#fnav li a.fhome {width: 77px; background-position: 0 0}
#fnav li a.fabout {width: 103px; background-position: 0 -41px}
#fnav li a.ffeatured {width: 132px; background-position: 0 -82px}
#fnav li a.fproducts {width: 102px; background-position: 0 -123px}
#fnav li a.fnews {width: 75px; background-position: 0 -164px}
#fnav li a.ffaq {width: 58px; background-position: 0 -205px}
#fnav li a.fcontact {width: 94px; background-position: 0 -246px}

#fnav li a.fhome span {background-position: -77px 0}
#fnav li a.fabout span {background-position: -103px -41px}
#fnav li a.ffeatured span { background-position: -132px -82px}
#fnav li a.fproducts span {background-position: -102px -123px}
#fnav li a.fnews span {background-position: -75px -164px}
#fnav li a.ffaq span {background-position: -58px -205px}
#fnav li a.fcontact span {background-position: -94px -246px}

#cpr {
	margin: 25px 0 0 55px;
	font-size: 11px;
	width: 300px;
	text-align: center;
	color: #99775e;
	line-height: 16px;
}
.cprtxt {margin: 0; padding: 0; color: #b6967f}
.cprtxt3 {letter-spacing: 6px}

#cpr, #branding, #branding a, #branding a span {padding: 0; height: 52px}
#branding a, #branding a span {display: block; margin: 0; background: url(../img/branding.png) no-repeat}
#branding {margin: 25px 0 0 182px; display: inline}
#branding a {width: 286px; background-position: 0 0}
#branding a:hover {border: 0}
#branding a span {
	background-position: 0 -52px;
	text-indent: -9000px;
	width: 100%;
	z-index: 100;
}


/* FORM
----------------------------------------------- */
.clearing { clear: both; }
.error { color: #CC0000; }

ol.forms {
	float: left;
	list-style: none;
	width: 480px;
	padding: 0;
	margin: 0 0 10px 30px;
}

ol.forms li {
	clear: left;
	float: left;
	display: block;
	margin-bottom: 10px;
	width: 480px;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	padding: 2px 10px 0 0;
	text-align: right;
	width: 50px;
	color: #764c37;
}

ol.forms input { width: 260px; padding: 4px; color: #977258; }
ol.forms textarea {
	height: 180px; 
	width: 390px;
	color: #977258;
	padding: 4px;
	overflow: auto;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #c5ac9d;
	background-color: #f7f4f0;
}
ol.forms input, ol.forms textarea, ol.forms button { font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 12px;}

ol.forms .error { 
	display: block;
	margin: 6px 0 0 32px;
	padding: 4px 8px 4px 26px;
	background: #f8e2e2 url(../img/fail.png) 5px 5px no-repeat;
	border: 1px solid #FF6A6A;
	width: 240px;
}
ol.forms li.buttons {
	padding: 0;
	width: 480px;
}
#submit {
	padding: 0;
	margin: 0 0 0 59px;
}
.button {
	background: url(../img/btn-email.png) 0 0 no-repeat;
	border: none !important;
	width: 103px;
	height: 38px;
	display: block;
	outline: none !important;
	outline-style: none !important;
}
#loading {
	margin: 0 0 0 86px;
}
.check {
	float: left;
	display: inline;
	position: relative;
	margin: -5px -20px 0 0;
	padding: 0 0 0 0;
}
.green {
	color: #818b3d !important;
	background-color: #eaebd8;
	border: 1px solid #818b3d;
	margin: 0 0 20px 0 !important;
	padding: 3px 10px 3px 30px !important;
	display: inline !important;
}