/*
 * Copyright (c) 2006 TELUS Communications Inc.,
 *
 * All Rights Reserved.
 * This document contains proprietary information that shall be
 * distributed or routed only within TELUS, and its authorized
 * clients, except with written permission of TELUS.
 *
 * Games vertical specific rules.
 *
 * 1. Headings.
 * 2. Games specific elements.
 * 3. Game fact sheets and test results.
 */

#content img{border:0}

#content h2 {
	padding: 18px 5px 0px 0px;
	/*top right bottom left*/
	color:#5a147f;
	font-family:HelveticaNeue-Light,sans-serif;
}

#content h2.first_header,
#content h4.first_header{
	padding-top:0px;
}

#content h2.big_heading {
	padding: 0;
}

#content h3 {
	margin:0;
	padding:0;

}



#content h4 {
	padding: 0px 5px 0px 0px; /*top right bottom left*/
	font-size:12px;
	font-weight:bold;
}

/*
#subscribe h2,
#whats_new h2,
#subscribe h4,
#whats_new h4,{
	margin-left:0;
	margin-top:5px;
	margin-bottom:15px;
	padding-left:0px;

}*/



a.sub_heading,
a.sub_heading:visited {
	border:0;
	outline:none;
	color:#5a147f;
	text-decoration:none;
	font-size:17px;
	font-family:HelveticaNeue-Light,sans-serif;
	padding-top:0;
}
a.sub_heading:hover {
	color:#5a147f;
	text-decoration:underline;
}


/**
 * 1. Headings.
 */
#content .main h1 {
	background-color:#6d3288;
	color:#fff;
	font-size: 15px;
	padding: 5px 0px 5px 18px;
	font-family:HelveticaNeue-Light,sans-serif;
	font-weight:normal;
}

#content .sub h1 {
	background-color:#ceaff2;
	color:#6c3186;
	font-size: 15px;
	padding: 5px 0px 5px 18px;
	font-family:HelveticaNeue-Light,sans-serif;
	font-weight:normal;
}

/*
#most_popular h1,
#editors_blog h1,
#question_of_the_day h1 {
	height:38px;
	background-color:transparent !important;
	background-position:18px 10px;
}
*/



h2.alt { /* games sometimes use specific styled heading */
	margin:0;
	padding:0;
	height:36px;
	font-size:9px;
	overflow:hidden;
	text-indent:-1000em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:18px 14px;
}
#game_fact_sheets h2.alt {
	height:21px;
	background-color:#ececec;
	background-position:18px 3px;
	border:0;
}

/* 4-2-1 en pages have alternative background color in content headings */
body.fr h2#related_news { background-color:#c5a7f1; background-image:url(images/games/en/headings/related_news.gif); }
body.fr h2#review { background-color:#c5a7f1; background-image:url(images/games/en/headings/review.gif); }
body.fr h2#images { background-color:#c5a7f1; background-image:url(images/games/en/headings/images.gif); }


/**
 * 2. Games specific elements.
 */
body.fr .lines #reviews_and_previews,
body.fr .lines #demo_games{
	background:#fff url(images/bg_content.jpg) repeat-y top left;
}
body.fr .lines #reviews_and_previews h1,
body.fr .lines #reviews_and_previews p.contents,
body.fr .lines #demo_games h1,
body.fr .lines #demo_games p.contents{
	margin-right:4px;
}

/**
 * 2. Added start playing now.
 */
body.fr #start_playing_now {
	background-color:#e9e9e9;
	border-bottom:3px solid #fff;
	padding-right:80px;
	margin-right:-5px;
	/*
	padding-bottom:11px;
	margin-right:4px;
	margin-bottom:4px;
	*/
}

body.fr #download_player {
	background-color:#e9e9e9;
	border-bottom:3px solid #fff;
	margin-right:-5px;
	/*
	padding-bottom:11px;
	margin-right:4px;
	margin-bottom:4px;
	*/
}

body.fr #start_playing_now h1,
body.fr #start_playing_now p.contents {
	margin-right:4px;
}

#content .wrapper{
	padding-top:18px;
}

#content #news img.item { /* news images are align right */
	float:right;
	margin:0;
	margin-left:14px;
}


#content #start_playing_now img.item,
#content #arcadepackbanner img.item,
#content #playpackbanner img.item{
	border:0;
	margin-left:2px;
	margin-right:2px;

}

#content #download_player img.banner{
	border:0;
	margin:0px;
	padding:0;
}

#content #download_player img.item{
	border:0;
	margin-right:20px;
}


#content #playpackbanner,
#content #arcadepackbanner{
	height:138px;
}

#in_the_news .wrapper.first h2,
#content table.ranking .first h2 {
	/* We reserve two lines for the first titles (always align) on games homepage. */
	height:2em;
}

#content table.ranking .first h3 {
	/* We reserve two lines for the first titles (always align) on games homepage. */
	height:2em;
}

#content a.platform img {
	border:0;
}
div.rating,
p.rating {
	margin:0;
	float:right;
	text-align:center;
	color:#fff;
	width:107px;
	height:107px;
	padding-top:10px;
	margin-left:18px !important;
	background:transparent url(images/bg_rating.jpg) no-repeat top left;
}
p.rating.alt {
	background-image:url(images/bg_rating_2.jpg);
}
div.rating .digits,
p.rating .digits{
	display:block;
	margin-top:18px;
	line-height:48px;
	font-size:48px;
}

/**
 * 3. Game fact sheets and test results special display.
 */
#game_fact_sheets .results .rating {
	float:left;
	margin-left:0;
}
#game_fact_sheets td.rating {
	text-align:center;
}
#game_fact_sheets .presentation {
	text-align:center;
	background:transparent url(images/bg_presentation.jpg) no-repeat top center;
	padding:22px 0;
}
#game_fact_sheets .presentation img {
	margin:0 8px;
}
#game_fact_sheets .percent_score {
	width:135px;
	float:right;
	text-align:right;
}
#game_fact_sheets .percent {
	font-size:6px;
	float:left;
	height:10px;
	width:100px;
	margin:0;
	margin-top:3px;
	border:1px solid #a051b6;
	background:#e8bdf3 url(images/bg_results_percent.jpg) repeat-x top left;
}
#game_fact_sheets .score {
	float:left;
	height:10px;
	border:0;
	background:#c79ad4 url(images/bg_results_score.jpg) repeat-x top left;
}
#game_fact_sheets .results {
	clear:both;
	float:left;
	width:390px;
	height:200px;
	background:transparent url(images/bg_results.jpg) no-repeat bottom left;
}
body.fr #content.game_fact_sheets {
	background-image:url(images/bg_content_game_fact_sheets_en.jpg);
}
body.fr #game_fact_sheets .points {
	padding-bottom:6px;
	margin-bottom:18px;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	background:transparent url(images/bg_points_en.jpg) repeat-y top left;
}
body.fr #game_fact_sheets .thumbnails .wrapper {
	margin-top:18px;
}
body.fr #game_fact_sheets .thumbnails img {
	margin-bottom:18px;
}
body.fr #game_fact_sheets .wrapper {

}
body.fr #game_fact_sheets .points .one,
body.fr #game_fact_sheets .points .two {
	width:220px;
}
body.fr #game_fact_sheets .one {
	clear:both;
}
body.fr #game_fact_sheets .points {
	float:right;
	width:280px;
	height:200px;
	background:transparent url(images/bg_points.jpg) no-repeat bottom right;
}
#game_fact_sheets .points li {
	margin-left:2px;
}
#game_fact_sheets .results ul {
	width:260px;
	float:left;
	margin-top:3px;
	background:none;
	font-weight:bold;
	list-style-type:none;
}
#game_fact_sheets .results ul li {
	background-image:none;
	padding:1px 18px;
}
#game_fact_sheets .thumbnails img {
	margin-right:3px;
}
body.fr #game_fact_sheets .one {
	width:444px;
	float:left;
}
body.fr #game_fact_sheets .two {
	width:225px;
	float:right;
}
body.fr #game_fact_sheets .thumbnails {
	text-align:center;
}
#game_fact_sheets_detail_tests[id] {
	padding-top:18px;
}
#esbr_guide {
	clear:both;
	color:#fff;
	width:339px;
	font-size:11px;
	padding-bottom:19px;
	position:absolute;
	display:none;
	background:transparent url(images/bg_esbr_guide_bottom.gif) no-repeat bottom left;
}
#content #esbr_guide h1 {
	height:18px;
	padding:0 8px;
	line-height:18px;
	font-weight:bold;
	font-size:11px;
	background:#7a4597 url(images/bg_esbr_guide_top.jpg) no-repeat top left;
}
#content #esbr_guide .wrapper {
	margin:0;
	height:90px;
	padding:0 8px;
	/*margin-right:2px;*/
	overflow:auto;
	background:#7a4597 url(images/bg_esbr_guide.jpg) repeat-y top left;

	/* set of proprietary rules */
	scrollbar-face-color:#a484c5;
	scrollbar-shadow-color:#8d65b6;
	scrollbar-highlight-color:#c9b6dc;
	scrollbar-3dlight-color:#cdb9d8;
	scrollbar-darkshadow-color:#a687c6;
	scrollbar-track-color:#7a4597;
	scrollbar-arrow-color:#fff;
}

#content a.playnow img {
	border:0;
	float:right;
	text-align:right;
}

#content table.ranking a.playnow { /* avoid bottom spacing */
	width:74px;
	display:block;
	line-height:0;
	float:right;
	text-align:right;
	padding-right:20px;
}

table.list td.playnow{
	text-align:right;
}

#content ul li a.playnow {
	margin-top:2px;
	float:right;
}

#content table.ranking p.game-desc {
	padding-right:20px;
	height:4em;
	font-size:12px;
}


/* 
new releases, demo games promo 
---------------------------------------------------------------------*/
#new_releases{
	border-bottom:3px solid #fff;
	padding-bottom:15px;
	padding-right:0px;
	margin:0px;
	}


#new_releases .game,
#demo_games .game{
	padding-right:0px;
	margin-right:38px;
	float:left;	
	text-align:center;
	width:72px;
	height:120px;
}

#demo_games .game{
	padding-bottom:15px;
}

#new_releases .last,
#demo_games .last{
	margin-right:0px;
}

#new_releases .game img.item,
#demo_games .game img.item{
	margin:0;
}

#demo_games .games_wrapper{
	padding-bottom:20px;
}

p.end {
	border-top:3px solid #fff;
}

p.end {
	text-align:right;

}

#getting_started{
	padding-right:18px;
}

#content table.left td.position {
	padding-left:18px;
	width:10px;
}
#content table.left td.note {
	padding-left:23px;
}

#content span.publisher_name {
	font-size:12px;
}

#content .coming_soon {
	clear:both;
}


#play-pack-box
{

	background-color: white;
	width: 99%;
	margin-left:1px;
	height:110px;
}

#play-pack-box td
{
	/*vertical-align:text-top;*/

}

#play-pack-box .first-header
{
	padding-bottom:0px;
	margin-top:5px;
	margin-bottom:0px;

}

#arcade-pack-box
{

	background-color: white;
	width: 99%;
	margin-left:1px;
	height:110px;	
}

#arcade-pack-box td
{
	/*vertical-align:text-top;*/

}

#arcade-pack-box .first-header
{
	padding-bottom:0px;
	margin-top:5px;
	margin-bottom:0px;

}

/* Help Section */

#help_menu {
	width:220px;
	float:left;
}

#help_menu .section {
	background-color:#fff;
	border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:18px;
}

#help_menu .section h2{
	padding-left:15px;
	padding-bottom:10px;
	color:#339900;
}


.help {
	width:400px;
	float:right;
}

#content .help h2 {
	padding-bottom:10px;
}

#content .help ul a {
	color:#363636;
}

#content .help h2 a{
	color:#5a147f;
}

#content .help h4 a{
	color:#363636;
}

#content .help_content ul li {
	padding-left:18px;
	background-position:3px center;
}

#content .help_content ol,
#content .tryitfree ol{
	padding-left:18px;
	margin-left:10px;

}
#arcadepack_header,
#playpack_header {
	background-color:#fff;
	margin: 0px 2px 2px 2px;
	/*top right bottom left*/
	height:110px;
}

#arcadepack_banner,
#playpack_banner {
	width:327px;
	margin:0;
	padding:0;
	float:left;
}

#arcadepack_banner,
#playpack_banner img {
	margin:0;
}

#arcadepack_sub,
#playpack_sub {
	background-color:#e9e9e9;
	padding: 5px 3px 5px 8px;
	/*top right bottom left*/
	margin: 3px 0px 0px 0px;
	/*top right bottom left*/
	width:330px;
	float:right;
}

#content .demo-game-count{
	font-size:11px;
	color:#363636;
}




#reviews_and_previews .play_now_cat {
	float:right;
	margin-bottom:40px;
}

#reviews_and_previews .game_cat_wrapper{
	margin:0;
	padding: 18px 18px 5px 18px;
	/*top right bottom left*/
	border-top:1px solid #e7e7e7;
}

#reviews_and_previews .game_cat_wrapper p.game-desc{
/*
	margin:0;
	padding:0;
*/
}

/*
game details
*/
#content .game-overview-wrap .details {	
	padding:10px;
	vertical-align:top;		
}


.esrbratings td.esrb_desc {
	padding-top: 18px;

}



/* 
catalogue filters
---------------------------------------------------------------------*/

.combobox {
	font-size:11px;	
}

.filter-wrap {
	font-size:11px;
	width:100%;
	background-color:#eeeeee;
}

/*
.filter-wrap{float:left; margin:4px 0; clear:both;}
*/

.filter-wrap .left {float:left;}

.filter-wrap .right {float:right;}

.filter-wrap .game-count{
	text-align:right;
	padding-left:10px;

}

.filter-wrap table {
	width:100%;
}

.filter-wrap td.left_cell {
	width:375px;
	padding-left:10px;
}

.filter-wrap td.right_cell {
	text-align:right;
	padding-right:10px;

}




.filter-wrap table.paging-control .page {
	width:10px;
	text-align:center;
}

.filter-wrap .paging-control td {
	border-collapse:collapse;
	margin:0;
	border:0;
	padding:0;
}

.filter-wrap .paging-control .context {
	padding-right:15px;
}

.filter-wrap .paging-control .page {
	width:10px;
	text-align:center;
	padding-top:0px;
}
.alpha-filter {width:100%;}
.alpha-filter .left {font-size:12px; font-weight:bold; color:#999;}
.alpha-filter .left a {font-size:12px; text-decoration:underline;}
.alpha-filter .left a.selected {text-decoration:none; color:#999;}
.alpha-filter .left b {padding:0 2px; font-size:8px; vertical-align:middle; color:#666;}
.alpha-filter .right {text-align:right;}