html, body, form { margin: 0; padding: 0; }
body { font: normal 76% Arial, Helvetica, sans; background: #fff url(/ui/images/WWW_NEW_Index-small-bg.jpg) repeat-x top left; color: #000; }

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, code, pre { margin: 0; padding: 0; }
hr { display: none; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 1em; }
strong, b { font-weight: bold; }

a img { border: 0; }
a { text-decoration: none; }
a:link { color: #33827d; }
a:visited { color: #33827d; }
a:active { color: #33827d; }
a:hover { color: #063; }

h1 { font-size: 2.0em; color: #33827d; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.7em; color: #33827d; margin: 0em; font-weight: lighter; }
h3 { font-size: 1.2em; color: #33827d; margin: 0 0 1em 0; padding: 0 0 0.4em; font-weight: bold; }
h4 { font-size: 1.2em; margin: 0em; font-weight: bold; }
h5 { font-size: 1.0em; margin: 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 0em; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.hide { display: none; }
.mt { margin-top: 1em; }
.mb { margin-bottom: 1em; }
.pt { padding-top: 1em; }
.pb { padding-bottom: 1em; }
.nom { margin: 0 !important; }
.nop { padding: 0 !important; }
.nomp { margin: 0 !important; padding: 0 !important; }
.nob { border: 0; }
.smaller { font-size: 0.9em; }
.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */
.clearfloats { clear:both; }
.banner_hr { border: 1px solid #ddd; border-width: 1px 0 0 0; margin: 1em 0; clear: both; }
.additional-info { line-height: 1.5em; font-size: 0.9em; }
.strong { font-weight: bold; }
.sans { font-family: "Trebuchet MS", Tahoma, Verdana, Monaco, sans !important; }

.table { border-collapse: collapse; border-spacing: 0; clear: left; }
.table td { vertical-align: top; }
	
#container { position:relative; width:900px; margin-left:auto; margin-right:auto; margin-top:0px; padding:0; text-align:left; clear:both; }
#mainwrap { position:absolute; top:225px; width:900px; height:100%; text-align:left; float:left; }
.preview_bar { position: fixed !important; top: 40px; z-index: 1000; opacity: 0.5; filter: alpha(opacity=50); }

/* global
_____________________________________________________________________________ */

.hotword { color:#999900; }

/* forms
_____________________________________________________________________________ */

.form { font-size:1.4em; }
.webform_errors { color:#cc0000; }

/* top menu
_____________________________________________________________________________ */
	
#topmenu { font-weight:500; color:#33827D; width:900px; margin:0 auto; font-size:17px; position:absolute; top:180px; text-align:center; }
#topmenu ul {}
#topmenu li { float:left; list-style-type:none; list-style-image:none; margin: 0 auto; display:inline; display:block; padding:0 15px; }
#toplinks { position:absolute; top:0px; left: 15px; font-size:1em; color:#33827D; margin: 10px 0 0 0; z-index:1; }
#toplinks li { float:left; list-style-type:none; display:inline; display:block; padding:0 6px; border-right:1px solid #33827D; }
#toplinks li:last-child,
#toplinks .last { border-right:0px; }
#herbimage { position:relative; top:0px; left:520px; width:216px; height:171px; z-index:0; }
#special { position:absolute; top:80px; left:725px; width:153px;} 
#shop { position:absolute; top:117px; left:725px; }
#shop a img { text-decoration:none; border:0px; }
#search { position:absolute; top:0px; left:725px; }
#searchfield { position:absolute; top:25px; left:765px; width:90px; height:15px; font-size:12px; }
#searchfield .tf { border: 0; background: transparent; margin: 0; padding: 0; width: 90px; color: #999; }
#searchfield .button_hidden { background: transparent; border: 0; height: 1px; width: 1px; overflow: hidden; line-height: 0; font-size: 1px; float: left; }
#logo { position:absolute; top:93px; left:0px; }
#storelocator { position:absolute; top:50px; left:768px; color:#33827D; font-size:12px; }
#path { position:absolute; top:35px; left:22px; color:#33827D; font-size:11px; width:500px; color:#000000; }

.login { position: absolute; top: 60px; left: 670px; color: #063; width: 200px; text-align: center;}
.login input {border: 1px solid #063; }

/* sidebar
_____________________________________________________________________________ */

#sidebar { background: transparent url(/ui/images/sidebar_bg.jpg); width:197px; margin:0 15px 0 0; padding:0px; float:left; }
#sidebartop { background: transparent url(/ui/images/sidebar_top.jpg) no-repeat; }
#sidebarbottom { background: transparent url(/ui/images/sidebar_bottom.jpg) no-repeat; }
#sidebar ul { list-style-type:none; font-size:13px; font-weight:800; position:relative; left:20px; width:167px; color:#33827D; }
#sidebar ul ul { list-style-type:none; font-size:13px; font-weight:300; position:relative; left:10px; width:137px; color:#33827D; }
#sidebar ul li { margin: 1px 0; }
#sidebar ul ul li { margin: 4px 0; }
#sidebar h1 { position:relative; top:0px; left:20px; width:155px; margin:0 0 5px 0; font-style:normal; font-weight:100; font-size:20px; color:#33827D; border-bottom:1px solid #33827D; }

/* main
_____________________________________________________________________________ */

#content { width:675px; float:left; position:relative; }

.site_links table { margin: 0 auto; font-size: 0.8em; }
.box { width:210px; /*height: 1%;*/ margin:0 15px 0 0; float:left; }
.teaname { font-size:22px; font-weight:400; color:#33827D; margin-bottom:0px; margin-top:10px; }
.teanamesubhead { font-size:16px; font-weight:400; color:#000000; margin-top:3px; }
.teanamesubhead2 { font-size:14px; font-weight:200; color:#000000; margin-bottom:10px; }
.body { font-size:12px; font-weight:200; color:#000000; margin-bottom:10px; }
#product { width:600px; position:relative; float:left; }
#proddescription { width:420px; float:left; }
#prodfooter { width:675px; font-size:14px; color:#33827D; text-align:center; position:relative; margin: 30px auto 0; float:left; }
#prodfooter li { list-style-type:none; display:block; display:inline; padding:0 10px; margin:0 0 0 10px; }
#legal { position:relative; text-align:center; font-size:11px; color:#33827D; border:1px solid #33827D; margin: 10px auto 0px 50px; padding:5px; width:500px; text-align:left; }
#button { background: transparent url(/ui/images/buy_now.jpg) no-repeat; width:107px; height:39px; margin-left:-5px; position:relative; z-index:2; }

.button_product_wrap { float: left; }
.button_product_wrap #button { clear: both; margin-left: 50px; }

#buttontext a { color:#33827D; text-decoration:none; width:100%; height:100%; display:block; }
#buttontext a:hover { color:#006600; }
#buttontext { font-size:16px; font-weight:400; text-align:center; padding-top:10px; color:#33827D; }

.byline { }
.faq { padding-top:10px; margin-top:10px; border-top:1px solid #cccccc; }
.job { padding-top:10px; margin-top:10px; border-top:1px solid #cccccc; }
.source_story img { float: right; padding: 0 10px 0 10px; }
.store h1 { font-size: 1.7em; color: #33827d; margin: 0em; font-weight: lighter; }
td.store { vertical-align: top; width: 150px; border: 1px solid #cccccc; padding: 4px; }

.directions { text-align: left; }
.directions_item { float: left; margin-right: 15px; }
.wrap_directions { margin-left: 20px; }
.directions_item.selected { font-weight: bold; }

.all_products { width: 100%; }
.all_products .col { float: left; width: 49%; margin: 0; padding: 0; border: 0; }

.all_products .category_head { margin: 10px 0 4px !important; padding: 0 0 4px; border-bottom: 1px solid #a3d9d0; font-size: 1.3em; }
.all_products .col_left { margin-right: 14px; }
.all_products .col_left div,
.all_products .col_right div { margin: 0 0 2px; }

.required { color: #ff0000; }

/* copy with background
_____________________________________________________________________________ */

.copy_background { background: transparent none no-repeat top left; height: 400px; width: 675px; overflow: hidden; }

/* cross sell
_____________________________________________________________________________ */

#cross-sell { width:675px; position:relative; float:left; margin-top:30px; }
#cross-sellbody { background: transparent url(/ui/images/xsell_bg.jpg); position:relative; width:366px; font-size:12px; color:#33827D; float:left; }
#cross-selltop { background: transparent url(/ui/images/xsell_top.jpg) no-repeat; width:366px; height:20px; }
#cross-sellbottom { background: transparent url(/ui/images/xsell_bottom.jpg) no-repeat; width:366px; height:20px; }
#xsell-content { position:relative; margin-left:10px; width:330px; }
#cross-sellbody img { position:relative; float:left; margin:0 15px; }
#cross-sellbody p { position:relative; float:left; width:180px; }
#cross-sellbody ul { float:left; list-style-type:none; margin: 3px 0 0 0; position:relative; width: 175px; }
#cross-sellbody ul li { margin-top:3px; }
#cross-sellbody .xselltitle { font-style:italic; font-weight:500; font-size:16px; color:#33827D; margin: 5px 0; position:relative; float:left; }
#message-field { position:relative; width:290px; font-size:12px; text-align:left; float:left; margin:15px 0 0 10px; }

/* footer
_____________________________________________________________________________ */

#footer { font-size:11px; color:#33827D; border-top: 2px solid #408c40; }
#footer hr { border:1px solid #33827D; }
#footer ul { display:block; margin: 5px 0 0 0; }
#footer li { float:left; display:inline; padding:0 6px; }
#copyright { float:right; margin-right:15px; top:10px; }

/* sampling
_____________________________________________________________________________ */

.cart_header { border:1px solid #33827D; border-width: 0 0 1px 0; font-size: .9em; color: #33827D;}
.cart_item_desc { font-size: .9em; padding-left: 5px;}
.cart_order { margin: 0 0 10px 50px; }