/* order.css */

/* Order Form rules */
h2 {padding-right: 76pt; font: 36pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: right; color: #87a7bb; text-transform: lowercase;}
p.warning {color: red; font-weight: normal; font-size: 9pt; margin: 6pt 76pt 6pt 0;}
td.content p.warning a {color: red; text-decoration: underline;}

table.form {margin: 0 0 12pt; border-collapse: separate; border-bottom: 9pt solid #87a7bb;}
table.form thead tr {color: white; background-color: #87a7bb;}
table.form thead td.title {position: relative; /* height: 27pt; */ height: 21pt;}
table.form thead div.bg {position: relative;}
* html table.form thead div.bg {position: static;}
h3 {padding: 2pt 76pt 2pt 4pt; font: bold italic 14pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: left;}
img.shadowed {position: absolute; right: 6pt; bottom: 0; width: 60pt; height: 60pt;}

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

table.form th {padding: 0 3pt 3pt 3pt; line-height: 9pt; font-weight: bold; font-size: /* small */ 9pt; font-stretch: condensed; text-transform: uppercase;}
table.form th.product {padding-left: 4pt;}
table.form th.price {white-space: nowrap;}

table.form tbody {color: black; background-color: white;}
/* * html table.form tbody {height: auto;} */
table.form tbody td {height: 1em; padding: 1pt 3pt;}
table.form tbody td.product, table.form tbody td.doseform {border-left: 1px solid #87a7bb;}
table.form tbody td.product {padding-top: 2pt; font-size: /* small */ 9pt;}
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 #87a7bb;}
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.discount {font-size: /* x-small */ 8pt; font-style: italic; text-align: center;}
table.form tbody td.quantity {padding: 4pt 0pt 0pt 3pt;}
table.form tbody td.quantity div {padding: 2pt 12pt; border-left: 3pt solid #87a7bb; border-bottom: 1px solid #87a7bb; 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: 2pt; padding-bottom: 2pt;} 

table.form tbody tr.last td.doseform, table.form tbody tr.last td.price, table.form tbody tr.last td.quantity div {border-bottom: 0;}
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;}

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: 189pt;}

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 img, ul.nav a.order, ul.nav input.order {color: #666; cursor: default;}
ul.nav li a.order:hover, ul.nav li a.order:focus, ul.footerNav a.order {text-decoration: none;}

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.nav input.order:hover, ul.nav input.order:focus, ul.footerNav input.order:hover, ul.footerNav input.order:focus {border-bottom: 1px solid white;}

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;}
ul.footerNav a.order, ul.footerNav input.order {color: #aaa; cursor: default;}
ul.footerNav a.order:hover, ul.footerNav a.order:focus {text-decoration: none;}

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