/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

/* General */

body {
	font-family:franklin-gothic-urw, Arial, sans-serif;
	padding: 0px;
	background: #000000;
}

a
{
	text-decoration: none;
}

ul, li
{
	margin: 0;
	padding: 0;
}

li
{
	list-style-type: none;
}

.clear
{
	clear: both;
}

a:focus,
a:active {
	outline:none;
}

sup {
    font-size: 0.6em;
}

header,
#container,
#pokesplitter,
#left-container,
#right-container,
footer {
	min-width:980px;
}

/* Header */

header {
	height:56px;
	margin:0 auto;
}

header .gus {
	border:none;
	overflow:hidden;
	width:100%;
}

#main {
	position:relative;
}

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#pokesplitter {
	margin: 0 auto;
	background: #000000;
	border: 0px solid #000;
	overflow: hidden;
	height: 716px;
	visibility:hidden;
	/* No padding allowed */
}

#pokesplitter > div 
{
	overflow: hidden;
}

/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */

#pokesplitter .vsplitbar {
	width: 0px;
	/*height: 800px;*/
	overflow: visible;
	cursor: e-resize;	/* in case col-resize isn't supported */
	cursor: col-resize;
}

#vicsplitter
{
	position: relative;
	left: -90px;
	top: -150px;
	background:url('../images/global/splitter-image.png') no-repeat center top;
	width: 181px;
	height: 947px;
	
}

/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
 
#left-pane {
	background-color:#ffffff;
	overflow: visible;
	/*width: 30px;*/		/* optional, initial splitbar position */
	/* No margin or border allowed */
}

#left-container {
	background:url('../images/global/white-background.jpg') no-repeat center top;
	height:716px;
	overflow: hidden;
	position:absolute;
	left:0;
	top:0;
}

.fourofour #left-container {
	background:url('../images/global/white-bg-404.jpg') no-repeat center top;
}

#left-content,
#right-content {
	height:686px;
	margin:0 auto;
	position:relative;
	width:872px;
}

#zekrom-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}

/*
 * Right-side element of the splitter.
 */
 
#right-pane {
	background-color:#000000;
	overflow: visible;
	/* No margin or border allowed */
}

#right-container {
	background:#000000 url('../images/global/black-background.jpg') no-repeat center top;
	height:716px;
	overflow: hidden;
	position:absolute;
	right: 0px;
	float:right;
	top:0px;
}

.ie8 #right-container,
.ie8 #reshiram-bg,
.ie8 #right-container .overlay {
	position:static;
}

.fourofour #right-container {
	background:url('../images/global/black-bg-404.jpg') no-repeat center top;	
}

#reshiram-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}

.top-bar {
	position:relative;
}

/* Air Messages */

.air-message {
	margin: 0 auto;
	font-size:16px;
	font-weight:700;
	position:relative;
	height:37px;
	z-index:1001;
}

.air-message div {
	height:37px;
}

.air-message td.center {
	text-transform:uppercase;
}

.air-message-white {
	color:#ffffff;
	line-height:30px;
}

.air-message-white td.left {
	background:url('../images/global/am-white-left.png') no-repeat left top;
	width:32px;
}

.air-message-white td.center {
	background:url('../images/global/am-white-tile.png') repeat-x;
	min-width:300px;
	text-align:center;
	padding:0 10px;
}

.air-message-white td.right {
	background:url('../images/global/am-white-right.png') no-repeat right top;
	width:32px;
}

.air-message-black {
	color:#000000;
	background:url('../images/global/am-black-left.png') no-repeat left top;
	line-height:30px;
	text-align:center;
}

.air-message-black td.left {
	background:url('../images/global/am-black-left.png') no-repeat left top;
	width:34px;
}

.air-message-black td.center {
	background:url('../images/global/am-black-tile.png') repeat-x;
	min-width:300px;
	padding:0 10px;
}

.air-message-black td.right {
	background:url('../images/global/am-black-right.png') no-repeat right top;
	width:34px;
}

.air-message-black div {
	background:url('../images/global/am-black-right.png') no-repeat right top;
}

.air-message div span {
	display:inline-block;
	font-size:16px;
	vertical-align:top;
}	

.air-message-black div span {
	background:url('../images/global/am-black-tile.png') repeat-x;
	height:37px;
	min-width:500px;
	padding:0 10px;
}

td.theater {
	height:37px;
}

td.theater table {
	height:37px;
}

.theater-left {
	background:url('../images/global/find-theater-left.png') no-repeat left top;
	width:36px;
}

.theater-center {
	background:url('../images/global/find-theater-tile.png') repeat-x;
}

.theater-right {
	background:url('../images/global/find-theater-right.png') no-repeat right top;
	width:32px;
}

a.find-theater {
	color:#000000;
	font-style:italic;
}

/* Language Selector */

td.lang-selector {
	overflow:visible;
}

.air-message div.language-selector {
	background:url('../images/global/lang-right.png') no-repeat right top;
	color:#d59b00;
	font-weight:bold;
	height:27px;
	position:absolute;
	padding-right:30px;
	top:0;
	width:150px;
}

.air-message div.language-selector div {
	background:url('../images/global/lang-tile.png') repeat-x;
	height:27px;
}

.air-message a.selected-language {
	background:url('../images/global/language-arrow.png') no-repeat center right;
	color:#d59b00;
	display:inline-block;
	font-size:14px;
	padding-right:13px;
	line-height:20px;
	vertical-align:top;
	float:right;
	text-transform:uppercase;
}

.air-message a.selected-language img,
.language-popup img {
	margin-right:7px;
	vertical-align:baseline;
}

.language-popup {
	background:url('../images/global/language-popup.png') no-repeat top left;
	display:none;
	height:230px;
	width:346px;
	padding:7px;
	position:relative;
}

.close-button {
	background:url('../images/global/popup-close-btn.png') no-repeat top left;
	display:block;
	height:22px;
	width:21px;
	position:absolute;
	top:20px;
	right:22px;
}

.language-popup h4 {
	color:#717171;
	font-size:16px;
	height:50px;
	line-height:50px;
	margin:0;
	text-indent:16px;
}

.language-list
{
	width: 346px;
	list-style-type:none;
	margin-top:15px
}

.language-list li {
	float:left;
	padding:3px;
	width:137px;
	margin-left:30px;
}

.language-list a {
	color:#ffffff;
	font-weight:700;
}

.language-list a.inactive {
	color:#aaaaaa;
	cursor:default;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.language-list a.selected {
	color:#d59b00;
}

/* Logos */

.logo
{
	margin:-37px auto 0;
	padding:0;
}

.logo a {
	display:block;
	margin:0 auto;
	width: 549px;
	height: 233px;
}


#white-logo a
{
	background:url('../images/global/logos/white-logo-en.png') no-repeat center top;
}

.da-dk #white-logo a
{
	background-image:url('../images/global/logos/white-logo-da.png');
}

.de-de #white-logo a
{
	background-image:url('../images/global/logos/white-logo-de.png');
}

.es-es #white-logo a
{
	background-image:url('../images/global/logos/white-logo-es.png');
}

.fi-fi #white-logo a
{
	background-image:url('../images/global/logos/white-logo-fi.png');
}

.fr-be #white-logo a,
.fr-fr #white-logo a
{
	background-image:url('../images/global/logos/white-logo-fr.png');
}

.it-it #white-logo a
{
	background-image:url('../images/global/logos/white-logo-it.png');
}

.nl-be #white-logo a,
.nl-nl #white-logo a
{
	background-image:url('../images/global/logos/white-logo-nl.png');
}

.no-no #white-logo a
{
	background-image:url('../images/global/logos/white-logo-da.png');
}

.sv-se #white-logo a
{
	background-image:url('../images/global/logos/white-logo-sv.png');
}

#black-logo a {
	background:url('../images/global/logos/black-logo-en.png') no-repeat center top;
}

.da-dk #black-logo a
{
	background-image:url('../images/global/logos/black-logo-da.png');
}

.de-de #black-logo a
{
	background-image:url('../images/global/logos/black-logo-de.png');
}

.es-es #black-logo a
{
	background-image:url('../images/global/logos/black-logo-es.png');
}

.fi-fi #black-logo a
{
	background-image:url('../images/global/logos/black-logo-fi.png');
}

.fr-be #black-logo a,
.fr-fr #black-logo a
{
	background-image:url('../images/global/logos/black-logo-fr.png');
}

.it-it #black-logo a
{
	background-image:url('../images/global/logos/black-logo-it.png');
}

.nl-be #black-logo a,
.nl-nl #black-logo a
{
	background-image:url('../images/global/logos/black-logo-nl.png');
}

.no-no #black-logo a
{
	background-image:url('../images/global/logos/black-logo-da.png');
}

.sv-se #black-logo a
{
	background-image:url('../images/global/logos/black-logo-sv.png');
}

/* Navigation */

.lower-nav
{
	background:url(../images/global/nav-sprite-lower.png) no-repeat 0px -120px;
	height: 30px;
	width: 688px;
	margin: 0px auto;
	z-index:900;
}

.lower-nav a {
	color: #ffffff;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 30px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	width: 166px;
}

.oldie .fr-be .lower-nav a,
.oldie .fr-fr .lower-nav a,
.oldie .es-es .lower-nav a {
	font-size:14px;
}

.lower-nav a.selected {
	color: #000000;	
}

.lower-nav a.selected:hover {
    color: #000000; 
}

.lower-nav a:hover {
    color: #ffc600;
}

nav.trailers {
 	background-position: 0px 0px;
}

nav.story {
 	background-position: 0px -30px;
}

nav.characters {
	background-position: 0px -60px;
}

nav.fun-stuff {
	background-position: 0px -90px;
}

.nav-button
{
	
}

a.trailers, a.fun-stuff
{
	width: 154px;
}

a.trailers {
	padding-left:24px;
}

a.fun-stuff {
	padding-right:24px;	
}

/* Footer */

footer {
	background:url(../images/global/footer-tile.gif) repeat-x;
	color:#959595;
	font-size:11px;
	height:33px;
	margin:0 auto;
	position:relative;
}

#footer-content {
	height:33px;
	margin:0 auto;
	max-width:1100px;
	padding:0 15px;
	text-align:center;
	position:relative;
}

#footer-content p {
	height:33px;
	line-height:33px;
	text-align:center;
	margin:0 auto;
}

#social-icons {
	height:auto;
	position:absolute;
	top:8px;
	right:0;
	width:auto;
}

#social-icons a.addthis {
	background-image:url('../images/global/addthis-sprite.png');
	background-repeat:none;
	display:block;
	float:left;
	height:17px;
	width:17px;
	margin-right:4px;
}

a.facebook {
	background-position:0 0;
}

a.reddit {
	background-position:-17px 0;
}

a.twitter {
	background-position:-34px 0;
}

a.google_plusone {
	background-position:-51px 0;
}

a.myspace {
	background-position:-68px 0;
}

a.digg {
	background-position:-85px 0;
}

a.menu {
	background-position:-102px 0;
}

a.email {
	background-position:-119px 0;
}

.addthis_toolbox {
	display:inline-block;
}

/* Smoke animation */

.smoke-container {
	position:absolute;
	/*top:40px;
	left:60%;*/
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.smoke-container .img {
    opacity: 0;
    position: absolute;
    width:256px;
    height:256px;
    top:107px; /*247px;*/
}

.a{ z-index: 1; }
.b{ z-index: 1; }
.c{ z-index: 1; }
.d{ z-index: 1; }
.e{ z-index: 1; }

/* Interstitial */

#interstitial {
	background:url('../images/global/interstitial-bg.png') no-repeat top left;
	display:none;
	width:506px;
	height:192px;
	padding:7px;
}

#interstitial h4 {
	color:#717171;
	font-size:16px;
	height:50px;
	line-height:50px;
	margin:0;
	padding-right:10px;
	text-align:right;
}

#interstitial p {
	color:#ffffff;
	font-size:11px;
	margin:10px 0 10px 180px;
}

.es-es #interstitial h4,
.nl-be #interstitial h4,
.nl-nl #interstitial h4,
 {
	margin-left:180px;
	text-align:left;
}

.es-es #interstitial p,
.de-de #interstitial p,
.nl-be #interstitial p,
.nl-nl #interstitial p {
	margin-bottom:7px;
}

#interstitial-btns {
	margin:15px 0 0 180px;
}

.es-es #interstitial-btns,
.de-de #interstitial-btns,
.nl-be #interstitial-btns,
.nl-nl #interstitial-btns {
	margin-top:0;
}

#interstitial-btns a {
	color:#ffffff;
	display:block;
	float:left;
	font-size:16px;
	font-weight:700;
	height:38px;
	line-height:38px;
	margin-right:20px;
	text-align:center;
	width:85px;
}

.da-dk #interstitial-btns a {
	font-size:12px;
	line-height:12px;
	padding-top:7px;
}

.fi-fi #interstitial-btns a {
	font-size:13px;
}

a#continue-btn {
	background:url('../images/global/continue-btn.png') no-repeat top left;
	padding-right:2px;
	width:83px;
}

a#cancel-btn {
	background:url('../images/global/cancel-btn.png') no-repeat top left;
}

.es-es #interstitial-btns a,
.fr-be #interstitial-btns a,
.fr-fr #interstitial-btns a,
.nl-be #interstitial-btns a,
.nl-nl #interstitial-btns a {
	font-size:14px;
}

.de-de #interstitial-btns a {
	font-size:13px;
}

.oldie .de-de #interstitial-btns a {
	font-size:12px;
}
	
/* Pikachu logo */

.pikachu-logo {
	position:absolute;
	bottom:-60px;
	right:-20px;
}

/* Home page */

.frames {
	margin:-40px auto 0;
	position:relative;
	left:11px;
}

.video-container {
	float:left;
	margin-right:5px;
	position: relative;
	padding: 12px 0 0 22px;
	overflow: hidden;
	height: 421px;
	width: 696px;
	z-index:100;
}

.trailers #left-content .video-container {
	background:url('../images/home/video-container-white.png') no-repeat top left;	
}

.trailers #right-content .video-container {
	background:url('../images/home/video-container-black.png') no-repeat top left;	
}

.video-poster {
	width: 688px;
	height: 387px;
	position: absolute;
	left: 22px;/*600px;*/
	top:12px;
	z-index: 100;
}

.video-poster h2 {
	color:#ffffff;
	font-size:30px;
	line-height:30px;
	margin:7px 0 0;
	text-align:center;
	text-transform:uppercase;
}

.video-poster h2 span {
	color:#ff0000;
	font-size:22px;
	line-height:22px;
}

#white-video-poster {
	background-image: url('../images/home/video-poster-white.jpg');
}

#black-video-poster {
	background-image: url('../images/home/video-poster-black.jpg');
}

a.play-trailer-btn {
	background:url('../images/home/play-trailer-btn.png') no-repeat top left;
	color:#000000;
	display:block;
	font-size:16px;
	font-weight:bold;
	height:42px;
	line-height:42px;
	margin:240px auto 0;
	padding:16px 58px 16px 17px;
	text-align:center;
	width:170px;	
	position: relative;
	top: 0;
	z-index: 3000;
}

.trailer-switch {
	height:26px;
	position:absolute;
	bottom:0;
	left:0;
	width:auto;
}

#left-content .trailer-switch {
	background:url('../images/home/trailer-switch-bg-white.png') no-repeat top left;
}

#right-content .trailer-switch {
	background:url('../images/home/trailer-switch-bg-black.png') no-repeat top left;
}

.trailer-switch .empty {
	display:block;
	height:26px;
	padding-left:48px;
	padding-right:22px;
}

#left-content .trailer-switch .empty {
	background:url('../images/home/trailer-switch-cap-white.png') no-repeat top right;
}

#left-content .trailer-switch .empty span {
	background:url('../images/home/trailer-switch-tile-white.png') repeat-x;
	display:block;
	height:26px;
	width:50px;
}

#right-content .trailer-switch .empty {
	background:url('../images/home/trailer-switch-cap-black.png') no-repeat top right;
}

#right-content .trailer-switch .empty span {
	background:url('../images/home/trailer-switch-tile-black.png') repeat-x;
	display:block;
	height:26px;
	width:50px;
}

a.play-trailer {
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:26px;
	line-height:26px;
	padding-left:48px;
	padding-right:22px;	
}

a.play-trailer span {
	
	display:block;
	height:26px;
}

#left-content a.play-trailer {
	background:url('../images/home/trailer-switch-cap-white.png') no-repeat top right;
	color:#ffffff;
}

#right-content a.play-trailer {
	background:url('../images/home/trailer-switch-cap-black.png') no-repeat top right;
	color:#000000;
}

#left-content a.play-trailer span {
	background:url('../images/home/trailer-switch-tile-white.png') repeat-x;
}

#right-content a.play-trailer span {
	background:url('../images/home/trailer-switch-tile-black.png') repeat-x;
}

.fi-fi a.play-trailer,
.fr-be a.play-trailer,
.fr-fr a.play-trailer,
.oldie a.play-trailer {
	font-size:11px;
}

.oldie .de-de a.play-trailer {
	font-size:10px;
}

.oldie .fr-be a.play-trailer,
.oldie .fr-fr a.play-trailer {
	font-size:9px;
}

#play-white-trailer,
#play-black-trailer {
	display:none;
	position:relative;
	top:-26px;
	left:0;
}

video {
	background-color: #000000;
	display: none;
}

html.oldie video {
    display: block !important;
}

.novideo {
	height:387px;
	position:relative;
	top:0;
	width:688px;
}

.novideo p {
	margin:0;
	padding:0;	
}

.frame-links {
	float:left;
	height:302px;
	margin-top:4px;
	width:149px;
	position:relative;
	z-index:100;
}

.frame-links a {
	
	color:#ffffff;
	display:block;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	position:relative;
	width:149px;
}

.ie7 .frame-links a,
.ie8 .frame-links a {
	font-size:11px;
	line-height:11px;
}

.frame-links a:hover {
	color:#ffc600;
}

.frame-links a span {
	width:118px;
	padding:6px 3px 6px 5px;
}

.frame-links a.top {
	height:149px;
}

.frame-links a.bottom {
	height:153px;
}

.frame-links-white a.top {
	background:url('../images/home/frame-link-white-top.png') no-repeat top left;
}

.frame-links-white a.bottom {
	background:url('../images/home/frame-link-white-bottom.png') no-repeat top left;
}

.frame-links-black a.top {
	background:url('../images/home/frame-link-black-top.png') no-repeat top left;
}

.frame-links-black a.bottom {
	background:url('../images/home/frame-link-black-bottom.png') no-repeat top left;
}

.frame-links a.top span {
	background:url('../images/home/frame-link-overlay.png');
	display:block;
	margin:0 0 0 6px;
	position:absolute;
	bottom:0;
}

.frame-links a.bottom span {
	background:url('../images/home/frame-link-overlay-bottom.png') no-repeat bottom left;
	display:block;
	/*height:25px;*/
	margin:0 0 0 6px;
	position:absolute;
	bottom:5px;
}

#left-container .overlay {
	background:url('../images/global/white-character.png') no-repeat center top;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;	
}

#right-container .overlay {
	background:url('../images/global/black-character.png') no-repeat center top;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:100%;	
}

.ie8 #right-container .overlay {
	
}

/* Interior */
.left-container-interior
{
	background-image: url('../images/interior-white-bg.png');
	background-repeat: no-repeat;
	overflow: hidden;
	height: 716px;
}

.scroll-button {
	cursor:pointer;
	position:absolute;
}

/* Story Page */

.story-scroll-pane-container {
	height:376px;
	width:714px;
	margin:-36px auto 0;
	padding:7px 0 7px 7px;
	position:relative;
	/*top:-36px;*/
}

#left-content .story-scroll-pane-container {
	background:url('../images/story/story-scroll-pane-white.png') no-repeat top left;
}

#right-content .story-scroll-pane-container {
	background:url('../images/story/story-scroll-pane-black.png') no-repeat top left;
}

.story .scroll-pane { 
	float:left;
	overflow: auto; 
	width: 675px; 
	height:374px;
	position:relative;
	display:inline;
}
.story .scroll-content {
	position:absolute;
	top:0;
	left:0; 
	height:1050px;
	padding:32px;
}

.story #left-content .scroll-content {
	color:#ffffff;
}

.story #right-content .scroll-content {
	color:#2b2b2b;	
}

.story-scroll-content img {
	float:left;	
}

.story .slider-wrap {
	float:left;
	height:252px;
	width:29px;
	margin:63px 0 0;
}

.screenshot-container {
	margin:32px 0 0 32px;
	width:332px;
}

#left-content .screenshot-container {
	background:url('../images/story/divider-vertical-white.png') repeat-y right top;
}

#right-content .screenshot-container {
	background:url('../images/story/divider-vertical-black.png') repeat-y right top;
}

.slider-vertical{
	position:relative;
	height:252px;
	width:19px;
	margin:0 auto;
}

.story .ui-slider-handle{
	background:url('../images/story/story-slider-handle.png') no-repeat center center;
	height:85px;
	width:19px;
	margin-left:-1px;
	display:block;
	position:absolute
}

.story-content {
	margin:0 0 0 331px;	
	padding-left:15px;
}

.story-content h3 {
	font-size:14px;
	font-style:italic;
	line-height:18px;
	margin:0 0 16px;
	padding:0 0 16px;
}

#white-scroll-content .story-content h3 {
	color:#bfeeff;
	background:url('../images/story/divider-horizontal-white.png') no-repeat center bottom;
}

#black-scroll-content .story-content h3 {
	color:#d04204;
	background:url('../images/story/divider-horizontal-black.png') no-repeat center bottom;
}

#left-content .story-content h2 {
	color:#2cbcf1;
	margin-top:0;	
}

#right-content .story-content h2 {
	color:#c70100;
	margin-top:0;	
}

.story-content p {
	line-height:18px;
}

.character-overlay {
	position:absolute;
}

#left-content .character-overlay {
	right:-43px;
	top:-96px;
}

#right-content .character-overlay {
	left:-45px;
	top:-23px;
}

.story .scroll-button {
	right:15px;
}

.scroll-up-button {
	top:43px;
}

.scroll-down-button {
	bottom:43px;
}

/* Characters Page */

.characters-scroll-pane-container {
	color:#ffffff;
	height:380px;
	width:686px;
	margin:-36px auto 0;
	padding:7px;
	position:relative;
	/*top:-36px;*/
}

#left-content .characters-scroll-pane-container {
	background:url('../images/characters/characters-container-white.png') no-repeat top left;
}

#right-content .characters-scroll-pane-container {
	background:url('../images/characters/characters-container-black.png') no-repeat top left;
}

.characters .scroll-pane { 
	overflow: auto; 
	width: 686px; 
	height:355px;
	position:relative;
}
.characters .scroll-content {
	position:absolute;
	top:270px;
	left:0; 
	width:1200px;
	height:85px;
}

.characters .slider-wrap {
	height:21px;
	width:495px;
	margin:0 auto;
	height:29px;
}
.slider-horizontal{
	position:relative;
	top:4px;
	height:21px;
	width:495px;
}
.characters .ui-slider-handle{
	background:url('../images/characters/slider-handle.png') no-repeat top left;
	height:21px;
	width:85px;
	display:block;
	position:absolute;
}

.characters .scroll-button {
	position:absolute;
	bottom:7px;	
}

.scroll-left-button {
	left:73px;	
}

.scroll-right-button {
	right:73px;
}

.character-spotlight{
	height:269px;
	width:686px;
	position:absolute;
	top:7px;
	left:7px;	
}

.character-spotlight .spotlight {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	width:686px;	
}
.spotlight div {
	height:auto;
	position:absolute;
	bottom:10px;
	right:10px;
	width:308px;	
}

.character-spotlight div img {
	float:left;	
}

#left-content .character-spotlight div h2 {
	color:#2cbcf1;
	margin-top:0;
}

#right-content .character-spotlight div h2 {
	color:#c70100;
	margin-top:0;
}	

#left-content .character-spotlight div p {
	color:#ffffff;
}

#right-content .character-spotlight div p {
	color:#000000;
}

.character-spotlight div.visible {
	visibility:visible;	
}

.characters-menu ul li {
	display:block;
	float:left;
	margin:0 6px;
	width:auto;
}

.characters-menu ul li a {
	display:block;	
}

.characters-menu ul li:hover {
    background:url('../images/characters/hover-highlight-right.png') no-repeat top right;
}

.characters-menu ul li:hover a {
    background:url('../images/characters/hover-highlight-left.png') no-repeat top left;
}

.characters-menu ul li.selected {
	background:url('../images/characters/highlight-right.png') no-repeat top right;
}

.characters-menu ul li.selected a {
	background:url('../images/characters/highlight-left.png') no-repeat top left;
}

/* 404 page */
.main404 {
	
	height:275px;
	width:371px;
	margin:-10px auto 0;
	padding:125px 0 0 350px;
	position:relative;
}

.main404 h2 {
	font-size:50px;
	margin:0;
}

.main404 p {
	color:#ffffff;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	margin:0;
	text-indent:5px;
	width:auto;
}

.main404 span.err-msg {
	float:right;
	font-size:12px;
	text-align:right;
}

#left-content .main404 {
	background:url('../images/error/404-bg-white.png') no-repeat top left;
}

#left-content .main404 h2 {
	color:#047e9e;
}

#right-content .main404 {
	background:url('../images/error/404-bg-black.png') no-repeat top left;
}

#right-content .main404 h2 {
	color:#560000;
}


/* Fun Stuff Page */

.fun-stuff #left-content {
	background:url('../images/fun-stuff/glow-white.png') no-repeat center bottom;
}

.fun-stuff #right-content {
	background:url('../images/fun-stuff/glow-black.png') no-repeat center bottom;
}

.left-fun-container
{
	background-position: -300px -90px;
}

.main-fun-row
{
	width: 700px;
	height: 224px;
	margin:-36px auto 0;
}

.fr-be .main-fun-row,
.fr-fr .main-fun-row,
.it-it .main-fun-row {
	width:720px;
}

.da-dk .main-fun-row,
.de-de .main-fun-row,
.fi-fi .main-fun-row,
.nl-be .main-fun-row,
.nl-nl .main-fun-row,
.no-no .main-fun-row,
.sv-se .main-fun-row {
	width:723px;	
}

.es-es .main-fun-row {
	width:726px;
}

.main-fun-row > *
{
	float: left;
}

.wallpaper-container
{
	background-repeat: no-repeat;
	width: 152px;
	height: 205px;
	margin-right: 12px;
	margin-top: 67px;
	padding: 9px;
}

.wallpaper-container h1 {
    font-size: 1.2em;
    
    margin: 9px;
    text-align: center;
}

.wallpaper-container > ul {
    padding-left: 11px;
}

.wallpaper-container li.wallpaper {
    width: 128px;
    height: 74px;
    
    background-image: url('../images/fun-stuff/wallpapers/combo_thumb.gif');

    border: 1px double #000000;
    margin-bottom: 7px;
    
    -webkit-transition: box-shadow 0.75s ease-in-out;
    -moz-transition: box-shadow 0.75s ease-in-out;
}

.da-dk .wallpaper-container li.wallpaper,
.no-no .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/da/combo_thumb.gif');
}

.de-de .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/de/combo_thumb.gif');
}

.es-es .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/es/combo_thumb.gif');
}

.fi-fi .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/fi/combo_thumb.gif');
}

.fr-be .wallpaper-container li.wallpaper,
.fr-fr .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/fr/combo_thumb.gif');
}

.it-it .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/it/combo_thumb.gif');
}

.nl-be .wallpaper-container li.wallpaper,
.nl-nl .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/nl/combo_thumb.gif');
}

.sv-se .wallpaper-container li.wallpaper {
	background-image: url('../images/fun-stuff/wallpapers/sv/combo_thumb.gif');
}

.wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/reshiram_thumb.gif');
}

.da-dk .wallpaper-container li.wallpaper-reshiram,
.no-no .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/da/reshiram_thumb.gif');
}

.de-de .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/de/reshiram_thumb.gif');
}

.es-es .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/es/reshiram_thumb.gif');
}

.fi-fi .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/fi/reshiram_thumb.gif');
}

.fr-be .wallpaper-container li.wallpaper-reshiram,
.fr-fr .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/fr/reshiram_thumb.gif');
}

.it-it .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/it/reshiram_thumb.gif');
}

.nl-be .wallpaper-container li.wallpaper-reshiram,
.nl-nl .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/nl/reshiram_thumb.gif');
}

.sv-se .wallpaper-container li.wallpaper-reshiram {
    background-image: url('../images/fun-stuff/wallpapers/sv/reshiram_thumb.gif');
}

.wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/zekrom_thumb.gif');
}

.da-dk .wallpaper-container li.wallpaper-zekrom,
.no-no .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/da/zekrom_thumb.gif');
}

.de-de .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/de/zekrom_thumb.gif');
}

.es-es .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/es/zekrom_thumb.gif');
}

.fi-fi .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/fi/zekrom_thumb.gif');
}

.fr-be .wallpaper-container li.wallpaper-zekrom,
.fr-fr .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/fr/zekrom_thumb.gif');
}

.it-it .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/it/zekrom_thumb.gif');
}

.nl-be .wallpaper-container li.wallpaper-zekrom,
.nl-nl .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/nl/zekrom_thumb.gif');
}

.sv-se .wallpaper-container li.wallpaper-zekrom {
    background-image: url('../images/fun-stuff/wallpapers/sv/zekrom_thumb.gif');
}

.wallpaper-container li.wallpaper:hover {
    border: 2px solid #ffc730;
    border-radius: 2px;
    
    box-shadow: 0px 0px 24px #ffc730;
    
    margin-top: -1px;
    margin-left: -1px;
    margin-bottom: 6px;
}

.wallpaper-container li.wallpaper > ul {
    display: none;
    
    background-image: url('../images/fun-stuff/wallpaper-overlay.png');
    width: 100%;
    height: 100%;
}

.wallpaper-container li.wallpaper:hover > ul {
    display: block;
}

.wallpaper-container li.wallpaper a {
    display: block;
    text-align: center;
    padding: 3px;
    
    font-size: 0.8em;
    font-weight: bold;
    
    color: #ffffff;
    
    text-decoration: underline;
}

.wallpaper-container li.wallpaper a:hover {
    color: #ffc730;
}

#left-content .wallpaper-container {
    background-image: url('../images/fun-stuff/white-wallpaper-background.png'); 
}

#left-content .wallpaper-container h1 {
    color: #ffffff;
}

#right-content .wallpaper-container {
    background-image: url('../images/fun-stuff/black-wallpaper-background.png');
}

.game-preview
{
	background-repeat: no-repeat;
	width: 518px;
	height: 257px;
	position: relative;
	margin-top:33px;
}

.da-dk .game-preview,
.de-de .game-preview,
.es-es .game-preview,
.fi-fi .game-preview,
.fr-be .game-preview,
.fr-fr .game-preview,
.it-it .game-preview,
.nl-be .game-preview,
.nl-nl .game-preview,
.no-no .game-preview,
.sv-se .game-preview {
	background-position:left bottom;
}

.da-dk .game-preview,
.de-de .game-preview,
.fi-fi .game-preview,
.nl-be .game-preview,
.nl-nl .game-preview,
.no-no .game-preview,
.sv-se .game-preview {
	width:540px;
}

.es-es .game-preview {
	width:543px;
}

.fr-be .game-preview,
.fr-fr .game-preview,
.it-it .game-preview {
	width:537px; 
}

#left-content .game-preview {
    background-image: url('../images/fun-stuff/white-puzzle-preview.png'); 
}

.da-dk #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-da.png');
}

.de-de #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-de.png');
}

.es-es #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-es.png');
}

.fi-fi #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-fi.png');
}


.fr-be #left-content .game-preview,
.fr-fr #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-fr.png');
}

.it-it #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-it.png');
}

.nl-be #left-content .game-preview,
.nl-nl #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-nl.png');
}

.no-no #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-no.png');
}

.sv-se #left-content .game-preview {
	background-image: url('../images/fun-stuff/white-puzzle-preview-sv.png');
}

#right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview.png');
}

.da-dk #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-da.png');
}

.de-de #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-de.png');
}

.es-es #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-es.png');
}

.fi-fi #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-fi.png');
}

.fr-be #right-content .game-preview,
.fr-fr #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-fr.png');
}

.it-it #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-it.png');
}

.nl-be #right-content .game-preview,
.nl-nl #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-nl.png');
}

.no-no #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-no.png');
}

.sv-se #right-content .game-preview {
    background-image: url('../images/fun-stuff/black-puzzle-preview-sv.png');
}

.puzzle-launch
{
	background-image: url('../images/fun-stuff/puzzle-play-button.png');
	background-repeat: no-repeat;
	width: 118px;
	height: 60px;
	display: block;
    position: absolute;
}

.da-dk .puzzle-launch,
.de-de .puzzle-launch,
.fi-fi .puzzle-launch,
.fr-be .puzzle-launch,
.fr-fr .puzzle-launch,
.it-it .puzzle-launch,
.nl-be .puzzle-launch,
.nl-nl .puzzle-launch,
.no-no .puzzle-launch,
.sv-se .puzzle-launch {
	bottom:27px;
	left:38px;
}

.en-us .puzzle-launch,
.en-gb .puzzle-launch {
	bottom:10px;
	right:10px;
}

.es-es .puzzle-launch {
	bottom:20px;
	right:45px;
}

.da-dk .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-da.png');
}

.de-de .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-de.png');
}

.es-es .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-es.png');
}

.fi-fi .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-fi.png');
}

.fr-be .puzzle-launch,
.fr-fr .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-fr.png');
}

.it-it .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-it.png');
}

.nl-be .puzzle-launch,
.nl-nl .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-nl.png');
}

.no-no .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-no.png');
}

.sv-se .puzzle-launch {
	background-image: url('../images/fun-stuff/puzzle-play-button-sv.png');
}

.puzzle-launch:hover {
	background-position: -118px 0px;
}

.en-us .puzzle-launch:hover,
.en-gb .puzzle-launch:hover {
    background-position: -119px 0px;
}

div.like-bar {
    width: 600px;
    height: 68px;
    
    margin-left: auto;
    margin-right: auto;
}

div.like-bar > div.separator {
    background-image: url('../images/fun-stuff/slider-yellow.png');
    
    width: 24px;
    height: 83px;
    
    position: relative;
    top: -6px;
    
    margin-left: -8px;
}

div.like-row {
	font-weight:bold;
    margin-top: 15px;
    margin-left:auto;
    margin-right:auto;
    width:700px;
    clear:both;
}

div.like-bar > div.left {
    position: absolute;
    
    width: 600px;
    height: 68px;
    
    background-image: url('../images/fun-stuff/like-white-neutral.png');
}

div.like-bar > div.right {
    position: absolute;
    
    width: 536px;
    height: 68px;
    margin-left: 64px;
    
    background-image: url('../images/fun-stuff/like-black-neutral.png');
    background-position: -64px 0px;
}

div.white-winning > div.left {
    background-image: url('../images/fun-stuff/like-white-winning.png');
}

div.black-winning > div.right {
    background-image: url('../images/fun-stuff/like-black-winning.png');
}

div.white-winning > div.separator {
    background-image: url('../images/fun-stuff/slider-blue.png');
}

div.black-winning > div.separator {
    background-image: url('../images/fun-stuff/slider-red.png');
}

div.like-row iframe {
	float:left;
	padding-left:12px;
	padding-right:5px;
	height:60px;
	width:90px;
}

.da-dk div.like-row iframe {
	width:100px;
}

div.like-row h3 {
	margin:0;
	text-align:center;
}

div.like-row h3 span {
	color:#ef9524;	
}

div.like-row .cta {
	margin:0;
}

div.like-row .cta-link {
	font-weight:normal;	
}

#left-content div.like-row .cta-link {
	color:#303030;
}

#right-content div.like-row .cta {
	color:#ffffff;
}

#right-content div.like-row .cta-link {
	color:#d4d4d4;
}

div.like-row .cta-link a {
	color:#303030;
	text-decoration:underline;
}

#left-content div.like-row .cta-link a {
	color:#303030;
}

#right-content div.like-row .cta-link a {
	color:#d4d4d4;
}

#left-content div.like-row h3 {
	color: #707070;
}

#right-content div.like-row h3 {
	color:#ffffff;	
}

div.like-row .whiteName {
	color:#0887d6;
}

div.like-row .blackName {
	color:#b7231e;	
}

div.like-button-row {
	width:700px;
	padding:0 0 0 70px;
}

.orange {
	color:#ef9524;	
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Dialog */

div.dialog {
    display: none;
    position: absolute;
    
    width: 100%;
    height: 100%;
    
    top: 0px;
    
    background-image: url('../images/global/dialog-background.png');
    
    z-index: 1000;
}

div.dialog > div.row {
    width: 100%;
    height: 100%;
    
    display: table;
}

div.dialog > div.row > div.cell {
    display: table-cell;
    vertical-align: middle;
}

div.dialog > div.row > div.cell > div {
    margin-left: auto;
    margin-right: auto;
}
/* Puzzle */

div.puzzle-container .clear {
    clear: both;
}

div.puzzle-container {
    display: none;
    width: 635px;
    background-color: #2b4c6f;
}

div.puzzle-container > div.header > div.title {
    position: relative;
    float: left;
    left: -18px;
    top: -18px;
    margin-bottom: -18px;
    width: 509px;
    height: 75px;
    background-image: url('../images/puzzle/title.png');
}

.da-dk div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-da.png');
}

.de-de div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-de.png');
}

.es-es div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-es.png');
	width:533px;
}

.fi-fi div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-fi.png');
}

.fr-be div.puzzle-container > div.header > div.title,
.fr-fr div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-fr.png');
}

.it-it div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-it.png');
}

.nl-be div.puzzle-container > div.header > div.title,
.nl-nl div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-nl.png');
	width:525px;
}

.no-no div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-no.png');
}

.sv-se div.puzzle-container > div.header > div.title {
	background-image: url('../images/puzzle/title-sv.png');
}

div.puzzle-container > div.header > div.dialog-buttons {
    float: right;
    padding: 4px;
}

div.puzzle-container > div.header > div.dialog-buttons > a.button {
    display: block;
    float: left;
    width: 33px;
    height: 33px;
    margin: 8px 4px 8px 4px;
}

div.puzzle-container > div.header > div.dialog-buttons > a.puzzle-close-button {
    background-image: url('../images/puzzle/puzzle-close.png');
}

div.puzzle-container > div.header > div.dialog-buttons > a.puzzle-help-button {
    background-image: url('../images/puzzle/puzzle-help.png');
}

div.puzzle-container > div.content {
    padding: 0px 4px 4px 4px;
    position: relative;
}

div.puzzle-container div.puzzle-column {
    float: left;
    height: 481px;
    margin: 4px;
}

div.puzzle-container div.puzzle-left {
    width: 383px;
}

div.puzzle-container div.puzzle-right {
    width: 228px;
    background-image: url('../images/puzzle/puzzle-right.png');
}

div.puzzle-container div.puzzle-well {
    background-image: url('../images/puzzle/puzzle-well.png');   
    width: 352px;
    height: 352px;    
    padding: 16px 15px 15px 16px;
}

div.puzzle-container div.puzzle-well > div.puzzle-wrapper {
    width: 350px;
    height: 350px;    
    margin: 1px;   
    background-image: url('../images/puzzle/puzzle-overlay-dark.png');
}

div.puzzle-container div.puzzle-well > div.puzzle-help {
    display: none;
    width: 352px;
    height: 352px;    
    background-image: url('../images/puzzle/puzzle-overlay.png');
    position: absolute;
    top: 20px;
    left: 24px;
}

div.puzzle-container div.puzzle-help div.puzzle-help-title {
    width: 350px;
    height: 112px;
    background-image: url('../images/puzzle/how-to-play.png');
}

.da-dk div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-da.png');
}

.de-de div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-de.png');
}

.fi-fi div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-fi.png');
}

.fr-be div.puzzle-container div.puzzle-help div.puzzle-help-title,
.fr-fr div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-fr.png');
}

.es-es div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-es.png');
}

.it-it div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-it.png');
}

.nl-be div.puzzle-container div.puzzle-help div.puzzle-help-title,
.nl-nl div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-nl.png');
}

.no-no div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-no.png');
}

.sv-se div.puzzle-container div.puzzle-help div.puzzle-help-title {
    background-image: url('../images/puzzle/how-to-play-sv.png');
}

div.puzzle-container div.puzzle-help ol.steps {
    padding: 0px 20px 0px 20px;
    margin-bottom: 0px;
}

div.puzzle-container div.puzzle-help ol.steps li {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 4px 4px 36px;
    color: #ff6c39;    
    font-weight: bold;
    font-size: 1.2em;    
    height: 38px;   
    margin-bottom: 12px;
}

div.puzzle-container div.puzzle-help ol.steps li.first {
    background-image: url('../images/puzzle/puzzle-instruction-1.png');
}

div.puzzle-container div.puzzle-help ol.steps li.second {
    background-image: url('../images/puzzle/puzzle-instruction-2.png');
}

div.puzzle-container div.puzzle-help ol.steps li.third {
    background-image: url('../images/puzzle/puzzle-instruction-3.png');
    padding-top: 9px;
    height: 26px;
    margin-bottom: 0px;
}

div.puzzle-container div.puzzle-help a.play-button {
    display: block;
    width: 123px;
    height: 48px;
    background-image: url('../images/puzzle/play-button.png');
    margin-top: 13px;
    margin-left: auto;
    margin-right: auto;
}

.de-de div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-de.png');
}

.es-es div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-es.png');
}

.fi-fi div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-fi.png');
}

.fr-be div.puzzle-container div.puzzle-help a.play-button,
.fr-fr div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-fr.png');
}

.it-it div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-it.png');
}

.nl-be div.puzzle-container div.puzzle-help a.play-button,
.nl-nl div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-nl.png');
}

.no-no div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-no.png');
}

.sv-se div.puzzle-container div.puzzle-help a.play-button {
	background-image: url('../images/puzzle/play-button-sv.png');
}

/*

div.puzzle-container .jcarousel-direction-rtl {
    direction: rtl;
}

div.puzzle-container .jcarousel-container-horizontal {
    padding: 6px 24px 0px 16px;
    width: 336px;
    margin-left: 4px;
}

div.puzzle-container .jcarousel-item-horizontal {
    width: 32px;
    height: 32px;
    
    margin: 8px;
    margin-right: 0px;
    
    border: 1px solid #889bae;
}

div.puzzle-container .jcarousel-item-horizontal:last-child {
    margin-right: 8px;
}

div.puzzle-container .jcarousel-prev-horizontal {
    position: absolute;
    top: 24px;
    left: 0px;
    
    width: 13px;
    height: 14px;
    background-image: url('../images/puzzle/puzzle-gallery-left.png');
    cursor: pointer;
}

div.puzzle-container .jcarousel-next-horizontal {
    position: absolute;
    top: 24px;
    right: 0px;
    
    width: 13px;
    height: 14px;
    background-image: url('../images/puzzle/puzzle-gallery-right.png');
    cursor: pointer;
}

div.puzzle-container .jcarousel-clip {
    overflow: hidden;
}

*/

div.puzzle-container ul.puzzle-list {
    height: 50px;
    width: 130px;
    margin-left: auto;
    margin-right: auto;   
    margin-top: 6px;
    margin-bottom: 6px;
}

div.puzzle-container ul.puzzle-list li {
    cursor: pointer;   
    width: 32px;
    height: 32px;    
    margin: 8px;
    margin-right: 0px;    
    border: 1px solid #889bae;   
    display: inline-block;
}

.ie7 div.puzzle-container ul.puzzle-list li {
	float:left;
}

div.puzzle-container ul.puzzle-list .puzzle-item-selected {
    -moz-box-shadow:0px 0px 8px 1px #5deeff;
    -webkit-box-shadow:0px 0px 8px 1px #5deeff;
    box-shadow:0px 0px 8px 1px #5deeff;
}

div.puzzle-container ul.puzzle-list .locked {
    display: none;
}

div.puzzle-container ul.puzzle-list .award {
    display: none;
}

div.puzzle-container ul.puzzle-list .puzzle-item-locked {
    cursor: default;
}

div.puzzle-container ul.puzzle-list .puzzle-item-locked .locked {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url('../images/puzzle/lock.png');
    position: absolute;
    z-index: 1010;
}

div.puzzle-container ul.puzzle-list .puzzle-item-award .award {
    /*display: block;
    width: 24px;
    height: 23px;
    background-image: url('../images/puzzle/green-star.png');
    position: absolute;
    z-index: 1011;
    margin-left: 15px;
    margin-top: -9px;*/  
    display: none;
}

div.puzzle-container .puzzle-buttons {
    margin-left: 30px;
}

div.puzzle-container .puzzle-button {
    display: block;
    float: left;
    width: 151px;/*141px;*/
    height: 34px;/*18px;*/
    line-height: 34px;
    text-transform: uppercase;
    font-weight: bold;
    background-image: url('../images/puzzle/puzzle-button.png');
    background-repeat: no-repeat;
    margin-right: 10px;
    padding:0 3px;
    /*padding: 9px 8px 7px 8px;*/
    color: #ffffff;
    
    text-align: center;
}

div.puzzle-container .puzzle-button-disabled {
    opacity: 0.5;
    cursor: default;
}

.da-dk div.puzzle-container .next-puzzle-button,
.de-de div.puzzle-container .next-puzzle-button,
.es-es div.puzzle-container .next-puzzle-button,
.fi-fi div.puzzle-container .next-puzzle-button,
.fr-be div.puzzle-container .next-puzzle-button,
.fr-fr div.puzzle-container .next-puzzle-button,
.it-it div.puzzle-container .next-puzzle-button,
.no-no div.puzzle-container .next-puzzle-button {
	font-size:11px;
}

.oldie .da-dk div.puzzle-container .next-puzzle-button,
.oldie .de-de div.puzzle-container .next-puzzle-button,
.oldie .es-es div.puzzle-container .next-puzzle-button,
.oldie .fi-fi div.puzzle-container .next-puzzle-button,
.oldie .fr-be div.puzzle-container .next-puzzle-button,
.oldie .fr-fr div.puzzle-container .next-puzzle-button,
.it-it div.puzzle-container .next-puzzle-button {
	line-height:11px;
	padding-top:7px;
}

a[href="http://www.2meter3.de/jqPuzzle/"] {
    display: none !important;
}

div.puzzle-detail {
    display: none;
    height: 100%;
    padding: 6px;
}

div.puzzle-detail h1 {
    font-size: 1.5em;
    color: #ffffff;
    text-transform: uppercase;   
    text-align: center;    
    margin: 6px;
    margin-bottom: 20px;
}

div.puzzle-detail h2 {
    font-size: 1.4em;
    color: #fff0a9;
    text-align: center;    
    margin: 6px;
}

div.puzzle-detail h2 span.star {
    display: inline-block;
    width: 24px;
    height: 23px;
    background-image: url('../images/puzzle/green-star.png');
    vertical-align: bottom;
}

div.detail-prize-info input.code {
    position: absolute;
    bottom: 12px;
}

div.puzzle-detail input.code {
    text-align: center;
    border: none;
    font-size: 1.3em;   
    width: 211px;
    height: 47px;
    line-height:47px;
    background-image: url('../images/puzzle/code-box.png');
    background-repeat: no-repeat;
    background-color: transparent;   
    margin: 3px;
}

div.puzzle-detail div.gift {
    position: relative;
    left: -12px;    
    width: 239px;
    height: 231px;
    background-image: url('../images/puzzle/present.png');
}

div.detail-won h1 {
    font-size: 1.2em;
    margin-bottom: 12px;
}

div.detail-won h2 {
    font-size: 0.9em;
    margin-bottom: 0px;
}

div.detail-won-wallpaper div.wallpaper {
    background-repeat: no-repeat;
    background-position: center center;    
    position: relative;
    left: -12px;    
    width: 239px;
    height: 231px;    
    margin-top: -12px;
    margin-bottom: -12px;
}

div.detail-won-avatar div.avatar {
    background-repeat: no-repeat;
    background-position: center center;   
    position: relative;
    left: -12px;    
    margin-top: -12px;
    margin-bottom: 0px;    
    width: 239px;
    height: 231px;
}

#white-puzzle-container div.detail-won-avatar div.avatar {
    background-image: url('../images/puzzle/prizes/white-avatar.png');
}

#black-puzzle-container div.detail-won-avatar div.avatar {
    background-image: url('../images/puzzle/prizes/black-avatar.png');
}

div.detail-won-wallpaper ul {
    margin-bottom: 13px;
}

div.detail-won-wallpaper ul li {
    text-align: center;
    background-image: url('../images/puzzle/prize-well-separator.png');
    background-repeat: no-repeat;
    background-position: center bottom;    
    padding: 6px;
}

div.detail-won-wallpaper ul li:last-child {
    background-image: none;
}

div.detail-won-wallpaper ul li a {
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
}

div.detail-won-all li {
    background-repeat: no-repeat;
    background-position: center center;
    
    float: left;
}

div.detail-won-all h1 {
    margin-bottom: 6px;
}

div.detail-won-all h2 {
    font-size: 1.2em;
}

div.detail-won-all ul {
    margin-left: 14px;
}

div.detail-won-all li {
    cursor: pointer;
}

div.detail-won-all li.wallpaper {
    width: 133px;
    height: 130px;    
    margin: -20px;
    margin-bottom: -24px;
}

div.detail-won-all li.wallpaper-1 {
    background-image: url('../images/puzzle/prizes/wallpaper-thumb-1.png');
}
div.detail-won-all li.wallpaper-2 {
    background-image: url('../images/puzzle/prizes/wallpaper-thumb-2.png');
}
div.detail-won-all li.wallpaper-3 {
    background-image: url('../images/puzzle/prizes/wallpaper-thumb-3.png');
}
div.detail-won-all li.wallpaper-4 {
    background-image: url('../images/puzzle/prizes/wallpaper-thumb-4.png');
}

div.detail-won-all li.avatar {
    width: 216px;
    height: 130px;    
    margin: -20px;
    margin-bottom: -10px;
}

#white-puzzle-container div.detail-won-all li.wallpaper-3 {
    display: none;
}

#white-puzzle-container div.detail-won-all li.wallpaper-4 {
    display: none;
}

#black-puzzle-container div.detail-won-all li.wallpaper-1 {
    display: none;
}

#black-puzzle-container div.detail-won-all li.wallpaper-2 {
    display: none;
}

/*
#white-puzzle-container div.detail-won-all li.avatar {
    background-image: url('../images/puzzle/prizes/white-prize-thumb.png');
}

#black-puzzle-container div.detail-won-all li.avatar {
    background-image: url('../images/puzzle/prizes/black-prize-thumb.png');
}
*/

div.detail-won-all div.carousel-callout {
    position: absolute;
    bottom: 25px;    
    width: 172px;
    height: 72px;
    background-image: url('../images/puzzle/carousel-callout-frame.png');
    padding: 8px 8px 8px 16px;
}

div.puzzle-right a.button {
    display: block;    
    width: 194px;
    height: 20px;
    background-image: url('../images/puzzle/info-button.png');
    margin: 2px;
    margin-top: 6px;   
    padding: 9px;   
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

div.puzzle-right a.button-small {
    width: 65px;
    height: 14px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../images/puzzle/info-button-small.png');
}

div.puzzle-social-overlay {
    display: none;
    background-image: url('../images/puzzle/puzzle-overlay.png');    
    position: absolute;
    z-index: 3000;    
    width: 212px;
    height: 465px;   
    margin: 8px;
    margin-top: 0px;    
    top: 11px;
}

div.puzzle-social-overlay div.addthis_toolbox {
    width: 76px;
    margin: 68px;
}

div.puzzle-social-overlay div.addthis_toolbox > a {
    margin-bottom: 4px;
}

/* ie 7, 8 */

/* general */
	
	.oldie .small #pokesplitter {
		height:570px;/*640px;*/
	}
	
	.oldie .small #left-content, .oldie .small #right-content {
		height:540px;
	}
	
	.oldie .small #left-container, .oldie .small #right-container {
		height:570px;
	}
	
	/* home page */
	
	.oldie .small #left-content,
	.oldie .small #right-content {
		width:692px;
	}
	
	.oldie .small #white-logo a,
	.oldie .small #black-logo a {
		background-position:0 -20px;
	}
	
	.oldie .small .frames {
		margin-top:-62px;
	}
	
	.oldie .small #left-content .video-container {
		background:url('../images/home/video-container-white-small.png') no-repeat top left;
	}
	
	.oldie .small #right-content .video-container {
		background:url('../images/home/video-container-black-small.png') no-repeat top left;
	}
	
	.oldie .small .video-container {
		height:320px;
		width:516px;
	}
	
	.oldie .small .video-poster h2 {
		font-size:22px;
		line-height:22px;
		margin-top:4px;
	}

	.oldie .small .video-poster h2 span {
		font-size:16px;
		line-height:16px;
	}
	.oldie .small .novideo {
		height:286px;
		width:508px;
	}
	
	.oldie .small #white-video-poster {
		background:url('../images/home/video-poster-white-small.jpg') no-repeat top left;
		height:286px;
		width:508px;
	}
	
	.oldie .small #black-video-poster {
		background:url('../images/home/video-poster-black-small.jpg') no-repeat top left;
		height:286px;
		width:508px;
	}
	
	.oldie .small a.play-trailer-btn {
		background:url('../images/home/play-trailer-btn-small.png') no-repeat top left;
		font-size:12px;
		height:32px;
		line-height:32px;
		margin:170px auto 0;
		padding:16px 47px 16px 17px;
		width:126px;
	}
	
	.oldie .small .pikachu-logo {
		bottom:-60px;
		right:-110px;
	}
	
	/* interior pages */
	
	.oldie .small.story .logo a,
	.oldie .small.characters .logo a,
	.oldie .small.fun-stuff .logo a,
	.oldie .small.fourofour .logo a {
		width: 428px;
		height: 214px;
	}

	.oldie .small.story #white-logo a,
	.oldie .small.characters #white-logo a,
	.oldie .small.fun-stuff #white-logo a,
	.oldie .small.fourofour #white-logo a
	{
		background:url('../images/global/logos/white-logo-small-en.png') no-repeat center top;
	}
	
	.oldie .da-dk .small.story #white-logo a,
	.oldie .da-dk .small.characters #white-logo a,
	.oldie .da-dk .small.fun-stuff #white-logo a,
	.oldie .da-dk .small.fourofour #white-logo a,
	.oldie .no-no .small.story #white-logo a,
	.oldie .no-no .small.characters #white-logo a,
	.oldie .no-no .small.fun-stuff #white-logo a,
	.oldie .no-no .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-da.png');
	}
	
	.oldie .de-de .small.story #white-logo a,
	.oldie .de-de .small.characters #white-logo a,
	.oldie .de-de .small.fun-stuff #white-logo a,
	.oldie .de-de .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-de.png');
	}
	
	.oldie .es-es .small.story #white-logo a,
	.oldie .es-es .small.characters #white-logo a,
	.oldie .es-es .small.fun-stuff #white-logo a,
	.oldie .es-es .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-es.png');
	}
	
	.oldie .fi-fi .small.story #white-logo a,
	.oldie .fi-fi .small.characters #white-logo a,
	.oldie .fi-fi .small.fun-stuff #white-logo a,
	.oldie .fi-fi .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-fi.png');
	}
	
	.oldie .fr-be .small.story #white-logo a,
	.oldie .fr-be .small.characters #white-logo a,
	.oldie .fr-be .small.fun-stuff #white-logo a,
	.oldie .fr-be .small.fourofour #white-logo a,
	.oldie .fr-fr .small.story #white-logo a,
	.oldie .fr-fr .small.characters #white-logo a,
	.oldie .fr-fr .small.fun-stuff #white-logo a,
	.oldie .fr-fr .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-fr.png');
	}
	
	.oldie .it-it .small.story #white-logo a,
	.oldie .it-it .small.characters #white-logo a,
	.oldie .it-it .small.fun-stuff #white-logo a,
	.oldie .it-it .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-it.png');
	}
	
	.oldie .nl-be .small.story #white-logo a,
	.oldie .nl-be .small.characters #white-logo a,
	.oldie .nl-be .small.fun-stuff #white-logo a,
	.oldie .nl-be .small.fourofour #white-logo a,
	.oldie .nl-nl .small.story #white-logo a,
	.oldie .nl-nl .small.characters #white-logo a,
	.oldie .nl-nl .small.fun-stuff #white-logo a,
	.oldie .nl-nl .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-nl.png');
	}
	
	.oldie .sv-se .small.story #white-logo a,
	.oldie .sv-se .small.characters #white-logo a,
	.oldie .sv-se .small.fun-stuff #white-logo a,
	.oldie .sv-se .small.fourofour #white-logo a
	{
		background-image:url('../images/global/logos/white-logo-small-sv.png');
	}
	
	.oldie .small.story #black-logo a,
	.oldie .small.characters #black-logo a,
	.oldie .small.fun-stuff #black-logo a,
	.oldie .small.fourofour #black-logo a {
		background:url('../images/global/logos/black-logo-small-en.png') no-repeat center top;
	}
	
	.oldie .da-dk .small.story #black-logo a,
	.oldie .da-dk .small.characters #black-logo a,
	.oldie .da-dk .small.fun-stuff #black-logo a,
	.oldie .da-dk .small.fourofour #black-logo a,
	.oldie .no-no .small.story #black-logo a,
	.oldie .no-no .small.characters #black-logo a,
	.oldie .no-no .small.fun-stuff #black-logo a,
	.oldie .no-no .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-da.png');
	}
	
	.oldie .de-de .small.story #black-logo a,
	.oldie .de-de .small.characters #black-logo a,
	.oldie .de-de .small.fun-stuff #black-logo a,
	.oldie .de-de .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-de.png');
	}
	
	.oldie .es-es .small.story #black-logo a,
	.oldie .es-es .small.characters #black-logo a,
	.oldie .es-es .small.fun-stuff #black-logo a,
	.oldie .es-es .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-es.png');
	}
	
	.oldie .fi-fi .small.story #black-logo a,
	.oldie .fi-fi .small.characters #black-logo a,
	.oldie .fi-fi .small.fun-stuff #black-logo a,
	.oldie .fi-fi .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-fi.png');
	}
	
	.oldie .fr-be .small.story #black-logo a,
	.oldie .fr-be .small.characters #black-logo a,
	.oldie .fr-be .small.fun-stuff #black-logo a,
	.oldie .fr-be .small.fourofour #black-logo a,
	.oldie .fr-fr .small.story #black-logo a,
	.oldie .fr-fr .small.characters #black-logo a,
	.oldie .fr-fr .small.fun-stuff #black-logo a,
	.oldie .fr-fr .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-fr.png');
	}
	
	.oldie .it-it .small.story #black-logo a,
	.oldie .it-it .small.characters #black-logo a,
	.oldie .it-it .small.fun-stuff #black-logo a,
	.oldie .it-it .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-it.png');
	}
	
	.oldie .nl-be .small.story #black-logo a,
	.oldie .nl-be .small.characters #black-logo a,
	.oldie .nl-be .small.fun-stuff #black-logo a,
	.oldie .nl-be .small.fourofour #black-logo a,
	.oldie .nl-nl .small.story #black-logo a,
	.oldie .nl-nl .small.characters #black-logo a,
	.oldie .nl-nl .small.fun-stuff #black-logo a,
	.oldie .nl-nl .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-nl.png');
	}
	
	.oldie .sv-se .small.story #black-logo a,
	.oldie .sv-se .small.characters #black-logo a,
	.oldie .sv-se .small.fun-stuff #black-logo a,
	.oldie .sv-se .small.fourofour #black-logo a
	{
		background-image:url('../images/global/logos/black-logo-small-sv.png');
	}
	
	.oldie .small .story-scroll-pane-container,
	.oldie .small .characters-scroll-pane-container {
		margin-top:-78px;
	}
	
	.oldie .small .main404 {
		margin-top:-60px;
	}
	
	/* fun stuff */
	
	.oldie .small.fun-stuff #left-content,
	.oldie .small.fun-stuff #right-content {
		padding:0 58px;
	}
	
	.oldie .small .main-fun-row {
		margin:-78px auto 0;
	}
	
	.oldie .small div.like-row {
		margin-top:10px;
	}

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 1240px), (max-height: 805px) {
	
	/* general */
	
	#pokesplitter {
		height:570px;/*640px;*/
	}
	
	#left-content, #right-content {
		height:540px;
	}
	
	#left-container, #right-container {
		height:570px;
	}
	
	/* home page */
	
	.trailers #left-content,
	.trailers #right-content {
		width:692px;
	}
	
	#white-logo a,
	#black-logo a {
		background-position:center -20px;
	}
	
	.trailers .logo img {
		margin-top:-20px;
	}
	
	.frames {
		margin-top:-62px;
	}
	
	.trailers #left-content .video-container {
		background:url('../images/home/video-container-white-small.png') no-repeat top left;
	}
	
	.trailers #right-content .video-container {
		background:url('../images/home/video-container-black-small.png') no-repeat top left;
	}
	
	.video-container {
		height:320px;
		width:516px;
	}
	
	.video-poster h2 {
		font-size:22px;
		line-height:22px;
		margin-top:4px;
	}

	.video-poster h2 span {
		font-size:16px;
		line-height:16px;
	}
	.novideo {
		height:320px;
		width:516px;
	}
	
	#white-video-poster {
		background:url('../images/home/video-poster-white-small.jpg') no-repeat top left;
		height:286px;
		width:508px;
	}
	
	#black-video-poster {
		background:url('../images/home/video-poster-black-small.jpg') no-repeat top left;
		height:286px;
		width:508px;
	}
	
	a.play-trailer-btn {
		background:url('../images/home/play-trailer-btn-small.png') no-repeat top left;
		font-size:12px;
		height:32px;
		line-height:32px;
		margin:170px auto 0;
		padding:16px 47px 16px 17px;
		width:126px;
	}
	
	.pikachu-logo {
		bottom:-60px;
		right:-110px;
	}
	
	/* interior pages */
	
	.story .logo a,
	.characters .logo a,
	.fun-stuff .logo a,
	.fourofour .logo a {
		width: 428px;
		height: 214px;
	}

	.story #white-logo a,
	.characters #white-logo a,
	.fun-stuff #white-logo a,
	.fourofour #white-logo a
	{
		background:url('../images/global/logos/white-logo-small-en.png') no-repeat center top;
	}
	
	.da-dk .story #white-logo a,
	.da-dk .characters #white-logo a,
	.da-dk .fun-stuff #white-logo a,
	.da-dk .fourofour #white-logo a,
	.no-no .story #white-logo a,
	.no-no .characters #white-logo a,
	.no-no .fun-stuff #white-logo a,
	.no-no .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-da.png');
	}
	
	.de-de .story #white-logo a,
	.de-de .characters #white-logo a,
	.de-de .fun-stuff #white-logo a,
	.de-de .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-de.png');
	}
	
	.es-es .story #white-logo a,
	.es-es .characters #white-logo a,
	.es-es .fun-stuff #white-logo a,
	.es-es .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-es.png');
	}
	
	.fi-fi .story #white-logo a,
	.fi-fi .characters #white-logo a,
	.fi-fi .fun-stuff #white-logo a,
	.fi-fi .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-fi.png');
	}
	
	.fr-be .story #white-logo a,
	.fr-be .characters #white-logo a,
	.fr-be .fun-stuff #white-logo a,
	.fr-be .fourofour #white-logo a,
	.fr-fr .story #white-logo a,
	.fr-fr .characters #white-logo a,
	.fr-fr .fun-stuff #white-logo a,
	.fr-fr .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-fr.png');
	}
	
	.it-it .story #white-logo a,
	.it-it .characters #white-logo a,
	.it-it .fun-stuff #white-logo a,
	.it-it .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-it.png');
	}
	
	.nl-be .story #white-logo a,
	.nl-be .characters #white-logo a,
	.nl-be .fun-stuff #white-logo a,
	.nl-be .fourofour #white-logo a,
	.nl-nl .story #white-logo a,
	.nl-nl .characters #white-logo a,
	.nl-nl .fun-stuff #white-logo a,
	.nl-nl .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-nl.png');
	}
	
	.sv-se .story #white-logo a,
	.sv-se .characters #white-logo a,
	.sv-se .fun-stuff #white-logo a,
	.sv-se .fourofour #white-logo a {
		background-image:url('../images/global/logos/white-logo-small-sv.png');
	}
	
	.story #black-logo a,
	.characters #black-logo a,
	.fun-stuff #black-logo a,
	.fourofour #black-logo a {
		background:url('../images/global/logos/black-logo-small-en.png') no-repeat center top;
	}
	
	.da-dk .story #black-logo a,
	.da-dk .characters #black-logo a,
	.da-dk .fun-stuff #black-logo a,
	.da-dk .fourofour #black-logo a,
	.no-no .story #black-logo a,
	.no-no .characters #black-logo a,
	.no-no .fun-stuff #black-logo a,
	.no-no .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-da.png');
	}
	
	.de-de .story #black-logo a,
	.de-de .characters #black-logo a,
	.de-de .fun-stuff #black-logo a,
	.de-de .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-de.png');
	}
	
	.es-es .story #black-logo a,
	.es-es .characters #black-logo a,
	.es-es .fun-stuff #black-logo a,
	.es-es .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-es.png');
	}
	
	.fi-fi .story #black-logo a,
	.fi-fi .characters #black-logo a,
	.fi-fi .fun-stuff #black-logo a,
	.fi-fi .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-fi.png');
	}
	
	.fr-be .story #black-logo a,
	.fr-be .characters #black-logo a,
	.fr-be .fun-stuff #black-logo a,
	.fr-be .fourofour #black-logo a,
	.fr-fr .story #black-logo a,
	.fr-fr .characters #black-logo a,
	.fr-fr .fun-stuff #black-logo a,
	.fr-fr .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-fr.png');
	}
	
	.it-it .story #black-logo a,
	.it-it .characters #black-logo a,
	.it-it .fun-stuff #black-logo a,
	.it-it .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-it.png');
	}
	
	.nl-be .story #black-logo a,
	.nl-be .characters #black-logo a,
	.nl-be .fun-stuff #black-logo a,
	.nl-be .fourofour #black-logo a,
	.nl-nl .story #black-logo a,
	.nl-nl .characters #black-logo a,
	.nl-nl .fun-stuff #black-logo a,
	.nl-nl .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-nl.png');
	}
	
	.sv-se .story #black-logo a,
	.sv-se .characters #black-logo a,
	.sv-se .fun-stuff #black-logo a,
	.sv-se .fourofour #black-logo a {
		background-image:url('../images/global/logos/black-logo-small-sv.png');
	}
	
	.story-scroll-pane-container,
	.characters-scroll-pane-container {
		margin-top:-78px;
	}
	
	.main404 {
		margin-top:-60px;
	}
	
	/* fun stuff */
	
	.fun-stuff #left-content,
	.fun-stuff #right-content {
		padding:0 58px;
	}
	
	.main-fun-row {
		margin:-78px auto 0;
	}
	
	div.like-row {
		margin-top:10px;
	}
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}