/*input. About ===== Content.css defines the site's content styles - classes, modules and page specific. Info ==== Author(s): Finbarr N, Ian H, Lee R For: Freeview URL: freeview.com Contents ======== Classes: Generic styles for smaller details (e.g. different link styles, paragraph margins). Modules: Structural elements which make up the content of a page (e.g. comments block, product list). Pages: Styles for specific pages. These should be avoided but sometimes can't be. */ /* Classes =============================================================================================================== */ /* standard cta with cyan arrow icon*/ .cta a, .tout .modules .mod-content .cta a, .tout .modules .mod-content .cta a, .want-to-buy .triplet .check .cta a, .cta-back a {color:#000; min-height:17px; height:auto !important; height:17px; padding:1px 0 0 22px; display:inline-block; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; font-size:12px !important; text-decoration:none;} /* cta with arrow right */ .cta-alt {text-align:right;} .cta-alt a {padding:1px 22px 1px 0; background-position:100% 50%;} /* cta with arrow left pointing left */ .cta-back a {background-image:url(../img/icon_arrow-back.png);} /* cta with grey button bg */ .cta-btn {float:left; display:inline; font-size:12px !important;} .cta-btn a, .cta-btn span.faux-link {background:url(../img/homepage-new/sprt_bg-btn.png) no-repeat 0 0; height:28px; line-height:27px; display:block; float:left; color:#fff; padding:0 2px 0 10px; position:relative; margin:0; text-decoration:none;} .cta-btn a:hover {color:#fff;} .cta-btn a span, .cta-btn span.faux-link span {background:url(../img/homepage-new/sprt_bg-btn.png) no-repeat 100% 0; width:20px; height:28px; overflow:hidden; float:right; display:block; position:absolute; right:-20px; top:0;} a.remove {width:9px; height:9px; display:inline-block; background:url(../img/sprt_products.png) no-repeat 0 -400px; text-indent:-9999px;} body.js a.swf-link {display:none;} /* Rounded corners. */ #container .rounded-top-left {border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -khtml-border-radius-topleft:5px;} #container .rounded-top-right {border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; -khtml-border-radius-topright:5px;} #container .rounded-bottom-right {border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -khtml-border-radius-bottomright:5px;} #container .rounded-bottom-left {border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -khtml-border-radius-bottomleft:5px;} /* Gradients */ /* White - Grey */ .tabs-var-1 .tabs-nav li, .tabs-var-1 .tabs-nav:before, #container .gradient-white-grey {background:#e6e6e6; background-image:-moz-linear-gradient(bottom, #e6e6e6, #ffffff); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1, #e6e6e6)); background-image: -o-linear-gradient(#ffffff, #e6e6e6); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6);} /* White - Grey with stop */ #product-list .products li, .freeview-plus .modules .triplet, .freeview .modules .triplet, #container .gradient-white-grey-stop {background:#e6e6e6; background-image:-moz-linear-gradient(bottom, #e6e6e6, #ffffff 100px); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(0.3, #e6e6e6)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6);} /* Light Grey - White */ #container .gradient-lightgrey-white {background:#f2f2f2; background-image:-moz-linear-gradient(top, #f2f2f2, #ffffff); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f2f2f2), color-stop(0.3, #ffffff)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff);} /* Light Blue - Blue */ .triplet .selected .cta a, #container .gradient-lightblue-blue, .mod-promo-surround .child-2 .bubble-prompt, .mod-promo-surround .child-1 .info {background:#3ed2e6; background-image:-moz-linear-gradient(top, #3ed2e6, #38bdce); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #3ed2e6), color-stop(1, #38bdce)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3ed2e6, endColorstr=#38bdce); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3ed2e6, endColorstr=#38bdce);} /* Grey - White */ .tabs-var-1 .tabs-nav:after, #container .gradient-grey-white {background:#fff; background-image:-moz-linear-gradient(top, #e6e6e6, #ffffff); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e6e6e6), color-stop(1, #ffffff)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6e6e6, endColorstr=#ffffff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#ffffff);} /* Grey - White with stop */ .products-container, #container .gradient-grey-white-stop {background:#e6e6e6; background-image:-moz-linear-gradient(top, #e6e6e6 80px, #e6e6e6 100px, #ffffff 500px); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e6e6e6), color-stop(0.3, #ffffff)); -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#ffffff); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#ffffff);} /* Grey - Light Grey */ #refine-products div, #container .gradient-grey-lightgrey {background:#e6e6e6; background-image:-moz-linear-gradient(top, #e6e6e6, #f2f2f2); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e6e6e6), color-stop(1, #f2f2f2)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e6e6e6, endColorstr=#f2f2f2); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#f2f2f2);} /* Dark Grey - Black */ .mod-page-tabs ul, #container .gradient-darkgrey-black {background:#000; background-image:-moz-linear-gradient(top, #2b2b2b, #000000); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #2b2b2b), color-stop(1, #000000)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#2b2b2b, endColorstr=#000000); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2b2b2b, endColorstr=#000000);} /* Modules =============================================================================================================== */ /* & hero */ .hero {width:100%; height:200px; margin:0; position:absolute; top:-200px; left:0;} .hero .sub-logo {margin-top:50px;} .hero h2 {background:none; padding:7px 615px 7px 0; margin-bottom:10px; font-size:1.8em; line-height:1.3;} .hero p {width:250px; margin-bottom:1em; font-size:1.4em; color:#3ED2E6; line-height:1.2em;} .hero .cta {font-size:1.2em; line-height:1.5;} .hero .cta a {background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; color:#fff;} .hero .tabs {width:920px; background:#000;} body.js .hero .tabs {position:relative; height:380px;} .hero .tabs .tabs-content {width:920px} body.js .hero .tabs .tabs-content {position:absolute; top:0; right:0; height:325px;} .hero .tab {height:370px; overflow:hidden; width:920px; padding-top:9px; position:relative;} body.js .hero .tab {position:absolute; top:0; left:0;} .hero .tabs .tabs-content .tab {background-position:50% 50%; background-repeat:no-repeat; background-color:#000;} .hero #tab-1-1 {background-image:url(../../_media/img/bg_tab-1-1.jpg);} .hero #tab-1-2 {background-image:url(../../_media/img/bg_tab-1-2.jpg);} .hero #tab-1-3 {background-image:url(../../_media/img/bg_tab-1-3.jpg);} .hero .tab h3 {width:208px; height:54px; position:relative; display:block; overflow:hidden; font-size:1em; margin:0; padding:0; color:#000;} .hero .tab h3 span {position:absolute; width:100%; height:100%; background:url(../img/logo_freeview-on-black.png) no-repeat 0 0;} .hero .tab h4 {color:#fff; font-size:2.37em; width:33.3%; margin-top:8px;} .hero p.support-text {padding:10px 10px 16px 10px; color:#fff; position:absolute; bottom:54px; left:0; width:288px;min-height:35px; height:auto !important; height:35px; background-color:transparent; background-color:rgba(000,000,000,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom:1;} .hero .tabs .tabs-nav {min-height:64px; height:auto !important; height:64px; width:100%; background:url(../img/sprt_hero-tabs-nav.png) no-repeat 0 0; border-bottom:1px solid #5b5b5b;} body.js .hero .tabs .tabs-nav {position:absolute; bottom:0; left:0; z-index:+1; border-color:#000;} .hero .tabs .tabs-nav li {min-height:64px; height:auto !important; height:64px; float:left; display:inline; text-align:center; font-size:2em; background:transparent url(../img/sprt_hero-tabs-nav.png) no-repeat 100% 0;} .hero .tabs .tabs-nav li.first {display:none;} body.js .hero .tabs .tabs-nav li.first {display:block;} .hero .tabs .tabs-nav li.last {background:none;} .hero .tabs .tabs-nav li a {width:100%; display:block; color:#a1a1a1; padding:1.1em 0 .6em;} .hero .tabs .tabs-nav li a:hover {color:#fff;} .hero .tabs .tabs-nav li.active a {background:url(../img/sprt_hero-tabs-nav.png) no-repeat -1000px 0; color:#fff;} .hero .tabs-2 .tabs-nav li {width:50%;} .hero .tabs-2 p.support-text {width:438px;} .hero .tabs-3 .tabs-nav li {width:33.3%;} .hero .tabs-3 p.support-text {width:286px;} .hero .tabs-4 .tabs-nav li {width:25%;} .hero .tabs-4 p.support-text {width:210px;} .hero .tabs-5 .tabs-nav li {width:20%;} .hero .tabs-5 p.support-text {width:164px;} /* position supporting text dependant on number of tabs */ .hero .tabs-2 #tab-1-1 p.support-text {left:0;} .hero .tabs-2 #tab-1-2 p.support-text {left:468px;} .hero .tabs-3 #tab-1-1 p.support-text {left:0;} /*.hero .tabs-3 #tab-1-2 p.support-text {left:306px;}*/ /*.hero .tabs-3 #tab-1-3 p.support-text {left:612px;}*/ .hero .tabs-4 #tab-1-1 p.support-text {left:0;} .hero .tabs-4 #tab-1-2 p.support-text {left:240px;} .hero .tabs-4 #tab-1-3 p.support-text {left:480px;} .hero .tabs-4 #tab-1-4 p.support-text {left:720px;} .hero .tabs-5 #tab-1-1 p.support-text {left:0;} .hero .tabs-5 #tab-1-2 p.support-text {left:194px;} .hero .tabs-5 #tab-1-3 p.support-text {left:388px;} .hero .tabs-5 #tab-1-4 p.support-text {left:582px;} .hero .tabs-5 #tab-1-5 p.support-text {left:776px;} body.js .hero .simple .support-text {display:none;} body.js .hero .simple, body.js .hero .simple .tabs-content {height:200px;} .hero .simple .tabs-content .tab {height:191px; background-position:center top;} /* & tout */ .tout {background:url(../img/spcr_hero.png) repeat-x 0 0; width:900px;} .tout .modules {overflow:auto; width:899px; padding-left:1px;} .tout .modules p {margin-bottom:10px;} .tout .modules li {float:left; display:inline; width:295px; background:#fff url(../img/spcr_tout-modules-li.png) repeat-x 0 62px; margin:0 2px; min-height:344px; height:auto !important; height:344px;} .tout .modules li h3 {font-size:1.166em; padding:10px 10px 24px 10px; background:#3ed2e6 url(../img/sprt_tout-modules-h3.png) no-repeat 0 100%; color:#000;} .tout .modules li h3 span {width:80px; height:46px; margin-left:20px; background:url(../img/sprt_tout-modules-h3.png) no-repeat 0 50%; display:inline; float:left; } .tout .modules li.module-1 h3 span {background-position:0 0;} .tout .modules li.module-2 h3 span {background-position:-100px 0;} .tout .modules li.module-3 h3 span {background-position:-200px 0;} .tout .modules .mod-content {padding:10px; text-align:center;} .tout .modules .mod-content p {text-align:left;} .tout .modules .mod-content img {margin:0 auto;} .tout .modules .mod-content a {color:#3ed2e6;} .tout .modules .mod-content p {margin:0; padding:0.5em 0 0.5em 60px; position:relative;} .tout .modules .mod-content p:after {width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; content:"\00a0"; background-image:-moz-linear-gradient(left, #fff, #bbb, #fff); background:-webkit-gradient(linear, left top, right top, color-stop(0.0, #fff), color-stop(0.5, #bbb), color-stop(1, #fff));} .tout .modules .mod-content fieldset {text-align:left; padding-left:47px;} .tout .modules fieldset label {display:block;} .tout .modules fieldset input {width:178px; padding:3px 0; border-color:#8c8c8c #d4d4d4 #d4d4d4 #8c8c8c; border-width:1px; font-size:1em} .tout .modules .mod-content fieldset p {padding-left:0;} .tout .modules fieldset p.submit {text-align:right; padding-right:50px;} .tout .modules fieldset p.submit input {width:auto; height:auto; margin-left:40px;} /* & multi-content - row containing multiple content modules */ .multi-content .modules {overflow:auto; width:900px;} .multi-content .modules ul {width:100%;} .multi-content .modules li, .updates .modules li, .updates .modules .module-1 {float:left; display:inline; width:438px; border:1px solid #d3d3d3; min-height:210px; height:auto !important; height:210px; background:#fff; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1, #e6e6e6)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6);} .multi-content .modules li.module-3, .updates .modules li.module-3 {float:right;} .multi-content .modules li.module-1, .updates .modules .module-1 {width:898px; margin:0 0 15px 0; min-height:1px; height:auto;} .multi-content .modules li.module-1 form, .updates .modules .module-1 form {float:left; display:inline; background:url(../img/bg_seperator.png) no-repeat 100% 0; width:715px; margin-right:42px;} .multi-content .modules li.module-1 form label, .updates .modules .module-1 form label {width:150px; text-align:right; margin-right:10px; float:left; display:inline;} .multi-content .modules li.module-1 .mod-content, .updates .modules .module-1 .mod-content {width:auto;} .multi-content .modules li.module-1 p, .updates .modules .module-1 p {float:left; display:inline;} .multi-content .modules li.module-1 p.sign-up, .updates .modules .module-1 p.sign-up {margin-left:160px; float:none; display:block; clear:both; padding-top:.2em;} #freeview-plus-bbc .competition .module p.error, .winter-picks .wtwCompetition p.error, .multi-content .modules li.module-1 p.error, .updates .modules .module-1 p.error {color:#ee312f; font-weight:bold;} .multi-content .modules fieldset input, .updates .modules fieldset input {width:425px; padding:3px 0; border-color:#8c8c8c #d4d4d4 #d4d4d4 #8c8c8c; border-width:1px; font-size:1em} .multi-content .modules fieldset input.check, .updates.modules fieldset input.check {width:12px; height:12px; overflow:hidden; margin-right:6px;} .multi-content .modules fieldset p.submit input, .updates .modules fieldset p.submit input {width:75px; height:17px; margin-left:20px;} .multi-content .modules li.module-1 a {line-height:2em;} .multi-content .modules li.module-2 p, .multi-content .modules li.module-3 p {margin-bottom:.4em;/* line-height:1.2em;*/} .multi-content .modules li.module-2 p.cta, .multi-content .modules li.module-3 p.cta, .multi-content .modules .triplet p.cta {padding-top:20px;} .col-pri .multi-content .modules li.module-2 p.cta, .col-pri .multi-content .modules li.module-3 p.cta, .col-pri .multi-content .modules .triplet p.cta, .col-pri .multi-content .modules li.module-2 p.cta-btn, .col-pri .multi-content .modules li.module-3 p.cta-btn, .col-pri .multi-content .modules .triplet p.cta-btn {padding-top:10px;} .multi-content .modules .mod-content, .multi-content .modules .mod-details {float:left; display:inline; width:180px; padding:10px 20px;} .multi-content .modules .mod-content-bg-image {float:left; display:inline; width:100%; min-height:223px; padding:10px 0px 10px 20px;} .multi-content .modules .mod-image-content, .multi-content .modules .mod-image {float:left; display:inline; text-align:center; width:218px; padding-top:20px; background:#fff;} .col-pri .multi-content .modules .mod-content-bg-image {float:left; display:inline; width:100%; min-height:223px; padding:10px 0px 10px 20px;} .multi-content .modules .mod-content h3, .modules .mod-content h3, .multi-content .modules .mod-content-bg-image h3, .vanilla .multi-content .modules .mod-details h3{color:#000; margin-bottom:10px;} .multi-content .modules .module-2 .mod-content {padding-bottom:0; overflow:hidden;} .multi-content .modules .mod-content-fixed {position:relative; height: 192px; padding-bottom: 0} .multi-content .modules .mod-content-fixed p.cta {position:absolute; bottom: 10px;} .multi-content .modules li a.app-store {width:192px; height:47px; display:block; margin-top:7px; background:url(../img/btn_app-store.png) no-repeat; text-indent:-9999px;} .multi-content .modules li a.app-download {width:193px; height:46px; display:block; margin-top:7px; background:url(../img/btn_app-download.png) no-repeat; text-indent:-9999px;} .multi-content .modules li a.android-download {width:193px; height:46px; display:block; margin-top:7px; background:url(../img/btn_android-download.png) no-repeat; text-indent:-9999px;} .multi-content .benefits h2 {margin-bottom:20px;} .multi-content .modules ul.hd-benefits {position:relative;} .multi-content .modules ul.hd-benefits li {position:relative; width:438px; min-height:190px; background-position: 0 -55px;} .multi-content .modules ul.hd-benefits li h3 {padding-bottom:20px; margin:15px 0 0 15px;} .multi-content .modules ul.hd-benefits li p {width:250px; margin:15px 0 0 15px;} .multi-content .modules ul.hd-benefits li span {float:right; position:absolute; text-indent:-10000px;} .multi-content .modules ul.hd-benefits .module-2 span {background:url(../../_media/img/sony-bravia-tv.png) no-repeat; width:163px; height:201px; top:-10px; right:0;} .multi-content .modules ul.hd-benefits .module-3 span {background:url(../../_media/img/samsung-freeview-hd.png) no-repeat; width:178px; height:150px; top:30px; right:0;} /* GENERIC EXTENDIBLE GREY BUTTON */ .grey-button {height: 37px;} .grey-button span, .grey-button a {display: inline; float: left; background: url(../img/Navigation/button-grey-repeat.jpg) 0 0 repeat-x;} .grey-button a {padding: 8px 6px; margin: 0!important; font-size: 1.2em; font-weight: bold; text-decoration: none!important;} .grey-button span.left-corners {width: 33px; height: 37px; background:url(../img/Navigation/button-grey-left.jpg) 0 0 no-repeat;} .grey-button span.right-corners {width: 6px; height: 37px; background:url(../img/Navigation/button-grey-right.jpg) 0 0 no-repeat;} /* HD PLUS Variations */ .freeview-plus .multi-content .modules li.module-1 {border:0;} .freeview-plus .multi-content .modules li.module-1 .mod-content {padding:0;} .freeview-plus .multi-content .modules li.module-1 .mod-content img {display:block;} .freeview-plus #wrapper {margin-top:324px;} .freeview-plus .hero {height:308px; top:-308px; background-position: 0 0; background-repeat: no-repeat;} .freeview-plus h2 {background-position: 0 -180px;} .freeview-plus .hero .sub-logo {margin-top:30px;} .freeview-plus .updates .modules li.module-1 {margin-bottom:20px;} .updates .modules .mod-content {padding:10px 20px;} .freeview-plus #freeview-plus-overview .hero {background:url(../../_media/img/img_page-hd-plus-overview.jpg);} .freeview-plus #freeview-plus-products .hero {background:url(../../_media/img/img_page-hd-plus-products.jpg);} .freeview-plus .triplet .static img {border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding-left: 50px; padding-right: 45px; display: inline;} .freeview-plus .triplet .hover-state .cta a {background-color: #a7a7a7; background-image:none; color: #fff;} .freeview-plus .triplet .selected .cta a {position:relative; color:#fff; background-color: #38bdcf;} .freeview-plus .modules .triplet {overflow: hidden; width: 100%;} .freeview-plus .modules .large-single {width: 898px; min-height:180px; background: url(../img/spcr_long-grey-white.jpg) repeat-x scroll 0 10px #FFFFFF; overflow: auto;} .freeview-plus .modules .large-single#products {background: url(../img/spcr_short-grey-white.jpg) repeat-x scroll 0 10px #FFFFFF; overflow: auto;} .freeview-plus .modules .large-single .text {float: right; padding-right: 20px;} .freeview-plus .modules .large-single .image {float: left; margin-top: 25px; text-align:center;} .freeview-plus .modules #series-record .text {width: 460px; margin-top:20px;} .freeview-plus .modules #products .text {width: 320px; margin-top:50px;} .freeview-plus .modules #series-record .image {width: 448px; margin-left: -40px; background: url(../img/bg_series-record.png) 330px 50px no-repeat;} .freeview-plus .modules #products .image {width: 558px;} .freeview-plus .modules h3 {font-size: 1.8em;} #freeview-plus-overview .tabs-var-1 .tabs-content p {width: 248px;} #freeview-plus-overview .tabs-benefits .conflict-resolution {background-image: url(../../_media/img/img_confilct-resolution.jpg)} #freeview-plus-overview .tabs-benefits .split-recording {background-image: url(../../_media/img/img_split-recording.jpg)} #freeview-plus-overview .tabs-benefits .green-button {background-image: url(../../_media/img/img_green-button.jpg)} #freeview-plus-overview .tabs-benefits .pause-live {background-image: url(../../_media/img/img_pause-live.jpg)} #freeview-plus-overview .tabs-benefits .simple-recording {background-image: url(../../_media/img/img_simple-recording.jpg)} /**/ /* WORLD CUP Variations */ #world-cup .multi-content .modules .mod-content-bg-image{background: url(../../_media/img/world-cup-products.jpg) 200px 0px no-repeat;} #world-cup .multi-content .modules .mod-content-bg-image p{width: 250px;} #world-cup .multi-content .modules ul{margin-top: 10px;} body#world-cup h2 {background-position:right -120px;} #world-cup #wrapper {margin-top: 334px;} #world-cup .hero {height:314px; top:-314px; background-position: 0 0; background-repeat: no-repeat;} #world-cup .hero {background:url(../../_media/img/img_page-world-cup.jpg);} #world-cup .hero h2 {margin: 7px 50px 7px 0; font-size: 26px; color: #fff; font-weight: normal;} #world-cup .row {overflow: auto;} #world-cup .module {background:url("../img/spcr_tout-modules-li.png") repeat-x scroll 0 10px #FFFFFF; border: 1px solid #D3D3D3; display: inline; float: left; overflow: hidden;} #world-cup .module#spot-the-ball {margin: 20px 0 0 0;} #world-cup .module .mod-content-bg-large {padding:10px 10px 20px 10px; height: 100%; width: 878px; background: url(../../_media/img/world-cup-tv-large.jpg) right bottom no-repeat;} #world-cup .module .mod-content-bg-large#why {background: url(../../_media/img/world-cup-tv-large.jpg) right bottom no-repeat; min-height: 290px; _height: 290px;} #world-cup .module .mod-content-bg-large#fixtures {background: url(../../_media/img/world-cup-fixtures-large.jpg) right bottom no-repeat; overflow: auto;} #world-cup .module .mod-content-bg-large ul {display: inline; float: left;} #world-cup .module .mod-content-bg-large li p {margin: 5px 0; width: 250px;} #world-cup .module .mod-content-bg-large p {margin:15px 0; width: 500px;} #world-cup .multi-content li {background:url("../img/spcr_tout-modules-li.png") repeat-x scroll 0 10px #FFFFFF; border: 1px solid #D3D3D3; display: inline; float: left; overflow: hidden;} #world-cup .multi-content li.module-2 {margin-right: 20px;} #world-cup .mod-content-bg-small {padding:10px 0px 20px 10px; height: 100%; width: 425px;} #world-cup .mod-content-bg-small#streaker {background: url(../../_media/img/world-cup-streaker.jpg) 260px 5px no-repeat;} #world-cup .mod-content-bg-small#products {background: url(../../_media/img/world-cup-products.png) 200px 10px no-repeat;} #world-cup #essentials .mod-content-bg-small p {margin:15px 0; width: 250px;} #world-cup #fixtures {position: relative;} #world-cup #fixtures .channel-list {position: absolute; top: 30px; right: 0;} #world-cup .channel-list li {float: left; width: 165px;} #world-cup .channel-list li a {float: left; width: 90px; background-position: 0 29px; padding-top: 30px;} #world-cup .channel-list li.bbc {background: url("../img/media-logo-bbc.gif") no-repeat 22px 0;} #world-cup .channel-list li.itv {background: url("../img/media-logo-itv1hd.gif") no-repeat 22px 0;} /* PHASE 2 - SPOT THE BALL */ /**/ #world-cup .stb {margin: 20px 0 0 0; width: 898px; height: 490px; background: url(../../_media/img/spot-the-ball/bg-spot-the-ball.jpg) 0 0 no-repeat; position: relative;} #world-cup .stb h2 {margin: 10px 0 0 0; background: none; color: #fff; font-size: 26px; font-weight: bold; text-align: center;} #world-cup .stb h3 {color: #ed1c24; font-size: 26px; font-weight: bold;} #world-cup .stb p, #world-cup .stb a {margin: 12px 0 0 0; color: #fff;} #world-cup .stb a.terms,#world-cup .module a.terms {text-decoration:underline;} #world-cup .stb li {margin: 12px 0 0 0;} #world-cup .stb li {color: #fff; list-style: circle;} #world-cup .module .mod-content {height: 100%} #world-cup .module .mod-content .left-content, #world-cup .module .mod-content .right-content {float: left; position: relative;} #world-cup .module .mod-content .left-content {width: 50%;} #world-cup .module .mod-content .left-content h2 {text-align: left;} #world-cup .module .mod-content .right-content h2 {margin-left: -70px;}/* Need to redo this quick fix */ #world-cup .module .mod-content .right-content {margin: 0 0 0 40px; width: 45%;} #world-cup .module .mod-content .left-content img {position: absolute; z-index: 100;} #world-cup .module .mod-content .right-content img {left: 20px; position: absolute; z-index: 100;} #world-cup .module .mod-content .left-content #question {padding-left: 20px;} #world-cup .module .dark-trans {margin-left: -429px; padding: 20px; width: 818px; position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95000000,endColorstr=#95000000); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95000000,endColorstr=#95000000);} #world-cup .module #stage-1 {margin-top: 20px; height: 170px;} #world-cup .module #stage-2 {margin-top: -220px; height: 400px;} #world-cup .module #stage-3 {margin-top: -190px; height: 300px;} #world-cup .module #stage-1 .grey-button {float: right; margin: -25px 0 0 0; display: none;} #world-cup .module #stage-1 .mod-content .left-content img {top: 50px; left: 30px;} #world-cup .module #stage-2 .mod-content .left-content {width: 270px;} #world-cup .module #stage-2 .mod-content .right-content {margin: 0 0 0 30px; width: 495px;} #world-cup .module #stage-2 .mod-content .right-content #comp-grid {background:url(../../_media/img/spot-the-ball/pitch-image-1.jpg) 18px 10px no-repeat; width: 511px; height: 440px;} #world-cup .module #stage-2 .mod-content .right-content img {left: -9px;} #world-cup .module #stage-3 .mod-content {padding-right: 450px; background: url(../../_media/img/spot-the-ball/box-phase1.png) 450px 60px no-repeat;} #world-cup .module #stage-3 .cta a {background: url(../img/legacy/bullet.png) 0 0 no-repeat;} /*should be rolled out across entire site eventually*/ /* SPOT THE BALL Form Elements */ #enter-spot-the-ball label, #enter-spot-the-ball span {margin: 10px 0;width: 250px; display: block; } #enter-spot-the-ball .inline-element {width: 40px; display: inline;} #enter-spot-the-ball input {width: 200px;} #enter-spot-the-ball #pos input {margin: 5px; width: 20px;} #enter-spot-the-ball #terms input {margin: 2px 10px 0 0; float: left; width: 10px;} #enter-spot-the-ball .button {margin: 10px 0; width: 138px; height: 37px;} /**/ /* TESCO OFFERS Variations */ .offers .multi-content .modules .mod-content-bg-image{background: url(../../_media/img/world-cup-products.jpg) 200px 0px no-repeat;} .offers .multi-content .modules .mod-content-bg-image p{width: 250px;} .offers .multi-content .modules ul{margin-top: 10px;} .offers h2 {background-position:right -120px; background-image:none;} #offers #wrapper {margin-top:270px;} .offers #gift-guide .hero {height:220px; top:-220px; background:url(../img/bg_hero-offers.jpg) no-repeat 0 0;} .offers .hero {background:url(../img/royal-wedding/bg_hero-connected-tv.jpg) no-repeat 0 0; height:240px; top:-240px;} .offers .hero h2 {margin:12px 0; font-size:3.4em; color:#fff; padding-right:350px;} .offers .row {overflow: auto;} .offers .module {border: 1px solid #D3D3D3; display: inline; float: left; overflow: hidden;} .offers .module#spot-the-ball {margin: 20px 0 0 0;} .offers .module .mod-content-bg-large#why {padding:10px 10px 20px 10px; width: 878px; background:url(../../_media/img/img_tesco_offer.jpg) right top no-repeat; min-height: 350px; height:auto !important; height:350px; position:relative;} .offers .module .mod-content-bg-large ul {display: inline; float: left;} .offers .module .mod-content-bg-large li p {margin: 5px 0; width: 250px;} .offers .module .mod-content-bg-large p {margin:15px 0; width: 430px;} .offers .multi-content li {background:url("../img/spcr_tout-modules-li.png") repeat-x scroll 0 10px #FFFFFF; border: 1px solid #D3D3D3; display: inline; float: left; overflow: hidden;} .offers .multi-content li.module-2 {margin-right: 20px;} .offers .mod-content-bg-small {padding:10px 0px 20px 10px; height: 100%; width: 425px;} .offers .mod-content-bg-small#streaker {background: url(../../_media/img/world-cup-streaker.jpg) 260px 5px no-repeat;} .offers .mod-content-bg-small#products {background: url(../../_media/img/world-cup-products.png) 200px 10px no-repeat;} .offers #essentials .mod-content-bg-small p {margin:15px 0; width: 250px;} .offers .banner {position:absolute; top:184px; right:25px; padding:0; width:397px;} * html .offers .banner {right:0;} .offers .module .mod-content-bg-large p.clubpoints {float:right; font-size:11px; height:40px; margin:0 10px 0 0; width:80px; color:red; text-align:center;} .offers .banner p.brand, .offers .banner p.model {margin:0 0 8px 0; font-size:14px; float:left; display:inline; width:180px;} .offers .module .mod-content-bg-large .banner p.price {float:right; font-size:14px; height:30px; margin:0; width:204px; background:url("../../_media/img/img_tesco_price.jpg") no-repeat scroll right top transparent; padding-top:9px;} .offers .banner p.brand {margin-top:9px} .offers .banner p.description {clear:both; float:none; width:397px; margin:0;} .offers #fixtures {position: relative;} .offers #fixtures .channel-list {position: absolute; top: 30px; right: 0;} .offers .channel-list li {float: left; width: 165px;} .offers .channel-list li a {float: left; width: 90px; background-position: 0 29px; padding-top: 30px;} .offers .channel-list li.bbc {background: url("../img/media-logo-bbc.gif") no-repeat 22px 0;} .offers .channel-list li.itv {background: url("../img/media-logo-itv1hd.gif") no-repeat 22px 0;} /* & faqs */ .mod-faq .accordion-content {border:1px solid #d3d3d3; border-top:0; padding:0 10px 0 10px;} .mod-faq dl {width:878px; padding-bottom:10px; overflow:auto;} .mod-faq dt {background:#f5f5f5; width:878px; margin-top:10px; padding:0; float:left; display:inline; font-size:1.6em; color:#4c4c4c;} .mod-faq dt:hover {background:#c5f1f7; cursor:pointer;} .mod-faq dt span {float:left; display:inline; padding:6px 10px; background:url(../img/bg_seperator.png) no-repeat 100% 50%; width:730px; } .mod-faq dt em {float:right; display:inline; padding:8px 20px 6px 10px; font-style:normal; color:#626262; font-size:.8em; background:url(../img/sprt_accordian.png) no-repeat 100% 1em; margin-right:10px} .mod-faq dt.open {border-bottom:1px dotted #d3d3d3;} .mod-faq dt.open em {background-position:100% -237px;} .mod-faq dd {background:#f5f5f5; width:858px; margin:0; padding:10px; float:left;} .mod-faq dd a {text-decoration:underline;} .mod-faq dd h3 {color:#4c4c4c; margin-bottom:.4em; font-size:1.4em;} .mod-faq dd h4 {color:#4c4c4c; margin-bottom:.4em; font-size:1.3em;} .mod-faq dd p {margin-bottom:.5em;} .mod-faq dd ul {list-style:outside disc; padding-left:12px; margin:0 0 .5em 10px;} .mod-faq dd li {font-size:1em; display:list-item;} .mod-faq .accordion-content p.cta {padding-bottom:12px;} /* & twitter */ .mod-twitter .module {height:57px; padding:5px 10px; position:relative; background:#000 url(../img/bg_twitter.png) no-repeat 0 0;} .mod-twitter h2 {padding:0 0 7px 0; font-size:2em; color:#fff; background:none;} .mod-twitter p.cta a {display:block; color:#fff;} .mod-twitter #ticker-container-wrap {position:absolute; top:22px; left:230px;} .mod-twitter #ticker-container {width:645px; height:18px; float:left; display:inline; overflow:hidden; position:relative;} .mod-twitter #ticker {width:9999px; position:absolute; top:0; left:0; visibility:hidden;} .mod-twitter #ticker li {float:left; padding-left:10px;} .mod-twitter #ticker li a {color:#00f;} /* & page tabs */ .mod-page-tabs {width:100%; margin:0 0 10px;} .mod-page-tabs ul {width:920px; height:auto !important; height:40px; min-height:40px; border-top:1px solid #333;} .mod-page-tabs ul li {min-height:40px; height:auto !important; height:40px; float:left; display:inline; position:relative; text-align:center; font-size:1.6em;} .mod-page-tabs ul.tabs-2 li {width:459px;} .mod-page-tabs ul.tabs-2 li.last {width:458px;} .mod-page-tabs ul.tabs-3 li {width:305px;} .mod-page-tabs ul.tabs-3 li.last {width:306px;} .mod-page-tabs ul.tabs-4 li {width:229px;} .mod-page-tabs ul.tabs-5 li {width:183px;} .mod-page-tabs ul.tabs-5 li.last {width:184px;} .mod-page-tabs li.first {border-left:1px solid #333;} .mod-page-tabs li.last {border-right:1px solid #333;} .mod-page-tabs ul.tabs-5 li.last {width:184px;} .mod-page-tabs li a {width:100%; display:block; color:#a1a1a1; line-height:40px;} .mod-page-tabs li a:hover {color:#fff;} .mod-page-tabs li.active {border-left:1px solid #fff; border-right:1px solid #fff; background:#fff url(../img/bg_page-tabs.png) no-repeat right top;} .mod-page-tabs li.active a {color:#000;} .mod-page-tabs li span, .mod-page-tabs li:after {width:1px; height:30px; display:block; position:absolute; right:-1px; top:5px; content:"\00a0"; background-image:-moz-linear-gradient(top, rgba(0,0,0,0), #8e8e8e, rgba(0,0,0,0)); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255,255,255,0)), color-stop(0.5, #adadad), color-stop(1, rgba(255,255,255,0))); -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00ffffff, endColorstr=#99adadad); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00ffffff, endColorstr=#99adadad);} .mod-page-tabs li.active:after, .mod-page-tabs li.last:after {display:none;} .mod-page-tabs li.inactive a {color:#333;} .mod-page-tabs li.inactive a:hover {cursor:default;} /* & promos */ .mod-promo-iphone {overflow:auto; background:url(../img/spcr_tout-modules-li.png) repeat-x scroll 0 100px #fff;} .mod-promo-iphone h2 {margin-bottom:20px;} .mod-promo-iphone .child-1, .mod-promo-iphone .child-2 {float:left;} .mod-promo-iphone .child-1 {margin-left:10px;} .mod-promo-iphone .child-2 {width:350px; padding:20px 60px;} .mod-promo-iphone .child-3 {float:right; margin-right:60px;} .mod-promo-iphone h3 {margin:10px 0 10px 0;} .mod-promo-iphone p {margin:0.5em 0;} .mod-promo-iphone a.app-store {width:192px; height:47px; display:block; margin-top:40px; background:url(../img/btn_app-store.png) no-repeat; text-indent:-9999px;} .mod-promo-ads {overflow:hidden; background:url(../img/spcr_tout-modules-li.png) repeat-x scroll 0 100px #fff;} .mod-promo-ads h2 {margin-bottom:20px;} .mod-promo-ads .child-1, .mod-promo-ads .child-2 {float:left;} .mod-promo-ads .child-1 {margin-left:10px;} .mod-promo-ads .child-2 {width:350px; padding:20px 60px;} .mod-promo-ads .child-3 {float:right; margin-right:60px;} .mod-promo-ads h3 {margin:0;} .mod-promo-ads p {margin:0.5em 0;} /* Surround Sound Module*/ .mod-promo-surround {height: 280px;} .mod-promo-surround .child-1, .mod-promo-surround .child-2 {float: left;} .mod-promo-surround .child-1 {margin: 10px 10px 0 0; background: url(../img/bg_surround-bg.png) 0 0 no-repeat; width: 445px; height:220px;} .mod-promo-surround .child-1 .child-1-hover-states {margin: 0; padding: 0; position: relative; width: 445px; height:220px; background: url(../img/bg_sprite_soundsystem.jpg) 0 240px no-repeat;} .mod-promo-surround .child-1 .hover-block {margin: 0; padding: 0; position: absolute; text-indent: -9999px;} .mod-promo-surround .child-1 .speaker-bg-small#bg-one {width: 40px; height: 24px; top: 14px; left: 35px; background:url(../img/bg_surround-rl.png) no-repeat;} .mod-promo-surround .child-1 .speaker-bg-small#bg-two {width: 40px; height: 24px; top: 177px; left: 35px; background:url(../img/bg_surround-rr.png) no-repeat;} .mod-promo-surround .child-1 .speaker-bg-large {width: 60px; height: 40px; top: 89px; left: 10px; background:url(../img/bg_surround-rc.png) no-repeat;} .mod-promo-surround .child-1 .speaker-fg-tv {width: 45px; height: 58px; top: 80px; left: 300px; background:url(../img/bg_surround-fc.png) no-repeat;} .mod-promo-surround .child-1 .speaker-fg-small#fg-one {width: 40px; height: 19px; top: 23px; left: 380px; background:url(../img/bg_surround-fl.png) no-repeat;} .mod-promo-surround .child-1 .speaker-fg-small#fg-two {width: 40px; height: 19px; top: 172px; left: 380px; background:url(../img/bg_surround-fr.png) no-repeat;} .mod-promo-surround .child-1 .speaker-bg-small#bg-one:hover, .mod-promo-surround .child-1 #bg-one.hover, .mod-promo-surround .child-1 .speaker-bg-small#bg-two:hover, .mod-promo-surround .child-1 #bg-two.hover, .mod-promo-surround .child-1 .speaker-bg-large:hover, .mod-promo-surround .child-1 .speaker-fg-tv:hover, .mod-promo-surround .child-1 .speaker-fg-small#fg-one:hover, .mod-promo-surround .child-1 #fg-one.hover, .mod-promo-surround .child-1 .speaker-fg-small#fg-two:hover, .mod-promo-surround .child-1 #fg-two.hover {background-position:left bottom;} .mod-promo-surround .child-1 .info {padding:5px 5px 2px 5px; position:absolute;} body.js .mod-promo-surround .child-1 .info {display:none;} .mod-promo-surround .child-1 .info p {color: #fff; font-size:1.1em;} .mod-promo-surround .child-1 .info#bg-small-copy {width: 125px; min-height: 48px; top: 150px; left: 80px;} .mod-promo-surround .child-1 .info#bg-large-copy {width: 140px; min-height: 50px; top: 73px; left: 80px;} .mod-promo-surround .child-1 .info#fg-tv-copy {width: 130px; min-height: 36px; top: 85px; right: 155px;} .mod-promo-surround .child-1 .info#fg-small-copy {width: 160px; min-height: 35px; top: 12px; right: 75px;} .mod-promo-surround .child-2 {width: 340px; margin: 0 0 0 25px;} .mod-promo-surround .child-2 h3 {margin: 30px 0 10px 0; font-weight: bold;} .mod-promo-surround .child-2 .bubble-prompt {margin: 30px 0 0 0; background-color: #3bd1e3; color:#FFFFFF; padding: 5px 5px 5px 20px; text-align:center; position:relative; width:auto;} .mod-promo-surround .child-2 .bubble-prompt em {position:absolute; top:3px; left:10px; font-style:normal;} /* & Tooltip */ body.js .tooltip div {display:none;} body.js .tooltip {cursor:pointer;} /* & overlays */ #lightbox-content #wrapper {border:0; text-align:left; width:590px; position:relative;} #lightbox-content a.close {background:url(../img/sprt_icons.png) no-repeat -160px 50%; width:20px; height:20px; display:block; position:absolute; top:10px; right:10px; text-indent:-20000px;} #lightbox-content h1 {background:#000 url(../img/bg_h2.png) no-repeat 230px -45px; padding:8px 10px; line-height:1.4em; font-size:1.8em; font-weight:bold; color:#fff;} #lightbox-content table {width:590px; border:0;} #lightbox-content td {padding:16px 30px 16px 20px; vertical-align:middle;} #lightbox-content .hd-setup td {min-height:185px; height:auto !important; height:185px;} #lightbox-content td.mod-content {background:#f0f0f0 url(../img/bg_overlay-steps-li.png) repeat-y 100% 50%; width:270px;} #lightbox-content td.mod-image-content {width:280px; background:#fff; text-align:center; padding:10px 0 0; border-bottom:1px solid #ddd;} #lightbox-content td p {padding:.4em 0;} #lightbox-content h2 {background:0; padding:.6em 0 0; color:#343434; font-size:1.5em; font-weight:bold;} #lightbox-content .hd-setup td p {font-size:1.5em; line-height:1.3;} #lightbox-content .hd-ready td.mod-image-content{vertical-align:bottom;} /* & shadowbox */ #sb-body {background:#fff;} #sb-info {position:static;} #sb-nav #sb-nav-close {background:url(../img/icon_lightbox-close.png) no-repeat; width:20px; height:20px; display:block; position:absolute; top:10px; right:7px; text-indent:-20000px;} #sb-title-inner {background:#000; padding:8px 10px; line-height:1.2; font-size:1.8em; color:#fff; font-family:Arial,Helvetica,sans-serif;} #sb-title, #sb-title-inner {min-height:40px; height:auto !important; height:40px;} html.lightbox {background:none;} body.lightbox, body.lightbox #container, body.lightbox #wrapper {width:590px; min-width:590px; margin:0; padding:0; border:0;} body.lightbox h1 {display:none; background:#000 url(../img/bg_h2.png) no-repeat 230px -45px; padding:8px 10px; line-height:1.4em; font-size:1.8em; font-weight:bold; color:#fff;} body.lightbox h2 {background:0; padding:.6em 0 0; color:#343434; font-size:1.5em; font-weight:bold;} body#hd-check {background-color:#fff;} /* #lightbox-flash-container a.close {display:none;} #lightbox-content #wrapper.map {width:699px; height:590px;} */ /* & tabs */ /* horizontal tabs */ .tabs-nav-h {width:100%; float:left;} .tabs-nav-h li {min-width:120px; width:auto !important; width:120px; position:relative; float:left; font-size:1.4em;} .tabs-nav-h li a {padding:10px; display:block; text-align:center; color:#666;} .tabs-nav-h li span, .tabs-nav-h li:after {width:1px; height:40px; display:block; position:absolute; right:0; top:0; content:"\00a0"; background-image:-moz-linear-gradient(bottom, rgba(255,255,255,0), #adadad, rgba(255,255,255,0)); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(255,255,255,0)), color-stop(0.5, #adadad), color-stop(1, rgba(255,255,255,0))); -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#adadad); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#adadad);} .tabs-nav-h li a:hover {color:#000;} .tabs-nav-h li.active a {background:#fff; color:#000;} /* vertical tabs variant 1 */ .tabs-var-1 {width:100%; padding:15px 0; float:left;} .tabs-var-1 .tabs-nav {width:230px; padding:15px 0; float:left; position:relative;} .tabs-var-1 .tabs-nav:before, .tabs-var-1 .tabs-nav:after {width:1px; height:15px; display:block; position:absolute; right:0; top:0; content:"\00a0";} .tabs-var-1 .tabs-nav:after {top:auto; bottom:0;} .tabs-var-1 .tabs-nav li {height:50px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .tabs-var-1 .tabs-nav li.active {border-right:1px solid #fff; background:#fff; filter:none;} .tabs-var-1 .tabs-nav li a {padding:0 0 0 10px; height:50px; line-height:50px; display:block; color:#666; background:url(../img/sprt_site.png) no-repeat 210px 13px;} .tabs-var-1 .tabs-nav li a:hover {color:#000;} .tabs-var-1 .tabs-nav li.active a {background-position:210px -87px; color:#000;} .tabs-var-1 .tabs-content {width:630px; padding:0 0 0 10px; float:right; background:url(../img/spcr_tout-modules-li.png) repeat-x 0 80px #fff;} .tabs-var-1 .tabs-content li {width:100%; float:left;} .tabs-var-1 .tabs-content h3 {margin:30px 0 10px 0;} .tabs-var-1 .tabs-content p {width:280px; float:left; font-size:1.4em;} .tabs-var-1 .tabs-content p.cta {margin-top: 10px; position: relative; clear: both;} .tabs-var-1 .tabs-content img {float:right;} /* & carousel (taken from Patrick's homepage build) */ .primary-carousel a {text-decoration:none} .primary-carousel a:hover {text-decoration:underline} .primary-carousel ul, .primary-carousel li {list-style:none} .primary-carousel p {color:#fff} .primary-carousel .ctaLink a {padding:4px 0 4px 22px; background:url(../img/legacy/bullet1.png) no-repeat left center; color:#fff} .carousel-nav-button {position:static; top:28px; right:0px; padding-bottom:5px; width:135px; padding-right:15px;} body.js .carousel-nav-button {position:absolute; border-bottom:1px solid #2f2f2f;} .promospot1 {background:url(../img/legacy/long-grey-tvicon.png) no-repeat left bottom; float:right;} .promospot1 a {color:#fff; padding:12px 5px 0 30px; height:25px; background:url(../img/legacy/long-grey-tvicon.png) no-repeat right top; display:block; text-decoration:none} .primary-carousel {background:#333; padding:20px; position:relative; width:100%; overflow:hidden;} body.js .primary-carousel {background:#000 url(../img/legacy/bg-blue-tube.gif) no-repeat 0 63px; padding:0 0 20px 0;} .pri-carousel-nav {position:relative;} .pri-carousel-nav ul {display:none; background:url(../img/legacy/bg-tabs.gif) no-repeat left bottom; width:100%; padding-top:0; overflow:hidden; padding-left:5px} body.js .pri-carousel-nav ul {display:block;} .pri-carousel-nav li {float:left; width:153px; margin:0;} .pri-carousel-nav li a {color:#999; display:block; padding:29px 0 10px 0px;} .pri-carousel-nav li a:visited {text-decoration:none;} .pri-carousel-nav li a span {display:block; border-left:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; padding:5px; height:31px; overflow:hidden} .pri-carousel-nav li strong {display:block;} .pri-carousel-nav li a:hover, .pri-carousel-nav li.on a {color:#fff; text-decoration:none; background:url(../img/legacy/tabs-bg-hover.jpg) no-repeat center bottom;} .pri-carousel-nav li a:hover span, .pri-carousel-nav li.on a span {border-bottom:0;} .primary-carousel .paginate {position:absolute; z-index:6; top:110px; background:url(../img/legacy/round-paginate.png) no-repeat; width:33px; height:33px; cursor:pointer} .primary-carousel .paginate-prev {left:0;} .primary-carousel .paginate-prev:hover {background-position:left bottom} .primary-carousel .paginate-next {right:20px; background-position:right top} .primary-carousel .paginate-next:hover {background-position:right bottom} .primary-carousel li .img {width:547px; height:252px; top:0;} .carousel a {color:#fff} .carousel li {margin:0; overflow:hidden; width:100%; margin-bottom:20px} body.js .carousel li {overflow:visible; width:auto; margin-bottom:0;} .carousel h2 {position:relative; z-index:1; color:#33ffff; font-size:1.7em; margin-bottom:6px;} .carousel {height:auto; position:relative; z-index:3;} body.js .carousel {height:252px;} .carousel img {display:block;} .carousel .img {position:static; float:right; width:640px;} body.js .carousel .img {position:absolute; float:none; width:auto;z-index:1} .primary-carousel .mask {z-index:4; width:71px; height:252px; background:url(../img/legacy/grad1.png) no-repeat; position:absolute; top:0; right:0} .carousel .infoblock {background:#000; position:relative; float:left; height:200px; width:205px; padding:30px 10px 10px;} body.js .carousel .infoblock {position:absolute; top:15px; left:43px; float:none; z-index:3; background:transparent;} .carousel .infoblock p {width:auto;} .primary-carousel .infoContainer {background:url(../img/legacy/bg-grad-black-semitrans.png); position:absolute; top:0px; left:43px; width:225px; height:252px; z-index:2} .carousel p.time {color:#33ffff; margin-bottom:8px; font-size:0.9em} .carousel .info p {font-size:0.9em} .carousel .ctaLink {font-size:0.9em; position:absolute; bottom:10px;} .carousel p.category {position:absolute; top:0; background:url(../img/legacy/icon-show.gif) no-repeat; line-height:2em; padding-left:27px; font-size:0.9em} .carousel p.category.cat-0-TV-Show {background:url(../img/legacy/tv_show.gif) no-repeat;} .carousel p.category.cat-1-Competition {background:url(../img/legacy/competition.gif) no-repeat;} .carousel p.category.cat-2-Whats-on {background:url(../img/legacy/whats_on.gif) no-repeat;} /* Pages =============================================================================================================== */ /* Pages -> What's New */ .what-s-new #wrapper {margin-top:20px;} .what-s-new .updates .modules .module-1 {width:918px;} .what-s-new h2 {background-image:none;} .blog-rss {float:right; display:inline; margin:0 10px 10px 0} .blog-rss img {margin-left:6px; vertical-align:middle;} /* & hero variation */ #hero-variation {width:920px; height:320px;} #hero-variation .promo-container {width:920px; height:320px; position:relative; background:url(../../_media/img/whatson/hero-promo.jpg) 0 0 no-repeat;} #hero-variation .promo-container .promo-copy {width:920px; background-color:transparent; background-color:rgba(000,000,000,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); position:absolute; bottom:0px; left:0px; overflow:hidden;} #hero-variation .promo-container .off {height:50px !important;} #hero-variation .promo-container .on {height:133px !important;} #hero-variation .promo-container .off span, #hero-variation .promo-container .off .col-link {display:none;} #hero-variation .promo-container .off .ex-link {display:block;} #hero-variation .promo-container .on span, #hero-variation .promo-container .on .col-link {display:block;} #hero-variation .promo-container .on .ex-link {display:none;} #hero-variation .promo-container .promo-info {padding:10px 0 0 20px; width:435px; float:left;} /*#hero-variation .promo-container .promo-info span {display:none;}*/ #hero-variation .promo-container .promo-control {margin:0 0 0 375px; width:90px; float:right;} #hero-variation .promo-container .promo-info h2 {margin:0; padding:0; font-size:2.4em; color:#33ffff; background:none;} #hero-variation .promo-container .promo-info p.date {margin:0; padding:0 0 5px 0; font-size:1.2em;} #hero-variation .promo-container .promo-info p.copy {color:#fff;} #hero-variation p.cross {display:none;} #hero-variation p.cta a {margin:6px 0 0 0; padding:0 0 0 25px; height:19px; display:block; color:#fff;} #hero-variation p.more a {background:url(../../_media/img/whatson/arrow-more-blk.gif) 0 0 no-repeat;} #hero-variation p.cross a {background:url(../../_media/img/whatson/cross-more-blk.gif) 0 0 no-repeat;} /* & what's on secondary navigation */ .sec-tabs-nav {width:918px; height:100%; border:1px solid #5b5b5b; text-align:center;} .sec-tabs-nav .tabs-nav {width:100%; height:42px;} .sec-tabs-nav .tabs-nav li {display:inline; float:left;} .sec-tabs-nav .tabs-nav li a {padding:0; width:184px; height:42px; line-height:42px; display:block; font-size:1.6em; color:#8e8e8f; background:url(../../_media/img/whatson/bg-sec-nav.jpg) 0 0 no-repeat;} .sec-tabs-nav .tabs-nav li a:hover {color:#ffffff;} .sec-tabs-nav .tabs-nav .last-nav a {width:182px;} .sec-tabs-nav .glow {background-position:-184px 0 !important; color:#ffffff !important;} /* & twitter banner */ #twitter {padding:15px 0 15px 0; background:#000;} #twitter #tweet-container {width:920px; height:67px; position:relative; background:url(../../_media/img/whatson/bg-twitter.jpg) 0 0 no-repeat #000000;} #twitter #tweet-container h3.title-red {margin:0 8px 0 8px; padding:10px 0 8px 0; font-size:1.8em; font-weight:bold; color:#ee2e30;} #twitter p.more a {margin:0 0 20px 10px; padding:0 0 0 25px; height:17px; display:block; background:url(../../_media/img/whatson/arrow-more-blk.gif) 0 0 no-repeat; color:#fff;} #twitter #ticker-container-wrap {position:absolute; top:20px; left:230px;} #twitter #ticker-container {width:650px; height:18px; float:left; display:inline; overflow:hidden; position:relative;} #twitter #ticker {width:9999px; position:absolute; top:0; left:0; visibility:hidden;} #twitter #ticker li {float:left; padding-left:10px;} #twitter #ticker li a {color:#0000FF;} /* & main content */ #main-content {width:920px; float:left; background:url(../../_media/img/whatson/bg-main-content.jpg) 0 0 repeat-x #fff;margin-top:20px;} #main-content #tabbed-content{margin:0 0 0 12px; width:700px; float:left; display:inline; background:#fff; padding-bottom:12px;} /* & tab content containers */ .content-block {margin:22px 0 0 10px; padding:0 10px 22px 10px; width:660px; float:left; display:inline; border-bottom:1px solid #ccc; background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%;} .content-block .content-block-image {margin:0 20px 0 0; width:300px; display:inline; float:left;text-align:center;} .content-block .content-block-image img {border-width:1px !important; border-style:solid !important; border-color:#e0e0e0 #ccc #b8b8b8 #d0d0d0 !important;} #tab-features .content-block .content-block-image img {border-width:0 !important;} .content-block .content-block-details {margin:-6px 0 0 0; width:340px; float:left; display:inline; padding-top:3px;} .content-block .content-block-empty {min-height:800px; height:auto !important; height:800px;} .content-block h2 {margin:0; padding:0; font-size:2.4em; line-height:1.2; background:none; color:#4e4e4e;} .content-block p {font-size:1.4em;} .blog-post p {font-size:1.2em; margin-bottom:20px;} .blog-post p br {font-size:1.2em; margin-bottom:8px;} .blog-post p a {color:#1da7a7; text-decoration:underline;} .blog-post p.cta-back {clear:both;} .blog-post p.cta-back a {color:#000; text-decoration:none;} .content-block p.date {margin:0; padding:0 0 5px 0; font-size:1.2em; background:none;} .content-block p.more a {margin:15px 0 0 0; padding:0 0 0 25px; height:17px; display:block; background:url(../../_media/img/whatson/arrow-more.gif) 0 0 no-repeat; font-size:0.9em;} .content-block .last {padding-bottom:60px; border-bottom:none !important;} .content-block .blog-post {width:auto;}/*mod created for single blog post display*/ .blog-post .object-center {text-align:left; margin:0 20px 20px 0; float:left; display:inline;}/*automated class created by eZ Publish*/ .blog-post .object-center img {max-width:440px; width:auto !important; width:440px; height:auto;} .what-s-new .col-sec {width:192px; float:right; display:inline;} /* & twitter */ #tab-twitter a {color:#1A717D;} #tab-twitter .first-message {font-size:1.6em;} #tab-twitter .twitter-time {color:#B0B0B0; line-height:150%;} #tab-twitter .twitter-message {margin:0 0 10px 0;} #tab-twitter .content-block p.more a{margin:0 0 20px 0;} /* & news */ .filed a {color:#82ABB1; text-decoration:none;} #tab-news .content-block p.more a {margin:15px 0;} #tab-features .content-block img, #tab-news .content-block img {float:left; display:inline; margin:0 20px 20px 0; max-width:440px; width:auto !important; width:440px; height:auto;} #tab-features .content-block p, #tab-news .content-block p {padding-bottom:8px;} /* & archive */ #archive {width:182px; min-height:255px; background:url(../../_media/img/whatson/bg-archive.jpg) 0 0 repeat-x #090909; border:1px solid #5b5b5b; float:right;} #archive h3.title-red {margin:0 8px 0 8px; padding:10px 0 8px 0; font-size:1.8em; font-weight:bold; color:#ee2e30; border-bottom:1px solid #5b5b5b;} #archive .archive-list {margin:22px 0 0 12px;} #archive .archive-list li {margin:0 0 15px 0; padding:0 0 15px 12px; width:80%; background:url(../../_media/img/whatson/arrow-archive.gif) 0 3px no-repeat; color:#fff; border-bottom:1px solid #5b5b5b;} #archive .archive-list li a {text-decoration:underline;} #news-pod, #blog-pod, #main-content #archive, #blog-category-pod {width:182px; min-height:255px; background:url(../../_media/img/whatson/bg-archive.jpg) 0 0 repeat-x #090909; border:1px solid #5b5b5b; float:right; display:inline; margin:0 10px 10px 0;} #news-pod h3.title-red, #blog-pod h3.title-red, #blog-category-pod h3.title-red {margin:0 8px 0 8px; padding:10px 0 8px 0; font-size:1.8em; font-weight:bold; color:#ee2e30; border-bottom:1px solid #5b5b5b;} #news-pod .news-pod-list, #blog-pod .blog-pod-list, #blog-category-pod .blog-pod-list{margin:22px 0 0 12px;} #news-pod .news-pod-list li, #blog-pod .blog-pod-list li, #blog-category-pod .blog-pod-list li{margin:0 0 15px 0; padding:0 0 15px 12px; width:80%; background:url(../../_media/img/whatson/arrow-archive.gif) 0 3px no-repeat; color:#fff; border-bottom:1px solid #5b5b5b; font-size:1.1em;} #news-pod .news-pod-list li a, #blog-pod .blog-pod-list li a, #blog-category-pod .blog-pod-list li a {text-decoration:underline; color:#3ed2e6;} /* & what's on secondary navigation */ .hd-sec-tabs-nav {width:918px; height:100%; border:1px solid #5b5b5b; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; background:#000 !important;} .hd-sec-tabs-nav .tabs-nav {width:100%; height:53px;} .hd-sec-tabs-nav .tabs-nav li {display:inline; float:left;} .hd-sec-tabs-nav .tabs-nav li a {padding:10px 0 0 0; width:184px; height:43px; display:block; font-size:1.6em; color:#8e8e8f; background:url(../../_media/img/whatson/bg-sec-nav-v2.jpg) 0 0 no-repeat;} .hd-sec-tabs-nav .tabs-nav li a:hover {color:#333333;} .hd-sec-tabs-nav .tabs-nav .last-nav a {width:182px;} .hd-sec-tabs-nav .glow {background-position:-184px 0 !important; color:#333333 !important;} #news-pod .news-pod-list li a {text-decoration:underline;} /* Pages -> HD Overview */ #hd #wrapper {margin-top:252px;} #hd .hero {height:235px; top:-234px; background:url(../img/christmas-headers/img_hd-header.jpg) no-repeat 100% 100%;} #hd .hero .sub-logo {margin-top:30px;} #hd .hero .link-ads {width:auto; position:absolute; right:15px; bottom:5px;} #hd .hero .link-ads a {background-image:url(../img/icon_arrow-on-trans.png);} #hd .hero h2 {color:#ee2e30; padding-top:0} #hd .hero p {color:#fff; font-size:1.8em; width:410px; margin-bottom:10px;} #hd .hero p, #hd .hero h2 {padding-left:15px;} #hd .hero img {padding-left:20px;} .products #hd .hero {height:235px; top:-227px; background:url(../img/christmas-headers/img_products-header.jpg) no-repeat 100% 100%;} .products #hd .hero img, .products #hd .hero h2 {padding-left:15px; font-size:3em;} /* Pages -> Products */ /* Products */ body#products {background-image:url(../img/bg_page-hd-products.jpg);} body#products h2 {background-position:right -120px;} #products .price {color:red;} .upgrade {float:left; display:inline;} .upgrade ol {width:100%; overflow:visible;} .upgrade li {width:438px; border:1px solid #D3D3D3; float:left; display:inline; background:url(../img/spcr_tout-modules-li.png) repeat-x scroll 0 10px #FFFFFF;} .upgrade .module-2 {float:right; position:relative;} #products .upgrade .triplet, #hd .upgrade .triplet {width:898px;} .upgrade h3 {padding:10px 0 10px 45px; margin:10px 0; font-size:1.4em; color:#666; background:url(../img/sprt_products.png) no-repeat 10px 2px;} .upgrade .module-2 h3 {background-position:10px -100px;} .upgrade .triplet h3 {background-position:10px -200px;} .upgrade .module-1, .upgrade .module-2 {min-height:200px; height:auto !important; height:200px; margin:15px 0;} .upgrade .module-1 img {margin:0 40px 0 10px; float:right;} .upgrade .module-2 img {position:absolute; right:0; bottom:0;} .upgrade .module-1 p, .upgrade .module-2 p {margin:1em 0 0 40px; width:170px;} .triplet .mod-content {width:289px; min-height:200px; padding:0 5px; float:left; display:inline; position:relative; text-align:center; cursor:pointer;} .triplet .mod-content img.divider {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; padding-left: 45px; padding-right: 55px;} .triplet .mod-content h3 {margin:10px 0; padding:0; text-align:left; font-size:1.6em; font-weight:bold;} .triplet .cta a, .triplet .tagline a {margin:10px; padding:15px 32px; display:block; text-align:center;} .triplet .tagline {position:relative; background: #a7a7a7;} .triplet .tagline a {color: #fff;} .triplet .selected .cta a {position:relative; color:#fff; background-color: #38bdcf;} .triplet .selected .cta a:after {width:0; height:0; display:block; position:absolute; left:125px; bottom:-20px; z-index:1000; border-width:10px 7px; border-color:#38bdce transparent transparent transparent; border-style:solid; content:"\00a0";} .upgrade .more-info {text-align:left;} .upgrade .triplet .inactive {opacity:0.5; cursor:default;} .upgrade .triplet .inactive img {filter:alpha(opacity=50);} .upgrade .triplet .inactive a {color:#aaa; cursor:default;} .triplet .static {cursor: default;} #products .triplet .hover-state .cta a, #products .triplet .inactive .cta a, #hd .triplet .hover-state .cta a, #hd .triplet .inactive .cta a {background-image: none;} body.js .upgrade .more-info, body.js .triplet .more-info, body.js .product-details .triplets .more-info {margin:0; width:18px; height:18px; position:absolute; right:10px; top:50px; background:url(../img/product-list-new/icon_help.png) no-repeat 0 0;} body.js .product-details .triplets .more-info {top:auto; bottom:3px; right:3px; font-size:11px; z-index: 10;} body.js .upgrade .more-info strong, body.js .triplet .more-info strong, body.js .product-details .triplets .more-info strong {display:none;} body.js .upgrade .more-info div, body.js .triplet .more-info div, body.js .product-details .triplets .more-info div {width:200px; padding:10px; border:1px solid #ccc; position:absolute; right:37px; top:-30px; background:#fff; box-shadow:1px 1px 7px #ccc; -moz-box-shadow:1px 1px 7px #ccc; -webkit-box-shadow: 1px 1px 7px #ccc;} body.js .upgrade .more-info div:before, body.js .upgrade .more-info div:after, body.js .triplet .more-info div:before, body.js .triplet .more-info div:after, body.js .product-details .triplets .more-info div:before, body.js .product-details .triplets .more-info div:after {width:0; height:0; display:block; position:absolute; top:35px; bottom:auto; border-width:7px 10px; border-style:solid; content:"\00a0";} body.js .upgrade .more-info div:before, body.js .triplet .more-info div:before, body.js .product-details .triplets .more-info div:before {right:-20px; border-color:transparent transparent transparent #ccc;} body.js .upgrade .more-info div:after, body.js .triplet .more-info div:after, body.js .product-details .triplets .more-info div:after {right:-18px; border-color:transparent transparent transparent #fff;} /*&+ Products */ .want-to-buy {float:left; display:inline; border:1px solid #D3D3D3; width:898px;} .want-to-buy .triplet .check {text-align:left; _width: 270px;} .want-to-buy .triplet .check .cta a {float:left; clear:both; margin-bottom:0;} .want-to-buy .triplet .check p {margin-left:10px;} .want-to-buy .triplet .check p.cta {margin-left:0;} .want-to-buy .triplet h3 {margin-left:10px;} body.js .want-to-buy .triplet .more-info {top:80px;} /*& Freeview Products */ .freeview .modules .triplet {overflow: hidden; width: 100%;} .freeview #freeview-products .triplet img {margin-top:50px;} .freeview .triplet .hover-state .cta a {background-color: #a7a7a7; background-image:none; color: #fff;} .freeview .triplet .selected .cta a {position:relative; color:#fff; background-color: #38bdcf;} .freeview h2 {background-image:none;} .products-container {width:898px; border:1px solid #d3d3d3; border-top:none; padding-top:20px; position:relative;} #refine-products {width:150px; position:absolute; left:10px; top:20px; padding-bottom:3.5em;} #refine-products h3 {margin:0 0 10px 5px; color:#666;} #refine-products h4 {color:#666;} #refine-products ul {padding:10px 0 0 0;} #refine-products div {padding:10px; border-top:1px solid #fff; border-bottom:1px solid #d8d8d8;} #refine-products div.refined-by {border-top:none} #refine-products li {position:relative; font-weight:bold; } #refine-products li a.remove {width:14px; height:14px; position:absolute; right:-10px; top:2px; background-color:#fff; background-position:2px -398px;} #refine-products .cta {margin-top:15px;} #product-list {width:690px; min-height:415px; height:auto !important; height:415px; padding:15px 20px; margin-left:160px; background:#fff;} #product-list .options {width:100%; display:inline-block; background:#ededed;} #product-list .options p {width:45%; padding:5px 10px; float:left;} #product-list .options p.paging {float:right; text-align:right;} #product-list .options a {text-decoration:underline;} body.js #product-list .options .sort a {display:none;} body.js #product-list .options .sort #filter-list {margin: 0 0 0 10px;} #product-list .products {width:100%; margin-top:15px; display:inline-block;} #product-list .products {width:100%; margin-bottom:15px; display:inline-block;} #product-list .products li {width:199px; min-height:284px; height:auto !important; height:284px; padding:0 0 10px 0; margin:15px 12px 0 12px; float:left; display:inline; font-weight:bold;} #product-list .products li .img-parent {width:100%; min-height:140px; height:auto !important; height:140px; display:block; text-align:center;} #product-list .products li img {margin:0 auto;} #product-list .products li p {padding:5px 0;} #product-list .products li strong {width:100px; padding-right:10px; display:block; font-weight:normal; text-align:right;} #product-list .products li .cta {text-align:center;} #product-detail {width:670px; min-height:400px; height:auto !important; height:400px; padding:15px 20px; margin-left:180px; position:relative; background:#fff;} body.js #ajax-content #product-detail {display:none;} #product-detail h3 {margin-bottom:5px; color:#333;} #product-detail .section {width:100%; margin-bottom:10px; display:inline-block;} #product-detail .section h3 {margin-top:20px; color:#333;} #product-detail .section li {float:left; display:inline; margin-right:5px; width:99px; height:41px;} #product-detail .section a {width:100%; height:100%; display:block;} #product-detail .section a span {border:1px solid #e7e7e7; width:97px; height:39px; text-align:center; display:block;} #product-detail .product-details {margin:50px 0 0 20px; float:left; display:inline;} #product-detail .product-details li {font-size:1.4em; font-weight:bold;} #product-detail .product-details li.reevoo {margin-top:40px;} #product-detail .product-details li strong {width:100px; display:inline-block; font-weight:normal;} #product-detail .product-img {float:right;} #product-detail .back-link {position:absolute; left:20px; top:15px;} #product-detail .tabs-nav-h {margin-top:10px;} #product-detail .product-info {padding:10px; display:inline-block;} #product-detail .info-small {width:275px; float:left;} #freeview-plus .reevoo-reviews, #products .reevoo-reviews {border: 1px solid #D3D3D3;} #freeview-plus .reevoo-reviews h3, #products .reevoo-reviews h3, #hd .reevoo-reviews h3 {text-indent:-10000px; overflow:hidden; height:27px; width:900px; background:transparent url(../img/reevoo/img_reevoo-header.jpg) repeat-x 0 0; } #ajax-loader {width:898px; height:200px; margin-top:-30px; border:1px solid #d3d3d3; border-top:none; display:none; background:#e6e6e6 url(../img/bg_ajax-loader.gif) no-repeat center;} /*Additions for Reevoo buttons 04/11/2011 */ /*listings:*/ #product-list div.reevoo {width:120px; margin:auto; min-height:25px; height:25px} div.reevoo a {color:#000 !important;} .product-details-container div.reevoo {margin-left:17px; clear:both} #freeview-plus .reevoo-range {margin-top:10px;} #freeview-plus .reevoo-range p.price {color:#EE2E30; font-size:2em; font-weight:bold;} /* div.reevoo div {display:inline} div.reevoo div.reevoomark_badge {display:block; font-weight:normal;} */ /*Product pages:*/ /* Pages -> Lightbox -> HD setup */ table.hd-setup {width:590px; border:0;} .hd-setup td {min-height:185px; height:auto !important; height:185px; padding:16px 30px 16px 20px; vertical-align:middle;} .hd-setup td.mod-content {background:#f0f0f0 url(../img/bg_overlay-steps-li.png) repeat-y 100% 50%; width:270px;} .hd-setup td p {padding:.4em 0; font-size:1.5em; line-height:1.3;} .hd-ready td.mod-image-content {vertical-align:bottom;} .hd-ready td {padding:16px 30px 16px 20px; vertical-align:middle;} .hd-ready td.mod-image-content {width:280px; background:#fff; text-align:center; padding:10px 0 0; border-bottom:1px solid #ddd;} .hd-ready td p {padding:.4em 0;} /* & benefits page */ body#why-hd {background-image:url(../img/bg_page-hd-benefits.jpg);} .tabs-benefits .tabs-content li {min-height:280px; height:auto !important; height:280px; background-repeat:no-repeat; background-position:right top;} .tabs-benefits .prompted-retuning {background-image:url(../../_media/img/img_benefits-retune.png);} .tabs-benefits .region-selection {background-image:url(../../_media/img/img_benefits-region.png);} .tabs-benefits .software-updates {background-image:url(../../_media/img/img_benefits-software.png);} .tabs-benefits .parental-control {background-image:url(../../_media/img/img_benefits-parental.png); background-position:right center;} .tabs-benefits .subtitles-audio {background-image:url(../../_media/img/img_benefits-subtitles.jpg);} /* & Ads page */ body#ads {background-image:url(../img/bg_page-hd-benefits.jpg);} /* & hero-carousel*/ #carousel-hero{margin: 0 auto; padding: 0; width: 100%; height:280px;} /* standard template header changes */ #programmes #wrapper {margin-top:0;} #standard #wrapper, #tv-guide #wrapper {margin-top:30px;} #standard #wrapper h2, #programmes #wrapper h2 {background-image:none;} /* "channels" page list style */ .channel-list-module ul.channels-listing {margin: 0 0 10px 0; padding: 0; list-style: none; overflow: hidden;} .channel-list-module ul.channels-listing li {margin: 0 8px 8px 0; padding: 0; list-style: none; float: left; width: 89px; text-align: center} .channel-list-module .content-block {margin:0 0 10px 0; width:626px; padding-bottom:0;} .channel-list-module .content-block h2 {color:#333; font-size: 2em; margin-bottom: 10px;} .channel-list-module .content-block p{margin-bottom:10px;} /* content block and tab changes for standard template */ #standard .content-block {border: 0; margin:0 0 10px 0; padding:0; position:relative; width: 100%} #standard .content-block:after{width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; content:"\00a0"; background-image:-moz-linear-gradient(left, #fff, #bbb, #fff); background:-webkit-gradient(linear, left top, right top, color-stop(0.0, #fff), color-stop(0.5, #bbb), color-stop(1, #fff));} #standard .content-block.last:after{content:""; background:none;} #standard .tabs-content ul.programme-list img {float: left;} #standard .tabs-content ul.programme-list .programme-item {float: right; width: 426px;} #standard .tabs-content ul.programme-list .programme-item h4 {font-size: 1.6em; color: #000;} #standard .tabs-var-1 .tabs-nav {padding-top: 0} #standard .tabs-var-1 .tabs-content .programme-list li p {font-size: 1em; margin-bottom: 12px; width: 100%} #standard .tabs-var-1 .tabs-content .programme-list li p.date {color: #32989a; font-weight: bold; margin-bottom: 12px;} #standard .tabs-var-1 .tabs-content p.next-tab {margin-top: -20px;} #standard .tabs-var-1 .tabs-content p.cta {font-size: 1em; width: auto; float: right;} #standard .tabs-var-1 .tabs-content p.cta a {background-position: right center; padding-left: 0; padding-right: 25px} #standard .tabs-var-1 .tabs-content {background: none; padding-left: 0} #standard .tabs-var-1 .tabs-content h3 {font-size: 1.8em; font-weight: bold; margin-top: 15px} #standard .tabs-var-1 .tabs-content li li{border: 0; margin:0 0 35px 0; padding:0 0 15px 0; position:relative; width: 100%} #standard .tabs-var-1 .tabs-content li li:after{width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; content:"\00a0"; background-image:-moz-linear-gradient(left, #fff, #bbb, #fff); background:-webkit-gradient(linear, left top, right top, color-stop(0.0, #fff), color-stop(0.5, #bbb), color-stop(1, #fff));} /* programme item social linking update */ #standard .tabs-content ul.programme-list .programme-meta {float:left; width:190px;} .fb_edge_widget_with_comment {left:0 !important; /*force styles to overwrite tv genius styles */} /* Generic breadcrumb */ div#breadcrumb{margin: 22px auto 8px; padding: 0; width: 895px; overflow: hidden;} div#breadcrumb p{margin: 0; padding: 0; float: left; width: 85px; color: #fff; font-weight: bold;} div#breadcrumb ul{margin: 0; padding: 0; float: left; list-style: none;} div#breadcrumb ul li{margin: 0 4px 0 0; padding: 0 0 0 10px; color: #b0b0b0; list-style: none; display: inline; background-image:url(../img/breadcrumb_li_bg.gif);background-position: left 4px;background-repeat: no-repeat;} div#breadcrumb ul li.current{background-image:url(../img/breadcrumb_li_current_bg.gif); background-position: left 4px;background-repeat: no-repeat;} div#breadcrumb ul li a{margin: 0; padding: 0; color: #42d2e5; text-decoration: none;} div#breadcrumb ul li a:hover{text-decoration: underline;} /* Floated right module, e.g. "Channels" page */ .floated-right {margin-top: 20px;} .floated-right h3 {font-weight: bold; margin-bottom: 5px} .floated-right p {margin-bottom: 10px;} .floated-right .sidebar h3 {font-weight:normal; background:#000 url(../img/sprt_channel-hub-touts.jpg) no-repeat 0 0; padding:5px 5px 5px 42px; color:#fff; font-size:1.4em; line-height:1.1;} .floated-right .sidebar p {margin-bottom:5px; padding:0 8px; line-height:1.2;} .floated-right p {margin-bottom:10px; padding:0 10px;} .floated-right .sidebar {float:right; width:320px;} .floated-right .sidebar .tout {float:left; width:150px; margin-left:10px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#e6e6e6)); background:-moz-linear-gradient(top, #ffffff 50%, #e6e6e6); min-height:105px; height:auto !important; height:105px;} .floated-right .sidebar .guide h3 {background-position:-150px 0;} .floated-right .sidebar .tout a {color:#099;} .floated-right .sidebar .tout a:hover {text-decoration:underline;} /* Floated right module, e.g. "Channels" page */ .floated-right .sidebar2 h3 {font-weight:normal; background:#000 url(../img/sprt_channel-hub-touts.jpg) no-repeat 0 0; padding:4px 5px 4px 42px; color:#fff; font-size:1.4em; line-height:1.1;} .floated-right .sidebar2 p {margin-bottom:5px; padding:0 8px; line-height:1.2;} .floated-right .sidebar2 {float:right; width:300px;} .floated-right .sidebar2 .tout {float:left; width:140px; margin-left:10px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#e6e6e6)); background:-moz-linear-gradient(top, #ffffff 50%, #e6e6e6); min-height:110px; height:auto !important; height:110px;} .floated-right .sidebar2 .guide h3 {background-position:-140px 0;} .floated-right .sidebar2 .tout a {color:#099;} .floated-right .sidebar2 .tout a:hover {text-decoration:underline;} /* generic pdf icon style */ a.pdf {display: block; background: url(../img/icon_pdf.png) no-repeat 0 0; padding: 0 0 5px 54px; font-size: 1.3em; margin-top: 10px; line-height: 1.4;height:40px;} a.pdf em {display: block; font-style: normal;} /* alert module */ .alert {background:url(../img/bg_alert.png) no-repeat 0 100%; padding:10px; width:856px; margin:0 0 15px 27px; clear:both;} .alert p {font-size:1.2em; color:#000;} .alert p img {vertical-align:middle; margin-right:8px;} .alert a {color:#2fbebc; text-decoration:undeline;} /* & programmes page */ .hd body#programmes .hero {background-image:url(../img/bg_page-hd-programmes.jpg);background-position:right -60px;} .hd body#programmes #wrapper {margin-top:216px;} #debug{ font-size:1.4em; text-align:left; width:900px; overflow:scroll; } /* & standard page template with no header space (for large image) - used on products-section page */ .freeview-standard #wrapper {margin-top:30px; padding-top:10px;} .freeview-standard h2 {background-image:none;} .product .modules .module {font-size:1em;} .product .modules ul {width:100%; overflow:hidden;} .product .modules .mod-half-width {margin-top:15px; width:435px; float:left; display:inline;} .product .modules .last {float:right;} .product .modules .mod-half-width .mod-content {min-height:10.6em; height:auto !important; height:10.6em; background-position: 0 -74px; padding-bottom:26px;} .product .mod-half-width .mod-content .text {width:380px; padding-top:20px;} .product .modules li p {font-size:1.2em;} .product .modules .mod-content {border:1px solid #d3d3d3; position:relative; min-height:130px; height:auto !important; height:130px; background:url(../img/spcr_updates-modules-li.png) repeat-x 0 -50px; padding-bottom:30px;} .product .on-demand .mod-content {padding-bottom:55px;} .product .mod-content .text {width:400px; padding:30px 20px 10px 30px;} .product .mod-content .text p.headline {font-size:1.6em; line-height:1.3; margin-bottom:.3em; color:#666;} .product .mod-content .text p.cta {position:absolute; left:30px; bottom:14px;} /* modification to cater for extra links */ .buyers .text-image-right .text p.cta {position:relative; left:0; top:0; } .product .mod-content .text p.cta-double {bottom:0;} .product .on-demand .mod-content .text p.cta {line-height:2;} .product .text-image-right .image {position:absolute; top:20px; right:50px;} .product .modules .module .cta a {margin-right:20px;} .products .buyers .mod-content {height: 205px; min-height:205px; background-position: 0 -20px;} .useful-links .modules .mod-content {border:1px solid #d3d3d3; position:relative; background:url(../img/spcr_updates-modules-li.png) repeat-x 0 100%;} .useful-links .modules ul {width:100%; overflow:hidden; padding:12px 0;} .useful-links .modules li {padding:.4em 20px; color:#666;} .useful-links .modules li a {width:15em; float:left; display:block;} /* & channel hub page */ body#channel {background-image:url(../img/bg_page-hd-benefits.jpg);} body#channel #wrapper {margin-top:220px;} body#channel .hero {height:220px; top:-220px;} body#channel .multi-content .modules div.lead p {padding:15px 20px 20px 20px;} body#channel .multi-content .modules ul {float:left; display:inline; width:888px; margin-left:6px;} body#channel .multi-content .modules li {width:435px; background:none; margin-bottom:15px; min-height:190px; height:auto !important; height:190px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;} body#channel .multi-content .modules li.module-1 {clear:both;} body#channel .multi-content .modules li.module-2 {float:right;} body#channel .multi-content .modules .mod-image-content {float:right; width:121px; height:88px; padding:0 0 12px; margin:46px 12px 0 0; background:url(../../../_format/images/layout/spcr_channel-image.png) repeat-x 0 100%;} body#channel .modules .mod-content {width:260px; padding:10px 0 10px 20px; overflow:auto;} body#channel .multi-content .modules .mod-content h3 {color:#ee2e30;} body#channel .multi-content .modules .mod-image-content img {border:1px solid #ddd;} body#channel .multi-content .modules li p.cta {padding-top:10px;} body#channel .multi-content .modules li p {line-height:1.4 !important; margin-bottom:0; float:none; display:block;} html.lightbox ul {float:left; display:inline;} html.lightbox li {float:left; display:inline; margin:0 6px 10px 6px;} html.lightbox .cta {clear:both;} html.lightbox .cta img {margin-left:10px; vertical-align:bottom;} .offers .multi-content {padding-top:10px;} .offers .multi-content .offers, .offers .other-places .offers {border:1px solid #d3d3d3; padding:10px; width:878px;} .offers .multi-content .offers ul {float:left; display:inline; border-bottom:1px solid #fff; padding-bottom:50px;} .offers .multi-content .offers li {width:430px; position:relative; overflow:visible; background:url(../img/spcr_updates-modules-li.png) repeat-x 0 100%; min-height:360px; height:auto !important; height:360px; margin-bottom:5.4em;} .offers .multi-content .offers li .mod-content {padding:0 20px 5px 20px; width:390px;} .offers li .mod-content .left-content, .offers li .mod-content .right-content {float:left; display:inline; width:175px; padding-right:10px;} .offers li .mod-content .right-content {width:205px; padding-right:0;} .offers .multi-content .offers li .mod-content .left-content p, .offers .multi-content .offers li .mod-content .right-content p {font-size:1.15em; margin-bottom:0; line-height:34px !important; height:34px; padding-top:3px;} .offers .multi-content li .mod-content .right-content p.cta {padding-top:6px;} .offers .multi-content .offers li .mod-content p.description {clear:both;} .offers .multi-content .offers li .mod-content .right-content p.price {padding-top:0;} .offers .multi-content .offers li a {line-height:1.8em;} .offers .multi-content .offers li .mod-content p {float:none; display:block; line-height:1.4em; margin-bottom:.4em;} .offers .multi-content .offers li.module-2, .offers .multi-content .offers li.module-4, .offers .multi-content .offers li.module-6, .offers .multi-content .offers li.even {margin:0 0 5.4em 14px;} .offers .multi-content .offers .mod-image-content {width:100%; float:none; display:block; padding:0; position:relative;} .offers .mod-image-content .tab-focus {position:absolute; top:0; left:0; width:72px; height:72px; display:block; z-index:+1; background:url(../../../_format/images/content/offers/offers_bg-tab-focus.png) no-repeat 0 0; text-indent:-20000px;} .offers .mod-image-content .brand-logo {position:absolute; top:5px; right:10px; width:97px; height:39px; z-index:+1;} .offers .multi-content .offers .mod-link-content {position:absolute; left:0; bottom:-54px; padding:0 20px; width:390px;} * html.offers .multi-content .offers .mod-link-content {position:relative;} .multi-content .offers li .mod-link-content p {float:none; display:block; padding:0 !important; margin:0;} .offers li .mod-content em {font-style:normal; background:url(../../../_format/images/content/offers/offers_bg-focus.png) no-repeat 0 0; width:104px; height:34px; line-height:34px; color:#fff; display:inline-block; text-align:center; margin-left:6px; font-weight:bold;} .offers li .mod-content em strong {font-size:1.6em;} .offers li .mod-content em strong span {font-size:.7em; vertical-align:text-top; line-height:16px;} .offers .other-places .modules {overflow:auto;} .offers .other-places ul {margin-top:8px;} .offers .other-places li {float:left; display:inline; width:209px; margin:0 5px;} /*new homepage*/ #home-new {background:url(../img/homepage-new/spcr_body.png) repeat-x 0 100%;} #home-new #wrapper {width:940px; margin-top:30px; background:#000; border-style:none;} #home-new .row {width:920px;} #home-new #wrapper p {color:#fff;} #home-new .lead {height:auto; width:940px; margin:0 0 10px 0; background:#000 url(../img/homepage-new/spcr_lead-col-sec.png) repeat-x 0 0;} .hasJS #home-new .lead {height:286px; background-position:0 100%;} #home-new .lead .col-pri {width:940px; float:left; display:inline; position:relative;} #home-new .lead .col-sec {width:265px; border:1px solid #404040; float:left; display:inline; padding:0 25px; position:relative; min-height:284px; height:auto !important; height:284px; background:transparent url(../img/homepage-new/bg_freeview-link.jpg) no-repeat 0 160px}} #home-new .lead #primary-carousel {width:940px; height:286px; overflow:hidden;} #home-new .lead #carousel li {height:286px; margin-bottom:10px; position:relative;} #home-new .lead #carousel li div {height:286px; width:940px;position:relative; overflow:hidden;} .hasJS #carousel .img {float:none; position:absolute ;width:auto; z-index:1;} .hasJS #home-new .lead #carousel li {margin-bottom:0;} #home-new .lead #carousel-nav {display:none;} .hasJS #home-new .lead #carousel-nav {display:block; position:absolute; top:0; left:10px; z-index:10; background:rgb(000, 000, 000); /*solid fallback colour for unsupported browsers*/ background-color:transparent; background-color:rgba(000,000,000,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; width:90px; height:18px; padding-top:6px;} .hasJS #home-new .lead #carousel-nav ul {width:56px; margin-left:17px; overflow:auto;} .hasJS #home-new .lead #carousel-nav li {float:left; display:inline; margin:0 2px;} .hasJS #home-new .lead #carousel-nav li a {width:10px; height:10px; background:#fff; text-indent:-20000px; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;} .hasJS #home-new .lead #carousel-nav li a {width:10px; height:10px; background:#fff; text-indent:-20000px; display:block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .hasJS #home-new .lead #carousel-nav li.on a {background:#ed1c24;} .hasJS #home-new .lead #carousel-nav a.paginate-prev, .hasJS #home-new .lead #carousel-nav a.paginate-next {position:absolute; top:5px; left:5px; width:6px; height:11px; overflow:hidden; display:block; background:url(../img/homepage-new/sprt_lead-pagination.png) no-repeat 0 0; text-indent:-20000px;} .hasJS #home-new .lead #carousel-nav a.paginate-next {left:auto; right:5px; background-position:100% 0;} #home-new .lead #carousel li p.tagline {position:absolute; bottom:0; left:0; background:#000; background:rgb(000, 000, 000); background-color:transparent; background-color:rgba(000,000,000,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; color:#fff; font-size:1.6em; width:940px; padding:0 10px; min-height:46px; height:auto !important; height:45px; line-height:46px;} #home-new .lead #carousel li div.cta {position:absolute; bottom:0; right:10px; float:right; display:block; height:45px; width:300px;} #home-new .lead #carousel li div.cta p {display:block; height:45px; margin:0 10px 0 15px; float:left;} #home-new .lead .cta a {color:#fff; background-image:url(../img/homepage-new/icon_arrow.png); min-height:45px; height:auto !important; height:45px; display:block; line-height:45px; padding:0 0 0 22px;} #home-new .lead #carousel {height:286px; overflow:hidden;} #home-new .lead #carousel li p.cta-btn {position:absolute; top:195px; left:20px;} * html #home-new .lead #carousel li p.cta-btn {top:180px;} * + html #home-new .lead #carousel li p.cta-btn {top:180px;} #home-new .lead #carousel li div.common-tagline {position: absolute; right: 5px; top: 40px; width: 300px; height:150px;} #home-new .lead #carousel li div.common-tagline h2 {background-image:none; background-color:transparent; color:#fff; font-size:2.6em; line-height:1.2em; padding:0; margin-bottom:18px;} #home-new .lead #carousel li div.common-tagline p {font-size:2.4em; color:#ee2e30} #home-new .lead .col-sec h2 {background:none; font-size:3.0em; line-height:1.2em; color:#fff; font-weight:normal; padding:20px 0px 5px 0;} #home-new .lead .col-sec ul.cta {position:absolute; bottom:0; left:25px; margin:0;} #home-new .multi-content {width:920px; margin:0; padding:10px; overflow:auto;} #home-new .multi-content .modules {width:100%; overflow:auto;} #home-new .multi-content .triplet {width:300px; height:236px; overflow:hidden; float:left; display:inline; margin-right:10px; position:relative; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;} #home-new .multi-content .triplet .content-block-image {-webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; width:100%; overflow:hidden;} #home-new .multi-content .triplet .content-block-image img {display:block; max-height:236px; height:auto !important; height:236px; max-width:300px; width:auto !important; width:300px;} #home-new .multi-content .pick-of-week {margin-right:0;} #home-new .multi-content .triplet .content-block-details {position:absolute; bottom:0; left:0; width:100%; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; } #home-new .multi-content .promo-small .content-block-details, #home-new .multi-content .pick-of-week .content-block-details {background:rgb(000, 000, 000); background-color:transparent; background-color:rgba(000,000,000,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";} #home-new .multi-content .triplet h3, #home-new .multi-content .triplet p {display:none;} #home-new .multi-content .triplet .cta-btn {padding:10px; float:left; display:inline; font-size:1.3em} #home-new .multi-content .pick-of-week h3 {font-size:2.8em; color:#fff; display:block; padding:4px 14px 0 14px;} #home-new .multi-content .pick-of-week p {display:block; padding:0 14px; font-size:1em;} #home-new .multi-content .pick-of-week p strong {font-size:1.5em;} /*Updates 11/11/11 DL*/ #home-new .multi-content .right-promo {margin-right:0px;} #home-new .promo-small {height:112px; width:146px; margin-right:8px; float:left; position:relative;} #home-new .promo-small .content-block-image img {height:112px; width:146px;} #home-new .multi-content .triplet .promo-small .content-block-image {border-bottom-left-radius: 0; border-bottom-right-radius: 0; height:112px; width:146px;} #home-new .multi-content .promo-small .content-block-details {top:70px; width:146px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #home-new .multi-content .triplet .cta {display:inline; float:left; padding:0;} #home-new .multi-content .triplet .cta a {color:#fff; margin:0 0 0 5px; padding: 1px 0 0 25px; text-align:left; background-position:0 1px; background-repeat:no-repeat } #home-new .multi-content .social {width:100%; overflow:auto; margin:120px 0 0; background:#2b2b2b url(../img/homepage-new/bg_social.jpg) repeat-x top left; _margin-top:10px;} #home-new .multi-content .social h2 {background: transparent none; color:#fff; font-size:1.8em;} #home-new .multi-content .social li {float:left; display:inline; margin:0 7px; background-image:none; background-color:transparent; border-style:none; min-height:60px; width:60px;} #home-new .multi-content .social a {background:#2b2b2b url(../img/homepage-new/sprt_icon-social.png?date=17112011) no-repeat 0 0; width:60px; height:60px; display:block; text-indent:-20000px;} #home-new .multi-content .social .social-facebook a {background-position:-144px 0;} #home-new .multi-content .social .social-youtube a {background-position:-72px 0;} #home-new .multi-content .social .social-google a {background-position:-214px 0;} #home-new .promos {background:#0e0e0e url(../img/homepage-new/bg_promos.jpg) repeat-x 0 0; padding-bottom:30px;} #home-new #footer {width:940px; background:#0e0e0e url(../img/homepage-new/bg_footer.jpg) no-repeat 50% 100%; padding:30px 0 3px 0;} /* new product-list page */ #freeview-plus #wrapper {margin-top:150px} #freeview-plus .hero {height:135px; top:-134px; background:url(../img/christmas-headers/img_plus-header.jpg) no-repeat 0 100%; overflow:auto;} #freeview-plus .hero .sub-logo {display:block; position:relative;left:30px; top:28px; margin-top:0} #freeview-plus h2 {background-image:none;} #freeview-plus .hero h2, #freeview-plus .hero p {position:absolute; bottom:30px; left:28px; width:660px; margin:0; padding:0; font-size:1.8em; color:#fff;} #freeview-plus #wrapper .products {overflow:auto;} #freeview-plus .products .tabs {float:left; display:inline; height:36px; border-bottom:1px solid #d1d1d1; width:100%; background:#f2f2f2;} #freeview-plus .products .tabs li {float:left; height:35px; line-height:33px; border:1px solid #f2f2f2; border-bottom-color:#d1d1d1; border-left:none; margin-bottom: -1px; overflow:hidden; position:relative; background:#f2f2f2; font-size:1.9em;} #freeview-plus .products .tabs li a {text-decoration:none; color:#8c8c8c; display:block; padding:0 40px; border:1px solid #f2f2f2; border-right-color:#d1d1d1; border-top-width:2px; outline:none;} #freeview-plus .products .tabs li a:hover {color:#ed1c24;} #freeview-plus .products .tabs li.active {border:1px solid #d1d1d1; background:#f2f2f2; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#f2f2f2'); background:-webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f2f2f2)); background:-moz-linear-gradient(top, #e4e4e4, #f2f2f2); border-bottom:1px solid #f2f2f2;} #freeview-plus .products .tabs li.active a {border-color:#fff; color:#4f4f4f; } #freeview-plus .products .tabs li.active a:hover {color:#000; cursor:default;} #freeview-plus .products .modules {float:left; display:inline; width:882px; border:1px solid #d1d1d1; background:#f2f2f2; border-top:0; padding:8px;} #freeview-plus .products .modules .lead p {font-size:1.8em; margin:14px 0 20px 0; color:#242424;} #freeview-plus .products .modules ol li {float:left; display:inline; width:288px; margin-right:8px;} #freeview-plus .products .modules ol li.cta-btn {width:auto; margin-right:32px;} #freeview-plus .products .modules ol li.module-3 {margin-right:0;} #freeview-plus .products .modules ol li h3 {background:#ed1c24; padding:5px 10px; margin-bottom:5px; color:#fff;} #freeview-plus .products .mod-content {border:1px solid #c1c1c1; background:#e3e3e3; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e3e3e3)); background:-moz-linear-gradient(top, #ffffff, #e3e3e3); float:left; display:inline; width:258px; padding:14px; min-height:375px; height:auto !important; height:375px; position:relative;} #freeview-plus .products .mod-content p {font-size:1.7em; line-height:1.1; color:#5a5a5a;} #freeview-plus .products .mod-content .product-name {font-size:1.6em; font-weight:bold;} #freeview-plus .products .mod-content .product-price {text-align:right; color:#ed1c24; font-size:2.1em; line-height:1.4;} #freeview-plus .products .mod-content img.product-img {margin:10px 4px; border-bottom:1px solid #eaeaea;} #freeview-plus .products .product-rating {width:268px; float:left; display:inline; position:absolute; bottom:4.8em; left:14px;} #freeview-plus .products .product-rating p {width:50%; float:left; display:inline; font-size:1.2em; line-height:20px;} .products .mod-content .product-rating p.rating {background:url(../img/product-list-new/bg_ratings.png) no-repeat 0 50%; height:20px; overflow:hidden;font-size:10px} .product-rating p.rating img {/*margin-right:1px;*/} #freeview-plus .products .modules ul.cta-block {position:absolute; bottom:14px; left:14px;} #freeview-plus .products-container {float:left; display:inline; border-width:0 1px 1px 0; border-bottom-color:#e5e5e5; width:879px; margin:10px 0 0 0;} #freeview-plus .products-container #product-list {width:670px;} #refine-products div.freeview-check, #refine-products div.freeview-buy {border:0; background:none; position:absolute; bottom:-100px; left:-10px; width:140px;} #refine-products div.freeview-buy {background:#c3c3c3; bottom:-170px;} #freeview-plus div.freeview-buy .cta a {background-image:url(../img/homepage-new/icon_arrow-on-grey.png);} .freeview-check p {margin:0 0 8px 0; font-size:1.4em; line-height:1.2;} /* new product detail page */ .product-details-container .modules {background:#e0e0e0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#ffffff'); background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#ffffff));background: -moz-linear-gradient(top, #e0e0e0, #ffffff); padding:12px 12px 0 12px; width:876px; overflow:auto; border-top:10px solid #fff; position:relative;} .product-details-container .modules .mod-content {float:left; display:inline; width:648px; padding:10px; background:#fff; margin-right:20px;} .product-details-container .product-img {float:left; display:inline; min-height:200px; height:auto !important; height:200px; width:310px; text-align:center; margin-right:10px;} .product-details-container .product-img p.cta a {float:left; display:block; background-image:url(../img/icon_arrow-back.png);} .product-details-container .product-details {float:left; display:inline; padding:10px 8px; background:#f4f4f4; width:312px;} .product-details-container .modules .product-details h3 {font-size:2.2em; font-weight:700; padding-bottom:11px; border-bottom:1px solid #dadada; margin-bottom:0;} .product-details-container .product-details .triplets {float:left; display:inline; margin:20px 0 23px 0;} .product-details-container .product-details .triplets ul li {float:left; display:block; width:100px; min-height:66px; height:auto !important; height:66px; text-align:center; background:#dbdbdb; font-size:1.3em; margin:0 10px 0 0;} .product-details-container .product-details .triplets ul li.last {margin-right:0; position:relative;} .product-details-container .product-details .triplets ul li span {font-size:1.1em; display:block;} .product-details-container .product-details .triplets ul li em {font-weight:700; font-size:1.8em; line-height:1; font-style:normal; display:block;} /*.product-details-container .product-details .triplets ul li.focus { background:#ed1c24; color:#fff;}*/ .product-details-container .product-details .brand {border:1px solid #d7d7d7; background:#000; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#484848'); background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#484848)); background:-moz-linear-gradient(top, #000000, #484848); padding:2px; margin-bottom:0; width:306px;} .product-details-container .product-details .brand h4 {color:#fff; font-size:1.7em; display:block; padding:8px 0 11px 5px; font-weight:bold;} .product-details-container .product-details .brand ul {background:#fff; display:block; padding:2px 0 0 2px; float:left; display:inline;} .product-details-container .product-details .brand ul li {float:left; display:block; width:99px; text-align:center; background:#fff; margin:0 2px 2px 0; padding-top:44px; position:relative; min-height:22px; height:auto !important; height:22px;} .product-details-container .product-details .brand ul li span {border:1px solid #e7e7e7; position:absolute; top:0; left:0; width:97px; height:39px; text-align:center;} .product-details-container .product-overview {float:left; display:inline; padding-top:10px; min-height:140px; height:auto !important; height:140px;} .product-details-container .product-overview h4 {display:block; color:#000; font-size:2.4em; border-top:solid 1px #d8d8d8; padding:12px 0;} .product-details-container .product-overview p {display:block; font-size:1.3em;} .product-details-container .freeview-check {padding:8px 0; border-top:1px solid #bebebe; width:180px; position:absolute; bottom:64px; right:18px;} /*.product-img .cta-btn {margin-left:20px;} .product-img .cta-btn a {background-position:100% -30px; float:right; padding:0 10px 0 2px;} .product-img .cta-btn a span {background-position:0 -30px; float:left; left:-20px; right:0;}*/ /* new overview page */ #freeview-plus .benefits {width:920px; margin:0 0 10px 0; overflow:hidden;} #freeview-plus .benefits h2 {width:880px; margin:20px auto; background-image:none;} #freeview-plus .benefits .disclaimer {color:#fff !important; margin-bottom:25px; position:relative; font-size:1.1em;} #freeview-plus .benefits .tabs-3 {width:911px; padding:0 0 0 9px; overflow:hidden; background:#fff url(../img/product-list-new/spcr_benefits-tabs.png) repeat-x 0 100%;} #freeview-plus .benefits .tabs-3 li {float:left; display:inline; padding:0 5px; overflow:hidden; background:url(../img/product-list-new/spcr_benefits-tabs.png) no-repeat 100% 0;} #freeview-plus .benefits .tabs-3 li#tablink4 {background:none;} #freeview-plus .benefits .tabs-3 li a {background-image:url(../img/product-list-new/sprt_benefits-tabs-nav.png); background-repeat:no-repeat; width:216px; height:65px; display:block; text-indent:-20000px;} #freeview-plus .benefits .tab-content {position:relative; width:365px; height:280px; overflow:hidden; padding:50px 520px 0 35px; border-bottom:10px solid #fff; background-repeat:no-repeat; background-position:100% 100%;} #freeview-plus .benefits .tab-content h3 {color:#fff; font-size:3.3em; line-height:1; position:relative; z-index:+1;} #freeview-plus .benefits .tab-content p.tagline {color:red; font-size:1.8em; line-height:1.2; position:relative; z-index:+1; margin:20px 0 25px;} #freeview-plus .benefits .tab-content img {position:absolute; top:0; right:10px;} body.js .benefits .tab-container, body.js .benefits .tab-content {height:332px; overflow:hidden; border-bottom:0;} #freeview-plus .benefits .tabs-3 li#tablink1 a {background-position:0 0;} #freeview-plus .benefits .tabs-3 li#tablink1 a:hover {background-position:0 -70px;} #freeview-plus .benefits .tabs-3 li#tablink1.active a {background-position:0 -140px; cursor:default;} #freeview-plus .benefits .tabs-3 li#tablink2 a {background-position:-225px 0;} #freeview-plus .benefits .tabs-3 li#tablink2 a:hover {background-position:-225px -70px;} #freeview-plus .benefits .tabs-3 li#tablink2.active a {background-position:-225px -140px; cursor:default;} #freeview-plus .benefits .tabs-3 li#tablink3 a {background-position:-450px 0;} #freeview-plus .benefits .tabs-3 li#tablink3 a:hover {background-position:-450px -70px;} #freeview-plus .benefits .tabs-3 li#tablink3.active a {background-position:-450px -140px; cursor:default;} #freeview-plus .benefits .tabs-3 li#tablink4 a {background-position:-675px 0;} #freeview-plus .benefits .tabs-3 li#tablink4 a:hover {background-position:-675px -70px;} #freeview-plus .benefits .tabs-3 li#tablink4.active a {background-position:-675px -140px; cursor:default;} #freeview-plus .benefits #tab-3-1 {background-image:url(../img/product-list-new/bg_benefits-tab-1.jpg)} #freeview-plus .benefits #tab-3-1 p {color:#ed1c24;} #freeview-plus .benefits #tab-3-2 {background-image:url(../img/product-list-new/bg_benefits-tab-2.jpg)} #freeview-plus .benefits #tab-3-2 img {top:20px; right:30px;} #freeview-plus .benefits #tab-3-2 p {color:#419bf2;} #freeview-plus .benefits #tab-3-3 {background-image:url(../img/product-list-new/bg_benefits-tab-3.jpg)} #freeview-plus .benefits #tab-3-3 p {color:#b5da1a;} #freeview-plus .benefits #tab-3-4 {background-image:url(../img/product-list-new/bg_benefits-tab-4.jpg)} #freeview-plus .benefits #tab-3-4 img {right:0; bottom:0; top:auto;} #freeview-plus .benefits #tab-3-4 p {color:#24c3c3;} .product-new .tabs-var-1 .tabs-content {width:640px;} .product-new .tabs-benefits .tabs-content li {background-position:100% 15px;} .product-new .tabs-var-1 .tabs-content h3 {font-size:2.2em; width:250px;} .product-new .tabs-var-1 .tabs-content p {font-size:1.3em; width:250px;} .tabs-benefits .no-tapes {background-image:url(../../_media/img/bg_tab-no-tapes.jpg);} .tabs-benefits .subscription-free {background-image:url(../../_media/img/bg_tab-subscription-free.png);} .tabs-benefits .pause-rewind {background-image:url(../../_media/img/bg_tab-pause-rewind.jpg)} .tabs-benefits .split-recording {background-image:url(../../_media/img/bg_tab-split-recording.jpg);} .tabs-benefits .green-button {background-image:url(../../_media/img/bg_tab-green-button.jpg);} /* new bbc page */ #freeview-plus-bbc #wrapper {margin-top:321px} #freeview-plus-bbc .hero {height:250px; top:-305px; background:url(../img/freeview-plus-bbc/bg_hero-bbc.jpg) no-repeat 0 0; overflow:auto; padding:55px 0 0 25px; width:895px;} #freeview-plus-bbc .hero h2 {font-size:4em; line-height:1.2; color:#fff; padding:0 450px 0 0;} #freeview-plus-bbc .hero h2 span {color:#e3c2ef; float:none; background:none;} #freeview-plus-bbc .hero p {font-size:2em; color:#fff; width:360px;} #freeview-plus-bbc h2 {color:#fff; background-image:none;} #freeview-plus-bbc .lead h2, #hd .hd-channels h2 {border-top:10px solid #fff; border-bottom:10px solid #fff;} #freeview-plus-bbc .lead .mod-content, #hd .hd-channels .mod-content {background:#000; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#404040'); background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#404040)); background:-moz-linear-gradient(top, #000000, #404040); overflow:auto; width:900px} #freeview-plus-bbc .lead .col-pri, #hd .hd-channels .col-pri {float:left; display:inline; width:460px; padding:28px 0 20px 20px;} #freeview-plus-bbc .lead .col-pri h3, #hd .hd-channels .col-pri h3, #freeview-plus-bbc .competition h3 {color:#d55bf8; margin-bottom:10px;} #freeview-plus-bbc .lead .col-pri p, #hd .hd-channels .col-pri p {color:#fff; margin-bottom:10px;} #freeview-plus-bbc .lead .col-pri .cta, #hd .hd-channels .col-pri .cta {margin-bottom:0;} #freeview-plus-bbc .lead .col-pri .cta a, #hd .hd-channels .col-pri .cta a {color:#fff;} #freeview-plus-bbc .lead .col-sec, #hd .hd-channels .col-sec {float:left; display:inline; width:400px; background:url(../img/freeview-plus-bbc/bg_lead-sec-col.png) no-repeat 100% 0; padding:55px 0 0 20px;} #freeview-plus-bbc .lead .col-sec ul, #hd .hd-channels .col-sec ul {float:left; display:inline;} #freeview-plus-bbc .lead .col-sec li, #hd .hd-channels .col-sec li {color:#fff; float:left; display:inline; width:180px; font-size:1.8em; font-weight:bold; min-height:64px; height:auto !important; height:64px; margin:0 0 10px 15px; padding-top:20px; line-height:1.1;} #freeview-plus-bbc .lead .col-sec li img, #hd .hd-channels .col-sec li img {margin-right:10px; float:left; display:inline; position:relative; top:-20px;} #freeview-plus-bbc .lead .col-sec li span, #hd .hd-channels .col-sec li span {display:block; font-size:.6em; font-weight:normal;} #freeview-plus-bbc .bookend .module {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 60px; border:1px solid #D3D3D3;} #freeview-plus-bbc .bookend .mod-content {background:url(../../_media/img/bg_bbc-bookend.png) no-repeat 40px 20px; min-height:135px; height:auto !important; height:135px; padding:45px 20px 60px 500px; position:relative;} #freeview-plus-bbc .bookend .mod-content .cta {position:absolute; bottom:30px; left:500px; width:200px;} #freeview-plus-bbc .competition h2 {border-bottom:10px solid #fff;} #freeview-plus-bbc .competition .module {background:#0e0e0e; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#0e0e0e'); background: -webkit-gradient(linear, left top, left bottom, from(#252525), to(#0e0e0e)); background:-moz-linear-gradient(top, #252525, #0e0e0e); position:relative; width:100%;} #freeview-plus-bbc .competition .mod-content {background:url(../img/freeview-plus-bbc/bg_competition.png) no-repeat 96% 50px; padding:20px 460px 20px 20px; width:420px; min-height:370px; height:auto !important; height:370px;} #freeview-plus-bbc .competition a {color:#3ed2e6;} #freeview-plus-bbc .competition .module dl {width:100%; overflow:auto; margin-bottom:10px;} #freeview-plus-bbc .competition .module p, #freeview-plus-bbc .competition .module dd {color:#fff; margin-bottom:8px;} #freeview-plus-bbc .competition .module dd, #freeview-plus-bbc .competition .module dt {float:left; display:inline; width:390px; line-height:1;} #freeview-plus-bbc .competition .module dt {clear:both; width:30px;} #freeview-plus-bbc .competition p label {width:100px; display:block; float:left;} #freeview-plus-bbc .competition p input {margin-right:10px; width:210px; height:1.5em; line-height:1.5em;} #freeview-plus-bbc .competition p input#submit, #freeview-plus-bbc .competition p.check input {height:auto; line-height:normal; width:auto;} #freeview-plus-bbc .competition p.disclaimer {position:absolute; bottom:5px; right:10px; margin:0; display:block;} #freeview-plus-bbc .competition p.check {font-size:1.1em;} #freeview-plus-bbc .competition p.check label {margin-left:6px; width:auto; float:none; display:inline;} #freeview-plus-bbc .competition p.check span {display:none;} /*#freeview-plus-bbc .competition button {background:url(../img/freeview-plus-bbc/btn_comp-submit.png) no-repeat 0 0; display:inline-block; text-indent:-200000px; width:58px; height:17px; overflow:hidden;}*/ /*retailers page */ .product-details-container .lead {background:#e5e5e5; clear:both; min-height:42px; height:auto !important; height:42px; width:100%; position:relative;} .product-details-container .lead h3 {width:70%; font-size:2.4em; color:#474747; padding:7px 10px} .product-details-container .lead .cta {position:absolute; top:11px; right:10px;} .retailers {float:left; display:inline; clear:both; margin-bottom:1px;} .retailers li {float:left; display:inline; width:206px; margin:20px 5px 10px 5px; min-height:100px; height:auto !important; height:100px; padding:10px 0 5em 0; background:#e5e5e5; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); background:-moz-linear-gradient(top, #ffffff, #e5e5e5); position:relative; text-align:center;} .retailers li .cta-block {position:absolute; bottom:0; left:0; padding:5px 20px; text-align:left;} .retailers li .cta-block p {margin:2px 0;} /*WTW WINTER PAGE */ .wtwCompetition { position:relative; margin-top:10px; width:870px; padding:0 14px 14px 14px; border:solid 1px #d6d6d4; background:#101010; float:left; display:inline; overflow-x:hidden; min-height:460px; height:auto !important; height:460px;} /*TV Genius additions for Facebook button (pre-defined class name)*/ .fb_edge_widget_with_comment {position:absolute; left:0px; top:155px; } .wtwCompetition .bgImg { position:absolute; left:0; top:0; z-index:0;} .wtwCompetition .wtwCompContents { width:400px; padding:14px 0 0 0; overflow:hidden; position:relative; } .wtwCompContents p.header { font-size:1.45em; color:#ed1a1a; line-height:1.2em;} .wtwCompContents p { color:#fff; padding-bottom:9px;} .wtwCompContents dl { padding-bottom:8px;} .wtwCompContents dt { float: left; clear: left; width: 20px; text-align: left; font-weight: 700; color: #fff; line-height:1em;} .wtwCompContents dd { margin: 0 0 0 10px; padding: 0 0 6px 0; color: #fff; line-height:1em;} .wtwCompContents .formWtwComp {} .formWtwComp .rowFormEl { width:400px; overflow:hidden; vertical-align:middle; padding-bottom:9px; _padding-bottom:7px; } .formWtwComp .rowFormEl label { display:inline-block; width:74px; font-weight:700; color:#fff; font-size:1.1em;} .formWtwComp .rowFormEl input { background:#fff; border:solid 1px #c2c2c2; color:#222; padding:2px; width:186px; font-size:1.1em;} .rowFormEl .btnWinterSubmit { display:inline; padding-left:5px;} .rowFormEl .btnWinterSubmit input { cursor:pointer; font-size:1.2em; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; border: none; color:#FFF; height:20px; line-height:20px; padding:0 0 0 20px; text-align:left; width:70px;} .wtwCompetition .wtwCompFooter { position:relative; _height:10px !important;} .wtwCompFooter .wtwCompFooterLeft {float:left; width:278px; margin-top:10px;} .wtwCompFooter .wtwCompFooterRight { float:left; width:590px; margin-top:10px;} .wtwCompFooterLeft .rowFormEl { height:19px; width:278px; overflow:hidden;} .wtwCompFooterLeft .rowFormEl label { color:#fff; vertical-align:middle; } .wtwCompFooterLeft .rowFormEl input { color:#fff; vertical-align:middle; margin:0; *margin:0 0 0 -5px; padding:0; } .wtwCompFooterLeft .rowFormEl label a { color:#3ed2e6; text-decoration:underline;} .wtwCompFooterLeft .wtwCompShare { padding-top:5px; clear:both;} a.linkShareFacebook {background:url(../img/btn_facebook.gif) no-repeat 0 50%; padding-left:20px; color:#7392ce !important; text-decoration:underline; display:block;} a.linkShareFacebook:hover {color:#7392ce;} .wtwCompFooter .wtwCompFooterRight p { color:#fff; font-size:1em;} .wtwCompFooter .wtwCompFooterRight p a { color:#3ed2e6; text-decoration:underline;} .block .mainHeadline1 {position:relative; width:380px; height:310px; overflow:hidden; padding:30px 520px 0 20px;} .mod-page-tabs .block .mainHeadline1 {background:url(../img/product-list-new/bg_benefits-tab-1.jpg) no-repeat 100% 100%;} .block .mainHeadline1 h3 {color:#fff; font-size:3.3em; line-height:1; position:relative; z-index:+1;} .block .mainHeadline1 p.tagline {color:red; font-size:1.7em; line-height:1.2; position:relative; z-index:+1; margin:20px 0 25px;} .block .mainHeadline1 img {position:absolute; top:15px; right:10px;} .rowHeadline {margin:0 10px 10px; padding-bottom:10px;} .block .rowListItems { margin-top:20px; width:900px; overflow:hidden; background:#fff url(../img/wtw-winter/bg_rowitem.gif) repeat-x left top;} .rowListItems .colItem { float:left; width:216px; padding:0 0 0 9px; margin-bottom:10px; height:320px; position:relative;} .colItem .blockItemImg { width:198px; height:132px; padding:6px 0 0 6px; background:url(../img/wtw-winter/bg_colitem.png) no-repeat left top;} .blockItemImg .itemMask { width:193px; height:127px; overflow:hidden;} .colItem .itemDesc { padding:12px 16px 0 4px;} .colItem .itemDesc h4 { color:#000; font-size:1.44em; font-weight:700; padding-bottom:3px; } .colItem .itemDesc h4 a { color:#000; text-decoration:none;} .colItem .itemDesc p.itemDate { font-size:1.2em; font-weight:700;} .colItem .itemDesc p { color:#000; padding-bottom:6px;} .colItem .itemDesc p a { color:#000; text-decoration:none;} .colItem .itemDesc .desc { line-height:1.3;} .colItem .itemDesc .blockItemShare { position:absolute; left:13px; bottom:8px;} .colItem .itemDesc .blockFbRate { position:absolute; left:13px; bottom:2px; background:url(../img/wtw-winter/bg_facebook-rate.gif) no-repeat left top; min-height:19px; height:auto !important; padding:0 0 0 25px;} .colItem .itemDesc .blockFbRate span { display:inline-block; font-size:1em; color:#3d61b2;} .colItem .itemDesc .blockFbRate a { font-size:1em; color:#3d61b2; text-decoration:none;} .colItem .itemDesc .blockFbRate a:hover { color:#3d61b2;} .rowListItems .footerListItem { clear:both; padding:0 0 0 5px;} .multiCcontent .modules li, .multiCcontent .modules li.module-1 {float:left; display:inline; width:443px; border:1px solid #dde3e4; min-height:180px; height:auto !important; height:195px; background:#fff;} .multiCcontent .modules li.module-2 { float:right; background:#fff url(../img/wtw-winter/bg_module2.gif) repeat-x left top;} .multiCcontent .modules {overflow:auto;width:900px;} .multiCcontent .modules li.module-1 span.header, .multiCcontent .modules li.module-2 span.header { font-size:1.58em; display:block; color:#474747; background:#dde3e4; height:36px; padding:4px 0 0 10px; } .multiCcontent .modules li.module-1 .modContainer { display:inline-block; padding:20px 20px 10px 20px;} .modules li.module-1 .modContainer .descHeader, .modules li.module-2 .modContainer .descHeader {display:inline-block; color:#000; padding-bottom:15px;} .modules li.module-1 .modContainer .rowForm { display:inline-block; width:398px; overflow:hidden; padding-bottom:5px;} .modules li.module-1 .modContainer label { display:inline-block; width:74px; font-weight:700; color:#000; font-size:1em; vertical-align:middle;} .modules li.module-1 .modContainer input { background:#fff; border:solid 1px #c2c2c2; color:#222; padding:2px; width:180px; font-size:1.1em; vertical-align:middle;} .modules li.module-1 .modContainer .blockSignSubmit { display:inline-block; padding-left:5px;} .modules li.module-1 .modContainer .blockSignSubmit input { cursor:pointer; font-size:1.2em; background:url(../img/homepage-new/icon_arrow.png) no-repeat left center; border: none; color:#000; height:20px; line-height:20px; padding:0 0 0 20px; text-align:left; width:70px;} .multiCcontent .modules li.module-2 .modContainer { /*display:inline-block; height:139px; overflow:hidden;*/} .multiCcontent .modules li.module-2 .mod-image-content { width:217px; height:131px; overflow:hidden; float:left;} .multiCcontent .modules li.module-2 .mod-content { width:221px; position:relative; height:119px; float:left; padding-top:20px;} .multiCcontent .modules li.module-2 .mod-content .cta { position:absolute; left:0; bottom:13px;} /* gift guide page */ #gift-guide #wrapper {margin-top:236px;} #gift-guide .hero {height:220px; top:-220px; background:url(../img/gift-guide/bg_hero-gift-guide.jpg) no-repeat 0 0;} .lead-no-tabs {padding-top:10px;} .lead-no-tabs .mod-content {border:1px solid #d3d3d3; background:url(../img/spcr_updates-modules-li.png) repeat-x 0 100%; padding:3px 10px 10px; width:878px; border-top:none;} #gift-guide h2 {background-image:none;} #gift-guide .hero h2 {font-size:3.3em; line-height:1; color:#fff; font-weight:normal; padding:20px 25px 5px 0; width:500px;} #gift-guide .hero p.tagline {color:red; font-size:1.8em; line-height:1.2; margin:20px 0 25px; width:320px} #gift-guide .product-details-container .modules {border-top:0;} #gift-guide .product-details-container .mod-content {width:855px; margin:0 0 10px 0;} #gift-guide .product-details-container .product-img {text-align:center;} #gift-guide .product-details-container .product-img span {display:block; font-size:.8em;} #gift-guide .product-details-container .product-details {width:504px; padding:10px 15px; min-height:266px; height:auto !important; height:266px;} #gift-guide .product-details-container .modules .product-details h3 {margin-bottom:6px;} #gift-guide .product-details-container .product-details p a {color:#00bcbc;} #gift-guide p {padding:.4em 0 0;} #freeview-plus .products .lead a, #products #why a {color:#3ed2e6;} #products #why {padding:10px 10px 0 10px;} #products #why p {margin-bottom:12px;} .products #wrapper {padding-top:10px; margin-top:240px;} .products .hero h2 {margin:12px 0; font-size:26px; color:#fff; padding-right:320px;} .products #hd .hero h2 {font-size:1.8em; padding-right:510px; color:#fff;} .products .hero {height:220px; top:-220px; background:url(../img/bg_hero-products.jpg) no-repeat 0 0;} /*similar module*/ .similar-products .mod-content {border:1px solid #D3D3D3; width:898px; overflow:auto;} .similar-products h3 {font-size:1.4em;} .similar-products ul {padding-top:20px; background:url(../img/product-list-new/spcr_similar-products.gif) repeat 0 0; width:100%; overflow:auto;} .similar-products li {font-size:1em; float:left; display:inline; width:194px; padding:0 15px; min-height:180px; height:auto !important; height:180px;} .similar-products li img {float:left; display:inline; clear:both; margin:10px 0 5px 28px;} .similar-products li p {text-align:center} #freeview-plus .similar-products .reevoo-range p.price{font-size:1.4em;} .similar-products li p.cta {margin:.6em 0 10px 0;} /* newsletter */ body#newsletters {background:transparent;} #newsletters #wrapper {margin-top:40px;} #newsletters .competition {padding-top:10px;} #newsletters .competition .stb {padding:10px; border:1px solid #d3d3d3;} #newsletters .competition p {margin-bottom:8px;} #newsletters .competition p label {width:100px; display:block; float:left;} #newsletters .competition p input {margin-right:10px; width:210px; height:1.5em; line-height:1.5em;} #newsletters .competition p input#submit, #newsletters .competition p.check input {height:auto; line-height:normal; width:auto;} #newsletters .competition p.disclaimer {margin-top:10px;} #newsletters .competition p.check {font-size:1.1em;} #newsletters .competition p.check label {margin-left:6px; width:auto; float:none; display:inline;} #newsletters .competition p.check span {display:none;} #newsletters .competition button {color:#000;} /* standard image/text modules on channels page */ .channels .vanilla .mod-image-left {min-height:100px; height:auto !important; height:100px;} .channels .vanilla .mod-image-left .mod-content {margin-left:100px;} .channels .vanilla .mod-image-left .mod-image-content img {width:auto; height:auto;} .vanilla p.check {padding-left:144px;} .vanilla p.check input {height:12px; line-height:normal; width:12px; overflow:hidden;} .vanilla p.check label {margin-left:6px; width:auto; float:none; display:inline;} .programme #standard .col-pri .module {background:#e6e6e6; background-image:-moz-linear-gradient(bottom, #e6e6e6, #ffffff); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffffff), color-stop(1, #e6e6e6)); -ms-filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6); border:1px solid #d3d3d3; position:relative;} /*#standard .module .mod-content ul li a, #refine-products .accordion li a {color:#333; text-decoration:underline;}*/ .vanilla #wrapper form p.cta input.submit {margin-left:144px;} /* flash alternatives */ .mod-flash {height:280px; position:relative;} .mod-flash-prog {height:350px;} .mod-flash img {display:inline; float:left; margin-bottom:10px;} .mod-flash p.cta {text-align:center; clear:both;} .mod-flash .cta a {margin:0 20px;} .mod-flash a.swf-link {display:none;} .mod-flash-why {background:url(../img/hd_flash-why-alt-1.jpg) no-repeat 0 0; height:430px; padding:20px 630px 0 30px; width:260px; position:relative;} .mod-flash-why h3 {font-weight:bold; color:#fff; font-size:2.6em; line-height:1.2; margin-bottom:8px; padding-top:10px;} .mod-flash-why p {color:#3ff; margin-bottom:12px; font-size:1.5em} .mod-flash-why p.cta {position:absolute; bottom:14px; left:20px; margin-bottom:0;} .mod-flash-why a.swf-link {display:none;} .mod-flash object, .mod-flash embed, .mod-flash-why object, .mod-flash-why embed {position:absolute; top:0; left:0;} /* feature addition */ .feature #competition {clear:both; padding-top:12px;} .feature #competition img {float:left; display:inline; margin-right:20px;} .feature #competition p {padding-bottom:9px;} .feature p.share {float:right; width:200px; text-align:right; margin-top:14px;} .feature #competition dl {padding-bottom:8px;} .feature #competition dt {float: left; clear: left; width: 20px; text-align: left; font-weight: 700; line-height:1em;} .feature #competition dd {margin: 0 0 0 10px; padding: 0 0 6px 0; line-height:1em; width:auto; overflow:hidden;} .vanilla .module .feature #competition input {width:auto;} .feature #competition .formWtwComp .rowFormEl label {color:#000;} .feature #competition .formWtwComp .rowFormEl input {width:186px;} .feature #competition .rowFormEl .btnWinterSubmit input {width:70px; color:#000} .feature #competition .wtwCompFooterLeft .rowFormEl label {color:#000; width:auto;} /* royal wedding pages */ #royal-wedding #wrapper {margin-top:257px} #royal-wedding-comp #wrapper {margin-top:35px} #royal-wedding .hero {height:210px; top:-240px; padding:30px 0 0 25px; width:895px; background:url(../img/royal-wedding/bg_hero-wedding.jpg) no-repeat 0 0; overflow:auto;} #royal-wedding .hero h2 {font-size:3.3em; line-height:1.2; color:#fff; padding:30px 490px 0 0; margin-bottom:0;} #royal-wedding .hero p {font-size:2em; color:#fff; float:right; display:inline ; width:auto; overflow:visible; margin-right:40px;} #royal-wedding h2 {color:#fff; background-image:none;} #royal-wedding .lead {border-top:10px solid #fff; margin-bottom:15px;} #royal-wedding .lead .mod-content {background:#000 url(../img/royal-wedding/bg_wedding-flash-hd.jpg) no-repeat 0 100%; overflow:auto; width:900px; min-height:408px; height:auto !important; height:408px;} #royal-wedding .lead .col-pri {float:left; display:inline; width:285px; padding:28px 0 20px 20px;} #royal-wedding .lead .col-pri h2 {padding:0 0 8px; font-size:3em; background:none; line-height:1;} #royal-wedding .lead .col-pri h3, #royal-wedding .competition h3, #royal-wedding-comp .competition h3 {color:#993399; margin-bottom:8px; font-size:1.8em; line-height:1.1;} #royal-wedding .lead .col-pri p {color:#fff; margin-bottom:8px;} #royal-wedding .lead .col-pri .cta {margin-bottom:0;} #royal-wedding .lead .col-pri .cta a {color:#fff;} #royal-wedding .lead .col-sec {float:left; display:inline; width:400px; padding:91px 0 0 41px;} #royal-wedding .lead .col-sec #flashContent {background:url(../img/royal-wedding/bg_wedding-flash.png) no-repeat 0 0; width:500px; height:280px; display:block;} #royal-wedding-comp .competition {border-top:10px solid #fff;} #royal-wedding .competition h2, #royal-wedding-comp .competition h2 {padding:5px 0 10px; font-size:3em; background:none;} #royal-wedding .competition .module, #royal-wedding-comp .competition .module, #freeview-picks .competition .module {background:#0d0d0d; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#0d0d0d'); background:-webkit-gradient(linear, left top, left bottom, from(#262626), to(#0d0d0d)); background:-moz-linear-gradient(top, #262626, #0d0d0d); position:relative; width:100%; padding:0;} #royal-wedding .competition .mod-content, #royal-wedding-comp .competition .mod-content {background:url(../img/royal-wedding/bg_wedding-comp2.jpg) no-repeat 100% 80px; padding:20px 460px 20px 20px; width:420px; min-height:370px; height:auto !important; height:370px;} #royal-wedding-comp .competition .mod-content {background:url(../img/royal-wedding/bg_wedding-comp.jpg) no-repeat 100% 80px;} #royal-wedding .competition a, #royal-wedding-comp .competition a {color:#3ed2e6;} #royal-wedding .competition .module p, #royal-wedding-comp .competition .module p {color:#fff; margin-bottom:8px;} #royal-wedding .competition .module dl {width:100%; overflow:auto; margin-bottom:10px;} #royal-wedding .competition .module p, #royal-wedding .competition .module dd, #royal-wedding-comp .competition .module p {color:#fff; margin:1px 0 8px 0;} #royal-wedding .competition .module dd, #royal-wedding .competition .module dt {float:left; display:inline; width:390px; line-height:1;} #royal-wedding .competition .module dt {clear:both; width:23px;} #royal-wedding .competition p label, #royal-wedding-comp .competition p label {width:100px; display:block; float:left;} #royal-wedding .competition p input, #royal-wedding-comp .competition p input {margin-right:10px; width:210px; height:1.5em; line-height:1.5em;} #royal-wedding .competition p input#submit, #royal-wedding .competition p.check input, #royal-wedding-comp .competition p input#submit, #royal-wedding-comp .competition p.check input {height:auto; line-height:normal; width:auto; margin-right:0;} #royal-wedding .competition p.check, #royal-wedding-comp .competition p.check {font-size:1.1em; padding-left:100px;} #royal-wedding .competition p.check label, #royal-wedding-comp .competition p.check label {margin-left:6px; width:auto; float:none; display:inline;} #royal-wedding .competition p.check span, #royal-wedding-comp .competition p.check span {display:none;} .competition button {color:#fff; min-height:17px; height:auto !important; height:17px; padding:1px 0 0 22px; display:inline-block; background:url(../img/homepage-new/icon_arrow.png) no-repeat 0 50%; font-size:1.1em; margin-left:100px; cursor:pointer;} .competition button:hover {text-decoration:underline;} #royal-wedding .competition .extra, #royal-wedding-comp .competition .extra {position:absolute; bottom:18px; right:10px; width:400px; display:block;} #royal-wedding-comp .competition .extra {bottom:42px;} #royal-wedding .competition .extra .cta a, #royal-wedding-comp .competition .extra .cta a {color:#fff;} #royal-wedding .competition a.linkShareFacebook, #royal-wedding-comp .competition a.linkShareFacebook{font-size:10px;} #royal-wedding .bookend .module {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 178px; border:1px solid #D3D3D3;} #royal-wedding .bookend .mod-content {background:url(../img/royal-wedding/img_wedding-why-hd.jpg) no-repeat 100% 26px; min-height:300px; height:auto !important; height:300px; padding:25px 500px 0px 20px; position:relative;} #royal-wedding .bookend .mod-content p {margin-bottom:10px;} #royal-wedding .multi-content h2, #royal-wedding-comp .multi-content h2 {color:#474747; background:#dde3e4;padding:5px 20px; font-size:1.6em;} #royal-wedding .multi-content li, #royal-wedding-comp .multi-content li {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 43px; min-height:185px; height:auto !important; height:185px; position:relative; ms-filter:none; filter:none;} #royal-wedding .multi-content li .mod-image-content, #royal-wedding-comp .multi-content li .mod-image-content {background:none;} #royal-wedding .multi-content li .cta, #royal-wedding-comp .multi-content li .cta {position:absolute; bottom:10px; left:20px;} #royal-wedding .multi-content li.module-2 .cta, #royal-wedding-comp .multi-content li.module-2 .cta {left:235px; width:180px;} #royal-wedding .multi-content li.module-3 .mod-content, #royal-wedding-comp .multi-content li.module-3 .mod-content {width:398px;} #royal-wedding #wrapper .whats-on, #royal-wedding .locations {border:1px solid #d3d3d3; width:898px; overflow:hidden;} #royal-wedding .modules .module {padding:14px; width:870px; float:left; display:inline;} #royal-wedding .whats-on .mod-content {width:540px; float:left; display:inline;} #royal-wedding .whats-on .mod-content p {margin-top:8px;} #royal-wedding .whats-on .mod-image-content {width:320px; float:left; display:inline;} #royal-wedding .whats-on .mod-image-content li {float:left; display:inline; margin-left:15px;} #royal-wedding .whats-on .mod-image-content img {border:1px solid #d3d3d3; display:block;} #royal-wedding .whats-on .last .mod-content {width:870px;} #royal-wedding .whats-on dd strong, #royal-wedding .locations dd strong {display:block;} #royal-wedding .whats-on dd strong {font-size:1.15em;} #royal-wedding .whats-on dl, #royal-wedding .locations dl {width:100%; overflow:auto; padding-bottom:10px;} #royal-wedding .whats-on dt, #royal-wedding .locations dt {float:left; display:inline; width:50px; color:#939; clear:both; font-weight:bold; font-size:1em;} #royal-wedding .whats-on dt {padding:4px 10px 0 0; width:110px;} #royal-wedding .whats-on dd, #royal-wedding .locations dd {float:left; display:inline; padding:0 0 10px 14px;} #royal-wedding .whats-on dd {padding-top:4px; border-left:1px solid #d3d3d3; width:730px; font-size:1em} #royal-wedding .whats-on .mod-content dd p {margin-top:0;} #royal-wedding .whats-on p.share {text-align:right; float:right; display:inline; width:50%; margin-top:20px;} #royal-wedding .whats-on p.cta-btn {float:left; display:inline;} #royal-wedding #wrapper .whats-on h3, #royal-wedding #wrapper .whats-on li.module {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%;} #royal-wedding .locations .module {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%;} #royal-wedding .locations .mod-content {float:left; display:inline; width:480px; margin-right:20px;} #royal-wedding .locations .mod-image-content {float:left; display:inline; width:370px;} #royal-wedding .locations dl dt {background:url(../img/royal-wedding/bg_location-li.png) no-repeat 0 0; color:#fff; width:17px; height:16px; line-height:16px; text-align:center; font-weight:bold;} #royal-wedding .locations dl dt span {display:none;} #royal-wedding .locations dl {margin-top:24px; padding-bottom:0;} #royal-wedding .locations dt, #royal-wedding .locations dd {font-size:.9em; padding-bottom:15px;} #royal-wedding .locations dd strong {color:#993399;} #royal-wedding .locations dl dd {width:440px;} #royal-wedding .locations .first img {border:1px solid #d3d3d3; display:block; margin:12px 0;} #royal-wedding .locations h3 {margin-bottom:10px;} /* connected tv page */ #connected-tv #wrapper, #recordable-tvs #wrapper {margin-top:257px} #connected-tv #wrapper p, #recordable-tvs #wrapper p {margin-bottom:8px;} #connected-tv .hero {height:210px; top:-240px; padding:30px 0 0 25px; width:895px; background:url(../img/christmas-headers/img_ondemand-header.png) no-repeat 0 0; overflow:auto;} #connected-tv .hero h2, #recordable-tvs .hero h2 {font-size:3.2em; line-height:1.2; color:#fff; padding:80px 490px 0 0; margin-bottom:0;} #connected-tv .hero p {font-size:2em; color:#fff; float:right; display:inline ; width:auto; overflow:visible; margin-right:40px;} #connected-tv .lead {border-top:10px solid #fff;} #connected-tv .lead .mod-content, #recordable-tvs .lead .mod-content {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 100%; width:100%; overflow:auto;} #connected-tv h2 {color:#fff; background-image:none;} #connected-tv .lead .col-pri, #recordable-tvs .lead .col-pri {float:left; display:inline; width:420px; padding:20px 0 20px 20px;} #connected-tv .lead .col-sec, #recordable-tvs .lead .col-sec {float:left; display:inline; width:420px;} #connected-tv .lead .col-pri ul {padding:0 0 10px 12px;} #connected-tv .lead .col-pri li {list-style:outside; display:list-item;} #connected-tv .lead .col-sec ul {padding:20px 0 0 120px;} #connected-tv .lead .col-sec li {margin-bottom:12px;} #connected-tv .multi-content .modules {padding:20px 0 0 20px; background:url(../img/spcr_tout-modules-li.png) repeat-x 0 84px; width:auto;} #connected-tv .multi-content .modules ol {padding-left:20px;} #connected-tv .multi-content .modules ol li {font-weight:bold; margin-bottom:12px; border:none; background:none; float:none; display:list-item; width:auto; min-height:1px; height:1px; -ms-filter:none; filter:none; position:relative; vertical-align:text-top;} #connected-tv .multi-content .modules ol li span{font-weight:normal;} #connected-tv .multi-content .modules ul {overflow:auto; background:url(../img/royal-wedding/bg_or.png) no-repeat 50% 50%;} #connected-tv .multi-content .modules ul {width:820px;} #connected-tv .multi-content .modules ul li {border:0; background:none; width:390px; min-height:200px; height:auto !important; height:200px; float:left; display:inline; margin-top:10px;} #connected-tv .multi-content .modules ul li.module-3 {float:right;} #connected-tv .multi-content .modules .mod-image {float:none; width:auto; position:relative; height:180px; width:390px; display:block; background:none; text-align:center;} #connected-tv .multi-content .modules .mod-image h3 {font-size:1em; font-weight:normal; position:absolute; top:0; left:0;} #connected-tv .disclaimer {color:#999; font-size:1.1em; padding-top:10px;} #connected-tv .triplets .modules {background-position:0 46px;} #connected-tv .triplets .modules ul {background:url(../img/royal-wedding/bg_triplet-or.png) no-repeat 262px 14px; width:auto; padding-top:12px;} #connected-tv .triplets .modules ul li {float:left; display:inline; background:none; width:235px; margin:0 78px 0 0; -ms-filter:none; filter:none;} #connected-tv .triplets .modules li.last {margin-right:0;} #connected-tv .triplets .modules ul li .mod-image {width:auto; padding:0; border:1px solid #ddd; height:165px;} #connected-tv .triplets .modules .mod-content {padding:10px 0 0; width:auto;} #connected-tv .triplets h3 span {font-size:.65em;} .mod-flash-rw {height:240px; position:relative; background:url(../img/royal-wedding/bg_mod-flash-rw.jpg) no-repeat 0 0;} .mod-flash-rw .left-content {float:left; display:inline; width:210px; padding:30px 30px 0 30px;} .mod-flash-rw p {color:#3ed2e6; font-size:2.8em; line-height:1.15; margin-bottom:15px;} .mod-flash-rw .left-content p {color:#fff;} .mod-flash-rw .left-content .cta-btn {padding-left:30px;} .mod-flash-rw .left-content .cta-btn a {background-position:100% -60px; color:#000; padding:0 10px 0 2px;} .mod-flash-rw .left-content .cta-btn a span {background-position:0 -60px; float:left; width:30px; right:auto; left:-30px;} .mod-flash-rw .right-content {float:right; display:inline; width:160px; padding:65px 20px 0 20px;} .mod-flash-rw .right-content p.cta {line-height:normal; font-size:12px;} .mod-flash-rw .right-content p.cta a {color:#fff;} /* recordable tvs page */ #recordable-tvs .hero {height:210px; top:-240px; padding:30px 0 0 25px; width:895px; background:url(../img/bg_hero-recordable-tvs.jpg) no-repeat 0 0; overflow:auto;} #recordable-tvs .hero h2 {padding:60px 460px 0 0;} #recordable-tvs .lead .col-sec img {float:right; padding:20px 0 10px 0;} /* & set up guides */ #setup .tabs-var-1 {position:relative; padding-bottom:30px;} #setup .tabs-var-1 .tabs-content {background:none;} #setup .tabs-var-1 .tabs-content li {min-height:450px; height:auto !important; height:450px;} #setup .tabs-var-1 .tabs-content h3 {margin:2px 0 2px;} #setup .tabs-var-1 .tabs-content h3 span {display:none;} #setup .tabs-content li p {font-size:.9em;} #setup .tabs-content li p.note {position:absolute; top:200px; right:10px;} #setup .tabs-content li#tab-2-2 p.note, #setup .tabs-content li#tab-2-4 p.note {top:356px;} #setup .tabs-content li#tab-2-1 p.note, #setup .tabs-content li#tab-2-3 p.note {width:140px; right:40px} #setup .tabs-content li img {position:absolute; top:5em; left:260px;} #setup .tabs-content li ol.steps {position:absolute; left:270px; top:400px; width:630px;} #setup .tabs-content li ol.steps li {position:relative; width:100%; padding-left:26px; min-height:19px; height:auto !important; height:19px; line-height:19px;} #setup .tabs-content li ol.steps li span {width:19px; height:19px; background:url(../img/set-up-guides/bg_steps.png) no-repeat 50% 50%; display:block; text-align:center; color:#fff; line-height:19px; font-weight:bold; position:absolute; left:0; top:0;} #setup .tabs-var-1 .tabs-content li ol li {min-height:1px; height:1px; list-style:none; margin-bottom:5px; width:95%} #setup .tabs-content li .extra {position:absolute; bottom:15px; left:0; width:228px; padding:10px 0; background:#fff url(../img/spcr_tout-modules-li.png) repeat-x 0 100%; border:1px solid #ccc;} #setup .tabs-content li .extra ol {width:100%; overflow:auto; min-height:92px; height:auto !important; height:92px; background:url(../img/set-up-guides/sprt_setup-guides-extra.png) no-repeat 0 0;} #setup .tabs-content li#tab-2-2 .extra ol, #setup .tabs-content li#tab-2-3 .extra ol {background-position:-228px 0;} #setup .tabs-content li#tab-2-4 .extra ol {background-position:-456px 0;} #setup .tabs-content li .extra ol li {padding-top:20px; width:110px; margin-left:10px;} #setup .tabs-var-1 .extra h4 {font-size:1.334em; font-weight:bold; margin:0 10px; line-height:1.1;} #help-troubleshooting-content .tout {width:618px; height:270px; overflow:hidden; position:relative; margin-bottom:8px;} #help-troubleshooting-content .tout .content-block-image { width:100%; overflow:hidden;} #help-troubleshooting-content .tout .content-block-details {position:absolute; top:40px; right:0; width:330px; height:170px;} #help-troubleshooting-content .tout .cta-btn {padding:10px; float:left; display:inline; font-size:1.3em} #help-troubleshooting-content .tout h3 {font-size:2.6em; color:#fff; display:block; padding:4px 14px 0 14px; margin-bottom:2px;} #help-troubleshooting-content .tout p {display:block; padding:0 14px; font-size:1.6em; color:#54c7dc; line-height:1.3;} /* pick of the week facebook addition */ .tabs-var-1 .tabs-nav li.extra {margin-top:10px; left:0; bottom:-10.5em; height:auto; border:1px solid #ddd; padding:10px;} .tabs-var-1 .tabs-nav li.extra img {vertical-align:text-bottom;} .tabs-var-1 .tabs-nav li.extra p {margin-bottom:8px;} /* retra page */ .vanilla .retra h3 {font-size:1.4em; margin:6px 0 0;} .vanilla .retra ol {margin-bottom:10px; float:left; display:inline; width:100%;} .vanilla .retra ol li {list-style:none; float:left; display:inline; border-bottom:1px solid #e8e8e8; margin:3px 0 0;} .retra ol li div {float:left; display:inline;} .retra ol li div p {font-size:.95em;} .retra ol li div.mod-details, .retra ol li div.mod-qty {width:435px; margin-right:15px; padding-top:12px; min-height:28px; height:auto !important; height:28px;} .vanilla .retra p.check {padding-left:20px; width:420px; position:relative;} .vanilla .retra p.check input {position:absolute; top:2px; left:0; margin-right:0; border:none;} .vanilla .retra p.check label {margin:0;} .vanilla .retra div.mod-image {margin-right:20px; width:95px;} .vanilla .retra div.mod-image p {height:40px; line-height:40px} .vanilla .retra div.mod-image a {padding-left:50px; position:relative; display:block; float:left;} .vanilla .retra div.mod-image img {position:absolute; top:0; left:0; width:40px; max-height: 35px;} .retra ol li div.mod-qty {width:auto;} .retra ol li div.mod-qty label {width:auto; margin-right:0;} .vanilla .retra p.submit {padding-left:142px;} .vanilla .retra #submit {font-size:1em;} .retra ol li.out-of-stock div.mod-qty, .retra ol li.out-of-stock div.mod-details {opacity:.2; -moz-opacity:.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20);} .vanilla .review div.mod-image {display:none;} .vanilla .review div.mod-details {width:550px;} .vanilla .review p.submit {padding-left:0;} .vanilla .review p.submit input {float:right; display:inline;} .vanilla .review p.submit a {float:left; display:inline;} .vanilla .review ol {margin-bottom:20px;} /* sitemap */ .sitemap .col {width:100%;} .sitemap .module {padding-right:0;} .sitemap ul {width:880px; overflow:hidden; padding:0; margin:0;} .sitemap ul ul {margin-left:12px; width:auto; overflow:visible; list-style:disc;} .sitemap ul li {width:100%; float:left; display:inline;} .sitemap ul li strong a {display:block; padding:5px 12px; width:856px; background:#f4f4f4; margin-bottom:8px;} .sitemap ul ul li {width:100%; float:none; display:list-item; list-style:disc; margin-left:15px;} .sitemap a {text-decoration:none !important;} .sitemap a:hover {background:#ededed;} .sitemap ul ul a:hover {background:none; text-decoration:underline !important;} /* Rugby world cup page */ #rugby #wrapper {margin-top:251px; overflow:visible;} #rugby .hero {background:#dea url(../img/rugby-world-cup/bg_hero-rugby.jpg) no-repeat 100% 0; height:235px; top:-235px; width:100%; margin:0; position:absolute; left:0;} #rugby .hero .mod-details {margin-top:55px;} #rugby .hero h2 {color:#fff; background:none; font-size:3.8em;} #rugby .lead .multi-top {border:1px solid #d3d3d3; border-bottom:0; background:url(../img/spcr_tout-modules-li.png) repeat-x 100% 100%;} #rugby .lead .multi-top .mod-details {position:relative; padding:25px 20px;} #rugby .lead .multi-top p {padding:0; width:650px;} #rugby .lead .multi-top ul {position:absolute; top:15px; right:20px;} #rugby .lead .multi-top li {float:left; display:inline; margin-left:10px;} #rugby .lead .multi-bottom {border:1px solid #d3d3d3; border-top:0; background:url(../img/spcr_tout-modules-li.png) repeat-x 100% 100%;} #rugby .useful-links p {padding-bottom:15px;} #rugby .useful-links ul {margin-top:8px;} #rugby .useful-links li {padding:.4em 0;} #rugby .useful-links li a {width:auto;} #rugby .useful-links .mod-details {background:url(../img/rugby-world-cup/bg_multi-bottom.jpg) no-repeat 100% 100%; padding:25px 400px 40px 20px;} #rugby .mod-black-img-text {height:264px; overflow:hidden; padding:80px 458px 0 20px; position: relative; width:420px; border:1px solid #d3d3d3;} #rugby .mod-black-img-text img {left:0; position:absolute; top:0;} #rugby .mod-black-img-text img.logo {left:20px; top:20px;} #rugby .mod-black-img-text h3 {color:#fff; font-size:3em; line-height:1; position:relative; z-index:1;} #rugby .mod-black-img-text p {color:#fff; position:relative; font-weight:bold; margin-bottom:40px;} #rugby .mod-black-img-text p.tagline {color:#09f; font-size:1.7em; line-height:1.2; margin:15px 0 15px; z-index:1;} #rugby .mod-black-img-text p.cta-btn {margin-bottom:6px; width:100%; overflow:auto;} #venue-map-container {height:700px;} #rugby .venue-guide .module {border:1px solid #d3d3d3; padding:0; width:898px;} #rugby .venue-guide .module .mod-details {padding:10px;} #rugby .info-container {overflow:hidden; width:470px;} #rugby .info-container h3 {font-size:1.8em; padding-bottom:8px; width:470px; margin-bottom:0;} #rugby .info-container .matches {display:block; padding:10px; margin-bottom:10px; width:450px; min-height:107px; height:auto !important; height:107px; background:#000 url('../img/rugby-world-cup/bg_match-listings.jpg') left bottom no-repeat;} #rugby .info-container .matches dl {width:260px; color:#fff; padding-bottom:10px; overflow:auto;} #rugby .info-container .matches dt {float:left; display:inline; width:110px;} #rugby .info-container .matches dd {float:left; display:inline; width:150px;} #rugby .info-container .copy {width:470px; overflow:auto;} #rugby .info-container .copy p {float:left; display:inline; width:280px;} #rugby .info-container .copy .img {float:right; display:inline; width:165px;} /* error page */ #error .error {border:0; background:none; margin:0 10px 20px; padding:0;} #error .error .module {background:url(../img/spcr_tout-modules-li.png) repeat-x 100% 100%; ms-filter:none; filter:none; border:1px solid #d3d3d3; padding:0; width:898px;} #error .error .module p.lead {background:#f5f3f4; color:#000; padding:20px 30px; font-size:1.4em; margin:0;} #error .error .mod-details {padding:20px 30px;} #error .error .mod-details ul.cta {list-style:none; padding-left:0; width:100%; overflow:auto; margin-bottom:0;} #error .error .mod-details li {width:350px; float:left; display:inline;} #error .error .mod-details p {font-weight:bold; color:#000;} #error .multi-content h2 {color:#474747; background:#dde3e4; padding:5px 20px; font-size:1.6em;} #error .multi-content li {background:url(../img/spcr_tout-modules-li.png) repeat-x 0 43px; min-height:185px; height:auto !important; height:185px; position:relative; ms-filter:none; filter:none; border: 1px solid #D3D3D3; width:440px;} #error .multi-content li.module-3 {float:right;} #error .multi-content li .mod-image-content {background:none; float:left; display:inline; text-align:center; width:218px; padding-top:20px;} #error .multi-content .modules {width:100%;} #error .multi-content .modules .mod-content {float:left; display:inline; width:180px; padding:10px 20px;} #error .multi-content li .cta {position:absolute; bottom:10px; left:20px;} #error .multi-content li.module-2 .cta {left:235px; width:180px;} #error .multi-content li.module-3 .mod-content {width:398px;} /* freeview picks */ #freeview-picks #wrapper {margin-top:35px; padding-top:0} #freeview-picks .competition {border-top:10px solid #fff;} #freeview-picks .competition .error {background:#2e0000; width:500px;} #freeview-picks .competition .module .error p, #freeview-picks .competition .module .error li {color:red;} #freeview-picks .competition a {color:#fff;text-decoration:underline} #freeview-picks .competition h2 {padding:5px 0 10px; font-size:3em; background:none;} #freeview-picks .competition .module h3 {color:#f00; margin-bottom:8px; font-size:1.8em; line-height:1.1;} #freeview-picks .competition .module {background:#161616 url(../img/spcr_competition-mod.png) repeat-x 0 0;} #freeview-picks .competition .mod-content {background:url(../img/wtw-winter/bg_play-tv.png) no-repeat scroll 100% 0 transparent; padding:20px 460px 20px 20px; width:420px; min-height:370px; height:auto !important; height:370px;} #freeview-picks .competition .module p, #freeview-picks .competition .module dd {color:#fff; margin:1px 0 8px 0;} #freeview-picks .competition .module dl {float:left; display:inline; margin-bottom:10px;} #freeview-picks .competition .module dd, #freeview-picks .competition .module dt {float:left; display:inline; width:300px; line-height:1;} #freeview-picks .competition .module dt {clear:both; width:23px;} #freeview-picks .competition .module dt input {width:auto; background:none; border:0; margin:0;} #freeview-picks .competition .module p label {width:100px; display:block; float:left; margin-right:0;} #freeview-picks .competition p input {margin-right:10px; width:210px; height:1.5em; line-height:1.5em;} #freeview-picks .competitionp input#submit, #freeview-picks .competition .module p.check input {height:auto; line-height:normal; width:auto; margin-right:0; border:0; background:none;} #freeview-picks .competition p.check {font-size:1.1em; padding-left:100px;} #freeview-picks .competition p.check label {margin-left:6px; width:auto; float:none; display:inline;} #freeview-picks .competition p.check span {display:none;} #freeview-picks .competition .extra {position:absolute; bottom:18px; right:10px; width:400px; display:block;} #freeview-picks .competition .extra .cta a {color:#fff;} #freeview-picks .competition a.linkShareFacebook{font-size:10px;} #freeview-picks .competition p.captcha {min-height:10em; height:auto !important; height:10em;} #freeview-picks .competition p.captcha img {display:block;} #freeview-picks .competition p.captcha label {padding-bottom:6em;} #freeview-picks .competition p.captcha input {margin-top:8px;} #freeview-picks .competition p.captcha a {display:block;} /* iSqueak */ #isqueak #wrapper {margin-top:16px; padding-top:0;} #isqueak .hero {height:328px; top:-240px; background:url(../img/isqueak/bg_hero-isqueak.jpg) no-repeat 100% 100%; margin-bottom:10px; position:static; } #isqueak .hero .sub-logo {margin-top:30px;margin-left:28px;} #isqueak .hero h2 {margin-left:28px;color:#fff;font-size:2.8em;} #isqueak .hero p {margin-left:28px; color:#fff; width:440px; font-size:1.8em;} #isqueak .hero p.winner {color:#000; font-size:1.4em;} #isqueak .multi-content .modules {width:100%;} #isqueak .multi-content .module {width:420px; min-height: 342px; height:342px; filter: none; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";} #isqueak .multi-content .modules .mod-content {width:auto;} #isqueak .multi-content .last {margin-right:0px; float:right;} #isqueak .multi-content h3 {font-size: 2.2em; color:#fff;} #isqueak .multi-content p {font-size:1.2em; color:#fff;} #isqueak .multi-content li.instructions {background:#000 none;} #isqueak .multi-content .instructions ol {margin:0; padding:0; text-indent:0;} #isqueak .multi-content .instructions li {font-size: 1.2em; font-weight:bold;color:#fff;margin:7px 0 17px 0; padding:0; list-style-type: none; text-indent:0;} #isqueak .instructions li span.counter {display: block; background: url(../img/isqueak/bg_list.png) no-repeat left top; min-height:28px; height:28px; width:28px;float:left;padding:4px 0 0 10px;} #isqueak .instructions li span.content {font-weight:normal; padding-top:4px; display:block} #isqueak .app {background:#467FC4 url(../img/isqueak/bg_app.jpg) no-repeat bottom left;} #isqueak .multi-content p.terms {text-align:right; font-size:1em; margin-bottom:0} #isqueak .multi-content p.terms a {color:#ED1C24;} #isqueak .cta-btn a {background-position: right 1px; padding-right:20px;} #isqueak .gallery ul li {float:left; margin:10px 10px 0 0; position:relative;} #isqueak .gallery ul li img {float:left; z-index:10} #isqueak .gallery ul li img.play {position:absolute; z-index:20; right:7px; bottom:7px;} #isqueak .fb-like, .lightbox .fb-like {top:0 !important;} #isqueak #___plusone_0 {float:left !important;} #isqueak .social {height:130px; min-height:130px} #isqueak-player {width:565px; max-width:565px; background-image: none; overflow-x:hidden;} #isqueak-player body, #isqueak-player #wrapper, #isqueak-player #container {width:565px; max-width:565px;} .lightbox .social {padding:10px; min-height:45px; height:45px;} .lightbox .pagination {position:inherit; } .lightbox .pagination li.previous {left:10px;} .lightbox .pagination li.next {right:10px;} /*New Xmas Peak page*/ .services #standard #wrapper {border-bottom-width:0; width:940px; margin-top:27px; background-color:#000; padding-bottom:20px;} .services #standard .row {width:920px; margin:0;} .services #standard .hero {position:static; height:400px; background:#000 url(../img/freeview/bg_header.jpg) no-repeat 100% 100%; width:940px; margin-bottom:10px;} .services #standard .hero em {color:#ED1C24; display:block; font-size:1.7em;} .services #standard .hero .sub-logo {margin-top:0;} .services #standard .hero .mod-details {padding:15px;} .services #standard .hero h2 {font-weight:normal; color:#fff; font-size:2.8em; margin-top:10px; width:600px; padding-right: 0px;} .services #standard .hero p {color:#fff; font-size:1.8em; padding-bottom:1.6em; margin-bottom:1.4em; width:520px;} .services #standard .hero p.cta-btn {font-weight:normal} .services #standard .hero .mod-details h2+p {background:transparent url(../img/freeview/bg_intro-para.png) no-repeat bottom left;} .services #standard h3 {color:#fff; font-size:2.2em;} .services .content {color:#fff; background:url("../img/homepage-new/bg_promos.jpg") repeat-x scroll 0 0 #0E0E0E; padding:10px; display: relative; width:920px;} .services .multi-content .modules {width:872px;} .services .multi-content .cta a {color:#fff;} .services .multi-content .half-width {margin-top:15px; overflow: visible;} .services .multi-content .half-width .col-1, .services .multi-content .half-width .col-2 {width:420px; overflow:visible;} .services .multi-content .half-width .col-1 {margin-right:8px; float:left;} .services .multi-content .half-width .col-2 {right:43px;} .services .multi-content .half-width .module {width:420px; height:208px; position:relative; overflow:visible} .services .multi-content .half-width .parties{background-image:url(../img/freeview/bg_parties.png);} .services .multi-content .half-width .parties img{position:absolute; right:25px; top:-18px;} .services .multi-content .half-width .parties p{width:250px; color:#000;} #wrapper .multi-content .half-width .parties h4{font-size:2.4em; color:#ee2e30;} .services .multi-content .half-width .smarttv{background-image:url(../img/freeview/bg_smarttv.jpg);} .services .multi-content .half-width .smarttv img{position:absolute; right:25px; top:-18px;} #wrapper .multi-content .half-width .smarttv p{font-size:1.8em; width:200px; line-height:1.2} #wrapper .multi-content .half-width .smarttv p.cta-btn{position: absolute; bottom: 15px; margin-bottom:0} .services .multi-content .half-width .isqueak{background-image:url(../img/freeview/bg_isqueak-app.png);} .services .multi-content .half-width .isqueak img{position:absolute; right:0; top:-17px;} .services .multi-content .half-width .isqueak p{width:228px; line-height: 1em; font-size:1.8em} .services .multi-content .half-width .isqueak a{display:block; background-image:url(../img/freeview/img_isqueak-app-download.png); width:149px; height:48px; text-indent:-10000px;} .services #standard .half-width h3 {font-size:2.6em; margin-bottom:10px;} .services #standard .half-width p {margin:10px 0;} .services .multi-content .col-1 {width:293px; float:left;} .services .multi-content .col-2 {position:absolute; right:10px;} .services .multi-content .modules {width:100%} .services .multi-content .module {width:263px; height:172px; background:#505050 url(../img/freeview/bg_module.jpg) repeat-x top left; padding:15px; margin-bottom:10px; border: 1px solid #545454} .services .multi-content .module fieldset p {margin-bottom:10px;} .services .multi-content .postcode {padding: 15px 14px 0;} .services .multi-content .postcode p.cta {text-align: right;} .services .multi-content .module fieldset label {width:100px; margin-right:10px; text-align:right; color:#fff;display:block; float:left;} .services .multi-content .module fieldset input {width:150px;} .services .multi-content .ad {padding:4px; width:283px; height:158px;} .services .multi-content .ad h3 {padding:10px 0 5px 10px; } .services .multi-content .ad .mod-image {padding-top:5px;} .services .multi-content .large {width:587px; height:350px; background: #000 url(../img/freeview/bg_module-large.jpg) repeat-x bottom left; float:right; padding-bottom:0;} .services .multi-content .large .mod-images{float:right; width:335px; text-align:center; } .services .multi-content .large .mod-image {background:transparent url(../img/freeview/bg_product.png) no-repeat -40px -50px; width:335px; padding-top: 10px;} .services .multi-content .large .mod-details{padding:0 20px;} .services .multi-content .large .cta {margin:20px 0 0 60px; text-align:left;} .services .multi-content .large ul {list-style: disc;} .services .multi-content .large ul li {min-height:20px; margin:35px 0 0; padding:0; width:220px; background-color:transparent; background-image:none; border-style:none; font-size:1.2em; display:list-item; float:none; height:auto; filter: none; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";} .services .postcode p.intro {color:#3ED2E6; margin:15px 0 10px;} .services #formPostcode input.submit {background: url("../img/homepage-new/icon_arrow.png") no-repeat scroll 0 50% transparent; border: none; color: #fff; cursor: pointer; overflow: hidden; padding: 1px 0 1px 22px; width: auto;} .services .multi-content .module .mod-image{background-color:transparent;} .services .teasers .modules {overflow:visible; height: 255px; margin-top:15px;} .services .teasers .module {padding:10px; float:left; margin-right:9px; width:271px; min-height:220px; height:220px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px;} .services .teasers .module .mod-details {width:100%; padding:3px 0 0 0;} .services .teasers .module .mod-image {width:100%; padding-top:10px;} .services .teasers .module .cta {margin:5px 0;} .services .teasers .app {height:240px; width:314px; padding:0; margin-right:0px !important; position:relative; background:transparent url(../img/freeview/img_app.jpg) no-repeat top left;} .services .teasers .app h3, .services .teasers .app p {display:none;} .services .teasers .app p.cta {display:block; position:absolute; left:12px; bottom:4px;} .services #standard .mod-faq {background-color:#fff; width:940px;} .services #standard .mod-faq h2 {margin-top:0px;} .services #standard .mod-faq dl, .services #standard .mod-faq dt, .services #standard .mod-faq dd {width:905px; overflow:visible;} .services #standard #footer {width:940px;} /* ESPN page */ .espn {margin:0 5px;} .espn .mod-image-top .mod-image {background: none; text-align:left;} .espn .multi-bottom {background:url(../img/spcr_tout-modules-li.png) repeat-x 100% 100%;} .espn .col .col-pri {width:520px;} .espn .col .col-sec {padding-top:70px;} .espn .col .col-pri p.cta {margin:20px 0;} .espn .col .col-pri p.cta a {margin-right:35px;} .espn .col .col-sec p.cta {margin:15px 0 0 0; position:absolute; right:30px; bottom:20px;} /*Freeview Picks amends*/ #freeview-picks .competition .module {width:900px; } #freeview-picks .competition h2 {line-height:1.2em;} #freeview-picks .competition p {width:450px;} #freeview-picks .competition .module dl {margin-bottom:0;} #freeview-picks .competition .mod-content{background:transparent url(../img/wtw-winter/bg_sky.jpg) no-repeat 0 0; width:900px; position:relative; padding:20px; _width:860px;} #freeview-picks .competition .mod-content .intro{width:500px;} #freeview-picks .competition #brand-logo{position:absolute; top: 20px; left: 777px;} #freeview-picks .competition #product-image{position:absolute; top:100px; left:500px;} #freeview-picks .competition p.more-info{font-size: 1.6em;} #freeview-picks .competition .questions {margin-bottom:0;} #freeview-picks .competition .questions dd{ width:600px;} #freeview-picks .competition .you {margin-top:40px;} #freeview-picks .competition form p {width:600px;} /* Christmas Comp */ #freeview-picks .christmas .mod-content { background:transparent url(../img/christmas/bg_cost-of-christmas.jpg) no-repeat top left; min-height:642px; height:auto; height:682px; padding-top:10px; padding:10px 325px 20px 10px; width:565px;} #freeview-picks .christmas .mod-content p{width:565px} #freeview-picks .christmas .row, #freeview-picks .christmas .module h2 {padding:0;} #freeview-picks .christmas .module h3, #freeview-picks .competition .module h3 {color:#fff;} #freeview-picks .christmas .questions p, #freeview-picks .competition .questions p {clear:both; margin:0;} #freeview-picks .christmas form {margin-top:10px;} #freeview-picks .christmas .module dl {margin-bottom:10px;} #freeview-picks .christmas .fb-like {top:0;} #freeview-picks .christmas fieldset.questions, #freeview-picks .competition fieldset.questions {font-size:1.5em;} #freeview-picks .christmas fieldset.questions {margin-bottom:10px;} #freeview-picks .christmas fieldset.questions label, #freeview-picks .competition fieldset.questions label{width:300px;}