/* Custom classes and overrides */

.art-post-body { min-height: 200px; font-size: 14px; }
.art-postheader a:hover { text-decoration: underline; }
#preFooter { width: 896px; position: relative; background-color: #FFF; min-height: 50px; }
.productList { text-decoration: none; font-size: small; }
.productList ul li { text-decoration: none; background-image: none; font-weight: bold; padding: 0px; margin: 15px 0 0 0; }
.productList ul li ul li { font-weight: normal; margin: 5px 0 1px 12px; }
.productSpecTable { font-size: small; }
.productSpecTable th { font-weight: bold; background-color: #3D5674; color: #FFF; padding: 1px 5px; border: 1px solid #08213F; white-space: nowrap; vertical-align: bottom; }
.productSpecTable td { padding: 1px 5px; text-align:center; border: 1px solid #08213F; white-space: nowrap; vertical-align: middle; }
.tableScroller { margin: 0 auto; padding: 2px; border: 1px solid #08213F; background: #CCC; overflow: auto; }
 .productSpecTable tr:nth-child(odd) {
background-color: #eee;
}
.productSpecTable tr:nth-child(even) {
background-color: #fff;
}
.productSpecTable tr:hover { background-color: #fcc; }

#contactForm { width: 550px; margin: 25px 25px 25px 0; }
#contactForm input, #contactForm textarea { padding: 4px; width: 390px; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
#contactForm textarea { height: 200px; }
#contactForm textarea:focus, #contactForm input:focus { border: 2px solid #900; }
#contactForm input.submit-button { width: 100px; float: right; }
#contactForm label { float: left; text-align: right; margin-right: 15px; width: 120px; padding-top: 5px; font-size: 1.2em; }

#formErrors label { display: block; width: 540px; color:#900; font-weight:bold; margin-bottom: 5px; }