/*
 * Screen Stylesheet
 *
 */
/* {{{ Font size guide */
/*
 * based on 12pt = 1.000em (16px, 96dpi = 12pt, 72ppi)
 *  7pt = 0.583em
 *  8pt = 0.666em
 *  9pt = 0.750em
 * 10pt = 0.833em
 * 11pt = 0.916em
 * 12pt = 1.000em
 * 13pt = 1.083em
 * 14pt = 1.167em
 * 16pt = 1.333em
 * 17pt = 1.416em
 */
/* }}} */
/* {{{ Debugging */

DEBUG.div {
  border: 1px solid #ff0000;
}

DEBUG.td {
  border: 1px solid #00ff00;
}

.fixme {
  color: #ff0000;
  font-size: 14pt;
  border: 1px solid #ff0000;
  background-color: #ffcccc;
  padding: 5px;
}
/* }}} */
/* {{{ Body */
body {
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  background-color: #000000;
  color: black;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
/* }}} */
/* {{{ Common */
.printOnly {
  display: none !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.nopadding {
  padding: 0px;
}
/* }}} */
/* {{{ a img */
a {
  text-decoration: none;
}

a:link    { color: #003399; }
a:visited { color: #003399; }
a:hover   { color: #cc6600; }
a:active  { color: #003399; }

img {
  border: none;
}
/* }}} */
/* {{{ shadowContainer */
#shadowContainer {
  background-image: url(../images/shadow.gif);
  background-repeat: repeat-y;
  width: 960px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0px;
  border-bottom: 1px solid #999999;
}
/* }}} */
/* {{{ mainContainer */
#mainContainer {
  width: 940px;
  margin: 0 10;
  padding: 0px;
}
/* }}} */
/* {{{ mainTable */
#mainTable {
  border-collapse: collapse;
  margin: 0 auto;
  width: 940px;
}

#mainTable td {
  vertical-align: top;
  padding: 0px;
}

#mainTable td.sideNavBar {
}

#mainTable td.content {
}
/* }}} */
/* {{{ sideNavBar */
#sideNavBar {
  width: 170px;
  margin: 40 0 0 40;
}
/* }}} */
/* {{{ logo */
#printedLogo {
  float: left;
  position: relative;
  top: 0;
  left: 0;
  z-index: -999;
}
/* }}} */
/* {{{ navList */
#navList {
  width: 100px;
  margin-left: 15px;
  margin-bottom: 50px;
}

#navList ul {
  margin-top: 30;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
  font-family: ariel, helvetica;
}

#navList ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 1em;
  text-align: left;
}

#navList ul li.navSubHeader {
  margin-right: 01px;
  padding: 5px;
  color: #999999;
  font-size: 0.66em;
  font-weight: bold;
  text-transform: uppercase;
}

#navList ul li a {
  display: block;
  margin-right: 1px;
  border-left: 4px solid #ffffff;
  padding: 5px;
  color: #999999;
  font-size: 0.83em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

html>body #navList ul li a {
  width: auto;
}

#navList ul li a.navSelected {
  margin-right: 0px;
  border-left: 4px solid #ff80ff;
  background-color: #ffe0ff;
  color: #666666;
}

#navList ul li a.navSub {
  margin-left: 0;
  margin-right: 1px;
  border-left: 4px solid #ffffff;
  padding: 1px 5px 1px 15px;
  color: #999999;
  font-weight: normal;
  text-transform: none;
}

#navList ul li a.navSubSelected {
  margin-left: 0;
  margin-right: 0px;
  padding: 1px 5px 1px 15px;
  border-left: 4px solid #ff80ff;
  background-color: #ffe0ff;
  color: #666666;
  text-transform: none;
}

#navList ul li a:hover {
  background-color: #666666;
  color: #ffffff;
}
/* }}} */
/* {{{ content */
#content {
  width: 740px;
  margin: 0 auto;
  padding: 0px;
}

#content h1, h2, p, ul, table {
  color: #666666;
}

#content a {
  color: #336699;
}

#content a.linkImage {
  border: 1px solid #cccccc;
}

#content h1 {
  margin: 0 -10 25 -10;
  padding: 15 10 5 0;
  border-bottom: 1px solid #cccccc;
  font-size: 1.16em;
  font-weight: normal;
  text-align: right;
  text-transform: uppercase;
}

#content h2 {
  font-size: 0.83em;
  font-weight: bold;
  margin-bottom: 5px;
}

#content h3 {
  margin: 15 -5 15 -5;
  padding: 5px;
  background-color: #666666;
  color: #ffffff;
  font-size: 0.91em;
  font-weight: bold;
}

#content p, ul, table.layoutTable {
  font-size: 0.83em;
  font-weight: normal;
}

#content .linkContainer {
  width: 230px;
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #999999;
  background-color: #ffffff;
  text-align: center;
}

#content .linkTitle {
  margin: 5 0 0 0;
  font-weight: bold;
}

#content .footer {
  font-size: 0.66em;
  border-top: 1px solid #cccccc;
  margin: 25 -10 0 -10;
  padding: 10 10 5 10;
  text-align: center;
}

#content .footerCopyright {
}

#content .footerEmail {
  padding: 5px;
}
/* }}} */
/* {{{ contentContainer contentWrapper */
#contentContainer {
  margin-top: 25px;
  margin-bottom: 50px;
}

#contentWrapper {
  margin: 41 60 50 30;
  padding: 0px;
}
/* }}} */
/* {{{ Home Page */
#homepageContentContainer {
  margin: 50 0 50 0;
  margin-top: 40px;
  margin-bottom: 40px;
  border-left: 1px solid #cccccc;
}

#homepageContentWrapper {
  text-align: center;
  margin: 40px;
  padding: 10px;
}

#homepageMainImage {
  text-align: center;
  margin-bottom: 0px;
}

#homepageSWP {
  clear: both;
  margin-top: 10px;
}

#homepagecopyright {
  font-size: 0.66em;
  color: #999999;
  margin: 10 0 0 0;
}

/* }}} */
/* {{{ layoutTable */
.layoutTable {
  border-collapse: collapse;
  border: 0;
  padding: 0px;
}

.layoutTable th, .layoutTable td {
  vertical-align: baseline !important;
}

.layoutTable th, .layoutTablePad td {
  padding: 5px !important;
}

.layoutTableGrid {
  border: 1px solid #cccccc;
}

.layoutTableGrid th, .layoutTableGrid td {
  vertical-align: baseline !important;
  border: 1px solid #cccccc;
  padding: 5px !important;
}

.layoutTableGrid th {
  background-color: #999999;
  color: #ffffff;
}
/* }}} */
/* {{{ p. sideNavBarCopyright copyright getFlash about */
p.sideNavBarCopyright {
  display: none;
  text-align: center;
  font-size: 0.58em;
  color: #999999;
  margin: 0 0 50 0;
}

p.about {
  margin-top: 90px;
}
/* }}} */
/* {{{ profilePic */
#profilePic {
  float: right;
  margin: 0 0 15 15;
}

#profilePic .profilePicBorder {
  border: 0px;
}
/* }}} */
/* {{{ thumbContainer thumbImage */
div.thumbContainer {
  border: 1px solid #999999;
  margin: 0 10 0 10;
  padding: 5px;
}

div.thumbImage {
  text-align: center;
}

img.thumbImage {
  border: 1px solid #cccccc;
  margin: 0 0 0 0;
}
/* }}} */
/* {{{ price */
.price {
  font-size: 1.00em;
  font-weight: bold;
}
/* }}} */
/* {{{ pricelist_col_size_width */
.pricelist_col_size_width {
  width: 150px;
}
/* }}} */

/*
 * Print Stylesheet
 *
 */
/* {{{ Print */
@media print {

body {
  font-family: helvetica, tahoma, verdana, arial, sans-serif;
  background-color: #ffffff;
  background-image: none;
  color: #000000;
}

.displayOnly {
  display: none !important;
}

.printOnly {
  display: inline !important;
}

#shadowContainer {
  width: 100%;
  margin: 0 auto;
  background-image: none;
  border: none;
}

#mainContainer {
  width: 100%;
  margin: 0px;
}

#mainTable {
  width: 100%;
}

#sideNavBar {
  width: 0px;
  margin: 0px;
}

#content {
  width: auto;
  margin: 0px;
}

#contentContainer {
  margin-top: 35px;
  margin-bottom: 10px;
}

#contentWrapper {
  margin: 0px;
}

#contentHomepageContainer {
  margin: 0;
  border: none;
}

#content h1 {
  padding: 55 10 5 0;
}

#content h3 {
  margin: 15 0 15 0;
}

#printedLogo {
  z-index: 1;
}

}
/* }}} */
