/* global structures */ body{padding-bottom:60px; background:#1f3044 url(../images/mainBG.jpg) no-repeat 50% 0; text-align:center; font-family:"arial";} #page-frame{position:relative; margin:0 auto; width:1024px; text-align:center; background:#fff url(../images/header/page-body-top.jpg) repeat-x top left;} #page-frame-footer{position:absolute; height:438px; width:1024px; bottom:0px; background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-page-body-bottom.jpg) repeat-x bottom left; z-index:4;} .btn-carousel-right{cursor:pointer;} .btn-carousel-left{cursor:pointer;} #header{position:relative; width:975px; margin-left:25px; z-index:20; } #masthead{height:97px; background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-bg.jpg) no-repeat top left;} #account-panel{position:absolute; top: 14px; left: -14px;} #account-panel h1{float:left; width:143px; height:64px; background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-marvel-logo.gif) no-repeat top left; text-indent:2000px; overflow:hidden;} #account-panel h1 a{display:block; width:100%; height:100%;} #account-panel ul.account-options{float:left; width: 110px; margin:6px 0 0 2px; background-color:#0069D4; text-align:right;} #account-panel ul.account-options li a{height:17px; width:110px; text-indent:99em; display:block; overflow:hidden;} #account-panel ul.account-options li a.home{background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-sprites.gif) no-repeat -84px -2px;} #account-panel ul.account-options li a.myAccount{background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-sprites.gif) no-repeat -84px -19px;} #account-panel ul.account-options li a.register{background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-sprites.gif) no-repeat -84px -35px;} #account-panel ul.account-options li a.sign-in{background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-sprites.gif) no-repeat -84px -52px;} #account-panel ul.account-options li a.logout{background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-sprites.gif) no-repeat -84px -69px;} #account-panel div.user-welcome-unit{margin:6px 0 0 1px; float:left; width:80px; height:52px; background:url(/u/prod/marvel/i/content/outcss/1272297491-i-2009-css-images-masthead-masthead-sprites.gif) no-repeat -4px -1px; display:block;} #account-panel div.user-welcome-unit p{color:#fff; font-size:12px; text-align:center; padding-top:.8em;} #other-options{position:absolute; top:6px; right:14px; width:400px; height:80px;} #other-options ul li{display:inline;} #other-options ul.other-links{padding:0 0 0 180px;} #other-options ul.other-links li{float:left; margin-left:10px;} #other-options ul.other-links li.subscribe{padding-top:18px;} #other-options ul.other-links li a{background:url(/u/prod/marvel/i/content/outcss/) no-repeat; text-indent:-99em; display:block; overflow:hidden;} #other-options ul.other-links li a.subscribe{height:17px; width:110px; background-position:-84px -86px;} #other-options ul.other-links li a.marvelKids{width:82px; height:47px; background:url(/u/prod/marvel/i/content/outcss/) no-repeat -1px -1px;} #other-options ul.search-box{clear:both; padding-top:6px; text-align:left;} #other-options ul.search-box li{float:left; padding-right:10px;} #other-options ul.search-box li.category-select{position:relative; top:5px; padding-right:6px;} #other-options ul.search-box li.search-button{position:relative; top:-2px;} .banner-promo{ text-align:center; padding-bottom:5px;} .html-block{margin-bottom:20px;} .right-rail .banner-promo{top:auto;} /* navigation block styles */ #primary-nav{height:38px; position:relative; } #primary-nav{height:77px;} #primary-nav li{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-off.jpg) no-repeat top left; height:42px; float:left;} #primary-nav li.comics{width:88px; } #primary-nav li.selected-comics{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:0px 0px; width:88px;} #primary-nav li.movies-tv{background-position:-88px 0px; width:128px;} #primary-nav li.selected-movies-tv{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-88px 0px; width:128px;} #primary-nav li.characters{background-position:-215px 0px; width:116px;} #primary-nav li.selected-characters{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-215px 0px; width:116px;} #primary-nav li.videos{background-position:-331px 0px; width:86px;} #primary-nav li.selected-videos{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-329px 0px; width:89px;} #primary-nav li.games{background-position:-419px 0px; width:86px;} #primary-nav li.selected-games{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-416px 0px; width:88px;} #primary-nav li.news{background-position:-506px 0px; width:75px;} #primary-nav li.selected-news{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-502px 0px; width:79px;} #primary-nav li.community{background-position:-584px 0px; width:126px;} #primary-nav li.selected-community{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-584px 0px; width:126px;} #primary-nav li.downloads-extras{background-position:-711px 0px; width:189px;} #primary-nav li.selected-downloads-extras{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-711px 0px; width:187px;} #primary-nav li.shop{background-position:-900px 0px; width:76px;} #primary-nav li.selected-shop{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-on.jpg) no-repeat top left; background-position:-900px 0px; width:76px;} #primary-nav li.selected a{position:relative; padding-top:12px; height:14px; z-index:20;} /* use height instead of top to create overlap */ #primary-nav li a{color:#fff; overflow:hidden; text-indent:-99em; display:block; height:100%;} #sub-nav{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-subnavBG.jpg) repeat-x top left; position:absolute; top:41px; left:0; height:31px; border-left:2px solid #afafaf; border-right:2px solid #afafaf; width:970px;} #sub-nav li{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-subnavBG-tile.jpg) no-repeat 0px 0px; width:121px; text-align:left;} #sub-nav li.selected a{color:#333;} #sub-nav li a{width:100%; text-indent:0; padding:10px 0 0 9px; text-decoration:none; background-color:transparent; color:#0568C5; font-weight:bold; font-size:12px; height:auto;} #primary-nav .dropMenu{display:none; position:relative; top:-3px; left:0; background-color:#fff; z-index:400; border:1px solid #ececec; border-top:none; width:200px; text-align:left; padding:4px 0 0 0;} #primary-nav .dropMenu li{float:none; height:100%; background-image:none; border-bottom:1px solid #ececec; } #primary-nav .dropMenu li a{color:#000; text-indent:0; font-size:13px; color:#0568C5; text-decoration:none; padding:6px 0 6px 18px;} #primary-nav .dropMenu li a:hover{background-color:#9CD7F7; color:#000;} #primary-nav .dropMenu.show{display:block;} /* end navigation */ /* general rail setup */ .left-rail{float:left; position:relative; margin-left:20px; width:647px; text-align:left; line-height:.9em; z-index:5;} .right-rail{float:left; position:relative; margin-left:20px; width:311px; line-height:.9em; text-align:left; z-index:6;} .featured-content-frame, .full-frame{position:relative; margin-left:20px; width:976px; text-align:left; z-index:6;} /* clear out all the padding so the content can flush against body edges */ div.featured-content-frame .module .module-body{padding:0; background-color:#fff; position:relative; } .full-frame .full-frame.module .module-body{padding:20px 0 0 0; } .full-frame .refine-search.module .module-body{padding: 27px 10px 10px 10px;} .full-frame .refine-search.module-has-sub-title .module-body {padding-top: 44px;} .full-frame .left-rail{width:180px;} .module-full-page{} .module-full-page .module-body{} /* Button */ .button{padding: 4px 10px 4px 10px; border: 1px #d8d7d7 solid; background: #fff; overflow: hidden; z-index: 0;} .button .button-body{width:auto;} /* featured character */ .module-body.character-detail-captain-america{background:url(/u/prod/marvel/i/content/outcss/1272297515-i-2009-css-images-character-featured-character-detail-bg.jpg) no-repeat top left; height:298px;} /* featured comic event detail */ .module-body.event-detail-dark_reign{background:url(/u/prod/marvel/i/content/outcss/1272297536-i-2009-css-images-comic-event-detail-featured-darkReign-detail-bg.jpg) no-repeat top left; height:298px;} div.featured-content-frame .module .module-body .info-section{width:792px; position:relative; top:0; left:0;} div.featured-content-frame .module .module-body .info-section .header-shadow{background-color:#000; opacity:.85; width:792px; height:65px; position:absolute; top:0; left:0; z-index:6;} div.featured-content-frame .module .module-body .info-section h2{color:#fff; font-size:40px; position:absolute; z-index:10; top:15px; left:20px;} div.featured-content-frame .module .module-body .info-section .character-info{position:absolute; top:80px; left:520px; width:250px;} div.featured-content-frame .module .module-body .info-section .character-info h4{width:174px; height:9px; overflow:hidden; text-indent:-99em; background:url(/u/prod/marvel/i/content/outcss/1272297515-i-2009-css-images-character-characterAtGlance.png) no-repeat top left;} div.featured-content-frame .module .module-body .info-section .character-info dl{padding-top:10px; color:#232323;} div.featured-content-frame .module .module-body .info-section .character-info dl dt{float:left; clear:both; margin:0 0 0 0; padding:0 4px 0 0; font-weight:bold;} div.featured-content-frame .module .module-body .info-section .character-info dl dd{margin:0 0 0 0; padding:0 0 6px 0; } /* class chain the info panel for various sections */ div.featured-content-frame .module .module-body .info-section .info{position:absolute; top:80px; left:520px; width:250px; color:#333;} div.featured-content-frame .module .module-body .info-section .info h4{font-size:14px;} div.featured-content-frame .module .module-body .info-section .info p{line-height:1.4em;padding-top:4px;} div.featured-content-frame .module .module-body p.wiki-link{position:absolute; bottom:10px; left:520px;} div.featured-content-frame .module .module-body .related-content{background-color:#000; position:absolute; top:0; right:0; width:182px; height:100%; text-align:right;} div.featured-content-frame .module .module-body .related-content ul{margin-right:20px;} div.featured-content-frame .module .module-body .related-content ul li{margin-top:6px; color:#fff;} div.featured-content-frame .module .module-body .related-content .sponsor-block{background-color:#333; height:65px;} div.featured-content-frame .module .module-body .related-content h4{margin:14px 55px; width:103px; height:10px; overflow:hidden; text-indent:99em; background:url(/u/prod/marvel/i/content/outcss/1272297515-i-2009-css-images-character-featuredCharacterRelatedLinks.gif) no-repeat top left;} /* general module structure */ .module {position: relative; margin: 0 0 34px; font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#666;} .module a{color:#0066cc; text-decoration:none;} .module-title {position: absolute; padding: 0 0 0 12px; height: 23px; top: -12px; left: 0px; line-height: 23px; font-size: 18px; color: #fff; background: #333333; z-index: 1;} .module-title .text {float: left; padding:2px 20px 0 0;} .module-has-sub-title .module-title {top: 10px; right: 1px; left: 11px; padding: 0; height: 23px; line-height: 23px; font-size: 18px; color: #000; background: #e5e5e5;} .module-has-sub-title .module-title .text {padding: 0 0 0 3px;} .module .module-title.no-rss{padding-right:20px;} .module .module-title .rss {display: block; float: right; margin: 0 0 0 20px; border-right: 1px #fff solid; border-left: 1px #fff solid; width: 21px; height: 23px; text-indent: -9999px; background:#F1841D url(../images/icon-rss.gif) 3px 4px no-repeat;} .module-has-sub-title .module-title .rss {margin: 0 9px 0 0;} .module-body {position: relative; padding: 27px 10px 10px 10px; border: 1px #d8d7d7 solid; background: #fff; overflow: hidden; z-index: 0;} .module-has-sub-title .module-body {padding-top: 44px;} .module-body .module-bg {position: absolute; width: 220px; height: 101px; z-index: -1;} .module-body .module-bg-nw {top: 0; left: 0; background: url(/u/prod/marvel/i/content/outcss/1272297542-i-2009-css-images-module-bg.gif) -220px 0 no-repeat;} .module-body .module-bg-se {right: 0; bottom: 0; background: url(/u/prod/marvel/i/content/outcss/1272297542-i-2009-css-images-module-bg.gif) no-repeat;} .module-body img.frame-img {border-top: 3px #afafaf solid; border-left: 3px #afafaf solid; padding: 1px 0 0 1px;} .module-body img.frame-img.left{float:left;} .module-shadow {position: absolute; right: -2px; bottom: -2px; width: 100%; height: 100%; background: #afafaf; z-index: -1;} .underlay-shadow {position: absolute; right: -2px; bottom: -2px; width: 100%; height: 100%; background: #afafaf; z-index: -1;} /* misc util styles */ .left{float:left;} .right{float:right;} a.more-link{background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-medium-arrow.gif) no-repeat right 48%; padding-right:20px;} .dual-column-list a.more-link{display:inline;} .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* overriding module styles */ .module.promo, .module.small{width:311px;} /* small is used in left-rail to shrink box */ /* generalize gutter for when right rails double land in left content */ .module.promo.gutter{margin-left:22px;} .module.promo .module-body{padding:0;} .left-rail .module.promo{float:left;} .module .footer{position:relative; bottom:2px; right:6px; padding-top:12px; clear:both;} /* track this style down */ .module-title .button{ float:right; padding:2px; font-size:12px; width:120px; position:relative; } /* PAGE HEADER section */ #content-header{margin:0 auto; width:980px; text-align:left; position:relative; height:48px; z-index:10;} #content-header a.browse-btn{width:227px; height:40px; display:block; position:absolute; left:343px;} h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -3px; width:976px; height:41px; text-indent:99em; overflow:hidden; display:block;} /* div.page-header .share{background:url(/u/prod/marvel/i/content/outcss/1272297489-i-2009-css-images-btn-btn-share.gif) no-repeat top left; width:85px; height:20px; display:block; position:absolute; right:0px; top:-12px;} */ .addthis_button{display:block; position:absolute; right:12px; top:10px;} /* three column module */ .three-column div.column{float:left; width:190px; margin-left:10px;} .three-column div.column.image{width:205px; margin-left:0;} .three-column div.column.primary{padding-right:10px; border-right:1px solid #d7d7d7;} .three-column div.column.primary h4{padding:5px 0; font-size:15px;} .three-column div.column.primary p{padding:2px 0 4px 0;} .three-column div.column{font-size:11px;} .three-column div.column p{padding-bottom:10px;} .three-column div.column span.sub-header{display:block; font-weight:bold; font-size:16px; padding-bottom:10px;} /* get-comics-sign (heavily uses the three-column classes above) */ .get-comics-signup .three-column .column{border-left:1px solid #ccc; padding-left:9px;} .get-comics-signup .three-column .column p{padding-bottom:6px;} .get-comics-signup .three-column .column dl{padding-top:6px;} .get-comics-signup .three-column .column.firstChild{border:none; padding-left:0;} .get-comics-signup h4{overflow:hidden; display:block; text-indent:50em; width:190px; height:12px; margin-bottom:6px;} .get-comics-signup h4.comics-in-print{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top;} .get-comics-signup h4.comics-online{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top;} .get-comics-signup h4.comics-on-go{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top;} .get-comics-signup input.text-field-zip{width:135px; position:relative; top:-8px;} /* video content || structure */ .video-columns .infoColumn{width:250px; float:left; border-right:1px solid #ccc;} .video-columns .infoColumn p.title{font-size:16px;} .video-columns p.description{float:left; width:320px; padding-left:20px;} .video-columns .video-container{clear:both; padding-top:8px;} /* comic-news */ .comic-news .primary-news, .comic-news .additional-news{float:left; width:190px; margin-left:10px;} .comic-news .primary-news{padding-right:10px; border-right:1px solid #d7d7d7} .comic-news .primary-news h4{padding:5px 0; font-size:15px;} .comic-news .primary-news p{padding:2px 0 4px 0;} .comic-news .additional-news{font-size:11px;} .comic-news .additional-news p{padding-bottom:10px;} .comic-news .more-news{display:block; font-weight:bold; font-size:16px; padding-bottom:10px;} /* digital comies released this week */ .comic-schedule-control ul li{float:left; border-left:1px solid #000; padding:0 8px;} .comic-schedule-control ul li.firstChild{padding-left:0; border-left:none;} /* wallpaper */ .dual-column.thumb-hanging-content{width:300px;} div.wallpaper-node{float:left; padding-bottom:10px;} div.wallpaper-node p{width:126px;} div.wallpaper-node.alt{ padding-left:24px;} /* left-rail utils */ .left-rail .module-small-block .module{float:left; } .left-rail .module-small-block .module.right{float:right;} /* standard styles re-use */ /* Standard-thumb content styles */ .standard-thumb-content div.thumb-left.content-right{padding-bottom:16px;} .standard-thumb-content img.frame-img.left{margin-right:10px;} ul.top-ten-list li{padding-bottom:6px;} .standard-thumb-content div.content-set{float:right; width:180px;} .date{font-size:10px;} /* top-ten styles */ .top-ten ul li.firstChild div{position:relative; float:right; width:160px;} .top-ten ul li.firstChild span{position:absolute; left:-14px;} /* more-places-to-buy */ .more-places-to-buy div.module-body{padding-top:60px;} .more-places-to-buy h4{padding-bottom:4px;} .more-places-to-buy ul.action-box{padding-bottom:20px;} .more-places-to-buy ul.action-box li{float:none; width:auto; padding-bottom:6px;} /* most-discussed styles */ ul.action-box li{float:left; width:120px;} .left-rail .published-list.module-has-sub-title .module-title{background-image:none; background-color:#ccc; color:#000;} /* animation section */ .dual-standard-thumb-container .standard-thumb-content{width:300px; float:left;} /* poll */ .poll .footer .button .button-body{ width:275px; text-align:center; } .poll .footer .button .button-body a{ display:block; } /* discussed news */ ul.action-box{padding-bottom:8px;} /* Button list */ .module a div.rss-button {float:left; width:21px; height: 23px; margin: 0 0 0 20px; border-right: 1px #fff solid; border-left: 1px #fff solid; text-indent: -9999px; background:#F1841D url(../images/icon-rss.gif) 3px 4px no-repeat;} .module a div.facebook-button {float:left; position:relative; width:16px; height:16px; top:-2px; margin-right:9px; background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-thumbnail-fb.jpg) no-repeat top left;} .module a div.twitter-button {float:left; position:relative; top:-2px; width:16px; height:16px; margin-right:9px; background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-thumbnail-twitter.jpg) no-repeat top left;} /* social-media */ .social-media ul{padding-top:10px;} .social-media ul li{clear:left; padding:4px 0 8px 0; padding-left:10px;} /* Video Preview */ .video-preview .standard-thumb-content .content-set{width:140px;} .video-preview .standard-thumb-content div.thumb-left.content-right{padding-bottom:4px} .video-preview .standard-thumb-content {padding-bottom:20px;} /* games-release-calendar */ .game-release-row{clear:left;} .game-release-row .standard-thumb-content{width:300px; float:left;} .game-release-row ul li{width:150px; float:left; padding-bottom:6px; margin-left:10px;} /* most-subscribed */ .most-subscribed table{width:305px;} .most-subscribed table th{font-size:10px; text-align:center;} .most-subscribed table tr.alt{background-color:#f0f0f0;} .most-subscribed table th.this-week{text-align:left;} .most-subscribed table td{padding:4px 0;} .most-subscribed table td.current-position{padding-left:5px;} .most-subscribed table td.title{width:145px;} .most-subscribed table td.last-week{text-align:center; width:75px;} .most-subscribed table td.change-up{background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-green-up.gif) no-repeat 50% 50%; } .most-subscribed table td.change-down{background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-red-down.gif) no-repeat 50% 50%; } /* headline general styles */ div.headline-block{background-color:#333; width:288px; position:relative; margin-bottom:15px;} /* movie-news-headlines */ .movie-news-headlines div.headline-block{padding-bottom:4px;} .movie-news-headlines div.headline-block p.title{font-size:14px; padding:0px 0px 0px 0; width:220px; margin-left:12px; line-height:1.1em;} .movie-news-headlines div.headline-block p.title a{color:#e4e4e4} .movie-news-headlines .info{float:left; width:200px} .movie-news-headlines .info .date-time{font-size:9px; color:#c2c2c2; margin-left:12px; padding-top:6px; } .movie-news-headlines .comments{float:right; font-size:9px; color:#c2c2c2; padding-top:4px; margin-right:7px;} .movie-news-headlines .comments .count{background:url(/u/prod/marvel/i/content/outcss/1272297490-i-2009-css-images-homepage-homepage-comments.gif) no-repeat top center; display:block; width:auto; height:24px; text-align:center; color:#666; padding-top:3px; padding-right:3px; font-size:10px;} /* latest-headlines */ .latest-headlines p.title{color:#e4e4e4; font-size:18px; padding:10px 3px 12px 0; margin-left:66px; line-height:1.1em;} .latest-headlines p.title a{color:#e4e4e4;} .latest-headlines div.type{position:absolute; top:8px; left:-6px;} .latest-headlines div.type span{display:block; color:#ccc; font-size:9px; text-align:right; width:52px; padding-bottom:4px; } .latest-headlines div.type span.date-label{width:49px;} .latest-headlines div.type span.Comics{background:url(/u/prod/marvel/i/content/outcss/1272297490-i-2009-css-images-homepage-homepage-comics.gif) no-repeat top left; text-indent:99em; overflow:hidden; height:16px;} .latest-headlines div.type span.Games{background:url(/u/prod/marvel/i/content/outcss/1272297490-i-2009-css-images-homepage-homepage-games.gif) no-repeat top left; text-indent:99em; overflow:hidden; height:16px;} .latest-headlines div.type span.Movies{background:url(/u/prod/marvel/i/content/outcss/1272297490-i-2009-css-images-homepage-homepage-movies.gif) no-repeat top left; text-indent:99em; overflow:hidden; height:16px;} /* newsSwitchBox */ #news-categories{display:none;} #news-feed{display:none;} #news-categories.show{display:block;} #news-feed.show{display:block;} #news-categories h3{font-size:18px; font-style:italic; padding:4px 0;} #news-categories .three-column{clear:both; padding-top:20px;} #news-switch-control {position:absolute; top:3px; left:180px;} #news-switch-control li{float:left; border-left:1px solid #ccc;} #news-switch-control li.firstChild{border:none;} #news-switch-control li a{display:block; padding:2px 10px 2px 10px;} #news-switch-control li a.selected{color:#555;} /* game-calendar */ .game-calendar-column-headers{padding-bottom:4px;} .game-calendar-column-headers span.column-header{width:150px; height:11px; overflow:hidden; text-indent:50em; display:block; float:left;} .game-calendar-column-headers span.column-header.game-title{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top; width:86px;} .game-calendar-column-headers span.column-header.platform{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top; width:80px; margin-left:230px;} .game-calendar-column-headers span.column-header.availability{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top; width:102px; margin-left:60px;} .game-release-row{padding-bottom:15px;} .game-release-row .standard-thumb-content{margin-right:12px;} table.system-releases{width:300px;} table.system-releases td{padding:1px 0; font-size:11px;} table.system-releases tr.alt{background-color:#f0f0f0;} table.system-releases td.is-on-sale{color:#009900;} table.system-releases td.system{padding-left:5px;} /* detail pages */ .detail .module-body{height:260px;} .detail .module-body .detail-info{position:absolute; top:50px; left:20px; width:300px;} .detail .module-body .detail-info .description{padding:15px 0;} .detail .module-body .additional-info{position:absolute; bottom:10px; right:0px; width:200px;} .detail .module-body .detail-info h2{font-size:40px;} /* specific details */ .detail .module-body.iron-man {background-color:#000; color:#fff;} .dual-column-list li a{ display:block; } .dual-column-list li{ float:left; width:140px; } .module-small-block .highest-rated{margin-left:24px;} /* published list */ #item-alphabet{display:none;} #item-alphabet.show{display:block;} #item-date{display:none;} #item-date.show{display:block;} ul.publishedList li{width:310px; display:block; float:left; padding-bottom:6px;} .module .summary{padding:0 0px 10px 0px;} /* carousel styles -pushes summary inward */ .module .summary{padding:0 46px 10px 46px;} .carousel-frame{position:relative;} .carousel-mask{float:left; width:580px; overflow:hidden; height:230px;} .carousel-frame div.panel{display:none;} .carousel-frame div.panel.show{display:block;} .carousel-frame p.unavailable{font-size:29px; text-align:center; padding-top:75px;} .btn-carousel-left{float:left; position:relative; top:85px;} .btn-carousel-right{float:right; position:relative; top:85px;} .carousel-type-video .carousel-mask{height:145px;} .carousel-type-video .btn-carousel-left{top:30px;} .carousel-type-video .btn-carousel-right{top:30px;} .carousel-type-comics-release .carousel-mask{height:160px;} .carousel-type-comics-release .btn-carousel-left{top:40px;} .carousel-type-comics-release .btn-carousel-right{top:40px;} .multi-tabbed-carousel .module-body{padding:2px;} .multi-tabbed-carousel .carousel-mask{padding-top:6px;} .module-sub-nav{background:url('/u/prod/marvel/i/content/outcss/') repeat-x left top; height:45px; width:100%; font-size:14px;} .module-sub-nav li{float:left; border-right:1px solid #fff; height:100%; overflow:hidden;} .module-sub-nav li a{color:#fff; padding:13px 9px 8px 9px; display:block; height:100%; text-align:center; } .module-sub-nav li.lastchild{border-right:none; width:135px;} .module-sub-nav li.selected{background:url('/u/prod/marvel/i/content/outcss/') no-repeat center top;} .aSlide{width:110px; height:200px; font-size:12px; margin:0 20px 0 20px; float:left; position:relative;} .aSlide a{color:#0066cc; text-decoration:none; } .page{position:absolute; top:0; left:0; width:600px; background-color:#fff; display:none;} .page.selected{left:0px; display:block;} .page.next{left:600px; display:block;} .page.previous{left:-600px; display:block;} .page .title{clear:both;} /* */ .comic-schedule-control{clear:both;} .module.small .summary{padding:0 0 10px 0;} .right-rail .module .summary{padding:0 0 10px 0;} .standard-thumb-content .thumbBlock{float:left;} .standard-thumb-content .contentBlock{margin-left:220px;} .standard-thumb-content .contentBlock h4{font-style:italic; font-size:15px;} .standard-thumb-content .contentBlock .title{font-size:14px; padding:2px 0;} .standard-thumb-content .contentBlock p.description{padding:6px 0;} /* Global Footer */ #site-footer{clear:both; text-align:left; padding:10px 0 10px 24px; z-index:10; position:relative;} #site-footer div.footer-section{float:left; color:#666; padding-bottom:20px;} #site-footer ul{border-left:#c4c4c4 1px solid; padding:4px 18px 4px 18px;} #site-footer ul.dual-lists{float:left; border-left:none;} #site-footer h5{margin-left:18px; display:block; overflow:hidden; text-indent:-50em;} #site-footer a{color:#0066cc; text-decoration:none; font-size:12px;} /* overrriding footer container styles */ #site-footer .marvel h5{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:62px; margin-left:0;} #site-footer .marvel ul.first-child{padding-left:0px;} #site-footer .marvel ul.last-child{width:170px;} #site-footer div.community{width:220px;} #site-footer .community h5{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:101px;} #site-footer div.extras{width:220px;} #site-footer .extras h5{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:63px;} #site-footer .company h5{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:82px;} #site-footer p.text-content{width:100%; text-align:center; color:#666; font-size:11px; padding:2px 0;} /* end global footer */ /* rating-system */ .ratingPanel {list-style:none; clear:both;} .ratingPanel li{float:left; display:block; overflow:hidden;} .ratingPanel li.rating{height:12px; width:12px; text-indent:300em; background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top;} .ratingPanel li.rating.half-filled{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top;} .ratingPanel li.rating.filled{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left top;} .ratingPanel.hide{display:none;} /* search-results buildout */ .full-frame .full-frame.module .module-body{padding-bottom:20px;} .full-frame dl dt{color:#000; position:relative; margin-top:14px; padding-bottom:1px;} .full-frame dl dt.firstChild{margin-top:5px;} .full-frame dl dd{padding:5px 0 5px 0;} .remove-btn{background:url(/u/prod/marvel/i/content/outcss/); width:16px; height:16px; position:absolute; top:-3px; right:0;} .results-container{ width:740px; line-height:1.2em; padding-bottom:15px;} .results-container .results-header{padding-top:6px; } .results-container .results-header #results-summary{font-size:14px; font-weight:bold; float:left;} .results-container .pagination{float:right;} .results-container .pagination li{display:inline;} .result-row{padding:14px 0;} .featured-result{width:auto; clear:both; border:1px solid #ccc; border-right:none; border-left:none; padding:20px 0;} .featured-result .result-row{width:565px; float:left; padding:0; padding-right:10px;} .result-row .image{float:left; padding-right:10px;} .featured-result ul.tag-list{padding:2px 0;} .featured-result ul.tag-list li{display:inline; border-left:1px solid #ccc; padding:0 1px 0 3px;} .featured-result ul.tag-list li.firstChild{border-left:none; padding-left:0;} ul.tag-list{padding:2px 0;} ul.tag-list li{display:inline;} .featured-result .promo-spot{float:left; width:150px; border-left:1px solid #ccc; padding-left:10px;} a.pagination-btn.selected{text-decoration:underline;} .result-row p.result-title{font-weight:bold; font-size:15px;} .result-row p{padding:1px 0;} .result-row .content{width:620px;} .result-row.has-image .content{width:590px; margin-left:140px;} .featured-result .result-row.has-image .content{width:420px;} .result-item{float:left; margin-right:21px; width:125px;} .img-stub{border:1px solid #000; width:125px; height:92px; background-color:#efefef;} .ad-block{text-align:center;} /* end search results buildout */ /****** browse-result box ************/ /* comic results full frame */ .full-frame.results div.left-rail {width:240px;} .full-frame.results div.right-rail {width:680px;} .full-frame.results div.right-rail ul.pagination {font-size:11px; margin-right:2px;} .full-frame.results div.right-rail ul.pagination li{ margin:0 2px 0 2px;} .full-frame.module.results .results-container.filter { width:auto; position:relative;} .filter-frame {width:218px;border:1px #cccccc solid;margin-right:40px;margin-bottom:20px; position:relative;} .filter-frame h4 {font-size:11px;margin:0;padding:6px 6px 6px 34px;background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-filter-results-arrow.gif) #fff repeat-x top left;border-top:1px #ccc solid; cursor:pointer;} .filter-frame h4.selected {} .filter-frame ul {margin:0;padding:0;overflow:hidden;} .filter-frame-tabs ul {padding:0;margin:0;} .filter-frame-tabs ul li {float:left;width:109px;height:24px;text-align:center;} .filter-frame-tabs a {display:block;color:#333;line-height:24px;font-weight:bold;} .filter-frame-tabs a:hover {display:block;background-color:#017ce3;color:#fff;} .filter-frame-tabs a.selected {background-color:#017ce3;color:#fff;background:url('/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-slice.jpg') repeat-x left top;} .filter-panel.selected h4{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-filter-results-arrow.gif) no-repeat #fff left -60px;} .filter-panel .filter-panel-content{display:none;} .filter-panel.selected .filter-panel-content{display:block;} .filter-panel-content {font-size:11px;color:#333;padding:10px;background:url(/u/prod/marvel/i/content/outcss/) #fff repeat-x top left;border-top:3px #ccc solid;border-left:3px #ccc solid;line-height:20px; height: expression( this.scrollHeight > 264 ? "265px" : "auto" );max-height: 265px;overflow: auto;} .filter-panel-content strong {color:#333;} .filter-panel-content input {margin:0 10px 6px 0;} .filter-panel-content-all {font-size:11px;color:#333;padding:10px;background:url(/u/prod/marvel/i/content/outcss/) #fff repeat-x top left;border-top:3px #ccc solid;border-left:3px #ccc solid;line-height:20px;} .filter-panel-content-all ul {margin-bottom:6px;} .results-header.comic {display:block;overflow:auto;border-bottom:1px #cdcdcd solid;margin-bottom:15px;padding:10px 0;} .results-header.comic .results-summary {color:#333;} .panel-disable{width:100%; height:200px; position:absolute; top:0px; left:0px; display:block; background-color:#000; opacity:.7;} .panel-disable p{color:#fff; text-align:center; font-size:14px; font-weight:bold; position:relative; top:50%;} .comic .action {font-size:11px;} .results-container .action{float:right;} .results-container .action li{display:inline;} .action .save {background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-save.gif) no-repeat;padding:2px 10px 2px 20px;color:#666;} .action .share {background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-share.gif) no-repeat;padding:2px 10px 2px 20px;color:#666;} .action .print {background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-printer.gif) no-repeat;padding:2px 10px 2px 20px;color:#666;} .comic_result_item {float: left;padding:0;margin: 30px 20px 0 0;text-align:left;font-size: 12px;display:block;width:150px;word-wrap:break-word} .comic_result_item a {font-weight:700;} .comic_result_item.lastchild {margin-right:0;} a.read-online {font-size:11px;font-weight:normal;background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-small-arrow.gif) no-repeat right 48%; padding-right:14px;} a.next-link-sa {background:url(/u/prod/marvel/i/content/outcss/1272297498-i-2009-css-images-symbols-symbol-small-arrow.gif) no-repeat right 48%; padding-right:14px;} .comic-results-header {position:relative; margin:0 20px 20px 20px; width:966px; text-align:left; z-index:6;height:54px;line-height:54px;font-weight:bold;color:#333;font-size:26px;font-weight:normal;padding:0;display:block;padding-left:10px;margin-right:-10px;} .module-sub-nav.has-sub-nav.results{margin:0;padding:0;border:0;position:relative;top:-19px;} .module-sub-nav.has-sub-nav.results li {background:url('/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-slice.jpg') repeat-x left top;} ul.module-sub-nav.has-sub-nav.results {background:url('/u/prod/marvel/i/content/outcss/') repeat-x left top; height:45px; width:100%; font-size:14px;} .module-sub-nav.has-sub-nav.results li.selected{background:url('/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-carousel-multitab-select.gif') no-repeat center top;} /* comic results */ .module-body.clear.has-sub-nav {margin:0;padding:0;} .left-rail div.comic_result_item {margin: 30px 8px 0 0;} ul.pagination {font-size:11px;margin-right:0;} .left-rail div.results-container.filter { width:auto;} .left-rail div.results-container.filter .comic .action {font-size:11px;} .results-container .action{float:right;} .results-container .action li{display:inline;} .results-sort {font-size:12px;} .has-sub-nav ul.module-sub-nav {background:url('/u/prod/marvel/i/content/outcss/') repeat-x left top; height:45px; width:100%; font-size:14px;} .has-sub-nav .module-sub-nav li {background:url('/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-slice.jpg') repeat-x left top;} .module .has-sub-nav{padding:2px 2px auto 2px;} .module-sub-nav{background:url('/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-nav-slice.jpg') repeat-x left top; height:45px; width:100%; font-size:14px;} .module-sub-nav li{float:left; border-right:1px solid #fff; height:100%; overflow:hidden;} .module-sub-nav li a{color:#fff; padding:13px 9px 8px 9px; display:block; height:100%; text-align:center; } .module-sub-nav li.lastchild{border-right:none; width:135px;} .module-sub-nav li.selected{background:url('/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-carousel-multitab-select.gif') no-repeat center top;} /********************* end browse ******/ /* rotator frame styles - not entire set */ div.rotator div.module-body{padding:0; position:relative; height:232px;} /* temp styles, will change once design decisions are made about titles in left-rail */ .title-on-air-now{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; text-indent:99em; height:13px; display:block; overflow:hidden; width:294px; margin-bottom:5px;} .title-on-air-now.slashes{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left;} .title-coming-soon{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; text-indent:99em; height:13px; display:block; overflow:hidden; width:294px; margin-bottom:5px;} .title-coming-soon.slashes{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left;} .title-out-now{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; text-indent:99em; height:13px; display:block; overflow:hidden; width:294px; margin-bottom:5px;} .title-out-now.slashes{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left;} /* end temp title with slashes */ /************** body override styles *************/ /* styles to address nav sections without sub-navs */ body.videos-index #primary-nav li, body.games-index #primary-nav li, body.characters-index #primary-nav li{height:38px;} body.videos-index #primary-nav li ul.dropMenu li, body.games-index #primary-nav li ul.dropMenu li, body.characters-index #primary-nav li ul.dropMenu li{height:100%;} /* end sub-nav fixes */ body.comics-index .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-comics.jpg) repeat-y left top; color:#fff;} body.comics-comicbooks .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-comics.jpg) repeat-y left top; color:#fff;} body.comics-digitalcomic .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-comics.jpg) repeat-y left top; color:#fff;} body.characters-index .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-characters.jpg) repeat-y left top; color:#fff;} body.videos-index .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-video.jpg) repeat-y left top; color:#fff;} body.movietv-index .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-movieTv.jpg) repeat-y left top; color:#fff;} body.movies-index .module-has-sub-title .module-title, body.movies-detail .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-movies-landing.jpg) repeat-y left top; color:#fff;} body.tv-index .module-has-sub-title .module-title, body.tv-detail .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-movieTv.jpg) repeat-y left top; color:#fff;} body.news-index .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-news.jpg) repeat-y left top; color:#fff;} body.games-index .module-has-sub-title .module-title{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-sub-title-games.jpg) repeat-y left top; color:#fff;} body.comics-comicbooks h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -44px; width:976px; height:43px; display:block; } body.comics-comicbooks h1.page-header.hover {background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -87px; width:976px; height:43px; display:block; } body.comics-digitalcomic h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-digital-comics.jpg) no-repeat top left; width:243px; height:37px;} body.characters-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:202px; height:37px;} body.videos-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -388px; width:976px; height:43px;} body.videos-index h1.page-header.hover{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -431px; width:976px; height:43px;} body.videos-videodetail h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -388px; width:976px; height:43px;} body.videos-videodetail h1.page-header.hover{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -431px; width:976px; height:43px;} body.movietv-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -689px; width:976px; height:43px; display:block;} body.movies-index h1.page-header, body.movies-detail h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -732px; width:976px; height:43px;} body.movies-index h1.page-header.hover, body.movies-detail h1.page-header.hover{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -775px;} body.characters-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -302px; width:976px; height:43px; display:block;} body.characters-index h1.page-header.hover{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -345px; width:976px; height:43px; display:block;} body.tv-index h1.page-header, body.tv-detail h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -818px; width:976px; height:43px;} body.tv-index h1.page-header.hover, body.tv-detail h1.page-header.hover{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -861px;} body.news-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -560px; width:976px; height:43px;} body.games-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -603px; width:976px; height:43px;} body.games-index h1.page-header.hover{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -646px; } body.search-index h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -1033px; width:976px; height:43px;} body.search-gridview h1.page-header{background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -1033px; width:976px; height:43px;} /* downloads and extras - background:url(/u/prod/marvel/i/content/outcss/1272297513-i-2009-css-images-header-header-sprites.jpg) no-repeat -1px -904px; width:976px; height:43px; */ body.search-index #header{height:245px;} body.index-index #header, body.videos-index #header, body.search-gridview #header, body.games-index #header, body.html-page-index #header, body.error-error #header{height:245px;} /* browse pushdown which is loaded on every page :( */ #browse-pushdown{position:relative; height:330px; margin:0 auto 6px auto; display:none; text-align:left;} /* bottom margin probably won't work in ie */ #browse-pushdown .browse-criteria-container{position:absolute; width:118px; height:317px; margin-left:1px; background:url(/u/prod/marvel/i/content/outcss/) repeat-y top left; z-index:30;} #browse-pushdown .browse-results-container{position:absolute; left:111px; background:url(/u/prod/marvel/i/content/outcss/) repeat-x top left; width:862px;} #browse-pushdown .btn-close-pushdown{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:16px; height:16px; position:absolute; top:6px; right:10px; display:block; text-indent:-10em; overflow:hidden;} #browse-pushdown{background:url(/u/prod/marvel/i/content/outcss/) repeat-y top left; top:-11px; left:-2px; width:976px;} #browse-pushdown.videos{background:url(/u/prod/marvel/i/content/outcss/) repeat-y top left;} #browse-pushdown .pushdown-footer-cap{background:url(/u/prod/marvel/i/content/outcss/) repeat-y top right; position:absolute; width:976px; height:13px; bottom:0px;} #browse-pushdown.videos .pushdown-footer-cap{background:url(/u/prod/marvel/i/content/outcss/)} #browse-pushdown .loading-panel{background-color:#000; opacity:.4; width:973px; height:330px; position:absolute; top:0px; left:0px; z-index:50; display:none;} #browse-pushdown .loading-panel.show{display:block;} #browse-pushdown .loading-panel p{position:relative; top:50%; left:50%; font-size:16px; color:#fff; opacity:1;} #pushdown-results{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; width:853px; height:200px; overflow:auto;} #pushdown-results .frame-wrapper{padding:11px 11px 0 11px;} #myList li{float:left; width:230px;} #myList li{margin:3px 0;} #myList li a{color:#0568C5; text-decoration:none;} .browse-results-container .frame-wrapper{padding:20px 4px 0 4px;} .alpha-filter-controls{width:800px; margin-left:35px;} ul.browse-control-list{margin-left:1px;} .browse-control-list li{background:url(/u/prod/marvel/i/content/outcss/) no-repeat 0 0; width:128px; height:22px; display:block; padding:6px 0 0 14px; margin-bottom:1px; cursor:pointer;} .browse-control-list li.selected{background:url(/u/prod/marvel/i/content/outcss/) no-repeat 0 -28px; width:128px; height:22px; display:block; } .browse-control-list li a{display:block; font-size:14px;} .browse-control-list li a{color:#fff; text-decoration:none;} #list-filter-frame .label{font-size:11px; font-weight:bold;} #list-filter-frame .label.characters{float:left; width:80px; text-align:right; position:relative; padding-right:4px; top:-2px; font-weight:bold;} #list-filter-frame .label.option{position:relative; left:-30px;} #liveSearch{position:relative; left:-25px; top:-2px;} .alpha-filter-controls .info{font-size:12px;} .dynamic-panel{display:none;} .dynamic-panel.show{display:block;} .static-panel{display:none;} .static-panel.show{display:block;} .static-panel.datePosted{padding:4px 0 0 35px;} .static-panel.datePosted h4{font-size:14px; padding-bottom:8px;} .static-panel.datePosted p{font-size:12px; color:#666;} .static-panel.datePosted .grid-dates{width:400px; float:left;} .static-panel.datePosted .date-grid-row{padding-bottom:20px; width:370px;} .static-panel.datePosted .date-grid-row.top{padding-top:30px;} .static-panel.datePosted .date-grid-row.bottom{border-top:1px dotted #ccc; padding-top:20px; width:370px;} .static-panel.datePosted .grid-dates dl{float:left; width:84px; border-left:1px dotted #ccc; padding-left:7px;} .static-panel.datePosted .grid-dates dl.firstChild{border-left:none; padding-left:0;} .static-panel.datePosted .grid-dates dl a{text-decoration:none; color:#006EEA; font-size:14px;} .static-panel.datePosted .grid-dates dl dt a{font-weight:bold;} .static-panel.datePosted .filter-dates h4{padding-left:40px;} .static-panel.datePosted .filter-dates{width:300px; float:left; } .static-panel.datePosted .filter-dates .content-frame{border-left:1px solid #ccc; padding-left:40px;} .static-panel.datePosted .filter-dates dl{} .static-panel.datePosted .filter-dates dl.from{padding:30px 0 14px 0;} .static-panel.datePosted .filter-dates dl dd{padding:3px 0;} span.divider{position:absolute; left:430px; color:#FE6902; font-weight:bold; font-size:14px;} /* alpha -filter sprite map settings */ #list-filter-frame{padding:10px 0;} #list-filter-frame ul.alpha-filter{display:inline; } #list-filter-frame ul.alpha-filter li{float:left; color:#0568C5; cursor:pointer; } ul.alpha-filter li a{background:url(/u/prod/marvel/i/content/outcss/) no-repeat 0 0; width:18px; height:18px; display:block; overflow:hidden; text-indent:-10em;} ul.alpha-filter li a:hover{background-position:0 -18px; width:18px;} ul.alpha-filter li a.char-hash{background-position:0px 0; width:19px;} ul.alpha-filter li a.char-hash:hover{background-position:0px -18px; width:19px;} ul.alpha-filter li a.char-a{background-position:-19px 0; } ul.alpha-filter li a.char-a:hover{background-position:-19px -18px;} ul.alpha-filter li a.char-b{background-position:-37px 0;} ul.alpha-filter li a.char-b:hover{background-position:-37px -18px;} ul.alpha-filter li a.char-c{background-position:-55px 0;} ul.alpha-filter li a.char-c:hover{background-position:-55px -18px;} ul.alpha-filter li a.char-d{background-position:-73px 0;} ul.alpha-filter li a.char-d:hover{background-position:-73px -18px;} ul.alpha-filter li a.char-e{background-position:-91px 0;} ul.alpha-filter li a.char-e:hover{background-position:-91px -18px;} ul.alpha-filter li a.char-f{background-position:-145px 0;} ul.alpha-filter li a.char-f:hover{background-position:-145px -18px;} ul.alpha-filter li a.char-g{background-position:-163px 0;} ul.alpha-filter li a.char-g:hover{background-position:-163px -18px;} ul.alpha-filter li a.char-h{background-position:-181px 0;} ul.alpha-filter li a.char-h:hover{background-position:-181px -18px;} ul.alpha-filter li a.char-i{background-position:-199px 0;} ul.alpha-filter li a.char-i:hover{background-position:-199px -18px;} ul.alpha-filter li a.char-j{background-position:-217px 0;} ul.alpha-filter li a.char-j:hover{background-position:-217px -18px;} ul.alpha-filter li a.char-k{background-position:-235px 0;} ul.alpha-filter li a.char-k:hover{background-position:-235px -18px;} ul.alpha-filter li a.char-l{background-position:-253px 0;} ul.alpha-filter li a.char-l:hover{background-position:-253px -18px;} ul.alpha-filter li a.char-m{background-position:-271px 0;} ul.alpha-filter li a.char-m:hover{background-position:-271px -18px;} ul.alpha-filter li a.char-n{background-position:-289px 0;} ul.alpha-filter li a.char-n:hover{background-position:-289px -18px;} ul.alpha-filter li a.char-o{background-position:-307px 0;} ul.alpha-filter li a.char-o:hover{background-position:-307px -18px;} ul.alpha-filter li a.char-p{background-position:-325px 0;} ul.alpha-filter li a.char-p:hover{background-position:-325px -18px;} ul.alpha-filter li a.char-q{background-position:-343px 0;} ul.alpha-filter li a.char-q:hover{background-position:-343px -18px;} ul.alpha-filter li a.char-r{background-position:-361px 0;} ul.alpha-filter li a.char-r:hover{background-position:-361px -18px;} ul.alpha-filter li a.char-s{background-position:-379px 0;} ul.alpha-filter li a.char-s:hover{background-position:-379px -18px;} ul.alpha-filter li a.char-t{background-position:-397px 0;} ul.alpha-filter li a.char-t:hover{background-position:-397px -18px;} ul.alpha-filter li a.char-u{background-position:-415px 0;} ul.alpha-filter li a.char-u:hover{background-position:-415px -18px;} ul.alpha-filter li a.char-v{background-position:-433px 0;} ul.alpha-filter li a.char-v:hover{background-position:-433px -18px;} ul.alpha-filter li a.char-w{background-position:-451px 0;} ul.alpha-filter li a.char-w:hover{background-position:-451px -18px;} ul.alpha-filter li a.char-x{background-position:-469px 0;} ul.alpha-filter li a.char-x:hover{background-position:-469px -18px;} ul.alpha-filter li a.char-y{background-position:-487px 0;} ul.alpha-filter li a.char-y:hover{background-position:-487px -18px;} ul.alpha-filter li a.char-z{background-position:-505px 0;} ul.alpha-filter li a.char-z:hover{background-position:-505px -18px;} .browse-criteria-container h4{background:url(/u/prod/marvel/i/content/outcss/) repeat-y top left; width:111px; height:27px; display:block; text-indent:-10em; overflow:hidden;} /* end the massive-browse-pushdown */ /*video detail page */ .module-body.video-details-wrap{background:url(/u/prod/marvel/i/content/outcss/) no-repeat top left; height:620px; width:974px;} .video-details-wrap h2.video-details-header{background-color:#333; width:974; font-size:22px; padding:7px 0 7px 15px; position:relative; color:#fff;} .video-details-center-content{width:532px; position:relative; margin:0 auto;} .video-details-wrap .video-center-wrap{position:relative; width:532px;} .video-details-center-content .video-holder{width:532px; position:relative; top:0px; left:0px;} .video-details-center-content .play-btn{width:80px; height:80px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px;} .video-details-center-content .video-center-detail{background:url(/u/prod/marvel/i/content/outcss/) repeat-x top left; width:522px; height:185px; position:relative; padding:15px 0 0 10px;} a.back-link{background:url(/u/prod/marvel/i/content/outcss/) no-repeat left 48%; padding-left:20px;} .video-detail-header{color:#333; font-size:16px; margin:0 0 5px 0;} ul.video-rating, ul.video-center-views{margin:0 0 10px 0;} ul.video-rating li, ul.video-center-views li, ul.video-center-vids li{display:inline;} ul.video-rating li.bold-rating{padding:0 20px 0 0;} ul.video-center-vids li{margin:0 10px 0 0px} ul.video-rating li.bold-rating img{padding:3px 0 0 0;} .video-center-detail p{width:510px;border-color:#BCBCBC; border-style:dotted; border-width:0 0 0.1em; padding:0 0 13px 0; margin: 0 0 5px 0;} div.video-game-pos{background-color:#fff; width:150px; position:absolute; right:35px; top:36px;} div.video-game-pos-content{float:left; padding:8px 8px 8px 8px; display:inline;} div.module-body .grey-border-img{border-color:#ccc; border-style:solid; border-width:2px; margin-bottom:5px; display:inline;} div.video-game-pos-content p, div.video-game-pos-content h2{margin-bottom:5px;} div.video-game-pos-content h2{line-height:13px;} div.video-game-pos-content p.last-child{margin:10px 0 0 0;} .font-size-11{font-size:11px;} .font-size-10{font-size:10px;} .italic{font-style:italic;} .details-spacer{padding:0 5px 0 5px;} .bold{font-weight:bold;} div.left-rail.video-details .module-body, div.left-rail.video-details .module-body.no_padding {margin:0px; padding:0px} .results-header .video-sort{padding:17px 0 17px 0;} .video-wrap{width:191px; float:left; position:relative; display:inline; margin:0 17px 0 0px;} .video-wrap.last-child{margin:0px;} .video-wrap p, .video-wrap h2{margin:0 0 2px 0;} .module-body div.frame-img {border-top: 2px #afafaf solid; border-left: 2px #afafaf solid; padding: 1px 0 0 1px; margin-bottom:2px;} .video-footer img{ float:left;} .video-footer a{float:right;} .video-length{color:#717171;font-size:11px;} .result-row.issue-holder.video-last-child{border:none; float:left; position:relative; width:607px; padding-bottom:25px; display:inline;} /* end video detail page */ /* detail pages, shortcut styles */ .events-shortcut-items{float:left; padding-left:10px;} .events-shortcut-items ul{float:left;} .events-shortcut-items ul.section-links{ padding-right:20px; width:275px;} .events-shortcut-items ul.section-links li{margin-bottom:6px;} .events-shortcut-items ul.event-items{width:200px; margin-left:15px;} .events-shortcut-items ul.event-items li{list-style:disc; color:#000; padding-bottom:2px;} .events-shortcut-items h5{clear:both;} /* find a comic store, right rail */ .find-a-shop{background:#fff url(/i/images/find-shop-bg.jpg) no-repeat top left; height:38px; position:relative;} .form-block{position:absolute; left:130px; top:40px;} .form-block .textbox{width:120px;} .form-block .submit-btn{position:relative; top:10px;} /* general style for dev-content - error pages */ .general-content{clear:both; background-color:#fff; line-height:0.9em; margin-left:20px; position:relative; text-align:left; width:970px; min-height:500px; z-index:5; border:1px solid #ccc; } /************** /* Comic Strip episodes "Module" Style */ .carousel-type-video .right-arrow-cont, .carousel-type-video .left-arrow-cont { width:30px;} .carousel-type-video .left-arrow-cont { float:left; } .carousel-type-video .right-arrow-cont { float:right; } .module-strip-carrousel-image-container { margin:0 auto 0 auto; width:541px; float:left; text-align:center} /* Series details*/ .series_details_top { text-align: left; overflow: hidden; } .series_details_top div.left_col { float: left} .series_details_top div.center_col { float: left;}