* { margin:0; padding:0; }

body { background-color:#000000; color:#A8A8A8; font-family:arial,sans-serif; }
p { color:#A8A8A8; }
ul { list-style-type:none; }
li { color:#FFFFFF; }
a,a:visited { color:#99CCFF; text-decoration:none; }
h3 { font-size:13px; }
img { border:0; }

/*
Yellow: FFC300
GreyText: A8A8A8
SocialGrey: E3E3dE
SelectedNavBG: 212020
LinkBlue: 99CCFF

*/

/* PAGE */

div.pagecontainer { overflow:hidden; height:1100px; position:relative;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	div.pagecontainer {
		overflow:visible; 
		height:1100px; 
		position:relative;
		width: auto;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	div.pagecontainer { 
		overflow:hidden; 
		height:1100px; 
		position:relative; 
		width:100%;
	}
}

div.ui-loader { display:none; }

/* D-HEADER */
div.dchrome { width:100%; background-color:#000000; height:48px; }

/* NAV */

div.social { line-height:0px; position:relative; left:482px; text-align:right; margin-top:16px; padding-right:0px; width:520px; height:56px;
 			 }
div.social a img { line-height:0px; margin:0; padding:0; border:0; }
div.social a { line-height:0px; margin:0; padding:0; border:0; }
div.social a,div.social a:visited  { color:#E3E3dE; text-decoration:none; font-weight:bold; }

div.nav { width:186px; height:380px; position:relative; margin-left:40px; background:none; z-index:50; float:left; }


ul#navlinks { width:174px; position:relative; left:7px; background-color:#2F2F2F; padding-top:4px; font-weight:bold; padding-bottom:12px; }
ul#navlinks li { font-family:arial,sans-serif; text-transform:uppercase; margin:2px 0px; padding:6px 0px 6px 20px; font-size:12px; font-weight:bold; }
ul#navlinks li.selectedLi { background-color:#212020; font-weight:bold; }
ul#navlinks li a { font-family:arial,sans-serif; font-size:12px; font-weight:bold; color:#A8A8A8; text-decoration:none; }
ul#navlinks li a:visited { color:#A8A8A8; text-decoration:none; font-weight:bold; }
ul#navlinks li a.selected { text-decoration:none; color:#FFC300; font-weight:bold; }
ul#navlinks li a.selected:visited { text-decoration:none; font-weight:bold; }
div.socialLinks { width:60px; margin:20px auto; border:1px solid blue; background-color:#DEDEDE; }


/* MAIN */
/* port-land also: */
div.mainCont { margin:0px auto; float:left; width:790px; height:474px; }

div.frontCenter { margin:0px auto; height:474px; background:none; text-align:left; position:relative; }

div#modalHolder { position:absolute; z-index:9999; color:#FFFFFF; padding:4px; margin-top:78px; margin-left:294px; background-color:#000000; width:490px; height:230px; border:2px solid #FEFEFE; }
div#modalClose { color:#A8A8A8; font-family:arial,sans-serif; font-weight:bold; font-size:14px; text-align:center; position:absolute; top:2px; right:4px; background-color:#000000; padding:6px 8px; }
div.modalButtonCont { width:100%; display:block; text-align:center; margin:0px auto; padding:20px 0px 0px; }
button.modalButton { 
	background-color: #000000;
    border: 0 none;
    color: #FFC300;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 10px;
    padding: 10px;
    width: 176px;
	-webkit-box-shadow: #000000 1px 1px 2px; 
}


div.bgHolder { width:1024px; height:534px; overflow:hidden; position:absolute; top:48px; left:0; z-index:-5; }
div.bgMover { width:3000px; height:534px; position:relative; text-align:left; }


/* SPLASH */
div#index { background:#000000 url('../images/splash_pxBG.jpg') no-repeat -20px 54px; }
div#index div.nav { display:none; }
div.pxType { position:absolute; z-index:30; top:166px; left:16px; }
div.pxJC { position:absolute; z-index:32; top:202px; left:-98px; }
div.splashButtons { position:absolute; left:280px; top:376px; z-index:40; width:540px; }
div.splashButtons img { margin-right:10px; }


/* NFL */
div#nfl { background:#000000 url('../images/nfl_BG.jpg') no-repeat -20px 54px; }
div#nfl div.nav { display:none; }
div#nfl video { margin:0 0 0 0px }
div#nfl div.yellowbar { width:584px; height:51px; background:url('../images/nfl_yellowbar.png'); text-align:right; }
div#nfl div.yellowbar img{ margin:7px 18px 0 0 }
div#nfl div.nflbuttons { margin:0 0 0 160px}
div#nfl div.nflpagecontent{ width:584px; margin:40px 0 0 210px }

/* TEN MINUTE PAGE */
div#tenminutepage { background:#000000 url('../images/tenminutepage_BG.jpg') no-repeat 0px 54px; }
div#tenminutepage div.nav { display:none; }
div#tenminutepage video { margin:0 0 0 0px }
div#tenminutepage div.yellowbar { width:584px; height:51px; background:url('../images/tenminutepage_yellowbar.png'); text-align:right; }
div#tenminutepage div.yellowbar img{ margin:6px 12px 0 0 }
div#tenminutepage div.nflbuttons { margin:0 0 0 226px}
div#tenminutepage div.nflpagecontent{ width:584px; margin:40px 0 0 210px }

/* ABOUT */
div.pagecontainer#about { background:#000000 url('../images/about_BG.jpg') no-repeat 0px 48px; }
div.aboutContent { width:390px; margin-left:320px; padding:20px; margin-top:8px; background-color:rgba(0,0,0,0.7); } 
div.aboutContent h2 { height:28px; background:url('../images/about_Header.png') no-repeat top left; margin-bottom:16px; }
div.aboutContent p { font-family:arial,sans-serif; font-size:11px; line-height:130%; color:#A8A8A8; margin-bottom:11px; }
div.aboutContent p a, div.aboutContent p a:visited { text-decoration:none; color:#99CCFF; }
div.aboutButtons { margin-top:16px; margin-left:0px; }


/* CAST */
div.pagecontainer#cast { background:#000000 url('../images/cast_BG.jpg') no-repeat 0px 48px; }
div#cast h2 { height:28px; background:url('../images/castHeader.png') no-repeat top left; margin-bottom:16px; }
div#cast .aboutButtons {  }

/* BARSOOM */
div.barHolder { overflow:hidden; position:absolute; z-index:-1; width:100%; height:1024px; }

div.pagecontainer#barsoom #modalHolder { margin-left:364px; margin-top:160px; }

div.barBG { width:3072px; height:670px;  position:relative; left:-1024px;
			background:url('../images/planet.jpg') no-repeat left top; background-size:3072px 1024px; }

div.LRcontainer { overflow:auto; position:relative; top:160px; }
div.barLeft { float:left; background-color:#DEDEDE; font-size:24px; width:40px; height:60px; text-align:center; }
div.barRight { float:right; background-color:#DEDEDE; font-size:24px; width:40px; height:60px; text-align:center;  }

img.barHS { position:relative; z-index:8000; }

.barModalCont {  }
.barModalHead {  }
.barModalCopy {  }


/* DOWNLOADS */
div.pagecontainer#downloads { background:url('../images/downloads_BG.jpg') no-repeat 0px 48px; }
div.dlContent { width:390px; height:368px; margin-left:90px; margin-top:34px; padding:20px; margin-top:8px; background-color:rgba(0,0,0,0.7); }
h2.headerWP { background:url('../images/downloads_headerWP.png') no-repeat left top; height:13px; padding-bottom:12px; }
h2.headerAV { background:url('../images/downloads_headerAV.png') no-repeat left top; height:13px; padding-bottom:12px; }
div.wpHolder img { margin-right:24px; margin-bottom:34px; }
div.avHolder img { margin-right:24px; }
div#dlCont { width:100%; height:100%; }
div#dlCont.wp1 { background:url('../images/downloads_wpBG1.jpg') no-repeat 0px -56px; }
div#dlCont.wp2 { background:url('../images/downloads_wpBG2.jpg') no-repeat 0px -93px; }
div#dlCont.wp3 { background:url('../images/downloads_wpBG3.jpg') no-repeat center top; }
div#dlCont.wp4 { background:url('../images/downloads_wpBG4.jpg') no-repeat center top; }
div#dlCont.wp5 { background:url('../images/downloads_wpBG5.jpg') no-repeat center top; }
div#dlCont.wp6 { background:url('../images/downloads_wpBG6.jpg') no-repeat center top; }
div#dlCont div.modalButtonCont { padding-top:120px; }
div#dlCont div.modalButtonCont button { margin-bottom:20px; width:200px; }

/* TRAILER */
div.pagecontainer#trailer { background:url('../images/trailer_BG.jpg') no-repeat 0px 48px; }

div.trailerContent { width:758px; height:368px; padding:0px 18px; margin-left:0px; margin-top:24px; background:rgba(0,0,0,0.7); overflow:hidden; }
div.trailerContent .videoHolder { float:left; padding:0px 15px; }
div.trailerContent .videoHolder #trailerCaption { font-family:arial,sans-serif; font-size:11px; width:480px; margin:5px 0px; color:#C7AE97; }
div.trailerContent .videoHolder #trailerVid { width:600px; z-index:0; -webkit-transform-style: preserve-3d; }
div.trailerContent .vidThumbs { width:107px; float:left; margin-left:11px; /*margin-top:42px; /* margin-top:34px; when scrollarrows present */  }

div.trailerContent .vidThumbs .vidArrowUp, div.trailerContent .vidThumbs .vidArrowDown { opacity:0.0; }

div.trailerContent .vidThumbs .trailerThumb { margin-bottom:4px; }
div.active img { border:1px solid #99CCFF; }
div.trailerContent .vidThumbs .trailerThumb span { font-family:arial,sans-serif; display:block; padding:4px 0px; font-size:11px; color:#C2C2C2; }

div.vidThumbScroller { height:270px; overflow:hidden; position:relative }
div.vidThumbHolder	{ position:absolute; }
/* CHARACTERS */
div#charscontainer { width:304px; margin-left:432px; padding:20px; margin-top:8px; background-color:rgba(0,0,0,0.7); }

div.charHolder { display:none; }

img.charHS { position:absolute; z-index:8000; }
/*  div.charHolder:first-child { display:block; } */

h2.charHead { height:21px; padding-bottom:12px; }

p.charCont { font-family:arial,sans-serif; font-size:13px; }

div.charNavHolder { margin:10px auto; top:358px; text-align:center; position:absolute; left:-154px; }

div.charSlider { height:47px; width:874px; display:inline-block; overflow:hidden; background:#000000; text-align:left; border:1px solid #666666; }
div#characters div.thumbHolder { height:47px; width:370px; position:relative; width:9999px; }

div.charLeft { 
	background-color: #666666;
    border: 1px solid #666666;
    display: inline-block;
    height: 47px;
    left: 4px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 20px;
    z-index: 50; }
div.charRight { 
	background-color: #666666;
    border: 1px solid #666666;
    display: inline-block;
    height: 47px;
    left: -5px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 20px;
    z-index: 50;
}
div.charThumb { width:174px; float:left; margin:0px; border-right:1px solid #666666; }
div.charThumb:last-child { border-right:0px; }

div#charscontainer {  }



/* GALLERY */

div#gallery .LRcontainer { z-index: 8000; width: 94%; position: absolute; top: 280px; text-align: center; left: 3%; display:none; }
div#gallery .LRcontainer .barLeft { width:40px; height:60px; background:url('../images/barLeft.png') no-repeat left top; }
div#gallery .LRcontainer .barRight { width:40px; height:60px; background:url('../images/barRight.png') no-repeat left top; }
div.fullscreen { position:relative; top:302px; left:747px; width:50px; height:50px; background:url('../images/fullscreen.png') no-repeat center top; }
div.fullscreen.closer { position:relative; top:530px; left:971px; background:url('../images/fullscreenclose.png') no-repeat center top; }

div.galleryHolder { margin:10px auto; position:relative; top:366px; width:940px; text-align:center; position:relative; left:-186px; }

div.gallerySlider { height:47px; width:874px; display:inline-block; overflow:hidden; position:relative; z-index:20; background:#000000; text-align:left; border:1px solid #666666; }
div#gallery div.thumbHolder { height:47px; width:370px; position:relative; width:9999px; }

div.galleryLeft { width:20px; height:47px; position:relative; top:-1px; left:4px; z-index:50; text-align:center; display:inline-block; border:1px solid #666666; background-color:#666666; }
div.galleryRight { width:20px; height:47px; position:relative; top:-1px; left:-4px; z-index:50; text-align:center; display:inline-block; border:1px solid #666666; background-color:#666666; }
div.galleryThumb { width:174px; float:left; margin:0px; border-right:1px solid #666666; }
div.galleryThumb:last-child { border-right:0px; }


/* COMICS */
div.pagecontainer#comics { background:#000000 url('../images/comics_BG.jpg') no-repeat 0px 48px; }
div.comicsContent { width:480px; margin-left:60px; padding:20px; margin-top:8px; background-color:rgba(0,0,0,0.7); } 
div.comicsContent h2 { height:13px; background:url('../images/comics_Header.png') no-repeat top left; margin-bottom:16px; }
div.comicsContent p { font-family:arial,sans-serif; font-size:11px; line-height:130%; color:#A8A8A8; margin-bottom:11px; }
div.comicsContent p a, div.comicsContent p a:visited { text-decoration:none; color:#99CCFF; }
div.comicsButtons { margin:16px 0px; }
div.comicsButtons span { display:inline-block; font-size:12px; position:relative; top:-12px; left:12px; }
div.coverHolder { overflow:hidden; }
.comicsContent div.coverDiv { float:left; margin-right:20px; width:100px; text-align:left; }
.coverDiv h3 { font-size:10px; margin:6px 0px; }
.coverDiv span { font-size:9px; }

/* SECOND SCREEN */
div.pagecontainer#secondscreen { background:#000000 url('../images/ss_BG.jpg') no-repeat 0px 48px; }
#sslist{ margin-top:26px }
#sslist h4{ margin-left:158px; margin-bottom:-15px; font-size:14px }
div.ssContent { width:480px; margin-left:60px; padding:20px; margin-top:8px; background-color:rgba(0,0,0,0.7); } 
div.ssContent h2 { height:13px; background:url('../images/ss_Header.png') no-repeat top left; margin-bottom:16px; }
div.ssContent p { font-family:arial,sans-serif; font-size:11px; line-height:130%; color:#A8A8A8; margin-bottom:11px }
div.ssContent p a, div.ssContent p a:visited { text-decoration:none; color:#99CCFF; }
div.ssbuttons{ clear:both; margin:30px auto 0px 66px }


/* GAMES */
div.pagecontainer#games { background:#000000 url('../images/gamesbg.jpg') no-repeat 0px 48px; }
div.gamesContent { width:186px; margin-left:60px; padding:40px; margin-top:8px; background-color:rgba(0,0,0,0.7); } 
div.gamesContent h2 { font-size:12px; color:#ffcc00; margin:5px 0 }
div.gamesContent p { font-family:arial,sans-serif; font-size:11px; line-height:130%; color:#A8A8A8; margin-bottom:11px; }
div.gamesContent p a, div.gamesContent p a:visited { text-decoration:none; color:#99CCFF; }
div.gameHolder { overflow:hidden; }
.gamesContent div.gameDiv { float:left; margin-right:20px; width:180px; text-align:left; }
.gameDiv h3 { font-size:10px; margin:6px 0px; }
.gameDiv span { font-size:9px; }

/* PRODUCTS */
div.pagecontainer#products { background:#000000 url('../images/comics_BG.jpg') no-repeat 0px 48px; }
div.productsContent { width:592px; height: 340px; margin-left:60px; padding:20px; margin-top:8px; background-color:rgba(0,0,0,0.7); } 
div.productsContent > h2 { 
	background: url("../images/products_Header.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    margin-bottom: 16px;
    width: 213px;
}
div.productsContent p { font-family:arial,sans-serif; font-size:11px; line-height:130%; color:#A8A8A8; margin-bottom:11px; }
div.productsContent p a, div.comicsContent p a:visited { text-decoration:none; color:#99CCFF; }
div.comicsButtons { margin:16px 0px; }
div.comicsButtons span { display:inline-block; font-size:12px; position:relative; top:-12px; left:12px; }
.coverHolder { overflow:hidden; }
.productsContent .coverDiv { 
	float: left;
    margin: 0 20px 20px 0;
    text-align: left; 
	}
.productsContent .coverDiv h3 { font-size:10px; margin:6px 0px; width: 120px;}

.extrasBlock{ float:left; width:140px }
.extrasBody{ float:left; width:400px; font-size:10px }
.extrasBody h3{ width:400px !important }

.hang { margin-top: 0px; margin-bottom: 0px !important; text-indent: -0.6em; margin-left: 0.6em }
.floatleft { float:left }

.productsContent .coverDiv span { clear: left;
    float: left;
    font-size: 9px;
    margin: 0 0 6px; }
.productsContent .coverDiv.last-item{
	margin: 0;
	}

	
.clearallproducts{ clear:both }
	
	.productsContent .coverDiv.longProduct img{
		padding: 10px 0 0;
	}
	
	.productsContent .coverDiv.last-item h3{
		width: 100px;
	}
	
.productsContent .coverDiv.new-line-item{
	clear: both;
	}

.productsContent .coverDiv > a{
	height: 128px;
	display: block;
	}

#product-listing{
	height: 310px;
    overflow: auto;
    width: 592px;
	}
	
	.productHolder{
		float: left;
		width: 581px;
		}
		
		.productHolder > h2{
			/*
			background: url("../images/products_Header.png") no-repeat scroll 0 -32px transparent;
			text-indent: -9999px;
			*/
			border-bottom: 1px solid #8C8C8C;
			height: 13px;
			margin-bottom: 16px;
			padding: 0 0 10px 0;
			font-size:16px;
			
			}
		
	#product_books{
		
		}
		
		

		
/* TICKETS */
div.pagecontainer#tickets { background:#000000 url('../images/tickets_BG.jpg') no-repeat 0px 48px; }
div.ticketsContent { 
background-color: rgba(0, 0, 0, 0.7);
    height: 352px;
    margin-left: 60px;
    margin-top: 8px;
    padding: 20px;
    width: 592px;
 } 
div.ticketsContent > h2 { 
	background: url("../images/tickets_Header.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    margin-bottom: 16px;
    width: 258px;
}

#movieConnect-frame {
    height: 315px;
    left: 80px;
    position: absolute;
    top: 45px;
    width: 592px;
}


.ticketsContent .legal{
	color: #CCCCCC;
    font-size: 9px;
    padding: 320px 0 0 3px;
	}
/* AGE GATE */

div.dialog-age-gate { color:#A8A8A8; overflow-auto; padding:20px; }
div.dialog-age-gate div { float:left; margin-right:12px; margin-bottom:16px; }
div.dialog-age-gate h3 { color:#FFC300; font-weight:bold; font-size:18px; margin-bottom:12px; }
div.dialog-age-gate label { display:block; font-size:9px; margin-bottom:6px; }
div.dialog-age-gate input { font-size: 16px; font-weight: bold; margin-right: 20px; padding: 6px; text-align: center; width: 100px; }
div.dialog-age-gate-error { color:#FFC300; overflow-auto; padding:20px; }
div.dialog-age-gate-sorry { color:#FFC300; overflow-auto; padding:20px; }


table#RES_ID_fb_pop_dialog_table { display:none; }


/* FOOTER */
div.tattoo { width:1024px; height:280px; background:#000000 no-repeat left top; background-width:1024px; background-height:280px; position:absolute; top:394px; z-index:22; }

div#threeFoot { margin:0px 0px; position:absolute; top:544px; padding-top:10px; z-index:54; height:530px; width:1024px; text-align:center; overflow:hidden; clear:both; 
					background:#000000 url('../images/footer_BG.jpg') no-repeat center top; }

#threeFoot #orbitOuterL { width:272px; height:200px; display:inline-block; vertical-align:top; padding:0px 27px; margin:10px auto; }
#threeFoot #footerModC { width:272px; height:170px; display:inline-block; vertical-align:top; padding:30px 27px 20px; margin:10px auto; }
#threeFoot #orbitOuterR { width:272px; height:200px; display:inline-block; vertical-align:top; padding:0px 27px; margin:10px auto; }

#threeFoot .tweetCont { text-align:left; font-family:Helvetica,sans-serif; font-size:13px; color:#D6D6D6; line-height:120%;
						background:url('../images/footerMods/twitterHeader.png') no-repeat 25px 0;  background-position:22px 0px; }

#threeFoot .tweetCont ul li { margin-bottom:10px; }
#threeFoot .tweetCont ul li span.tByline a { font-weight:bold; color:#FFFFFF; text-decoration:none; }
#threeFoot .tweetCont a { color:#99CCFF; text-decoration:none; }

#threeFoot span.tDate { font-size:9px; }

#threeFoot span.tByline { display:block; }
#threeFoot span.tByline a, #footer span.tByline a:hover { text-decoration:none; font-weight:bold; color:#D6D6D6; }

#threeFoot .tweetCont ul li.tweetMore { text-align:right; }
#threeFoot .tweetCont ul li.tweetMore a { color:#D6D6D6; text-decoration:none; }	
#threeFoot .tweetCont ul li.tweetMore a:hover { color:#D6D6D6; text-decoration:none; }

div.footer3d_ratings { margin:20px auto 20px; text-align:center; position:relative; top: 8px; }
div.footer_copy { font-size:10px; margin:6px auto; width:760px; text-align:center; }



div.bannerAd { margin:10px auto; width:728px; height:90px; background-color:#D64B6E; clear:both; }

div.footerLinks { margin:10px auto; background-color:yellow; width:700px; height:30px; clear:both; }