* { box-sizing: border-box; }
a img { border: 0; }
html, body { background: #000000; font: normal 12px Arial, Helvetica, sans-serif; margin: 0; }
html.ko-kr, body.ko-kr { font-family: "Dotum"; }
object, iframe { visibility: hidden; height: 1px; width: 1px; }
.clearfix:before, .clearfix:after { content: ""; display: block; clear: both; }

#legal { float: right; padding: 0px; }
.legal { margin: 35px auto 35px; position: relative; width: 960px; }
.legal .blizz-logo { display: block; float: left; margin-right: 20px; }
.legal .copyright { color: #98896c; float: left; font-size: 10px; line-height: 1.2em; margin-right: 20px; width: 480px; }
#legal-ratings { float: right; }
#legal-ratings img { vertical-align: top; text-align: right; }
#legal-ratings a { margin-left: 10px; }
.legal a { display: inline-block; vertical-align: top; }
.legal span { color: #ff0707; margin-bottom: 6px; }
.legal .description { color:#98896c; }
.legal span { color:#7d7875; margin-bottom:0px; }
.product-rating-wrapper { float:right; }
.product-rating { width:300px; font-size:11px; line-height: 15px; }
.product-rating a { display:inline; vertical-align:top; margin-left:0px; float:left; }
.esrb-descriptor, .esrb-disclaimer { display:block; margin-left:80px; }

/* continue message */
.continue-message { width:100%; }

/* interstitial content */
.content { position:relative; width:100%; height:1000px; margin:0 auto; background-repeat: no-repeat; background-position: center top; }
.content .container { width:800px; max-width:800px; min-width:800px; margin:0 auto; height:800px; position:relative; }
.content .btn { display:block; position:absolute; }
.content .btn.upgrade { top:510px; right:20px; width:320px; height:70px; }
.content .btn.redeem { top:640px; right:90px; width:180px; height:30px; }
.content .btn.download { top:700px; right:75px; width:200px; height:30px; }
.content .btn.more { top:740px; right:25px; width:310px; height:20px; }

.es-mx .content .btn.download { width:300px; right:30px; }
.es-mx .content .btn.more { width:360px; right:0px; }

.fr-fr .content .btn.upgrade { width:400px; right:-20px; }
.fr-fr .content .btn.redeem { width:260px; right:50px; }
.fr-fr .content .btn.download { width:230px; right:60px; }

.de-de .content .btn.redeem { width:215px; right:70px; }
.de-de .content .btn.download { width:250px; right:55px; }
.de-de .content .btn.more { width:320px; right:15px; }

.es-es .content .btn.download { width:305px; right:25px; }

.it-it .content .btn.redeem { width:220px; right:70px; }
.it-it .content .btn.more { width:360px; right:0px; }

.pl-pl .content .btn.upgrade { width:400px; right:-20px; }
.pl-pl .content .btn.redeem { width:220px; right:70px; }
.pl-pl .content .btn.download { width:230px; right:65px; }
.pl-pl .content .btn.more { width:320px; right:15px; }

.ru-ru .content .btn.redeem { width:220px; right:70px; }
.ru-ru .content .btn.more { width:270px; right:45px; }

.ko-kr .content .btn.download { top:675px; width:140px; right:110px; }
.ko-kr .content .btn.more { top:710px; }

.zh-tw .content .btn.download { top:655px; width:185px; right:85px; }
.zh-tw .content .btn.more { top:740px; width:150px; right:105px; }