/* products.css */

/* Pruduct pages rules */

h2 {margin-bottom: 18pt; font-size: 18pt; color: #666; text-align: right; text-transform: uppercase; letter-spacing: 0.1em;}
p.property {margin: 0 76pt 0 12pt; font-style: italic; color: #666; line-height: 1.25em;}
p.property span.label {text-transform: uppercase;}

table.content {margin: 0; border-collapse: separate; border-bottom: 6pt solid #999;}
table.content tbody td {border-left: 1pt solid #999;}
col.info {width: 100%;}

/* Gecko doesn't let you float an image outside of its container (at least on the float side), */
/* And it doesn't seem to like the shorthand border property, so don't combine border-top and border-bottom below.  */

/* IE likes r,s,s; NS likes x,s,r; Safari likes x,x,r not x,s,s, but x,r,s OK with nested DIVs */
tr.header td {position: relative; padding-top: 6px;}
tr.header div.bg {position: relative; color: white; background-color: #999;}
/* tr.header td.title {position: relative; height: 27pt;} */
* html tr.header div.bg {position: static;}

h3 {padding: 6pt 76pt 8pt 6pt; font: bold 24pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: right; /* text-transform: lowercase; */}
h3 span.about {font-size: 67%; font-weight: normal; font-style: italic; font-stretch: normal; text-transform: lowercase;}
img.shadowed {position: absolute; right: 6pt; bottom: 6pt; width: 60pt; height: 60pt;}
table.data td, table.data th {padding: 2pt; border-left-color: black;}

/* Fix image position in Opera 6 and under \*/
html>body img.shadowed {bottom: -38pt; top: auto;}
/* Hide the following from Op6 (and IE) -- see http://www.albin.net/CSS/OwenHack.html */
head:first-child+body img.shadowed {bottom: 6pt; top: auto;} 

/* Temp changes to make room for coupon code field. Permanently in main.css */
img.directory {margin-top: 0.5em; width: /* 104pt */ 13em; height: /* 96pt */ 12em;}
p.directoryTitle {text-align: center; margin-top: 1.5em; padding: 0 0.5em; font-size: /* x-small */ 9pt; /* line-height: 1em; */ font-weight: 700; letter-spacing: 1px; color: black;}
ul.nav.loose li {margin: 1em 0;}
ul.nav.loose * li {margin: 0.5em 0;}

tr.body td {border-left: 1pt solid #999;}
td.about div.body, p.labelInfo {padding: 6pt 12pt 0;}
.body p {margin: 6pt 0; font-size: 10pt; line-height: 1.2em;}
.body p:first-child:first-letter {font-size: 150%;}
.body a {text-decoration: none; color: inherit;}
.body a:link, .body a:visited, .body a:hover, .body a:active {text-decoration: underline;}

sup.footNote {font-size: 7pt; color: #f33;}
sup.footNote a:link, sup.footNote a:visited {text-decoration: none;}
sup.footNote a:hover {text-decoration: underline;}
sup.footNote a:active {color: black; text-decoration: none;}

h4 {margin-top: 4pt; margin-left: 12pt; font-size: 14pt; font-weight: bold;}
h5 {margin-top: 6pt; font-size: 12pt; font-weight: bold;}	/* was 10pt */
h6 {margin-top: 3pt; font-size: 10pt;}		/* was 9pt */
p.prop65 {font-size: 9pt; line-height: 11pt;}
p.labelInfo {font-size: 8pt; line-height: 10pt; font-style: italic;}
p.note, p.by {font-size: /* x-small */ 8pt; color: #555;}
p.note span.product {font-style: italic;}
p.note span.source {font-weight: bold;}
p.link, p.link a {margin-top: 6pt; font-size: 9pt; line-height: inherit; font-weight: 400; color: #555;}
p.link a i.pub {color: #555;}
p.link cite {font-style: normal;}
p.prop65, div.noTelling {margin-left: 2em; margin-right: 2em;}
div.noTelling p, div.noTelling h6 {font-size: 9pt;}
div.noTelling h5 {font-size: 9pt;}
p.pronunciation {margin: 0;}
img.key {vertical-align: middle; font: 18px "Lucida Grande","Lucida Sans Unicode",sans-serif;}
.inLineHead {font-size: 10pt; font-weight: bold; font-style: italic;}

p.warning {padding: 6pt; font-weight: normal; font-size: 9pt;}
caption a {text-decoration: none;}

table.form {margin: 0; border-collapse: separate; /* border-left: 1px solid #999; */}
table.form caption {caption-side: top; padding: 6pt 0 3pt; font-size: 18pt; font-weight: bold; font-stretch: condensed; color: #666; text-align: right; text-transform: lowercase;}
table.form thead tr {color: white; background-color: #999;}

table.form th {padding: 2pt 3pt; line-height: 9pt; font-weight: bold; font-size: /* small */ 9pt; font-stretch: condensed; text-transform: uppercase;}

table.form tbody {color: black; background-color: white;}
/* * html table.form tbody {height: auto;} */
table.form tbody td {font-size: /* small */ 9pt; height: 1em; padding: 1pt 0.4em; border-left: 0; border-bottom: 1px solid #999;}
table.form tbody td a {font-size: /* small */ 8pt; margin: 1px 0; padding: 0 1px; color: #8C1829;}
/* table.form tbody td:first-child {border-left: 1px solid #999;} */
table.form tbody td.quantity {border-bottom: 0; padding-top: 0.4em; padding-right: 0pt; padding-bottom: 0pt;}
table.form tbody td.quantity div {font-size: /* small */ 9pt; padding: 0em 6pt 0.4em; border-left: 0.4em solid #999; border-bottom: 1px solid #999; text-align: center;}
table.form tbody td.quantity div.warning {padding-left: 0; padding-right: 0;}
table.form tbody td.quantity div input {vertical-align: middle;}
table.form tbody td.discount {font-size: /* x-small */ 8pt; font-style: italic; text-align: center; border-bottom: 0;}

/* New styles for tabs */
#landingTab {border-left: 0;}
table.content tbody td.dummy {width: 0; border-left: 0;}
table.tabs h4 {margin: 6pt 6pt 6pt 12pt; font-size: 10pt; font-weight: bold;}
div.body h4, tbody.tabs h4 {margin-left: 0; font-size: 12pt;}
table.tabs tr {height: 12px;}
table.tabs tr td {border: none !important; background-repeat: no-repeat; font-size: 9px;}
table.tabs tr td.activeTab {background-color: white;}
table.tabs tr td.inactiveTab {background-color: #ccc; cursor: pointer;}
table.tabs tr.row1 td.Lact {background-image: url(../img/tabs/topLact.gif); background-position: top left;}
table.tabs tr.row2 td.Lact {border-bottom: 1px solid white; background-image: url(../img/tabs/botLact.gif); background-position: bottom left;}
table.tabs tr.row1 td.Ract {background-image: url(../img/tabs/topRact.gif); background-position: top right;}
table.tabs tr.row2 td.Ract {border-bottom: 1px solid white; background-image: url(../img/tabs/botRact.gif); background-position: bottom right;}
table.tabs tr.row1 td.Linact {background-image: url(../img/tabs/topLinact.gif); background-position: top left;}
table.tabs tr.row2 td.Linact {background-image: url(../img/tabs/botLinact.gif); background-position: bottom left;}
table.tabs tr.row1 td.Rinact {background-image: url(../img/tabs/topRinact.gif); background-position: top right;}
table.tabs tr.row2 td.Rinact {background-image: url(../img/tabs/botRinact.gif); background-position: bottom right;}
td.inactiveTab h4 {text-decoration: underline;}
#labels img {display: block; margin: 12px 0;}

/* Fix input padding in Opera 6 and under \*/
html>body table.form tbody td.quantity div {padding-top: 0; padding-bottom: 0;}
/* Hide the following from Op6 (and IE) -- see http://www.albin.net/CSS/OwenHack.html */
head:first-child+body table.form tbody td.quantity div {padding-top: 0em; padding-bottom: 0.4em;} 

table.form tbody td.quantity div input {padding-left: 3px; padding-right: 3px; /* border-color: #0f4f77; */ font-weight: bold; font-size: /* small */ 9pt; text-align: right;}

table.content td.buttons {padding: 0.5em 0;}
div.buttons span.btnName, div.buttons a {color: #681d7e;}
div.buttons input {border: 0; margin: 0; min-height: 27pt; white-space: nowrap; color: #681d7e; background-color: white; cursor: pointer;}
div.buttons input {font: /* large */ bold 12pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-transform: lowercase;}

img.plantGraphic {width: 126pt; height: 201pt;}

ul.nav li, ul.nav img, ul.nav input, ul.footerNav li, ul.footerNav li img, ul.footerNav li input {font: /* small */ 8pt Verdana,Arial,Helvetica,sans-serif;}

ul.nav input, ul.nav img {color: black; border-bottom: 1px solid white;}
ul.nav input:hover, ul.nav input:focus, ul.footerNav input:hover, ul.footerNav input:focus {border-bottom: 1px solid black;}	/* Opera 6.03 renders as overbar! */

ul.footerNav input {min-height: 12px; color: black; background-color: white; border-bottom: 1px solid white; vertical-align: text-bottom; white-space: nowrap; cursor: pointer;}

*>html div.footerNavNS {padding-right: 90pt; line-height: 12pt;}
*>html div.footerNavNS ul.footerNav li {padding-left: 1px; padding-right: 1px; background: transparent;}
*>html div.footerNavNS ul.footerNav li input {padding: 2px 6px; background: white;}

/* Respecifying the font-family below is necessary for MacIE5, because the previously-hidden footerNav breaks inheritance */
ul.contact {margin: 0.5em 0; padding: 0; list-style-type: none; color: #c793d6; font: /* small */ 8pt/1.5em Verdana,Arial,Helvetica,sans-serif; font-size-adjust: 0.58;}
ul.contact li {display: inline; padding-right: 2em; white-space: nowrap;}
ul.contact strong {padding-left: 5pt; font-size: larger; color: #763b89;}
ul.contact a {color: #763b89;}