/* By default, clear bg images from master template */
#content-outer,
#content {
	background: none;
}
#content {
	padding-top: 90px;
	padding-bottom: 135px;
}


/* Background image (splitted in three parts) 
----------------------------------------------------*/
#left-col  { background: #000 url(../images/games/bg_main_left.jpg) no-repeat right 70px; }
#right-col { background: #000 url(../images/games/bg_main_right.jpg) no-repeat left 70px; }
#main      { background: #000 url(../images/games/bg_main.jpg) no-repeat left 70px; }


/* Logo
--------------------------------*/

#game-logo {
	/*
	background: url(../images/games/logo.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/games/logo.png',sizingMethod='crop');
	*/
	margin: 0 auto;
	height: 100px;
	width: 846px;
}


/* Hero Tabs 
--------------------------------*/

#hero {
	background-color: #000;
	border-bottom: solid 2px #7a7a7a;
	position: relative;
	margin: 0 auto;
	width: 846px;
	height: 347px;
}
#gamedetail-nav {
	background: #222 url(../images/games/bg_hero_nav.gif) repeat-x;
	border-bottom: solid 1px #000;
	text-indent: -9999px;
	overflow: hidden;
	_zoom: 1;
}
#gamedetail-nav span {
	display: inline;
	float: left;
	height: 27px;
}
#gamedetail-nav span a {
	background-image: url(../images/games/bg_hero_nav_matrix.gif);
	display: block;
	height: 100%;
	width: 100%;
}

#gamedetail-nav #videos { width: 77px; }
#gamedetail-nav #videos a { background-position: left top; }
#gamedetail-nav #videos a:hover,
#gamedetail-nav #videos.selected a { background-position: left -27px; }
#gamedetail-nav #screenshots { width: 117px; }
#gamedetail-nav #screenshots a{ background-position: -77px top; }
#gamedetail-nav #screenshots a:hover,
#gamedetail-nav #screenshots.selected a { background-position: -77px -27px; }
#gamedetail-nav #downloads { width: 98px; }
#gamedetail-nav #downloads a { background-position: -194px top; }
#gamedetail-nav #downloads a:hover,
#gamedetail-nav #downloads.selected a { background-position: -194px -27px; }
#gamedetail-nav #sign-up { width: 70px; }
#gamedetail-nav #sign-up a { background-position: -292px top; }
#gamedetail-nav #sign-up a:hover,
#gamedetail-nav #sign-up.selected a { background-position: -292px -27px; }
#gamedetail-nav #buy-now { width: 84px; }
#gamedetail-nav #buy-now a { background-position: -362px top; }
#gamedetail-nav #buy-now a:hover,
#gamedetail-nav #buy-now.selected a { background-position: -362px -27px; }
#gamedetail-nav #facebook { width: 99px; }
#gamedetail-nav #facebook a { background-position: -446px top; }
#gamedetail-nav #facebook a:hover,
#gamedetail-nav #facebook.selected a { background-position: -446px -27px; }
#gamedetail-nav #twitter { width: 88px; }
#gamedetail-nav #twitter a { background-position: -545px top; }
#gamedetail-nav #twitter a:hover,
#gamedetail-nav #twitter.selected a { background-position: -545px -27px; }
#gamedetail-nav #official-site { float: right; width: 116px; }
#gamedetail-nav #official-site a { background-position: -729px top; }
#gamedetail-nav #official-site a:hover,
#gamedetail-nav #official-site.selected a { background-position: -729px -27px; }


/* Hero Content
--------------------------------*/

#hero div.panel {
	background: url(../images/games/bg_hero1.jpg) repeat-x;
	height: 320px;
	position: relative;
}
#videos-panel      { display: block; }
#screenshots-panel { display: none; }
#sign-up-panel {
	padding: 0px 0 0 90px;
}
	#sign-up-panel h3{
		font-size: 16px;
	}
	#sign-up-panel td{
		padding: 2px;
	}
	#sign-up-panel .error{
		color: #FF0000;
		font-weight: bold;
		font-size: 12px;
	}
	#sign-up-panel .text{
		background: #464646 !important;
		border: 1px inset #282828;
		color: #909090;
	}
	#sign-up-panel .button{
		background-image:url(../images/buttons/btn_submit.gif);
		border:medium none;
		cursor:pointer;
		height:25px;
		margin-top:5px;
		text-indent:-9999px;
		width:78px;
	}

#buy-now-panel {
	padding: 7px 0 0 34px;
}

	#buy-now-panel div{
		float: left;
	}
	
	#buy-now-panel #logos div{
		float: left;
		height: 66px;
		width: 190px;
		text-align: center;
		margin: 0 0 15px 0;
	}

#twitter-panel.panel{
	padding: 0 37px;
	background: url(../images/games/feed_bg.jpg) top left no-repeat !important;
}
	#twitter-panel p{
		margin: 0 0 20px 0;
		font-size: 12px;
	}

#hero div.panel div.noflash {
	background: url(../images/games/bg_hero_noflash.gif) no-repeat;
	display: none;
	height: 177px;
	width: 335px;
	position: absolute;
	top: 74px;
	left: 255px;
}

div.noflash div.btn-download {
	width: 91px;
	height: 25px;
	margin-left: -45px;
	position: absolute;
	top: 110px;
	left: 50%;
}
div.noflash div.btn-download a {
	background: url(../images/buttons/btn_download.gif) no-repeat 0 -25px;
	display: block;
	height: 100%;
}
div.noflash div.btn-download a:hover {
	background: url(../images/buttons/btn_download.gif) no-repeat 0 0;
}



/* Detail Tabs
--------------------------------------*/

#detail {
	background: #000 url(../images/games/bg_detail.gif) no-repeat;
	font-size: 12px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 30px;
	width: 846px;
	_zoom: 1;
}

#detail-tabs {
	display: inline;
	float: left;
	margin-top: 16px;
	margin-left: 20px;
	width: 608px;
}

#detail-tabs ul.tabs {
	font-size: 11px;
	position: relative;
	overflow: hidden;
	z-index: 10;
	_zoom: 1;
}
#detail-tabs ul.tabs li {
	display: inline;
	float: left;
	height: 26px;
	_height: 21px;
}
#detail-tabs ul.tabs li#story        { background-image: url(../images/games/bg_detail_tabs_story.jpg); width: 69px; }
#detail-tabs ul.tabs li#features     { background-image: url(../images/games/bg_detail_tabs_features.jpg); width: 91px; }
#detail-tabs ul.tabs li#news         { background-image: url(../images/games/bg_detail_tabs_news.jpg); width: 72px; }
#detail-tabs ul.tabs li#requirements { background-image: url(../images/games/bg_detail_tabs_requirements.jpg); width: 118px; }
#detail-tabs ul.tabs li#legal-info   { background-image: url(../images/games/bg_detail_tabs_requirements.jpg); width: 100px; }
#detail-tabs ul.tabs li a {
	color: #7a7a7a;
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	padding-top: 5px;
}
#detail-tabs ul.tabs li.selected a,
#detail-tabs ul.tabs li a:hover { 
	color: #fff;
	text-decoration: none;
}
#detail-tabs ul.tabs li a:focus {
	outline: none;
}


/* Detail Content
--------------------------------*/

#detail-tabs .panels {
	background: url(../images/games/bg_detail_tabs.gif) no-repeat;
	min-height: 274px;
	padding: 20px 10px 30px;
}
#detail-tabs .panel {
	display: none;
	width:  381px;
	z-index: 10;
	position: relative;
	margin-left: 6px;
}
	#detail-tabs .panel ul{
		margin-left: 15px;
	}
	#detail-tabs .panel li{
		list-style-type: disc;
	}

#detail-tabs .panel p {
	margin: 0 0 20px 0;
}
#detail-image {
	/*
	background: url(../images/games/detail_image.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/games/detail_image.png',sizingMethod='crop');
	*/
	position: absolute;
	left: 232px;
	top: 16px;
	height: 400px;
	width:  400px;
}


/* Specs 
----------------------------------*/

#specs {
	display: inline;
	float: right;
	font-size: 12px;
	line-height: 14px;
	margin-top: 38px;
	margin-right: 14px;
	margin-bottom: 75px;
	/*width: 180px;*/
	width: 190px;
}
#specs h3 {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#specs p, 
#specs ul {
	margin: 0;
	padding: 0;
}
#specs #genres,
#specs #platforms {
	margin-bottom: 16px;
}
#specs #rating {
	margin-top: 26px;
}
#specs #rating img {
	float: left;
	/*height: 68px;
	width: 47px;*/
}
#specs #rating p {
	float: left;
	font-size: 9px;
	margin: 0 0 0 10px;
	/*width: 115px;*/
	width: 125px;
}