/* productIndex.css */
/* Product Index page rules */

@import url(indices.css);

h2 {font-size: 36pt; color: #87a7bb;}
p.guide {margin: 0; padding: 1em 0;}

h3 {padding: 1em 76pt 0.5em 6pt;}
img.shadowed {position: absolute; z-index: 0; right: 6pt; bottom: 6pt; width: 60pt; height: 60pt;}

tr.colHead th.col1 div.bg, tr.colHead th.col1 h3, tr.colStop th.col1 p {background-color: #87a7bb;}
tr.colHead th.col2 div.bg, tr.colHead th.col2 h3, tr.colStop th.col2 p {background-color: #b47c8f;}
tr.colHead th.col3 div.bg, tr.colHead th.col3 h3, tr.colStop th.col3 p {background-color: #aeb67f;}

tr.colStop th p {padding: 2pt 6pt; text-align: left; white-space: nowrap; font-size: 8pt; /* small */ font-weight: 700; font-style: italic; color: white; /* line-height: 1em; */}

ul.productList {margin: 0; padding: 0;}
ul.productList li {margin: 0; padding: 2pt 4pt; list-style-type: none; white-space: nowrap; font-size: 9pt;}
ul.productList li a {color: black; background-color: white; text-decoration: none;}
ul.productList li a:visited {color: #666;}
ul.productList li a:hover, ul.productList li a:active {color: black; text-decoration: underline;}

.col1 li {border-left: 1px solid #87a7bb; border-bottom: 1px solid #87a7bb;}
.col2 li {border-left: 1px solid #b47c8f; border-bottom: 1px solid #b47c8f;}
.col3 li {border-left: 1px solid #aeb67f; border-bottom: 1px solid #aeb67f;}

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

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