@charset "UTF-8";	
/*
=====================================================================
*
*    modal
*
* =================================================================== 
*/
#preorder-modal,
#preorder-modal *{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    	box-sizing: border-box;
}

#preorder-modal
{
	display: none;
}
	#preorder-modal .content {
		left: 50%;
		top: 0;
		margin-left: -335px;
		width: 671px;
		height: 560px;
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		color: #000;
		background-color: #fff;
		-webkit-box-shadow: 10px 17px 21px rgba(0,0,0,.75);
		-moz-box-shadow: 10px 17px 21px rgba(0,0,0,.75);
		box-shadow: 10px 17px 21px rgba(0,0,0,.75);
		border: solid 5px #000;
		text-align: center;
		z-index: 90;
	}


	#preorder-modal .top-frame {
		background: #000;
		font-weight: 300;
		font-size: 13px;
		text-transform: uppercase;
		color: #fff;
		text-align: right;		
	}	
		#preorder-modal #preorder-modal-close {
			cursor: pointer;
			padding: 3px 8px 8px;
		}
			#preorder-modal #preorder-modal-close:hover {
				text-decoration: underline;
			}			
	
	#preorder-modal .cta {
		font-weight: 700;
		font-size: 30px;
		text-transform: uppercase;
		margin: 15px 0 5px;
	}	
	
	#preorder-modal.fr .cta {
		font-size: 23px;
	}
	
	#preorder-modal hr {
		margin: 18px auto;
		background: #CCC;
		border: solid #CCC;
		width: 270px;
		border-width: 1px 0 0 0;
	}
	
	#preorder-modal .available-on {
		font-size: 12px;
		margin-bottom: 5px;
	}
	
	#preorder-modal .button-container {
		width: 130px;
		height: 63px;
		background: url(../images/common/modal/btn-shadow.png) 6px bottom no-repeat;		
		margin: 6px 5px;
		display: inline-block;	
	}

		#preorder-modal .button-container a {
			text-decoration: none;
		}
	
			#preorder-modal .retailers-button {
				width: 130px;
				height: 59px;
				border: solid 3px #fff;
				text-transform: uppercase;
				font-weight: 700;
				font-size: 21px;
				text-align: center;
				color: #fff;
				padding: 14px 0;
				-webkit-transition: background .15s ease-in;
			    -moz-transition: background .15s ease-in;
			    -o-transition: background .15s ease-in;
			    transition: background .15s ease-in;
			}
	#preorder-modal .logo-nintendo-eshop {
		margin-top: 10px;	
	}	
	
	#preorder-modal .for-download {
		font-size: 14px;
		width: 200px;		
		margin: 0 auto;
		line-height: 1em;
	}	
	
	#preorder-modal.fr .for-download {
		width: 230px;
	}
		
	#preorder-modal .threeds-block,
	#preorder-modal .divider,
	#preorder-modal .wiiu-block {
		height: 523px;
		display: inline-block;
	}		
		
	#preorder-modal .divider {
		position: absolute;
		top: 0;
		left: 330px;
		width: 1px;
	}	
	
			#preorder-modal .divider .divider-line {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 1px;
				height: 100%;
				background: #000;
			}

	#preorder-modal .threeds-block,
	#preorder-modal .wiiu-block {
		width: 330px;
		padding-top: 30px;
	}

	#preorder-modal.fr .threeds-block,
	#preorder-modal.fr .wiiu-block {
		padding-top: 25px;
	}
	
	#preorder-modal .inner-content {
		position: relative;
	}
	
	#preorder-modal .threeds-block {
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/common/modal/bg-red.jpg) 0 0 no-repeat;
	}
			
		#preorder-modal .threeds-block .retailers-button {
			background-color: rgb(230,0,19);
		}
			#preorder-modal .threeds-block .retailers-button:hover {
				background-color: rgb(255,120,0);
			}			
	#preorder-modal .wiiu-block {
		position: absolute;
		top: 0;
		right: 0;
		background: url(../images/common/modal/bg-blue.jpg) 0 0 no-repeat;
	}

		#preorder-modal .wiiu-block .retailers-button {
			background-color: rgb(0,87,184);
		}
			#preorder-modal .wiiu-block .retailers-button:hover {
				background-color: rgb(0,170,230);
			}

/*
=====================================================================
*
*    Footer
*
* =================================================================== 
*/
#Footer {}

	#Footer .movieBlock a {
		display: block;
		width: 313px;
		height: 78px;
		margin: 0 auto 30px;
		background: url( ../images/common/btn/foot-movie-btn.png ) no-repeat;
	}

	#Footer .movieBlock a:hover {
		background-position: 0 -78px;
	}

#Footer .btnBlock {
	padding-top: 12px;
	border-top: solid 1px #F5F5F5;
	margin-bottom: 10px;
}
	
	#Footer .btnBlock .flR {
		font-size: 12px;
	}

		#Footer .btnBlock .flR ul {
			margin-bottom: 10px;
		}
	
			#Footer .btnBlock .flR li {
				float: right;
			}
	
				#Footer .btnBlock .flR li a {
					display: block;
					line-height: 20px;
					padding-right: 16px;
					background: url(../../images/common/bg/footer-arrow.png) no-repeat right 1px;
				}
				
				#Footer .btnBlock .flR li a:hover {
					background-position: right -14px;
				}

		#Footer .btnBlock .flR .privacyLink {
			margin-bottom: 10px;
		}
			#Footer .btnBlock .flR .privacyLink a {
				display: block;
				float: right;
				line-height: 20px;
				padding-right: 16px;
				background: url(../../images/common/bg/footer-arrow.png) no-repeat right 1px;
			}
			#Footer .btnBlock .flR .privacyLink a:hover {
				background-position: right -14px;
			}

		#Footer .btnBlock .flR .oldSiteLink {
		}
			#Footer .btnBlock .flR .oldSiteLink a {
				display: block;
				float: right;
				line-height: 20px;
				padding-right: 16px;
				background: url(../../images/common/bg/footer-arrow.png) no-repeat right 1px;
			}
			#Footer .btnBlock .flR .oldSiteLink a:hover {
				background-position: right -14px;
			}
		
	#Footer .bannerBlock {
		width: 880px;
		margin-left: auto;
		margin-right: auto;
	}

	#Footer .bannerBlock .flL .left{ 
		float: left;
		padding-top: 40px;
	}

	#Footer .bannerBlock .flL .left ul{
	}

	#Footer .bannerBlock .flL .left li{
		display: inline-block;
		margin-right: 10px;
		vertical-align: bottom;
	}

	#Footer .bannerBlock .flL .left li.club{
		border-left: 1px solid #E6E6E6;
		padding-left: 10px;
		margin-left: 10px;
	}

	#Footer .bannerBlock .flL .right ul li{
		float: left;
		margin-right: 10px;
	}

	#Footer .bannerBlock .flL .right{
		float: right;
		padding-top: 62px;
	}
	#Footer .bannerBlock .flL .right .title{
		padding-left: 10px;
		color: #808080;
		font-size: 12px;
	}
	
	#Footer .bannerBlock .flL .right li{
	}

	#Footer .bannerBlock .flL .right ul{
		margin-left: 10px;
		padding-top: 5px;
	}

			#Footer .bannerBlock .flL .right li.facebook a {
				display: block;
				width: 34px;
				height: 34px;
				background: url(../images/common/btn/footer-facebook.png) no-repeat 0px 0px;
			}
			
			#Footer .bannerBlock .flL .right li.twitter a {
				display: block;
				width: 34px;
				height: 34px;
				background: url(../images/common/btn/footer-twitter.png) no-repeat 0px 0px;
			}

			#Footer .bannerBlock .flL .right li.youtube a {
				display: block;
				width: 60px;
				height: 34px;
				background: url(../images/common/btn/footer-youtube.png) no-repeat 0px 0px;
			}

			#Footer .bannerBlock .flL .right li.signup a {
				display: block;
				width: 140px;
				height: 34px;
				background: url(../images/common/btn/footer-signup.png) no-repeat 0px 0px;
			}

	#Footer .bannerBlock .flR{
		padding-top: 100px;
	}

	#Footer .bannerBlock .flR ul{
		
	}

	#Footer .bannerBlock .flR li{
		float: left;
		padding-right: 10px;
		border-right: 1px solid #E6E6E6;
		padding-left: 10px;
	}

	#Footer .bannerBlock .flR li.turn{
		float: left;
		border:none;
		padding-right: 0px;
	}

#SecretAlertSection .alertText{
	margin-top: 15px;	
}