html {
  padding:          none;
  margin:           none;
  border:           none;
}
body {
  background-color: #000000;
  font-family:      Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:      100;
  font-size:        12px;
  color:            gainsboro;
}
img {
  border:           none;
  border-style:     none;
  float:            left;
}
h1 {
  font-size:        24px;
  font-weight:      100;
  text-transform:   lowercase;
  color:            white;
}
h2 {
  font-size:        18px;
  font-weight:      100;
  text-transform:   lowercase;
  color:            white;
}
h6 {
  font-size:        12px;
  font-weight:      100;
}
.greencontent{
  color:            green;
}
.amazonproduct{
  float:            left;
  margin:           4px;
}
.bold{
  font-weight:      bold;
}
.middle {
  float:none;
  text-align: center;
}
div.main-box {
  position:         relative;
  width:            800px;
  margin:           0 auto;
  overflow:         hidden;
  background:       #000000;
}
div.header-box {
  clear:            both;
  background:       #008000;
}
div.nav-box {
  clear:            both;
  height:           30px;
  background:       #000000;
  font-size:        12px;
  text-align:       center;
  text-transform:   uppercase;
  border-top:       10px solid #003C00;
  border-bottom:    10px solid black;
}
div.nav-box ul
{
  margin:           0px;
  padding:          0px;
  color:            gainsboro;
  line-height:      30px;
  white-space:      nowrap;
}
div.nav-box li
{
  list-style-type:  none;
  display:          inline;
}
div.nav-box li a{
  color:            gainsboro;
  padding:          8px 10px;
  text-decoration:  none;
}
div.nav-box li a:hover{
  color:            gainsboro;
  background:       #003C00;
}
div.footer-box {
  overflow:         auto;
  background:       url(./mbc_footer_bg.jpg);
  clear:            both;
  color:            gainsboro;
  font-size:        10px;
  text-transform:   lowercase;
  float:            left;
}
div.green-box {
  overflow:         auto;
  clear:            both;
  float:            right;
  margin:           10px;
}
div.footerleft-box {
  width:            360px;
  height:           30px;
  float:            left;
  margin:           10px 20px;
  text-align:       left;
}
div.footerright-box {
  width:            360px;
  height:           30px;
  float:            right;
  margin:           10px 20px;
  text-align:       right;
}
div.footer-box a{
  color:            gainsboro;
}
div.center-box {
  position:         relative;
  width:            100%;
  left:             150px;
  background:       #000000;
}
div.reset-box {
  position:         relative;
  width:            100%;
  left:             100%;
  margin-left:      -150px;
}
div.right-box {
  position:         relative;
  width:            100%;
  margin-left:      -150px;
  background:       #000000;
  left:             -2px;
}
div.content-box {
  position:         relative;
  width:            100%;
  margin-left:      -100%;
  left:             150px;
}
div.left {
  float:            left;
  width:            130px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px;
  text-align:       center;
}
div.right {
  float:            right;
  width:            130px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px;
  text-align:       center;
}
div.center {
  margin-left:      150px;
  margin-right:     150px;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px;
}
* html div.center {
  height:           1%;
  margin:           0;
}
* html div.left {
  margin-right:     -3px;
}
* html div.right {
  margin-left:      -3px;
}
.clearfix:after {
  content:          "."; 
  vdisplay:         block;
  height:           0px;
  clear:            both; 
  visibility:       hidden;
}
.heightfix:before {
  content:          '.';
  display:          block;
  visibility:       hidden;
  height:           0;
}

