/*CSS RESET*/ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } fieldset { border: none; } /* Clear Fix * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } img { border: none; } html { background:#dfdfdf; } body { background: #f9f9f9; font-size: 62.5%; } .accessible, #content-begin { display: none; } .sprite { display: block; height: 0; overflow: hidden; } /*make.believe*/ #sony-makebelieve-banner { background: #000; width: 100%; height: 36px; position: relative; } #sony-makebelieve-banner div { margin: 0 auto; overflow: hidden; width: 940px; } #sony-makebelieve-banner div a { background: url(images/sony.gif) no-repeat left top; float: right; margin-right: 15px; padding-top: 36px; width: 73px; } .no-chrome #sony-makebelieve-banner { display:none; } /*PORTAL HEADER*/ #portal-header { width: 100%; } .no-chrome #portal-header { display:none; } /*PORTAL MAIN NAVIGATION*/ #portal-nav-container { background: url(images/bg-portal-nav.png) repeat-x left top; min-height: 115px; position: relative; width: 100%; } #portal-nav-content { margin: 0 auto; width: 940px; } #portal-splogo { background: url(images/sony-splogo-header.png) no-repeat left top; float: left; height: 91px; margin-left: 15px; margin-top: 18px; position: absolute; text-indent: -10000px; width: 50px; z-index: 1; /*this needs to be set because content stage will overlap it*/ } #portal-menu-button { display: none; } ul#portal-main-navigation { float: right; list-style: none; margin: 40px 20px 0 0; } ul#portal-main-navigation>li { float: left; margin-right: 3px; padding-bottom: 13px; position: relative; z-index: 2; /*this needs to be higher than #portal-splogo or it will go under the logo*/ } /* adding arrow to the top #treatments-navitem-tv:hover, #treatments-navitem-movies:hover { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4gDQo8c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGlkID0gInMzIiBkID0gIk0gMCA4IEwgOCAwIEwgMTYgOCIgIG9wYWNpdHk9Ii44NSIgZmlsbD0iIzAwODNBNiIgLz4NCjwvc3ZnPg==) no-repeat 50% 100%; } */ #treatments-navitem-tv.hover, #treatments-navitem-movies.hover { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4gDQo8c3ZnIHdpZHRoPSIxNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGlkID0gInMzIiBkID0gIk0gMCA4IEwgOCAwIEwgMTYgOCIgIG9wYWNpdHk9Ii44NSIgZmlsbD0iIzAwODNBNiIgLz4NCjwvc3ZnPg==) no-repeat 50% 100%; } #treatments-navitem-movies { width: 11.5em; } #treatments-navitem-tv { width: 15.3em; } ul#portal-main-navigation li:last-child { margin-right: 0; } ul#portal-main-navigation li a { color: #C5C7C9; font-family: 'Open Sans', sans-serif; font-size: 2.2em; font-weight: 300; padding: 2px 18px 3px; text-decoration: none; text-transform: uppercase; } /* ul#portal-main-navigation li a:hover, ul#portal-main-navigation li a.selected, .movies ul#portal-main-navigation li#treatments-navitem-movies > a, .tv ul#portal-main-navigation li#treatments-navitem-tv > a, .gamesandapps ul#portal-main-navigation li#treatments-navitem-gamesandapps > a, .spotlight ul#portal-main-navigation li#treatments-navitem-spotlight > a { background-color: #0083A6; background-color: rgba(0,131,166,.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/ ul#portal-main-navigation li a.hover, ul#portal-main-navigation li a.selected, .movies ul#portal-main-navigation li#treatments-navitem-movies > a, .tv ul#portal-main-navigation li#treatments-navitem-tv > a, .gamesandapps ul#portal-main-navigation li#treatments-navitem-gamesandapps > a, .spotlight ul#portal-main-navigation li#treatments-navitem-spotlight > a, .social ul#portal-main-navigation li#treatments-navitem-social > a { background-color: #0083A6; background-color: rgba(0,131,166,.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portal-main-navigation li ul { background-color: #0083A6; background-color: rgba(0,131,166, .85); border-radius: 4px; display: none; margin: 0 auto; list-style: none; top: 100%; position: absolute; width: 14em; } #portal-main-navigation .mobile-nav-back { display: none; } #treatments-navitem-movies>ul { left: -1.25em; } #treatments-navitem-tv>ul { left: .65em; } #portal-main-navigation li.hover ul { display: block; } /* #portal-main-navigation li:hover ul { display: block; } */ #portal-main-navigation ul li { border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-top: 1px solid rgba(0,0,0,.25); float: none; width: 100%; } #portal-main-navigation ul li:nth-child(2) { border-top: 1px solid transparent; } #portal-main-navigation ul li:nth-child(2), #portal-main-navigation ul li:last-child { border-bottom: 1px solid transparent; } /* #portal-main-navigation ul li:nth-child(2):hover { } #portal-main-navigation ul li:last-child:hover{ } #portal-main-navigation ul li:hover{ } #portal-main-navigation ul li:hover + li { } */ #portal-main-navigation ul li:first-child a { border-top-left-radius: 4px; border-top-right-radius: 4px; } #portal-main-navigation ul li:last-child a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } ul#portal-main-navigation ul li a { color: #fff; display: block; height: 100%; font-size: 1.3em; padding: 7px 7px; text-align: center; } #portal-main-navigation ul li a:hover { background-color: #5AADC4; background-color: rgba(255,255,255,.25); border-radius: 0; } #portal-main-navigation ul li a.active { background-color: #5AADC4; background-color: rgba(255,255,255,.25); border-radius: 0; } #spnav-overlay-container { display: none; } /*PORTAL HEADER SOCIAL LINKS*/ #portal-social-links-container { background-color: rgba(0,0,0,.23); float: right; margin-top: 3px; padding: 8px; } #portal-social-links { list-style: none; } #portal-social-links li { float: left; margin-right: 7px; } #portal-social-links li#portal-follow-googleplus { margin-right: 0; } #portal-social-links li a { background-size: 100% auto; padding-top: 24px; width: 23px; } li#portal-get-updates a { background: url(images/button-get-updates.png) no-repeat left top; background-size: 100% auto; color: #838485; display: block; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.1em; line-height: 2.2; min-height: 24px; padding-top: 0; text-align: center; text-decoration: none; text-indent: 25px; width: 105px; } li#portal-follow-facebook a { background: url(images/follow-facebook.gif) no-repeat left top; } li#portal-follow-twitter a { background: url(images/follow-twitter.gif) no-repeat left top; } li#portal-follow-youtube a { background: url(images/follow-youtube.gif) no-repeat left top; } li#portal-follow-googleplus a { background: url(images/follow-googleplus.gif) no-repeat left top; } .coppa #portal-social-links li { opacity:0.2; filter: alpha(opacity=20); } .coppa #portal-social-links li a { cursor:default; } #sp-search-container { background: #dad7d7; /* Old browsers */ background: -moz-linear-gradient(top, #dad7d7 0%, #efeded 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dad7d7), color-stop(100%,#efeded)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dad7d7 0%,#efeded 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dad7d7 0%,#efeded 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dad7d7 0%,#efeded 100%); /* IE10+ */ background: linear-gradient(to bottom, #dad7d7 0%,#efeded 100%); /* W3C */ border: 2px solid #2B2F32; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 5px; } #sp-search-form { overflow: auto; } #sp-search-form legend, #sp-search-form label { display: none; } #sp-search-form #sp-search { border: none; background: none; color: #605F5D; float: left; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1.2em; min-width: 180px; padding-left: 13px; padding: 3px 0 2px 13px; } #sp-search-form #sp-search:focus { color: #000; } #sp-search-form #button-submit { background: url(images/button-search.png) no-repeat; border: 0; cursor: pointer; float: right; height: 24px; margin: 1px 1px 1px 0; text-indent: -10000px; width: 24px; } #portal-header { } #blurred-background-container { background: #323131; min-height: 896px; overflow: hidden; position: absolute; top: 36px; width: 100%; -webkit-transform: translate3D(0px, 0px, 0px); -webkit-backface-visibility: hidden; } #blurred-background { display: block; position: absolute; min-height: 100%; width: 100%; -webkit-transform: translate3D(0px, 0px, 0px); -webkit-backface-visibility: hidden; } #noise { background: url(images/noise.png) repeat center 36px; min-height: 896px; width: 100%; position: absolute; } /*CONTENT CONTAINERS*/ #contentcontainer { top: -7px\0/; top:0px; top: -7px \9; position: relative; } #content { } /*FEATURED CONTENT STAGE*/ #featured-content-container { background: url(images/bg-featured-content-border.png) repeat-x left bottom; margin: -38px auto 0; min-height: 608px; overflow: hidden; position: relative; width: 100%; } ul#featured-content { display: none; list-style: none; margin: 0 auto; height: 568px; position: relative; width: 1200px; } ul#featured-content > li { background-position: center top; background-repeat: no-repeat; display: none; margin: 0 auto; min-height: 568px; position: relative; width: 1200px; } .billboard-wrapper { background-position: center 39px; background-repeat: no-repeat; min-height: 568px; min-width: 1200px; } .billboard-wrapper .aesthetics { background-position: left 39px; background-repeat: no-repeat; min-height: 568px; min-width: 1200px; } .billboard-wrapper .aesthetics .aesthetics { background-position: right 39px; background-repeat: no-repeat; min-height: 528px; min-width: 980px; padding: 40px 110px 0; } .property-info { min-height: 528px; overflow: hidden; position: relative } .billboard-titlepage-link { padding-top: 528px; position: absolute; width: 100%; } .property-info p { clear: both; font-family: 'Open Sans', sans-serif; font-weight: 600; padding-left: 23px; padding-right: 23px; position: relative; text-transform: uppercase; } p.property-title { font-size: 2.4em; margin-bottom: 5px; padding-top: 8px; padding-bottom: 8px; } p.property-calltoactiondate { font-size: 1.6em; margin-bottom: 5px; padding-top: 14px; padding-bottom: 14px; } p.property-caption { font-size: 1.2em; padding-top: 10px; padding-bottom: 10px; } ul.featured-content-links { list-style: none; margin-top: -58px; overflow: hidden; text-align: center; width: 100%; } ul.featured-content-links li { margin-right: 5px; display: inline-block; position:relative; } ul.featured-content-links li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: table-cell; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.3em; height: 42px; line-height: 1.1; padding: 0 5px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 150px; } ul.featured-content-links li a:hover { opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); position: relative; } #theater-lights { background: rgba(0,0,0,.7); left: 0; min-height: 100%; min-width: 100%; position: absolute; top: 0; z-index: 9998; } #view-all-tray-container { background: rgb(27,26,26); /* Old browsers */ background: -moz-linear-gradient(top, rgba(27,26,26,1) 0%, rgba(48,47,47,1) 75%, rgba(38,37,37,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,26,26,1)), color-stop(75%,rgba(48,47,47,1)), color-stop(100%,rgba(38,37,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(27,26,26,1) 0%,rgba(48,47,47,1) 75%,rgba(38,37,37,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(27,26,26,1) 0%,rgba(48,47,47,1) 75%,rgba(38,37,37,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(27,26,26,1) 0%,rgba(48,47,47,1) 75%,rgba(38,37,37,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(27,26,26,1) 0%,rgba(48,47,47,1) 75%,rgba(38,37,37,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1a1a', endColorstr='#262525',GradientType=0 ); /* IE6-9 */ bottom: 39px; display: none; margin-left: -470px; height: 0; left: 50%; position: absolute; width: 940px; text-align: center; } ul#view-all-tray { display: none; margin: 10px auto 0; list-style: none; } /*expanded tray*/ #view-all-tray-container.expanded { bottom: 0; display: block; min-height: 269px; height: auto; position: relative; text-align: center; } .expanded ul#view-all-tray { display: inline-block; height: auto; margin-top: 45px; } ul#view-all-tray li { float: left; width: 145px; } ul#view-all-tray li:last-child { } .onesheet-container { border-right: 1px solid #313131; height: 155px; position: relative; } ul#view-all-tray li:first-child .onesheet-container { border-left: 1px solid #313131; } .onesheet-container div { cursor: pointer; display: block; margin: 0 auto; } .onesheet-container div img { border: none; display: block; height: 155px; left: 20px; position: absolute; width: 105px; } .onesheet-container div.hover img, .active .onesheet-container div.hover img { background: #195262; background: linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -o-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -moz-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -webkit-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -ms-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); height: 186px; left: 3px; width: 127px; top: -42px; padding: 5px; } .active .onesheet-container div img { background: #195262; background: linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -o-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -moz-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -webkit-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); background: -ms-linear-gradient(bottom, rgba(0,130,166,.5) 17%, rgb(0,130,166) 59%, rgba(0,130,166,.5) 80%); height: 145px; left: 20px; padding: 5px; width: 95px; } ul#view-all-tray li p.title { color: #B3B1AF; display: table-cell; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 400; height: 40px; line-height: 1.1; margin-top: 7px; text-align: center; width: 145px; vertical-align: middle; } #featured-content-pagination-container { background-image: url(images/bg-featured-content-pagination.png); background-position: center top; background-repeat: repeat; background-size: 100% 100%; border-top: 1px solid rgba(255,255,255,.05); border-left: 1px solid rgba(255,255,255,.05); border-right: 1px solid rgba(255,255,255,.05); height: 39px; margin: 0 auto; position: relative; text-align: center; width: 938px; } #featured-content-pagination-container.expanded { height: 24px; } #pagination-wrapper { display: inline-block; /* margin-left: 90px; */ overflow: hidden; } .button-nav { cursor: pointer; } #featured-content-previous { background: url(images/featured-content-button-previous.png) no-repeat left top; cursor: pointer; float: left; margin-right: 26px; margin-top: 8px; padding-top: 26px; width: 17px; } #featured-content-previous.disabled { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); position: relative; } #featured-content-next { background: url(images/featured-content-button-next.png) no-repeat left top; cursor: pointer; float: left; margin-left: 26px; margin-top: 8px; padding-top: 26px; width: 17px; } #featured-content-next.disabled { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); position: relative; } ul#featured-content-pagination { list-style: none; margin-top: 11px; float: left; } ul#featured-content-pagination li { background-image: url(images/featured-content-pagination.png); background-repeat: no-repeat; background-position: 0 0; background-size: 18px 39px; float: left; height: 0; margin-right: 2px; overflow: hidden; padding-top: 19px; width: 18px; } ul#featured-content-pagination li.active { background-position: left -20px; } #featured-content-view-all { background: #0083A6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; cursor: pointer; float: left; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 600; margin-top: 9px; margin-left: 26px; padding: 2px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 73px; } /*FEATURED CONTENT CAROUSEL*/ #featured-content-carousel-container { background: url(images/bg-content-carousel.png) repeat-x left bottom; margin-top: -32px; min-height: 602px; overflow: hidden; } #featured-content-carousel-wrapper { margin: 0 0 5px; min-height: 550px; text-align: center; width: 1280px; } #featured-content-carousel { display: none; text-align: center; } #featured-content-carousel > ul { list-style: none; position: relative; -webkit-transform: translate3D(0px, 0px, 0px); -webkit-backface-visibility: hidden; } #featured-content-carousel > ul > li { margin-left: 33px; min-height: 550px; float: left; padding-bottom: 5px; width: 251px; text-align: center; } #featured-content-carousel > ul > li:first-child { margin-left: 0; } #featured-content-carousel > ul > li > a { } #featured-content-carousel > ul > li img { -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0 2px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0 2px 2px 0; box-shadow: rgba(0, 0, 0, 0.496094) 0 2px 2px 0; height: 373px; margin-top: 90px; width: 251px; } #featured-content-carousel > ul > li .details { display: none; } #featured-content-carousel > ul > li p.carousel-property-title { display: table-cell; font-family: 'Open Sans', sans-serif; font-size: 1.6em; font-weight: 400; height: 45px; line-height: 1.1; text-align: center; text-transform: uppercase; vertical-align: middle; width: 310px; } #featured-content-carousel > ul > li p.carousel-property-title span { display: block; } ul.featured-content-carousel-links { display: inline-block; list-style: none; overflow: hidden; text-align: center; } ul.featured-content-carousel-links > li { display: inline-block; margin-left: 10px; } ul.featured-content-carousel-links > li:first-child { margin-left: 0; } ul.featured-content-carousel-links > li a { background: #0083A6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; display: table-cell; font-family: 'Open Sans', sans-serif; font-size: 1.3em; font-weight: 600; height: 32px; line-height: 1.1; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 140px; } ul.featured-content-carousel-links > li a:hover { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); position: relative; } /*ACTIVE*/ #featured-content-carousel > ul > li.active { width: 310px; } #featured-content-carousel > ul > li.active img { height: 234px; margin-top: 0; width: 158px; } #featured-content-carousel > ul > li.active p.carousel-property-title, #featured-content-carousel > ul > li.active ul.featured-content-carousel-links { } /*PAGINATION*/ #featured-content-carousel-pagination-container { background-image: url(images/bg-featured-content-pagination.png); background-position: center top; background-repeat: repeat; background-size: 100% 100%; border-top: 1px solid rgba(255,255,255,.05); border-left: 1px solid rgba(255,255,255,.05); border-right: 1px solid rgba(255,255,255,.05); height: 39px; margin: 0 auto; position: relative; text-align: center; } /*TAGS*/ .category-tag { background: #0083A6; background: rgba(0,131,166,.44); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: .8em; margin: 8px 0 0; padding: 1px 6px 2px; text-align: center; text-decoration: none; text-transform: uppercase; } /*THIS WEEK*/ .featured-collection { background: #272626; float: right; margin-top: 20px; width: 300px; -webkit-transform: translate3D(0px, 0px, 0px); } .featured-collection h2 { background: rgb(33,32,32); /* Old browsers */ background: -moz-linear-gradient(top, rgba(33,32,32,1) 1%, rgba(45,44,44,1) 60%, rgba(33,32,32,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(33,32,32,1)), color-stop(60%,rgba(45,44,44,1)), color-stop(100%,rgba(33,32,32,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(33,32,32,1) 1%,rgba(45,44,44,1) 60%,rgba(33,32,32,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(33,32,32,1) 1%,rgba(45,44,44,1) 60%,rgba(33,32,32,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(33,32,32,1) 1%,rgba(45,44,44,1) 60%,rgba(33,32,32,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(33,32,32,1) 1%,rgba(45,44,44,1) 60%,rgba(33,32,32,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212020', endColorstr='#212020',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #3F3E3E; color: #F9F9F9; font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight: 800; line-height: 1; padding: 15px; text-transform: uppercase; width: 270px; } .featured-collection h2 span { display: block; font-size: 1.1em; font-weight: 300; } .featured-collection ul { border-top: 1px solid #0C0C0C; list-style: none; padding: 23px 20px; } .featured-collection ul li { overflow: hidden; margin-top: 25px; } .featured-collection ul li:first-child { margin-top: 0; } .featured-collection ul li img { -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0 2px 2px 0; -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0 2px 2px 0; box-shadow: rgba(0, 0, 0, 0.496094) 0 2px 2px 0; float: left; /*width: 87px;*/ } .featured-collection ul li .details { float: left; font-family: 'Open Sans', sans-serif; margin: 10px 0 0 17px; text-transform: uppercase; width: 145px; } .featured-collection ul li .details .title { color: #AFAFAF; font-weight: 800; font-size: 1.3em; line-height: 1.1; } .featured-collection ul li .details .availability { color: #6E6E6E; font-weight: 400; font-size: 1.3em; } .featured-collection ul li .details .buynow { background: #0083A6 url(images/arrow-seemore.png) no-repeat 6px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; color: #fff; display: block; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 600; margin: 15px auto 0; padding: 6px 10px 6px 30px; text-align: left; text-decoration: none; text-transform: uppercase; } .featured-collection ul li .details .buynow:hover { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); position: relative; } .seemore-featured-collection { background: #3A3A3B url(images/arrow-seemore.png) no-repeat 97px 8px; color: #fff; display: block; font-family: 'Open Sans', sans-serif; font-size: 1.3em; margin: 0 auto 3px; padding: 8px 0 7px 15px; text-decoration: none; text-transform: uppercase; text-align: center; width: 280px; } .seemore-featured-collection:hover { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); position: relative; } /*COLLECTIONS*/ #collection-container { margin: 0 auto; position: relative; width: 945px; -webkit-transform: translate3D(0px, 0px, 0px); } .collection { border-top: 1px solid #E6E6E6; overflow: hidden; padding-top: 35px; -webkit-transform: translate3D(0px, 0px, 0px); } .collection:first-child { border-top: none; } .collection h3 { float: left; font-size: 2em; height: 179px; width: 120px; } .collection h3 a, .collection h3 > span { background: #E8E8E6 url(images/arrow-seemore-collection-off.png) no-repeat center 130px; display: block; font-family: 'Open Sans', sans-serif; font-weight: 800; height: 124px; padding-top: 55px; text-decoration: none; text-align: center; width: 100%; } .collection h3 a .title, .collection h3 > span .title { color: #5f5f5d; display: block; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 1; text-decoration: none; text-transform: uppercase; } .collection h3 a .subtitle, .collection h3 > span .subtitle { /*border-top: 1px solid #5f5f5d;*/ color: #5f5f5d; display: inline-block; margin-top: 5px; font-size: .6em; padding: 7px 2px 25px; text-transform: uppercase; } .collection h3 a:hover { background: #0083A6 url(images/arrow-seemore-collection-on.png) no-repeat center 130px; } .collection h3 a:hover span { color: #fff; } .collection h3 a:hover .subtitle { border-top: 1px solid #fff; } .collection ul { list-style: none; margin-left: -45px; } .collection ul li { float: left; margin-left: 45px; min-height: 250px; text-align: center; width: 120px; } .collection ul li:first-child { } .collection ul li:hover .title { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); position: relative; } .collection ul li img { -moz-box-shadow: 0 2px 5px #888; -webkit-box-shadow: 0 2px 5px #888; box-shadow: 0 2px 5px #888; display: block; width: 100%; } .collection ul li a.title { color: #0083a6; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 800; height: 4.8em; line-height: 1.2; margin-top: 5px; overflow: hidden; text-align: center; text-decoration: none; } .collection ul li a.title span { display: block; } .collection ul li a.title span.subtitle { font-size: .9em; font-weight: 600; margin-top: 3px; } /*PROMOTIONS*/ .promo { border: 3px solid #EAEAEA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; width: 600px; } .promo .aesthetics { border: 1px solid #FBFBFB; min-height: 250px; overflow: hidden; } .promo .details { background: #DEDEDE url(images/bg-spotlight.gif) repeat-x left bottom; float: left; min-height: 250px; width: 297px; } .promo .details .category { background: #3C3C3C; background: rgb(79,79,79); /* Old browsers */ background: -moz-linear-gradient(top, #4e4e4e 1%, #636363 51%, #4e4e4e 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(36%,rgba(79,79,79,1)), color-stop(100%,rgba(49,49,49,1))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(79,79,79,1) 36%,rgba(49,49,49,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(79,79,79,1) 36%,rgba(49,49,49,1) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(79,79,79,1) 36%,rgba(49,49,49,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#313131',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #e2e4e1; float: left; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 2.5em; height: 39px; margin: 0; padding: 0 20px; text-align: center; text-transform: uppercase; } .promo .details .title { clear: both; font-family: 'Open Sans', sans-serif; font-weight: 300; min-height: 167px; overflow: hidden; text-align: center; text-transform: uppercase; padding: 0 20px; } .promo .details .title .bold { border-bottom: 1px solid #C7C7C7; font-size: 2.3em; line-height: 1.3; font-weight: 800; margin-left: 0; margin-top: 40px; text-align: left; } .promo .details .title .emphasized { font-size: 2.6em; line-height: 1; text-align: left; } .promo .details .title .emphasized span { display: block; font-size: .75em; } .promo .details .title p { font-size: 2em; line-height: 1; margin-left: 0; text-align: left; } .promo .details a.call-to-action { background: #0083A6 url(images/arrow-seemore.png) no-repeat 6px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; color: #fff; display: block; font-family: 'Open Sans', sans-serif; font-size: 1.3em; font-weight: 600; margin: 8px 0 0 11px; padding: 6px 10px 6px 30px; text-align: center; text-decoration: none; text-transform: uppercase; } .promo .details a.call-to-action:hover { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); position: relative; } /*CATEGORY*/ /*SPOTLIGHT*/ .responsivepromo-spotlight .details .category { } /*GAMES AND APPS*/ .responsivepromo-gamesandapps .details .category { } /*SONY PICTURES CLASSICS*/ .responsivepromo-sonypicturesclassics .details .category { font-size: 2.1em; height: 34px; padding-top: 5px; } .promo .aesthetics img { float: right; height: 250px; width: 300px; } /*PORTAL BUTTONS*/ .portal-button { background: #0083A6 url(images/arrow-seemore.png) no-repeat 6px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; color: #fff; display: block; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 600; margin: 15px auto 0; padding: 6px 10px 6px 30px; text-align: left; text-decoration: none; text-transform: uppercase; } .portal-button:hover { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); position: relative; } #see-more-results { background: #EBEBE9; border: 1px solid #E8E8E8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #5f5f5d; display: block; font-family: 'Open Sans', sans-serif; font-size: 1.4em; font-weight: 600; margin: 40px auto 0; padding: 14px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 215px; } #back-to-top { background: #EBEBE9 url(images/arrow-backtotop.gif) no-repeat center 8px; border: 1px solid #E8E8E8; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #5f5f5d; display: block; float: right; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 800; line-height: 1; padding: 43px 12px 7px; text-align: center; text-decoration: none; text-transform: uppercase; width: 45px; } #see-more-results + #back-to-top { margin-top: -49px; } /*300x250 AD*/ .ad300x250, .ad300x250coppa { float: right; height: 250px; margin-top: 18px; width: 300px; } .ad300x250 img, .ad300x250coppa img { height: 250px; width: 300px; } /*PORTAL FOOTER*/ #portal-footer { background: #dfdfdf url(images/bg-footer-pattern.gif) repeat-x left top; overflow: auto; padding-top: 10px; padding-bottom: 40px; min-width: 1000px; } .no-chrome #portal-footer { display:none; } #portal-footer-container { color: #696969; font-family: 'Open Sans', sans-serif; margin: 0 auto; width: 940px; } #portal-footer-container a { color: #696969; text-decoration: none; } #portal-footer-container .portal-footer-info-group li > a:hover, #portal-site-map li > a:hover { opacity: .6; } #portal-footer-container h2 { display: none; } #portal-footer-container h3 { background: #d5d5d5; font-size: 1.3em; font-weight: 600; line-height: 1; padding: 0; text-transform: uppercase; } #portal-footer-container h3 a { display: block; padding: 5px 0 5px 23px; } #portal-footer .portal-footer-info-group { float: left; padding-right: 90px; width: 170px; } .portal-footer-info-group li { list-style: none; padding-top: 17px; } .portal-footer-info-group li ul { padding: 5px 0 0; } #portal-site-map li li, .portal-footer-info-group li li { font-size: 1.1em; padding: 0 0 5px 23px; } #portal-footer #portal-site-map { float: left; padding-bottom: 0; padding-top: 17px; } #portal-site-map h3 { background: url(images/icon-footer-nav.png) no-repeat 0 14px; padding-top: 15px; } #portal-site-map h3 a { padding-top: 0; } #portal-footer #portal-site-map > ul { background: #d5d5d5; padding: 0 9px; width: 142px; } #portal-site-map li { list-style: none; } #portal-site-map ul li { border-bottom: 1px solid #cfcfcf; padding-bottom: 15px; } #portal-site-map ul li:last-child { border-bottom: 0; } #portal-site-map li li { border-bottom: 0; padding-bottom: 0; } #portal-footer-services ul li { padding-top: 5px; } #portal-footer-careers ul li { padding-top: 4px; } #portal-footer #portal-selected-country { background: #d5d5d5 url(images/icon-usa.jpg) no-repeat 7px 8px; clear: left; display: block; float: left; line-height: 1; margin-top: -35px; padding: 7px 0 7px 44px; width: 120px; } #portal-footer #portal-selected-country span { display: block; font-size: 1.1em; font-weight: 600; text-transform: uppercase; } #portal-footer #treatments-legal { clear: left; list-style: none; padding-top: 40px; } #portal-footer #treatments-legal li { float: left; border-left: 1px solid #696969; padding: 0 8px; } #portal-footer #treatments-legal li:first-child { border-left: none; } #portal-footer #treatments-legal li.last { border-right: 0; } #treatments-legal li a { text-decoration: underline; } #portal-footer #treatments-copyright { float: right; } //retina @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #portal-splogo { background-image: url(images/sony-splogo-header2x.png); background-size: 47px auto; } } @media screen and (max-width: 1250px) { #blurred-background { opacity: 1; -webkit-transition-property: opacity; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; transition-property: opacity; transition-duration: .5s; transition-timing-function: ease-out; } #blurred-background.fade-out { opacity: 0; } #content { margin: 0 auto; } ul#featured-content { width: 1000px; } ul#featured-content > li { width: 1000px; } .billboard-wrapper { min-width: 1000px; } .billboard-wrapper .aesthetics { background-position: -88px 39px; min-width: 1000px; } .billboard-wrapper .aesthetics .aesthetics { background-position: 982px 39px; padding: 40px 10px 0; } /*FEATURED CONTENT CAROUSEL*/ #featured-content-carousel-container { margin: 0 auto; min-height: 590px; } #featured-content-carousel-wrapper { margin: 0 auto; width: 1024px; } #featured-content-carousel { } #featured-content-carousel > ul { margin-top: 5px; overflow: hidden; position: static; } #featured-content-carousel > ul > li { margin-left: 65px; min-height: 465px; width: 296px; } #featured-content-carousel > ul > li:first-child { margin-left: 0; } #featured-content-carousel > ul > li img { height: 440px; margin-top: 0; width: 296px; } #featured-content-carousel > ul > li .details { display: block; height: 0; opacity: 0; overflow: hidden; -webkit-transform: translate3D(0px, 0px, 0px); -webkit-backface-visibility: hidden; -webkit-transition-property: opacity; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; transition-property: opacity; transition-duration: .5s; transition-timing-function: ease-out; } #featured-content-carousel > ul > li p.carousel-property-title { width: 320px; } #featured-content-carousel > ul > li.active .details { height: auto; opacity: 1; } ul.featured-content-carousel-links > li a { display: table-cell; height: 35px; line-height: 1.1; padding: 0; width: 115px; vertical-align: middle; } /*ACTIVE*/ #featured-content-carousel > ul > li.active { width: 296px; } #featured-content-carousel > ul > li.active img { height: 440px; margin-top: 0; width: 296px; } /*CONTENT STAGE/CAROUSEL PAGINATION*/ ul#featured-content-pagination > li { margin-left: 10px; } }@media screen and (max-width: 1023px) { /*make.believe*/ #sony-makebelieve-banner div { width: 740px; } #sony-makebelieve-banner div a { margin-right: 11px; } /*PORTAL MAIN NAVIGATION*/ #portal-nav-content { width: 740px; } #portal-splogo { margin-right: 20px; } ul#portal-main-navigation { margin-right: 0; } ul#portal-main-navigation > li { } ul#portal-main-navigation li a { font-size: 1.7em; padding: 2px 8px 3px; } #treatments-navitem-movies:hover:after { top: 17px; left: 30px; } #treatments-navitem-tv:hover:after { top: 17px; left: 45px; } #treatments-navitem-movies { width: 7.6em; } #treatments-navitem-tv { width: 10.4em; } #treatments-navitem-movies>ul { left: -3.2em; } #treatments-navitem-tv>ul { left: -1.8em; } #content { margin: 0 auto; } /*FEATURED CONTENT STAGE*/ #blurred-background-container, #noise { min-height: 780px; } #featured-content-container { min-height: 490px; } ul#featured-content { height: 454px; width: 768px; } ul#featured-content > li { background-position: center 10px; background-size: 945px 29px; min-height: 415px; width: 768px; } .billboard-wrapper { background-size: 740px 415px; min-height: 415px; min-width: 768px; } .billboard-wrapper .aesthetics { background-position: -96px 39px; background-size: auto 415px; min-height: 415px; min-width: 768px; } .billboard-wrapper .aesthetics .aesthetics { background-position: 754px 39px; background-size: auto 415px; min-height: 415px; min-width: 768px; padding: 40px 0 0; } .property-info { min-height: 415px; } .billboard-titlepage-link { padding-top: 415px; } p.property-title { font-size: 2em; } p.property-calltoactiondate { font-size: 1.4em; } ul.featured-content-links { margin-top: -40px } ul.featured-content-links li a { font-size: 1.1em; height: 32px; width: 132px; } #featured-content-pagination-container { width: 738px; } #view-all-tray-container { margin-left: -370px; width: 740px; } /*FEATURED CONTENT CAROUSEL*/ #featured-content-carousel-container { min-height: 500px; } #featured-content-carousel-wrapper { min-height: 0; width: 760px; } #featured-content-carousel { } #featured-content-carousel > ul { } #featured-content-carousel > ul > li { margin-left: 20px; min-height: 450px; width: 240px; } #featured-content-carousel > ul > li:first-child { margin-left: 0; } #featured-content-carousel > ul > li > a { } #featured-content-carousel > ul > li img { height: 357px; width: 240px; } #featured-content-carousel > ul > li .details { } #featured-content-carousel > ul > li.active .details { } ul.featured-content-carousel-links > li a { font-size: 1.2em; width: 110px; } /*ACTIVE*/ #featured-content-carousel > ul > li.active { width: 240px; } #featured-content-carousel > ul > li.active img { height: 357px; width: 240px; } /*COLLECTIONS*/ #collection-container { width: 420px; } .collection { padding-left: 20px; } .collection h3 { font-size: 2.5em; height: 228px; width: 154px; } .collection h3 a, .collection h3 > span { background-position: center 160px; height: 172px; padding-top: 70px; width: 100%; } .collection h3 a:hover { background-position: center 160px; } .collection > ul { margin-left: -55px; } .collection > ul > li { margin-left: 55px; min-height: 300px; width: 154px; } .collection > ul > li a.title { margin-top: 10px; } /*HIDE 300X250 MAKE.BELIEVE AD*/ .ad300x250 { display: none; } /*PORTAL FOOTER*/ #portal-footer { min-width: 0; } #portal-footer-container { padding-right: 0; width: 400px; } #portal-footer-legal ul { display: none; } #portal-footer #treatments-legal { text-align: center; padding-bottom: 10px; } #portal-footer #treatments-legal li { float: none; display: inline-block } #portal-footer #portal-selected-country { margin-top: -80px; } #portal-footer #treatments-copyright { clear: left; float: none; text-align: center; } #portal-footer .portal-footer-info-group:nth-child(3) { padding-right: 0; } #portal-footer .portal-footer-info-group { padding-right: 80px; width: 160px; } }@media screen and (max-width: 767px) { /*make.believe*/ #sony-makebelieve-banner { background: #000; width: 100%; height: 18px; } #sony-makebelieve-banner div { margin: 0 auto; width: 460px; } #sony-makebelieve-banner div a { background-image: url(images/sony.gif); background-position: left top; background-repeat: no-repeat; background-size: 35px 18px; float: right; padding-top: 18px; width: 35px; } /*PORTAL HEADER*/ #portal-header { width: 100%; } /*PORTAL MAIN NAVIGATION*/ #portal-nav-container { background: url(images/bg-portal-nav-mobile.png) repeat-x left top; min-height: 50px; width: 100%; } #blurred-background-container + #portal-header > #portal-nav-container { background-image: url(images/bg-portal-nav-mobile.png); } #portal-nav-content { left: 50%; margin-left: -230px; position: absolute; width: 460px; z-index: 6; } #portal-menu-button { background:url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px rgb(61,61,61); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzNkM2QzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, -moz-linear-gradient(top, rgba(61,61,61,1) 1%, rgba(31,31,31,1) 100%); /* FF3.6+ */ background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(61,61,61,1)), color-stop(100%,rgba(31,31,31,1))) ; /* Chrome,Safari4+ */ background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, -webkit-linear-gradient(top, rgba(61,61,61,1) 1%,rgba(31,31,31,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, -o-linear-gradient(top, rgba(61,61,61,1) 1%,rgba(31,31,31,1) 100%); /* Opera 11.10+ */ background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, -ms-linear-gradient(top, rgba(61,61,61,1) 1%,rgba(31,31,31,1) 100%); /* IE10+ */ background: url(images/icon-mobile-nav-plus.png) no-repeat 12px 7px, linear-gradient(to bottom, rgba(61,61,61,1) 1%,rgba(31,31,31,1) 100%); /* W3C */ background-size: 16px auto, auto auto; color: #fff; display: block; float: right; font-family: 'Open Sans', sans-serif; font-size: 1.5em; min-height: 32px; line-height: 2; margin-top: -32px; margin-right: 8px; text-align: center; text-decoration: none; text-indent: 20px; text-transform: uppercase; width: 92px; } .over #portal-menu-button { background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px rgb(27,27,27); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiMWIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjBmMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, -moz-linear-gradient(top, rgba(27,27,27,1) 0%, rgba(15,15,15,1) 100%); /* FF3.6+ */ background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,27,27,1)), color-stop(100%,rgba(15,15,15,1))); /* Chrome,Safari4+ */ background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, -webkit-linear-gradient(top, rgba(27,27,27,1) 0%,rgba(15,15,15,1) 100%); /* Chrome10+,Safari5.1+ */ background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, -o-linear-gradient(top, rgba(27,27,27,1) 0%,rgba(15,15,15,1) 100%); /* Opera 11.10+ */ background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, -ms-linear-gradient(top, rgba(27,27,27,1) 0%,rgba(15,15,15,1) 100%); /* IE10+ */ background: url(images/icon-mobile-nav-minus.png) no-repeat 12px 7px, linear-gradient(to bottom, rgba(27,27,27,1) 0%,rgba(15,15,15,1) 100%); /* W3C */ background-size: 16px auto, auto auto; padding-bottom: 6px; } .over #portal-social-links-container, .over #portal-main-navigation-container { display: block; } #portal-social-links-container { background: #0d0d0d; clear: both; display: none; float: none; margin: 0 auto; overflow: hidden; position: relative; padding: 15px 13px 0; width: 294px; z-index: 1; } #portal-social-links { background: #919191; background: rgba(145,145,145,.13); padding: 10px 13px 0; } #portal-social-links li a { background: url(images/share-bar-2x.png) no-repeat; background-size: 266px auto; padding-top: 29px; width: 29px; } #portal-social-links li#portal-get-updates a { background-position-x: 0; font-size: 1.3em; line-height: 2.4; min-height: 29px; padding-top: 0; width: 124px; } li#portal-follow-facebook a { background-position: -132px 0px; } li#portal-follow-twitter a { background-position: -168px 0px; } li#portal-follow-youtube a { background-position: -204px 0px; } li#portal-follow-googleplus a { background-position: -238px 0px; } #search-container { background: #919191; background: rgba(145,145,145,.13); border: 0; border-radius: 0; margin-top: 0; padding: 5px 13px 10px; width: auto; } #sp-search-form { background: #fff; border-radius: 3px; } #sp-search-form #sp-search { font-size: 1.9em; max-width: 240px; width: 100%; } #sp-search-form #button-submit { background-image: url(images/button-search-2x.png); background-size: 34px auto; height: 34px; width: 34px; } #portal-main-navigation-container { background: #0d0d0d; display: none; margin: 0 auto; overflow: hidden; position: relative; width: 320px; } ul#portal-main-navigation { float: none; left: 0; margin: 0 auto; min-height: 250px; padding: 10px 26px 11px; position: relative; width: 268px; -webkit-transition: left .25s linear; } ul#portal-main-navigation.navigate-tv, ul#portal-main-navigation.navigate-movies { display: block; left: -320px; } ul#portal-main-navigation li { border: 0; float: none; margin: 0; padding: 0 0 10px; position: static; text-align: center; width: 268px; } ul#portal-main-navigation > li { overflow: hidden; } ul#portal-main-navigation li:hover { border: 0; margin: 0; padding: 10px 26px 0; } ul#portal-main-navigation>li:hover{ width: 100%; padding: 0 0 10px; } #treatments-navitem-tv, #treatments-navitem-movies { width: auto; } #treatments-navitem-tv > a, #treatments-navitem-movies > a { background-image: url(images/icon-mobile-nav-plus.png); background-repeat: no-repeat; background-position:19% 10px; background-size: 17px auto; } .navigate-tv #treatments-subnav-tv , .navigate-movies #treatments-subnav-movies { display: block; z-index: 6; } #treatments-navitem-tv:hover, #treatments-navitem-movies:hover { background: none; } #treatments-navitem-tv:hover:after, #treatments-navitem-movies:hover:after { content: ''; } ul#portal-main-navigation li ul { border: 0; background: #0d0d0d; display: none; list-style: none; margin: 0; padding: 0 0 11px; position: absolute; top: 0; left: 320px; width: 320px; } #portal-main-navigation .mobile-nav-back { display: block; } #portal-main-navigation .mobile-nav-back a:hover, #portal-main-navigation .mobile-nav-back a { background: transparent url(images/icon-back-arrow.png) no-repeat 12px 10px; background-size: 17px auto; border-bottom: 1px solid #1b1b1b; border-top: 1px solid #1b1b1b; border-radius: 0; margin-left: -26px; width: 320px; } ul#portal-main-navigation ul li{ padding: 10px 26px 0; width: auto; } ul#portal-main-navigation ul li a:hover, ul#portal-main-navigation ul li a, ul#portal-main-navigation li a { background-color: #191918; background-color: rgba(25,25,24,1); border: 0; border-radius: 3px; color: #C5C7C9; display: block; font-size: 1.7em; min-height: 39px; line-height: 2.2; padding: 0; } ul#portal-main-navigation ul li a:hover, ul#portal-main-navigation li a:hover { /*background-color: #0083a6;*/ background-color: #191918; } #portal-main-navigation ul li a.active, #portal-main-navigation ul li a.active:hover { background: #0083a6; background:rgba(0,131,166,.4); border-radius: 0; } #portal-splogo { background: none; background-image: url(images/sony-splogo-mobile.png); background-position: left top; background-repeat: no-repeat; background-size: 181px auto; display: block; float: none; height: 23px; margin-right: 0; margin-top: 18px; position: static; width: 181px; } #button-menu { background-image: url(images/bg-button-menu.gif); background-position: left top; background-repeat: repeat-x; background-size: 1px 32px; cursor: pointer; float: right; height: 32px; margin-top: 10px; padding: 5px 9px; width: 68px; } #button-menu span.text { color: #AEAFAF; font-family: 'Open Sans', sans-serif; font-size: 1.5em; font-weight: 300; text-align: left; text-transform: uppercase; } #button-menu span.arrow { background-image: url(images/button-menu-arrow.png); background-position: left top; background-repeat: no-repeat; background-size: 17px 17px; float: right; margin-top: 2px; width: 17px; padding-top: 17px; } #spnav-overlay-container { background: rgba(0,0,0,.5); display: block; } #spnav-overlay { background: #0D0D0D; height: 372px; margin-top: 65px; } /*CONTENT STAGE*/ #blurred-background-container { min-height: 352px; top: 18px; } #noise { background-position: center 18px; } #contentcontainer { } #featured-content-container { margin: 0 auto; min-height: 263px; width: 480px; } #featured-content-iscroll-wrapper { height: 222px; margin: 0 auto; overflow: hidden; width: 480px; } ul#featured-content { margin: 0 auto; } ul#featured-content > li { background-position: center top; background-repeat: no-repeat; background-size: 480px 222px; display: block; float: left; min-height: 222px; width: 480px; } .property-info { min-height: 222px; overflow: hidden; } .billboard-titlepage-link { padding-top: 222px; } .property-info p { clear: both; font-family: 'Open Sans', sans-serif; font-weight: 600; padding-left: 10px; padding-right: 10px; text-transform: uppercase; } p.property-title { font-size: 1.7em; margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; } p.property-calltoactiondate { font-size: 1.1em; padding-top: 7px; padding-bottom: 7px; } p.property-caption { font-size: 1em; padding-top: 6px; padding-bottom: 6px; } ul.featured-content-links li a { display: table-cell; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.1em; height: 27px; line-height: 1; padding-top: 0; padding-bottom: 0; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 83px; } #featured-content-pagination-container { display: block; width: 478px; } ul#featured-content-pagination { margin-right: 0; } ul#featured-content-pagination > li { margin-left: 10px; } ul#featured-content-pagination > li:first-child { margin-left: 0; } /*CONTENT CAROUSEL*/ #featured-content-carousel-container { min-height: 360px; } #featured-content-carousel-wrapper { min-height: 0; width: 480px; } #featured-content-carousel { } #featured-content-carousel > ul { margin: 5px 0 0; } #featured-content-carousel > ul > li { height: auto; margin-left: 11px; margin-top: 0; min-height: 310px; width: 150px; } #featured-content-carousel > ul > li a { float: left; } #featured-content-carousel > ul > li img { height: auto; margin-top: 0; width: 150px; } #featured-content-carousel > ul > li p.carousel-property-title { font-size: 1.4em; line-height: 1.1; margin: 7px 0; } ul.featured-content-carousel-links { } ul.featured-content-carousel-links > li { margin-left: 5px; } ul.featured-content-carousel-links > li:first-child { margin-left: 0; } ul.featured-content-carousel-links > li a { display: table-cell; font-size: 1em; line-height: 1; padding: 0 3px; height: 30px; vertical-align: middle; width: 65px; } /*ACTIVE*/ #featured-content-carousel > ul > li.active { margin-left: 10px; width: 150px; } #featured-content-carousel > ul > li.active a { float: none; /* display: inline-block; */ } #featured-content-carousel > ul > li.active img { height: auto; margin-top: 0; width: 150px; } #featured-content-carousel > ul > li.active p.carousel-property-title, #featured-content-carousel > ul > li.active ul.featured-content-carousel-links { } /*FEATURED COLLECTION*/ .featured-collection { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: none; overflow: hidden; margin-left: auto; margin-right: auto; } /*COLLECTIONS*/ #collection-container { width: 420px; } .collection { padding-left: 0; } .collection h3 { font-size: 2.3em; height: 211px; width: 142px; } .collection h3 a, .collection h3 > span { background-position: center 160px; height: 141px; padding-top: 70px; width: 100%; } .collection h3 a:hover { background-position: center 160px; } .collection > ul { margin-left: -13px; } .collection > ul > li { margin-left: 13px; min-height: 280px; width: 142px; } .collection > ul > li a.title { margin-top: 10px; } /*PROMOTIONS*/ .promo { width: 300px; } .promo .details { width: 300px; } #back-to-top { float: none; margin: 20px auto 0; } /*PORTAL FOOTER*/ #portal-footer { min-width: 0; overflow: visible; } #portal-footer-container { padding-right: 0; width: 320px; } #portal-footer-container h3 { padding-left: 0; text-align: center; text-indent: 10px; } #portal-footer-container h3 a { background: #d5d5d5 url(images/icon-plus.png) no-repeat 11px 8px; background-size: 16px auto; padding: 10px 0; } #portal-footer-container li.over h3 a { background-image: url(images/icon-minus.png); } #portal-footer .portal-footer-info-group { clear: left; padding: 0 12px; width: 140px; } #portal-footer .portal-footer-info-group.last { clear: none; float: right; margin-top: -90px; padding-left: 0; } #portal-footer .portal-footer-info-group.last h3 a { background: #d5d5d5; } .portal-footer-info-group li { padding-top: 12px; position: relative; } #portal-footer-ad-sponsor h3 { font-size: 1.1em; text-align: left; text-indent: 0; } #portal-footer-ad-sponsor h3 a { padding-bottom: 6px; padding-top: 6px; padding-left: 20px; } .portal-footer-info-group li ul { background: rgba(0,131,166,.95); bottom: 33px; border-radius: 1px; display: none; position: absolute; min-width: 155px; z-index: 10; } .portal-footer-info-group li li { border-top: 1px solid rgba(0,0,0,.3); padding: 5px 10px; } .portal-footer-info-group li li:first-child { border-top: 0; } #portal-footer-container .portal-footer-info-group li li a { color: #fff; display: block; padding: 3px 0; } .portal-footer-info-group li.over ul { display: block; } #portal-footer-legal:hover ul, #portal-footer-careers:hover ul { display: none; } #portal-footer #portal-site-map { display: none; } #portal-footer #portal-selected-country { float: left; clear: left; display: block; margin: 12px 0 0 12px; padding-left: 105px; width: 191px; } #portal-footer #treatments-legal { padding-top: 34px; } #portal-footer #treatments-legal li { min-width: 90px; margin-bottom: 5px; } #portal-footer #treatments-legal li:nth-last-child(2) { border-left: 0; } #portal-footer #treatments-copyright { clear: left; float: none; /* padding-left: 12px; */ /* width: 22em; */ } //retina @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #portal-splogo { background-image: url(images/sony-splogo-mobile.png); background-size: 165px auto; } } .no-chrome #sony-makebelieve-banner { display:block; } .no-chrome #portal-header { display:block; } .no-chrome #portal-footer { display:block; } } @media screen and (max-width: 479px) { body { min-width: 320px; } /*make.believe*/ #sony-makebelieve-banner div { margin: 0 auto; width: 320px; } #sony-makebelieve-banner div a { margin-right: 10px; } #featured-content-iscroll-wrapper { width: 320px; } /*PORTAL MAIN NAVIGATION*/ #portal-nav-content { margin-left: -160px; width: 320px; } #portal-main-navigation .mobile-nav-back { width: 320px; } /*CONTENT STAGE*/ #blurred-background-container { min-width: 320px; min-height: 468px; } #blurred-background { width: 210%; } #featured-content-container { min-height: 378px; width: 320px; } #featured-content-iscroll-wrapper { height: 338px; } ul#featured-content > li { background-size: 320px 338px; min-height: 338px; width: 320px; } .property-info { min-height: 338px; } .billboard-titlepage-link { padding-top: 338px; } p.property-title { max-width: 255px; } #featured-content-pagination-container { width: 320px; } /*CONTENT CAROUSEL*/ #featured-content-carousel-container { min-height: 380px; } #featured-content-carousel-wrapper { min-height: 0; width: 320px; } #featured-content-carousel { overflow: hidden; } #featured-content-carousel > ul { margin: 5px 0 0; } #featured-content-carousel > ul > li { margin-left: 0; margin-top: 0; min-height: 330px; text-align: center; width: 320px; } #featured-content-carousel > ul > li:first-child { margin-left: 0; } #featured-content-carousel > ul > li a { float: none; } #featured-content-carousel > ul > li img { height: auto; margin-top: 0; width: 160px; } #featured-content-carousel > ul > li .details { display: block; } #featured-content-carousel > ul > li p.carousel-property-title { font-size: 1.5em; line-height: 1.1; margin: 7px 0; width: 320px; } ul.featured-content-carousel-links { display: inline-block; } ul.featured-content-carousel-links > li { margin-bottom: 3px; margin-right: 3px; } ul.featured-content-carousel-links > li:last-child { } ul.featured-content-carousel-links > li a { font-size: 1.1em; } /*ACTIVE*/ #featured-content-carousel > ul > li.active { margin-left: 0; width: 320px; } #featured-content-carousel > ul > li.active a { float: none; } #featured-content-carousel > ul > li.active img { height: auto; margin-top: 0; width: 160px; } #featured-content-carousel > ul > li.active p.carousel-property-title, #featured-content-carousel > ul > li.active ul.featured-content-carousel-links { } }/******************* * Ticketing Widget * *******************/ #widget-h1 { display: none; } #purchase-widget, #ticketing-widget, #airtime-widget { background: #fff url(images/bg-subcontent.png) repeat-x 0 -29px; /*#f9f9f9*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Open Sans', sans-serif; overflow: auto; padding: 10px 0; } #airtime-widget { padding-bottom: 15px; } #media-results-container, #listing-widget-interface #widget-heading, #widget-interface, #listing-widget-interface { margin: 0 auto; max-width: 690px; padding: 15px 20px 0; } #listing-widget-interface { padding-right: 10px; } #media-results-container, #widget-interface, #listing-widget-interface #widget-heading { padding-left: 7px; padding-right: 5px; } #listing-widget-interface #widget-heading { padding-bottom: 20px; } #widget-heading+h2 { font-weight: 800; font-size: 2.8em; text-transform: uppercase; } #widget-release-date { display: none; } #listing-widget-interface #widget-heading{ font-weight: 800; font-size: 2.8em; line-height: .9; padding: 0 0 0 224px; text-transform: uppercase; } #listing-widget-interface #sonyrewards-promo { font-size: 1.3em; padding-left: 224px; font-weight:500; } #listing-widget-interface #sonyrewards-promo a { color: #0083a6; text-decoration: none; } #listing-widget-interface h2 { font-size: 2.4em; font-weight: 300; line-height: 1; /*padding: 54px 0 15px 224px;*/ padding: 24px 0 15px 224px; text-transform: uppercase; } #listing-widget-interface img { -moz-box-shadow: 0 2px 5px #888; -webkit-box-shadow: 0 2px 5px #888; box-shadow: 0 2px 5px #888; float: left; width: 200px; height:auto; min-height:300px; } #listing-form { color: #5F5F5D; padding-left: 224px; } #listing-form fieldset { border: 0; } #listing-form legend { display: none; } #listing-form label { font-size: 1.3em; } #listing-form label span { display: none; } #media-form select, #listing-form input { border: 1px solid #c9c8c6; border-radius: 4px; color: #5F5F5D; height: 24px; margin-left: 5px; text-indent: 10px; } #listing-form .required .select-container { -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; background-color: #e8e6e7; /* Old browsers */ background-color: -moz-linear-gradient(top, #e8e6e7 0%, #faf8f9 100%); /* FF3.6+ */ background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e7), color-stop(100%,#faf8f9)); /* Chrome,Safari4+ */ background-color: -webkit-linear-gradient(top, #e8e6e7 0%,#faf8f9 100%); /* Chrome10+,Safari5.1+ */ background-color: -o-linear-gradient(top, #e8e6e7 0%,#faf8f9 100%); /* Opera 11.10+ */ background-color: -ms-linear-gradient(top, #e8e6e7 0%,#faf8f9 100%); /* IE10+ */ background-color: linear-gradient(to bottom, #e8e6e7 0%,#faf8f9 100%); /* W3C */ background-image: url(images/dropdown-arrow.png); background-repeat: no-repeat; background-position: 98% 50%; border: 1px solid #c9c8c6; display: inline-block; margin-left: 5px; overflow:hidden; width: 110px; } #listing-form .required label { top: .2em; position: relative; vertical-align: top; } #listing-form .required select { -webkit-appearance: none; -moz-appearance:none; appearance: none; border:none; background: transparent; color:#5f5f5d; cursor: pointer; margin: 0; padding: 4px 0 4px 4px; width: 130px; } #listing-form .required select:focus { width: 106px; } #zip-field { background: #e8e6e7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWY4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e8e6e7 0%, #faf8f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e6e7), color-stop(100%,#faf8f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8e6e7 0%,#faf8f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8e6e7 0%,#faf8f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8e6e7 0%,#faf8f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8e6e7 0%,#faf8f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e7', endColorstr='#faf8f9',GradientType=0 ); /* IE6-8 */ width: 100px; } #listing-form .hidden-ele { display: none; } #listing-form .required { float: left; margin-left: 8px; padding-bottom: 9px; } #listing-form .required:nth-child(4) { margin-left: 0; } .quick-view-button, #quick-view-container .button, #purchase-widget .button, #search-again, #listing-form #listing-submit { background-color: #0183A7; border: 0; border-radius: 3px; color: #fff; cursor: pointer; font-size: 1.3em; line-height: 2.4; height: 30px; text-decoration: none; text-indent: 10px; text-transform: uppercase; } #search-again, #listing-form #listing-submit { background-image: url(images/arrow-select.png); background-size: 19px auto; background-repeat: no-repeat; background-position: 10px 50%; display: block; float: left; font-weight: 400; height: 28px; text-indent: 20px; width: 103px; } #listing-form #listing-submit.airtime { margin-left: 10px; } #search-again { display: inline-block; display: none; line-height: 2.8; margin-left: 94px; padding-left: 15px; padding-right: 15px; text-align: center; text-decoration: none; width: auto; } #spwidget-overlay #listing-results-container { margin-left: 200px; max-width: 490px; } #listing-results-container { max-width: 550px; height:100px; position:relative; } #spwidget-overlay #listing-results-container { height:120px; } #listing-results-container .message{ margin-top: 50px; text-align: center; padding: 10px 0px; } #listing-results-container .loading{ background: url(images/loader-light-theme.gif) no-repeat 49% 80%; text-align: left; text-indent: -10000px; } #listing-results-container h3 { display: none; } #listing-results-container .jspVerticalBar { right: 4px; } #listing-results-container #listing-custom-message { display:none; background-color: rgba(140, 197, 213, 1); position: absolute; top: 23px; margin-left: 7px; height: 65px; overflow: hidden; width:auto; } #listing-results-container #listing-custom-message p { color:#fff; font-size: 1.6em; line-height: 1.1; padding: 15px 10px 15px 20px; } #listing-results-container #listing-custom-message p b { font-weight: 600; } .popup-footer-wrapper { background: #fff; font-family: 'Open Sans', sans-serif; font-size: 1.1em; font-weight: 500; text-align: center; padding-top: 20px; padding-bottom:10px; } .popup-footer-wrapper .popup-footer { max-width: 740px; margin: 0 auto; padding-left: 70px; background:#fff; overflow: hidden; } .popup-footer-wrapper .popup-footer ul { list-style-type: none; } .popup-footer-wrapper .popup-footer ul li { text-align: center; float: none; display: inline-block; font-weight: 400; color:#5F5F5D; } .popup-footer-wrapper .popup-footer .legals-url { float:left; } .popup-footer-wrapper .popup-footer .legals-url li a { color:#5F5F5D; padding: 0px 20px; } .popup-footer-wrapper .popup-footer .legals-url li:first-child a { padding-left:0px; } .popup-footer-wrapper .popup-footer .copyright { width:400px; float:right; text-align: right; } /************************* * Ticket Search Results * *************************/ #ticketing-results-container { display: none; float: left; width: 480px; } #airtime-search-results, #ticketing-search-results { border-top: 1px solid #eee; height: 100%; min-height: 80px; margin-left: 10px; overflow: auto; } #ticketing-search-results >:first-child, #airtime-search-results >:first-child { } #airtime-search-results li, #ticketing-search-results li { list-style: none; } #airtime-search-results .result-set, #ticketing-search-results .result-set { clear: left; overflow: auto; padding: 10px 0 2px; } #airtime-search-results .result-set { padding-bottom: 10px; } #airtime-search-results .result-set:nth-child(odd), #ticketing-search-results .result-set:nth-child(odd){ background: #F2F2F2; border-top: 1px solid #fff; } .result-set-container { padding-left: 24px; } .theater, .showtimes { margin: 0 auto; padding: 0 24px; } .theater { font-size: 1.34em; font-weight: 600; } .showtimes { overflow: auto; } .showtimes li { float: left; margin-bottom: 10px; } .showtimes li a { background: #79BDD1; border-radius: 3px; color: #fff; font-size: 1.1em; margin-right: 5px; padding: 0 4px; text-decoration: none; } .logo { float: left; margin-right: 24px; max-width: 115px; } .result-set-container .logo { width:auto; } .city { font-weight: 400; font-size: 1.6em; text-transform: uppercase; } .station { font-weight: 800; font-size: 1.8em; text-transform: uppercase; } .time { color: #0082A6; font-family: "Open Sans", sans-serif; font-size: 1.2em; font-weight: 800; } #ticketing-footnote { border-top: 1px solid #eee; color: #5F5F5D; float: left; width:480px; margin: 0 0 0 10px; min-height: 15px; text-align: center; } /************************ *Ticketing Results mode* ***********************/ .results-mode #listing-widget-interface h2 { padding-top: 7px; padding-bottom: 10px; } .results-mode #listing-results-container { display: block; height: 175px; } #spwidget-overlay .results-mode #listing-results-container { height: 165px; } .results-mode #ticketing-footnote { margin-top: 0; } #ticketing-groupsale { font-size: 1.1em; font-weight: 500; padding:4px 0; text-align:center; } #ticketing-groupsale a { color: #0083a6; text-decoration:none; } #ticketing-footnote-container { float: left; width: 510px; } #spwidget-overlay #ticketing-footnote-container { width:480px; } /********************* *Ticketing No Poster* ********************/ .no-poster #listing-widget-interface > img { display: none; } .no-poster #listing-form, .no-poster #listing-widget-interface h2, .no-poster #listing-widget-interface #sonyrewards-promo, .no-poster #listing-widget-interface #widget-heading { padding-left: 0; } .no-poster #listing-widget-interface #widget-heading { padding: 0; } .no-poster #listing-results-container { /*min-height: 100px;*/ width: 100%; height:100px; } .no-poster .results-mode #listing-results-container { height: 148px; } .no-poster #ticketing-footnote { margin-left: 10px; min-height: 0; width: 100%; } .no-poster .spwidget-close-button { display: none; } /******************** *Live Search Widget* *******************/ #live-search-results-container { border-radius: 4px; color: #5f5f5d; font-family: 'Open Sans', sans-serif; margin: 3px 0 0 -77px; position: absolute; text-align: center; width: 300px; z-index: 4; box-shadow: 0px 0px 2px 1px rgba(203, 203, 203, 1); -moz-box-shadow: 0px 0px 2px 1px rgba(203, 203, 203, 1); -webkit-box-shadow: 0px 0px 2px 1px rgba(203, 203, 203, 1); visibility:hidden; border:1px solid #cbcbcb\9; /* IE8 and below */ } #sp-search-form .vsbl { visibility:visible; } #live-search-results-container h2 { background: #dddbdc; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 1.2em; font-weight: 600; line-height: 2.3; text-align: left; text-indent: 36px; text-transform: uppercase; } #live-search-results-container .message { display: none; } #live-search-results-container .show.message { display: block; } #live-search-results-container a { text-decoration: none; } .live-search-category { background-color: rgba(249, 249, 249); background:transparent; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F9F9F9,endColorstr=#F4F9F9F9); /* IE8 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F9F9F9,endColorstr=#F4F9F9F9); zoom: 1; background-color: rgba(249, 249, 249, 0.96); border-radius: 4px; padding-bottom: 4px; } .live-search-results { background: none; border-bottom: 1px solid #f9f9f9; text-align: left; } .live-search-results .result-set { background-image: url(images/search-arrow.png); background-repeat:no-repeat; background-position:9px 50%; border-bottom: 1px solid #dfddde; list-style: none; overflow: auto; padding: 10px; } .live-search-results .result-set.selected, .live-search-results .result-set:hover { background-color: #72cae0; } .live-search-results .result-set img { float: left; margin-left: 26px; width: 47px; } .live-search-results .result-set .title { color: #0085a5; font-size: 1.2em; font-weight: 800; line-height: 1; margin-left: 26px; } .live-search-results .result-set a + .title { } .live-search-results .result-set .title a { color: #0085a5; } .live-search-results .result-set .title b { font-weight: 800; } .live-search-results .result-set .tag { background: #79BDD1; border-radius: 2px; color: #fff; display: none; font-size: .9em; margin: 2px 0 2px 14px; padding: 2px 4px; text-transform: uppercase; } .live-search-results .result-set .tag a { color: #fff; } .live-search-results .result-set.selected .tag, .live-search-results .result-set:hover .tag { background: #42acc6; } .live-search-results .result-set .short-desc { font-size: 1.1em; font-weight: 600; height: 2.2em; line-height: 1; margin-left: 26px; overflow: hidden; padding-top: 2px; } .live-search-results .result-set a + .title, .live-search-results .result-set a + .title + .tag + .short-desc { margin-left:87px; } .live-search-results .result-set .short-desc a { color: #5F5F5D; } #live-search-view-all-results { background: #cbcbcb; border-radius: 2px; color: #5f5f5d; display: block; font-size: 1.3em; margin: 0 5px; padding: 7px 0; text-transform: uppercase; } #live-search-see-more { color: #5f5f5d; font-size: 1.1em; font-weight: 600; line-height: 2; text-transform: uppercase; } #live-search-results-container .no-results { margin-left: 35px; list-style-type: none; font-size: 1.1em; font-weight: 600; line-height: 1; padding-top: 10px; padding-bottom: 5px; } /***************** *Purchase Widget* ****************/ #purchase-widget { padding-top: 15px; } #purchase-widget #widget-header { max-width: 560px; /*border-bottom: 1px solid #ececec;*/ margin: 0 auto; margin-bottom: 2px; } #purchase-widget #widget-header h2{ font-weight: 800; font-size: 2.8em; line-height: 1; padding: 0 0 0 10px; text-transform: uppercase; } #purchase-widget #widget-header h3{ display:none; } #purchase-widget #widget-header p { line-height: 1; font-weight: 600; padding: 0 0 0 10px; } #purchase-widget #property-title { display: none; font-size: 2.8em; padding: 0 20px; } #purchase-widget #widget-header #view-all-formats { color: #848484; /*display: none;*/ float: right; font-size: 1.4em; margin-right: 9px; text-transform: uppercase; margin-right:30px; font-weight: 700; display:none; visibility:visible; } #purchase-widget #widget-header #view-selected-option { display:none; } #purchase-widget #widget-interface{ /*background: #fff;*/ margin: 0 auto; max-width: 560px; min-height: 206px; overflow: hidden; /*padding: 10px 0 0;*/ padding:0px; width: 100%; padding-top:40px; } #purchase-widget #widget-interface-container { left: 0%;/*neccessary for ff bug where it does not transition % correctly*/ position: relative; width: 200%; } #purchase-widget #widget-interface-container.css-transision { transition: left .5s; -moz-transition: left .5s; /* Firefox 4 */ -webkit-transition: left .5s; /* Safari and Chrome */ -o-transition: left .5s; /* Opera */ } #purchase-widget #widget-interface-container.show-details { left: -100%; } #purchase-widget #media-format-options-container { float: left; width: 50%; } /*#purchase-widget .show-details #media-format-options,*/ #purchase-widget .retailers { /*border-top: 1px solid #ececec; */ height: 190px; list-style: none; margin: 0 10px; overflow: auto; background-color: #ececeb; background-image:url(images/widget-shadow.png); background-position:top center; background-repeat:no-repeat; background-size: 100%; margin-top: 5px; } #purchase-widget .retailers li{ /*border-bottom: 1px solid #ececec;*/ clear: right; /*margin-right: 12px;*/ overflow: auto; /*padding: 14px 14px 14px 36px;*/ margin-left: 12px; margin-right: 0px; } #purchase-widget .media-format-options > li{ /*border-bottom: 1px solid #ececec;*/ clear: right; /*margin-right: 12px;*/ overflow: auto; /*padding: 14px 14px 14px 36px;*/ background: #ececec; margin: 3px 0px 3px 0px; } #purchase-widget #retailers li:last-child{ border-bottom: 0; } .media-format-options li p { font-size: 1.5em; line-height: 2; text-transform: uppercase; /*width: 60%;*/ display:inline-block; text-indent: 30px; cursor:pointer; margin-left:10px; } .media-format-options .button{ background-image: url(images/arrow-select.png); background-repeat: no-repeat; background-position: 5px 50%; float: right; min-width: 80px; text-align: center; text-indent: 10px; margin-right:10px; } .media-format-options .close-info{ background: url(images/widget-plus.png) -5px 0px no-repeat; } .media-format-options .open-info{ background: url(images/widget-minus.png) -5px 0px no-repeat; } #purchase-widget .media-section-container { list-style: none; position: relative; } .media-section-container > li { float: right; width:100%; } .media-section-container > li .tab { /*background: #0084a5; border-bottom: 2px solid #fff; border-left: 2px solid #fff; color: #fff;*/ cursor: pointer; /*height: 35px;*/ float: right; /*font-size: 1.4em; font-weight: 600; line-height: 2.5; text-align: center; text-decoration: none; text-transform: uppercase;*/ width: 160px; background-color: #fff; background-image:url(images/retailer-logos.png); background-repeat:no-repeat; padding-top: 55px; margin-top:-50px; display:block; } .media-section-container > li.selected .tab, .media-section-container > li:hover .tab { /*background: #ececec; border-bottom: 0; color: #000; height: 37px;*/ } .media-section-container > li.selected .tab { cursor: default; } .retailers-section > .retailers-container { display: none; /*background: #ececec;*/ left: 0; list-style: none; height: 190px; overflow: auto; padding-bottom: 10px; /*position: absolute;*/ /*top: 45px; */ position:relative; left:0; width: 100%; border-top: 1px solid #ececec; } .retailers-section.selected > .retailers-container { display: block; } #retailers-options .option-offsset { margin-top:30px; margin-bottom:30px; } .retailers li { background: #fff; /*float: left;*/ list-style: none; /*margin: 10px 0 0 10px;*/ margin: 7px 8px 0px 0px; width: 162px; float:none; display:inline-block; } .retailers li a { background: #fff url(images/retailer-logos.png) no-repeat; border: 1px solid #dfdfdf; border-top: 2px solid #dfdfdf; border-radius: 2px; padding-top: 60px; } .retailers li .amazon_image, .amazon_image { background-position: 4px -10px; } .retailers li .bestbuy_image, .bestbuy_image { background-position: 30px -76px; } .retailers li .target_image, .target_image { background-position: 5px -143px; } .retailers li .wallmart_image, .wallmart_image { background-position: 3px -208px; } .retailers li .itunes_image, .itunes_image { background-position: 5px -277px; } .retailers li .vudu_image, .vudu_image { background-position: 24px -341px; } .retailers li .uv_image, .retailers li .spstore_image, .uv_image, .spstore_image { background-position: -6px -412px; } .retailers li .amazonest_image, .amazonest_image { background-position: 6px -477px; } .info-section > div { /*display: none; background: #ececec; clear: right; height: 170px; left: 0; overflow: auto; position: absolute; top: 37px; width: 534px; */ } #contentcontainer.widget .info-section > div { width: 100%; } .info-section.selected > div { display: block; } .info-section.selected { display: block; font-size: 1.2em; } .media-option { padding:15px 0px; } .info-section { border-top: 2px solid #fff; background-color: #d7d7d7; background-image: url(images/widget-shadow.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; width:100%; clear:both; overflow: hidden; display:none; } #purchase-widget #media-format-container { float: left; width: 50%; } #purchase-widget #media-format { /*border-top: 1px solid #ececec;*/ list-style: none; margin: 0 10px; /*padding-top: 8px;*/ } #purchase-widget #media-format > li { display: none; } #purchase-widget #media-format > li.show-details { display: block; } #purchase-widget #media-format h3 { float: left; font-size: 1.5em; font-weight: 600; line-height: 1.3; padding: 0 10px; text-transform: uppercase; width: 53%; } .media-details { float: left; padding: 20px 0 20px 16px; width: 155px; } .media-details dt { font-weight: bold; } .media-info { float: left; padding: 20px 16px; width: 300px; } .media-details + .media-info { } .media-info ul { margin-left: 0px; list-style-type:none; } .media-info ul li { background:url(images/disc.png) 0px 0px no-repeat; padding-left: 17px; } #purchase-widget-footer { border-top: 1px solid #ececec; color: #afafaf; margin: 0 10px; text-align: center; padding: 5px 0; margin-top: 2px; } /*Coming Soon*/ .widget-message, #purchase-widget .coming-soon { margin: 0 auto; max-width: 690px; min-height: 265px; text-transform: uppercase; } .widget-message h2, #purchase-widget .coming-soon h2 { font-size: 3em; padding-top: 64px; margin: 0 60px; } .widget-message p, #purchase-widget .coming-soon p { border-top: 1px solid #000; font-size: 3em; margin: 0 60px; max-width: 12em; } #purchase-widget .coming-soon #purchase-widget-footer { padding: 2px 0; } .widget-message { display: none; } /************ *Quick View* ***********/ #quick-view-base { margin: 0 auto; position: relative; /*width: 940px;*/ width:100%; } #quick-view-container { font-family: 'Open Sans', sans-serif; font-weight: 600; position: absolute; visibility: hidden; width: 358px; top: 0; z-index: 10; } #quick-view-container.show { visibility: visible; } #quick-view-container.expand #quick-view .buy-links, #quick-view-container.expand #quick-view h3 { display: block; } .right #quick-view { margin: 0 0 0 21px; } #quick-view { background: #fff; border-radius: 5px; -moz-box-shadow: 0 -1px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -1px 2px 2px rgba(0,0,0,0.2); box-shadow: 0 -1px 2px 2px rgba(0,0,0,0.2); margin: 0; padding: 2px 2px 7px; width: 333px; } #quick-view h2 { border-top-left-radius: 4px; border-top-right-radius: 4px; background: #434342; color: #fff; font-weight: 600; font-size: 1.6em; padding: 19px 19px 15px; } #quick-view .sub-heading { background-image: url(images/bg-subcontent.png); font-size: 1.1em; padding: 7px 19px; } #quick-view .summary { font-size: 1.1em; padding: 10px 19px; word-spacing: -1px; } #quick-view .read-more { color: #0083a6; display: inline-block; font-size: 1.1em; margin: 0 19px 10px; text-transform: uppercase; } #quick-view h3 { background: #282828; color: #fff; display: none; font-size: 1.4em; font-weight: 600; margin: 0 3px; padding: 5px 19px; text-transform: uppercase; } #quick-view .button, #interst-content .button { display: inline-block; text-align: center; } #quick-view .buy-links { background: rgb(163,163,163); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZWNlY2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(163,163,163,1) 0%, rgba(236,236,235,1) 4%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,163,163,1)), color-stop(4%,rgba(236,236,235,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(163,163,163,1) 0%,rgba(236,236,235,1) 4%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(163,163,163,1) 0%,rgba(236,236,235,1) 4%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(163,163,163,1) 0%,rgba(236,236,235,1) 4%); /* IE10+ */ background: linear-gradient(to bottom, rgba(163,163,163,1) 0%,rgba(236,236,235,1) 4%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#ececeb',GradientType=0 ); /* IE6-8 */ border-bottom: 3px solid #fff; display: none; margin: 0 3px; padding: 0 5px; } #quick-view .buy-links li { background: url(images/retailer-logos.png) no-repeat -4px 0; border-bottom: 1px solid #cbcbcb; overflow: auto; padding: 9px 0; } #quick-view .buy-links li:last-child { border-bottom: 0; } #quick-view .buy-links .amazon_button { background-position: -4px -15px; } #quick-view .buy-links .bestbuy_button { background-position: -4px -81px; } #quick-view .buy-links .target_button { background-position: -4px -148px; } #quick-view .buy-links .wallmart_button { background-position: -4px -210px; } #quick-view .buy-links .itunes_button { background-position: -4px -285px; } #quick-view .buy-links .vudu_button { background-position: -4px -345px; } #quick-view .buy-links .spstore_button { background-position: -4px -419px; } #quick-view .buy-links .amazonest_button { background-position: -4px -483px; } #quick-view .buy-links .button { background-image: url(images/arrow-seemore.png); background-repeat: no-repeat; background-position: 9px 5px; float: right; text-indent: 16px; width: 80px; } #quick-view .actions, #interst-content .actions { background: rgb(210,210,210); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(210,210,210,1) 0%, rgba(255,255,255,1) 19%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,210,210,1)), color-stop(19%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 19%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 19%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 19%); /* IE10+ */ background: linear-gradient(to bottom, rgba(210,210,210,1) 0%,rgba(255,255,255,1) 19%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ margin: 0 3px; padding-top: 8px; } #quick-view .actions li, #interst-content .actions li { list-style: none; } #quick-view .actions.multi li, #interst-content .actions.multi li { float: left; } #quick-view .actions li + li, #interst-content .actions li + li{ padding-left: 7px; } #quick-view .actions .button , #interst-content .actions .button{ display: block; } #quick-view .actions.multi .button, #interst-content .actions.multi .button { width: 157px; } #quick-view-container > span { color: #fff; display: none; font-size: 40px; margin-top: -36px; } #quick-view-container .spwidget-close-button { margin-top: -32px; margin-right: 20px; } #quick-view-container.right .spwidget-close-button { margin-right: 0; } #quick-view-container.right .left-arrow { display: inline; line-height: 1; position: absolute; } #quick-view-container.right .right-arrow { display: none; } #quick-view-container .right-arrow { display: inline; line-height: 1; position: absolute; right: 0; } .quick-view-enabled { display: block; text-align: center; } .quick-view-enabled .quick-view-button{ background-image: url(images/icon-quickview.png); background-repeat: no-repeat; background-position: 3px 50%; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3); display: none; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 2.4; margin: -36px 0 0 6px; opacity: .9; position: absolute; text-decoration: none; text-indent: 16px; text-transform: uppercase; width: 107px; } .quick-view-enabled:hover .quick-view-button{ display: block; } .touch .quick-view-enabled .quick-view-button { display: none; } /********* *Overlay* ********/ #quickview-overlay, #sp-overlay, #interstitials-overlay { background: #000; position: absolute; min-height: 100%; opacity: .8; filter: alpha(opacity=80); width: 100%; z-index: 5; } #interstitials-overlay { opacity: .45; filter: alpha(opacity=45); } #quickview-overlay { opacity: .45; } .sp-overlay { position: absolute; min-height: 100%; width: 100%; top: 0; z-index: 5; } #spwidget-overlay { left: 50%; margin-left: -364px; /*position: fixed;*/ position:absolute; /*top: 30%;*/ top:10%; width: 730px \0/; width: 710px; z-index:10; -webkit-transform: translateZ(0); } #spwidget-overlay .spwidget-close-button { margin-top: -32px; } .spwidget-close-button, a#spportal-video-player-button-close { background: #2B2A2F url(images/button-videoplayer-close.gif) no-repeat 54px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FBFBF9; cursor: pointer; display: block; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.3em; float: right; margin-bottom: 2px; padding: 5px 0 0 7px; width: 73px; height: 24px; text-transform: uppercase; } #youtube-player-container { left: -1px; outline: none; position: relative; top: -1px; } /********************* *Interstitials* ********************/ #interst-view-container { left: 50%; margin-left: -165px; position: absolute; top: 10%; width: 330px url(0/); width: 330px; z-index: 10; -webkit-transform: translateZ(0); } #interst-view-container .spwidget-close-button { margin-top: -32px; } #interst-content { background: #fff; border-radius: 5px; -moz-box-shadow: 0 -1px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -1px 2px 2px rgba(0,0,0,0.2); box-shadow: 0 -1px 2px 2px rgba(0,0,0,0.2); margin: 0; padding: 2px 2px 7px; width: 340px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 1.3em; color:#444444; max-width:328px; } #interst-content h2 { border-top-left-radius: 4px; border-top-right-radius: 4px; background: #434342; color: #fff; font-weight: 600; font-size: 1.3em; padding: 15px 19px 10px; text-align: center; } #interst-content .summary { padding: 15px 35px; text-align: center; color: #444444; font-size: .9em; } #interst-content a { color: #444444; } #interst-content .actions .button { background: #0183A7; border: 0; border-radius: 3px; color: #fff; cursor: pointer; line-height: 2.4; height: 30px; text-decoration: none; text-indent: 5px; text-transform: uppercase; } @media screen and (max-width: 1024px) { .no-poster .widget-message { display: none; } .widget-message h2, #purchase-widget .coming-soon h2 { padding-top: 23px; } .no-poster .widget-message + .spwidget-close-button + #purchase-widget { display: none; } /* #quick-view-base, .quick-view-enabled:hover .quick-view-button { display: none; } */ /* --------------- start styles for ticketing widget 800 ----------------------*/ #listing-widget-interface #widget-heading { font-size: 2.4em; } #listing-widget-interface h2 { font-size: 2.0em; padding: 34px 0 15px 224px; } #zip-field { width:80px; } #listing-form #listing-submit { width: 90px; background-size: 15px auto; font-size: 1.1em; background-position: 8px 50%; margin-left: 10px; height:auto; margin-top: 0; height:28px; } #ticketing-search-results .result-set { padding: 4px 0px 0px 0px; } #listing-form input { height:26px; padding:0; } #listing-form .required .select-container { height: 26px; } #listing-form .required select { padding: 4px 0px 4px 10px; } #listing-results-container .loading{ background: url(images/loader-light-theme.gif) no-repeat 50% 10%; margin-top:15px; background-size:28px; height:50px; min-height:50px; } #ticketing-widget.popup-widget { padding: 30px 0px 40px 0px; } .popup-footer-wrapper .popup-footer { padding-left: 0px; } /* --------------- end styles for ticketing widget 800 ----------------------*/ /* --------------- start styles for quickview widget 800 ----------------------*/ #quick-view-container { width:284px; } #quick-view { width:260px; } #quick-view .actions.multi .button { width: 123px; } /* --------------- end styles for quickview widget 800 ----------------------*/ } @media screen and (max-width: 1023px) { .no-chrome #listing-widget-interface #widget-heading,.no-chrome #widget-interface,.no-chrome #listing-widget-interface { max-width: 760px; } .no-poster #listing-results-container { /*min-height: none;*/ height:40px; } .no-poster .results-mode #listing-results-container { height: 105px; } #airtime-search-results, #ticketing-search-results { margin-left: 5px; } .no-poster #ticketing-search-results { min-height:0; } #listing-widget-interface { padding-top:7px; } .results-mode #listing-widget-interface h2 { padding-top:5px; padding-bottom:5px; } .result-set-container { padding-left: 14px; } .result-set-container .logo { width: 70px; } #ticketing-footnote-container { width:440px; } #listing-results-container #listing-custom-message p { font-size:1.2em; line-height: 1; padding: 8px 10px 0px 10px; } #listing-results-container #listing-custom-message { height: 40px; top: 45%; } /* ---------------- start styles for purchase widget 800 --------------------*/ #purchase-widget .show-details #media-format-options, #purchase-widget #media-format-options { height:150px; } #purchase-widget .retailers { height:130px; } /*.info-section > div { height:128px; width:420px; } */ .retailers-section > div { height:128px; width:420px; } .retailers-section > .retailers-container { height:128px; width:100%; } .media-section-container > li .tab { height:0; } #purchase-widget #widget-header h2 { font-size: 2.2em; } #purchase-widget #media-format-options li { padding: 10px 14px 7px 26px; } #media-format-options li p { font-size: 1.4em; line-height: 1.1; } #purchase-widget #media-format h3 { line-height:1.1; } #media-format-options .button { min-width: 90px; background-size: 16px auto; } .quick-view-button, #quick-view-container .button, #purchase-widget .button, #search-again, #listing-form #listing-submit { height: 26px; font-size: 1.2em; } .media-details { padding: 10px 0 10px 20px; float:none; } .media-details + .media-info { padding: 0px 16px 10px 10px; float:none; } #purchase-widget .retailers li { margin: 15px 0px 0px 12px; } /* -----------------end of styles for purchase widget 800 -------------------*/ } @media screen and (max-width: 767px) { #contentcontainer.widget { margin-top: 0; padding-top: 0; } #listing-widget-interface { max-width: 460px; padding: 15px 10px 0; } .no-chrome #listing-widget-interface #widget-heading, .no-chrome #widget-interface, .no-chrome #listing-widget-interface { max-width: 460px; } #listing-widget-interface #widget-heading { font-size: 2.2em; line-height: 1; padding-left: 94px; } #listing-widget-interface #sonyrewards-promo { padding-left: 94px; } #listing-widget-interface h2 { border-bottom: 1px solid #eee; font-size: 1.8em; line-height: .9; padding: 15px 0 9px 94px; } #listing-widget-interface img { width: 80px; min-height:0; } #listing-form { padding-left: 94px; } #listing-form fieldset { padding: 15px 0 10px; } #listing-form label { display: block; font-size: 1.2em; } #listing-form .required .select-container, #listing-form select, #listing-form input { height: 35px; margin-left: 0; padding: 0; width: 96%; } .touch-enabled #listing-form .required .select-container, #listing-form .required .select-container{ width: 93%; } #listing-form select { height: 30px; } #listing-form .required { margin-left: 8px; padding-bottom: 16px; width: 179px; } #listing-form .required label { font-size: 1.4em; line-height: 1; padding-bottom: 2px; top: 0; } #listing-form .required select { font-size: 1.4em; padding-top: 7px; padding-left: 5px; text-indent: 0px; width: 97%; } #listing-form .required select:focus { width: 97%; } #listing-form #listing-submit.ticketing { background-position-x: 110px; border-radius: 4px; clear: both; font-size: 1.5em; height: 41px; margin-left: 0; width: 97%; } #listing-form #listing-submit.airtime { margin-top: 1.2em; width: 177px; } #listing-search-results .result-set { clear: left; padding: 13px 0 10px; } .result-set-container { margin: 0 auto; max-width: 460px; padding: 0 10px; } .city, .station, .time, .theater, .showtimes { margin: 0 auto; padding: 0 10px 0 104px; max-width: 366px; } .showtimes { padding-top: 10px; } .showtimes li a { border-radius: 5px; font-size: 1.4em; padding: 3px 4px; } .logo { margin-left: 0; } #listing-results-container { float: none; min-height:120px; width: auto; max-width:none; } #listing-results-container .message{ margin-bottom: 20px; padding-left:90px; } #listing-results-container .loading{ background: url(images/loader-light-theme.gif) no-repeat 56% 80%; } .results-mode #listing-results-container { height: auto; } #airtime-search-results, #ticketing-search-results { height: auto; margin-left: 0; overflow: visible; } #ticketing-footnote { clear: both; float: none; width: auto; position:static; padding-left:70px; } #listing-results-container #listing-custom-message { margin-left:0px; top: 12px; height:auto; } #listing-results-container #listing-custom-message p { font-size:1.5em; padding: 15px 10px 15px 15px; } .popup-footer-wrapper .popup-footer { display:none; } #ticketing-footnote-container { width:100%; } #ticketing-groupsale { padding-left:70px; } #purchase-widget .coming-soon h2 { padding-top: 0; } #purchase-widget .coming-soon p { padding-bottom: 50px } .info-section > div { width: auto; } .media-details + .media-info, .media-info { padding-left: 16px; width: auto; } #contentcontainer.widget .info-section > div { width: 90%; } .retailers-section > .retailers-container { height:auto; padding-bottom:0; } #purchase-widget #widget-header .tab { display:block; width: 160px; background-color: #fff; background-image:url(images/retailer-logos.png); background-repeat:no-repeat; padding-top: 50px; position:absolute; right:0px; top:0px; } .media-section-container > li .tab { display:none; } #purchase-widget #widget-interface { padding-top: 0px; } #purchase-widget .retailers li { margin: 10px 0px 0px 12px; } #purchase-widget .retailers { height: auto; min-height: 170px; width: 80%; min-width: 300px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; } .retailersWrapper { background-color: #ececeb; } #purchase-widget #widget-header { max-width: 480px; position:relative; } #purchase-widget #widget-header h2{ clear:both; } #purchase-widget #widget-header h3{ font-weight: 500; font-size: 2.0em; line-height: 1; padding: 0 0 0 11px; text-transform: uppercase; padding-bottom: 30px; display:block; position: relative; width: 200px; z-index: 5; } #purchase-widget #widget-header p { padding: 0 0 10px 10px; } #purchase-widget #widget-interface { max-width:480px; } #purchase-widget #widget-header #view-all-formats { float:left; margin-left:10px; margin-bottom:5px; display:block; visibility:hidden; } #purchase-widget .button { text-indent: 14px; min-width: 70px; } #widget-header .amazon_image { background-position: 4px -27px; } #widget-header .bestbuy_image { background-position: 30px -86px; } #widget-header .target_image { background-position: 5px -155px; } #widget-header .wallmart_image { background-position: 3px -220px; } #widget-header .itunes_image { background-position: 10px -285px; } #widget-header .vudu_image { background-position: 24px -350px; } #widget-header .uv_image, #widget-header .spstore_image { background-position: -6px -428px; } #widget-header .amazonest_image { background-position: 6px -485px; } #spwidget-overlay-container, #sp-overlay { display:none; } #quick-view-base, .quick-view-enabled:hover .quick-view-button { display: none; } /********************* *Interstitials* ********************/ #interst-view-container { margin-left: -140px; position: fixed; top: 15%; width: 280px url(0/); width: 280px; } #interst-content { width: 280px; } #interst-content .summary { padding: 15px 15px; } #interst-content .actions.multi .button { width:133px; } #interstitials-overlay { min-height:320px; } } @media screen and (max-width: 479px) { #listing-form .required { margin-left: 0; } #listing-widget-interface #listing-form #listing-submit { border-radius: 4px; clear: both; font-size: 1.5em; height: 41px; margin-left: 0; margin-top: 0; max-width: 179px; } .theater, .showtimes { padding-left: 10px; } #ticketing-footnote { text-indent: 0; } #listing-widget-interface img { width: 66px; } #listing-widget-interface #widget-heading { line-height: .9; padding-left: 83px; } #listing-widget-interface #sonyrewards-promo { padding-left: 83px; } #listing-widget-interface h2 { padding-bottom: 13px; padding-left: 83px; } #listing-form { padding-left: 83px; } #listing-form fieldset { padding-bottom: 35px; } #listing-form .required { padding-bottom: 11px; } #listing-form .required label { padding-bottom: 0; } #listing-form .required .select-container, #listing-form input { margin-top: 6px; } .touch-enabled #listing-form .required .select-container, #listing-form .required .select-container { width: 96%; } #listing-widget-interface #listing-form #listing-submit { background-position-x: 14px; margin-top: 10px; text-indent: 10px; width: 173px; } #ticketing-footnote { padding-left:0px; } #ticketing-groupsale { padding-left:0px; } /***************** *Purchase Widget* ****************/ #purchase-widget #widget-header h2 { /*padding-left: 15px;*/ font-size: 1.8em; } #purchase-widget #widget-interface{ max-width: 100%; } #purchase-widget #property-title { display: block; padding: 0 15px; } #purchase-widget #media-format-options { max-height: 100%; } #purchase-widget #media-format-options li { padding-left: 5px; } #purchase-widget #media-format h3 { border-top: 1px solid #ececec; float: none; padding: 15px; width: auto; } .retailers-section > .retailers-container { height: auto; min-height: 108px; } #purchase-widget .retailers { padding-top: 20px; max-width: 250px; min-width: 250px; min-height: 150px; } #purchase-widget .retailers li { width: 109px; margin: 5% 0 0 5%; } .retailers li a { background-size: 143px auto; padding-top: 46px; } .retailers li .amazon_image { background-position-y: -4px; } .retailers li .bestbuy_image { background-position: 18px -53px; } .retailers li .target_image { background-position-y: -101px; } .retailers li .wallmart_image { background-position-y: -147px; } .retailers li .itunes_image { background-position: 5px -196px; } .retailers li .vudu_image { background-position: 12px -242px; } .retailers li .spstore_image { background-position: -9px -289px; } .retailers li .amazonest_image { background-position: 0 -340px; } .info-section > div { height: auto; } .no-poster .widget-message { display: none; } .no-poster .widget-message + .spwidget-close-button + #purchase-widget { display: block; } } /***************** *GCSE Nav Widget* ****************/ #results-info-container, #live-search-results-container .live-search-results, .live-search-category { display: none; } #sp-search-container #live-search-results-container { visibility: visible; display: none; } .live-search-category-new { background-color: rgba(249, 249, 249); background: transparent; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F9F9F9, endColorstr=#F4F9F9F9); /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F9F9F9, endColorstr=#F4F9F9F9); zoom: 1; background-color: rgba(249, 249, 249, 0.96); border-radius: 4px; padding-bottom: 4px; } #live-search-results-container[style="visibility: hidden;"] .live-search-category-new { display: none; } #gcse-nav-results * { font-family: 'Open Sans', sans-serif; text-align: left; } #gcse-nav-results .gsc-cursor-box.gs-bidi-start-align, #gcse-nav-results .gsc-above-wrapper-area, #gcse-nav-results .gcsc-branding { display: none; } #gcse-nav-results .gsc-table-result td * { font-size: 12px !important; line-height: 15px; } #gcse-nav-results .gsc-table-result td .gs-title { font-weight: bold; overflow: hidden; text-decoration: none !important; } #gcse-nav-results .gsc-table-result td .gs-snippet { color: #5F5F5D !important; margin-top: 4px; /* font-weight: bold; */ font-weight: 600; font-size: 12px !important; height: 30px; overflow: hidden; } #gcse-nav-results .gsc-control-cse { padding: 0; border: 0px !important; } #gcse-nav-results .gsc-results.gsc-webResult { margin: 0; } #gcse-nav-results .gsc-webResult.gsc-result { padding: 15px 15px 15px 36px; border: none !important; border-bottom: 1px solid #dfddde !important; margin: 0; background-image: url('https://stage.sonypictures.com/global/portalpages/styles/images/search-arrow.png'); background-repeat: no-repeat; background-position: 9px 50%; } #gcse-nav-results .gsc-url-bottom { display: none; } #gcse-nav-results .gsc-webResult.gsc-result:hover { background-color: #72cae0; } @media screen and (max-width: 767px) { #gcse-nav-results { display: none; } } /***************** *GCSE Main Page Widget* ****************/ #results-info-container{ display: none; } #gcse-more-results { clear: both; margin: 25px auto 0; width: 940px; min-height: 800px; background-color: #F9F9F9; } #gcse-more-results * { font-family: 'Open Sans', sans-serif; } #no-results-container ~ #gcse-more-results { /* display: none; */ } #gcse-more-results .gsc-adBlock { /*display: none;*/ } #gcse-more-results .gs-result .gs-title * { text-decoration: none; color: #2a2a29; } #gcse-more-results .gsc-url-bottom { display: none !important; } #gcse-more-results .gs-snippet { color: #5f5f5d; font-size: 1em; } #gcse-more-results .gsc-webResult.gsc-result { padding: 15px 20px; margin: 0; border-bottom: 1px solid #ebebeb; } #gcse-more-results .gs-title { padding: 0 0 10px 0; text-transform: uppercase; } #gcse-more-results a.gs-title { font-size: 1.2em; text-decoration: none !important; text-decoration-style: none !important; text-decoration-color: transparent !important; } #gcse-more-results a.gs-title:hover { text-decoration: underline !important; } #gcse-more-results a.gs-title b { font-size: 1em; } #gcse-more-results .gs-web-image-box, #gcse-more-results .gs-promotion-image-box { width: 92px; } #gcse-more-results .gs-no-results-result .gs-snippet { background: transparent; border: none; } #gcse-more-results .gsc-cursor-current-page { text-shadow: none; font-weight: bold; text-decoration: underline; } @media screen and (max-width: 1023px) { #gcse-more-results { width: 728px; } #gcse-more-results .gsc-webResult.gsc-result { padding: 15px 10px; } } @media screen and (max-width: 767px) { #gcse-more-results { width: 460px; } #gcse-more-results .gs-title { padding: 0 0 10px 0; height: auto; } #gcse-more-results a.gs-title { font-size: 1em; height: auto; } #gcse-more-results .gs-web-image-box, #gcse-more-results .gs-promotion-image-box { width: 62px; } } @media screen and (max-width: 479px) { #gcse-more-results { width: 300px; } #gcse-more-results .gs-title { padding-bottom: 0px; height: auto; } #gcse-more-results .gsc-webResult.gsc-result { padding: 15px 0px; } }