@charset "UTF-8";

* {margin: 0}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
}

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FF3300;
	overflow: hidden;
	background: url(/elements/bar-top2.gif) repeat-x;
}

#centeredWrap {
  position: relative;
  /*top: 25%;
  left: 20%; */
  width: 100%;
  min-height: 100%;
  height: auto;
  height: 100%;
  margin: 0 auto;
  background-color: transparent;
  color: black;
}

#credit {width: 100%; font-size: .75em; text-align:center; font-weight: bold; color: #FF3300;}
#credit a {color: #FF0000; text-decoration: none;}
#credit a:hover {color: #FF6600; text-decoration: underline;}

#btm {margin-top: 0px; * margin-top: 0px; padding-top: 2px; height: 70px; width: auto; color:#ff3300; text-transform:lowercase; font-family: Helvetica, Arial, sans-serif; size: .85em; text-align: center}

#btm a {color: #FF0000; font-weight: bold; text-decoration: none;}
#btm a:hover {color: #FF9900;}

.active a {font-weight: 100}

#table {margin: 0 auto;}

#store {width: 960px; height: auto; background-color: transparent;}

.storeNav {float: left; width: 145px; height: auto; text-align: left; color: #FF3300; margin-right: 6px}
.navTitle {font-size: 1.5em; font-weight: bold; padding: 4px 0 6px; margin-bottom: 8px; width: auto; height: auto; background-color: transparent; color: #FF3300; border-bottom: dashed 1px #FF3300}
.navMain {font-size: 1.1em; font-weight: bold; line-height: 1.2em;}
.navMain a {color: #FF3300; text-decoration: none;}
.navList ul {list-style: none; font-size: 1em; list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; color: #CC0000; padding-bottom: 6px}
.navList a {color: #CC0000; text-decoration: none;}
.navList a:visited {color:#CC3300; text-decoration: none;}
.navMain a:hover, .navList a:hover {color:#FF9900; text-decoration: none}

.quotes {text-transform:lowercase; font-size: .9em; color: #CC0000;}
.asterisk{ text-transform: uppercase; font-size: .8em; color: #990000;}

.key {font-size: .9em; font-weight: bold; padding: 4px; margin-top: 8px; border: dashed 1px #FF3300}
.keyTitle {background-color: #FF3300; color: white; padding: 2px 0; text-align: center}
.keySymbol {font-size: .8em; text-transform: uppercase; padding: 2px 0; cursor:help}

.symbol {padding: 0; margin: 0; float:right; cursor:help;}

.items {float: left; width: 790px; height: 580px; overflow: auto;}
.itemID h1 {color: #FF3300; font-size: 1.4em; text-align: left; margin: 0 0 6px 2px}
.itemLine {width: 100%; height: auto; float:left; margin-bottom: 6px}
.itemWrap {float:left; margin: 0 3px; width: 240px; height: auto; background-color: transparent; text-align: left; border: #FF3300 1px dashed; padding: 4px; display:inline}
.item480 {width: 480px;}
.itemTitle {font-size: 1.2em; font-weight: bold; padding: 4px; width: auto; height: auto; background-color: transparent; color: #FF3300}
.itemSubTitle {font-size: .8em; color: #CC0000; text-transform: uppercase; padding: 0 4px; width: auto;}
.itemImage {width: 100%; height: auto; margin: 6px 0; text-align:center}
.itemInfo {font-size: 11px; padding: 4px 7px; width: auto; height: auto; color: #330000}
.itemInfo a {color:#330000; text-decoration:none; font-weight:bold}
.itemInfo a:hover {text-decoration:underline}
.itemOptions {width: 100%; height: 20px;}
.itemPurchase {width: 100%; height: 19px; margin: 9px 0 0;}
.price {float: left; font-size: 1em; font-weight: bold; color: #FF3300; margin-right: .25em;}
.sh {float: left; text-transform: uppercase; font-size: .8em; line-height:1.6em; color: #FF6600}
.purchase {float: right}

.hozRule hr{margin: 3px 0; border: 0; border-bottom: 1px dashed #FF3300; width: 80%; height:1px;}

.clear {padding: 0; margin: 0; font-size: 0px; clear:both}