/* CSS Document */
body {font: 12px Arial, Verdana, Helvetica, Sans Serif; margin: 0px; padding: 0px; background-color: #000000; background-image: url(../images/flamebg.jpg);}
#container {width:760px; background-color:#330000;}
.header {background-color:#000000; width:760px;}
.toprow {position:relative;width:760px; height:185px;}
.middlerow {position:relative;width:760px; height:90px;}
.topnav {width: 760px; height: 35px; background-image:url(../images/nav_bg.gif); margin:0px; padding:0px;}
.topnav img {margin:0px; padding: 0px 1px 0px 1px;}
.body {position:relative; width:760px; background-color:#330000;}
.column1 {position:relative; float:left; width:183px;background-color:#330000;}
.column2 {position:relative; float:left; width:560px;background-color:#330000; text-align:left; margin:10px 0px 0px 10px;}
.footer {position:relative; clear:both; display:block; width:760px; background-image:url(../images/footer_bg.gif); background-color:#FF0000; height:18px; margin:0px; padding:0px;}

.scrollContainer {position: relative; left: 0px; top: 0px; width: 150px; height: 530px; clip: rect(0,150px,530px,0); overflow: auto; margin:0px; padding:0px;}
.scrollContent {position: relative; left: 0px; top: 0px; width: 125px; margin:0px; padding:0px;}
.scrollbg { width: 23px; height: 530px; background-color: #000000; position: absolute; top: 0px; left: 160px;}
.root {position: relative; height: 530px; width: 150px; top: 0px; left: -10px;  margin:0px; padding:0px;}
.thumb {position: absolute;height: 11px; width: 11px;left: 10px;margin: -14px 0px 0px 170px;}
.up, .dn { position: absolute;left: 10px;}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img { border: 0;}

td, p, li {color: #FF0000; font: 12px Arial, Verdana, Helvetica, Sans Serif;}
h1, h2, h3 { font: 14px Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; margin:0px; padding:0px;}
h1 { font-weight: bold;}
h2 { font-weight: lighter;}
h3 { font-weight: lighter; font-style: italic;}

a, a:link, a:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
}
a:link, a:active {
  color: #ffffff;
  text-decoration: none;
}

#content {
  position: relative;
  display: block;
  width: 760px;
  background-color: #330000;
}
#content:after {content:"."; display:block; line-height:1px; font-size:1px; clear:both;}
#container2 {
  position: relative;
  display: block;
  width: 760px;
  height: 250px;
  background-color: #330000;
}



.whatnew {
  margin: 15px 10px 0px 10px;
  padding: 0px 0px 10px 0px;
  text-align: left;
  border-bottom: 2px solid #650800;
  height: 100px;
}
.whatnew img {
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.button {
  background-color: #FF0000;
  border-color: #990000;
  color: #FFFFFF;
}
.checkout {
  float: right;
  width: 250px;
  padding-left: 20px;
  color: #FFFFFF;
}
.color {
  float: right;
  width: 100px;
}
.pipes {
  margin: 15px 10px 0px 10px;
  padding: 0px 0px 10px 0px;
  text-align: left;
  border-bottom: 2px solid #650800;
  height: 100px;
}
.pipes img {
  border: 2px solid #FF0000;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.customizeform {
  position:relative;
  width:480px;
  float:left;
  display:block;
  margin:0;
  padding:20px 0px 10px 20px;
}
.customizeform p {
  color:#FFFFFF;
}
.customizeform select {width: 135px; height: 20px; border: 1px solid #FF0000; margin-bottom:5px;}
.customizeform input.field {width: 200px; height: 18px; border: 1px solid #FF0000; margin-bottom:5px;}