/*
 *	sts green:		#9a9a2d
 *	sts blue:		#0075a4
 *	sts orange:		#f6660d
 *	sts lt orange:	#fa9400
 *
 *	old blue:		#09c
 */
 
 body {
  margin: 0; padding: 0;
  font: 12px arial, sans-serif;
  color: #000; background: #353535 url(images/sts_bg2.gif) center top no-repeat; 
}

p { margin: 12px 0; padding: 0; }

h1 {
  font-size: 120%;
  color: #333;
  margin: 0 0 1em 0; padding: 0;
}

table { color: #444; background-color: #fff; }
table th { color: #fff; background-color: #8f8f8f; }
table tr { background-color: #ccc; }
table tr.hi { background-color: #eee; }

table.res { background: none; color: #333; font-size: 80%; }
table.res.sm { font-size: 10px; }
table.res input { margin-bottom: 2px }

table.con { background-color: #fff; color: #333; }
table.con tr { background-color: #eee; }

table.none { background: none; color: #000; border: none; }
table.none tr { background: none; color: #000; border: none; }
		
#wrapper {
  margin: 0 auto; padding: 0; width: 960px; position: relative;
  background: #fff url(images/bandv2.gif) left top repeat-x;
}
	
#hdr {
  height: 145px;
  margin: 0; padding: 0;
  background-color: #555; position: relative;
}

#hdr img.logo { position: absolute; top: 0px; left: 0px;   margin: 0; padding: 0; }
#hdr img      { position: absolute; top: 0px; left: 201px; margin: 0; padding: 0; }

#search { width: 960px; height: 30px; margin: 0; padding: 0; }
#sbox { float: right; padding: 3px 8px; font-size: 10px; }
#searchbox { background-color: #fa9400; color: #fff; padding: 5px 10px 10px 10px; border-bottom: 1px solid #555; }

#tag {
  position: relative;
  top: 95px; left: 45px;
  margin: 0; padding: 0;
  font: bold 125% arial, sans-serif;
}
		
#side {
  float: right; clear: both; width: 200px; padding: 10px; margin-right: 20px; /* was 150, no margin right */
  font-size: 78%; line-height: 1.5em; color: #002eb7; background-color: #fff;
}

#nav {
  width: 960px; height: 20px; margin: 0; padding: 0;
  background-color: #8f8f8f;
  text-align: left; font-size: 110%; font-weight: bold;
}

#matrix { margin: 0 auto; width: 98%; }

.thumb {
  float: left;
  width: 165px; height: 195px;
  text-align: center; font-size: 10px; line-height: 10px;
  margin: 0 0 25px 0;
}

.cat {
  float: left;
  width: 190px; height: 125px;
  text-align: left; 
  margin: 20px 20px 20px 0;
}
.cat div { float: left;  width: 85px; height: 80px; margin-top: 5px; }
.cat p { float: right; width: 85px; height: 80px; margin-top: 15px; margin-right: 5px; text-align: left; color: #666; font-size: 80%; }

#pcon {
  height: 300px; text-align: center;
  margin: 0 auto; padding: 5px;
  border: 1px solid #ccc;
  background: transparent url(images/logotr.gif) bottom center no-repeat;
}

#pdet { margin: 0 auto; padding: 5px; }

#leftcontent {
  font-size: 110%;
  margin-right: 235px; /* was 165, padding 30 was 15, margin-right was 215 */
  padding: 15px 30px 5px 30px; background-color: #fff;
  text-align: left; 
}

#widecontent {
  font-size: 110%;
  padding: 15px 30px 5px 30px; background-color: #fff;
  text-align: left; 
}

#land {
  margin: 0 auto; padding: 0; width: 960px; position: relative;
  background-color: transparent;
  border: 1px solid #900;
}

#ftr {
  clear: both;
  margin-top: 25px;
  background-color: #fff;
  text-align: center; line-height: 12px;
  font: 10px verdana, sans-serif;
}

#ftrhome {
  clear: both;
  border-top: 1px solid #000; padding-top: 3px;
  background-color: #fff;
  text-align: center; line-height: 12px;
  font: 10px verdana, sans-serif;
}

.bc {
  width: 202px; /* was 152 */
  margin-top: 15px; padding-top: 4px;
  background: #fff url(/images/topw.gif) top center no-repeat;
}

.box {
  width: 200px; /* was 150 */
  background-color: #fff;
  border: 1px solid #555; margin: 0; padding: 0;
}

.box h1 { 
  color: #fff;
  font-size: 100%; font-weight: normal;
  text-transform: uppercase; letter-spacing: .4em;
  text-align: center;
  background-color: #555;
  margin: 0; padding-bottom: 6px;
}

.box h2 { 
  color: #333; border-bottom: 1px solid #333;
  font-size: 100%; font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-color: #fff;
  margin: 15px 18px 0 22px; padding-bottom: 1px;
}

.box h3 { 
  color: #fff;
  font-size: 100%; font-weight: normal;
  text-align: center;
  background-color: #555;
  margin: 0; padding: 4px 0 0 0;
}

#quick {
  margin: 0; padding: 0;
  background-color: #fff;
  text-align: left; font-size: 100%;
  font-family: verdana, sans-serif;
}

#quick ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #fff; }
#quick ul li { margin: 0; padding: 0;  }
#quick ul li a {
  display: block;
  height: 16px;
  margin: 0px; padding: 0 0 0 3px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #555;
}
#quick a:link.active, #quick a:visited.active { background-color: #fff; }
#quick a:hover.active, #quick a:hover { color: #fff; background-color: #555; }

#cat1 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat1.gif); }
#cat1 a:hover { background-position: 0 -116px; }
#cat2 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat2.gif); }
#cat2 a:hover { background-position: 0 -116px; }
#cat3 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat3.gif); }
#cat3 a:hover { background-position: 0 -116px; }
#cat4 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat4.gif); }
#cat4 a:hover { background-position: 0 -116px; }
#cat5 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat5.gif); }
#cat5 a:hover { background-position: 0 -116px; }
#cat6 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat6.gif); }
#cat6 a:hover { background-position: 0 -116px; }
#cat7 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat7.gif); }
#cat7 a:hover { background-position: 0 -116px; }
#cat8 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat8.gif); }
#cat8 a:hover { background-position: 0 -116px; }
#cat9 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat9.gif); }
#cat9 a:hover { background-position: 0 -116px; }
#cat10 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat10.gif); }
#cat10 a:hover { background-position: 0 -116px; }
#cat11 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat11.gif); }
#cat11 a:hover { background-position: 0 -116px; }
#cat12 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat12.gif); }
#cat12 a:hover { background-position: 0 -116px; }
#cat13 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat13.gif); }
#cat13 a:hover { background-position: 0 -116px; }
#cat14 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat14.gif); }
#cat14 a:hover { background-position: 0 -116px; }
#cat15 a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/cat15.gif); }
#cat15 a:hover { background-position: 0 -116px; }
#nada a { width: 80px; height: 116px; text-decoration: none; display: block; background: url(images/cats/nada.gif); }
#nada a:hover { background-position: 0 -116px; }

#ftr a:hover { text-decoration: underline; }

#bf {
  float: left;
  margin: 0 5px;
  width: 75; height: auto;
  border: 1px solid gray;
}

#feat { margin: 0 auto; width: 534px; }
#feat a { font-weight: bold; }
#feat p { margin: 0 0 5px 0; padding: 0; }
#feat div.th { float: left; font-size: 10px; width: 265px; margin-bottom: 10px; }
#feat div.th span { margin-left: 25px; }

#row { clear: left; margin-top: 10px; padding-top: 13px; font-size: 10px; border-top: 2px solid #fd9500; }
#row img { float: right; }

#hc { color: #797979; }

a { text-decoration: none; }
a { color: #f6660d; }	/* sts orange */
a:hover   { text-decoration: underline; }

.skip { float: left; margin-left: 5px; }

.buys { float: left; width: 110px; height: 125px; margin-right: 10px; text-align: center; font-size: 10px; }

.vigL { float: left;  margin-right: 10px; width: 294px; }
.vigR { float: right; margin-left: 10px; width: 294px; }
.vigC { margin: 0 auto; width: 500px; }
.enl { float: left; margin-left: 25px; }

.l { float: left; margin-right: 10px; }
.r { float: right; margin-left: 10px; }
.lt { float: left; margin: 10px 10px 10px 0; }
.lic { float: left; margin-right: 5px; }
.sidethumb { margin: 20px auto; text-align: center; width: 200px; }
.btfont { font-family: "Century Gothic", verdana, sans-serif; }
.faqent { font-size: 90%; margin-left: 25px; margin-right: 25px; }
.indent { margin-left: 65px; }
.spacer { clear: both; }
.spacel { clear: left; }
.attn { color: #9a9a2d; }	/* sts green */
.logo { margin: 5px 0 5px 0; }
.retailer { margin: 5px 0px 5px 20px; }
.buyline { clear: left; margin-top: 10px; font-size: 11px; font-weight: bold; text-align: center; }
.state { font-weight: bold; margin: 10px 0px 10px 0px;}
.city { font-style: italic; background-color: #CBE7F9; padding-left: 5px; }
.sm { font-size: 10px; text-transform: uppercase; }
.smo { font-size: 10px; }
.ff { clear: both; margin-top: 25px; padding-left: 15px; font-size: 11px; color: #8f8f8f;  background-color: #fff;  }
.lini { width: 700px; margin: 25px 0; }
.linis { 10px; width: 350px; margin: 25px 0; }
.ns { display: none; }
.trac { margin-bottom: 36px; }
.bigger { font-size: 150%; }
.ath { border: 1px solid #fff; }
.smaller { font-size: 80%; }
.gmd { width: 600px; margin: 35px auto }
.und { text-decoration: underline; }

.hr { margin: 0px 0 5px 0; padding: 0; border-bottom: 1px dotted #005825; }
* html .hr { border-bottom: none; padding: 1px; background: url(images/dotted.gif) repeat-x bottom; }