@import url("reset.css");
@import url("../scripts/lib/jquery.bxslider/jquery.bxslider.css");
@import url("boxes.css");

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;	
	background-color:#fff;
}

em{
	font-style:italic;	
}

strong{
	font-weight:bold;	
}

#scaleable-background {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  min-width: 500px;
  z-index: -2;
  border:1px solid red;
}

#scaleable-background img {
  position: absolute;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#content{
    z-index:1;
	position:relative;
	padding-bottom:20px;
}

#container{
    width:100%;
	/*-webkit-backface-visibility: hidden;*/
}

.full .sticky-nav #content{ 
    margin-top: 200px;/*150px; should match logo-and-menu height*/
}

/* this is so deep links are offset by the fixed header size */
.full a.section-anchor{
  margin-top: -150px;/* Size of fixed header */
  padding-bottom: 150px; 
  display: block;
}

/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/**
 * main
 */
 
  #xy-bg{
	 position:absolute;
	 top:56px;
	 width:100%;
	 overflow:hidden;
 }
 
.scaled #xy-bg,
.single #xy-bg {
	top:0px;
	z-index: -1;
}

 #xy-bg .inner{
	 max-width:none;
	 width:200%;
	 height:836px;
	
	 background-size:auto;
	 background-repeat:no-repeat;
	 background-position:center top;
	 margin:0px 0px 0px -50%; 
	 /*-webkit-backface-visibility: hidden;*/
 }
 
 .full #xy-bg .inner{ background-image:url(../img/background/bg-xy.jpg);}
 .scaled #xy-bg .inner{ background-image:url(../img/background/bg-xy-1024.jpg);}
 .single #xy-bg .inner{ background-image:none;}
 
 .HomePage #xy-bg{
	 position:absolute;
	 top:56px;
	 width:100%;
	 overflow:hidden;
 }
 
 .HomePage #xy-bg .inner{
	 display:none;
	 max-width:none;
	 width:200%;
	 height:836px;
	 
	 background-size:auto;
	 background-repeat:no-repeat;
	 background-position:center top;
	 margin:0px 0px 0px -50%; 
 }
 
 .HomePage.scaled #xy-bg,
 .HomePage.single #xy-bg{
	 top:29px;
	 
 }
 
 .HomePage.full #xy-bg .inner{background-image:url(../img/background/bg-xy-home-page.jpg);}
 .HomePage.scaled #xy-bg .inner {background-image:url(../img/background/bg-xy-1024.jpg);}
 .HomePage.single #xy-bg .inner {background-image:none;}
 
 .HomePage #logo-and-menu{
	opacity:0;
 }
	
#main{
	width:100%;
	margin:0px 0px;
	
	/*background-image:url(../img/background/bg.jpg);
	background-position:center top;*/
}

#inner-bg{
	position:fixed;
	top:0; bottom:0; left:0; right:0;
	margin:0px 0px;
	background-image:url(../img/background/mobilebg.jpg);
	background-position:center top;
	z-index:-2;

}

@media all and (min-width: 501px){
	#inner-bg{
		background-image:url(../img/background/bg.jpg);
	}
}

.HomePage #inner-bg{
	background-image:none;
}
	
@media all and (min-width: 1024px){
    #main{
		width:100%;	
		margin:0px auto;
		/*padding-bottom:100px;*/
	}
}

.HomePage #main{
	background-image:none;
}

.no-top #main {
	padding-top:0;
}

/*.full #home-page .section-first .single .box-inner {
	padding:0 !important;
}*/

#home-art {
	margin-top:0;
	/*width:100%;*/
}



/**
 * menu
 */

#menu {
	visibility:hidden;\
	/*-webkit-backface-visibility: hidden;*/
}

.full #menu,
.scaled #menu,
.single #menu {
	visibility:visible;
}

    #menu li{
    	list-style:none;
    }
    
    .full #menu li{
    	display:inline-block;
    	position:absolute;
    	height:45px;
    	vertical-align:text-top;
		/**border:1px solid red;
		background-color:red;**/
		background-image:url(../img/transparent.gif);
    }
    
    .full #menu li.section-home {
    	display:none;
    }
    
    .full #menu > ul > li > a span{
        position:relative;
    	width:60px;
    	height:45px;
    	display: table;
    	text-align: center; 
    	width:100px;
    }
    
    .full #menu > ul > li > a span span{
        padding:0px 10px;
    	line-height:13px;
    	display: table-cell; 
        vertical-align: middle; 
    }
    
    .full #menu > ul > li > a{
    	display:inline-block;
    	line-height:50px;
    	width:100%;	
    	font-family:Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	font-size:13px;
    	color:#646464;
    	text-decoration:none;


    }
    
    .full #menu > ul > li:hover > a{
		transition: color .25s;
        color:#fff;
    }
	
	.full #menu > ul > li.disabled > a, .full #menu > ul > li.disabled:hover > a{
		color:#aebbc4 !important;
		cursor:default !important;	
	}
	
	.full #menu > ul > li.disabled{
		cursor:default !important;	
	}
	
	.full #menu > ul > li.active > a, .full.NewsPage #menu > ul > li.s9 > a {
		color:#fff;	
	}
	
	.full #menu > ul > li.s1 {
		top: 0px;
		left: 350px;
		width: 325px;
		height: 60px;
	}

	.full #menu > ul > li.s1 span span{
        display:none;
    }
    
    .full #menu > ul > li.s10, .full #menu > ul > li.s11, .full #menu > ul > li.s10 a , .full #menu > ul > li.s11 a, .full #menu > ul > li.s10 span, .full #menu > ul > li.s11 span{
        padding:0px;
        margin:0px;
        line-height:100%;
        height:auto;
        width:auto;
        text-align:center;
        display:inline-block;
        vertical-align:baseline;
    }
    
    .full #menu > ul > li.s10  a{
        color:#fff;
        width:90px;
        height:23px;
        line-height:23px;
    }
    
    .full #menu > ul > li.s11  a{
        color:#fff;
        width:120px;
        height:23px;
        line-height:23px;
    }
    

	.full #menu > ul > li.s2{top:70px; left:65px;}
	.full #menu > ul > li.s3{top:63px; left:170px;}
	.full #menu > ul > li.s4{top:60px; left:285px;}
	.full #menu > ul > li.s5{top:57px; left:395px;}
	.full #menu > ul > li.s6 {top:57px; left:530px;}
	.full #menu > ul > li.s7{top:60px; left:640px;}
	.full #menu > ul > li.s8{top:63px; left:750px;}
	.full #menu > ul > li.s9{top:70px; left:860px;}
	.full #menu > ul > li.s10{top:25px; left:210px;}
	.full #menu > ul > li.s11{top:25px; left:695px;}
	
	.full #menu > ul li ul li{top:auto; left:auto;}
    
    
    .full #menu > ul li ul{
    	display:none;
		
    }
    
    .full #menu > ul li:hover > ul{
    	display:block;
    	position:absolute;
    }
    
    .full #menu > ul li ul li,  .full #menu > ul li ul li a,  .full #menu > ul li ul li a span{ 
        border:0px;
        margin:0px;
        padding:0px;
        top:0px;
        left:0px;
        position:relative;
        display:block;
    }
    
    .full #menu > ul li ul{
        background-image:url('../img/navigation/subnav-blue-top.png');
        background-repeat:no-repeat;
        background-position:center top;
        border:none;
        /*opacity:.9;*/
        top:40px;
        left:-27px;
		padding:25px 0px 0px;
		
    }
	
	.full #menu li.s6 ul,
	.full #menu li.s7 ul,
	.full #menu li.s8 ul,
	.full #menu li.s9 ul{
		background-image:url('../img/navigation/subnav-red-top.png');
	}
	
	.full #menu li.s6 ul li,
	.full #menu li.s7 ul li,
	.full #menu li.s8 ul li,
	.full #menu li.s9 ul li{
	 	background-color:#fff7f8;
		border-left:1px solid #d22a46;
		border-right:1px solid #d22a46;
	}
    
    .full #menu > ul li ul li{
        text-align:center;
        width:154px;
        height:auto;
		padding-top:1px;
		margin:0;
		background-image:url(../img/navigation/fixed-fixed-nav-sub-item-div.png);
		background-repeat:no-repeat;
		background-size:100% 1px;
		background-color:#f0fbff;
		border-left:1px solid #0b7fb8;
		border-right:1px solid #0b7fb8;
		opacity:0.9;
		filter:alpha(opacity=90);
    }
    
	.full #menu > ul li ul li.last {
		border-bottom:1px solid #0b7fb8;
        border-radius:0px 0px 10px 10px;
        padding-bottom:9px;
	}
	
	.full #menu > ul li ul li.last a {
		padding-bottom:0;
	}
	
	.full #menu > ul li ul li.last a > span {
		background-image:url(../img/navigation/fixed-fixed-nav-sub-item-div.png);
		background-repeat:no-repeat;
		background-size:100% 1px;
		background-position:center bottom;
		padding-bottom:4px;
		width:100%;
	}
	
	.full #menu li.s6 ul li.last,
	.full #menu li.s7 ul li.last,
	.full #menu li.s8 ul li.last,
	.full #menu li.s9 ul li.last {
		border-bottom:1px solid #d22a46;
	}
	
	.full #menu li.s6 ul li.last a > span,
	.full #menu li.s7 ul li.last a > span,
	.full #menu li.s8 ul li.last a > span,
	.full #menu li.s9 ul li.last a > span {
		background-image:url(../img/navigation/fixed-fixed-nav-sub-item-div-red.png);
	}
	
	.full #menu > ul li.s6 ul li,
	.full #menu > ul li.s7 ul li,
	.full #menu > ul li.s8 ul li,
	.full #menu > ul li.s9 ul li{
		background-image:url(../img/navigation/fixed-fixed-nav-sub-item-div-red.png);
    }
    
    .full #menu > ul li ul li a{
        font-size:12px;
        color:#005b98;
        text-decoration:none;
    }
    
	 .full #menu li.s6 ul li a,
     .full #menu li.s7 ul li a,
     .full #menu li.s8 ul li a,
     .full #menu li.s9 ul li a{
		 color:#d22a46;
	 }
	 
	 
    .full #menu > ul li ul li.last a{
    	border-bottom:none;
    }
    
    .full #menu > ul li ul li a{
       padding:4px;
    }
	
	.full #menu li.s6 ul li a,
	.full #menu li.s7 ul li a,
	.full #menu li.s8 ul li a,
	.full #menu li.s9 ul li a{
		background-image:url(../img/navigation/fixed-fixed-nav-sub-item-bg-red.png);
	}
	
	.full #menu > ul li ul li.active a,
    .full #menu > ul li ul li a:hover{
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    }
	
    .full #menu > ul li ul li a span{
        display:block;
    }
    
    .full #menu > ul > li.is-new > a {
    	background:url('../img/new-icon-nav.png') no-repeat left bottom;
		width:105%;
    }
	
	.full #menu > ul > li.s10.is-new > a
	{
		width:90px;
	}
	
	.full #menu > ul > li.s11.is-new > a {
		width:120px;
	}
	
	
    
    .full #menu > ul li li.is-new > a {
    	background:none;
    }
    
    .full #menu > ul li ul li.is-new > a > span > span {
    	background:transparent url('../img/new-icon-nav.png') no-repeat left center;
    	min-height:23px;
    	padding-left:20px;
    	padding-right:20px;
    }
    
    .full #menu > ul li.s6.is-new > a,
    .full #menu > ul li.s7.is-new > a,
    .full #menu > ul li.s8.is-new > a,
	.full #menu > ul li.s9.is-new > a,
    .full #menu > ul li.news.is-new > a {
    	background-position: right bottom;
    }
    
    .full #menu > ul > li.s10 > a,
    .full #menu > ul > li.s11 > a {
    	padding-top:10px;
    }
    
    .full #menu > ul > li.s10.is-new > a{
    	background-position:left top;
    }
    
    .full #menu > ul > li.s11.is-new > a{
    	background-position:right top;
    }

    .scaled #menu,
    .single #menu{
        position:absolute;
        display:none;
        /*z-index:10001;*/
        height:100%;
        background:#58656c url('../img/navigation/mobile-nav-title-bg.png') repeat-x 0 0;
        padding-top:29px;
    }
    
    .scaled #menu > ul > li,
    .single #menu > ul > li{
        width:269px;
        border-top:1px solid #58656c;
    }
	
	.scaled #menu > ul > li.disabled,
    .single #menu > ul > li.disabled{
		display:none;	
	}
    
    .scaled #menu > ul > li a,
    .single #menu > ul > li a {
    	display:table-cell;
    	width:269px;
    	vertical-align: middle;
    	height:50px;
    	text-decoration:none;
    	padding-left:20px;
    	padding-right:20px;
    	font-weight:bold;
    }
    
    .scaled #menu > ul > li > a,
    .single #menu > ul > li > a {
    	color:#37e6f4;
    	text-shadow:0px 1px 0px #000000;
    	font-style:italic;
    	font-size:15px;
    	
    	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#48545b), to(#37454d));
		background-image: -webkit-linear-gradient(top, #48545b, #37454d);
		background-image: -moz-linear-gradient(top, #48545b, #37454d);
		background-image: -ms-linear-gradient(top, #48545b, #37454d);
	 	background-image: -o-linear-gradient(top, #48545b, #37454d);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#48545b', endColorstr='#37454d');
    }
    
    .scaled #menu > ul > li > a:hover,
    .single #menu > ul > li > a:hover {
    	color:#ffffff;
	    background: rgb(55,230,244); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(55,230,244,1) 0%, rgba(36,136,178,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,230,244,1)), color-stop(100%,rgba(36,136,178,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37e6f4', endColorstr='#2488b2',GradientType=0 ); /* IE6-9 */
	}
    
    .scaled #menu > ul > li > a.hassubnav > span,
    .single #menu > ul > li > a.hassubnav > span {
     	display:block;
     	background-image:url('../img/navigation/menu-arrow.png');
     	background-repeat:no-repeat;
     	background-position: right 0;
    }
    
    .scaled #menu > ul > li > a.hassubnav:hover > span,
    .single #menu > ul > li > a.hassubnav:hover > span {
    	background-position: right -22px;
    }
    
    .scaled #menu > ul > li > a.hassubnav.open > span,
    .single #menu > ul > li > a.hassubnav.open > span {
    	background-position: right -44px !important;
    }
    
    .scaled #menu > ul li.is-new > a > span > span,
    .single #menu > ul li.is-new > a > span > span {
    	display:block;
    	background:url('../img/new-icon-nav.png') no-repeat 0 center;
    	text-indent:30px;
    	min-height:23px;
    }
    
    .scaled #menu > ul > li > ul,
    .single #menu > ul > li > ul{
        width:269px;
        background-color:#58656c;
        height:0px;
    }
    
	.scaled #menu > ul > li > ul li,
	.single #menu > ul > li > ul li {
     	background:url('../img/navigation/mobile-nav-item-divider.png') no-repeat center top;
    }
     
	.scaled #menu > ul > li > ul li.first,
	.single #menu > ul > li > ul li.first {
		background:none;
	}
    
    .scaled #menu > ul > li > ul a,
    .single #menu > ul > li > ul a{
    	color:#e9ebed;
    	font-size:13px;
    }
    
    .scaled #menu > ul > li > ul a:hover,
    .single #menu > ul > li > ul a:hover{
    	color:#58656c;
    	background-color:#c1c6c9;
    }
    
    .scaled #menu > ul > li:hover > ul,
    .single #menu > ul > li:hover > ul{
        display:block;
    }
    
    .scaled #menu > ul > li:hover > ul li,
    .single #menu > ul > li:hover > ul li{
    	display:block;	
    }
    
	.scaled #menu ul li ul li.active a,
	.single #menu ul li ul li.active a {
		color:#58656c;
    	background-color:#c1c6c9;
	}
	
	.scaled #menu > ul > li.active > a,
	.single #menu > ul > li.active > a {
		color:#fff;
		background: rgb(55,230,244); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(55,230,244,1) 0%, rgba(36,136,178,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,230,244,1)), color-stop(100%,rgba(36,136,178,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(55,230,244,1) 0%,rgba(36,136,178,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37e6f4', endColorstr='#2488b2',GradientType=0 ); /* IE6-9 */
	}

	.scaled #menu > ul > li.active > a span,
	.single #menu > ul > li.active > a span {
		background-position:right -22px;
	}

/* mobile title bar */

#mobile-title-bar{
    display:none;
}

.scaled #mobile-title-bar,
.single #mobile-title-bar{
    display:block;
}

.scaled #mobile-title-bar,
.single #mobile-title-bar{
    height:51px;
    background:url('../img/navigation/mobile-nav-title-bg.png') repeat-x 0 0;
    width:100%;
    position:fixed;
    top:0px;
    left:0;
    z-index:90000;
	border:none;
}

.scaled #mobile-title-bar .open-menu-icon,
.single #mobile-title-bar .open-menu-icon{
    position:absolute;
    height:67px;
    width:144px;
    background:url('../img/navigation/slider-sprite.png') no-repeat center 0;
    font-size:30px;
    text-align:center;
    z-index:10002;
    cursor:pointer;
    left:-46px;
}

.scaled #mobile-title-bar .open-menu-icon:hover,
.single #mobile-title-bar .open-menu-icon:hover {
	background-position:center -68px;
}

.scaled #mobile-title-bar .title,
.single #mobile-title-bar .title{
	position:absolute;
	display:inline-block;
	top:0px;
	height:29px;
	color:#a9b1b3;
	font-size:14px;
	font-weight:bold;
	line-height:29px;
	z-index:9;
	left:125px;
	text-shadow:1px 1px 0px #ffffff;
	width: 1000px;
	text-align: left;
	padding-left: 20px;
}

/**
 * gus
 */
#gus-wrapper {
    border: 0px;
    width: 100%;
    height:56px;
    overflow: hidden;
    /*display:none;*/
   	position:fixed;
   	top:0;
   	z-index:90000;
   	margin-bottom:20px;
	display:none;
}

#gus {
	border: 0px;
    width: 100%;
    overflow: hidden;
}

/*#gus iframe{
    overflow: hidden;
}*/

.full #gus-wrapper {
	display:block;
}

/**
 * logo-and-menu
 */

 
 @media all and (min-width: 1025px){
	#logo-and-menu{
		height:138px;
		position:relative;
		z-index:10000;
		width:1024px;	
		margin:0px auto;
		visibility:hidden;
		display:block;
	}
 }

.full #logo-and-menu,
.scaled #logo-and-menu,
.single #logo-and-menu {
	visibility:visible;
	display:block; 
	
	position:relative;
}

@media all and (max-width: 1024px){
    #logo-and-menu{
        height:90px;
        width:100%;
		display:block;
    }
    
    #content{
		padding-top:0px;
	}
}

@media all and (max-width: 768px){
	#logo-and-menu{
		height:80px;
		width:100%;
		display:block;	
	}
	
	#content{
		padding-top:20px;
	}
}

@media all and (max-width: 480px){
	#logo-and-menu{
		height:60px;
		width:100%;	
		display:block;
	}
	
	#content{
		padding-top:0px;
	}
}

.full #logo-and-menu .images{
    position:relative;
    width:100%;
    height:138px;
	
}

.full #logo-and-menu .images .glow{
    margin-left:-127px;
	margin-top:-20px;
	display:none;
}

.full .sticky-nav #logo-and-menu .images .glow{
	display:block;
}



.scaled #logo-and-menu .images,
.single #logo-and-menu .images{
	display:none;
}

#logo-and-menu .images img{
    position:absolute;
    top:0px;
    margin:0px auto;
	display:none;
	
	
}
.HomePage #logo-and-menu .mobile-logos{
	height:117px;	
	/*-webkit-backface-visibility: hidden;*/
}
.HomePage #logo-and-menu .mobile-logos img{
	max-width: 622px;
	width:0px;
}

.s3 #logo-and-menu .images img.s3,
.s2 #logo-and-menu .images img.s2,
.s4 #logo-and-menu .images img.s4,
.s5 #logo-and-menu .images img.s5,
.s6 #logo-and-menu .images img.s6,
.s7 #logo-and-menu .images img.s7,
.s8 #logo-and-menu .images img.s8,
.s9 #logo-and-menu .images img.s9, .NewsPage #logo-and-menu .images img.s9,
.s11 #logo-and-menu .images img.s11,
.s10 #logo-and-menu .images img.s10 {
	display:block;	
	opacity:1;
}


#logo-and-menu .images img.hover, #logo-and-menu .images img.active, #logo-and-menu .images img.disabled{
	display:block;
	transition: opacity .25s;
	-webkit-transition: opacity .25s;
	opacity:1;
}

#logo-and-menu .images img.background, #logo-and-menu .images img.glow{
	display:block;
	opacity:1;
}

/*.full #logo-and-menu .images{
	overflow:hidden;
	max-width:100%;
}
*/
.full .sticky-nav #logo-and-menu {
	position: fixed;
	top: 75px;
	left: 50%;
	margin-left: -512px;
}

.full .mobile-logos {
	display:none;
}

.scaled .mobile-logos,
.single .mobile-logos {
	margin:29px auto 0;
	text-align:center;
}
	

@media all and (max-width: 622px){
	.mobile-logos .background {
		width:100%;
	}	
}

/**
 * footer
 */
 #footer{
	text-align:center;
	padding:0px;
	margin-top:-30px;
	display:none; /* we display after hero */
	z-index: 1;
	position: relative;
	/*-webkit-backface-visibility: hidden;*/	
}

.has-section-navigator  #footer .footer-wrapper{
	padding-bottom:50px !important;
	background-color: #fff;	
}

#footer .footer-wrapper{
    background-image:url(../img/footer/footer-background.png);
    background-repeat:repeat-x;
	background-color: #fff;
}

#footer .footer-wrapper .section-inner{
	margin: 0px auto;
}

#footer .arch{
    background-image:url(../img/footer/footer-arch.png);
    background-position:center top;
    background-repeat:no-repeat;
    height:48px;
}

#footer .icon{
    /*width:38px;
    height:38px;*/
    display:inline-block;
    margin:0 2px;
    position:relative;
}

#footer .icon img {
	width:100%;
	vertical-align: top;
}

#footer a.icon img.icon-hover {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}

#footer a.icon:hover img {
	visibility:hidden;
}

#footer a.icon:hover img.icon-hover {
	visibility:visible;
}

#share-site .icon {
	width:10.64%;
	max-width:38px;
}

#follow-us .icon {
	width:14.67%;
	max-width:38px;
}


#footer-info,
#footer-logos {
	position:relative;
	margin-bottom:25px;
}

#footer-info {
	padding-top:25px;
	width:100%;
	height:44px;
}

#footer-info > span {
	display:table-cell;
	vertical-align:middle;
	height:44px;
	width:33.33%;
	/*padding:0 17px;*/
	float:left;
	text-align:center;
}

#footer-info > span > .title {
	vertical-align:top;
	position:relative;
	line-height: 35px;
}

#footer-info #footer-country,
#footer-info #follow-us {
	line-height: 35px;
	width:29%;
}

#footer-info #footer-country {
	border-right:1px solid #2e75c2;
}

#footer-info #share-site {
	width:40%;
	border-right:1px solid #2e75c2;
}

#footer-country,
#share-site,
#follow-us {
	line-height:44px;
}

/*#footer-logos {
	height:120px;
	width:100%;
}

#footer-logos > span {
	display:inline-block;
	vertical-align:middle;
	width:24%;
}

#footer-logos #nintendo-logos a {
	display:block;
	margin-bottom:10px;
}

#footer-logos #nintendo-logos img {
	width:76.52%;
}

#footer-logos #nintendo-logos img.topLogo {
	width:59.13%;
}

#footer-logos #nintendo-logos,
#footer-logos #tpc-3ds-logos {
	width:26%;
	max-width:230px;
}

#footer-logos #tpc-3ds-logos a {
	display:block;
	margin-bottom:10px;
}

#footer-logos #tpc-3ds-logos img {
	width:77.83%;
}

#footer-logos #tpc-3ds-logos img.topLogo {
	width:100%;
}

#footer-logos #esrb-kids-logo,
#footer-logos #esrb-logo {
	max-width:212px;
}

#footer-logos #esrb-kids-logo img {
	width:40.09%;
	max-width:85px;
}

#footer-logos #esrb-logo img {
	width:69.81%;
	max-width:148px;
}
*/
#footer-info .title {
	margin-right:5px;
}

span.flag {
	margin:0 10px;
}

span.right-arrow {
	display:inline-block;
	width:0;
	height:0;
	border-bottom:6px solid transparent;
	border-top:6px solid transparent;
	border-left:6px solid #c60a28;
}

#footer-legal {
	color:#878787;
	font-size:11px;
}


#footer-disclaimer{
	color:#878787;
	margin-bottom:10px;
}

#footer-disclaimer ul{
	list-style:none;
		
}

#footer-disclaimer li{
	display:inline-block;
	margin:0px 10px;
	font-style:italic;
}


#footer-logos-inner{
	position: relative;
}

#footer-logos .logo{
	position:absolute;	
	overflow:hidden;
}
#footer-logos .logo .wrapper{
	margin:5px;	
	position:relative;/**/
	
}

#footer-logos .logo.wfc .wrapper, #footer-logos .logo.privacy .wrapper, #footer-logos .logo.rating .wrapper{
	height: 100%;
	margin-top: 50%;
}

#footer-logos .logo.wfc .wrapper a, #footer-logos .logo.privacy .wrapper a, #footer-logos .logo.rating .wrapper a{
	height: 100%;
	display: inline-block;
	margin-top: -50%;	
}

#footer-logos .logo a{
	display:inline-block;
	position:relative;
	
}

#footer-logos .logo img{
	width:100%;
}

#footer-logos .wfc{
	width:12%;
	height:117px;
}

#footer-logos .pokemon, #footer-logos .eshop{
	width:23%;
	left:12%;
	height:60px;
}

#footer-logos .eshop{
	top:50px;	
}

#footer-logos .nintendo, #footer-logos .n3ds{
	width:30%;
	left:35%;
	height:60px;
}

#footer-logos .n3ds{
	top:50px;	
	
}

#footer-logos .privacy{
	width:15%;
	left:65%;
	height:120px;
	
}

#footer-logos .rating{
	width:19%;
	left:80%;
	height:117px;
	
}

#footer-logos .privacy img, #footer-logos .rating img, #footer-logos .wfc img{
	max-height:115px;
}

#footer-logos .nintendo img, #footer-logos .eshop img, #footer-logos .s4 img, #footer-logos .n3ds img{
	max-height:34px;
}

#footer-logos{
	position:relative;	
	width:100%;
	height:117px;
}


/* NO WIFI - lose 1/2 of 12% AKA 6%*/

#footer-logos.no-wfc .pokemon, #footer-logos.no-wfc  .eshop{
	left:6%;
}

#footer-logos.no-wfc .nintendo, #footer-logos.no-wfc .n3ds{
	left:29%;
}

#footer-logos.no-wfc .privacy{
	left:59%;
}

#footer-logos.no-wfc .rating{
	left:74%;
}

/** NO PRIVACY **/

#footer-logos.wfc.no-privacy .rating{
	left:65%;
}

#footer-logos.no-wfc.no-privacy .rating{
	left:59%;
}

.no-privacy #footer-logos-inner{
	margin-left:15%;
}

.no-rating #footer-logos-inner{
	margin-left:19%;
}

.no-rating.no-privacy #footer-logos-inner{
	margin-left:34%;
}

.no-eshop .pokemon, .no-pokemon .eshop, .no-n3ds .nintendo, .no-nintendo .n3ds{
	top:25px !important;
}


.single #footer-logos{
	position:relative !important;
	height:auto;
}

.single #footer-logos .logo .wrapper{
	margin:0px !important;
	position:relative !important;
}

.single #footer-logos .logo .wrapper a{
	margin:0px !important;
	position:relative !important;
}

.single #footer-logos .logo{
	width:100% !important;
	position:relative !important;
	top:0px !important;
	left:0px !important;
	margin:0px !important;
}

/** NO ESHOP **/

/*#footer-logos .wfc{
	display:none;	
}

#footer-logos.no-eshop .nintendo{
	left:0px;
	width:17%;
}

#footer-logos.no-eshop .n3ds{
	top:0px; left: 17%;
	width:25%;
}

#footer-logos.no-eshop .pokemon{
	left:53%;
}

#footer-logos.no-eshop .privacy{
	left:83%;
}

#footer-logos.no-eshop .rating{
	left:98%;
}*/

/*@media all and (max-width:500px) {
	
	#footer-info,
	#footer-logos {
		height:auto;
	}
	
	#footer-info > span,
	#footer-logos #nintendo-logos,
	#footer-logos #tpc-3ds-logos,
	#footer-logos #esrb-kids-logo,
	#footer-logos #esrb-logo {
		display:block;
		width:50%;
		margin:0 auto;
		float:none;
	}
	
	#footer-info #footer-country {
		width:59.4%;
		border-right:none;
	}
	
	#footer-info #share-site {
		width:82.2%;
		border-right:none;
	}
	
	#footer-info #follow-us {
		width:59.4%;
	}
}*/

/**
 * home art
 */
.home-art{
	text-align:center;
	margin:10px auto 10px auto;
	overflow:hidden;
	text-align:center;
	position:relative;
	display:none;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */	
}

.home-art img{
	box-shadow: #000 0em 0em 0em;	
}

.home-art.hover{
	cursor:pointer;	
}

.home-art ul{
    position:absolute;
    left:17%; right:17%;bottom:5.5%;
    z-index:10;
	overflow:hidden;
}

.home-art li{
    display:inline-block;
    width:23%;
	max-width:23%;
    background-color:#7e95c7;
	overflow:hidden;
}

.home-art li img.image{
	display:none;
}

.home-art li img.thumbnail{
	width:100%;
	
}

.home-art li.inactive {
	background-color:#000;	
	position: relative;
	
}
.home-art li.inactive img{
	

}

.home-art li.inactive img{
	
	opacity:.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.home-art li.inactive.hover img{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.home-art li .caption{
    display:none;
    clear:both;
}

.home-art .shell{
    position:relative;
    z-index:11;
    top:0px;
	pointer-events:none;
}

.home-art .active-item{
    position:absolute;
    width:92%;
    height:66%;
    left:4%;
    top:5.25%;
	background:url(/_ui/img/gallery/placeholder.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

.home-art .active-item .image{
    margin:0px auto;
    width:100%;
    height:100%;
    position:absolute;
	left:0px;
	
}

.home-art .active-item .image img{
    width:100%;    
}

.home-art .active-item .caption{
	height:12%;
	bottom:5%; left:6%; right:6%;
	position:absolute;
	/*color: #333366;*/
	color: #FFFFFF;
	font-weight:bold;
	font-style:italic;
	font-family:'Asap', sans-serif;	
	font-size:28px;
	text-shadow:3px 3px 4px #000;
	/*filter: glow(color=black,strength=5);*/  
}

.home-art .active-item .caption span{
	
}

@media all and (max-width: 1024px){
	.home-art .active-item .caption{
		font-size:25px;
		
	}
}

@media all and (max-width: 768px){
	.home-art .active-item .caption{
		font-size:20px;
	}
}

@media all and (max-width: 650px){
	.home-art .active-item .caption{
		font-size:15px;
		font-family:Arial, Helvetica, sans-serif;
	}
}

@media all and (max-width: 500px){
	.home-art .active-item .caption{
		font-size:12px;
	}
}



@media all and (max-width: 425px){
	.home-art .active-item .caption{
		font-size:10px;
		bottom:6%;
	}
}

.home-art .shell img{
	width:100%;
    min-width:100%;
}

/**
* 404
**/
#not-found-page{
	font-family:'Asap', sans-serif;	
}

#not-found-page .image{
	width:100%;
	text-align:center;
}

#not-found-page .image img{
	width:90%;
	max-width:692px;
}


#not-found-page .text{
	max-width:400px;
	margin:0px auto;
}

#not-found-page .title{
	font-size:74px;
	border-bottom:1px solid #0160a0;
	color:#0160a0;
	font-weight:bold;
	font-style:italic;
	text-shadow:3px 3px 0px #004a7b;
	max-width:400px;
}

#not-found-page .message{
	font-size:24px;
	font-weight:bold;
	border-top:1px solid #4599d1;
	color:#4599d1;
	max-width:400px;
}

#not-found-page .error{
	font-size:16px;
	font-weight:bold;
	color:#4599d1;
}

/**
 * news-list
 */
 
.news-list {
	/*margin-bottom:60px;*/
}

.news-list li{
    overflow:auto;    
}

.news-list .image{
   display:inline-block;
   float:left;
   
}
 
.news-list img{
  box-shadow: #000 0em 0em 0em;
}

.news-list .title{
	font-size:24px;
    font-weight:bold;
    display:block;
    font-family::Arial, Helvetica, sans-serif;
    color:#0060a0;
}

.news-list a .subtitle {
	 color: #0060a0;
	 font-size:14px;
}

.news-list a:visited .title,.news-list a:visited .subtitle {
	 color: #d22a46;	 
}

.news-list-box .news-list li:hover a .title,.news-list-box  .news-list li:hover a .subtitle {
	transition: color .5s;
	-webkit-transition: color .5s;
	color:#037ed0;	
}

.news-list-box  .news-list li:hover a:visited .title, .news-list-box  .news-list li:hover a:visited .subtitle {
	color:#ff5471;	
}

#news-list-page .news-list img{
    max-width:200px;
    max-height:150px;
}

.news-list li{
    margin:0px 0px 0px 0px;
    padding:15px 10px 15px 24px;
	position:relative;	
}

.news-list li a{
    color:#0153A1;
    font-weight:bold;
    text-decoration:none;
}



.news-list li .arrow{
	height:44px;
}

.news-list li a:hover .arrow {
	background-position:0 -44px;
}

.news-list li .image{
    /*margin-right:45px;*/
    display:block;
    width:30%;
	position:relative;
}

.single .news-list li .image {
	margin-right:5%;
}

#news-index-page .news-list li {
	padding:0px 8.3% 125px;
	background:url('../img/news-page/news-divider.png') no-repeat center bottom;
	background-size:100% auto;
}

#news-index-page .news-list li.last{
	background:none;
}

#news-index-page .news-list li .image {
	width:30%;
	padding:6px;
    border:1px solid #eff1f2;
    border-radius:5px;
    background-color: #eff1f2; 
   	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eef0f1), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #eef0f1, #ffffff); 
	background-image:    -moz-linear-gradient(top, #eef0f1, #ffffff);
	background-image:     -ms-linear-gradient(top, #eef0f1, #ffffff);
	background-image:      -o-linear-gradient(top, #eef0f1, #ffffff);
}

#news-index-page .news-list li .image a{
	display:block;
}

.news-list li .image-wrapper{
	border:1px solid #2380cf;
	overflow:hidden;
	display:inline-block;
	padding:2px;
	background-color:#fff;
}

.news-list li a:visited .image-wrapper{
    border:1px solid #d22a46;
}

.news-list li .image-wrapper{
	border:1px solid #037ed0;
}

.news-list li a:visited .image-wrapper{
    border:1px solid #ff5471;
}

.news-list li .image img{
    width:100%;
    display:block; 
}

.news-list-box  .news-list li:hover a img{
    opacity:.5;
}

.news-list li a {
	display:block;
}



.HomePage .news-list li .title{
	display:block;
    font-size:24px;
}

.single .news-list li .title {
	font-size:18px;
	line-height:18px;
}

.news-list li .read-more{
	background:url('../img/news-page/read-more-left.png');
	display:inline-block;
	height:50px;
	position:absolute;
	cursor:pointer;
	
}
.news-list li .read-more{
	bottom:60px; right:8.3%;
}

.news-list li .read-more:hover{
	background:url('../img/news-page/read-more-left-hover.png');
}

.news-list li .read-more:active{
	background:url('../img/news-page/read-more-left-active.png');
}

.news-list li .read-more span{
	background:url('../img/news-page/read-more-right.png');
	background-position:top right;
	background-repeat:no-repeat;
	display:inline-block;
	height:50px;
	padding: 0px 10px 0px 10px;
	margin-right:-32px;	
}

.news-list li .read-more:hover span{
	background:url('../img/news-page/read-more-right-hover.png');
	background-position:top right;
	background-repeat:no-repeat;
}

.news-list li .read-more:active span{
	background:url('../img/news-page/read-more-right-active.png');
	background-position:top right;
	background-repeat:no-repeat;
}

.news-list li .read-more span span{
	background:url('../img/news-page/read-more-arrow.png');
	background-position:center right;
	background-repeat:no-repeat;
	padding: 0px 15px 0px 0px;
	margin:0px 10px 0px 10px;
	line-height:49px;
	color:#55636b;
	font-family:'Asap', sans-serif;
    font-size:16px;
    font-style:italic;
	font-weight:bold;
    text-shadow:0px -1px 0px #fff, 0px -1px 0px #cfd3d6;
}



.news-list li .read-more:hover span span{
	background:url('../img/news-page/read-more-arrow-hover.png');
	background-position:center right;
	background-repeat:no-repeat;
	color:#7c8d97;
	text-shadow:none;
}


.news-list li .read-more span {
	/*display:table-cell;
	vertical-align:middle;
	width:83px;
    height:43px;
    background:url('../img/news-page/round-btn-blue.png') no-repeat 0 0;
    color:white;
    padding-bottom:1px;
    padding-left:15px;
    padding-right:30px;
    text-align:center;
    font-family:'Asap', sans-serif;
    font-size:16px;
    font-style:italic;
    text-shadow:0px -1px 0px #005fa0;
	position:absolute;
	bottom:60px; right:8.3%;
	line-height:43px;*/
}

/*.news-list li.visited a.read-more span {
	background:url('../img/news-page/round-btn-red.png') no-repeat 0 0;
	text-shadow:0px -1px 0px #b91128;
}

.news-list li  a.read-more:hover span {
	background-position:0 -44px;
}*/



#home-page .news-list li a.read-more,
.single .news-list li a.read-more,
.other-news .news-list li a.read-more {
	display:none;
}

 #home-page .news-list .title{
	 font-size:18px;
	 font-family:Arial, Helvetica, sans-serif;
 }

.news-content {
	margin-left:36%;
}

@media all and (max-width:500px) {
	.news-content {
		margin-left:40%;
	}
	
	#home-page .news-list .title{
		 font-size:15px;
	 }
}

/**
 * news page
 */
 #news-page .article .title{
     font-weight:bold;
     /*font-style:italic;*/
     font-size:40px;
     font-family: 'Asap', sans-serif;
     display:block;
     margin-bottom:5px;
     color:#0060a0;
     line-height:45px;
 }

#news-page .article .subtitle{
	font-weight:normal;
    font-size:24px;
	line-height:25px;
    font-family: 'Asap', sans-serif;
    display:block;
    margin-bottom:5px;
    color:#0060a0;
}

#news-page .article .published{
    display:none;
}

#news-page .article .body{
    color:#78858c;
}

#news-page .article a.read-more{
	display:block;
	background:url(/_ui/img/news-page/read-more-bg.png);
	background-position:top right;
	background-repeat:no-repeat;
	height:43px;
	line-height:43px;
	padding-right:40px;
	text-align:right;
	font-family: 'Asap', sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#0060a0;
	text-decoration:none;
	margin:10px 3px;
	
}

#news-page .bx-wrapper{ 
    /* max-width:75% !important; to scale down the gallery, this seems to be the way */
}

#news-page .news-page-navigator{
    padding:15px;     
}

#news-page .news-page-navigator a{
    font-size:16px;
    font-weight:bold;
    font-style:italic;
    font-family: 'Asap', sans-serif;
    color:#fff;
    text-decoration:none;
    width:118px;
    height:44px;
    text-align:center;
}

#news-page .news-page-navigator a span{
    display:inline-block;
    text-align:center;
    line-height:43px;
}

#news-page .news-page-navigator a.prev{
   float:left;
   background-image:url(/_ui/img/news-page/news-article-previous.png);
   text-shadow: 0px -1px #b91128, 0px 1px #ff80ad;
}

#news-page .news-page-navigator a.prev:hover{
    background-image:url(/_ui/img/news-page/news-article-previous-hover.png);
}

#news-page .news-page-navigator a.prev span{
    background-image:url(/_ui/img/news-page/news-article-previous-arrow.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:17px;
}

#news-page .news-page-navigator a.next{
    float:right;
    background-image:url(/_ui/img/news-page/news-article-next.png);
    text-shadow: 0px -1px #b91128, 0px 1px #ff80ad;
}

#news-page .news-page-navigator a.next:hover{
    background-image:url(/_ui/img/news-page/news-article-next-hover.png);
}

#news-page .news-page-navigator a.next span{
    background-image:url(/_ui/img/news-page/news-article-next-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right:17px;
}

#news-page .other-news {
	margin:20px 10px 0px 10px;
	position:relative;
}

 
#news-page  .other-news .subtitle{
	display:none;	
}
 

/*#news-page .other-news .box-title{
	color:#0060a0;
	font-family:'Asap', sans-serif;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}*/

#news-page.section.section-first .hr{
	display:block;
	margin-bottom:0px;
}

#news-page .other-news .hr{
	width:100%;
	height:76px;
	margin-top:-30px;
	background-image:url(../img/sections/section-hr.png);
	background-size:80% 100%;
	background-position:center top;	
	background-repeat:no-repeat;
}

#news-page .other-news .hr.br {
	background-image:url(../img/sections/subsection-hr-br.png);
	background-position:right top;
	background-size:100%;
}

/*.other-news .news-list {
	margin-bottom:60px;
}*/

.other-news .news-list li .title {
	font-size:14px;
}

#show-all-news-btn {
	background:url(../img/blue-button-med.png) no-repeat 0 0;
	width:158px;
	height:44px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	font-family:'Asap', sans-serif;
    font-size:16px;
	font-weight:bold;
    font-style:italic;
    text-shadow:0px -1px 0px #005fa0;
    cursor:pointer;
    position:absolute;
    right:65px;
    bottom:60px;
    line-height:43px;
}

@media all and (max-width: 500px){
    #news-page .other-news{
        display:none;
    }
}
 
 /**
  * downloads page
  */
 #downloads-page .title{
     font-size:1.5em;
     font-weight:bold;
 }
 
 .wallpaper{
     max-width:100%;
     margin:0px auto;
     padding-top:35px;
	 position:relative;
 }
 
 .single .wallpaper{
		padding-left:12px; 
 }
 
 .is-new-text{
	 font-weight:bold;
	 font-size:16px;
	 color:#fff;
	 text-shadow:0px 0px 3px #0b7400;
 }
 
 .wallpaper.is-new {
 	background:url('../img/new-icon-section.png') no-repeat 0 0;
 }

 .wallpaper.is-new .is-new-text{
	position:absolute;
	top:3px;
	left:30px;
}

 
 .wallpaper .gallery-wrapper{
	 z-index:21;
	 position:relative;
	 pointer-events: none;
 }
 
.wallpaper ol{
	position:relative;
	margin:-90px auto 0px auto;
	z-index:20;
	width:90%;
	padding:60px 0px 0px 0px;
	background-image:url(../img/downloads/downloads-links-background.png);
	background-size:100% auto;
	background-position:bottom center;
}

.wallpaper .thumbnail img{
  max-width:100%;
  margin-bottom:49px;
}

@media all and (min-width: 501px){
	.wallpaper .thumbnail img.mobile{
		display:none;
	}
}

@media all and (max-width: 500px){
	.wallpaper .thumbnail img.desktop,.wallpaper.no-mobile{
		display:none;
	}
}

@media all and (min-width: 501px){
	.wallpaper li.mobile{
		display:none;
	}
}

@media all and (max-width: 500px){
	.wallpaper li.desktop{
		display:none;
	}
}

.wallpaper li a{
  display:block;
  margin:5px 0px;
  height:21px;
  line-height:21px;
  text-align:center;
  text-decoration:none;
  color:#78858c;
  background-image:url(../img/downloads/downloads-link-bg.png);
  background-size:100% 100%;
  background-position:bottom center;
  padding-bottom:3px;
}

.wallpaper li a:hover{
    background-image:url(../img/downloads/downloads-link-bg-hover.png);
	color:#00609d
}
/**
 * box art
 */
 
 @media all and (max-width: 700px){
    .HomePage .box{
    	width:100% !important;	
    	clear:both !important;
    }
    
    .HomePage .box-inner{
        padding:10px 20px !important;	
    }
}
 
.box-art{
	
}

.box-art{
	padding:0px;
	margin:0px;
	display:none; /* we display after news */
	max-width: 500px;
}

.box-art li{
	list-style:none;
	position:relative;
	overflow:auto;
}

.box-art li.odd{
	margin-top: -20px;
}

.box-art li a {
	text-decoration:none;
}

.box-art li a.no-link{
	cursor:default;	
}

.box-art li a > img{
	max-width:50%;
	min-width:150px;
	position:relative;
    z-index:10;
}



.box-art li.odd img{
    float:right;
}

.box-art li.even .left{
	width:20%; height:100%;
	left:30%;
	position:absolute;
	overflow:hidden;
	z-index:10;
}

.box-art li.even .left img{
	position:absolute;
	right:0px;
	height:100%;
}

.box-art li.even .right{
	left:30%; right:0px;
	position:absolute;
	height:100%;
	overflow:hidden;
	z-index:9;
}

.box-art li.even .right img{
	position:absolute;
	right:0px;
	height:100%;
}

.box-art li.odd .left{
	right:30%; left:0px;
	position:absolute;
	height:100%;
	overflow:hidden;
	z-index:9; 
}

.box-art li.odd .left img{
	position:absolute;
	left:0px;
	height:100%;
	
}

.box-art li.odd .right{
	width:20%; height:100%;
	right:30%;
	position:absolute;
	overflow:hidden;
	z-index:10;
}

.box-art li.odd .right img{
	position:absolute;
	left:0px;
	height:100%;
}

.box-art li .text{
	display:block;
	float:left;
	text-align:center;
	position:absolute;
	width:90%;
	height:50%;
	right:0;
	top:20%;
	z-index:9;	
	margin-right:3%;
	padding-right:5%;	
}

.box-art li.even a .text{
	transition: margin-right .25s;
}

.box-art li.even a:hover .text{
	margin-right:0;
}

.box-art li.odd a .text{
	transition: margin-right .25s;
}

.box-art li.odd a:hover .text{
	margin-right:6%;
}

.box-art li .text .label{
	z-index:1000;
	position: absolute;
	text-align:center;
	height: 60%;
	top: 17%; right:7%; left:42%;
	line-height: 70px;
}

.box-art li.odd .text .label{
	left:7%; right:42%;
}

.box-art li .text .label span{
    display: inline-block;
    margin-top: 7%;
    color:#286fbd;
    line-height:20px;
    font-size:20px;
    font-weight:bold;
    font-style:italic;
    font-family: 'Asap', sans-serif;
    text-shadow: 0px -1px #aaa, 1px 2px #eee;
	width:100%;
}

.box-art li.odd .text .label span {
	color:#d22a46;
}

 @media all and (max-width: 800px){
    .box-art li .text .label span{
        
    }
 }
 
 @media all and (max-width: 650px){
    .box-art li .text .label span{
       
    }
 }
 
 @media all and (max-width: 600px){
    .box-art li .text .label span{
        
		
    }
	
	.box-art li.even .text .label span{
		
	}
	
	.box-art li.odd .text .label span{
		
	}
 }
 
 @media all and (max-width: 860px){
    .box-art li .text .label{
       top:14%;
    }
 }
 
  @media all and (max-width: 500px){
    .box-art li .text .label{
       top:15%;
    }
 }
 
  @media all and (max-width: 425px){
    .box-art li .text .label{
       top:8%;
    }
	
	.box-art li .text .label span{
		font-size:12px;	
	}
 }
 
 @media all and (max-width: 350px){
    .box-art li .text .label{
        top:5%;
    }
 }



/*
.box-art li:nth-child(2) img{
	float:right;
}

.box-art li:nth-child(2) .text span{
    margin:0px 50px 0px 0px;
}

.box-art li:nth-child(2) .text{
    float:right;
}
*/
/**
 * video
 */
 #video-page{
    width:100%;
}

 #video-page #video-page-caption{
    color:#0060a0;
    font-size:14px;
} 

 #video-page #video-page-title{
    color:#0060a0;
    font-family:'Asap', sans-serif;
    font-size:30px;
    font-weight:bold;
}

.video-gallery{
   max-width:640px;
   width:100%;
   margin:0px auto;
   position:relative;
   padding-bottom:140px;
   margin-bottom:-30px;
}
  
.video-gallery.video-widget ul{
    position:relative;
	
}

.video-gallery.video-widget .title, .video-gallery.video-widget .caption{
    display:none;
}

.video-gallery.video-widget .player-wrapper{
	position:relative;
    
	height:360px;
    margin:0px auto;
    background-color:#000;
}

.video-gallery.video-widget .player{
    z-index:1;
}


.video-gallery.video-widget .thumbnails{
	position:absolute;
	height:114px;
	left:120px; right:120px;
   	overflow:hidden;
   	bottom:72px;
	background-color:#D3DBDD;
	z-index:1001;
}



.video-gallery.video-widget .thumbnails .left{
	position:absolute;
	width:31px;
	height:114px;
	top:0px; left:0px;
	background-image:url(/_ui/img/video/video-gallery-thumbnail-shadow-left.png);
	z-index:1001;
	pointer-events: none;
}

.video-gallery.video-widget .thumbnails .middle{
	position:absolute;
	height:20px;
	bottom:0px; right:31px; left:31px;
	background-image:url(/_ui/img/video/video-gallery-thumbnail-shadow-middle.png);
	z-index:1001;
}

.video-gallery.video-widget .thumbnails .right{
	position:absolute;
	width:31px;
	height:114px;
	top:0px; right:0px;
	background-image:url(/_ui/img/video/video-gallery-thumbnail-shadow-right.png);
	z-index:1001;
	pointer-events: none;
}

.video-gallery.video-widget.mini .thumbnails{
	 bottom:100px;
	 z-index:1000;
}

.video-gallery.video-widget .thumbnail-wrapper{
	position:relative;
    margin:0px auto;
    display:block;
    z-index:1001;
	width:10000px;
	top:20px;
}

.video-gallery.video-widget.mini .thumbnail-wrapper{
	top:45px;
}

 .video-gallery.video-widget .video .thumbnail img{
    width:100%;
	height:100%; 
    position:absolute;
    top:0px; left:0px;
	transition: opacity .2s;
 }
 
 .video-gallery.video-widget .video:hover .thumbnail img{
 	opacity:1 !important;
	
 }
 .video-gallery.video-widget.video .title,  .video .description{
     display:none;
 }
 
 .video-gallery.video-widget .video{
     display:inline-block;
     position:relative;
     
     top:0px;
	 width:132px;
	 height:82px;
	 cursor:pointer;
 }
 

 
 .video-gallery.video-widget.mini .video{
	 width:99px;
	 height:61px;
 }
 
 .video-gallery.video-widget .video .overlay{
    width:100%;
	height:100%; 
    position:absolute;
    top:0px; left:0px;
	
}

 .video-gallery.video-widget .video .overlay img{
	width:100%;
	height:100%; 
    position:absolute;
    top:0px; left:0px;
 }

 
 @media all and (max-width: 1024px){
    .video-gallery .player{
        width:100%;
    }

    .video-gallery .player-wrapper{
        height:auto;
    }
}

/* Video Gallery Frame */
.video-gallery.video-widget .list-widget{
    position:absolute;
    min-width:200px;
    left:5%; right:5%;
    bottom:190px;
}

.video-gallery.video-widget.mini .list-widget{
	bottom:220px;
}




.video-gallery.video-widget .list-widget .controls{
    position:absolute;
    width:100%;
    top:40px;
}

.video-gallery.video-widget.mini .list-widget .controls{
	top:55px;
}

.video-gallery.video-widget .list-widget .controls span{
    display:none;
}

.video-gallery.video-widget .list-widget .controls .prev{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-prev-button.png);
    width:58px; height:58px;
    left:30px;
}

.video-gallery.video-widget .list-widget .controls .prev:hover{
	background-image:url(/_ui/img/video/video-gallery-prev-button-hover.png);
}

.video-gallery.video-widget .list-widget .controls .prev:active{
	background-image:url(/_ui/img/video/video-gallery-prev-button-active.png);
}


.video-gallery.video-widget .list-widget .controls .next{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-next-button.png);
    width:58px; height:58px;
    right:30px;
}

.video-gallery.video-widget .list-widget .controls .next:hover{
	background-image:url(/_ui/img/video/video-gallery-next-button-hover.png);
}

.video-gallery.video-widget .list-widget .controls .next:active{
	background-image:url(/_ui/img/video/video-gallery-next-button-active.png);
}

.video-gallery.video-widget .list-widget .left{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-list-left.png);
    width:75px; height:144px;
    bottom:-144px; left:0px;
}

.video-gallery.video-widget .list-widget .right{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-list-right.png);
    width:75px; height:144px;
    bottom:-144px; right:0px;
}

.video-gallery.video-widget .list-widget .middle{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-list-middle.png);
    height:144px;
    left:75px; right:75px; bottom:-144px;
}

.video-gallery.video-widget .list-widget-inner{
    position:absolute;
    left:90px; right:90px;
    margin:0px auto;
    bottom:-5px;
	display:none !important;
}

.video-gallery.video-widget .list-widget-inner .left{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-list-inner-left.png);
    width:100px; height:114px;
    top:0px; left:0px;
}

.video-gallery.video-widget .list-widget-inner .right{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-list-inner-right.png);
    width:100px; height:114px;
    top:0px; right:0px;
}

.video-gallery.video-widget .list-widget-inner .middle{
    position:absolute;
    background-image:url(/_ui/img/video/video-gallery-list-inner-middle.png);
    height:114px;
    left:100px; right:100px; top:0px;
}

.video-gallery.video-widget .video-gallery-frame .content-wrapper{
    position:relative;
    padding:11px 12px 58px 12px;   
}

.video-gallery.video-widget .video-gallery-frame .content{
    overflow:hidden;
    height:340px;
    
}

.video-gallery.video-widget .video-gallery-frame{
    position:relative;
    top:0px; left:0px;
    padding:0px;
    z-index:1001;
	margin:5px auto 0px auto;
    
}

.video-gallery.video-widget .video-gallery-frame:after { /* clearfix */
   content: ".";
   display: block; 
   height: 0; 
   clear: both;
}

.video-gallery.video-widget .video-gallery-frame .tl, .video-gallery.video-widget .video-gallery-frame .tr{
    position:absolute;
    width:12px; height:13px;
    top:0px;
    z-index:13;
}

.video-gallery.video-widget .video-gallery-frame .tl{
    background-image:url(/_ui/img/video/video-gallery-frame-tl.png);
    left:0px;
}

.video-gallery.video-widget .video-gallery-frame .tr{
    background-image:url(/_ui/img/video/video-gallery-frame-tr.png);
    right:0px;
}

.video-gallery.video-widget .video-gallery-frame .tm{
    background-image:url(/_ui/img/video/video-gallery-frame-tm.png);
    height:13px;
    top:0px; left:12px; right:12px;
    position:absolute;
    z-index:11;
}

.video-gallery.video-widget .video-gallery-frame .bl, .video-gallery.video-widget .video-gallery-frame .br{
    width:82px; height:56px;
    bottom:20px;
    position:absolute;
    z-index:13;
}

.video-gallery.video-widget .video-gallery-frame .bl{
    background-image:url(/_ui/img/video/video-gallery-frame-bl.png);
    left:0px;
}

.video-gallery.video-widget .video-gallery-frame .br{
    background-image:url(/_ui/img/video/video-gallery-frame-br.png);
    right:0px;
}

.video-gallery.video-widget .video-gallery-frame .bm{
    background-image:url(/_ui/img/video/video-gallery-frame-bm.png);
    height:56px; bottom:20px;
    left:82px; right:82px;
    position:absolute;
    z-index:11;
}

.video-gallery.video-widget .video-gallery-frame .ml{
    background-image:url(/_ui/img/video/video-gallery-frame-ml.png);
    width:13px; 
    top:12px; bottom:76px; left:0px;
    position:absolute;
    z-index:11;
	background-size: 100% 100%;
}

.video-gallery.video-widget .video-gallery-frame .mr{
    background-image:url(/_ui/img/video/video-gallery-frame-mr.png);
    width:13px;
    top:12px; bottom:56px; right:-1px;
    position:absolute;
    z-index:11;
}

#current-video-info {
	width:100%;
	max-width:640px;
	margin:0 auto 80px auto;
}

.video-gallery-frame .tl,
.video-gallery-frame .tm,
.video-gallery-frame .tr,
.video-gallery-frame .ml,
.video-gallery-frame .mr,
.video-gallery-frame .bl,
.video-gallery-frame .bm,
.video-gallery-frame .br {
	pointer-events:none;
}


/** Video Gallery list view **/

.video-gallery.video-list  .thumbnail-player-wrapper{
	position:relative;
}

.video-gallery.video-list li{
	margin-bottom:30px;
	padding-top:30px;
}

/*.video-gallery .small-frame{:	all !important;
}*/


.video-gallery.video-list .thumbnail{
	display: inline-block;
	margin-bottom: 49px;
	min-width:100%;
}

.video-gallery.video-list  .hover-button{
	position:absolute;
	display:inline-block;
	top:0px; left:0px;
	width:95%;
	height:75%;
	background:url(/_ui/img/video/play_bttn.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.video-gallery.video-list li:hover  .hover-button{
	background:url(/_ui/img/video/play_bttn_hover.png);
	background-repeat:no-repeat;
	background-position:center center;
}


.video-gallery.video-list  .inline-player{

	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}

.video-gallery.video-list .controls{
	display:none;
}

.video-gallery.video-list .video a{
	display:block;
}

.video-gallery.video-list .video img{
	width:100%;
	min-width:100%;
}

.video-gallery.video-list .video .title{
	display:block;
	color:#0060a0;
	font-size:18px;
	font-family:'Asap', sans-serif;
	font-weight:bold;
}

.video-gallery.video-list .video .caption{
	display:block;
	color:#0060a0;
	margin:0px;
	height:auto;
}



.video-gallery.video-list .video.odd .title{
	color:#d22a46;
	margin:0px;
}

.video-gallery.video-list .video.odd .caption{
    color:#78858c;
}

.video-gallery.video-list .video .overlay{
	display:none;
}

@media all and (max-width: 500px){
    #current-video-info{
    	display:none !important;
    }
}

.video-gallery .is-new .is-new-icon {
	position:absolute;
	left:0;
	bottom:0;
	width:23px;
	height:23px;
	background:url('../img/new-icon-nav.png') no-repeat 0 0;
}

.video-gallery.video-list .is-new .is-new-icon {
	top:0;
	width:157px;
	height:30px;
	background-image:url('../img/new-icon-section.png');
}

.is-new-icon .is-new-text {
	display:none;
}

.video-gallery.video-list .is-new .is-new-icon .is-new-text {
	display:inline;
	position:absolute;
	top:3px;
	left:30px;
}
 
/**
 * feature
 */
 
.feature .intro{
    background-image:url(../img/pokeballs/pokeball2.png);
    background-position:0px 10px;
    background-repeat:no-repeat;
    padding-left:120px;
    margin:20px 0px;
	min-height: 100px;
	/*-webkit-backface-visibility: hidden;*/
}

.feature .intro.inline{
	background-image:none;
	padding-left:0px;
}
 
.feature .title{
    font-weight:bold;
    display:block;
    font-size:30px;
    font-weight:bold;
    font-family: 'Asap', sans-serif;
    color:#0060a0;
    line-height:42px;
	display:inline-block;
	margin-bottom:10px;
	/*-webkit-backface-visibility: hidden;*/
}

.feature .count-2 .title{
	margin-right:0px;
}

.feature .description{
    font-size:14px;
    font-weight:bold;
    font-family: Arial, sans-serif;
    color:#207dbb;
	display:inline-block;
	/*-webkit-backface-visibility: hidden;*/
}

.feature{
	position: relative;	
	/*-webkit-backface-visibility: hidden;*/
}

.feature.is-new {
	background:url('../img/new-icon-section.png') no-repeat 0 0;
}

.feature.is-new .is-new-text{
	position:absolute;
	top:3px;
	left:30px;
}

@media all and (min-width: 1024px){
	
	.feature .title{
		margin-right:115px;
	}
	
	.feature .description{
		margin-right:115px;
	}
}

.feature .count-2 .description{
	margin-right:0px;
}

.subsection {
	/*padding-left:6%;
	padding-right:6%;*/
}

.subsection-first .feature .title{
    font-size:40px;
	color:#d22a46;
}
 
.subsection-first .feature .description{
	color:#78858c;
}

.subsection-first .feature .intro{
    background-image:url(../img/pokeballs/pokeball1.png);
}

.subsection-first  .feature .intro.inline{
	background-image:none;
	padding-left:0px;
}

@media all and (max-width: 768px){
	.feature .intro{
		background-image:none !important;
		padding-left:0px !important;
	}
}

@media all and (max-width:500px){
	.feature .title {
		font-size:24px;
	}
	
	.feature .description {
		font-size:12px;
	}

}
 

/**
 * players-guide
 */
 

.players-guide{
	position: relative;	
	
}


.players-guide.is-new {
	background:url('../img/new-icon-section.png') no-repeat 0 0;
	padding-top:15px;
}


.players-guide.is-new .is-new-text{
	position:absolute;
	top:3px;
	left:30px;
}

.players-guide .title{
    display:block;
    font-size:48px;
    font-weight:bold;
    font-family: 'Asap', sans-serif;
    color:#d22a46;
    line-height:60px;
}
 
.players-guide .description{
    font-size:14px;
    font-weight:bold;
    font-family: Arial, sans-serif;
    color:#78858c;
}

@media all and (max-width:500px){
	.players-guide .title {
		font-size:24px;
	}
	
	.players-guide .description {
		font-size:12px;
	}

}

/**
 * gallery
 */
 .gallery-wrapper{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */	
}

.gallery-wrapper.large-frame{
    width:100%;
    margin:0px auto;
    overflow:hidden;
    position:relative;
}



.gallery li .caption{
    display:none;
}

.gallery-wrapper .controls-wrapper{
    bottom:10px;
    position:absolute;
    width:99%;
    overflow:hidden;
    z-index:15;
    left:0px;
}

.gallery-wrapper .controls{
    position:relative;
    margin:0px auto;
    width:165px;
	display:none;
}

.gallery-wrapper .controls a{
    width:48px;
    height:41px;
    top:0px;
    left:0px;
    display:inline-block;
	
}

.gallery-wrapper .controls a span{
    display:none;
    position:absolute;    
}
/* controls */
.gallery-wrapper .controls .next{
   background-image:url(/_ui/img/gallery/gallery-pagers.png);
   background-position:-48px 0px;
    margin-left:117px;
	position:absolute;
	background-repeat:no-repeat;
}

.gallery-wrapper .controls .next:hover, .gallery-wrapper .controls .next.hover{
    background-position:-48px -83px;
	cursor:pointer;
}

.gallery-wrapper .controls .next:active, .gallery-wrapper .controls .next.active{
	background-position:-48px -42px;
	cursor:pointer;
}

.gallery-wrapper .controls .previous{
	background-image:url(/_ui/img/gallery/gallery-pagers.png);
    background-position:0px 0px;
}

.gallery-wrapper .controls .previous:hover, .gallery-wrapper .controls .previous.hover{
	background-position:0px -83px;
    cursor:pointer;
}

.gallery-wrapper .controls .previous:active, .gallery-wrapper .controls .previous.active{
  	background-position:0px -42px;
    cursor:pointer;
}

.gallery-wrapper .controls .display{
    width:69px;
    height:41px;
    display:inline-block;
    position:absolute;
    left:0px;
    margin-left:48px;
    line-height:41px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    text-shadow: 0px -1px #b91128, 0px 1px #ff80ad;
	background-image:url(/_ui/img/gallery/gallery-pagers.png);
    background-position:0px -247px;
	background-repeat:no-repeat;
}

/* controls small-frame*/



.gallery-wrapper.small-frame .controls .next{
	background-position:-48px -124px;
	background-repeat:no-repeat;
}

.gallery-wrapper.small-frame .controls .next:hover, .gallery-wrapper.small-frame .controls .next.hover{
	background-position:-48px -206px;
}

.gallery-wrapper.small-frame .controls .next:active, .gallery-wrapper.small-frame .controls .next.active{
	background-position:-48px -165px;
}

.gallery-wrapper.small-frame .controls .previous{
	
	background-position:-0px -124px;
	background-repeat:no-repeat;
}

.gallery-wrapper.small-frame .controls .previous:hover, .gallery-wrapper.small-frame .controls .previous.hover{
	background-position:-0px -206px;
	cursor:pointer;
}

.gallery-wrapper.small-frame .controls .previous:active, .gallery-wrapper.small-frame .controls .previous.active{
	background-position:-0px -165px;
	cursor:pointer;
}

.gallery-wrapper.small-frame .controls .display{
	background-position:0px -288px;
    text-shadow: 0px -1px #005fa0, 0px 1px #8adbff;
    
}

.gallery-wrapper .caption{
    height:140px;
    width:90%;
    margin:-70px auto 0px auto;
    position: relative;
    bottom:0px;
    z-index:9;
	display:none;
	/*-webkit-backface-visibility: hidden;*/
}

.caption-img {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.gallery-wrapper .caption > span{
    font-size:12px;
    color:#78858c;
    overflow:hidden;
    text-align:center;
    position: absolute;
    display: block; 
	vertical-align: middle; 
	height:80px; bottom:15px;
	line-height : 80px;
	left:20px; right:20px;

	
}

.gallery-wrapper .caption span span{
	display:inline-block; 
	text-align: center; 
	line-height: normal;
    vertical-align: middle;   
}

.gallery-wrapper .bx-wrapper{
    z-index:10;
	
}


.gallery-single img{
    max-width:100%;   
}
 

.gallery{
    padding:10px;
}


.gallery-wrapper  .gallery-and-pager{
	position:relative;
}

/* default large-frame */


.gallery-wrapper.large-frame .gallery-frame{
    position:relative;
    top:0px; left:0px;
    padding:0px;
    z-index:13;
	margin:5px 5px 0px 10px;
	padding-bottom:3px;
	min-width:200px;: none;
	
}

.gallery-wrapper.large-frame .gallery-frame .tl, .gallery-wrapper.large-frame .gallery-frame .tr{
    position:absolute;
    width:32px; height:30px;
    top:-10px;
    z-index:13;
}

.gallery-wrapper.large-frame .gallery-frame .gallery-content{
	position:relative;
	left:7px; top:2px; margin-right:1px;
	min-height:124px;
}

.gallery-wrapper .gallery-frame .gallery-content ul{
	min-height:124px;
}

.gallery-wrapper.large-frame .gallery-frame .tl, .gallery-wrapper.large-frame .gallery-frame .tr, .gallery-wrapper.large-frame .gallery-frame .bl, .gallery-wrapper.large-frame .gallery-frame .br{
	background-image:url(/_ui/img/gallery/frames.png);
	background-repeat:no-repeat;
}



.gallery-wrapper.large-frame .gallery-frame .tl{
    /*background-image:url(/_ui/img/gallery/frame-large-tl.png);*/
	
	background-position:0px 0px;
    left:-9px;
}

.gallery-wrapper.large-frame .gallery-frame .tr{
   /* background-image:url(/_ui/img/gallery/frame-large-tr.png);*/
   background-position:-190px 0px;
    right:-13px;
}

.gallery-wrapper.large-frame .gallery-frame .tm{
    background-image:url(/_ui/img/gallery/frame-large-tm.png);
    height:30px;
    top:-10px; left:10px; right:10px;
    position:absolute;
    z-index:11;
}

.gallery-wrapper.large-frame .gallery-frame .bl, .gallery-wrapper.large-frame .gallery-frame .br{
    width:110px; height:60px;
    bottom:20px;
    position:absolute;
    z-index:13;
}

.gallery-wrapper.large-frame .gallery-frame .bl{
	background-position:0px -30px;
    left:-9px;
}

.gallery-wrapper.large-frame .gallery-frame .br{
	background-position:-110px -30px;
    right:-13px;
	width:112px;
}

.gallery-wrapper.large-frame .gallery-frame .bm{
    background-image:url(/_ui/img/gallery/frame-large-bm.png);
    height:60px; bottom:20px;
    left:101px; right:99px;
    position:absolute;
    z-index:11;: none;
}

.gallery-wrapper.large-frame .gallery-frame .ml{
    background-image:url(/_ui/img/gallery/frame-large-ml.png);
	background-size:100% 100%;
    width:33px; 
    top:20px; bottom:80px; left:-9px;
    position:absolute;
    z-index:11;
}

.gallery-wrapper.large-frame .gallery-frame .mr{
    background-image:url(/_ui/img/gallery/frame-large-mr.png);
	background-size:100% 100%;
    width:32px;
    top:20px; bottom:80px; right:-13px;
    position:absolute;
    z-index:11;
}

/* small-frame */

.gallery-wrapper.small-frame{
	width:100%;
    margin:0px auto;
    overflow:hidden;
    position:relative;
}


.gallery-wrapper.small-frame .gallery-frame{
    position:relative;
    top:0px; left:0px;
    padding:0px;
    z-index:13;
	margin:5px 5px 0px 15px;
	min-width:200px;: none;
	padding-bottom:6px;
	
}

.gallery-wrapper.small-frame .gallery-frame .tl, .gallery-wrapper.small-frame .gallery-frame .tr{
    position:absolute;
    width:23px; height:20px;
    top:-5px;
    z-index:13;
}

.gallery-wrapper.small-frame .gallery-frame .tl{
	background-position: -222px 0px;
    left:-10px;
}

.gallery-wrapper.small-frame .gallery-frame .tr{
	background-position:-345px 0px;
    right:-5px;
}

.gallery-wrapper.small-frame .gallery-frame .tm{
    background-image:url(/_ui/img/gallery/frame-small-tm.png);
    height:20px;
    top:-5px; left:10px; right:10px;
    position:absolute;
    z-index:11;
}

.gallery-wrapper.small-frame .gallery-frame .gallery-content{
	position:relative;
	left:7px; top:6px; margin-right:8px;
	min-height:124px;
}

.gallery-wrapper.small-frame .gallery-frame .tl, .gallery-wrapper.small-frame .gallery-frame .tr, .gallery-wrapper.small-frame .gallery-frame .bl, .gallery-wrapper.small-frame .gallery-frame .br{
	background-image:url(/_ui/img/gallery/frames.png);
	background-repeat:no-repeat;
}

.gallery-wrapper.small-frame .gallery-frame .bl, .gallery-wrapper.small-frame .gallery-frame .br{
    width:73px; height:40px;
    bottom:20px;
    position:absolute;
    z-index:13;
}

.gallery-wrapper.small-frame .gallery-frame .bl{
	background-position:-222px -20px;
    left:-10px;
	pointer-events:none;
}

.gallery-wrapper.small-frame .gallery-frame .br{
	background-position:-295px -20px;
    right:-5px;
}

.gallery-wrapper.small-frame .gallery-frame .bm{
    background-image:url(/_ui/img/gallery/frame-small-bm.png);

    height:40px; bottom:20px;
    left:63px; right:68px;
    position:absolute;
    z-index:11;
}

.gallery-wrapper.small-frame .gallery-frame .ml{
    background-image:url(/_ui/img/gallery/frame-small-ml.png);
	
	background-size:23px 100%;
    width:23px; 
    top:10px; bottom:60px; left:-10px;
    position:absolute;
    z-index:11;
}

.gallery-wrapper.small-frame .gallery-frame .mr{
    background-image:url(/_ui/img/gallery/frame-small-mr.png);
	background-size:23px 100%;
    width:23px;
    top:10px; bottom:60px; right:-5px;
    position:absolute;
    z-index:11;
}


/**
 * character
 */
 .character{
     
 }
 

 
/* override the box widths in the case of only a single character in a section */
.character .sibling-count-1 > .box{
    width:50%;
	float:left;
	margin:0px;
}

.character .sibling-count-1 > .box .box-inner{
	margin:5px 0px;
	overflow:hidden;
}

@media all and (max-width: 900px){
	
	.characters > .box{
    	width:100% !important;	
    	clear:both !important;
    }
    
    .characters .box-inner{
        padding:10px 0px !important;	
    }
	
	.character .box{
		width:50%;
		float:left;
		margin:0px;
	}
	
	.character > .box .box-inner{
		margin:5px 0px;
		overflow:hidden;
	}	
}
 
.character .title{
    font-weight:bold;
    display:block;
    font-size:30px;
    font-family: 'Asap', sans-serif;
    padding:0 15px;
}
 
.character .phonetic{
    font-weight:bold;
    display:block;
    padding:0 15px;
}

.character .description{
     display:block;
     padding:0 15px;
}

.character .image img{
    max-width:99%;
}

.character .names, .character .attributes{
    width:100%;
    color:#fff;
}

.character .attributes{
    margin:0px 0px 5px 0px;
}
.character .names td, .character .attributes td{
    padding:3px 10px;
}

.character .names .language, .character .attributes .label{
    text-align:right;
    width:40%;
}

.character .title,
.character .description,
.character .phonetic {
	color:#0060a0;
	font-weight:bold;
}


.character  table{
    border:2px solid #7E7C7D;
}

.character  tr{
    background-color:#A6A6A6;
}

.character  tr.odd{
    background-color:#7E7C7D;
}

.character  .names .language, .character  .attributes .label{
    border-right:1px solid #7E7C7D;
}

.character  .names .name, .character  .attributes .value{
    border-left:1px solid #A6A6A6;
}

.character .chespin .title,
.character .chespin .description,
.character .chespin .phonetic {
	color:#84a04e;
}

.character .chespin table{
    border:2px solid #6d863d;
}

.character .chespin tr{
    background-color:#84a04e;
}

.character .chespin tr.odd{
    background-color:#6d863d;
}

.character .chespin .names .language, .character .chespin .attributes .label{
    border-right:1px solid #6d863d;
}

.character .chespin .names .name, .character .chespin .attributes .value{
    border-left:1px solid #84a04e;
}

.character .fennekin .title,
.character .fennekin .description,
.character .fennekin .phonetic {
	color:#e83821;
}

.character .fennekin table{
    border:2px solid #c04b2c;
}

.character .fennekin tr{
    background-color:#e45b37;
}

.character .fennekin tr.odd{
    background-color:#c04b2c;
}

.character .fennekin .names .language, .character .fennekin .attributes .label{
    border-right:1px solid #c04b2c;
}

.character .fennekin .names .name, .character .fennekin .attributes .value{
    border-left:1px solid #e45b37;
}

.character .froakie .title,
.character .froakie .description,
.character .froakie .phonetic {
	color:#25b0d8;
}

.character .froakie table{
    border:2px solid #1b90b2;
}

.character .froakie tr{
    background-color:#25b0d8;
}

.character .froakie tr.odd{
    background-color:#1b90b2;
}

.character .froakie .names .language, .character .froakie .attributes .label{
    border-right:1px solid #1b90b2;
}

.character .froakie .names .name, .character .froakie .attributes .value{
    border-left:1px solid #25b0d8;
}


.character .purple .title,
.character .purple .description,
.character .purple .phonetic {
	color:#8356A7;
}

.character .purple table{
    border:1px solid #613C7F;
}

.character .purple tr{
    background-color:#8356A7;
}

.character .purple tr.odd{
    background-color:#613C7F;
}

.character .purple .names .language, .character .purple .attributes .label{
    border-right:1px solid #613C7F;
}

.character .purple .names .name, .character .purple .attributes .value{
    border-left:1px solid #8356A7;
}

.character .xerneas .title,
.character .xerneas .description,
.character .xerneas .phonetic {
	color:#6475b3;
}

.character .yveltal .title,
.character .yveltal .description,
.character .yveltal .phonetic {
	color:#e83821;
}


.character .data-tables{
    position:relative;
    /*padding:10px 5px 10px 5px;*/
    padding:20px;
	
}

.character .sibling-count-1  .data-tables{
	margin-top: -5px;
	margin-bottom: 20px;
}

@media all and (max-width: 560px){
	.character .data-tables{
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

.character .data-tables table.names{

}

.character .data-tables table{
	z-index:1001;
	position:relative;
}

.character .data-tables .tl, .character .data-tables .tr{
    position:absolute;
    width:16px; height:16px;
    background-position:top left;
    top:10px;
    z-index:13;
}

.character .data-tables .tl{
    background-image:url(/_ui/img/gallery/frame-minimal-tl.png);
    left:10px;
}

.character .data-tables .tr{
    background-image:url(/_ui/img/gallery/frame-minimal-tr.png);
    right:12px;
}

.character .data-tables .tm{
    background-image:url(/_ui/img/gallery/frame-minimal-mt.png);
    height:16px;
    top:10px; left:20px; right:22px;
    position:absolute;
    z-index:11;
}

.character .data-tables .bl, .character .data-tables .br{
    width:16px; height:19px;
    bottom:10px;
    position:absolute;
    z-index:13;
}

.character .data-tables .bl{
    background-image:url(/_ui/img/gallery/frame-minimal-bl.png);
    left:10px;
}

.character .data-tables .br{
    background-image:url(/_ui/img/gallery/frame-minimal-br.png);
    right:12px;
}

.character .data-tables .bm{
    background-image:url(/_ui/img/gallery/frame-minimal-mb.png);
    height:19px; bottom:10px;
    left:26px; right:28px;
    position:absolute;
    z-index:11;
}

.character .data-tables .ml{
    background-image:url(/_ui/img/gallery/frame-minimal-ml.png);
	background-size: 100% 100%;
    width:16px; 
    top:26px; bottom:26px; left:10px;
    position:absolute;
    z-index:11;
}

.character .data-tables .mr{
    background-image:url(/_ui/img/gallery/frame-minimal-mr.png);
	background-size: 100% 100%;
    width:16px;
    top:26px; bottom:26px; right:12px;
    position:absolute;
    z-index:11;
}

@media all and (max-width: 560px){
	.character .title {
		font-size:21px;
	}
}

/* country-selector */
#country-selector{
    cursor:pointer;
}

/* modal-en */
.modal-en, .en{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    /**opacity:.2;**/

    z-index:10001;
    top:0px;
	 /*-webkit-backface-visibility: hidden;*/
}

.scaled .modal-en, .scaled .en,
.single .modal-en, .single .en {
	top:29px;
}

/* select-country-modal */
.select-country-modal{
    position:fixed;
    width:471px;
    height:278px;
    z-index:10002;
    background:url('../img/language-popup.png') no-repeat 0 0;
    
}

@media all and (max-width:499px){
	.select-country-modal{
		max-width: 100%;
		background-size: 100% 90%;
	}
}

.select-country-modal a{
    cursor:pointer;
}

.select-country-modal a.close-window {
	display:block;
	width:32px;
	height:32px;
	background:url('../img/dialog-buttons.png') no-repeat -115px -126px;
	position:absolute;
	right:30px;
	top:32px;
}

.select-country-modal a.close-window:hover {
	background-position:-115px -94px;
}

.dialog-title {
	color:#798485;
	font-family:'Asap', sans-serif;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}

.countries {
	width:400px;
	margin:20px 0 0 80px;
	position:relative;
}

@media all and (max-width:499px){
	.countries {
		margin-left: 8%;
		margin-top: -1%;

	}
}

@media all and (max-width:400px){
	.countries {
		margin-left: 3%;
		margin-top: -1%;

	}
}


.countries li {
	float:left;
	width:200px;
}

.single .countries li{
	width: 150px;
}

.countries li a {
	border-left:2px solid transparent;
	border-right:2px solid transparent;
	color:#656565;
	display:block;
	font-size:14px;
}

.countries li a:hover {
	/*color:#192c39;*/
	border-left:2px solid #005fa0;
	
}

.countries li a:hover span {
	border-right:2px solid #d2223d;
	color:#192c39;
}

.countries li a span {
	height:100%;
	padding-right:5px;
}

/* flags */
.flag{
    background-image:url(../img/flags/flags.png);
    background-repeat:no-repeat;
    width:20px;
    height:17px;
    display:inline-block;
    vertical-align: text-bottom;
    margin-right:7px;
}

.de-de .flag,
li.de-de .flag {
	background-position:0 -18px;
}

.en-au .flag,
li.en-au .flag{
    background-position:0 0;
}

.en-ca .flag,
.fr-ca .flag,
li.en-ca .flag,
li.fr-ca .flag{
	 background-position:-42px 0;
}

.en-us .flag,
li.en-us .flag{
    background-position:-84px 0;
}

.en-gb .flag,
li.en-gb .flag{
    background-position:-63px -18px;
}

.es-es .flag,
li.es-es .flag{
    background-position:0 -36px;
}

.es-la .flag,
li.es-la .flag{
    background-position:-42px -18px;
}

.fr-be .flag,
.nl-be .flag,
li.fr-be .flag,
li.nl-be .flag{
	 background-position:-21px 0;
}

.fr-fr .flag,
li.fr-fr .flag{
	 background-position:-21px -18px;
}

.it-it .flag,
li.it-it .flag{
    background-position:-21px -36px;
}

.nl-nl .flag,
li.nl-nl .flag{
    background-position:-42px -36px;
}

.pt-pt .flag,
li.pt-pt .flag {
	background-position:-63px 0;
}

/* leave site popup */
.leave-site-modal {
	width:471px;
	height:278px;
	background:url('../img/language-popup.png') no-repeat 0 0;
	position:fixed;
    z-index:10002;
}

.leave-site-modal #leave-site-background {
	width:100%;
}

/*@media all and (max-width:521px){
	.leave-site-modal {
		width:360px;
	}
	
	.leave-site-modal .dialog-title {
		margin-top:20px;
		font-size:18px
	}
	
	.leave-site-content p {
		font-size:8px;
	}
}*/

.leave-site-modal .dialog-title {
	margin-bottom:12px;
}

/*.modal-content {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}*/

#leave-site-content {
	color:#656565;
	padding:0px 60px;
}

#leave-site-content p {
	padding-left:3px;
	padding-right:3px;
}

#leave-site-buttons {
	width:100%;
	margin:20px auto 0;
	margin-left: 40px;
}

#leave-site-buttons li {
	display:inline-block;
	margin:0 5px;
	position:relative;
}

#leave-site-buttons li #cancel-button{
	right: -260px;
}

#leave-site-buttons li #-button span span, #leave-site-buttons li #cancel-button span span{
	min-width: 70px;
	text-align: center;
}

#leave-site-buttons li #-button{
	
}

#leave-site-buttons a {
	color:#fff;
	cursor:pointer;
	display:table-cell;
	vertical-align:middle;
	font-family:'Asap', sans-serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	width:115px;
	height:46px;
	background-image:url('../img/dialog-buttons.png');
	background-repeat:no-repeat;
}

#-button {
	background-position:0 0;
	text-shadow:0px -1px 0px #005fa0;
}

#-button:hover {
	background-position:-116px 0;
}

#-button.click {
	background-position:0 -47px;
}

#cancel-button {
	background-position:-116px -47px;
	text-shadow:0px -1px 0px #b91128;
}

#cancel-button:hover {
	background-position:0 -141px;
}

#cancel-button.click {
	background-position:0 -94px;
}
*/
/* image filters */
img.grayscale {
    filter: url(filters.html#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome  Safari 6+ */
}

/* Home Page */
/* Home Page - News List */
.HomePage .news-list-box{
    padding-top:10px;
	position:relative;
	display:none; /* we display after hero is built */
	/*-webkit-backface-visibility: hidden;*/
	/*background-color:#f0f2f3;
	border-radius:0px 0px 5px 5px;
	padding-bottom:5px;*/
}

.news-list-box .subtitle{
	display:none;	
}

.news-list-box .contents{
    background-image:url(../img/home-page-news-box/home-page-news-box-bg.png);
	background-repeat:repeat-x;
	background-position:bottom left; 
	background-color:#EEF0F1;
	border-radius:5px;
}

.news-list-box .header{
    overflow:auto;
    width:100%;
    height:37px;
	position: relative;
}

.news-list-box .header .box-title{
    font-weight:bold;
	font-size:14px;
    position:absolute;
    z-index:11;
    top:0px;
    left:10px;
    width:130px;
    line-height:30px;
    text-align:center;
    color:#fff;
}

.news-list-box .header .left{
    background-image:url(../img/home-page-news-box/home-page-news-box-head-left.png);
    background-repeat:no-repeat;
    width:184px;
    height:37px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
}

.news-list-box .header .middle{
    background-image:url(../img/home-page-news-box/home-page-news-box-head-middle.png);
    background-repeat:repeat-x;
    width:80%;
    height:37px;
    top:0px;
    right:16px;
    position:absolute;
    z-index:9;
}

 .news-list-box .header .right{
    background-image:url(../img/home-page-news-box/home-page-news-box-head-right.png);
    background-repeat:no-repeat;
    width:16px;
    height:37px;
    top:0px;
    right:0px;
    position:absolute;
    z-index:12;
}

 .news-list-box .footer{
    overflow:auto;
    width:100%;
    height:37px;
    position:relative;
	margin-top:-18px;
}

.news-list-box .footer .more{
    position:absolute;
    top:0px;
    right:0px;
    z-index:13;
    width:80px;
    top:5px;
    line-height:30px;
    text-align:center;
    font-weight:bold;
    overflow:hidden;
    
}

.news-list-box .footer .more a{
    padding-right:15px;
    background-image:url(../img/home-page-news-box/home-page-news-box-more-arrow.png);
    background-repeat:no-repeat;
    background-position:center right;
    color:#207bce;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    font-style:italic;
    font-family: 'Asap', sans-serif;
    text-decoration:none;
}

.news-list-box .footer .more a:hover{
    text-decoration:underline;
}

.news-list-box .footer .left{
    background-image:url(../img/home-page-news-box/home-page-news-box-footer-left.png);
    background-repeat:no-repeat;
    width:12px;
    height:37px;
    position:absolute;
    top:0px;
    z-index:10;   
}

.news-list-box .footer .middle{
    background-image:url(../img/home-page-news-box/home-page-news-box-footer-middle.png);
    background-repeat:repeat-x;
    width:90%;
    height:37px;
    left:12px;
    position:absolute;
    z-index:9;

}

.news-list-box .footer .right{
    background-image:url(../img/home-page-news-box/home-page-news-box-footer-right.png);
    background-repeat:no-repeat;
    width:109px;
    height:37px;
    right:0px;
    position:absolute;
    z-index:12;
}

.news-list-box a.read-more{
	display:none;	
}

.news-list li{
    margin:0px 0px 0px 0px;
    padding:15px 10px 15px 24px;
    background-image:url(../img/home-page-news-box/home-page-news-box-hr.png);
    background-size: 100% 4px;
    background-repeat:no-repeat;
}

.news-list li.first{
	background-image:none;
}

.news-list-box ul{
    list-style:none;    
}

/* bx */
.bx-wrapper .bx-viewport {
	background: transparent;
	border:none;
	margin:0px auto;
	
}

.bx-wrapper img{
    min-width:100%;
    height:auto;
}


/*
 * html-text
 * This is for pokemon content editor added HTML
 */
 .html-text{
	 font-size:14px !important;
 }

  .html-text p{
	font-size:14px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	text-align:left !important;
	line-height:16px !important;
 }
 
 .html-text h1, .html-text h2, .html-text h3{
     font-weight:bold !important;
     display:block;
 }
 
  .html-text h1{font-size:20px !important;}
  .html-text h2{font-size:17px !important;}
  .html-text h3{font-size:15px !important;}
  .html-text em{font-style:italic !important;}
  .html-text strong{font-weight:bold; !important;}  

/* section */
.section{
   overflow:hidden;
  /* -webkit-backface-visibility: hidden;*/
}
.section.odd{
   
}

.section .hr{
	position:relative;
	height:76px;
	overflow:hidden;
	margin:30px 0px 0px;
	display:none;
}

.section.even .hr, .section.odd .hr, .subsection.even .hr, .subsection.odd .hr{
	display:block;
	/*-webkit-backface-visibility: hidden;*/
}

.section .hr .l, .section .hr .ml, .section .hr .m, .section .hr .mr, .section .hr .r{
	height:76px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	/*-webkit-backface-visibility: hidden;*/
}

.section .hr .ml{
	background-image:url(../img/sections/section-hr-ml.png);
	background-position: top left;
	left:25%;
	width:25%;
	background-size:auto 100%;	
}

.section .hr .mr{
	background-image:url(../img/sections/section-hr-mr.png);
	background-position:top right;
	right:25%;	
	width:25%;
	background-size:auto 100%;	
}

.section .hr .r{
	background-image:url(../img/sections/section-hr-r.png);	
	background-position:top right;
	right:0px;
	width:25%;	
}

.section .hr .l{
	background-image:url(../img/sections/section-hr-l.png);	
	background-position:top left;
	left:0px;	
	width:25%;
}

.subsection .hr .ml{
	background-image:url(../img/sections/subsection-hr-ml.png);
}

.subsection .hr .mr{
	background-image:url(../img/sections/subsection-hr-mr.png);
}

.subsection .hr .r{
	background-image:url(../img/sections/subsection-hr-r.png);	
}

.subsection .hr .l{
	background-image:url(../img/sections/subsection-hr-l.png);	
}

.section.section-first .hr{
	display:none;
}

.subsection .hr{
	display:block !important;	
}

.subsection.subsection-first .hr{
	display:none !important;		
}

.characters .hr{
	display:none !important;	
}

@media all and (max-width: 900px){
	.characters .hr{
		display:block !important;	
	}
	
	.characters .character:first-child .hr{
		display:none !important;	
	}
}

/**
.section.even .hr{
    width:100%;
	height:76px;
	background-image:url(../img/sections/section-hr-red.png);	
	background-size:100% 100%;
}

.section.odd .hr{
    width:100%;
	height:76px;
	background-image:url(../img/sections/section-hr-blue.png);	
	background-size:100% 100%;
}

.section .subsection .hr{
	width:100%;
	height:76px;
	background-image:url(../img/sections/section-hr.png);	
	background-size:100% 100%;
}

.section:nth-child(1) .hr{
    background-image:none;
    height:0px;
}

.section .subsection:nth-child(1) .hr{
    background-image:none;
    height:0px;
}
*/
.section-inner{
	width:892px;
		
}

/*.scaled .section-inner{
	width:100%;
}

.single .section-inner{
	width:100%;
}*/

@media all and (max-width:1024px){
	.section-inner{
		width:100%;
	}
}

/*
 * Helpers
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


.is-new{
	border:none;
}

@media all and (max-width:1024px){
	#stage-1{
		display:none;
	}
}

@media all and (min-width:1025px){
	#leaf-1{
		width:273px; height:286px; 
		position:absolute; 
		top:15px; left:-592px; 
		background:url(/_ui/img/home-animations/leaf-1.jpg);
	}
	
	#leaf-2{
		width:224px; height:235px; 
		position:absolute; 
		top:480px; left:-558px; 
		opacity:.7; 
		background:url(/_ui/img/home-animations/leaf-2.jpg);
	}
}


/* .gallery, .data-tables{
	-webkit-backface-visibility: hidden;	
}*/

.small-frame .bl, .small-frame .bm, .small-frame .br, .small-frame .mr
.controls .previous,
.data-tables .tl, .data-tables .br, .data-tables .bl,
.section-first .title, .section-first .description,
.mobile-logos .background, .bx-viewport li img,
#xy-bg .inner{
	-webkit-backface-visibility: hidden;	
}

#pager-container{
	background-image:url(/_ui/img/section-pager/bg_bar.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	height:45px;
	position:fixed;
	bottom:0px; left:0px; right:0px;
	z-index:1000000;
	-webkit-backface-visibility: hidden;
}

#pager-container .pager-buttons{
	background-image:url(/_ui/img/section-pager/bg.png);
	width:342px; height:45px;
	margin:0px auto;
	position:relative;
}

@media all and (max-width:342px){
	#pager-container .pager-buttons{
		left:-12px;
	}
}

#pager-container .pager-buttons .prev, #pager-container .pager-buttons .next{
	background-image:url(/_ui/img/section-pager/button_assets.png);
	width:124px; height:37px;
	display:inline-block;
	position:absolute;
	top:7px;
	color:#ffffff;
	font-family:'Asap', sans-serif;
    font-size:15px;
    font-style:italic;
	font-weight:bold;
    text-shadow: 0px -1px #b91128, 0px 1px #ff80ad;
}

#pager-container .pager-buttons .prev.disabled, #pager-container .pager-buttons .next.disabled{
	color:#b6c0c6;
	text-shadow: 0px -1px #999999, 0px 1px #ffffff;
}

#pager-container .pager-buttons .prev span, #pager-container .pager-buttons .next span{
	display:inline-block;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:7px;
}

#pager-container .pager-buttons .prev span span, #pager-container .pager-buttons .next span span{
	width:auto;
	margin:0px;
}

#pager-container .pager-buttons .prev{
	left:45px;
}

#pager-container .pager-buttons .prev span span{
	background-image:url(../img/section-pager/arrow_prev_dark.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 15px;
}

#pager-container .pager-buttons .prev:hover{
	background-position:0px -37px;	
}

#pager-container .pager-buttons .prev:hover span span{
	background-image:url(../img/section-pager/arrow_prev_light.png);
}

#pager-container .pager-buttons .prev:active{
	background-position:0px -74px;	
}

#pager-container .pager-buttons .prev:active span span{
	background-image:url(../img/section-pager/arrow_prev_light.png);
}

#pager-container .pager-buttons .prev.disabled{
	background-position:0px -111px;	
	cursor:default;
}

#pager-container .pager-buttons .prev.disabled span span{
	background-image:url(../img/section-pager/arrow_prev_disabled.png);
}

#pager-container .pager-buttons .next{
	background-position:0px -148px;	
	right:45px;
}

#pager-container .pager-buttons .next span span{
	background-image:url(../img/section-pager/arrow_next_dark.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right: 15px;
}

#pager-container .pager-buttons .next:hover{
	
	background-position:0px -185px;	
}

#pager-container .pager-buttons .next:hover span span{
	background-image:url(../img/section-pager/arrow_next_light.png);
}

#pager-container .pager-buttons .next:active{
	background-position:0px -222px;	
}

#pager-container .pager-buttons .next:active span span{
	background-image:url(../img/section-pager/arrow_next_light.png);
}

#pager-container .pager-buttons .next.disabled{
	background-position:0px -259px;
	cursor:default;
}

#pager-container .pager-buttons .next.disabled span span{
	background-image:url(../img/section-pager/arrow_next_disabled.png);
}

.section.navigation-list {
	max-width: none;
	background-image:url(../img/section-pager/subsection-navigation-bg.png);
	background-repeat:repeat-x;
	
}

.section.navigation-list .subsection{
	overflow:auto;
	padding-bottom:50px;
	max-width: 892px;
	margin: auto;
}

.section.navigation-list .hr{
	max-width: 892px;
	margin: auto;
}

.subsection-navigation{
	
}

.subsection-navigation li{
	padding:0px 10px;
}

.subsection-navigation li a{
	font-size:13px;
	color:#0060a0;/*#207dbb;*/
	line-height:30px;
	text-decoration:none;
	white-space:nowrap;
	max-width: 100%;
	width:100%;
	overflow: hidden;
	display: inline-block;
	position:relative;
	font-weight:bold;
}

.subsection-navigation li a:hover{
	transition: color .5s;
	-webkit-transition: color .5s;
	color:#037ed0;	
}
	
.subsection-navigation li a.active{
	color:#d22a46;
}

.subsection-navigation li a span{
	/*position: absolute;
	right: 0px;
	background-image:url(../img/section-pager/elipsis_bg.png);*/
}



