@charset "utf-8";
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {
	display: inline-block;
	}

/* GLOBAL */

body {
	background: #ffffff no-repeat top center url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg.jpg);
	font-family:Arial, Helvetica, San-serif;
}

#page {
	width: 977px;
	padding-top: 25px;
	margin: 0 auto;
	}

a {
	color:#C2242B;
}


a:hover {
	color:#e0912f;
}

/* HEADER */
#header {
	height: 210px;
	overflow: hidden;
	position: relative;
}

#logo {
	width: 147px;
	height: 97px;
	position: absolute;
	top: 11px;
	left: 0;
	z-index: 2;
	}

#logo a {
	display: block;
	width: 147px;
	height: 97px;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/logo.png);
	overflow: hidden;
	text-indent: -999px;
	}

#header #twitter {
	position: absolute;
	left: 170px;
	top: 48px;
	height: 31px;
	float: left;
	font-size: 11px;
	color: #585858;
	line-height: 14px;
}

#header #twitter a.feed,
#header #twitter span.feed {
	display: block;
	height: 23px;
	float: left;
	padding: 8px 10px 0 21px;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_twitter.gif);	
	text-decoration: none;
	color: #585858;
}

#header #twitter span.rt {
	display: block;
	width: 39px;
	height: 31px;
	padding: 0;
	float: left;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_twitter.gif);	
	background-position: right top;	
}


#header #twitter a:hover {
	color: #c2242b;	
}

#header #twitter strong {
	color: #000000;	
	font-weight: bold;
}

#header #newsletter {
	font-size:12px;
	line-height:15px;
	position:absolute;
	right:8px;
	text-align:right;
	top:10px;
}

#header #newsletter a {
	color: #c2242b;
	text-decoration: none;
}

#header #changeLocale {
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_locale.gif);
	background-position: right 0;
	height: 36px;
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	padding-right: 51px;
}

#header #changeLocale span {
	display: block;
	height: 30px;
	float: left;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_locale.gif);
	padding: 5px 0 0 50px;
}

#header #changeLocale a {
	display: block;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/locale_flags.gif) repeat-y;
	height: 15px;
	padding: 4px 0 0 25px;
	color: #ffffff;
	float: left;
	text-decoration: none;
}

#header #changeLocale a.locale_us {
	display: block;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/locale_flags.gif);
}

#header .order {
	position: absolute;
	right: 0;
	top: 49px;	
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #006bc5;
	width: 400px;
}

#header .order .avaliable {
	float: right;
	padding: 7px 10px 0 0;
}

#header .order .btn {
	height: 29px;
	float: right;
}

#header .order .btn a {
	display: block;
	float: left;
	color: #000000;
	padding: 7px 0 0 18px;
	height: 22px;
	background-position: left top;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_preorder.gif);
	background-position: 0 0;
	text-decoration: none;
}

#header .order .btn a:hover {
	color: #c2242b;		
}

#header .order .btn .rt {
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_preorder.gif);
	background-position: right 0;
	height: 29px;
	width: 29px;
	float: left;
}

#header #mainMenu {
	position: absolute;
	top: 97px;
	left: 0px;
	height: 113px;
	width: 976px;
	background: no-repeat url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_menu.png);
}

#header #mainMenu a {
	color: #edbc86;
	text-decoration: none;
}

#header #mainMenu a:hover {
	color: #f7d9be;
}

#header #mainMenu li.active a {
	color: #ffffff;
}

#header #mainMenu li {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_menu_item.png) repeat-y right top;
	float: left;
	padding: 28px 22px 0 22px;
	color: #ffffff;
	font-size: 11px;
	line-height: 17px;
	height: 43px;
}

#header #mainMenu li strong {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	display: block;
}

#header #mainMenu li ul  {
	position: absolute;
	left: 0;
	top: 71px;
	display: none;
	border-bottom: 1px solid #f1d4d5;
	height: 31px;
	width: 951px;
	padding: 10px 0 0 25px;
}

#header #mainMenu li.active ul li  {
	margin-right: 12px;
	height: 21px;
	padding: 0;
	background-image: none;
	font-size: 12px;
	line-height: 15px;
}

#header #mainMenu li.active ul li.active  {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_menu_secondary.gif) no-repeat left top;
}

#header #mainMenu li.active ul li a {
	padding: 3px 15px 0 6px; 
	height: 18px;
	display: block;
	color: #c2242b;
	float: left;
	background-image: none;
}

#header #mainMenu li.active ul li.active a {
	color: #ffffff;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_menu_secondary.gif) no-repeat right -21px;
}


#header #mainMenu li.active ul  {
	display: block;
}

#header #mainMenu li#bestLife {
	position: absolute;
	right:0px;
	top:0px;
	width: 96px;
	height: 71px;
	margin: 0;
	padding:0;
	background: none;
	float: none;
}

#header #mainMenu li#bestLife a {
	width: 96px;
	height: 71px;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/logo_bestlife.jpg);
	overflow: hidden;
	text-indent: -999px;
	display: block;
}

/* POLL */

#poll {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -632px bottom;
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;	
	position: relative;
	width:316px;
}

#poll .hdr {
	height: 40px;
	overflow: hidden;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -316px 0;		
}

#poll .body {
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif);
	padding: 0;
	width:316px;
}

#poll .hdr h2 {
	color: #ffffff;
	font-size: 13px;
	margin:0 0 0 12px;
	padding:14px 0 0;
	font-weight: normal;
}

#poll .body p {
	font-size: 12px;
	margin: 16px;
}

#poll .responses {
	margin: 0 0 10px 0;
	border-top: 1px solid #dadada;
}

#poll .results {
	margin: 0 0 10px 0;
	padding: 0 13px;
	border-top: 1px solid #dadada;
	font-size:12px;
	color: #696969;
}

#poll .results strong {
	margin: 0 0 13px 0;
	padding: 13px 0 0 0;
	display: block;
	font-weight: normal;
}

#poll .results .bar {
	width: 284px;
	height: 30px;
	background-image: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/poll_sprite.gif);
	background-position: -273px 0; 
}

#poll .results .bar .wrapper {
	width: 268px;
	height: 22px;
	padding: 8px 8px 0 8px;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/poll_sprite.gif) -568px 0px;
	color: #ffffff;
}

#poll .results .bar .wrapper .count {
	float: left;
}

#poll .results .bar .wrapper .percentage {
	float: right;
}
				
#poll .responses li {
	height: 29px;
	margin: 0;
	width:299px;;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -316px -157px;	
	font-size: 13px;
	line-height: 16px;
	overflow: hidden;
	padding: 16px 0 0 16px;
	position: relative;
}

#poll .responses li input {
	float: left;
}

#poll .responses li label {
	float: left;
	padding: 2px 0 0 6px;
	cursor: pointer;
}

#poll a.submit {
	float: left;
	margin: 0 8px 0 15px;
	height: 30px;
	padding: 0 ;
	font-size: 12px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#poll a.submit span.lt {
	float: left;
	height: 21px;
	padding: 9px 0 0 20px;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_btn_orange.gif) no-repeat 0 0;
	font-size: 12px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

#poll a.submit:hover span.lt {
	background-position: 0 -30px;
}

#poll a.submit span.rt {
	float: left;
	width: 20px;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_btn_orange.gif) right 0;
	height: 30px;
	display: block;
}

#poll a.submit:hover span.rt {
	background-position: right -30px;
}

/* COUNTDOWN */

#countdownWidget {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_countdown21.png);
	width: 120px;
	height: 205px;
	position: absolute;
	top: 48px;
	right: 12px;
	text-align: center;
	color: #d5652c;
	padding: 28px 30px 0 30px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}

/* ORDER OVERLAY */

#orderOverlay {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}

#orderOverlay .fade {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

#orderOverlay .popup {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -234px;
	margin-left: -360px;
	height: 468px;
	width: 719px;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_overlay_order.png) no-repeat;
	overflow: hidden;
}

#orderOverlay .popup .wrapper {
	padding: 23px 0 0 0;
}

#orderOverlay .popup h3 {
	color: #ffffff;
	font-size: 38px;
	width: 530px;
	margin: 0 0 0 30px;
	letter-spacing: -1px;
	line-height: 41px;
	font-weight: normal;
}

#orderOverlay .popup .btn {
	float:left;
	font-size:12px;
	font-weight:bold;
	height:29px;
	line-height:15px;
	padding:0;
	position: absolute;
	top: 125px;
	left: 32px;
	
}

#orderOverlay .popup .btn a {
	background-image:url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_preorder.gif);
	background-position:0 -29px;
	color:#000000;
	display:block;
	height:22px;
	padding:7px 0 0 18px;
	text-decoration:none;
	float: left;
}

#orderOverlay .popup .btn .rt {
	background-image:url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_preorder.gif);
	background-position:right -29px;
	display:block;
	float:left;
	height:29px;
	width:29px;
}

#orderOverlay .popup p {
	color: #333333;
	font-size: 16px;
	margin: 0 0 40px 10px;
	font-weight: bold;
}

#orderOverlay .popup a.close {
	position: absolute;
	right:23px;
	top:19px;
	color: #d5662c;
	background-color: #ffffff;
	padding: 4px;
	font-size: 13px;
	display: block;
	padding:4px 7px;
	text-decoration: none;
	border-bottom: #b65c2c solid 1px;
	border-right: #b65c2c solid 1px;
}

#orderOverlay .popup .item {
	float: left;
	width: 155px;
	height: 110px;
	margin: 0 15px 15px 0;	
}
	#orderOverlay .popup .item a {
	
	}
	#orderOverlay .popup .item img {
		display:block;
		padding-left:10px;
	}
#orderOverlay .popup .boxart {
	background:transparent url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/order_boxart.jpg?1) no-repeat scroll 0 0;
	height:253px;
	left:2px;
	margin:30px 0 0 5px;
	position:absolute;
	top:158px;
	width:343px;
}

#orderOverlay .popup .retailers {
	height:298px;
	left:330px;
	margin:30px 0 0 5px;
	position:absolute;
	top:100px;
	width:372px;
}

/* SECONDARY COLUMN */

#secondary {
	float: left;
	width: 316px;
	color:#4C4C4C;
}

#secondary .panel .hdr {
	height: 40px;
	overflow: hidden;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -316px 0;		
}

#secondary .panel .hdr h2 {
	color: #ffffff;
	font-size: 13px;
	margin:0 0 0 12px;
	padding:14px 0 0;
	font-weight: normal;
}

#secondary .panel .body {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) repeat-y 0 0;		
}

#secondary .panel {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -632px bottom;
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;	
	position: relative;
}

/* REVIEW SPECIFIC */

#secondary #reviews .refresh {
	font-size:12px;
	position:absolute;
	left:18px;
	top:150px;
	text-decoration:none;
}
#secondary #reviews .refresh span {
	background:url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -980px -196px;
	height:7px;
	width:4px;
	display:block;
	margin:-9px 0 0 30px;
	overflow: hidden;
}
#secondary #reviews .refresh:hover span {
	background-position: -980px -203px;
}

#secondary #reviews .quote {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -316px -40px;	
	width: 316px;
	height: 123px;
}

#secondary #reviews .quote .content {
	font-size:11px;
	height:56px;
	line-height:14px;
	margin:0 60px 0 58px;
	overflow:hidden;
	padding:24px 0 0;
}
#secondary #reviews .quote .more {
	text-decoration:none;
}

#secondary #reviews .quote .credit {
	float: right;
	font-size: 12px;
	text-align: right;
	padding: 29px 0 0 0;
	margin: 0 17px 0 0;
}

/* SIDEBAR BLOGS */



#secondary #blogs {
	line-height: 16px;
}

#secondary #blogs .filter {
	padding: 4px 0 4px 15px;
	border-bottom: #dadada 1px solid;
	position: relative;
}

#secondary #blogs .filter a {
	display: block;
	width: 101px;
	height: 24px;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_blogs_fliter.gif);
	padding: 5px 40px 0 19px;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

#secondary #blogs .filter a:hover {
	background-position: 0 -29px;
}


#secondary #blogs li {
	border-bottom: #dadada 1px solid;
	padding: 13px;
	font-size: 12px;
	width: 289px
}

#secondary #blogs li h3 {
	color:#c2242b;
	font-size: 13px;
	font-weight: bold;	
	margin-bottom: 8px;
}

#secondary #blogs li h3 a {
	text-decoration: none;
}

#secondary #blogs li p {
	color:#4C4C4C;
}

#secondary #blogs .stats {
	padding: 8px 0 0 0;
}

#secondary #blogs .stats strong {
	color:#c2242b;
	font-weight: normal;
}



#secondary #blogs .stats .count {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat -949px 0;		
	width: 25px;
	height: 22px;
	padding: 5px 4px 0 8px;	
	display: block;
	color: #ffffff;
	text-align: center;
	float: left;
}

#secondary #blogs .stats .credit {
	padding: 5px 0 0 4px;	
	display: block;
	float: left;
}

#secondary #blogs .more {
	float:left;
	font-size:12px;
	margin:0 0 0 13px;
	padding:12px 0 0;
	text-align:left;
}

#secondary #blogs .rss {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_secondary_sprites.gif) no-repeat right -35px;	
	float:right;
	text-align: right;
	display: block;
	margin: 10px 10px 0 0;
	padding:2px 25px 0;
	font-size:12px;
	height: 17px;
	text-decoration: none;
} 


/* FOOTER */
#footer {
	border-top: 5px solid #333333;
	padding-top: 15px;
	font-size: 11px;
}

#footer .brand {
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_footer.gif) 0 0;
	height: 51px;
	width: 977px;
	margin: 0 0 20px 0;
	position: relative;
}

#footer .brand a {
	display: block;
	width: 70px;
	height: 50px;
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	text-indent: -999px;
}

#footer .legal {
	padding: 7px 0 0 0;
	background: url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/bg_footer.gif) 0 -51px;
	height: 42px;
	width: 977px;
}

/* Footer  */
#footer a { 
	text-decoration:none;color:#000;
}

#footer a:hover{
	text-decoration:underline;
}

#footer #links ul {
	width:480px;
	padding:23px 0 20px 20px;
	list-style: none;
	float:left;
}
#footer #links ul li {
	float:left;
	width:140px;
	padding:0 0 10px 8px;
}
#footer #links .esrb {
	float:left;
	background:url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/esrb.gif) no-repeat;
	height:77px;
	width:151px;
	margin:0 0 20px 5px;
}

#footer #links .trademark {
	float:left;
	width:280px;
	line-height:20px;
	display: block;
	padding: 23px 0 0 0;
}

#footer .esrb{
	margin: 0 22px 0 0;
	background:url(http://ll.cdn.static.jp.eaplay.com/u/f/eacomasia/ea.com/easportsactive/_img/logo_truste.gif) no-repeat;
	height:36px;
	width:130px;
	float:right;
	padding-right:10px;
	text-indent: -999px;
	overflow: hidden;
}

#footer .copyright{
	display: block;
	float:left;
	margin: 0 0 0 20px;
	padding: 12px 0 0 0;
}
	#footer .copyright span{font-weight:bold;}