body { background-color: #000000; font-family: Arial, Helvetica; margin: 0; padding: 0; }
a:link { color: inherit; text-decoration: none; }

a:visited { color: inherit ; text-decoration: none; }

a.black:hover { color: #000000; }
a.white:hover { color: #ffffff; }
a.gray:hover { color: #666666; }
.maincontainer { background-color: #663300; width: 900px; height: 610px;}
.headcontainer { background-color: #666666; background-image: url(images/use_header.gif); position: absolute; top: 5px; left: 30px; width: 840px; height: 69px; }
.navbar { background-color: #666666; vertical-align: middle; position: absolute; top: 74px; left: 30px; width: 840px; height: 26px; }
.leftbar { background-color: #cccccc; position: absolute; top: 100px; left: 30px; width: 150px; height: 505px; }

.middlebar { background-color: #000000; position: relative; top: 100px; left: 180px; width: 200px; height: 505px; overflow: hidden;  }

#slideshow {
    position:relative;
    height:505px;
    top: 100px; left: 180px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 505px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 505px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


.mainwindow { background-color: #ffffff; position: absolute; top: 100px; left: 380px; width: 490px; height: 505px; }
.shopwindowname { background-color: #ffffff; position: absolute; top: 100px; left: 180px; width: 690px; height: 100px; }
.prodpic { float: right; padding-left: 10px; border-width: 1px; }
.shopwindowdesc { background-color: #ffffff; position: absolute; top: 200px; left: 180px; width: 690px; height: 210px; }
.leftcol { background-color: #ffffff; position: absolute; top: 100px; left: 380px; width: 150px; height: 505px; }
.rightcol { background-color: #ffffff; position: absolute; top: 100px; left: 693px; width: 177px; height: 505px; }
.middlecol { background-color: #ffffff; position: absolute; top: 100px; left: 530px; width: 163px; height: 505px; }
.artleftcol { background-color: #ffffff; position: absolute; top: 100px; left: 380px; width: 130px; height: 505px; }
.artmiddlecol { background-color: #ffffff; position: absolute; top: 100px; left: 510px; width: 335px; height: 505px; }
.artrightcol { background-color: #ffffff; position: absolute; top: 100px; left: 845px; width: 25px; height: 505px; }
.nav { color: white; font-size: 12px; font-weight: bold; text-decoration: none; text-align: left; word-spacing: 25px; vertical-align: middle; position: absolute; left: 10px; margin: 0; }
.skiptext { color: white; font-size: 14px; font-weight: bold; line-height: 14px; background-color: black; text-align: center; margin: 0; }
.leftnav { color: black; font-size: 12px; font-weight: bold; line-height: 25px; text-align: right; vertical-align: top; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.phone { color: inherit; font-size: 12px; font-weight: bold; text-align: center;}
.maintext { font-size: 11px; text-align: left; margin: 0; padding-top: 20px; padding-right: 60px; padding-left: 60px; }
.whscrolltext { color: white; font-size: 12px; font-weight: bold; line-height: 26px; text-align: center; }
.maintextsmtop { font-size: 11px; text-align: left; margin: 0; padding-top: 10px; padding-right: 60px; padding-left: 60px; }
.underh { font-size: 11px; text-align: left; margin: 0; padding-top: 0; padding-right: 60px; padding-left: 60px; }

.underh2 { font-size: 14px; text-align: center; margin: 0; padding-top: 0; padding-right: 60px; padding-left: 60px; }

a.link { color: red; }


.italicline { font-size: 11px; font-style: italic; text-align: center; margin: 0; padding-top: 0; padding-right: 60px; padding-left: 60px; }
.viewcart { font-size: 11px; text-align: right; margin: 0; padding-top: 0; padding-right: 60px; padding-left: 60px; }
.maintextfirst { font-size: 11px; text-align: left; margin: 0; padding-top: 40px; padding-right: 60px; padding-left: 60px; }
.coltext { font-size: 11px; text-align: left; margin: 0; padding-top: 0; padding-left: 25px; }
.colartistthumb { font-size: 9px; font-style: italic; text-align: center; margin: 0; padding-top: 30px; padding-left: 25px; }
.closecopy { font-size: 9px; font-style: italic; text-align: center; margin: 0; padding-top: 20px; }
.first { font-size: 12px; font-weight: bold; text-align: left; margin: 0; padding: 40px 60px 5px; }
.sectionhead { font-size: 18px; font-weight: bold; text-align: center; margin: 0; padding: 40px 60px 5px; }
.producthead { font-size: 18px; font-weight: bold; text-align: center; margin: 0; padding: 40px 60px 0; }
.backproducts { font-size: 14px; font-weight: bold; text-align: left; margin: 0; padding: 20px 60px 5px; }
.colhead { font-size: 14px; font-weight: bold; text-align: left; margin: 0; padding-top: 20px; padding-bottom: 5px; padding-left: 25px; }
.other { font-size: 12px; font-weight: bold; text-align: center; margin: 0; padding: 20px 60px 5px; }
.undersech { font-size: 12px; font-weight: bold; text-align: left; margin: 0; padding: 0 60px 5px; }
.bighead { font-size: 20px; font-weight: bold; text-align: left; margin: 0; padding: 20px 60px 5px; }
.whitecontainer { background-color: white; position: relative; top: 74px; left: 30px; width: 840px; height: 787px; margin: 0; }
.maincontainerlong { background-color: #663300; position: relative; top: 1px; width: 900px; height: 864px; margin: 0; }
#outer { position: absolute; left: 0; width: 100%; height: 1px; overflow: visible; }
.thumbwin { font-size: 14px; background-color: white; text-align: center; width: 450px; height: 650px; }
#inner { width: 450px; margin-left: -450px; position: absolute; left: 50%; }

.image1  { background: url(images/hat1.jpg) no-repeat; float: left; display: block; width: 100px; height: 150px; margin: 20px 0 0 65px; padding-right: 10px;  }
.image2	 { background: url(images/hat3.jpg) no-repeat; float: left; display: block; width: 100px; height: 150px; padding-right: 10px; margin-top: 20px;  }	
.image3  { background: url(images/hat2.jpg) no-repeat; float: left; display: block; width: 100px; height: 150px; margin-top: 20px; }