/*
	teaology.css
*/

#logo { position:absolute; top:2px; left:11px; }
#tealeaf { position:absolute; top:379px; left:719px; }
#shopright { position:absolute; top:22px; left:566px; }
#leftnav { position:absolute; top:458px; left:0px; width:131px; height:auto; }
#utilnav { position:absolute; top:380px; left:132px; width:131px; height:auto; }
#enterCode { position:absolute; top:440px; left:136px; width:171px; height:auto; }
p.code { margin:0px; font:8px verdana; color:#ffffff; }
#prodnav { position:absolute; top:22px; left:298px; width:131px; height:auto; }
#prodicons { position:absolute; top:147px; left:566px; }
#bodycellemail {	position:absolute; top:21px; left:131px; width:582px; height:auto; }
#bodycelltall {	position:absolute; top:21px; left:131px; width:582px; height:auto; }
#legal { position:absolute; top:387px; left:573px; }
#legal1 { position:absolute; top:397px; left:573px; font:5px verdana; color:#C6D494;}
p.legal { margin:0px; font:9px verdana; color:#C6D494; }
.metaDescription { visibility:hidden; }

td.bodycelltallTop { background-image:url('/images/bodycelltall_bg_top.gif'); }
td.bodycelltall { background-image:url('/images/bodycelltall_bg.gif'); }
td.bodycelltallBottom { background-image:url('/images/bodycelltall_bg_bottom.gif'); }

#bodycell {
	position:absolute; top:21px; left:131px;
	width:582px; height:359px;
	background-color:#c6d494;
	background-image:url('/images/bodycell_bg.gif');
}
#pouraddmixDiv { position:absolute; top:21px; left:566px; }
#productsHomeImage { position:absolute; top:21px; left:131px; background-color:#C6D494; border:1px solid #ffffff; }
#officeHomeImage { position:absolute; top:171px; left:131px; background-color:#C6D494; border:1px solid #ffffff; }
#officeHomeText { position:absolute;top:171px; left:411px; background-color:#C6D494; width:346px; height:154px; border:1px solid #ffffff; }

#productsHomeImage1 { position:absolute; top:21px; left:131px; background-color:#C6D494; }
#productsHomeImageTwoDiv { position:absolute; top:21px; left:131px; background-color:#C6D494; border:1px solid #ffffff; visibility:hidden; }
#productsHomeTextOneDiv {
	position:absolute; top:125px; left:340px;
	width:340px; height:auto;
}
#productsHomeTextTwoDiv {
	position:absolute; top:23px; left:340px;
	width:340px; height:auto;
	visibility:hidden;
}


#productsHome1TextOneDiv {
	position:absolute; top:35px; left:340px;
	width:340px; height:auto;
}
#productsHomeTestDiv {
	position:absolute; top:15px; left:340px;
	width:340px; height:auto;
}

#nextDiv { position:absolute; top:358px; left:566px; }
#prevnDiv { position:absolute; top:358px; left:566px; }
#prevDiv { position:absolute; top:358px; left:525px; visibility:hidden; }
#buynow { position:absolute; top:358px; left:313px; }
#zoom { position:absolute; top:358px; left:484px; }
#whatIsInsideZoom{ position:absolute; top:358px; left:400; }

#dotcoverup { position:absolute; top:0px; left:600px; width:10px; height:21px; background-color:#a7bd5a; }
#body { position:absolute; top:55px; left:150px; width:540px; height:auto; }
#contactUsBody { position:absolute; top:80px; left:340px; }
#contactUsBodyInternational { position:absolute; top:80px; left:540px; }
#locatorBody {
	position:absolute;
	top:75px;
	left:340px;
	width: 268px;
	height: 215px;

}

#retailLocatorBody { position:absolute; top:22px; left:330px; width: 354px; height: 357px; }

#productImage { position:absolute; top:126px; left:380px; }
#subproductBody { position:absolute; top:98px; left:147px; width:237px; height:auto; }
#subproductImage { position:absolute; top:125px; left:398px; }
#subproductImage1 { position:absolute; top:102px; left:132px; }
#subproductheading { position:absolute; top:25px; left:192px; }

#flash { position:absolute; top:0px; left:132px; }
#fnavMix { position:absolute; top:380px; left:132px; }
#fnavRun { position:absolute; top:380px; left:314px; }
#fnavPush { position:absolute; top:380px; left:415px; }
#fnavExperiment { position:absolute; top:380px; left:567px; }

/*body { background-color:#FFFFFF; background-image:url('/images/bgtile.gif'); margin:0px; }*/
body { background-color:#FFFFFF; margin:0px; }
body.vignette {	background-image:url('/images/bgtile.gif'); }
body.products {	background-image:url('/images/bgtile.gif'); }
body.popup {  background-image:none; }
body.popupImage { background-color:#C6D494; background-image:none; }

p,td { font:11px/17px verdana; color:#000000; margin:10px 0px; }
p.question { line-height:160%; margin:5px 5px 5px 15px; }
p.question a:link, p.question a:visited { color:#000000; font-weight:bold; text-decoration:none; }
p.question a:hover { color:#000000; text-decoration:underline; }
p.head { font:bold 12px arial; text-transform:uppercase; color:#000000; margin-bottom:0px; }
p.notes { font:11px/12px arial; color:#000000; }
p.back a:link, p.back a:visited { color:#000000; }

a:link, a:visited { color:#000000; }
.nohand { cursor:default; }

i, em { font-size:15px; line-height:100%; font-weight:bold; font-style:normal; }

hr { height:1px; }
a.Headings:link
{
font-family: Arial; /* Font Face */
font-size: 12pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.Headings:active
{
font-family: Arial; /* Font Face */
font-size: 12pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.Headings:visited
{
font-family: Arial; /* Font Face */
font-size: 12pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.Headings:hover
{
	font-weight: bold;
	font-size: 12pt;
	color: #660000;
	font-style: normal;
	font-family: Arial;
	text-align: left;
	text-decoration: none;
}
.SearchHeader
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.SearchHeader:link
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.SearchHeader:active
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.SearchHeader:visited
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #45794E; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.SearchHeader:hover
{
	font-weight: bold;
	font-size: 10pt;
	color: #660000;
	font-style: normal;
	font-family: Arial;
	text-align: left;
	text-decoration: none;
}

td.questions { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; padding-top:5px; }
td.shopNav { background-image:url('/images/shop_nav_bg.gif'); padding-top:5px; }
td.popupTD { background-color:#C6D494; border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:0px 10px; }

td.purple { background-color:#D4C2D9; }
td.purpleTop { background-color:#D4C2D9; border-top:1px solid #ffffff; }
td.purpleRight { background-color:#D4C2D9; border-right:1px solid #ffffff; }
td.purpleBottom { background-color:#D4C2D9; border-bottom:1px solid #ffffff; }
td.purpleLeft { background-color:#D4C2D9; border-left:1px solid #ffffff; }

td.yellow { background-color:#F0DC8D; }
td.yellowTop { background-color:#F0DC8D; border-top:1px solid #ffffff; }
td.yellowRight { background-color:#F0DC8D; border-right:1px solid #ffffff; }
td.yellowBottom { background-color:#F0DC8D; border-bottom:1px solid #ffffff; }
td.yellowLeft { background-color:#F0DC8D; border-left:1px solid #ffffff; }

td.blue { background-color:#BADBE2; }
td.blueTop { background-color:#BADBE2; border-top:1px solid #ffffff; }
td.blueRight { background-color:#BADBE2; border-right:1px solid #ffffff; }
td.blueBottom { background-color:#BADBE2; border-bottom:1px solid #ffffff; }
td.blueLeft { background-color:#BADBE2; border-left:1px solid #ffffff; }

td.shopLinesTop { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; font-weight:bold; color:#ffffff; padding-left:30px; }
td.shopLinesLeft { border-left:1px solid #ffffff; }
td.shopLinesBottom { border-bottom:1px solid #ffffff; }
td.shopLinesTopNoBuf { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; font-weight:bold; color:#ffffff;  }
td.shopLinesBottomLeft { border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; }

input, select, textarea { font:11px verdana; background-color:#FFFFFF; }

#tableZoom { position:absolute; top:65px; left:0px; }
table.shopTable td { padding:5px 2px; }

a.hawthorne:link { color: black; text-decoration: none }
a.hawthorne:active { color: white; text-decoration: none }
a.hawthorne:visited { color: black; text-decoration: none }
a.hawthorne:hover { color: #a8322f; text-decoration: none }

a.lavender:link { color: black; text-decoration: none }
a.lavender:active { color: green; text-decoration: none }
a.lavender:visited { color: black; text-decoration: none }
a.lavender:hover { color: #704a74; text-decoration: none }

a.osmanthus:link { color: black; text-decoration: none }
a.osmanthus:active { color: blue; text-decoration: none }
a.osmanthus:visited { color: black; text-decoration: none }
a.osmanthus:hover { color: #00667c; text-decoration: none }

a.rosemary:link { color: black; text-decoration: none }
a.rosemary:active { color: red; text-decoration: none }
a.rosemary:visited { color: black; text-decoration: none }
a.rosemary:hover { color: #8b5521; text-decoration: none }


BODY{ scrollbar-base-color: #A7BD5A; scrollbar-arrow-color: #C6D494; scrollbar-DarkShadow-Color: blue}

a.question {
color:#000000; font-weight:bold; text-decoration:none;
}
.verdana8pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
.ItemCode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ItemName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.shopLinesright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.shopLinesTopLeft {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-left: 60px;

}
.ariel10ptB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.BannerTopBot {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.verdana8ptB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

a.HeadingsBar:link
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #FFFFFF; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.HeadingsBar:active
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #FFFFFF; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.HeadingsBar:visited
{
font-family: Arial; /* Font Face */
font-size: 10pt; /* Font Size */
color: #FFFFFF; /* Font Color */
font-weight: Bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: ; /* Background color */
text-align: Left; /* Align Text */
}
a.HeadingsBar:hover
{
	font-weight: bold;
	font-size: 10pt;
	color: #660000;
	font-style: normal;
	font-family: Arial;
	text-align: left;
	text-decoration: none;
}