/* @override http://bt--pro.custhelp.com/euf/assets/css/BT/screen.css */ /** * BT Help & Support 15/02/10 * * CSS for SAB items * This is modification of screen.css to pull out only elements relevant to * SAB items. */ /*** Reset */ #home #promos {padding-top:10px;margin-left:19px;} #home #promos li {float:left;margin-right:19px;} #home #promos li a {display:block;} #home #promos li a.news {margin-top:13px;} #hero h2 {font-size:3.2em; font-weight:normal; height:40px; line-height:1.2em; margin:0 0 15px;} /*Fix for the spacing around a h3 element*/ #hero h3 {font-size:1.4em;color:#000;} .plainheader {margin:10px 0px;} #hero p {margin-bottom:1.5em;} #hero .catList {padding-top:15px;} #hero .catList h3 {padding-bottom:4px;margin-bottom:14px;background:url(/euf/assets/images/BT/hr_dots_bg.gif) repeat-x 0 100%;} #wrapper .catList {padding-top:15px;} #wrapper .catList h3 {padding-bottom:4px;margin-bottom:14px;background:url(/euf/assets/images/BT/hr_dots_bg.gif) repeat-x 0 100%;color:#000000; font-size:1.4em;} #hero .promo { overflow:hidden;} #hero .promo h3 {clear:none;margin:5px 0 0.3em 0;} #hero .promo img {display:block;float:left;margin-right:20px;} #hero .promo .chevron {display:inline;float:none;margin-right:0;} #hero .promo p {margin-bottom:0.5em;} /*#hero .otherRight h3 .otherLeft h3{ font-size:1.4em; margin-bottom:10px;}*/ #wrapper .sab-02 li {margin-bottom:0.9em;padding-bottom:1.2em;background:url(/euf/assets/images/BT/hr_dots_bg.gif) repeat-x bottom left;} #hero .otherLeft {float:left;width:310px;} #hero .otherLeft h4 {margin-bottom:0.2em;} #hero .otherLeft .phone {padding-left:25px;background:url(/euf/assets/images/BT/icon_phone.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_phone {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_phone.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_billing {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Billing.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_broadband {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Broadband.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_usermanuals {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_User_Manual.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_tv {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_TV.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_creditcard {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_CreditCard.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_dialup {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Dial_Up.gif) no-repeat 0 0;} #hero .otherLeft .Sml_Pnk_mobile {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Mobile.gif) no-repeat 0 0;} #hero .otherRight {float:right;width:328px;} #hero .otherRight h4 {margin-bottom:0.2em;} #hero .otherRight .Sml_Pnk_phone {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_phone.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_billing {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Billing.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_broadband {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Broadband.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_usermanuals {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_User_Manual.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_tv {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_TV.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_creditcard {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_CreditCard.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_dialup {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Dial_Up.gif) no-repeat 0 0;} #hero .otherRight .Sml_Pnk_mobile {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Mobile.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_phone {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_phone.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_billing {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Billing.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_broadband {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Broadband.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_usermanuals {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_User_Manual.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_tv {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_TV.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_creditcard {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_CreditCard.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_dialup {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Dial_Up.gif) no-repeat 0 0;} #wrapper .Sml_Pnk_mobile {padding-left:25px;background:url(/euf/assets/images/BT/SAB/Sml_Pnk_Mobile.gif) no-repeat 0 0;} #hero .promoRight {float:right;margin:10px 30px 0 0;} /** SAB Promo modules **/ /*Added 18th March from new LBi drop*/ .SAB-Modules { } /** rows and cols **/ .SAB-Modules .otherLeft { float: left; width: 305px; } .SAB-Modules .otherRight { float: right; width: 328px; } .SAB-Modules .otherRow { clear: both; overflow: hidden; margin-bottom: 20px; } /** SAB modules **/ #content .SAB-Modules h2 { margin: 0 0 15px 0; height: 40px; font-size: 3.2em; line-height: 1.2em; font-weight: normal; } #content .SAB-Modules h3 { font-size: 1.5em; color: #333; margin-bottom: 0.2em; padding-bottom: 8px; margin-bottom: 14px; background: url(/euf/assets/images/BT/hr_dots_bg.gif) repeat-x 0 100%; } #content .SAB-Modules div.promo h3 { clear: none; margin: 5px 0 0.3em 0; background: none; } #content .SAB-Modules p { margin-bottom: 1.5em; } #content .SAB-Modules a, #content .SAB-Modules a:visited { color: #0055b0; text-decoration: none; } #content .SAB-Modules a:hover { color: #000; text-decoration: underline; } /** SAB **/ #content .sab { height: 115px; width: 300px; background: url(/euf/assets/images/BT/SAB/bg_promo_sab-00.gif) no-repeat 0 0; margin-bottom: 15px; } #promoFooter .sab { margin-top: 10px; } #content .sab a { cursor: pointer; color: #333 !important; } #content .sab a:hover { text-decoration: none; cursor: pointer; } #content .sab a .chevron, #content .sab a .chevron:hover {margin-left: 10px; width: 12px; height: 20px; background-position: -52px -36px; } #content .sab h3 { clear: none; background: none; font-size: 1.75em; font-weight: normal; padding: 13px 0 0.15em 10px; width: 174px; color: #333; } #content .sab img { float: right; display: block; margin-right: 20px; } #content .sab h3 img { float: none; display: inline; margin: 0 0 0 10px; } #content .sab p { width: 180px; margin: 0 0 0 10px; } #content .sab-01 { background: url(/euf/assets/images/BT/SAB/bg_promo_sab-01.gif) no-repeat 0 0; } #content .sab-02 { height: auto; border-left: dotted 1px #e5e5e5; border-right: dotted 1px #e5e5e5; width: 298px; background: url(/euf/assets/images/BT/SAB/bg_promo_sab-02.gif) repeat 0 0; margin-bottom: 0; } #content .sab-02-top { position: relative; z-index: 1; width: 300px; height: 8px; margin-top: 8px; background: url(/euf/assets/images/BT/SAB/bg_promo_sab-02_top.gif) no-repeat 0 0; } #content .sab-02-bottom { width: 300px; height: 8px; background: url(/euf/assets/images/BT/SAB/bg_promo_sab-02_bottom.gif) no-repeat 0 0; margin-bottom: 10px; } #content .sab-02 img { position: relative; z-index: 10; margin-top: -16px; } #content .sab-02 h3 { padding-top: 12px; padding-bottom: 14px; } #content .sab-02 h3.narrow { padding-top: 0px; padding-bottom: 0px; margin-top: 0; margin-bottom: 5px; } #content .sab-02 h3 img { margin-top: 0; } #content .sab-02 p { width: 278px; margin: 0 0 0 10px; } #content .sab-02 p.narrow { width: 170px; padding-bottom: 20px; } #content .sab-02 ul { margin: 20px 10px 0; } #content .sab-02 ul li a { color: #0066CC; } #content .sab-02 ul li a:hover { color: #000; text-decoration: underline; } #content .SAB-Modules .links-grey { width: 300px; margin-bottom: 10px; } #content .SAB-Modules .links-grey div.links-grey-top { height: 11px; background: transparent url(/euf/assets/images/BT/SAB/bg_links_grey.png) no-repeat 0 0; float: none; } #content .SAB-Modules .links-grey ul { overflow: hidden; background: transparent url(/euf/assets/images/BT/SAB/bg_links_grey_fill.png) repeat-y 0 0; padding: 0 10px; width: 280px; } #content .SAB-Modules .links-grey li { background: url(/euf/assets/images/BT/hr_dots_bg.gif) repeat-x bottom left; overflow: hidden; width: 100%; } #content .SAB-Modules .links-grey li.first { font-size: 1.3em; } #content .SAB-Modules .links-grey li a { color: #FFFFFF !important; } #content .SAB-Modules .links-grey li a .chevron, #content .SAB-Modules .links-grey li a:hover .chevron { margin-left: 4px; width: 8px; height: 13px; background-position: -8px -10px; } #content .SAB-Modules .links-grey li.first a .chevron, #content .SAB-Modules .links-grey li.first a:hover .chevron { background-position: -22px -21px; height: 16px; width: 10px; } #content .SAB-Modules .links-grey li.first a { display: block; padding: 0 39px; background: transparent url(/euf/assets/images/BT/SAB/icon_links_grey_first.png) no-repeat 0 5px; } #content .SAB-Modules .links-grey div.links-grey-bottom { height: 11px; background: transparent url(/euf/assets/images/BT/SAB/bg_links_grey.png) no-repeat 0 -12px; float: none; } .SAB-Modules ul.modules { margin-top: 29px; } .SAB-Modules ul.modules li { margin-bottom: 30px; } .SAB-Modules div.promo { } .SAB-Modules div.promo { overflow: hidden; } .SAB-Modules div.promo img { display: block; float: left; margin: 0 20px 20px 0; } .SAB-Modules div.promo .chevron { display: inline; float: none; margin-right: 0; } .SAB-Modules div.promo p { margin-bottom: 0.5em; } .SAB-Modules div.catList { padding-top: 15px; } .SAB-Modules div.catList li { padding-left: 25px; } .SAB-Modules .links li, .SAB-Modules .links-grey li, .SAB-Modules div.sab-02 li { margin-bottom: 0.9em !important; padding-bottom: 1.2em !important; background: url(/euf/assets/images/BT/hr_dots_bg.gif) repeat-x bottom left !important; } .SAB-Modules div.sab-02 li.last, .SAB-Modules .links li.last, .SAB-Modules .links-grey li.last { background: none !important; margin-bottom: 0 !important; } /** carousel **/ .SAB-Modules div.carousel { float: left; width: 300px; height: 122px; text-align: center; overflow: hidden; } .SAB-Modules div.carousel p { margin-bottom: 0; } .SAB-Modules div.carousel ul { display: block; position: relative; width: 300px; height: 122px; } .SAB-Modules div.carousel li { position: relative; float: left; width: 300px; height: 122px; } .SAB-Modules div.carousel li p { color: #000; font-size: 1.15em; } .SAB-Modules div.carousel li a { color: #000; display: block; } .SAB-Modules div.carousel li span { position: absolute; bottom: 0; left: 0; width: 270px; padding: 7px 15px 8px 15px; background: transparent url(/euf/assets/images/BT/SAB/carousel_bg.gif) no-repeat bottom left; min-height: 17px; } .SAB-Modules div.carousel li img { display: block; } .SAB-Modules div.carousel.jcarousel-container { height: 151px; } .SAB-Modules div.carousel .jcarousel-clip { position: relative; overflow: hidden; width: 300px; height: 122px; text-align: left; } .SAB-Modules div.carousel .carousel-scroll { padding-left: 9px; margin-top: 5px; display: inline-block; background: transparent url(/euf/assets/images/BT/SAB/carousel_controller_bg.gif) no-repeat 0 0; } .SAB-Modules div.carousel .carousel-scroll .wrapper { overflow: hidden; height: 16px; padding: 4px 10px 4px 0; background: transparent url(/euf/assets/images/BT/SAB/carousel_controller_bg.gif) no-repeat right top; } .SAB-Modules div.carousel .carousel-control { float: left; padding: 5px 2px 0; } .SAB-Modules div.carousel .carousel-control span { width: 8px; height: 8px; float: left; background: transparent url(/euf/assets/images/BT/SAB/sprite_carousel_nav.gif) no-repeat -36px 0; text-indent: -100em; margin: 0 2px; cursor: pointer; } .SAB-Modules div.carousel .carousel-control .current { background: transparent url(/euf/assets/images/BT/SAB/sprite_carousel_nav.gif) no-repeat -45px 0; } .SAB-Modules div.carousel .carousel-next { cursor: pointer; width: 17px; height: 16px; float: left; background: #fff url(/euf/assets/images/BT/SAB/sprite_carousel_nav.gif) no-repeat -54px 0; text-indent: -100em; } .SAB-Modules div.carousel .carousel-next.disable { background: #fff url(/euf/assets/images/BT/SAB/sprite_carousel_nav.gif) no-repeat -72px 0; cursor: default; } .SAB-Modules div.carousel .carousel-prev { cursor: pointer; width: 17px; height: 16px; float: left; background: #fff url(/euf/assets/images/BT/SAB/sprite_carousel_nav.gif) no-repeat -18px 0; text-indent: -100em; } .SAB-Modules div.carousel .carousel-prev.disable { background: #fff url(/euf/assets/images/BT/SAB/sprite_carousel_nav.gif) no-repeat 0 0; cursor: default; } /* SAB modules on home page*/ #wrapper .SABHome .links-grey { margin: 20px 0 0 0; } #wrapper .SABHome .sabModule { margin: 12px 0 0 0; font-size: 1.2em; } #wrapper .SABHome .sabModule { margin: 12px 0 0 0; } #wrapper .SABHome .sabModule ul { margin-top: 0; } #wrapper .SABHome .sabModule .catList ul li { width: auto; margin: 0; float: none !important; padding: 0 0 10px 25px !important; margin-bottom: 0 !important; color: #333333; display: block; } #wrapper .SABHome .sabModule .catList { padding-top: 0; } #wrapper .SABHome .sabModule p { width: auto; margin: 0; } #wrapper .SABHome .sabModule h3 { width: 100%; padding: 0; background: none; padding: 0 10px 0; font-size: 1.6em; color: #333333; font-weight: normal; } .SAB-Modules .catList ul li.phone { background: url(/euf/assets/images/BT/SAB/Sml_Pnk_phone.gif) no-repeat 0 0 !important; } .SAB-Modules .catList ul li.credit { background: url(/euf/assets/images/BT/SAB/Sml_Pnk_CreditCard.gif) no-repeat 0 0 !important; } /* SAB video list*/ #content .videoList { background: url(/euf/assets/images/BT/SAB/hatched_bot_305.gif) no-repeat left bottom; width: 305px; } #content .videoList ul { background: url(/euf/assets/images/BT/SAB/hatched_top_305.gif) no-repeat left top; padding: 10px; } #content .videoList ul li { border-bottom: 1px solid #cccccc; padding: 8px 0; } #content .videoList ul li.last { border: none; } #content .videoList ul li a { padding: 0 0 0 40px; display: block; background: url(/euf/assets/images/BT/SAB/icon_video_pink.gif) no-repeat 0 2px; min-height: 30px; } /*Quick hints*/ #content ol.orderedList { list-style: decimal; } #content ol.orderedList li { list-style: decimal; margin-left: 25px; padding: 0 0 8px 0; } /*fine print*/ #content .smallPrint{width: 100%;}