body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

#blueBG {
	background-color: #709DB0;
	width: 100%;
	height: 660px;
	position: absolute;
	top: 148px;
	z-index: -12;
}

#bodyTop {
	width: 100%;
	height: 108px;
	left: 0;
	background-color: #000;
	position: absolute;
}

.siteContainer {
	width: 996px;	
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}

#siteContainerAbout {
	height: 1157px;
}

#siteContainerAboutDetail {
	height: 1494px;
}

.comingSoon{
    position: absolute;
    top: 145px;
    left: 115px;
    text-align: center;
    font-size: 25px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 18px;
    color: #666;
}

	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Banners
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.banner {
		background-color: #555;
	}
	
	.banner728 {
		/*width: 728px;*/
		/*height: 90px;*/
		/*margin-left: auto;*/
		/*margin-right: auto;*/
		/*position: relative;*/
		background: url("http://a.dolimg.com/explore/images/adslugs/adslug-vertical.gif") no-repeat;
		background-position: left bottom;
		height: 90px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0 10px !important;
		position: relative;
		width: 728px;
	}
	
	.banner300 {
		width: 300px;
		height: 250px;
		left: 686px;
		position: absolute;
	}
	
	#banner300About {
		top: 639px;
		width: 300px;
		height: auto;
		background-image: url("http://a.dolimg.com/explore/images/adslugs/adslug-300.gif");
		background-repeat: no-repeat;
		background-position: top left;
		padding: 14px 4px 5px !important;
	}
	
	#banner300AboutDetail {
		top: 976px;
		width: 300px;
		height: auto;
		background-image: url("http://a.dolimg.com/explore/images/adslugs/adslug-300.gif");
		background-repeat: no-repeat;
		background-position: top left;
		padding: 14px 4px 5px !important;	
	}
	
	#bannerSpacer {
		width: 996px;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Snow Tiles
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.snowTiles {
		width: 100%;
		left: 0;
		position: absolute;
	}
	
	#snowTilesAbout {
		height: 1060px;
		top: 400px;
	}
	
	#snowTilesAboutDetail {
		height: 1400px;
		top: 366px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Disney Chrome
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#disneyChrome {
		width: 996px;
		height: 48px;
		background-color: #000;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Disney Footer Chrome
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.footerContainer {
		width: 100%;
		height: 100px;
		background-color: #000;
		position: absolute;
	}
	
	#footerAbout {
		top: 1057px;
	}
	
	#footerAboutDetail {
		top: 1394px;
	}
	
	#disneyFooter {
		width: 996px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Master Container
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#masterContainer {
		width: 996px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Nav
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#mainNav {
		left: 10px;
		position: absolute;
	}
	
	#navBG {
		width: 307px;
		height: 493px;
		left: -91px;
		position: absolute;
	}
	
	#palLogo {
		width: 133px;
		height: 118px;
		left: 6px;
		top: 18px;
		position: absolute;
		cursor: pointer;
	}
	
	.navItem {
		width: 120px;
		height: 32px;
		left: 14px;
		position: absolute;
		cursor: pointer;
	}
	
	#navHome {
		top: 145px;
	}
	
	#navAbout {
		top: 175px;
	}
	
	#navWinterpedia {
		top: 205px;
	}
	
	#navGames {
		top: 235px;
	}
	
	#navActivities {
		top: 265px;
	}
	
	#navVideos {
		top: 295px;
	}
	
	#navParks {
		top: 325px;
	}
	
	#navProducts {
		top: 355px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Tune In Info
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#tuneIn {
		width: 810px;
		height: 43px;
		top: 10px;
		left: 180px;
		position: absolute;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Sponsor
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#sponsor {
		width: 120px;
		height: 60px;
		top: 0px;
		left: 866px;
		position: absolute;
		cursor: pointer;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Movie Posters
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.moviePoster {
		width: 180px;/* width: 178px; */
		height: 262px;/* height: 270px; */
		top: 144px;
		position: absolute;
		cursor: pointer;
	}
	
	#poster1 {
		left: 270px;
	}
	
	#poster2 {
		left: 490px;
	}
	
	#poster3 {
		left: 710px;
	}
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Buttons 44
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.button44Container {
		height: 48px;
		position: absolute;
		cursor: pointer;
	}
	
	.button44Base {
		height: 48px;
		position: absolute;
		overflow: hidden;
	}
	
	.button44Tail {
		width: 14px;
		height: 48px;
		position: absolute;
	}
	
	.button44Text {
		width: 100%;
		height: 48px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		color: white;
		position: absolute;
	}
	
	.button44Arrow {
		width: 8px;
		height: 12px;
		top: 16px;
		position: absolute;
	}
	
	.button44SingleLine {
		line-height: 44px;
	}
	
	.button44DoubleLine {
		top: 6px;
		line-height: 16px;
	}
	
	#movieButton1 {
		left: 280px;
		width: 166px;
		top: 420px;
	}
	
	#movieButton2 {
		left: 472px;
		width: 224px;
		top: 420px;
	}
	
	#movieButton3 {
		left: 720px;
		width: 166px;
		top: 420px;
	}
	
	#movieButton1Base {
		width: 154px;
	}
	
	#movieButton2Base {
		width: 208px;
	}
	
	#movieButton1Tail {
		left: 154px;
	}
	
	#movieButton2Tail {
		left: 208px;
	}
	
	#movieButton1Arrow {
		left: 150px;
	}
	
	#movieButton2Arrow {
		left: 204px;
	}
	
	
	/*
	.movieButton {
		width: 166px;
		height: 48px;
		top: 420px;
		position: absolute;
		cursor: pointer;
	}
	
	#movieButton1 {
		left: 280px;
	}
	
	#movieButton2 {
		left: 470px;
	}
	
	#movieButton3 {
		left: 720px;
	}
	*/
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Button 32 Tall
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.button32Container {
		height: 36px;
		position: absolute;
		cursor: pointer;
	}
	
	.button32Base {
		height: 36px;
		position: absolute;
		overflow: hidden;
	}
	
	.button32Tail {
		width: 14px;
		height: 36px;
		left: 586px;
		position: absolute;
	}
	
	.button32Text {
		width: 100%;
		height: 32px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 32px;
		text-align: center;
		color: white;
		position: absolute;
	}
	
	.button32Arrow {
		width: 8px;
		height: 12px;
		top: 10px;
		position: absolute;
	}
	
	#preorderButton {
		width: 124px;
		height: 36px;
		left: 846px;
		top: 232px;
	}
	
	#preorderButtonBase {
		width: 112px;
	}
	
	#preorderButtonTail {
		left: 112px;
	}
	
	#preorderButtonArrow {
		left: 108px;
	}
	
	#backToFilmsButton {
		width: 170px;
		height: 32px;
		top: 388px;
		left: 180px;
	}
	
	#backToFilmsButtonBase {
		width: 144px;
	}
	
	#backToFilmsButtonTail {
		left: 144px;
	}
	
	#backToFilmsButtonArrow {
		left: 8px;
	}
	
	/*
	#preorderButton {
		width: 124px;
		height: 33px;
		left: 846px;
		top: 232px;
		position: absolute;
		cursor: pointer;
	}
	
	#backToFilmsButton {
		width: 170px;
		height: 32px;
		top: 388px;
		left: 180px;
		position: absolute;
		cursor: pointer;
	}
	*/
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	DVD Image
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#dvdImage {
		width: 170px;
		height: 32px;
		top: 88px;/* top: 136px; */
		left: 844px;
		position: absolute;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Share Box
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Share Box
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#shareLogin{
		position: absolute;
		width: 735px;
		height: 435px;
		background: #000;
		display: none;
	}
	
	.shareBox {
		width: 147px;
		height: 129px;
		position: absolute;
		cursor: pointer;
	}
	
	#shareAbout {
		top: 530px;
		left: 849px;
	}
	
	#shareAboutDetail {
		top: 314px;/* top: 380px; */
		left: 849px;
	}
        
	#shadow{
		top: 0px;
		left: 0px;
		position: absolute;
		width: 100%;
		height: 100%;
		background: black;
		opacity: .8;
		filter: alpha(opacity=80);
		z-index: 100000001;
		display: none;
	}
	
	#share{
		position: absolute;
		width: 470px;
		height: 237px;
		z-index: 100000002;
		display: none;
	}
	
	#shareClose{
		position: absolute;
		left:445px;
		top:0px;
		width:33px;
		height:30px;
		z-index: 100000002;
		cursor: pointer;
	}
	
	#shareText{
		position: absolute;
		top:80px;
		left:100px;
		color: #3b3d11;
		font-size: 26px;
		font-weight: bold;
		font-family: arial, helvetica, sans-serif;
	}
	
	#shareButtons{
		position: absolute;
		top: 160px;
		left: 237px;
		width: 97px;
		height: 24px;
		text-align: center;
	}
	
	div#shareButtons img{
		cursor: pointer;
	}
	
	#facebookButton {
		top: 0px;
		left: 0px;
		width: 24px;
		height: 24px;
		position: absolute;
	}
	
	#twitterButton {
		top: 0px;
		left: 50px;
		width: 23px;
		height: 24px;
		position: absolute;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Candy Cane Games
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	/*
	.candyCaneAbout {
		left: 180px;
		position: absolute;
	}
	
	#candyCaneAbout {
		width: 115px;
		height: 104px;
		top: 530px;
	}
	
	.candyCaneContainer {
		width: 620px;
		height: 104px;
		left: 180px;
		position: absolute;
	}
	
	#candyCaneContainerAbout {
		top: 530px;
	}
	
	.candyCaneBase {
		width: 200px;
		height: 104px;
		top: 0;
		position: absolute;
		overflow: hidden;
	}
	
	.candyCaneTail {
		width: 24px;
		height: 104px;
		top: 0;
		left: 200px;
		position: absolute;
	}
	
	.candyCaneText {
		width: 355px;
		height: 18px;
		top: 42px;
		left: 30px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 18px;
		line-height: 18px;
		color: white;
		position: absolute;
	}
	*/
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Hero Area
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.heroArea {
		width: 996px;
		height: 330px;
		position: absolute;
		z-index: -10;
	}

	.heroMarquee {
		width: 1280px;
		height: 330px;
		left: -142px;
		position: absolute;
		z-index: -11;
	}
	
	.marqueeGradient {
		width: 80px;
		height: 330px;
		position: absolute;
	}
	
	#marqueeGradientLeft {
		left: -142px;
	}
	
	#marqueeGradientRight {
		left: 1058px;
	}
	
	.aboutDetailForegroundContainer {
		position: absolute;
	}
	
	#foreground {
		width: 819px;
		height: 432px;
		top: 0px; /*70px;*/
		left: 110px; /*175px;*/
	}
	
	#foreground1 {
		width: 873px;
		height: 431px;
		top: 0;
		left: 160px;
	}
	
	#foreground2 {
		width: 864px;
		height: 405px;
		top: 0px;
		left: 170px;
	}
	
	#foreground3 {
		width: 760px;
		height: 375px;
		top: 8px;
		left: 170px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Retailer Shadowbox
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	#retailerShadowbox {
		width: 500px;
		height: 240px;
		z-index: 100000002;
		position: absolute;
		display: none;
	}
	
	#retailerShadowboxCloseButton {
		position: absolute;
		left:457px;
		top:10px;
		width:33px;
		height:30px;
		z-index: 100000002;
		cursor: pointer;
	}
	
	#retailerShadowboxText {
		position: absolute;
		width: 100%;
		top: 40px;
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		color: #3D3B14;
	}
	
	#leavingDisneyText {
		position: absolute;
		width: 100%;
		top: 206px;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align: center;
		color: #666666;
	}
	
	.retailerIcon {
		position: absolute;
		width: 112px;
		height: 82px;
		z-index: 100000002;
		cursor: pointer;
	}
	
	#retailerIcon1 {
		top: 110px;
		left: 130px;
	}
	
	#retailerIcon2 {
		top: 110px;
		left: 242px;
	}
	/*
	#retailerIcon3 {
		top: 110px;
		left: 312px;
	}
	
	#retailerIcon4 {
		top: 200px;
		left: 74px;
	}
	
	#retailerIcon5 {
		top: 200px;
		left: 194px;
	}
	
	#retailerIcon6 {
		top: 200px;
		left: 314px;
	}
	*/
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Promos
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.promo180 {
		width: 226px;
		height: 231px;
		position: absolute;
                cursor: pointer;
	}
	
	.promo180Image {
		width: 180px;
		height: 150px;
		top: 15px;
		left: 22px;
		position: absolute;
	}
	
	.promo180Text {
		width: 180px;
		height: 36px;
		top: 174px;
		left: 22px;
		position: absolute;
		color: #FFF;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bolder;
		text-align: center;
	}
	
	.singleLine {
		line-height: 36px;
	}
	
	.doubleLine {
		margin-top: 2px;
	}
	
	.disclosureArrow {
		width: 14px;
		height: 19px;
		top: 187px;
		left: 202px;
		position: absolute;
	}
	
	#promo1 {
		/* top: 584px; */
		top: 634px;
		left: 180px;
	}
	
	#promo2 {
		/* top: 584px; */
		top: 634px;
		left: 430px;
	}
	
	#promoDetail1 {
		top: 972px;/* top: 1056px; */
		left: 180px;
	}
	
	#promoDetail2 {
		top: 972px;/* top: 1056px; */
		left: 430px;
	}
	
	
	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//	Panels
	//////////////////////////////////////////////////////////////////////////////////////////////////*/
	.aboutDetailPanel {
		width: 382px;
		height: 278px;
		position: absolute;
	}
	
	.aboutPanelTitle {
		width: 376px;
		height: 40px;
		left: 2px;
		top: 26px;
		position: absolute;
		font-family: Arial, sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 40px;
		text-align: center;
		color: #FFF;
	}
	
	#synopsisText {
		width: 320px;
		height: 170px;
		top: 80px;
		left: 30px;
		position: absolute;
		font-family: Arial, sans-serif;
		font-size: 14px;/* font-size: 12px; */
		font-weight: bold;
		line-height: 18px;
		color: #666;
	}
	
	.arrowButton {
		width: 26px;
		height: 45px;
		top: 144px;
		position: absolute;
		cursor: pointer;
	}
	
	#arrowLeft {
		left: 30px;
	}
	
	#arrowRight {
		left: 326px;
	}
	
	.videoThumb {
		width: 61px;
		height: 61px;
		position: absolute;
                cursor: pointer;
	}
	
	.videoThumbLL {
		left: 68px;	
	}
	
	.videoThumbLM {
		left: 130px;
	}
	
	.videoThumbRM {
		left: 192px;
	}
	
	.videoThumbRR {
		left: 254px;
	}
	
	#videoThumb1, #videoThumb2, #videoThumb3, #videoThumb4 {
		top: 104px;
	}
	
	#videoThumb5, #videoThumb6, #videoThumb7, #videoThumb8 {
		top: 166px;
	}
	
	.galleryImage {
		width: 253px;
		height: 173px;
		top: 80px;
		left: 64px;
		position: absolute;
	}
        
        .galleryMask{
            cursor: pointer;
            position: relative;
            width:253px;
            height:173px;
            overflow: hidden;
        }
        
        #gallery1{
            position: absolute;
            top:0px;
            left:0px;
            width:253px;
            height:173px;
            -webkit-perspective: 1200;
            -webkit-transform: translateZ(0px) translateY(0px) translateX(0px) scaleX(1) scaleY(1) scaleZ(1) perspective(1200);
        }
        
        #gallery2{
            position: absolute;
            top:0px;
            left:253px;
            width:253px;
            height:173px;
            -webkit-perspective: 1200;
            -webkit-transform: translateZ(0px) translateY(0px) translateX(0px) scaleX(1) scaleY(1) scaleZ(1) perspective(1200);
        }
        
        #largerGallery{
            position: absolute;
            z-index: 100000002;
            display:none;
        }
        
        #videoShadowboxClose{
            margin-right:4px;
            width:33px;
            height: 30px;
            float:right;
            cursor: pointer;
        }
        
        iframe{
            overflow: hidden;
        }
        
        .shadowArrow{
            position: relative;
            width: 50px;
            height: 100%;
            float: left;
            cursor: pointer;
        }
        
        #closeShadowGallery{
            float:right; 
            margin-right:45px; 
            cursor: pointer;
        }
        
        #galleryImage{
            position: relative;
            float: left;
        }
        
        #videoShadowbox{
            width:800px;
            height:390px;
            position: absolute;
            display: none;
            z-index: 100000002;
        }
	
	#winterpediaImage {
		width: 159px;
		height: 175px;
		top: 78px;
		left: 24px;
		position: absolute;
	}
	
	#winterpediaText {
		width: 160px;
		height: 165px;
		top: 84px;
		left: 190px;
		position: absolute;
		font-family: Arial, sans-serif;
		font-size: 14px;/* font-size: 12px; */
		font-weight: bold;
		line-height: 18px;
		color: #666;
	}
	
	#aboutDetail1 {
		top: 416px;/* top: 500px; */
		left: 180px;
	}
	
	#aboutDetail2 {
		top: 416px;/* top: 500px; */
		left: 594px;
	}
	
	#aboutDetail3 {
		top: 691px;/* top: 775px; */
		left: 180px;
	}
	
	#aboutDetail4 {
		top: 691px;/* top: 775px; */
		left: 594px;
		cursor: pointer;
	}
        
        
	
	        /* Tiny Scrollbar */
#synopsisText .viewport { width: 300px; height: 165px; overflow: hidden; position: relative; }
#synopsisText .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#synopsisText .scrollbar{ position: relative; background-position: 0 0; float: right; width: 12px; }
#synopsisText .thumb { height: 21px; width: 14px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#synopsisText .disable { display: none; }