/* All css by J.Denning, http://www.RocWorx.com */


html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 color: #600;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 background-color:#ccc;
 }

#bg_main {
 width: 100%;
 position: relative;
 background-image: url(images/main_page_bg.gif);
 background-repeat: repeat-x;
 color:#ccc;
 }

#bg_content {
 width: 100%;
 position: relative;
 background-image: url(images/content_page_bg.gif);
 background-repeat: repeat-x;
 }

#container_main {
 margin: auto;
 height: 650px;
 position: relative;
 width: 780px;
 background-image:url(images/main_bg.gif);
 background-repeat:no-repeat;
 }

#container {
 margin: auto;
 height: 650px;
 position: relative;
 width: 780px;
 background-image:url(images/content_bg.gif);
 background-repeat:no-repeat;
 }

* html #container_main #container {
  height: 100%;
  }

#header {
 height: 136px;
 width: 780px;
 }

#logo {
 height:125px;
 width:200px;
 position:absolute;
 top:0px;
 left:0px;
 }
 
#hdr_txt {
 position:absolute;
 right:0px;
 top:0px;
 }

#content {
 position:relative;
 float:left;
 width: 780px;
 min-height: 400px;
 padding:10px;
 line-height:1.5;
 }

#content_left {
 position:relative;
 float:left;
 width: 500px;
 height: 500px;
 padding:10px;
 line-height:1.5;
 }

#rightbar {
 position:relative;
 float:right;
 width: 180px;
 height:400px;
 border-left: 1px dotted #960;
 padding-left:10px;
 padding-top:20px;
 margin-left:-20px;
 color:#999;
 }

#rightbar ul {
 list-style-image:url(images/bullet.gif);
 line-height:1.25;
 vertical-align:middle;
 }

#address {
 position:relative;
 float:left;
 width:160px;
 border-top:1px dotted #960;
 margin-top:10px;
 font-size:x-small;
 padding-top:20px;
 }
 
#footer {
 float: left;
 position: relative;
 width: 99%;
 height: 30px;
 padding: 5px;
 margin:auto;
 margin-top:20px;
 color: #600;
 font-size: xx-small;
 text-align: center;
 line-height:2;
 border-top:1px dotted #630;
 }

/*end layout definitions*/


/*Menu styles*/

#menu_hdr {
 position:absolute;
 height:40px;
 width:500px;
 left: 280px;
 top:86px;
 z-index:100;
 }

#menu_hdr a {
 position:relative;
 float:left;
 display:inline block;
 height:40px;
 width:80px;
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 color: #600;
 padding-top:10px;
 }

#menu_hdr a:hover {
 background-image:url(images/menu_bg.jpg);
 background-repeat:no-repeat;
 background-position:bottom center;
 color: #c90;
 }

#menu_hdr a.current {
 background-image:url(images/menu_bg.jpg);
 background-repeat:no-repeat;
 background-position:bottom center;
 color: #c90;
 }

/*End Menu Styles*/


#slides {
 margin:0px;
 padding:0px;
 position:absolute;
 top:250px;
 left:60px;
 height:249px;
 width:300px;
 background:#666;
 border:2px solid #fff;
 }


/* Product Listing Table styles */

#products table {
 table-layout:fixed;
 padding:3px;
 margin:20px 0px 20px 0px;
 border:0px;
 clear:both;
 width:600px;
 color:#ccc;
 }

#products td {
 color:#fff;
 padding:3px;
 margin:3px;
 border:0px;
 vertical-align:top;
 background-image: url(images/table_bg.gif);
 }

#products td.img {
 height:110px;
 width:110px;
 border:1px solid #966;
 background:none;
 vertical-align:top;
 }

#products th {
 background: #966;
 height:15px;
 color:#ccc;
 text-align:left;
 vertical-align:top;
 padding:3px;
 }

#products th.price {
 width:100px;
 }

#products th.name {
 width:500px;
 }


/* For non-display of items used in the print css */

.noscreen {
 display: none;
 }


/* general site styles */

.rtimg {
 position:relative;
 float:right;
 margin-left:20px;
 }

.lftimg {
 position:relative;
 float: left;
 clear:both;
 margin-right:20px;
 margin-bottom:10px;
 }

.nowrap {
 clear: both;
 }

h1 {
 padding:5px;
 color: #ccc;
 font-size: large;
 margin-bottom:40px;
 }

#bg_content h1 {
 padding:5px;
 color: #ccc;
 font-size: large;
 margin-bottom:10px;
 margin-top:-10px;
 }

#bg_content h2 {
 background-image:url(images/h1_bullet2.gif);
 color: #600;
 border-bottom:1px solid #c93;
 }

h2 {
 width:99%;
 padding:5px;
 padding-left:30px;
 color: #c93;
 font-size: small;
 border-bottom:1px solid #600;
 background-image:url(images/h1_bullet.gif);
 background-repeat:no-repeat;
 }

h3 {
 color:#c93;
 font-size:x-small;
 margin:5px 0px 0px 0px;
 }

.spotlight {
 position:relative;
 float:left;
 clear:right;
 display:block;
 width: 29%;
 height: 100px;
 border-right: 1px dotted #600;
 border-bottom: 1px dotted #600;
 margin:5px;
 margin-top:10px;
 padding:10px;
 color:#600;
 font-size:x-small;
 }

.spotlight h3 {
 color:#960;
 font-size:x-small;
 margin:5px 0px 0px 0px;
 }

.spotprice {
 color:#600;
 text-align:right;
 font-style:italic;
 font-weight:bold;
 }

.spotlight a {
 color:#960;
 }

.spotlight a:hover {
 color:#c93;
 }


#footer a {
 color: #600;
 text-decoration:none;
 border-bottom: 1px dotted #600;
 }

#footer a:hover {
 color:#c90;
 text-decoration:none;
 border-bottom: 1px dotted #c90;
 }

.cntr {
 text-align:center;
 }

.hilite {
 font-size: large;
 font-weight:bold;
 }

p.white {
 color:#999;
 }

p a {
 color: #c90;
 text-decoration:none;
 border-bottom: 1px dotted #c90;
 }

p a:hover {
 color:#fc0;
 text-decoration:none;
 border-bottom: 1px dotted #fc0;
 }