/* test stuff    */
body {margin: 0px; width: 100%;}
.hdr1 {position:absolute; z-index: 2; left: 10px; width: 500px; line-height: 30 px; top: 2px; font-family: arial; font-size: 28px; font-weight: bold; color: #ffff33;}
.hdr2 {position:absolute; z-index: 2; left: 200px; width: 500px; top: 20px; font-family: arial; font-size: 50px; font-weight: bold; color: #ff0000;}

.pad {padding: 5px;}
.textsel {font-family: arial; font-size: 11px; color: #336699;background-color:#efefed;border: 1px solid #336699;}
.nav {position:absolute; z-index: 2; left: 122px; width: 500px;line-height: 20 px; top: 70px; font-family: arial; font-size: 12px;}
.navcart {position:absolute;z-index: 2; left: 326px;width: 110px;line-height: 20 px; top:1px;
color:#000000; }
/* used? */
.topbanner {position:absolute; z-index: 2; left: 164px; top: 1px; width: 500px;  line-height: 90 px;  border: 1px #cc0000;  }

a.button:link, a.button:visited {font-family: arial;font-size: 11px; color:#0000cc;  border: 1px solid #cc0000; background-color: #ffffff; text-decoration:none;}
a.button:hover {font-family: arial;font-size: 11px; color:#cc0000; background-color: #ccff66; text-decoration: none;}

/* used for top table */
.tophdr {height: 90px; width: 710px; position: absolute; z-index: 2; left: 0px; top: 0px;}
.left {position: absolute; top: 92px; left: 0px;}

/* For Nomex Hat Drawing */
.tophat {position:absolute;z-index: 2;left: 556px; top: 2px; width: 146px; height: 83px; background-color: ff6600; border: 1px solid #cc0000; display: block; padding: 1px;}

a.topr:link, a.topr:visited {font-family: arial;font-size: 14px; width: 148px; color:#ffffff;  background-color: #ff6600; text-decoration:none; display: block; height: 83px;}
a.topr:hover {font-family: arial;font-size: 14px; width: 148px; color:#cc0000; background-color: #ccff00; text-decoration: none; display: block; height: 83px;}

.blocko {display: block; border: 1px solid #cc0000; background-color: #ccff66; text-align: center;}

a.block:link, a.block:visited {font-family: arial; font-size: 12px; color:#0000ff;  border: 1px solid #cc0000; background-color: #ffffff; text-align: center; display: block;margin-bottom:1px;}
a.block:hover {font-family: arial;font-size: 12px; color: #cc0000; background-color: #ccff00; text-decoration: none; background-color: #ccff66; text-align: center; display: block;}

/* CSS for product selection, controlling position of the div elements */
/* starting position of thumbnails below banner. top: 95px means down from top */
#thumbnails {position:absolute;top:90px;left:10px;z-index: 0; font-family:arial; font-size:11px;}
/* nomexshop stuff */
.thumb {height: 90px; width: 84px; float: center; text-align: left;padding-left: 0px; padding-right: 0px;}
.thumbpix {height: 68px; width: 80px; float: center;}
.thumbpixw {height: 106px; width: 200px;} 

/* copy block position - assumes 200px large picture */
.layerone {position:absolute;z-index: 2;left: 20px;width: 300px;top:200px;visibility: hidden;background: transparent;font-family: arial;font-size: 12px;color:#000000;}
/* positioning for large pictures shown on right */
.layertwo {position:absolute;z-index: 2;left: 316px;width: 230px;top: 210px;visibility: hidden;background: transparent;font-family: arial; font-size: 12px; color: #000000;}
#title {position:absolute;z-index: 2;left: 23px;width:140px;top: 25px;visibility: visible;background: transparent;}
img {border: 1px solid #ffffff}

.banner {font-family: arial; font-size: 14px; line-height: 18px; color: #ccff33; font-weight: bold; background: #cc0000; display: block; text-align: center;}
.righttext {font-family: arial; font-size: 11px; color: #000066; display: block;margin-left: 5px;}

/* old css below */
A:link, A:visited { font-family:arial,helvetica; font-size:11px; color: #0000ff; text-decoration: none; padding-left:4px; padding-right:4px;}
A:hover { font-family:arial,helvetica; font-size:11px; color: #cc0000; text-decoration: underline; padding-left:4px; padding-right:4px;}

.sel { font-family: Arial; font-size: 11px; color: #cc0000; background-color: #ffffff; border: 1px solid #cc0000; padding-left: 4px; padding-right: 4px; }
a.sel:link{ font-family:arial,helvetica; font-size:11px; color: #0000ff; border: 1px solid #cc0000; text-decoration: none; padding-left:4px; padding-right:4px;}
a.sel:hover { font-family:arial,helvetica; font-size:11px; color: #cc0000; border: 1px solid #cc0000; background-color: #ccff00; text-decoration: none; padding-left:4px; padding-right:4px;}

.topa {border: 1px solid #cc0000; background-color: #ff6600;}
a.topa:link, a.topa:visited {color:#0000cc;  text-decoration:none; border: 1px solid #cc0000; background-color: #ccff66;}
a.topa:hover {color:#cc0000; background-color: #ffffff; text-decoration: none; border: 1px solid #ff6600;}

.topb {background-color: #ff6600;font-family: arial;font-size: 14px;padding: 1px 3px;}
a.topb:link, a.topb:visited {font-family: arial;font-size: 13px;width: 144px; color:#ffffff; text-decoration:none; background-color: #ff6600;padding:1px 3px}
a.topb:hover {width: 144px; color:#000000; background-color: #ccff66; text-decoration: none;padding:1px 3px}

.righttable {position:absolute;z-index: 2;left: 556px; width: 152px;height: 500px; top:88px; font-family: arial; font-size: 12px; color:#000000; background-color: #fffff4; border: 1px solid #cc0000; text-align: top;}

.righttable-huh {position:absolute;z-index: 2;left: 550px;top: 2px; width: 144px;height: 82px; background-color: ff6600; border: 1px solid #cc0000; display: block; padding: 3px;}


.hat {font-family: arial;font-size: 13px; font-weight: bold; color:#ccff66;  background-color: #ff6600;text-decoration:none;margin: 2px; padding:3px 6px; border: 1px solid #cc0000;}
a.hat:link, a.hat:visited{font-family: arial;font-size: 13px; color:#ffffff;  background-color: #ff6600;margin: 2px;text-decoration:none;padding:3px 6px; border: 1px solid #cc0000;}
a.hat:hover {font-family: arial;font-size: 13px; color:#000000;  background-color: #ccff66; margin: 2px;text-decoration: none;padding:3px 6px; border: 1px solid #cc0000;}
.hatbox {border: 1px solid #2f2f37; text-decoration: none; padding: 3px;margin: 16px;}

.comp {border: 1px solid #2f2f37; padding: 0px; margin: 0px;float: center; text-align: center;}
.comphead { font-family: Arial; font-size: 14px;  font-weight: bold; color:#ffffff; background-color: #2f2f37; padding-left: 4px;}
.compl {font-family: Arial; font-size: 11px; color: #000000; background-color: #f7f7ef; border:1px solid #cccccc; padding-left: 4px; }
.compr {font-family: Arial; font-size: 11px; color: #000000; background-color: #ffffff ; border:1px solid #cccccc; padding-left: 4px;}

.bb{font-family: Arial; font-size: 12px; color: #000000}
.blue{font-family: Arial; font-size: 12px; color: #0000dd}
.bbb {font-family: Arial; font-size: 11px; color: #000000; background-color: #f7f7ef; border:1px solid #cccccc; padding-left: 4px; }
.bbl {font-family: Arial; font-size: 11px; color: #000000; background-color: #ffffff ; border:1px solid #cccccc;text-align: left;padding-left: 4px;}
.headgr {font-family: Arial; font-size: 14px; color: #ffffff;  background-color: #003333; width:100%; font-weight:bold}
.hd1{font-family: Arial; font-size: 14px; font-weight: bold; color: #ff3300}
.hdred{font-family: Arial; font-size: 18px; font-weight: bold; color: #ff3300; text-align: center; }
.hdred15{font-family: Arial; font-size: 15px; font-weight: bold; color: #ff3300;}
.heading { font-family: Arial; font-size: 14px;  font-weight: bold; color:#ffffff; background-color: #2f2f37; padding-left: 3px;}
.box {border: 1px solid #2f2f37; text-decoration: none; padding: 1px;margin: 1px;}
.boxbb {font-family: Arial; font-size: 13px; color: #000000; background-color: #f7f7ef;  border: 1px solid #2f2f37; width: 100%; text-decoration: none; padding: 5px;}
.boxbb2 {font-family: Arial; font-size: 13px; color: #000000; background-color: #f7f7ef;  border: 1px solid #cccccc; width: 100%; text-decoration: none; padding: 0px;margin: 0px;}
.boxcomprt {font-family: Arial; font-size: 13px; color: #000000; background-color: #ffffff; border: 1px solid #2f2f37; text-decoration: none;padding: 0px; margin: 0px; }
.boxhead { background-color: #f7f7ef; border:1px solid #2f2f37; width: 100%; text-decoration: none;}
.boxheadlt { background-color: #fff7ef; border: 1px solid #2f2f37; text-decoration: none;}
.boxslime {display: block; font-family: Arial; font-size: 12px; color: #000000; background-color: #ccff00; border: 1px solid #336699; width:120px; text-align: center; padding: 2px; margin-top: 4px;margin-left: 7px;}
.contact {position:absolute;z-index: 2; left: 496px;width: 215px;line-height: 20 px; top:90px; color:#ffffff; border: 1px solid #cc0000; font-family: arial; font-size: 14px; font-weight: bold; background-color: #000000;}
.nav {position:absolute; z-index: 2; left: 130px; width: 500px;line-height: 20 px; top: 68px; font-family: arial; font-size: 12px; padding-bottom: 2px;}
.navcart {position:absolute;z-index: 2; left: 298px;width: 110px;line-height: 20 px; top:1px; color:#000000;}
.text11b {font-family: arial; font-size: 11px; color: #000066;}
.text11blu {font-family: arial; font-size: 11px; color: #3300ff; border: 1px dotted: #cccccc}
.text11red {font-family: arial; font-size: 11px; color: #cc0000; text-decoration: underline;}
.text11btn {font-family: arial; font-size: 11px; color: #000066; border: 1px solid #cc0000;}
.text12blk {font-family: arial; font-size: 12px; color: #000000}
.text12redb {font-family: arial; font-size: 12px; color: #cc0000; font-weight: bold;}
.text12blu {font-family: arial; font-size: 12px; color: #0000cc; font-weight: bold;}
.textsel {font-family: arial; font-size: 11px; color: #336699;background-color:#efefed;border: 1px solid #336699;}
.tophdr {height: 90px; width: 710px; position:absolute; z-index: 2; left: 0px; top: 0px;}