@charset "utf-8";
/* Home Page Panels */

.clearFix{
	display: block;
	clear: both;
}

#panel_topLeft, #panel_topRight, #panel_bottomLeft, #panel_bottomMid, #panel_bottomRight {
	position:relative;
	clear:none;
	float:left;
	width:317px;
	height:325px;
}
	#panel_topRight{
		width: 648px;
		margin: 0 0 0 14px;
		overflow:hidden;
	}
		#panel_topRight h2{
			position: absolute;
			height:0;
			padding: 48px 0 0 0;
			overflow:hidden;
			top: 0;
			left: 0;
			z-index: 2;
		}
			#panel_topRight h2.en{
				background: url(../images/title/titleNew.png) no-repeat;
				width:126px;
			}
			#panel_topRight h2.fr{
				background: url(../images/title/homeTitle_new_fr.png) no-repeat;
				width:195px;
			}
			#panel_topRight h2.es{
				background: url(../images/title/homeTitle_new_es.png) no-repeat;
				width:170px;
			}
			#panel_topRight h2.it{
				background: url(../images/title/homeTitle_new_it.png) no-repeat;
				width:170px;
			}
		#thumbNav{
			position: absolute;
			bottom: 0;
			left: 275px;
			height:25px;
			width:84px;
			padding: 5px 0 0 15px;
			background: url(../images/backgrounds/sliderNav_bg.png);	
		}
			#thumbNav a{
				display: block;
				height: 0;
				width: 23px;
				padding-top: 23px;
				overflow:hidden;
				float: left;
				background: url(../images/buttons/sliderNav_link.png);	
			}
				#thumbNav a:hover{
					background-position: 0 -24px;
				}
				#thumbNav a.cur{
					background-position: 0 -47px;
				}
			#sliderPanel1{
				background: url(../images/banners/homeSlider_teams.jpg);	
			}
				#sliderPanel1 h3{
					position: absolute;
					top: 6px;
					height: 0;
					overflow: hidden;
				}
					#sliderPanel1.en h3{
						width: 228px;
						padding-top:19px;
						background: url(../images/title/homeTitle_chooseTeam.png) no-repeat;	
						left: 238px;
					}
					#sliderPanel1.fr h3{
						width: 228px;
						padding-top:24px;
						background: url(../images/title/homeTitle_chooseTeam_fr.png) no-repeat;	
						left: 258px;
					}
					#sliderPanel1.es h3{
						width: 228px;
						padding-top:19px;
						background: url(../images/title/homeTitle_chooseTeam_es.png) no-repeat;	
						left: 258px;
					}
					#sliderPanel1.it h3{
						width: 350px;
						padding-top:22px;
						background: url(../images/title/homeTitle_chooseTeam_it.png) no-repeat;	
						left: 205px;
					}
				#sliderPanel1 h4{
					position: absolute;
					top: 32px;
					height: 0;
					overflow: hidden;
				}
					#sliderPanel1.en h4{
						width: 354px;
						padding-top:17px;
						background: url(../images/title/homeTitle_newLaunchers.png) no-repeat;	
						left: 174px;
					}
					#sliderPanel1.fr h4{
						width: 354px;
						padding-top:17px;
						background: url(../images/title/homeTitle_newLaunchers_fr.png) no-repeat;	
						left: 210px;
					}
					#sliderPanel1.es h4{
						width: 354px;
						padding-top:17px;
						background: url(../images/title/homeTitle_newLaunchers_es.png) no-repeat;	
						left: 210px;
					}
					#sliderPanel1.it h4{
						width: 354px;
						padding-top:17px;
						background: url(../images/title/homeTitle_newLaunchers_it.png) no-repeat;	
						left: 210px;
					}
					
						#phantom{
							position: absolute;
							top: 110px;
							left: 90px;
							height: 0;
							width: 110px;
							padding-top:42px;
							overflow: hidden;
							background: url(../images/title/homeTitle_phantom.png) no-repeat;
						}
						
						#predator{
							position: absolute;
							top: 110px;
							left: 290px;
							height: 0;
							width: 110px;
							padding-top:42px;
							overflow: hidden;
							background: url(../images/title/homeTitle_predator.png) no-repeat;
						}
						
						#paladin{
							position: absolute;
							top: 110px;
							left: 510px;
							height: 0;
							width: 110px;
							padding-top:42px;
							overflow: hidden;
							background: url(../images/title/homeTitle_paladin.png) no-repeat;
						}

			#sliderPanel2{
				background: url(../images/banners/homeSlider_fx.jpg);	
			}
				#sliderPanel2 h3{
					position: absolute;
					top: 30px;
					left: 502px;
					height: 0;
					overflow: hidden;
					width: 130px;
					padding-top:90px;
					background: url(../images/title/homeTitle_mecha.png) no-repeat;	
				}
				#sliderPanel2 h4{
					position: absolute;
					top: 135px;
					height: 0;
					overflow: hidden;
				}
					#sliderPanel2.en h4{ 
						width: 196px;
						padding-top:49px;
						left: 440px;
						background: url(../images/title/homeTitle_unleashSpecial.png) no-repeat;	
					}
					#sliderPanel2.fr h4{
						width: 262px;
						padding-top:49px;
						left: 390px;
						background: url(../images/title/homeTitle_unleashSpecial_fr.png) no-repeat;	
					}
					#sliderPanel2.es h4{
						width: 262px;
						padding-top:49px;
						left: 390px;
						background: url(../images/title/homeTitle_unleashSpecial_es.png) no-repeat;	
					}
					#sliderPanel2.it h4{
						width: 210px;
						padding-top:49px;
						left: 430px;
						background: url(../images/title/homeTitle_unleashSpecial_it.png) no-repeat;	
					}
					
						#talonthor{
							position: absolute;
							top: 290px;
							left: 140px;
							height: 0;
							width: 126px;
							padding-top:36px;
							overflow: hidden;
							background: url(../images/title/homeTitle_gyro.png) no-repeat;
						}
						
						#masumai{
							position: absolute;
							top: 255px;
							left: 325px;
							height: 0;
							width: 126px;
							padding-top:36px;
							overflow: hidden;
							background: url(../images/title/homeTitle_upper.png) no-repeat;
						}
						
						#dragun{
							position: absolute;
							top: 220px;
							left: 455px;
							height: 0;
							width: 126px;
							padding-top:36px;
							overflow: hidden;
							background: url(../images/title/homeTitle_tip.png) no-repeat;
						}
			#sliderPanel3{
				background: url(../images/banners/homeSlider_arena.jpg) no-repeat;	
			}
				#sliderPanel3 h3{
					position: absolute;
					top: 25px;
					left: 200px;
					height: 0;
					overflow: hidden;
					width: 130px;
					padding-top:90px;
					background: url(../images/title/homeTitle_mecha.png) no-repeat;	
				}
					#sliderPanel3.en h3{
						width: 264px;
						padding-top:26px;
						background: url(../images/title/homeTitle_ultimateArena.png) no-repeat;	
					}
					#sliderPanel3.fr h3{
						width: 264px;
						padding-top:26px;
						background: url(../images/title/homeTitle_ultimateArena_fr.png) no-repeat;	
					}
					#sliderPanel3.es h3{
						width: 264px;
						padding-top:26px;
						background: url(../images/title/homeTitle_ultimateArena_es.png) no-repeat;	
					}
					#sliderPanel3.it h3{
						width: 264px;
						padding-top:26px;
						background: url(../images/title/homeTitle_ultimateArena_it.png) no-repeat;	
					}
				#sliderPanel3 h4{
					position: absolute;
					width: 275px;
					left: 25px;
					height: 0;
					overflow: hidden;
				}
					#sliderPanel3.en h4{
						top: 240px;
						padding-top:43px;
						background: url(../images/title/homeTitle_customizable.png) no-repeat;	
					}
					#sliderPanel3.fr h4{
						top: 260px;
						padding-top:43px;
						background: url(../images/title/homeTitle_customizable_fr.png) no-repeat;	
					}
					#sliderPanel3.es h4{
						top: 260px;
						padding-top:43px;
						background: url(../images/title/homeTitle_customizable_es.png) no-repeat;	
					}
					#sliderPanel3.it h4{
						top: 250px;
						padding-top:48px;
						background: url(../images/title/homeTitle_customizable_it.png) no-repeat;	
					}
				.exploreLink{
					display: block;
					position: absolute;
					bottom: 10px;
					right: 10px;
					height: 25px;
					width: 111px;
					text-indent:-9999px;
					overflow:hidden;
					background: url(../images/buttons/homeBtn_explore.png) no-repeat;	
				}
					.exploreLink:hover{
						background-position: 0 -25px;
					}
			/* Slider CSS */
				.anythingSlider{
					position:relative;
					width:648px; 
					height:332px; 
				}	
					.anythingSlider .wrapper{
						position:absolute;
						top:0;
						left:0;
						width:648px;
						height:332px;  
					}
					.anythingSlider .slider{
						position:absolute;
						top:0;
						left:0;
						width:3240px;
					}
						.anythingSlider .panel{
							position: relative;
							width:648px;
							height:332px;
							display:block; 
							float:left; 
						 }	
	#panel_bottomMid {
		padding:0 14px 0 14px;
	}
#panel_topLeft, #panel_topRight{
	padding-bottom:20px;
}
	#panel_topLeft,#panel_bottomMid{
		background: url(../images/backgrounds/bs2_home_gradBg.jpg) no-repeat center top;
	}
	/* Action Panel */
#vidContainer{
		clear: both;
		display: block;
		height: 236px;
		width: 295px;
		margin: 0 auto;
		background: url(../images/backgrounds/vid_bottomBG.jpg) bottom left no-repeat;
	}
		#vidBlurb{
			padding: 15px 0 0 0;
			text-align: center;
		}
	/* Details Panel */
		.bs2_detailsLink{
			position: absolute;
			bottom: 43px;
			right: 19px;
			display: block;
			width: 101px;
			height: 25px;
			text-indent: -9999px;
		}
			.details_en{
				background: url(../images/buttons/btn_details_en.gif) no-repeat center top;
			}
			.details_fr{
				background: url(../images/buttons/btn_details_fr.gif) no-repeat center top;
			}
			.details_es{
				background: url(../images/buttons/btn_details_es.gif) no-repeat center top;
				width: 120px;
			}
			.details_it{
				background: url(../images/buttons/btn_details_it.gif) no-repeat center top;
				width: 113px;
			}
			.bs2_detailsLink:hover{
				background-position: 0 -25px;
			}
/* Panel bottomMid - Community */
#bs2_home_loggedOut, #bs2_welcomeBack{
	margin: 0 0 0 10px; 
	display: block;
	clear: left;
	background: #000;
	border: 1px solid #333;
}
	.loggedOut_en{
		padding: 10px 0 15px 30px;
		width: 265px;
	}
	.loggedOut_fr, .loggedOut_es{
		padding: 10px 0 15px 20px;
		padding-left: 20px;
		width: 275px;
	}
	.loggedOut_it{
		padding: 10px 0 15px 10px;
		padding-left: 10px;
		width: 285px;
	}
/* Logged In */
	#bs2_welcomeBack{
		padding: 30px 0 0 0;
		position: relative;
		width: 295px;	
	}
		#bs2_welcomeBack p{
			padding: 0 0 10px 10px;
		}
	.bs2_home_welcomeBanner{
		position: absolute;
		text-indent: -9999px;
		display: block;
		height: 20px;
		top: -1px;
		right: 0;
	}
		#welcomeBanner_en{
			width: 201px;
			background: url(../images/title/bs2_home_welcome_en.gif) top right no-repeat;
		}
		#welcomeBanner_fr{
			width: 168px;
			background: url(../images/title/bs2_home_welcome_fr.gif) top right no-repeat;
		}
		#welcomeBanner_es{
			width: 267px;
			background: url(../images/title/bs2_home_welcome_es.gif) top right no-repeat;
		}
		#welcomeBanner_it{
			width: 170px;
			background: url(../images/title/bs2_home_welcome_it.gif) top right no-repeat;
		}
		
			.loggedInList li{
				padding: 7px 10px 9px 10px;
				font-size:12px;
				color:#FFF;
			}
				.loggedInList li a{
					text-decoration: none;
				}
				.loggedInList li a:hover{
					color: #f00;
					text-decoration: none;
				}
				.bs2_home_userInfo{
					height: 15px;
					width: 130px;
					display: block;
					float:left;
				}
				#logout{
					margin-top: 25px;
					float: right;
				}
					.logoutLink{
						margin: 0 10px 0 0;
						text-decoration:none;
					}
					.logoutLink:hover{
						color:#F00;
					}
			.topGrey{
				border-top: 1px solid #333;
			}
			
/* Not Logged In */

	.p1_inputField{
		float: left;
		clear: both;
		background: url(../images/backgrounds/bs2_home_textBox.gif) 0 0 no-repeat;
		width: 160px;
		height: 25px;
		margin: 0 0 9px 0;
	}
	.p1field{
		padding: 4px 0 0 6px;
		background: none;
		border: none;
	}
		.loginBox{
			width: 245px;
		}
	.bs2_home_login{
		display: block;
		float: left;
		text-indent: -9999px;
		height: 25px;
		margin-left: 9px;
	}
	.bs2_home_login:hover{
		background-position: 0 -25px;
	}
		.login_en{
			background: url(../images/buttons/btn_login_en.gif) 0 0 no-repeat;
			width: 74px;
		}
		.login_fr{
			background: url(../images/buttons/btn_login_fr.gif) 0 0 no-repeat;
			width: 98px;
		}
		.login_es{
			background: url(../images/buttons/btn_login_es.gif) 0 0 no-repeat;
			width: 98px;
		}
		.login_it{
			background: url(../images/buttons/btn_login_it.gif) 0 0 no-repeat;
			width: 109px;
			
		}
	#bs2_home_remLinks{
		clear:both;
	}
	#p1_reme{
		width: 265px;
	}
		.fakecheck{
			background: url(../images/buttons/p1_checkBox.gif) 0 1px no-repeat;
			padding:0 0 0 18px;
		}
		.fakechecked{
			background-position: 0 -13px;
		}
		#reme{
			display: none;
		}
			#p1_reme a{
				text-decoration: none;
				float: left;
			}
			#p1_reme a:hover{
				color: #FFF;
				float: left;
			}
			.forgotPass{
				margin: 0 0 0 10px;
			}
	#loggedOut_bottom{
		padding: 20px 0 0 20px;
	}		
		.bs2_joinList {
			list-style:none;
			width: 240px;
		}
		.bs2_home_joinNow{
			position: absolute;
			right: 20px;
			top: 10px;
			display: block;
			text-indent: -9999px;
			height: 25px;
		}
			.bs2_home_joinNow:hover{
				background-position: 0 -25px;
			}
			.join_en{
				background: url(../images/buttons/btn_joinNow_en.gif) 0 0 no-repeat;
				width: 118px;
			}
			.join_fr{
				background: url(../images/buttons/btn_joinNow_fr.gif) 0 0 no-repeat;
				width: 138px;
			}
			.join_es{
				background: url(../images/buttons/btn_joinNow_es.gif) 0 0 no-repeat;
				width: 158px;
			}
			.join_it{
				background: url(../images/buttons/btn_joinNow_it.gif) 0 0 no-repeat;
				width: 127px;	
			}
			
/* Panel 4 - Customizer*/
#panel_bottomLeft{
		background: url(../images/backgrounds/bs2_home_customizeBg.jpg) no-repeat center top;
		position: relative;
}
	#bs2_home_customDesc_en{
		position: absolute;
		left: 10px;
		bottom: 30px;
		width: 96px;
		height: 75px;
	}
	#bs2_home_customDesc_fr, #bs2_home_customDesc_es, #bs2_home_customDesc_it{
		position: absolute;
		left: 10px;
		bottom: 30px;
		width: 96px;
		height: 100px;
	}
	
	.btn_customize{
		position: absolute;
		right: 10px;
		top: 10px;
		text-indent:-9999px;
		height: 25px;
		width:162px;
	}
		.btn_customize:hover{
			background-position: 0 -25px;
		}
		
		.customize_en{
			background: url(../images/buttons/btn_buildIt_en.gif) 0 0 no-repeat;
			width: 102px;
		}
		.customize_fr{
			background: url(../images/buttons/btn_buildIt_fr.gif) 0 0 no-repeat;
		}
		.customize_es{
			background: url(../images/buttons/btn_buildIt_es.gif) 0 0 no-repeat;
		}
		.customize_it{
			background: url(../images/buttons/btn_buildIt_it.gif) 0 0 no-repeat;
		}

/* Panel bottomRight - Free Game*/
#panel_bottomRight{
	position: relative;
	background: url(../images/backgrounds/panel_game.jpg) no-repeat center top;
}
	#panel_bottomRight h3{
		position: absolute;
		top:203px;
		left:81px;
		height: 52px;
		width: 175px;
		text-indent: -9999px;
	}
		#panel_bottomRight h3.en{
			background: url(../images/title/homeTitle_freeOnline.png) no-repeat 0 0;
		}
		#panel_bottomRight h3.fr{
			background: url(../images/title/homeTitle_freeOnline_fr.png) no-repeat 0 0;
		}
		#panel_bottomRight h3.es{
			background: url(../images/title/homeTitle_freeOnline_es.png) no-repeat 0 0;
			left:75px;
		}
		#panel_bottomRight h3.it{
			background: url(../images/title/homeTitle_freeOnline_it.png) no-repeat 0 0;
		}
	#panel_bottomRight h4{
		position: absolute;
		top:268px;
		left:70px;
		height: 24px;
		width: 200px;
		text-indent: -9999px;
	}
		#panel_bottomRight h4.en{
			background: url(../images/title/homeTitle_newGame.png) no-repeat 0 0;
		}	
		#panel_bottomRight h4.fr{
			background: url(../images/title/homeTitle_newGame_fr.png) no-repeat 0 0;
			left:80px;
		}
		#panel_bottomRight h4.es{
			background: url(../images/title/homeTitle_newGame_es.png) no-repeat 0 0;
			left:79px;
		}
		#panel_bottomRight h4.it{
			background: url(../images/title/homeTitle_newGame_it.png) no-repeat 0 0;
			left:75px;
		}
		
		.btn_battle{
		position: absolute;
		right: 10px;
		top: 10px;	
		text-indent: -9999px;
		height: 25px;
		width: 97px;
		display:block;
		}
		.btn_battle:hover{
			background-position: 0 -25px;
		}
			.battle_en{
				background: url(../images/buttons/btn_battle_en.gif) 0 0 no-repeat;
			}
			.battle_fr{
				background: url(../images/buttons/btn_battle_fr.gif) 0 0 no-repeat;
				width: 145px;
			}
			.battle_es{
				background: url(../images/buttons/btn_battle_es.gif) 0 0 no-repeat;
				width: 103px;
			}
			.battle_it{
				background: url(../images/buttons/btn_battle_it.gif) 0 0 no-repeat;
				width: 122px;
			}
/*Splash Page*/
#contentSplashPage{
	width: 700px;
	height:500px;
	background: url(../images/banners/introPage_en.jpg) 0 0 no-repeat;

}	

.btn_enterSite{
		position: absolute;
		left: 280px;
		top: 440px;
		text-indent:-9999px;
		height: 25px;
		width:140px;
}
		.btn_enterSite:hover{
			background-position: 0 -25px;
		}
		
		.enterSite_en{
			background: url(../images/buttons/btn_entersite_en.gif) 0 0 no-repeat;
			width: 140px;
		}
		.enterSite_fr{
			background: url(../images/buttons/btn_entersite_fr.gif) 0 0 no-repeat;
		}
		.enterSite_es{
			background: url(../images/buttons/btn_entersite_es.gif) 0 0 no-repeat;
		}
		.enterSite_it{
			background: url(../images/buttons/btn_entersite_it.gif) 0 0 no-repeat;
		}


a.registerNowHome, a.registerNowHome:visited{
			position: absolute;
			top: 145px;
			left: 25px;
			display: block;
			width: auto;
			height: 25px;
			font-weight:bold;
			color:#FFFFFF;
			font-size:14px;
}
a.registerNowHome:hover{
			position: absolute;
			top: 145px;
			left: 25px;
			display: block;
			width: auto;
			height: 25px;
			font-weight:bold;
			color:#FF0000;
			font-size:14px;
}
.paddit{
	padding-left:33px;
}