/* contact.css */

/* Contact Us page rules */

.news .articles, .ask .article, .newProducts .text {clear: both; margin: 0;}

table.content {margin: 0; border-collapse: separate; border-bottom: 9pt solid #de7b5a;}
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: #de7b5a;}
/* 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;} 

td.content tbody td.contact {border-left: 1px solid #de7b5a; border-bottom: 1px solid #de7b5a;}
td.content tbody tr.last td.contact {border-bottom: 0;}
td.content tbody td.contact div.body {padding: 18pt 12pt;}
p.to {margin-bottom: 3pt; font-weight: bold; font-size: 12pt; text-transform: lowercase;}
a.phone {margin-left: 1em; font-size: 14pt; font-weight: normal;}

table.inner, address {margin-left: 18pt;}
table.inner th, table.inner td {padding: 1pt 6pt; text-align: left;}
table.inner td, address {font-style: normal; font-size: 12pt;}
table.inner td a {text-decoration: none; color: black;}
table.inner td a:hover, table.inner td a:active {text-decoration: underline;}
table.inner th {font-weight: bold; text-transform: lowercase;}

div.buttons {padding: 0 24pt;}
div.buttons a {color: #ff7b00;}

/* WinIE-only rules: \*/
div.buttons {margin-top: 3pt;}
/* End WinIE-only */

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