body {margin: 0; background-color: #000000; color: #B0B0B0;}
table, img.border, fieldset, legend, input, textarea, select, button {border-color: #3C3C3C;}

a:link {color: #FFEC00;}
a:visited {color: #FFFFFF;}
a:hover, a:active, a:focus {color: #C0C0C0;}


div#templateMain {position: relative; width: 780px; margin: auto;}
div#templateHeader {width: 170px; padding: 10px 0;}
div#templateContent, div#templateMenu, div#templateFooter {border-top: 1px solid #FFFFFF; padding: 4px 0;}
div#templateContent {position: relative; margin-top: 55px; padding-top: 20px;}
div#templateMenu, div#templateUserBoxes, div#templateSearch, div#templateFooter {color: #FFFFFF;}
div#templateMenu {position: absolute; top: 125px; left: 0; width: 780px;}
div#templateUserBoxes {position: absolute; top: 52px; right: 0; width: 500px; font-size: 0.85em; text-align: right; line-height: 1.5em;}
div#templateSearch {position: absolute; top: 4px; right: 0; width: 188px; font-size: 0.85em; line-height: 1.5em;}
div#templateFooter {font-size: 0.85em;}

div#templateMenuMain {padding-top: 4px; font-weight: bold;}
div#templateMenuLinks {font-size: 0.85em;}
div#templateMenuMain div, div#templateMenuLinks div {display: inline; margin-right: 10px;}
div#templateFooter div.floatRight div {display: inline; margin-left: 15px;}
div#templateMenu a:link, div#templateMenu a:visited, div#templateUserBoxes a:link, div#templateUserBoxes a:visited, div#templateFooter a:link, div#templateFooter a:visited {color: #FFFFFF;}
div#templateMenu a:hover, div#templateMenu a:active, div#templateMenu a:focus, div#templateUserBoxes a:hover, div#templateUserBoxes a:active, div#templateUserBoxes a:focus, div#templateFooter a:hover, div#templateFooter a:active, div#templateFooter a:focus {color: #FFFFFF;}

div#templateSearch input {width: 130px;}
div#templateSearch input.button {width: 50px;}

div#userInfo {float: left; width: 290px; margin-right: 10px;}
div#cartInfo {float: left; width: 200px;}

img#homeMainImage {display: block;}


span.important, p.important {border: 1px solid #FFFFFF; background-color: #800000; color: #FFFFFF;}
span.important {padding: 2px 3px;}
p.important {padding: 3px;}
span.important a, p.important a {color: #FFEC00;}


h1#logo {height: 105px; margin: 0; background: url("/images/template/logo.gif") no-repeat top left; text-indent: -1000em; overflow: hidden;}
h1#logo a {display: block; width: 170px; height: 105px;}

h1, h2, h3 {color: #FFFFFF;}
h1 {margin-top: 3px;}

hr {background-color: #3C3C3C; color: #3C3C3C;}


thead {background-color: #3C3C3C; color: #FFFFFF;}
thead th a:link, thead th a:visited {color: #FFFFFF;}
thead th a:hover, thead th a:active, thead th a:focus {color: #FFFFFF;}

th, tr.search td, tr.totals td, tr.total td, td.divider {border-color: #3C3C3C;}
tr.totals td, tr.total td, td.endUserCategoryName, td.endUserProductName {border-color: #3C3C3C;}

td.endUserCategoryName {background-color: #202020;}
td.endUserProductName {background-color: #101010;}


legend, button, input.button {background-color: #3C3C3C; color: #FFFFFF;}
input.checkOut, button.checkOut {background-color: #800000;}
label.requiredField {color: #800000;}
