/* CSS Document */

body {
 text-align:center; 
 margin:0; 
 padding:0; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 }

h1 {
 margin:15px 0;
}

h2 {
 margin:10px 0;
 font-size:11px;
 color:#D81818;
}

A {
 color:#E81808;
 text-decoration:none;
}

A:hover {
 color:black;
}

.clearer {
 clear:both;
 }

/* Containers for the BG */
#container {
 margin:30px auto; 
 width:775px; 
 text-align:left; 
 }

 #container2 {
  width:775px; 
  background-image:url(/images/liner.gif); 
  background-position:top left; 
  background-repeat:no-repeat;
  }

 #home #container2 {
  width:775px; 
  background-image:url(/images/liner.gif); 
  background-position:100px 0; 
  background-repeat:no-repeat;
  }

  #container3 {
   width:775px; 
   background-image:url(/images/dropshadow_tile.jpg); 
   background-repeat:repeat-y; 
   background-position:right;
   }

/* Everything else.  Basically everything is ordered in the way it appears on screen, top-to-bottom. */
#rightcolumn {
 float:right; 
 width:563px; 
 }
 
#logo {
 float:left; 
 width:190px; 
 height:133px;
 }

#topnav {
 float:left; 
 width:563px; 
 height:24px; 
 background:red;
 }
 
 #topnav ul {
  list-style:none; 
  padding:0; 
  margin:0;
  }

 #topnav li {
  float:left;
  }

 #topnav_dropdown {
  width:175px; 
  height:20px; 
  padding:2px;
  background-image:url(/images/redbg.gif); 
  background-repeat:repeat-x;
  }

  #topnav_dropdown form {
   display:inline;
   padding:0;
   margin:0;
   }

   #topnav_dropdown form select {
    margin:0;
    padding:0;
    float:right;
    width:158px;
    background:black;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:11px;
    text-transform:uppercase;
    color:white;
    }

    #topnav_dropdown form select option {
     }
#mainimage {
 float:left; 
 clear:left; 
 width:548px; 
 height:249px; 
 background:#666666;
}

#internal_mainimage {
 clear:left; 
 width:548px; 
 margin-bottom:20px;
}

#toolbox {
 float:left; 
 clear:left; 
 background:white; 
 border-left:1px solid #333333; 
 margin:15px 0 0 0;
 _display:inline;
 width:185px; 
 height:130px;
 }
 
 #toolboxbanner {
  background:#999999;
  height:18px;
  }

 #toolbox ul {
  list-style:none; 
  padding:20px 0 0 30px; 
  margin:0;
  }
 
 #toolbox li {
  border-bottom:1px solid #787878; 
  color:#787878; 
  font-weight:bold; 
  line-height:11px; 
  font-size:11px; 
  padding:6px 0 2px 0;
  }

 #toolbox a {
  color:#787878;
  text-decoration:none;
  }

  #toolbox a:hover {
   color:#000000;
   }

#middlerow {
 clear:both;
 border-left:1px solid #333333;
 padding:15px 0 15px 0;
 background:#FFFFFF;
 width:759px;
 }
 
#middlerow_leftcolumn {
 float:left; 
 clear:left; 
 width:185px; 
 }

#featureditem {
 width:185px; 
 border-left:solid 1px #333333;  
}

 .featuredbanner {
  height:18px;
  background:#121212;
  }
 
 .featuredpic {
  text-align:center; 
  padding:10px 0 0;
  }

 #featureditem p {
  font-size:11px; 
  font-style:italic; 
  line-height:18px; 
  margin:10px;
  }

.subnav ul {
 list-style:none; 
 padding:0 0 0 30px; 
 margin:20px 0;
 }
 
 .subnav li {
  color:#787878;
  font-weight:bold; 
  line-height:11px;
  font-size:11px; 
  padding:6px 0 2px 0;
  }

 .subnav a {
  color:#787878;
  text-decoration:none;
  }

  .subnav a:hover, .subnav .on {
   border-bottom:1px solid #787878; 
   color:#000000;
   }

#content {
 float:right; 
 width:548px; 
 height:auto; 
 text-align:left; 
 font-size:12px;
 }

#main {
 float:right; 
 padding:0px 15px 15px 0;
 width:548px; 
 height:auto; 
 text-align:left; 
 font-size:12px;
 }

#middlerow_rightcolumn {
 float:right; 
 width:185px; 
}

 
#featuredquote {
}

 .quotebanner {
  height:18px; 
  background:#121212;
 }

 .quote {
  border-right:solid 1px black;
 }
 .quote div {
  font-size:11px; 
  font-style:italic; 
  line-height:18px; 
  padding:10px;
 }
 
 .quote author {
   color:#787878; 
 }
 
#middlecolumn {
 background:#FFFFFF;
 width:338px;
 }

 #middlecolumn p {
  margin:0 0 10px 0; 
  color:#787878; 
  font-weight:bold; 
  line-height:18px; 
  font-size:12px;
  }
 
#footer {
 clear:both; 
 width:774px; 
 height:19px; 
 border-left:1px solid #000000;
 }
 
 #footer ul {
  list-style:none; 
  padding:0; 
  margin:0; 
  width:774px; 
  height:19px;
  }
 
 #footer li {
  float:left;
  height:19px;
  }
 
#poweredby {
 clear:both; 
 width:775px; 
 height:20px;
 }
 
 #poweredby ul {
  list-style:none; 
  padding:0; 
  margin:0; 
  width:775px; 
  height:20px;
  }

 #poweredby li {
  float:left;
  padding:0;
  margin:0;
  height:20px;
  }

.product_categories {
 width:548px;
 }

.product_list {
 padding-right:20px;
}

.product_view {
 padding-right:20px;
}

.product_list table, .product_view table  {
 width:100%;
}

.product_list table thead td, .product_view table thead td {
 font-weight:bold;
 font-size:14px;
 color:#686868;
 padding:5px 10px 5px 0;
}

.product_list table tbody  td {
 vertical-align:top; 
 padding:5px 10px 5px 0;
 border-top:solid 1px black;
 line-height:18px;
 font-size:9px;
}

.product_list table tbody td .title {
 font-style:italic;
 font-weight:bold;
}

.product_list table tbody td .description {
 font-style:italic;
}

.product_view tbody  tr td {
 border-top:solid 1px black;
 vertical-align:top;
 padding:5px;
 line-height:18px;
}

.product_option {
 padding:10px 0 5px;
 border-bottom:solid 1px black;
}

.product_option_table td {
 padding-right:20px;
}

.product_option_table thead td {
 font-size:12px;
 color:#686868;
 padding-bottom:5px;
}

.product_category_table {
 width:528px;
}

.product_category_table td {
 border-left:solid 1px black;
 padding:5px 10px;
 width:111px;
 display:block;
 height:24px;
 float:left;
}

.product_category_table td A {
 color:#686868;
}

.product_category_table td A:hover {
 color:black;
}

.title_bar {
 padding:4px 2px;
 text-align:center;
 background:black;
}

.product_features {
 margin:5px 24px 20px 0;
 float:left;
 width:160px;
 height:200px;
 border-left:solid 1px black;
}
.product_features_last {
 float:left;
 width:160px;
 height:200px;
 border-left:solid 1px black;
 margin:5px 0px 5px 0;
}

.product_features .image, .product_features_last .image {
 padding:5px 0;
 text-align:center;
}

.product_features .text, .product_features_last .text {
 font-style:italic;
 padding:5px 0 0 10px;
}
.order_form {
 padding:10px;
}
.order_form a {
 font-weight:bold;
}