/**
    COMMON SELECTORS
*/
body {
    background: #2f2519;
}
body.interior {
    background: url('http://cdn.dolimg.com/xd/media/slugterra/common/page-bg.jpg') center 40px no-repeat #2F2519;
}
body.interior.cds {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/common/page-bg.jpg") no-repeat scroll center 40px #2F2519;
}



#charnav-wrapper {
    margin-top: -10px;
}

#banner-wrapper {
    height: auto;
    padding: 10px 0 0 0;
}

.shadow.ie {
    background: #000000;
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='28', MakeShadow='true', ShadowOpacity='0.58');
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='28', MakeShadow='true', ShadowOpacity='0.58')";
    zoom: 1;
}

#charnav-temp {
    height: 132px;
    top: 20px;
    margin-left: 14px;
    position: relative;
}

#menu {
    font-size:1px;
    text-align: left;
}

#menu li a.up,
#menu li a.over {
    line-height: 26px;
    font-weight: bold;
    font-size: 15px;
}


#menu li a:link, #menu li a:visited {
    color: #0d3d67;
}

/**
    FRONT PAGE
*/
.page-front #charnav-wrapper, #charnav {
    height: 144px;
}

.page-front.cds #charnav-wrapper {
    margin-top: -130px;
}

.page-front #hero,
.page-front #hero-wrapper {
    height: 392px;
    margin-top: 121px;
}

.page-front #hero #click {
    height: 413px;
}

.page-front #hero #slides,
.page-front #hero .slide {
    height: 359px;
}

.page-front #hero .slide {
    overflow: visible;
    padding: 0;
}

.page-front #slideshow-thumbnails {
    top: 451px;
}

.page-front #hero #menu {
    left: 50px;
    top: 137px;
}

.page-front #hero #click, #logo {
    top: 144px;
}

.page-front #menu li a.over {
    background-image:url('http://cdn.dolimg.com/xd/media/slugterra/common/menu-over-bg.png') !important;
}

.page-front #menu li a.up {
    background-image:url('http://cdn.dolimg.com/xd/media/slugterra/common/menu-up-bg.png') !important;
}

.page-front #menu li {
    height: 23px;
    margin: 7px;
    width: 152px;
}

.page-front #beafan {
	font-family: Arial,Helvetica,sans-serif;
	width: 300px;
	height: 250px;
	background-image:url('http://cdn.dolimg.com/xd/media/slugterra/promos/pro_300x250_slg_beafan.jpg');
	position: relative;
}

.page-front #beafan .counter {
	position: absolute;
    padding: 0;
	text-indent:50px;
	text-align: center;
    top: 108px;
	right: 0;
	font-size: 34px;
    color: #fbe83d;
	text-shadow: 1px 1px 0 #000000;
    line-height: 64px;
    font-weight: bold;
}

.page-front #beafan .action,
.page-front #beafan .voted {
    display: none;
    height: 120px !important;
    left: 0;
    padding-left: 65px;
    padding-top: 197px;
    position: absolute;
    top: 0;
    width: 120px !important;
}


.page-front #beafan .voted {
	display: none;
}

.page-front #content,
.page-front #hero .underlay {
    z-index: 5;
}

.page-front #hero .slide {
    height: 559px;
}

.page-front #hero .banner .watchmessage {
    font-weight: bold;
    line-height: 34px;
}

.page-front #featured-wrapper {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/front/feature-bg.png") top center;
}

.page-front .featured-div-left:hover, .featured-div-right:hover {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/front/featured-hover.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

.page-front .featured-div-left {
    left: 8px;
    margin: 13px;
}

.page-front .featured-div-right {
    margin: 13px;
}

.page-front .featured-div-left:hover img,
.page-front .featured-div-right:hover img {
    border: 1px solid #52050B;
}

.page-front .featured-div-left img,
.page-front .featured-div-right img {
    border: 1px solid #231f20;
}

.page-front #featured-wrapper .featured-div-left .play,
.page-front #featured-wrapper .featured-div-right .play,
.page-front #featured-wrapper .featured-div-left .description,
.page-front #featured-wrapper .featured-div-right .description,
.page-front #featured-wrapper .featured-div-left .title,
.page-front #featured-wrapper .featured-div-right .title {
    left: 8px;
    padding-right: 22px;
    color:#052131;
}

.page-front #featured-wrapper .section h2 {
    left: 25px;
    top: 13px;
    color: #52050B;
}

/**
    INTERIOR PAGES
*/
.interior #main-wrapper {
    padding: 290px 0 0 !important;
    background-position: center 305px;
}

.interior #watchMessage {
    color: #052131;
    left: 12px;
    top: 296px;
}

.interior #interior-logo {
    left: -19px;
    position: absolute;
    top: 180px;
}

.interior #menu {
    left: 23px;
    top: 283px;
    z-index: 1;
}
.interior #page-container {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/common/interior-header-bg.png") no-repeat scroll center 159px transparent;
}

.interior.cds #page-container {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/common/interior-header-bg.png") no-repeat scroll center 61px transparent;
}
#header {
    background: none;
}

.interior #page-title {
    top: 216px;
    color: #052131;
}

.interior #menu li {
    -webkit-box-shadow: 0 0 30px 5px #000000;
            box-shadow: 0 0 30px 5px #000000;
    height: 23px;
    margin: 7px;
    width: 152px;
}

.interior .menu.shadow.ie {
    left: -20px;
    top: 245px;
    position: absolute;
    width: 200px;
    height: 120px;
}

/**
 * GAMES PAGE
 */
.page-games #page-title {
    top: 215px;
}

.page-games #main-wrapper #htmlalt {
    margin-bottom: 10px;
}

.page-games #main-wrapper #htmlalt .image,
.page-games #main-wrapper #htmlalt .image img {
    height: 65px !important;
    width: 115px !important;
}

.page-games #game {
    top: 320px;
}

.page-games #main-wrapper {
    height: 724px;
}

/* VIDEOS PAGE */
.page-videos #playlistWatch {
    color: #052131;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    left: 15px;
    position: absolute;
    top: 780px;
    z-index: 5;
}

.page-videos #disneyPlayer {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/video-wrapper.png") !important;
    height: 700px !important;
}

.page-videos #main-wrapper {
    background-position: center 305px;
    left: 11px;
    padding: 290px 0 0 !important;
}

.page-videos .player.layout.XL {
    border: 1px solid #000000 !important;
    left: 9px !important;
    top: 28px !important;
}

.page-videos div.horizontal.layout.XL {
    height: 125px;
    top: 516px !important;
}

.page-videos .horizontal.layout.XL li {
    padding: 8px 10px;
}


.page-videos .layout .video.selected {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/thumbnail-wrapper-selected.png") !important;
}

.page-videos .horizontal.layout.XL li img {
    border: 1px solid #231F20;
}

.page-videos #page-title {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/common/interior-title-bg.png") no-repeat scroll 0 0 transparent;
    color: #052131;
    height: 85px;
    right: 9px;
    width: 197px;
}

#page-title h1 {
    top: 51px;
}

.page-videos .playlist h3 {
    color: #052131;
}

.page-videos .interior #page-title {
    background: none;
}

.page-videos .horizontal.layout.XL button.advance {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-advance.png") !important;
}

.page-videos .horizontal.layout.XL button.reverse {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-reverse.png") !important;
}

.page-videos .horizontal.layout.XL button.advance:hover {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-advance-hover.png") !important;
}

.page-videos .horizontal.layout.XL button.reverse:hover {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-reverse-hover.png") !important;
}

/**
 *  GALLERY PAGE
 */
.page-gallery #gallery-scroll-right,
.page-gallery #gallery-scroll-left {
    width: 25px;
    height: 33px;
    top: 137px;
}

.page-gallery #gallery-scroll-right {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-advance.png");
    left: 418px;
}

.page-gallery #gallery-scroll-left {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-reverse.png");
    left: 13px;
}

.page-gallery #gallery-scroll-right:hover {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-advance-hover.png") !important;
}

.page-gallery #gallery-scroll-left:hover {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/videos/horizontal-reverse-hover.png") !important;
}

.page-gallery #page-title h2 {
    bottom: 0;
    font-weight: bold;
    position: absolute;
    right: 18px;
    text-align: center;
    width: 163px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
    top: 58px;
}

.page-gallery .gallery-title.active {
    color: #052131;
    background:none;
}

.page-gallery #gallery-info-header {
    font-size: 19px;
    background-color: #052131;
}

.page-gallery .gallery-photo-thumbnail.active {
    border: 2px solid #052131;
    left: -1px;
    box-shadow: none;
    position: relative;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.page-gallery .gallery-album.active {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/gallery/album-frame-selected.png") center center no-repeat;
}

.page-gallery .gallery-album-title {
    font-size: 11px;
    width: 125px;
    margin: 0 0 0 -3px;
}

.page-gallery #gallery-info,
.page-gallery .album-thumbnails,
.page-gallery .gallery-image {
    border: 1px solid #052131;
}
.page-gallery #gallery-info-header {
    border-bottom: 1px solid #052131;
}

.page-gallery #main-wrapper {
    padding: 285px 0 0 !important;
}

.page-gallery #page-title {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/common/interior-title-bg.png") no-repeat scroll 0 0 transparent;
    color: #052131;
    height: 85px;
    right: 9px;
    width: 197px;
}

/**
 * Ad Positioning
 */
.sponsorLogo,
.SponsorLogo {
    margin-left: 45px;
    position: relative;
    z-index: 5;
}

.page-front .sponsorLogo,
.page-front .SponsorLogo {
    right: 0;
    top: -380px;
    position: absolute;
}

.page-gallery .blockad {
    left: 682px;
    position: absolute;
    top: 662px;
    z-index: 10;
}

.page-gallery #gallery-top {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/gallery/gallery-top-bg.png");
    height: 392px;
    left: 2px;
}

#gallery-bottom {
    background-image: url("http://cdn.dolimg.com/xd/media/slugterra/gallery/gallery-bottom-bg.png");
    top:-35px;
}

.page-gallery .album-thumbnails {
    left: 12px;
    top: 26px;
}

.page-gallery .gallery-image {
    left: 76px;
    top: 26px;
}

.page-gallery #gallery-info {
    left: 551px;
    top: 25px;
}

.page-gallery .thumbnail-container {
    overflow: visible;
}

.page-gallery .gallery-cta {
    top: 9px;
}

.page-width {
	width: 994px;
}

.ad-wrapper {
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 410px;
}

.ad-wrapper .ad {
	z-index: 10;
}

.page-games .towerad,
.page-videos .towerad {
    position: relative !important;
    margin: 5px 0 0 10px;
    width:180px;
    height:160px;
}

.page-front .promos-size-300x250 {
    background: url("http://cdn.dolimg.com/xd/media/slugterra/front/promo-bg-250.png");
    height: 300px;
}
.page-front .promos-wrapper {
    padding: 38px 0;
}

.page-front .promos-size-300x250 .promos-promo {
    background-image: none;
}

.prWrap, .prWrap DIV, .prWrap TABLE, .prWrap TABLE TBODY, .prWrap TABLE TR, .prWrap TABLE TD, .prWrap IMG {
    margin: -3px 0 0;
}