/* Begin CSS for Style of Headers/Footers */

body {
  padding: 0px;
  margin: 0px;
  background: #f1f2f2;
  font: 12px Arial;
  color: #494949;
  }

img {
  border: 0;
  }
  
a {
  color: #ff8f00;
  text-decoration: none;
  font-weight: normal;
  }

#top {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  text-align: center;
  font-weight: bold;
  }
  
#header_wrapper {
  margin:0px auto;
  width: 850px;
  border: 1px solid white;
  height: 120px;
  background: url('../img/header_bar_bg.jpg') repeat-x;
  text-align: center;
  padding: 0px;
  color: white;
  max-height: 120px;
}

#header {
  width: 800px;
  margin: 0 auto;
  text-align: left;
  }
  
#logo {
  float: left;
  max-width: 150px;
  max-height: 115px;
  }

#logo p {
  margin-top: -7px;
  font-weight: bold;
  color: white;
  }
  
#maillist {
  float: left;
  margin: 10 20 0 20;
  width: 480px;
  height: 100px;
  background: url('../img/maillist_bg.png');
  font-size: 11px;
  text-align: center;
  }
  
#maillist h1 {
  display: block;
  text-align: center;
  font-size: 13px;
  margin: 4px 0px 0px 0px;
  }

#maillist p {
  margin: 0px 10px 4px 10px;
  text-align: left;
  }
  
#cart {
  float: left;
  width: 80px;
  margin: 85 0 0 0;
  }

#gradient {
  margin-top: 0px;
  width: 100%;
  min-height: 500px;
  background: url('../img/mid_page_bg.jpg') repeat-x;
  text-align: center;
  padding: 0px;
  }
  
#main {
  padding: 0px;
  margin: 0 auto;
  width: 850px;
  background: #ffffff;
  display: table;
  }
    
#col_01 {
  width: 180px;
  margin: 0px;
  text-align: left;
  float: left;
  }
  
#col_01 a {
  color: #494949;
  }
  
#col_01 a:hover {
  color: #ff8f00;
  }

#col_01 h1 {
  font-size: 11px;
  margin: 0 0 4 0;
  }
  
#col_01 h2 {
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 4 10;
  }

#col_01 td {
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  }
  
#col_01 table {
  padding: 0;
  border: 0;
  margin: 0px 0px 0px 10px;
  }

#col_02 {
  width: 493px;
  vertical-align: top;
  padding: 0px;
  float: left;
  }    

#col_03 {
  width: 170px;
  text-align: left;
  font-size: 11px;
  padding: 0px;
  float: left;
  }
  
#col_03 h1 {
  font-size: 13px;
  text-align: center;
  color: #ff8f00;
  font-weight: bold;
  margin: 0px 0px 0px 0px; 
  }

#col_03 p {
  margin: 2px 0px 8px 0px;
  }

#footer {
  width: 850px;
  margin: 0 auto;
  font-size: 11px;
  background: #ffffff;
  display: table;
  }
  
#columns_wrapper {
  width: 550px;
  margin: 0 auto;
  }
  
#footer_column {
  width: 160px;
  float: left;
  text-align: left;
  margin: 10px;
  font-size: 10px;
  }
  
#footer_column a {
  font-size: 11px;
  display: block;
  color: #494949;
  font-weight: normal;
  }
  
#footer_column a:hover {
  font-size: 11px;
  display: block;
  color: #ff8f00;
  font-weight: normal;
  }

#sub_footer {
  display: block;
  text-align: center;
  width: 100%;
  padding: 10px;
  }

#sub_footer span {
  display: block;
  margin: 0 0 0 0;
  clear: both;
  }
  
div.col_01_wraps {
  width: 150px;
  margin: 0 0 15px 15px;
  background: #fafafa;
  padding: 8px;
}  

div.col_02_wraps {
  width: 450px;
  margin: 0 15 0 15;
  padding: 0px;
  text-align: left;
} 
  
div.col_03_wraps {
  width: 140px;
  margin: 0 12px 15px 0px;
  background: #fafafa;
  padding: 15px;
  float: right;
}  
  
/* Begin CSS for Landing Page */
  
table.index {
  border: 1px;
  width: 100%;
  margin-top: 10px;
  }
  
td.index {
  border: 0px;
  width: 33%;
  text-align: center;
  vertical-align: top;
  font-size: 11px;
  }

img.index_img {
  margin: 5px auto;
  }  

/* Begin CSS for Product & Content Pages */  
#col_02 h2 {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #ff7c00;
  }
  
h1.page_title {
  font-size: 20px;
  font-weight: bold;
  color: #ff7c00;
  text-align: left;
  }

h6.content {
  font-size: 16px;
  font-weight: bold;
  font-color: #494949;
  text-align: left;
  display: block;
  margin: 0px;
  }  
  
div.prod_info_wrapper {
  display: table;
  width: 100%;
  }

div.prod_pics {
  float: left;
  width: 200px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  }
  
p.prod_pics {
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 100%;
  }

a.prod_pic {
  border: 0px;
  }
  
img.prod_pic {
  height: 300px;
  width: 200px;
  }
  
img.prod_pic_tiny {
  height: 113px;
  width: 75px;
  }  
  
#prod_desc {
  float: left;
  width: 230px;
  margin: 0 0 0 15px;
  }

#prod_desc h1 {
  display: block;
  text-align: center;
  font-weight: normal;
  color: #ff7c00;
  font-size: 15px;
  margin-bottom: 2px;
  }
  
#prod_desc h2 {
  font-size: 12px;
  color: #494949;
  text-align: left;
  }

#prod_desc h3{
  font-size: 12px;
  color: #ff0000;
  text-align: center;
  margin: 0px;
  text-decoration: line-through;
  }
  
#prod_desc h4{
  font-size: 12px;
  color: #ff7c00;
  text-align: center;
  margin: 0px;
  }
  
#prod_desc h5{
  font-size: 12px;
  color: #494949;
  text-align: center;
  margin: 0px;
  }
  
div.prod_vid {
  display: block;
  margin: 0px;
  text-align: center;
  }

div.cust_rev {
  display: block;
  margin: 0px;
  }

/* Begin Link Legacy Code */
  

  
#link_code {
  width: 400px;
  padding: 7px;
  margin: 0 auto;
  background: #cfcfd0;
  border: 1px solid #d4d6da;
  }
  
#link_exchange {
  width: 450px;
  margin: 0 auto;
  }
  
#link_exchange span {
  margin-top: 7px;
  display: block;
  text-align: center;
  margin-left: -10px;
  }