/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
/* ======================================================*/
/* Standard settings for StudioRacks website */

body {
  background-color: #000000;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  color:    #F2AA46;
  padding: 5px 0px 5px 0px;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  color:    #F2AA46;
  padding: 5px 0px 5px 0px;
  text-align: center;
}


p, a
   {font-size: 12px;
   color: #ffffff;
   padding: 0px 0px 5px 0px;
}

/* Page Elements */
#wrapper {
  position: relative;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  float: center;
}


/* BANNER */

#banner {
	background: url(images/default_sr_01.jpg)  no-repeat center top;
}

#main {
  clear: both;
  position: relative;
}

#contentWrapper {
  margin-left: 15px;
  height: 470px;
  width: 700px;
}

#content {
  position: absolute;
  top: 0px;
  left: 30px;
  margin-top: 25px;
  margin-left: 5px;
  padding: 0px 5px 5px 20px;
  height: 445px;
  width: 700px;
  background: transparent url(images/background.jpg) no-repeat center top;
  overflow: auto;
}

#content a {
   color:    #F2AA46;
}

#content .highlight p {
   font-size: 14px;
   color:    #F2AA46;
   text-decoration: bold;
}

#content .highlight h3 {
   font-size: 15px;
   color:    #F2AA46;
   text-decoration: bold;
}

#content .rightBox {
   float: right;
   padding: 8px 0px 8px 8px;
   margin-right: 40px;
   min-width: 150px;
   min-height: 150px;
   color: #ffffff;
}

#content .linkListLeft {
   float: left;
   width: 330px;
   min-height: 240px;
   margin: 10px 10px 10px 10px;
   text-align: left;
   font-size: 11px;
}

#content .linkListRight {
   float: right;
   width: 330px;
   min-height: 240px;
   margin: 10px 10px 10px 10px;
   text-align: left;
   font-size: 11px;
}

#prodContent {
  position: relative;
  top: 0px;
  left: 105px;
  margin-top: 0px;
  margin-left: 2px;
  padding: 0px 5px 5px 5px;
  height: 440px;
  width: 588px;
  background: transparent url(images/background.jpg) no-repeat center top;
  overflow: auto;
}

#prodContent a {
   color:    #F2AA46;
}

#prodContent .highlight p {
   font-size: 14px;
   color:    #F2AA46;
   text-decoration: bold;
}

#prodContent .highlight h3 {
   font-size: 15px;
   color:    #F2AA46;
   text-decoration: bold;
}

#imageTab {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 11px;
  color: #F2AA46;
   text-decoration: bold;
   text-align: center;
}

#prodContent .rightBox {
   float: right;
   padding: 8px 0px 8px 8px;
   margin-right: 40px;
   min-width: 150px;
   min-height: 150px;
   color: #ffffff;
}

#prodContent .linkListLeft {
   float: left;
   width: 330px;
   min-height: 240px;
   margin: 10px 10px 10px 10px;
   text-align: left;
   font-size: 11px;
}

#prodContent .linkListRight {
   float: right;
   width: 330px;
   min-height: 240px;
   margin: 10px 10px 10px 10px;
   text-align: left;
   font-size: 11px;
}

#sideMenu {
 position: fixed;
 width: 120px;
 float: left;
 padding: 0;
 margin: 0 0 0 -15px;
 padding-top:10px;
 height: 440px;
 background: transparent url(images/sideMenu.jpg) fixed repeat center top;
}

#sideMenu li {
  margin-bottom: 10px;
  list-style-type: none;
}
#sideMenu p {
  margin-top: 100px;
  margin-left: 50px;
  list-style-type: none;
}

#instructions {
   text-align: center;
   width: 95%;
   margin: 4px;
}

#flashcontent {
        position: absolute;
        top: -14px;
        left: 121px;
        margin: 10px 0 0 0;
        padding: 10px 10px 10px 5px;
        width: 550px;
        height: 325px;
	}

#sidebar_l {
  position: absolute;
  left: 0;
  top: 33px;
  width: 5%
}

#sidebar_r {
  position: absolute;
  right: 0px;
  top: 33px;
}

#singleImage {
        position: absolute;
        float: center;
        top: 0px;
        left: 121px;
        margin: 10px;
        padding: 10px;
        width: 520px;
        height: 420px;
        overflow: auto;
        background: transparent url(images/bkc_viewer.jpg) fixed no-repeat center top;
	}

.menuLinks {
  visibility: hidden;
}
/* Tabbed Navigation*/

.nav{
  float: left;
  text-align: left;
}

ul.nav {
  width: 100%;
  list-style:none;
}

ul.nav li  {
      display:inline;
}

ul.nav a {
      float:left;
      text-decoration: none;
}


ul.nav a span {float:none;
      }

/* IE 6 hack to make entire button clickable */
* html #nav a { width: 1px; }

/* Tables for Image Display on gallery, desks, large racks pages*/
.imgTable {
   clear: both;
   width: 571px;
}

.imgTable td {
  border: 1px solid #ffffff;
  text-align: center;
}

.binTable td[scope] {
  text-align: center;
}

.imgTable col.img_desc {
    background-color: #000000;
    border: solid 1px solid #ffffff;
    width:200px;
    font-weight: bold;
    text-align: left;
}

.imgTable col.img_lrg {
    background-color: #000000;
    border: solid 1px solid #ffffff;
    width:355px;
    font-weight: bold;
    text-align: center;
}

.imgTable col.img_sml {
    background-color: #000000;
    border: solid 1px solid #ffffff;
    width:275px;
    font-weight: bold;
    text-align: center;
}

/* Tables for Image Display on gallery, desks, large racks pages*/
.clrTable {
   clear: both;
   width: 571px;
}

.clrTable td {
  border: 1px solid #ffffff;
  text-align: left;
  font-size: 11px;
}

.clrTable td p  {
  font-size: 11px;
}

.clrTable td h2  {
  font-size: 12px;
  color:  #F2AA46;
}

.clrTable col.img_desc {
    background-color: #000000;
    border: solid 1px solid #ffffff;
    width:200px;
    font-weight: bold;
    text-align: left;
}

.clrTable col.img_lrg {
    background-color: #000000;
    border: solid 1px solid #ffffff;
    width:355px;
    font-weight: bold;
    text-align: center;
}

.clrTable col.img_sml {
    background-color: #000000;
    border: solid 1px solid #ffffff;
    width:275px;
    font-weight: bold;
    text-align: center;
}