/* summary.css */

/* Order Summary rules */

table.error, table.form {margin: 24pt 0 0 0; border-collapse: separate;}
table.error {border-bottom: 6pt solid #b47c8f;}
td.content table thead tr, h3 {color: white; background-color: #b47c8f;}
td.content table thead td.title {position: relative;}
td.content table thead div.bg {position: relative;}
* html td.content table thead div.bg {position: static;}
h2, h3 {font: bold 24pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-align: right; text-transform: lowercase;}
h2 {padding: 6pt 76pt 8pt 6pt;}
h3 {padding: 1pt 12pt 3pt 6pt; font-size: 14pt;}
img.shadowed {position: absolute; right: 6pt; bottom: 0; width: 60pt; height: 60pt;}
table.error img.shadowed {bottom: 6pt;}

/* tr.header td.title {position: relative;} */
/* tr.header td.title div.bg {position: relative; color: white; background-color: #b47c8f;} */
/* * html tr.colHead td.title div.bg {position: static;} */

/* Fix image position in Opera 6 and under \*/
html>body img.shadowed {top: -17pt; bottom: auto;}
html>body table.error img.shadowed {top: -23pt; 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;} 
head:first-child+body table.error img.shadowed {top: auto; bottom: 6pt;} 

tr.body td {border-left: 1pt solid #b47c8f;}
div.body {padding: 8pt 8pt 8pt 8pt;}
div.body p {margin: 6pt 0; font-size: 10pt; line-height: 1.2em;}
div.body p:first-child:first-letter {font-size: 150%;}
div.body a {color: black; text-decoration: underline;}

table.form thead th {padding: 0pt 9pt 3pt 3pt; line-height: 9pt; /* font-weight: bold; */ font: /* small */ bold 9pt Verdana,Arial,Helvetica,sans-serif; font-stretch: condensed; text-transform: uppercase; text-align: center; white-space: nowrap;}
table.form thead th.product {padding-left: 6pt; text-align: left;}

table.form tbody {color: black; background-color: white;}
table.form tbody.hidden {display: none;}
table.form tbody td {height: 1em; text-align: left;}
table.form td.product, table.form td.doseform, table.form td.label {border-left: 1px solid #b47c8f; padding-left: 4pt;}
table.form td.product {padding-top: 2pt; font-size: /* small */ 9pt;}
table.form td.product a {font-weight: bold; color: black;}
table.form td.doseform {padding-right: 6pt; padding-bottom: 2pt; border-bottom: 1px solid #b47c8f; font-size: /* x-small */ 8pt;}
table.form td.numeric {font-size: /* small */ 9pt;}
table.form td.numeric div {margin: 4pt 0 0 3pt; padding: 2pt 12pt; border-left: 3pt solid #b47c8f; border-bottom: 1px solid #b47c8f; font-size: /* small */ 9pt; font-weight: bold; text-align: right;}

table.form tr.last td div, table.form tr.total td div {border-bottom: 0;}
table.form tr.subtotal td.numeric div {margin-top: 6pt;}
table.form tr.last td {border-bottom: 6pt solid #b47c8f;}
table.form tr.body td, table.form tr.total td {border-bottom: 6pt solid #b47c8f;}
table.form tr.last td.product {border-bottom: 0;}
table.form td.label {padding: 6pt 12pt 2pt 4pt; font-weight: bold; font-size: 9pt; text-transform: uppercase; text-align: right;}
table.form tr.subtotal td.label {border-bottom: 1px solid #b47c8f;}
table.form tr.total td.label {font-size: 10pt;}
table.form tr.gap td {height: 18pt;}

table.form td.shipping {border-left: 1px solid #b47c8f; border-bottom: 1px solid #b47c8f; font-size: /* x-small */ 8pt;}
table.inner td {padding: 3pt; font-size: 8pt; line-height: 1.4;}
table.inner td label, table.inner td.legend {font-weight: bold;}
table.inner td label.text {padding: 1pt 6pt 1pt 12pt; line-height: 14pt;}
table.inner p.notesHead {font-weight: bold; font-size: 8pt;}
table.inner ol.notes {margin-top: 0; margin-bottom: 0; line-height: 1;}
table.inner ol.notes li {list-style-type: lower-latin; padding: 1pt 0;}
/* table.inner input.field {vertical-align: middle; font-size: 9pt; background-color: #e6d3da; padding: 1pt 3pt 0; text-align: center; border-left: 3pt solid #b47c8f; border-bottom: 1px solid #b47c8f; border-top: 0; border-right: 0;} */
/* table.inner span.fancy {padding: 1pt 2pt; border-left: 3pt solid #b47c8f; border-bottom: 1px solid #b47c8f;} */
table.inner span.note, table.inner label.text {white-space: nowrap;}
table.inner label.fancy {white-space: nowrap; padding: 1pt 4pt; border-left: 3pt solid #b47c8f; border-bottom: 1px solid #b47c8f;}
table.inner tr.international td {border-top: 1px solid #b47c8f;}
table.inner input.radio {color: #8c4a52;}
table.inner td.radio {text-align: right;}
table.inner select {background-color: #e6d3da; border-color: #b47c8f; font: 8pt/1 Verdana,Arial,Helvetica,sans-serif; vertical-align: middle;}

div.buttons a, div.buttons span.btnName {color: #681d7e;}

img.plantGraphic {width: 126pt; height: 150pt;}
ul.nav a.summary {color: #666; cursor: default;}
ul.nav a.summary:hover, ul.nav a.summary:focus {text-decoration: none;}
ul.footerNav a.summary {color: #aaa; text-decoration: none; cursor: default;}