body.cds div#content { margin-top:140px; }
body.cds div#hero-wrapper { margin-top:140px; }
body.front div#content { margin-top:0px; }
body.cds div#charnav-wrapper {margin-top: -120px;}
.page-adventure.cds #page-container, .page-grid.cds #page-container {
    margin-top: -30px;
}

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

#banner-wrapper {
    height: auto;
}

/* temporary */
#intro {
    display: block;
    text-align: center;
    width: 640px;
    height: 220px;
    background: #999999;
    margin-top: 108px;
    padding-top: 180px;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    text-shadow: none;
}

/* Site-specific Customizations */

* {
    font-family: Helvetica, Arial, sans-serif !important;
}

body {
    background-color: #000000;
}

#page-container {
    background: url("http://cdn.dolimg.com/xd/media/tron/common/bg.jpg") no-repeat center top;
    margin-top: -15px;
    padding-top: 9px;
}

.page-adventure #page-container, .page-grid.cds #page-container {
    background: url("http://cdn.dolimg.com/xd/media/tron/common/bg2.jpg") no-repeat center top !important;
}

#menu a, #menu a.up, #menu a.over {
    color: #FFFFFF;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding-top: 1px;
}

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

/* featured content module */
.featured-div-left {
    top: 28px;
    left: 10px;
    width: 278px;
}

.featured-div-left img, .featured-div-right img {
    border: 1px solid #3FFFFF;
    box-shadow: 0 0 5px #3FFFFF;
}

.featured-div-left:hover img, .featured-div-right:hover img {
    border: 1px solid #fae41e;
    box-shadow: none;
}

.featured-div-left:hover {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/front/featured-hover.png");
}

.featured-div-right {
    top: 28px;
    left: 317px;
    width: 278px;
}
.featured-div-right:hover {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/front/featured-hover.png");
}
.centered-promo {
    padding: 7px;
}

.section h2 {
    color: #ffffff;
    top: 15px;
    left: 22px;
}

.featured-div-left .title, .featured-div-right .title {
    color: #ffffff;
    text-shadow: none;
}

.featured-div-left .description, .featured-div-right .description {
    color: #ffffff;
    text-shadow: none;
}

.featured-div-left .play, .featured-div-right .play {
    color: #ffffff;
    text-shadow: none;
}

#modules-wrapper {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/front/modules-bg.png");
    height: 307px;
}

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

.page-front .promos-size-300x250 {
    background: none;
}
.page-front .promos-module {
    padding: 34px 0;
}


/* interior */

.interior .promos-size-300x250 .promos-promo {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/common/interior-promo-bg-250.png");
    height: 284px;
}

#header {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/common/interior-header.png");
}

#watchMessage,
.interior .watchmessage {
    color: #ffffff;
}


#page-title h1 {
    color: #ffffff;
    font-style: italic;
}

/* common */

#logo {
    top: 93px;
}

#page-title {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/common/interior-title-bg.png");
}

#page-title h1 {
    text-shadow: none;
    font-size: 20px;
}

/* Site-specific Customizations */
.page-front #hero-wrapper #menu {
    left: 60px;
    position: absolute;
    top: -230px;
    z-index: 15;
}

#menu {
    overflow: hidden;
    margin: 0;
    font-size: 1px !important;
}

.page-front #hero-wrapper #menu-overlay {
    margin: 0 auto;
    position: relative;
    width: 996px;
}

/* Gallery */

.page-gallery #page-title h1 {
    font-size: 17px;
}

.gallery-divider {
    background: url("http://cdn.dolimg.com/xd/media/tron/gallery/gallery-divider.png") no-repeat scroll 50% 60% transparent;
}

.gallery-photo-thumbnail.active {
    box-shadow: none;
}

#thumb-scroll-up .on {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/thumb-scroll-up-on.png");
    background-repeat: no-repeat;
}

#thumb-scroll-up .off {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/thumb-scroll-up.png");
    background-repeat: no-repeat;
}

#thumb-scroll-down .on {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/thumb-scroll-down-on.png");
    background-repeat: no-repeat;
}

#thumb-scroll-down .off {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/thumb-scroll-down.png");
    background-repeat: no-repeat;
}

#gallery-scroll-left {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-reverse.png") no-repeat scroll 0 0 transparent !important;
    top: 140px;
    width: 25px;
    height: 33px;
}
#gallery-scroll-left:hover {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-reverse-hover.png") no-repeat scroll 0 0 transparent !important;
    top: 140px;
    width: 25px;
    height: 33px;
}

#gallery-scroll-right {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-advance.png") no-repeat scroll 0 0 transparent !important;
    top: 140px;
    left: 415px;
    width: 25px;
    height: 33px;
}
#gallery-scroll-right:hover {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-advance-hover.png") no-repeat scroll 0 0 transparent !important;
    top: 140px;
    left: 415px;
    width: 25px;
    height: 33px;
}

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

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

#gallery-info,
#gallery-info-header,
#gallery-info-copy {
    background: transparent;
    color: #FFFFFF;
    border: none;
}

#gallery-info-header {
    padding: 14px 0 0 14px;
}

#gallery-info-copy {
    padding: 14px;
}

.gallery-image {
    background: url("http://cdn.dolimg.com/xd/media/global/template/gallery/loading.gif") no-repeat scroll 50% 50% #000000;
    border: 1px solid #3FFFFF;
}

.album-thumbnails {
    background-color: transparent;
    border: 1px solid #3FFFFF;
}

.gallery-title.active {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/gallery-tab-selected.png");
    color: #ffffff;
    text-shadow: 0 0 4px #9ff0f1;
}

.gallery-title {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/gallery-tab.png");
    color: #4899AE;
    text-shadow: none;
}

.gallery-album.active {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/album-frame-selected.png");
}

.gallery-album {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/gallery/album-frame.png");
}

.gallery-album-title {
    color: #FFFFFF;
    text-shadow: none;
}

/* videos */
#disneyPlayer {
    background-image: url("http://cdn.dolimg.com/xd/media/tron/videos/video-wrapper.png") !important;
    height: 660px !important;
    width: 795px !important;
    background-position: 3px 0;
}

div.horizontal.layout.XL {
    top: 520px !important;
}

.page-videos #page-title {
    right: 4px;
    top: 156px;
}

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

.video .selected h3 {
    color: #FFFFFF !important;
}

.layout h3 {
    color: #FFFFFF !important;
}

.horizontal.layout.XL li img {
    box-shadow: 0 0 5px #3FFFFF;
    border: 1px solid #3FFFFF;
}

.video .selected img {
    box-shadow: none !important;
    border: 1px solid #fae41e !important;
}

div.horizontal.layout.XL, .video .selected { /* IE */
    height: 160px;
}

.horizontal.layout.XL button.reverse {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-reverse.png") no-repeat scroll 0 0 transparent !important;
    top: 30px !important;
}
.horizontal.layout.XL button.reverse:hover {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-reverse-hover.png") no-repeat scroll 0 0 transparent !important;
}

.horizontal.layout.XL button.advance {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-advance.png") no-repeat scroll 0 0 transparent !important;
    top: 30px !important;
}
.horizontal.layout.XL button.advance:hover {
    background: url("http://cdn.dolimg.com/xd/media/tron/videos/horizontal-advance-hover.png") no-repeat scroll 0 0 transparent !important;
}

#playlistWatch {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    left: 17px;
    position: absolute;
    top: 723px;
    z-index: 5;
    font-style: italic;
}

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

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

.page-games .sponsorLogo,
.page-games .SponsorLogo {
    position: relative;
    left: 43px;
    top: 353px;
}

.page-gallery .sponsorLogo,
.page-gallery .SponsorLogo {
    left: 45px;
    top: 385px;
}

.page-width {
	width: 994px;
}

.page-gallery .ad-wrapper {
	left: 683px;
	top: 590px;
    z-index: 5;
    margin: 0;
    width: 300px;
}

.ad-wrapper {
    height: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
}

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

.towerad {
    top: 400px;
}

.page-games .towerad,
.page-videos .towerad {
    position: relative !important;
    top: 361px;
    left: 10px;
    width:180px;
    height:160px;
}

/* Promo */
.promo img {
	display: block;
}

/* Index */
.page-index #hero {
	display: block;
	height: 456px;
}

/* Adventure */
#content #DisneyGameWrapper {
    left: 125px;
    position: absolute !important;
    top: 240px;
    z-index: 100 !important;
}

.cds #content #DisneyGameWrapper {
    left: 125px;
    position: absolute !important;
    top: 140px;
    z-index: 100 !important;
}

#interfaceWrapper {
    background: url("http://cdn.dolimg.com/xd/media/tron/adventure/glowing-wrapper.png") no-repeat scroll 0 0 transparent;
    height: 730px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 25px 90px;
    position: relative;
    top: 125px;
    width: 950px;
}

.page-adventure #modules-wrapper, .page-grid #modules-wrapper {
    background: url("http://cdn.dolimg.com/xd/media/tron/adventure/module-adventure.png") no-repeat scroll 0 0 transparent;
    height: 265px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 960px;
}

.page-adventure .promos-module .promos-promo {
    padding: 6px 10px 0;
}

/**
 * CDS
 */

.cds #page-title {
    top: 90px;
}

.cds #hero-wrapper {
    height: 380px;
}

.cds #hero #slides {
    height: 345px;
}

.cds #hero .slide {
    background-position: center -141px;
    height: 345px;
    padding-top: 0;
    position: absolute;
    width: 100%;
}

.cds #slideshow-thumbnails {
    top: 307px;
}

.cds #main-wrapper {
    padding-top: 160px !important;
    background-position: 0 160px;
}

.page-grid.cds #main-wrapper,
.page-landing.cds #main-wrapper,
.page-games.cds #main-wrapper,
.page-videos.cds #main-wrapper {
    padding-top: 160px !important;
    background-position: 0 160px !important;
}

.page-games.cds #main-wrapper {
    padding: 165px 0 0 !important;
}
.page-gallery.cds .ad-wrapper {
    top: 590px;
}
.page-videos.cds #watchMessage {
    position: absolute;
    top: 175px;
}

.cds #logo {
    top: 15px;
}

.page-front.cds #hero-wrapper #menu {
    left: 60px;
    position: absolute;
    top: -315px;
    z-index: 15;
}

.cds #menu {
    top: 160px;
}

.page-games.cds #header,
.page-videos.cds #header,
.page-gallery.cds #header {
    background: url("http://cdn.dolimg.com/xd/media/tron/common/interior-header.png") no-repeat scroll 215px -68px transparent;
    height: 300px;
}

.cds #page-container {
    background: url("http://cdn.dolimg.com/xd/media/tron/common/bg.jpg") no-repeat scroll center -100px transparent;
}

.page-grid #page-container, .page-adventure #page-container {
    background: url("http://cdn.dolimg.com/xd/media/tron/common/bg2.jpg") no-repeat scroll center top transparent !important;
}

.cds #game {
    top: 195px;
}

.cds #hero #click {
    position: absolute;
    top: 0;
}

.gallery-main-promo {
    position: absolute;
    top: -60px;
}

.cds #playlistWatch {
    top: 657px;
}

.cds #intro {
    margin-top: 30px;
}

.cds #logo {
    top: 35px !important;
}


/* Updated positions for new charnav */
#hero-wrapper {
    height: 520px;
}

#hero, #hero #slides, #hero .slide {
    height: 485px;
}

#hero #slides {
    overflow: hidden;
}

#hero #slide {
    padding-top: 130px;
}

/* Updated for new charnav */
#main-wrapper {
    padding-top: 285px;
}

#page-title {
    top: 215px;
}

.page-games #page-title {
    top: 210px;
}

#header {
    background-position: 223px 60px;
    padding-top: 60px;
}

.page-gallery .ad-wrapper {
    top: 650px;
}

#logo {
    top: 153px;
}

#menu {
    top: 287px;
}

.page-games #main-wrapper {
    padding-top: 290px;
}

.ad-wrapper {
    top: 40px;
}

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

.page-videos #page-title {
    top: 216px;
}

.page-videos.cds #page-title {
    top: 90px;
}

#watchMessage {
    top: 300px;
}

#playlistWatch {
    top: 783px;
}

.page-games.cds #page-title {
    right: 1px;
    top: 90px;
}

.page-adventure .promos-module .promos-promo, .page-grid .promos-module .promos-promo {
    padding: 6px 10px 0;
}

#charnav {
    height: 132px;
    margin: 0 auto;
    width: 996px;
}

.page-adventure.cds #interfaceWrapper, .page-grid.cds #interfaceWrapper  {
    padding: 15px 25px 10px;
    top: 35px;
}

.page-adventure.cds #page-container, .page-grid.cds #page-container {
    background: url("http://cdn.dolimg.com/xd/media/tron/common/bg2.jpg") no-repeat scroll center -150px transparent !important;
}