/* webspecials.css */

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 #b98c26;}
table.content tbody td {border-left: 1pt solid #b98c26;}
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: 24px;}
tr.header div.bg {position: relative; color: white; background-color: #b98c26;}
/* tr.header td.title {position: relative; height: 27pt;} */
* html tr.header div.bg {position: static;}

h2 {padding: 6pt 76pt 8pt 6pt; font: bold 24pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: right; /* text-transform: lowercase; */}
img.shadowed {position: absolute; right: 6pt; bottom: 6pt; width: 60pt; height: 60pt;}

/* 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;} 

tr.body td {border-left: 1pt solid #b98c26;}
td.about div.body {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, h5 {margin-top: 6pt; font-size: 10pt; font-weight: bold;}
h6 {margin-top: 3pt; font-size: 9pt;}
p.prop65 {font-size: 9pt; line-height: 11pt;}
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 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 Sans Unicode","Lucida Grande",sans-serif;}

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 #b98c26; */}
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: #b98c26;}

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

/* from product.css */
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;}
/* table.form tbody td:first-child {border-left: 1px solid #b98c26;} */
table.form tbody td.quantity {border-bottom: 0; padding-top: 0.4em; padding-right: 0pt; padding-bottom: 0pt;}
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;}

/* from order.css */
table.form tbody td.product, table.form tbody td.doseform {border-left: 1px solid #b98c26;}
table.form tbody td.product {padding-top: 2pt; font-size: /* small */ 9pt; font-weight: bold; color: black;}
table.form tbody td.product a {font-weight: bold; color: black;}
table.form tbody td.doseform, td.price {padding-bottom: 2pt; border-bottom: 1px solid #b98c26;}
table.form tbody td.doseform {font-size: /* x-small */ 8pt;}
table.form tbody td.price {font-size: /* small */ 9pt; text-align: center;}
table.form tbody td.quantity div {padding: 2pt 12pt; border-left: 3pt solid #b98c26; border-bottom: 1px solid #b98c26; text-align: center;}
table.form tbody td.quantity div.warning {font-size: 12pt; padding-left: 0; padding-right: 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;}