/*-- Empty Game CSS --*/

.marvel {
    /*background: #140814 url(background.jpg) center 0 no-repeat;*/
   
    background: url(background3.jpg) 50% 0 no-repeat #140814;
    color: #fff;
    font: normal 90%/1.063 Verdana, sans-serif;
}



.pre-order #main6{
	padding-bottom: 15px;
	/*background: #140814 url(background3.jpg) center 0 no-repeat;*/
} 
.nav-register {
    width: 259px;
    float: left;
    padding-top: 113px;
}
.main-logo {
    float: left;
    width: 435px;
    margin-top: 17px;
    margin-bottom: -17px;
}
.main-logo span {
    display: none;
}
.nav-preorder, .nav-watch-trailer {
    width: 261px;
    float: left;
    padding-top: 42px;
}
.nav-register b, .nav-preorder b, .nav-watch-trailer b {
    display: none;
}
.nav-register-link, .nav-preorder-link, .nav-watch-trailer-link {
    background: transparent url(sprite.png) 0 -248px no-repeat;
    display: block;
    height: 38px;
    margin-left: 17px;
	z-index: 12;
	position: relative;
}
.nav-preorder-link{ 
	background-position:0 -75px;
	height:122px;
	margin-left:0;
}
.nav-watch-trailer-link {
    /*background-position: 0 -86px;*/
    height: 112px;
    background: url(watchtrailer.png) no-repeat 50% 50%;
    margin-left: 0;
    position: relative;
    top: 13px;
}
.nav-register-link span, .nav-preorder-link span, .nav-watch-trailer-link span {
    position: absolute;
    text-indent: -9999em;
}

.fb-like-share {
    clear: both;
    padding-top: 0;
    position: relative;
    text-align: center;
    top: 25px;
}
.fb-like-share iframe{
    width: 100% !important;
}
.fb-like-share span[style]{
    width:450px !important;
}
#middle {
    height: auto !important;
    float: none;
    position: relative;
}
#leftSide, #rightSide {
    display: none;
}
.carousel {
    height: 640px;
}
.carousel .shareThisBox {
    display: none;
}

#main5, #main6, #main7, #main8, #main9 {
    float: none !important;
    width: 860px !important;
    margin: 0 auto;
}

#preorderText {
	margin-left: -37px;
	margin-top: 42px;	
}
/*#main6 div, #main7 div{background:transparent !important;color:#fff;width:inhert !important;}*/
/*availability*/
#main8 {
    position: absolute;
    bottom: 0;
    width: 960px !important;
}

.home-welcome h2, .home-features h2 {
    background: transparent url(sprite.png) 0 -324px no-repeat;
    height: 27px;
    text-indent: -9999em;
    margin-bottom: 0.563em;
}
.home-welcome {
    /*height: 125px !important;*/
	margin: 15px 0;
}
.home-welcome .welcome-scroll-block {
    height: auto;
}
.home-features {
    /*height: 302px !important;*/
	margin: 15px 0;
}
.home-features h2 {
    background-position: 0 -401px;
    margin-top: 30px;
}
.home-features ul {
    padding-left: 1em;
    text-indent: -1em;
}
.home-features ul li {
    margin-bottom: 1em;
}
.home-features ul li:before {
    content: "\00BB \0020";
    color: #34e6e7;
}
.home-features .features-scroll-block {
    /*height: 232px;*/
    width: 795px;
}
.home-release {
    /*bottom: -170px;
    position: absolute;
    width: 100%;*/
}
.home-release h2 {
    background: transparent url(sprite.png) 0 0 no-repeat;
    height: 36px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 441px;
}
.home-ad-space {
    text-align: center;
}
.home-ad-space span {
    display: none;
}

/* scrollpane styles */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: rgb(5, 137, 138);
    background: rgba(5, 137, 138, 0.35);
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: rgb(5, 137, 138);
    background: rgba(5, 137, 138, 0.35);
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #dde;
    position: relative;
}

.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.jspHorizontalBar, .jspVerticalBar, .jspTrack {
    background: #333;
    width: 8px;
}
.jspDrag {
    background: rgb(5, 137, 138);
    background: rgba(5, 137, 138, 0.35);
    width: 8px;
}

.genericRichTextBox a {
    color: #5BB9D6;
}

/*carousel*/
#main5 {
    padding-bottom: 10px;
}
.widgetNoTitle {
    padding: 0;
}
.widgetNoTitle .widgetMainBox {
    margin-top: -10px;
}
.wideCompBox .carouselZoomBox .carouselFocusBox {
    width: 850px;
    height: 485px;
    border: 1px solid #05898a;
    border: 1px solid rgba(5, 137, 138, 0.35);
    -moz-box-shadow: -1px 1px 10px rgba(5, 137, 138, 0.35), 1px 1px 10px rgba(5, 137, 138, 0.35);
    -webkit-box-shadow: -1px 1px 10px rgba(5, 137, 138, 0.35), 1px 1px 10px rgba(5, 137, 138, 0.35);
    box-shadow: -1px 1px 10px rgba(5, 137, 138, 0.35), 1px 1px 10px rgba(5, 137, 138, 0.35);
    margin-top: 10px;
}
.wideCompBox .carouselControlsBox {
    height: 97px;
    position: absolute;
    width: 100%;
}
.wideCompBox .carouselControlsPos {
    top: 15px;
    padding-right: 0;
}
.carouselNavPlay {
    display: none;
}
.carouselNavPrev {
    background: transparent url(carouselNav.png) 0 0 no-repeat;
    border: none;
    padding: 0;
    height: 97px;
    width: 33px;
}
.carouselNavNext {
    background: transparent url(carouselNav.png) 0 -117px no-repeat;
    border: none;
    padding: 0;
    height: 97px;
    width: 33px;
}
.wideCompBox .carouselThumbsBox {
    float: none;
    width: 754px;
    margin: 2px auto 0;
}
.carouselThumbWrap {
    margin-right: 14px;
    position: relative;
}
.playbtnOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 24px;
    left: 41px;
}
.wideCompBox .carouselThumbWrap .carouselFocusBox {
    width: 139px;
    height: 101px;
}
.wideCompBox .carouselDetailBox, .carouselThumbCaption {
    display: none;
}

.footer {
    font-size: 75%;
    width: 818px;
}
.footer a {
    color: #fff;
    float: left;
}
.ys-flag {
    padding-top: 90px;
}
#flags {
    width: 565px;
    margin: 19px auto 0;
}
#flags ul {
    list-style-type: none;
}
#flags ul li {
    float: left;
    margin-right: 15px;
}
.avengers-footer {
    clear: both;
}

/*age verif*/
.age-cont, .esrb_pc {
    text-align: center;
}
.age-cont .logo {
    margin-bottom: 1em;
}
.compBox {
    margin: 30px 40px 0 40px;
}
.change_me p {
    display: block;
    height: auto;
    margin-bottom: 30px;
    margin-left: 450px;
    width: auto;
}
.avengers-footer .partnersRatingBox {
	padding-right: 20px;	
}

.avengers-footer .partnersLogoBox {
   /* margin: 0 !important;*/
}
.avengers-footer .partnersLogoCaption {
	padding-top:30px;
	line-height:1.25;	
}
.footer a {
    margin: 0;
}

#header{
     background: url(body_header_bg.png) 50% 100% no-repeat;
     z-index: 100;
     height: 209px;
}
#middle{
    background: url(body_cont_bg.png) 50% 0% repeat-y;
    z-index: 99;
    padding-top: 70px;
}
#footer{
    background: url(body_footer_bg.png) 50% 0% no-repeat;
}
.footerBg{
    background: url("footer_ad_bg.png") no-repeat scroll 50% 150px transparent;
    height: 461px;
    padding-top: 69px;
}
#headerNav{
    padding: 0;
    margin: 0;
    position: relative;
    bottom: -38px;
}
#main6{
    width:917px !important;
    height: auto;
    overflow: hidden;
}
.charactersPage #main6{background: #000; width: 914px !important; margin-left: 24px;}

.game-info #main6{width: 795px!important;}

#main7{
    position: relative;
	padding: 15px 0;
}
.charactersPage #main7{
background: black;
width: 914px!important;
margin-left: 24px;
}

#main8{
    bottom:-120px !important;
}
.game-info #main7{
    position: static;
	padding: 0;
	width: 795px!important;
	margin-bottom: -150px!important;
}
.game-info #main8{
    position: relative;
	padding: 50px 0;
	bottom: 0;
}
.game-info #main9{
    bottom:-120px !important;
}
/*marvel nav*/
.marvel-nav{
    margin: 0 auto 0 auto !important;    
}
.marvel-nav li {
    display: inline-block !important;
    margin-left:16px
}
.marvel-nav li a, .marvel-nav ul li a:visited{
    height: 27px;
    line-height: 27px;
    overflow-y: hidden;
}
.marvel-nav li a:hover, .marvel-nav li.selected a{
    background-position: 50% 97%;
}
    /*.video{
        background:url(item_nav_videos.png) 50% 50% no-repeat;
        width: 126px;
    }
    .video:hover, .selected .video{
        background:url(item_nav_videos_selected.png) 50% 50% no-repeat;
    }
    .screenshots{
        background:url(item_nav_screenshots.png) 50% 50% no-repeat;
        width: 200px;
    }
    .screenshots:hover, .selected .screenshots{
        background:url(item_nav_screenshots_selected.png) 50% 50% no-repeat;
    }
    .gameInfo{
        background:url(item_nav_informations.png) 50% 50% no-repeat;
        width: 187px;
    }
    .gameInfo:hover, .selected .gameInfo{
        background:url(item_nav_informations_selected.png) 50% 50% no-repeat;
    }
    .characters{
        background:url(item_nav_character_profiles.png) 50% 50% no-repeat;
        width: 266px;
    }
    .characters:hover, .selected .characters{
        background:url(item_nav_character_profiles_selected.png) 50% 50% no-repeat;
    }
end marvel nav*/

.charactersPage .widgetNoTitle {
    padding: 0;
}
.charactersPage .widgetNoTitle .widgetMainBox {
    margin-top: -10px;
}
.charactersPage .wideCompBox .carouselZoomBox .carouselFocusBox {
    width: 100%;
    height: 100%;
    /*width: 850px;
    height: 485px;
    border: 1px solid #05898a;
    border: 1px solid rgba(5, 137, 138, 0.35);
    -moz-box-shadow: -1px 1px 10px rgba(5, 137, 138, 0.35), 1px 1px 10px rgba(5, 137, 138, 0.35);
    -webkit-box-shadow: -1px 1px 10px rgba(5, 137, 138, 0.35), 1px 1px 10px rgba(5, 137, 138, 0.35);
    box-shadow: -1px 1px 10px rgba(5, 137, 138, 0.35), 1px 1px 10px rgba(5, 137, 138, 0.35);*/
    margin-top: 10px;
}
.charactersPage .carouselZoomBox {
    display: inline-block;
    margin-bottom: -1px;
    position: relative;
}
.charactersPage .carouselThumbsCont{
    margin: -100px 0 0 8px;
}
.charactersPage .wideCompBox .carouselControlsBox {
    height: 97px;
    position: absolute;
    width: 100%;
    display: none;
}
.charactersPage .wideCompBox .carouselControlsPos {
    top: 15px;
    padding-right: 0;
}
.charactersPage .carouselNavPlay {
    display: none;
}
.charactersPage .carouselNavPrev,.charactersPage .carouselNavNext {
    background: transparent url(carouselNav.png) 0 0 no-repeat;
    border: none;
    padding: 0;
    height: 97px;
    width: 33px;
}
.charactersPage .wideCompBox .carouselThumbsBox {
    /*float: none;
    width: 754px;
    margin: 2px auto 0;*/
   width: 100%;
   background: #000000;
   margin-top: -3px;
}
.charactersPage .carouselThumbWrap {
    /*margin-right: 14px;*/
   margin: 6px;
    position: relative;
}
.charactersPage .playbtnOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 24px;
    left: 41px;
}
.charactersPage .wideCompBox .carouselThumbWrap .carouselFocusBox {
    width: 139px;
    height: 101px;
}
.charactersPage .wideCompBox .carouselDetailBox, .charactersPage .carouselThumbCaption {
    display: none;
}


/*thumb style*/
#charThumbs{
    background: #000000;
    margin-top: -5px;
}
#charThumbs ul li{
    list-style:none;
    float:left;
    margin: 7px;    
}
#charThumbs ul{
    margin: 0 0 0 12px;
    padding: 0;
    position: relative;
    top: -107px;
}
#charThumbs ul li img{
    opacity: 0.8;
}
#charThumbs ul li img:hover{    
    cursor: pointer;
    opacity: 1;
}

/*big char prifile image*/
.charBigImg img{
    position: relative;
    width: 100%;
    height: 685px;
}
.charBigImg .partnersRatingBox{
    height: 50px;
    position: absolute;
    right: 50px;
    top: 480px;
    width: 200px;
    z-index: 99;
    text-decoration: none;
    outline: none;
}
    .charBigImg .partnersRatingBox img{
        float: left;
        height: auto;
        width: auto;
    }
    .charBigImg .partnersRatingBox .partnersLogoCaption{
        padding: 30px 0 0 5px;
    }
    .charBigImg a, .charBigImg a:visited{
        display: block;
        text-align: left;
    }
.charVideo{
    height: 315px;
    left: 322px;
    position: absolute;
    top: 138px;
    width: 560px;
    border: 2px solid #000;
}


@media screen and (max-width: 959px) {
    .marvel {
        background-position-x: -529px;
    }
}




/* Temporary Changes for agency delivery 8/27 remove or reuse before returning*/

.charactersPage .char-carousel .carouselThumbsBox{overflow: visible;}
.charactersPage .char-carousel .carouselThumbsBox li{float: left;}