html, body, div, h1, h2, h3, p, ul, ol, li, address, form, fieldset, img, iframe {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	background: #a6a6a6 url(body-bg.gif) bottom repeat-x;
	color: #dadada;
	font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 126px;
}

a {
  color: #b20000;
  text-decoration: underline;
}
a:visited {
  color: #b20000;
}
a:hover {
  text-decoration: none;
}

h2 {
  color: #FF0000;
  padding: 5px 0 10px 0;
  font-size: 120%;
  font-weight: bold;
  text-transform: uppercase;
}
#detail h2 {
  padding-left: 10px;
}

h3 {
  font-size: 100%;
  font-weight: normal;
  text-transform: uppercase;
  color: #ffffff;
  padding: 20px 0 5px 0;
}

ol, ul, p, address {
	font-style: normal;
	padding: 0 0 10px 0;
}
ul li {
	list-style: none;
	padding: 0 0 5px 10px;
	background: transparent url(bullet.gif) 0 .5em no-repeat;
}

input, select, textarea {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 2px;
	background: #2b2b2b;
	border: 1px solid #3b3b3b;
	color: #ffffff;
	margin: 0 0 1px 0;
}
input.button {
  border: none;
  cursor: pointer;	
  background: transparent;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
}
input.imgbutton {
  padding: 0;
  border: none;
  background: transparent;
}
input.checkbox {
	border: none;
  cursor: pointer;
}
input.radio {
  border: none;
  cursor: pointer;
}
label, form p.checkboxes span {
	display: block;
	float: left;
	width: 150px;
	padding: 5px 10px 5px 0;
}
form p.submit {
  padding-left: 157px;
}
form p.checkboxes label {
  width: auto;
  float: none;
  display: inline;
  padding: 0;
  cursor: pointer;
}
strong {
  color: #b20000;
  font-weight: bold;
}

/* -------------------------------------------------- */
.tnormal {
	font-size: 70%;
	line-height: 140%;
}
.tsmall {
  font-size: 60%;
}
.tcenter {
  text-align: center;
}
.tright {
  text-align: right;
}
.imgbutton {
  vertical-align: middle;
  cursor: pointer;
}
.hrcleaner {
	color: #000000;
	background: #000000;
	size: 1px;
	height: 1px;
	border: none;
	clear: both;
	visibility: hidden;
}
.errmsg {
  color: #ff0000;
}

/* -------------------------------------------------- */
.pagelist {
  text-align: right;
  font-size: 80%;
  padding-right: 10px;
}
.pagelist a, .pagelist a:visited {
  color: #b20000;
  padding: 0 3px 0 3px;
}
.pagelist a.active, .pagelist a.active:visited {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

/* -------------------------------------------------- */
.block {
  border: #949494 2px solid;
  padding: 0 10px 0 10px;
  margin-bottom: 10px;
  background: #1b1b1b;
}
.block h2 {
  margin: 0 -10px 5px -10px;
  padding: 10px;
  font-size: 90%;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  background: #949494 url(block-col-head.gif) top left repeat-x;
}
#content .block {
  padding-top: 5px;
  border-color: #3B3B3B;
}

/* -------------------------------------------------- */
.catalog {
  background: transparent url(catalog-bg.gif) top left repeat-x;
  padding: 12px 0 12px 11px;
  position: relative;
  width: 729px;
  overflow: hidden;
}
.catalog select {
  border: #b20000 2px solid;
  color: #ffffff;
  background: #790e11;
  width: 150px;
  margin-right: 8px;
  line-height: 150%;
  cursor: pointer;
}
.catalog select option {
  padding: 2px 0 0 5px;
}
.catalog .pagelist {
  clear: both;
}
.product {
  width: 176px;
  padding-left: 174px;
  height: 10em;
  float: left;
  background: #2b2b2b;
  border: 2px solid #3b3b3b;
  position: relative;
  margin: 0 10px 10px 0;
  overflow: hidden;
}
.product h3 {
  color: #dadada;
  font-weight: bold;
  font-size: 90%;
  text-transform: uppercase;
  padding: 10px 5px 5px 0;
}
.product h3 a, .product h3 a:visited {
  color: #dadada;
  text-decoration: none; 
}
.product h3 a:hover {
  text-decoration: underline;
}
.product .prodImg {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 2px solid #3b3b3b;
  padding: 0;
}
.product .prodImg img {
  vertical-align: middle;
}
.product .prodAtrib {
  font-size: 70%;
  color: #c1c1c1;
  padding-bottom: 5px;
}
.product .prodPrice, .rightcol .prodPrice {
  font-size: 90%;
  color: #818181;
  font-weight: bold;
  padding-bottom: 5px;
}
.product .prodPrice strong, .rightcol .prodPrice strong {
  /*font-size: 110%;*/
  color: #818181;
}
 .rightcol .prodPrice, .rightcol .prodPrice strong {
  color: #c1c1c1;
 }

/* -------------------------------------------------- */
.leftcol {
  width: 420px;
  float: left;
  padding: 0 12px 0 10px;
}
.rightcol {
  width: 275px;
  padding: 10px 10px 0 10px;
  float: left;
  color: #c1c1c1;
  background: transparent url(catalog-bg.gif) top left repeat-x;
}
.rightcol .actions {
  padding-bottom: 20px;
}

/* -------------------------------------------------- */
.mainimage {
  border: #949494 2px solid;
}
.smallimage, .smallimage:visited {
  display: block;
  float: left;
  width: 77px;
  height: 77px;
  border: #949494 2px solid;
  margin: 0 3px 3px 0;
}
.smallimage:hover {
  border-color: #b20000;
}

/* -------------------------------------------------- */
.hpItem {
  padding: 0 12px 10px 12px;
}

/* -------------------------------------------------- */
.tblnormal {
  display: table;
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}
.tblnormal.attriblist {
  margin-bottom: 0;
}
.tblnormal th, .tblnormal td {
  padding: 3px 10px 2px 0;
  border-bottom: #949494 1px solid;
  color: #dadada;  
}
.tblnormal td {
  color: #c1c1c1;
}

/* -------------------------------------------------- */
#superMain {
  background: #686868 url(supermain-bg.gif) top repeat-x;
  text-align: center;
}
#main {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 961px;
  background: #000000 url(head-bg.jpg) top left no-repeat;
  position: relative;
}

/* -------------------------------------------------- */
#head {
  position: relative;
  height: 203px;
}
#head h1 {
  width: 268px;
  height: 117px;
  position: absolute;
  top: 29px;
  left: 37px;
  z-index: 10;
}
#head h1 a, #head h1 a:visited {
  display: block;
  width: 268px;
  height: 117px;
  text-indent: -500em;
  text-decoration: none;
  background: transparent url(logo.gif) top left no-repeat;
}
#head h1 a:hover {
  background-position: 0 -117px;
} 
#head #logo {
  position: absolute;
  top: 29px;
  left: 37px;
  z-index: 1;
}

/* -------------------------------------------------- */
#mainMenu {
  padding: 0;
  background: #3d0000 url(menu-bg.gif) top left no-repeat;
  font-size: 80%;  
  padding: 15px 0 10px 0;
}
#mainMenu li {
  display: inline;
  padding: 15px 0 10px 0;
  _padding-top: 0;
  background: transparent url(menu-padd.gif) top right no-repeat;
}
#mainMenu li a, #mainMenu li a:visited {
  color: #ffbdbd;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 25px 15px 20px;
} 
#mainMenu li.first a, #mainMenu li.first a:visited {
  background: none;
}
#mainMenu li a.active, #mainMenu li a.active:visited {
  color: #ffffff;
} 
#mainMenu li a:hover {
  color: #000000;
}

/* -------------------------------------------------- */
#content {
  padding: 15px 0 0 10px;
  width: 751px;
  float: left;
  background: transparent url(aftermenu-bg.jpg) top left no-repeat;
  position: relative;
}
#content.padded {
  padding: 15px 20px 0 20px;
  width: 721px;
}
#column {
  padding: 15px 10px 0 0;
  width: 190px;
  float: right;
  background: transparent url(aftermenu-bg.jpg) top left no-repeat;
}

/* -------------------------------------------------- */
#loginForm p {
  padding-bottom: 0;
}
#loginForm input {
  width: 160px;
}
#loginForm p.submit {
  padding: 10px 0 10px 0;
  line-height: 200%;
}
#loginForm p.submit input {
  width: auto;
  margin-right: 5px;
}

/* -------------------------------------------------- */
#footer {
  background: #000000 url(footer-bg.gif) left bottom no-repeat;
  color: #808080;
  font-size: 60%;
  padding: 40px 20px 70px 20px;
  position: absolute;
  bottom: -125px;
  width: 921px;
}
#footer p {
  position: relative;
  top: 7px;
}
#footer a, #footer a:visited {
  color: #808080;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

/* -------------------------------------------------- */
a.hpBanGianna, a.hpBanS3sport, a.hpBanDiablo {
  display: block;
  width: 131px;
  height: 37px;
  text-indent: -50em;
  overflow: hidden;
  background: transparent url(ban-gianna-01.gif) 0 0 no-repeat;
}
a.hpBanDiablo {
  height: 32px;
  background-image: url(ban-diablo-01.gif);
}
a.hpBanS3sport {
  background-image: url(ban-s3sport-01.gif);
}
a.hpBanGianna:hover, a.hpBanS3sport:hover, a.hpBanDiablo:hover {
  background-position: 0 -100px;
}

/* -------------------------------------------------- */
#mainBan {
  position: relative;
  width: 740px;
  height: 110px;
}
#content.padded #mainBan {
  margin: 0 0 0 -10px;
}
#mainBan a.hpBanGianna, #mainBan a.hpBanS3sport, #mainBan a.hpBanDiablo {
  position: absolute;
  top: 2px;
  right: 2px;
}
#mainBan a.hpBanDiablo {
  top: 39px;
}
#mainBan a.hpBanS3sport {
  top: 71px;
}
