/* CSS Document */
/**
 * @author	Stephanie Guilbert <stephanie.guilbert@gameloft.com>
 * @date	September 19th, 2008
 * @package	UMPC
 * @desc	contains generic css
*/
@import 'buttons.css';
/*-----------
---GENERIC---
-------------*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7F7E80;
	padding: 0px;
	margin: 0px;
}

a
{
	text-decoration: none;
}

img
{
	border: none;
}

#global
{
	margin: 0 auto;
	padding: 0px;
	width: 908px;
}

.dummy
{
	clear: both;
}

/*----------
---HEADER---
------------*/
#header
{
	padding-top: 60px;
	background-image: url(../images/interface/header.jpg);
	background-repeat: no-repeat;
	width: 908px;
	font-size: 11px;
}

#header span
{
	display: none;
}

#header a
{
	color: #848584;
}

#header ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#header ul .select-category
{
	background-image: url(images/select_a_game_category.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	width: 80px;
	height: 24px;
	display: block;
}

#header ul .select-category span
{
	display: none;
}

#header ul li
{
	float: left;
	margin-left: 15px;
}

#header ul li .new, #header ul li .instant-fun, #header ul li .brain-training, #header ul li .action, #header ul li .sports, #header ul li .simulation, #header ul li .exclusive-offers
{
	display: block;
	height: 30px;
	width: 30px;
	padding-left: 35px;
	background-repeat: no-repeat;
}

#header ul li .new:hover, #header ul li .instant-fun:hover, #header ul li .brain-training:hover, #header ul li .action:hover, #header ul li .sports:hover, #header ul li .simulation:hover, #header ul li .exclusive-offers:hover
{
	background-position: 0px -30px;
}

#header ul li .new
{
	background-image: url(../images/icons/new.gif);
}

#header ul li .instant-fun
{
	background-image: url(../images/icons/fun.gif);
}

#header ul li .brain-training
{
	background-image: url(../images/icons/brain.gif);
}

#header ul li .action
{
	background-image: url(../images/icons/action.gif);
}

#header ul li .sports
{
	background-image: url(../images/icons/sport.gif);
}

#header ul li .simulation
{
	background-image: url(../images/icons/sim.gif);
}

#header ul li .exclusive-offers
{
	background-image: url(../images/icons/gift.gif);
}

/*-----------
---CONTENT---
-------------*/
.content-left
{
	width: 584px;
	float: left;
}

.content-right
{
	width: 309px;
	float: right;
	padding-top: 14px;
}

.generic-content-left
{
	margin-bottom: 20px;
}

.generic-content-right
{
	margin-bottom: 20px;
}

.generic-content-right .title
{
	display: block;
	margin-bottom: 10px;
}

.generic-content-right .number_list 
{
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.generic-content-right .number_list  li
{
	line-height: 24px;
}

.generic-content-right .number_list .one, .generic-content-right .number_list .two, .generic-content-right .number_list .three, .generic-content-right .number_list .four
{
	background-image: url(../images/instructions/1_normal.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
}

.generic-content-right .number_list .two
{
	background-image: url(../images/instructions/2_normal.gif);
}

.generic-content-right .number_list .three
{
	background-image: url(../images/instructions/3_normal.gif);
}

.generic-content-right .number_list .four
{
	background-image: url(../images/instructions/4_normal.gif);
}

.generic-content-right .number_list .one-selected
{
	background-image: url(../images/instructions/1_selected.gif);
}

.generic-content-right .number_list .two-selected
{
	background-image: url(../images/instructions/2_selected.gif);
}

.generic-content-right .number_list .three-selected
{
	background-image: url(../images/instructions/3_selected.gif);
}

.generic-content-right .number_list .four-selected
{
	background-image: url(../images/instructions/4_selected.gif);
}

.separator-small
{
	background-image: url(../images/interface/line-right-column.gif);
	background-repeat: no-repeat;
	background-position: top center;
	width: 290px;
	display: block;
	margin-top: 10px;
}

/*---------------
---COMING SOON---
-----------------*/
.coming-soon-title
{
	/*background-image: url(../images/interface/line-comingsoon.gif);
	background-repeat: no-repeat;
	background-position: top center;*/
	width: 574px;
	display: block;
	font-size: 15px;
	color: #00A2DF;
	font-weight: bold;
	/*margin-top: 20px;*/
	padding-top:10px;
	margin-left:10px;
}

.promo-banner-comingsoon
{
	margin: 0 auto;
	background-image: url(../images/interface/comingsoon_header.jpg);
	background-position:top;
	background-repeat: no-repeat;
	display: block;
	width: 242px;
	padding-top: 20px;
}

.promo-banner-available
{
	margin: 0 auto;
	background-image: url(../images/interface/available_header.jpg);
	background-position:top;
	background-repeat: no-repeat;
	display: block;
	width: 242px;
	padding-top: 20px;
}

/*---------------------------
---PREVIEW FOR COMING SOON---
-----------------------------*/
.preview
{
	float: left;
	width: 272px;
	padding: 10px;
}

.preview-facing
{
	float: left;
	width: 94px;
}

.preview-description
{
	float: right;
/*	width: 158px;*/
	width: 165px;
	height: 100px;
}

.preview-description-button
{
	float: right;
	width: 158px;
}

.preview-game-title
{
	font-size: 14px;
	font-weight: bold;
	color: #00A2DF;
}

.preview-game-title a
{
	text-decoration: none;
	color: #00A2DF;
}

/*------------------------------------
---PRODUCT DESCRIPTION IN HOME PAGE---
--------------------------------------*/

.product-description, .product-actions
{
	padding: 10px;
	float: left;
}

.product-description-header
{
	width: 366px;
	float:left;
}

.product-description-title
{
	font-size: 15px;
	color: #00A2DF;
	font-weight: bold;
	width: 240px;
	float: left;
}

.product-description-title a
{
	color: #00A2DF;
}

.product-actions
{
	width: 174px;
}

.product-description
{
	width: 366px;
}

.more-info
{
	background-image: url(../images/icons/arrow_right.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #00A2DF;
	float: right;
}
.left
{
	float:left;
}
.product-more-info
{
	width: 125px;
	float: right;
	font-size: 13px;
}
/*------------------
---PRODUCT HEADER---
--------------------*/
.product-header
{
	background-image: url(../images/interface/gradient.gif);
	background-position: 10px 162px;
	background-repeat: no-repeat;
	display: block;
}

.product-header-img, .product-header-img a
{
	height:170px;
	width:590px;
}

.product-header-img a span
{
	display: none;
}

.product-header-img a
{
	height: 151px;
}

/*------------------
---PRODUCT TRAILER---
--------------------*/
.trailer
{
	border: 1px solid white;
	display: block;
	float: right;
	width: 238px;
	height: 142px;
	margin-right:16px;
	margin-top:20px;
}

/*----------
---FOOTER---
------------*/
#footer
{
	background-image: url(../images/interface/line_footer.gif);
	background-repeat: no-repeat;
	width: 798px;
	display: block;
	padding-top: 10px;
	text-align: center;
	font-size: 12px;
}

#footer2
{
	width: 798px;
	display: block;
	padding-top: 8px;
	text-align: center;
	font-size: 12px;
}

.footer-links
{
	list-style-type: none;
}

.footer-countries
{
	list-style-type: none;
}

.footer-links, .footer-countries
{
	margin: 0px;
}

.footer-links li, .footer-countries li
{
	display: inline;
	margin-right: 10px;
}

.footer-links li a, .footer-countries li a
{
	color: #7F7E80;
	text-decoration: none;
}

ul#platform_chooser {
list-style-type:none;
}
#platform_chooser a{
color:#5DA5BC;
}

#platform_chooser li{
color:#5DA5BC;
cursor:pointer;
}
#platform_chooser a:hover{
color:#fff;
}
#platform_chooser li:hover{
width:300px;
color:#fff;
background-color:#5DA5BC;
}


#new_ukash_voucher, #paybox-content
{
border: 1px solid;
padding: 6px;
}


#xticketForm {
	background-image:url(../images/interface/background_home.jpg);
	background-repeat:no-repeat;
	width:574px;
	height:94px;
	padding-top:10px;
	padding-left:50px;
}