/* ------------------------------------------------------------
 * PROJECT        : Matrix Games
 * FILENAME       : matrix_default.css
 * ------------------------------------------------------------
 * DATE CREATED   : 11 Dec 2007
 * LAST UPDATED   : 19 Mar 2008
 * ------------------------------------------------------------
 * AUTHOR(S)      : Kevin Scholl (http://www.ksscholl.com/)
 * ------------------------------------------------------------
 * NOTE(S)        : 
 * ------------------------------------------------------------ */
 
/* ------------------------------------------------------------
 * Matrix Blue    : #105080
 * Matrix Orange  : #C60
 * Background     : #F6F6F6 (faded gray)
 *                : #E7EDF2 (faded blue)
 *                : #EFECE9 (faded orange)
 * Baseline Text  : #333
 * Heading 2      : #666
 * Heading 3      : #105080 (background)
 *                : #FFF    (text)
 * Poststamp      : #638DAC
 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * BASIC DECLARATIONS
 * ------------------------------------------------------------ */

bodys {
	margin: 0 0 10px 0;
	/* background: #333 url(/images/bg_page2.gif) center center repeat; */
	background: #333;
	padding: 0;
	font-size: 101%;
	}

.cleaner {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	}

/* ------------------------------------------------------------
 * LINKS
 * ------------------------------------------------------------ */

div#globalnav a:link,
div#globalnav a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
  }
div.mhHidden form a:link,
div.mhHidden form a:visited,
div#mainnav a:link,
div#mainnav a:visited {
  border-left: 1px solid #DDD;
	padding: 10px;
	color: #105080;
  text-decoration: none;
  }
div#actionbar a:link,
div#actionbar a:visited,
div.wrapper a:link,
div.wrapper a:visited {
	font-weight: normal;
	color: #C60;
	text-decoration: underline;
  }
div.wrapper h3 span a:link,
div.wrapper h3 span a:visited {
	font-weight: bold;
	color: #FFF;
  }
div#footernav a:link,
div#footernav a:visited {
	font-weight: bold;
	color: #C60;
	text-decoration: none;
  }
div#globalnav a:hover,
div#globalnav a:active,
div.wrapper h3 span a:hover,
div.wrapper h3 span a:active {
	color: #FA5;
  }
div.mhHidden form a:hover,
div.mhHidden form a:active,
div#mainnav a:hover,
div#mainnav a:active {
	background: transparent url(/images/bg_mainnav_over.gif) center center no-repeat;
	color: #F93;
  }
div#actionbar a:hover,
div#actionbar a:active,
div.wrapper a:hover,
div.wrapper a:active,
div#footernav a:hover,
div#footernav a:active {
	color: #F93;
  }
	
a.linkNews {
  background: transparent url(/images/icon_news.gif) left center no-repeat;
	padding-left: 16px;
  }

a.prodBtn:link,
a.prodBtn:visited {
  display: block;
	margin: 0 auto;
  border: 1px solid #FFF;
	background: #C60 url(/images/bg_prodbtn_off.gif) right center no-repeat;
	padding: 0 26px 0 5px;
	width: 97px;
	font: bold 14px/20px Arial, Helvetica, sans-serif !important;
	color: #FFF !important;
	text-align: left;
	text-decoration: none !important;
  }
a.prodBtn:hover,
a.prodBtn:active {
	background: #F93 url(/images/bg_prodbtn_on.gif) right center no-repeat;
  }
		
/* ------------------------------------------------------------
 * LOGO
 * ------------------------------------------------------------ */

div#logo {
  position: absolute;
	top: 21px;
	left: 2%;
	overflow: hidden;
	margin: 0 0 0 0;
	border: 0;
	background: transparent url(/images/logo_MATRIX_RGB-border-s100.png) center center no-repeat;
	padding: 0;
	width: 142px;
	height: 100px;
	z-index: 99;
  }
div#logo h1 {
  position: absolute;
	top: -999px;
	left: 0;
  }

/* ------------------------------------------------------------
 * SITE SEARCH, LOGIN, AND PRODUCT SEARCH FORMS
 * ------------------------------------------------------------ */

div.mhHidden {
  display: none;
  position: absolute;
	top: 47px;
	left: 50%;
	margin: 0 0 0 -464px;
	border: 0;
	background: transparent;
	padding: 0;
	width: 918px;
	height: 80px;
	z-index: 97;
  }
div.mhHidden form {
	margin: 9px 0 0 0;
	border: 0;
	background: #FFF;
	padding: 10px 0 10px 10px;
	font: normal 18px/40px Arial, Helvetica, sans-serif;
	text-align: right;
  }
form#searchProduct,
form#searchProduct fieldset {
	margin: 20px 0;
	border: 0;
	background: transparent;
	padding: 0;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
  }
div.mhHidden form fieldset {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
  }
div.mhHidden form span {
	display: none;
  }
div.mhHidden form a {
	text-transform: lowercase;
  }
form select#selSearch,
form input#txtSearch,
form input#txtUserid,
form input#txtPasswd,
form input#txtProdSearch {
  border: 1px solid #666;
  background: #F6F6F6;
  padding: 2px 3px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999;
	vertical-align: middle;
  }
form select#selSearch {
  padding: 1px;
	color: #333;
  }
form input#txtSearch,
form input#txtProdSearch {
  background: #F6F6F6 url(/images/icon_search.gif) 3px center no-repeat;
  padding: 2px 3px 2px 18px;
  }
form input#btnSearch,
form input#btnLogin {
  margin-right: 10px;
  padding: 1px 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #105080;
	text-transform: lowercase;
	vertical-align: middle;
  }

/* ------------------------------------------------------------
 * MASTHEAD
 * ------------------------------------------------------------ */

div#masthead {
  margin: 10px auto 0 auto;
	border: 1px solid #999;
	border-bottom: 0;
	background: #FFF;
	padding: 2px;
	width: 99%;
  }

div#globalnav {
  margin: 0 0 2px 0;
	border: 0;
	background: #333 url(/images/bg_globalnav.jpg) center center repeat-x;
	padding: 0 10px;
	text-align: right;
  }
div#globalnav p {
	display: inline;
	margin: 0;
	padding: 0;
	font: normal 11px/31px Arial, Helvetica, sans-serif;
	color: #666;
	text-transform: lowercase;
  }
div#globalnav p span {
	font-weight: bold;
	color: #CCC;
  }
div#globalnav p img {
  margin: 7px 0 7px 0;
	vertical-align: middle;
  }
div#globalnav p a {
	font: bold 11px/31px Arial, Helvetica, sans-serif;
  }

div#mainnav {
  position: relative;
  margin: 0;
	border: 0;
	background: transparent;
	padding: 20px 10px;
  }
div#mainnav p {
  margin: 0;
	padding: 0;
	font: normal 18px/40px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-align: right;
	text-transform: lowercase;
  }
div#mainnav p span {
  display: none;
  }

/* ------------------------------------------------------------
 * ACTION BAR
 * ------------------------------------------------------------ */

div#actionbar {
  margin: 0 auto;
	border: 1px solid #999;
	border-top-color: #DDD;
	border-bottom: 0;
	background: #FFF;
	padding: 2px;
	width: 928px;
  }

div#actionnav {
  margin: 0;
	border: 0;
	background: #F6F6F6;
	padding: 5px 10px;
  }	
div#actionnav p {
  margin: 0;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
  }
div#actionnav p.breadcrumb {
	float: left;
  }
div#actionnav p span {
	color: #BBB;
  }
div#actionnav p a {
	text-transform: lowercase;
  }
div#actionnav p a.linkEmail {
  background: transparent url(/images/icon_email.gif) 2px center no-repeat;
	padding-left: 20px;
  }
div#actionnav p a.linkPrint {
  background: transparent url(/images/icon_print.gif) 2px center no-repeat;
	padding-left: 20px;
  }

/* ------------------------------------------------------------
 * CONTENT, COMMON
 * ------------------------------------------------------------ */

div#bannerContained {
  margin: 0 auto;
	border: 1px solid #999;
	border-bottom: 0;
	background: #DDD;
	padding: 10px;
	width: 912px;
	line-height: 0;
	text-align: center;
	/* following 3 lines may be removed once content is integrated 
	font: normal 11px/90px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center; */
	}
div#bannerBleed {
  margin: 0 auto;
	border-top: 1px solid #999;
	background: transparent;
	padding: 0;
	width: 934px;
	/* line-height: 0; */
	text-align: center;
	/* following 3 lines may be removed once content is integrated */
	font: normal 11px/120px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	}

div.wrapper {
  margin: 0 auto;
	border: 1px solid #999;
	border-bottom: 0;
	background: #FFF;
	padding: 2px;
	width: 928px;
	/* following 3 lines may be removed once content is integrated */
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
  }
div.wrapper ul { margin: 0 0 0 12px }

div.wrapper h2 {
  margin: 0;
	border: 0;
	background: transparent;
	padding: 10px;
	font: normal 20px/1.0 Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
  }
div.wrapper h3 {
  margin: 0;
	border-bottom: 2px solid #FFF;
	background: #105080 url(/images/bg_h3.jpg) center center repeat-x;
	padding: 0 10px;
	font: bold 16px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
  }
div.wrapper h3 span {
  float: right;
	font: bold 11px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
  }
div.wrapper h3 span a:link,
div.wrapper h3 span a:visited,
div.wrapper h3 span a:hover,
div.wrapper h3 span a:active {
  text-decoration: none;
  }

div.wrapper p.pagenav {
	margin: 0;
	border-top: 1px solid #DDD;
	background: #F6F6F6;
	padding: 5px 10px;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #999;
	text-align: left;
  }
div.wrapper p.pagenav a, div.wrapper p.pagenav a:visited {
	font-weight: bold;
	text-decoration: none;
  }

div.item01 {
	margin:16px;
	text-align:justify;
}
/* ------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------ */

div#footer {
  margin: 0 auto 10px auto;
	border: 1px solid #999;
	border-top-color: #DDD;
	background: #FFF;
	padding: 2px;
	width: 928px;
  }

div#footernav {
  margin: 0;
	border: 0;
	background: #F6F6F6;
	padding: 15px 10px;
  }	
div#footernav p {
  margin: 0 0 10px 0;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #BBB;
	text-align: center;
  }
div#footernav p a {
	text-transform: lowercase;
  }
div#footernav p.copyright {
	color: #666;
  }

/* ------------------------------------------------------------
 * FLOAT CLEARING
 * ------------------------------------------------------------ */

div.article:after,
div.catalog:after,
div.comingsoon:after,
div.community:after,
div.grid:after,
div.news:after,
div.product:after,
div.screenshots:after,
div.store:after,
div.support:after,
div.blank:after,
p.details:after,
p.esrb:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}