@import url(gameface.css);

html, body {
	/*background: #56E102;
	background: #3576ff;*/
	background: url("../images/BG_stadium.jpg") fixed top center no-repeat #000;
	font: normal Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
ul {
	list-style-image: url("../images/redBullet.jpg");
}
H1 {
	font: normal 26px Arial, Helvetica, sans-serif;
	color: #4B5253;
	margin-top: 2px;
	margin-bottom: 8px;
}
H2 {
	font: bold 22px Arial, Helvetica, sans-serif;
	letter-spacing: -0.5px;
	color: #4B5253;
	/*margin-top: 2px;*/
	margin-bottom: 2px;
}
H3 {
	font: bold  16px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin-top: 2px;
	margin-bottom: 2px;
}
H4 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #4B5253;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
}
HR {
	color: #5F5F5F;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px dotted #5F5F5F;
}
#date {
	position: absolute;
	top: 0px;
	left: 25px;
	/*font: normal 10px Arial, Helvetica, sans-serif;
	color: #4b5253;*/
	text-align: left;
	vertical-align: middle;
	padding: 6px 0px 0px 0px;
}
#main {
	position: relative;
	/*background: #FFF;*/
	width: 924px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#mTble {
	background: url("../images/mTble_BG.jpg");
	width: 924px;
	height: 100%;
	vertical-align: top;
}
#contentTble {
	width: 894px;
	height: 475px;
	vertical-align: top;
}
.prodThumb {
	color: #4b5253;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding: 6px;
	border: solid 1px #ebf0e3;
}
.prodThumb a:link, .prodThumb a:visited {
	color: #4b5253;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.prodThumb a:hover, .prodThumb a:active {
	color: #1E8CB0;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#search {
	position: absolute;
	width: 300px;
	top: 10px;
	left: 25px;
	padding: 0px;
	vertical-align: middle;
}
.searchBox {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 0px 2px 4px;
}

.head_BG {
	background: url("images/header_BG.jpg");
	width: 830px;
	height: 246px;
	vertical-align: top;
}
.topHR {
	background: url("images/topHR_BG.jpg");
	height: 5px;
	padding: 0px 38px 0px 38px;
}

/*************** Start Navigation *************/
#topNav {
	position: absolute;
	top: 10px;
	right: 25px;
	width: 300px;
	color: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: right;
	vertical-align: middle;
	padding: 0px;
}
#topNav a:link, #topNav a:visited {
     font: bold 11px Arial, Helvetica, sans-serif;
	 color: #b3b3b3;
	 text-decoration: none;
}
#topNav a:hover, #topNav a:active {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffcc00;
	text-decoration: underline;
}

#mainNav {
	background: url("../images/mainNav_BG.jpg");
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4b5253;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}
#mainNav a:link, #mainNav a:visited {
     font: bold 12px Arial, Helvetica, sans-serif;
	 color: #b3b3b3;
	 text-decoration: none;
}
#mainNav a:hover, #mainNav a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #5AE301;
	text-decoration: none;
}
#bNav {
	position: relative;
	float: right;
}
.bNav1 {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	padding: 10px 15px 0px 0px;
}
.bNav1 a:link, .bNav1 a:visited {
     font: normal 12px Arial, Helvetica, sans-serif;
	 color: #b3b3b3;
	 text-decoration: none;
}
.bNav1 a:hover, .bNav1 a:active {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffcc00;
	text-decoration: underline;
}
.bNav2 {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: right;
	padding: 5px 15px 0px 0px;
}
.bNav2 a:link, .bNav2 a:visited {
     font: normal 11px Arial, Helvetica, sans-serif;
	 color: #b3b3b3;
	 text-decoration: none;
}
.bNav2 a:hover, .bNav2 a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffcc00;
	text-decoration: underline;
}

/************** End Navigation *******************/

.lftCol {
	background: url("../images/lftCol_BG.jpg");
	width: 175px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	text-transform: uppercase;
}
.lftCol a:link, .lftCol a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
}
.lftCol a:hover, .lftCol a:active {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: underline;
	padding: 0px 0px 0px 20px;
}

#login {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	width: 174px;
}
#login a:link, #login a:visited {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
#login a:hover, #login a:active {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}

/*********** Content Areas ******************/

.blkRow {
	background: #000;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform:uppercase;
}
#pgTitle {
	background-color: #BAE9F8;
	border: solid 1px #1E8CB0;
	width: 700px;
	font: normal 26px Arial, Helvetica, sans-serif;
	color: #4B5253;
	text-align: left;
	padding: 5px 10px 5px 10px;
}

.content {
	background: url("../images/gradient_BG.jpg");
	text-align: left;
	vertical-align: top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4B5253;
	padding: 0px 0px 0px 0px;
}

.content a:link, .content a:visited {
	/*text-transform: uppercase;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: none;
}
.content a:hover, .content a:active {
	/*text-transform: uppercase;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: underline;
}
.homeList {
	font: bold italic 18px Arial, Helvetica, sans-serif;
	color: #000;
}
#bCrumbs {
	position: relative;
	font: normal 14x Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	padding: 15px 0px 25px 0px;
}
#bCrumbs a:link, #bCrumbs a:visited {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
#bCrumbs a:hover, #bCrumbs a:active {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: underline;
}
.category {
	font: bold italic 22px Arial, Helvetica, sans-serif;
	color: #000;
}
.qaTitle {
	float: left;
	width: 30px;
	font: bold italic 18px Arial, Helvetica, sans-serif;
	color: #224ea7;
}
.qaTitleText  {
	line-height: 18px;
	font-weight: bold;
}

/*********** End Content Areas ******************/

/*********** Start Right Column ******************/

.rtCol {
	background: url("../images/gradient_BG.jpg");
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	width: 225px;
	padding: 15px 7px 10px 8px;
}
.newsTitleHome {
	background: url(../images/news_header.jpg) no-repeat top left;
	width: 590px;
	height: 53px;
	font: bold 14px/53px Arial, Helvetica, Sans-Serif;
	padding-left: 50px;
	color: #FFF;
}
.newsTitleHomeLink {
	color: #FFF;
	font: bold 14px/53px Arial, Helvetica, Sans-Serif;
/* 	margin-left: 50px; */
	text-decoration: none;
}
.newsTitle {
	background: url(../images/news_header.jpg) no-repeat top left;
	width: 660px;
	height: 53px;
	font: bold 14px/53px Arial, Helvetica, Sans-Serif;
	padding-left: 50px;
}

.newsDate  {
	float: right;
	margin-right: 10px;
	font: normal 12px/53px Arial, Helvetica, Sans-Serif;
	color: #FFF;
}

.newsTitleDetail  {
	float: left;
	color: #FFF;
	font: bold 14px/53px Arial, Helvetica, Sans-Serif;
	margin-left: 50px;
	text-decoration: none;
}

.content a.newsTitleLink  {
	color: #FFF;
	font: bold 14px/53px Arial, Helvetica, Sans-Serif;
/* 	margin-left: 50px; */
	text-decoration: none;
}

.news {
	/*background: url("../images/news_BG.jpg");*/
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	padding: 15px;
}
.news a:link, .news a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: underline;
}
.news a:hover, .news a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: none;
}


.newsPhoto  {
	float: left;
	width: 325px;
}
.newsContent  {
	float: left;
	margin-left: 10px;
	color: #000;
}
.newsLink  {
	text-align: right;
}

.rtCol2 {
	background: url("../images/gradient_BG.jpg");
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
	width: 176px;
	padding: 15px 7px 10px 8px;
}
.inStock {
	background: url("../images/inStock_BG.jpg");
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	vertical-align: top;
	padding: 10px 8px 5px 8px;
}
.inStock div  {
	margin: 10px 0px;
	height: 70px;
}

.instock img {
	margin-right: 0px;
}
.inStock a:link, .inStock a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: underline;
}
.inStock a:hover, .inStock a:active {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #1543A1;
	text-decoration: none;
}
fieldset {
	padding: 0px 15px 15px 15px;
}
legend {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
}
#warn {
	font: bold italic 14px Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align: center;
	text-transform: uppercase;
}

/*********** End Right Column ******************/

/*********** Start Form Elements ******************/
#search {
	position: absolute;
	width: 300px;
	top: 10px;
	left: 25px;
	padding: 0px;
	vertical-align: middle;
}
.searchBox {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 2px 0px 2px 4px;
	border: solid 1px #252525;
}

form {
	font-family: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}
.formField {
	border: 1px solid #5D2066;
	padding: 2px 2px 3px 4px;
	width: 160px;
	height: 16px;
	margin: 4px 0px 4px 5px;
}

/*********** End Form Elements ******************/

.btmBar {
	background:  url("../images/btmBar_BG.jpg");
	height: 12px;
}
#cCards {
	position: relative;
	float: left;
}

.copyright {
	font: normal 9px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: right;
	padding: 8px 15px 12px 0px;
}

.copyright a:link, .copyright a:visited {
     font: normal 9px Arial, Helvetica, sans-serif;
	 color: #000;
	 text-decoration: none;
}
.copyright a:hover, .copyright a:active  {
     font: normal 9px Arial, Helvetica, sans-serif;
	 color: #000;
	 text-decoration: underline;
}

#cat_table td  {
	padding: 10px 0px;
}

.row1  {
	background: #EFEFEF;
}

.row2  {
	background: #CECECE;
}

.rowOver  {
	background: #C0CCE6;
	cursor: pointer;
}
.2face {
	float: left;
	width: 675px;
	height: 258px;
	margin: 0;
}