/* shipping.css */

/* Shipping Info page rules */

.news .articles {clear: both; margin: 0;}

table.content {margin: 0; border-collapse: separate; border-bottom: 9pt solid #b98c26;}
col.info {width: 48%;}
col.gutter {width: 4%;}

/* 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;}
* 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.header th.news div.bg, tr.colStop th.news p {background-color: #b98c26;}
tr.body td.news:first-child {border-left: 1pt solid #b98c26;}

tr.colStop th p {padding: 4pt 15pt; text-align: left; white-space: nowrap; font-size: /* small */ 9pt; font-weight: bold; font-style: italic; color: white; /* line-height: 1em; */}
.news .articles, .news .restrictionsTable {padding: 4pt 8pt;}
div.articles p, div.restrictionsTable p {margin: 6pt 0;}

td.cost {text-align: right;}
p.note {font-style: italic;}
p.terms em {color: red; font-style: inherit;}

caption {font-weight: bold; font-style: italic; padding-bottom: 6pt;}
table.data th, table.data td {font: 9pt Verdana,Arial,Helvetica,sans-serif; vertical-align: top; padding: 2pt 4pt;}
table.data th {font-weight: bold; text-align: left;}
table.data th:first-child, table.data td:first-child {padding-left: 0;}
table.data th:last-child, table.data td:last-child {padding-right: 0;}
table.price td {text-align: right;}
table.price td:first-child {text-align: left;}

/* Text formatting */

.news .articles, .news .articles a {line-height: 1.2;}
.news .articles h3 {margin: 6pt 0; font-size: /* medium */ 10pt; font-weight: bold; text-align: center;}

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