body { margin: 0; padding: 0; background: URL("../images/backgrounds/site.jpg") repeat-x #000; font: 12px Arial; color: #fff; }
a { color: #30aaec; }
a:hover { color: #fff; }

/* Error Checking */
.eRed    { border: 1px solid red }
.eGreen  { border: 1px solid green }
.eYellow { border: 1px solid yellow }

/* Base Container */
#container { width: 858px; margin: 0 auto 0 auto; overflow: hidden; }

/* Block Elements */
#logo    { display: block; width: 858px; height: 149px; background: URL("../images/backgrounds/logo.jpg") no-repeat; }
#bluebox { display: block; width: 858px; height: 340px; background: URL("../images/backgrounds/bluebox-l.jpg") no-repeat; }
#ads     { display: block; width: 858px; height: 173px; margin: 6px 0 0 0; padding: 0; }
#content { display: block; width: 858px; margin: 6px 0 0 0; padding: 15px; background: URL("../images/backgrounds/content.gif") no-repeat; overflow: hidden; }
#footer  { display: block; padding: 6px; margin: 8px 0 8px 0; font: 11px Arial; color: #555; background: #141414; border: 1px solid #222; text-align: right; }

/* Navigation Controls */
#bluebox ul { float: left; width: 100px; list-style-type: none; margin: 0 0 0 25px; padding: 12px 0 0 0 }
#bluebox li { font: 17px "Arial Narrow", Arial; padding: 4px 0 4px 0 }
#bluebox li a { color: #fff; text-decoration: none; padding-left: 4px; }
#bluebox li a:hover { border-left: 3px solid #0e71b3; }

/* 4 Feature Products Box */
#bluebox .products { float: right; width: 584px; height: 250px; margin: 68px 0 0 0; padding: 0 30px 0 0; text-align: center; overflow: hidden; }

/* Main Page Ads Box */
#ads .fade    { width: 495px; height: 173px; float: left; margin: 0; padding: 0; }
#ads .contact { width: 357px; height: 173px; float: right; margin: 0; padding: 0; }

/* Main Page Text Box */
#content .text { float: left; width: 362px; margin: 0 20px 0 5px; font: 12px Arial; color: #bbb; }
#content .text h2 { font: 30px "Arial Narrow", Arial; color: #31abec; margin: 0 auto auto auto; }
#content .text p { line-height: 15px; }

/* Main Page Products List */
.prodList { float: left; width: 436px; margin: 0; padding: 6px; background: URL("../images/backgrounds/products.gif") no-repeat; overflow: hidden; }

/* Main Page Item Thumbs */
.itemThumb { float: left; font: 10px Tahoma; width: 128px; height: 103px; margin: 10px 8px 0 8px; padding: 0; overflow: hidden; }
.itemThumb2 { float: left; font: 10px Tahoma; width: 128px; height: 103px; margin: 10px 6px 0 6px; padding: 0; overflow: hidden; }
  .itemThumb .image, .itemThumb2 .image { margin: 0 0 2px 0 }
  .itemThumb .name, .itemThumb2 .name   { color: #fff; float: left; }
  .itemThumb .price, .itemThumb2 .price { color: #25aef7; float: right; }

/* Sub Page Formats */
/* Page Title */
.pageTitle { display: block; margin: 0 0 20px 0; padding: 3px; background: URL("../images/backgrounds/pagetitle.gif") no-repeat; }
.pageTitle h1 { font: normal 24px "Arial Narrow", Arial; color: #fff; margin: 0; padding: 0 0 0 50px }

/* Font Sizes */
.smallText  { font: 11px Arial; }
.mediumText { font: 12px Arial; }
.largeText  { font: 15px Arial; }

/* Box Formats */
.textBox    { float: left; margin: 0 20px 0 5px; overflow: hidden; font-family: Arial; color: #ddd; }
.textBox p { padding: 0; margin: 0 0 15px 0; }

/* Widths */
.miniColumn  { width: 200px; }
.largeColumn { width: 580px; }
.fullColumn  { display: block; padding-right: 10px; }

/* Lists */
.textBox ol, .textBox ul { color: #555; margin: 0; padding: 0 0 0 22px }
.textBox ol a, .textBox ul a { color: #888; }
.textBox ol a:hover, .textBox ul a:hover { color: #30aaec; }
.textBox ol li, .textBox ul li { margin: 0 0 6px 0 }

/* Colors */
.blueText { color: #30aaec; }
.form { border: 1px solid #333; background: #141414; color: #555; font: 12px Arial; }

/* Breadcrumbs */
#navMain { display: block; padding: 8px; margin: 6px 0 0 0; font: 11px Arial; color: #555; background: #141414; border: 1px solid #222; text-align: right; }
#navMain ul { list-style-type: none; display: block; margin: 0; padding: 0; }
#navMain li { display: inline; margin: 0 5px 0 5px; }
