* {margin: 0; padding: 0; border: none;} ul, ol, li {list-style: none;} a {text-decoration: none; outline: none;} a img {border: 0;} body {background: url(../images/bg/header.png) top center no-repeat; color:#666; font: 62.5%/1.4 Tahoma, sans-serif; background-color: #fff ; } .clearfix:after, .ui-widget-content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .ui-widget-content{ display:inline-block;} table {border-collapse: collapse;} #page {width: 1127px; margin: 0px auto; position: relative;} #header {position: relative; padding-top: 80px; height:88px; } #content {padding: 20px 0 0px; z-index: 1;} #top_banner_container {width: 729px; margin: -9px auto 10px;} #side_banner {margin-bottom: 10px;} #banner_cont {position: absolute; right: 0px; top: 202px; width: 120px; z-index: 100;} /* iframe from filmon */ #filmon_vod {width: 700px; height: 400px; margin: 0 auto;} /* Header */ #header h1 { background: url(../images/bg/logo.png) no-repeat; margin:15px 0px 0px 50px; position: absolute; top: 0; left: 0;} #header h1 a {text-indent: -2000em; height: 65px; width: 190px; display: block;} #header h2 { background: url(../images/bg/bt_logo.png) no-repeat; margin-top: 15px; position: absolute; top: 0; left: 77px; width: 119px; height: 61px; text-indent: -2000em;} #header h2.sony{background: url(../images/logo/junction_logo.png) no-repeat; width:182px; height:57px;} #header h2.galatta{background: url(../images/logo/galatta.png) no-repeat; width:182px; height:75px;} #header h2.afour {background: url(../images/logo/afour.png) no-repeat; width:182px; height:75px;} #header .lang_block {position: absolute; right: 122px; top: 33px;} #header .lang_block label {color: #959595; font-size: 1.1em;} #header .lang_block select {border: 1px solid #e0e0e0; color: #000;} #header .login_form {width: 500px; overflow: hidden; float:right; margin-top:10px; position:relative; z-index:999} #header .login_form input.text {padding: 7px 9px 8px; display: block; font-size: 1.1em; color: #464646; float: left;} #header .login_form input.text {background: url(../images/bg/short_input.png) no-repeat; width: 148px;} #header .login_form label {font-size: 1.1em; color: #a0a0a0; top: -3px; position: relative;} #header .login_form fieldset {float: left; width: 166px;} #header .login_form .login_btn {background: url(../images/buttons/red_button.png) left top no-repeat; height: 28px; width: 78px; padding: 0px; margin: 15px 0px 0px; float: left; display: block;} #header .login_form .login_btn input {display: block; color: #fff; font-weight: bold; font-size: 1.2em; font-family: Trebuchet MS, sans-serif; width: 78px; height: 28px; text-align: center; background: none; cursor: pointer;} .sub_panel_login {float: left; overflow: hidden; position: absolute; top: 61px; right: 128px;} .sub_panel {float: left; overflow: hidden; position: absolute; top: 73px;/* left: 514px;*/} .sub_panel li, .sub_panel_login li {background: url(../images/bg/footer_list_bg.png) left 3px no-repeat; display: block; float: left; margin-right: 7px; margin-left: -1px; padding-left: 7px;} .sub_panel a, .sub_panel_login a {font-size: 1.1em; color: #353535; text-decoration: underline;} .sub_panel a.myprofile, .sub_panel_login a.myprofile{ color:#d30008;} .sub_panel a:hover, .sub_panel_login a:hover {text-decoration: none;} #menu_container {width: 1000px; margin-top: 2px; position: relative;} .top_container {float: left; left: 50%; position: relative; text-align: center;} .common_menu {float: left; left: -50%; position: relative;} .common_menu li {display: block; float: left; margin-right:-1px;} .common_menu li a {background: url(../images/bg/menu_sprite_left.png) left 0px no-repeat; display: block; height: 25px; overflow: hidden;} .common_menu li a:hover {cursor: pointer; background: url(../images/bg/menu_sprite_hover_left.png) left 0px no-repeat;} .common_menu li a span {background: url(../images/bg/menu_sprite_right.png) right 0px no-repeat; padding: 5px 10px 6px; display: block; font-size: 1em;color: #555;} .common_menu li a:hover span {background: url(../images/bg/menu_sprite_hover_right.png) left 0px no-repeat;} #contact_menu_item span {padding: 5px 20px 6px;} .common_menu li a.gray {background-position: left -261px;} .common_menu li a.gray span {background-position: right -261px; color: #555;} .common_menu li a.gray:hover {background-position: left -236px;} .common_menu li a.gray:hover span {background-position: right -236px; color: #000;} .common_menu li a.claret {background-position: left -286px;} .common_menu li a.claret span {background-position: right -286px; color: #fff} .common_menu li a.claret:hover {background: url(../images/bg/menu_sprite_left.png) left -286px no-repeat;} .common_menu li a.claret:hover span {background: url(../images/bg/menu_sprite_right.png) right -286px no-repeat; color: #fff;} .common_menu li a.red {background-position: left -25px;} .common_menu li a.red span {background-position: right -25px; color: #fff;} .common_menu li a.orange {background-position: left -150px;} .common_menu li a.orange span {background-position: right -150px; color: #fff;} .common_menu li a.yellow {background-position: left -75px;} .common_menu li a.yellow span {background-position: right -75px; color: #fff;} .common_menu li a.blue {background-position: left -100px;} .common_menu li a.blue span {background-position: right -100px; color: #fff;} .common_menu li a.navy {background-position: left -125px;} .common_menu li a.navy span {background-position: right -125px; color: #fff;} .common_menu li a.pink {background-position: left -175px;} .common_menu li a.pink span {background-position: right -175px; color: #fff;} .common_menu li a.red_large {background-position: left -200px; height: 36px; margin-top: -11px;} .common_menu li a.red_large span {background-position: right -200px; color: #fff; padding: 11px 37px 2px; font-weight: bold;} .common_menu li a.green {background-position: left -50px;} .common_menu li a.green span {background-position: right -50px; color: #fff;} .search {overflow: hidden; /*background: url(../images/bg/tiny_menu_bg.png) bottom left no-repeat;*/ margin: 10px 99px 30px 0; width: 787px; float: right;} .results .search {margin: 31px 109px 10px 0;} #show_video_page .search {margin: 0 auto 35px; float: none;} /*.search input {background: url(../images/bg/search_input.png) no-repeat; width: 902px; float: left; padding: 7px 9px 8px; display: block; font-size: 1.1em; color: #464646; font-weight: bold;}*/ .search .text {width: 686px; padding: 7px 9px 8px; margin-right: 2px; display: block; font-size: 1.1em; color: #464646; float: left; background: url(../images/bg/search_long.png) no-repeat;} .search .search_btn {background: url(../images/buttons/red_button.png) left top no-repeat; height: 28px; width: 78px; padding: 0px; float: left; display: block;} .search .search_btn input {color: #fff; font-weight: bold; font-size: 1.2em; font-family: Arial, sans-serif; padding: 2px 0 4px; width: 78px; height: 28px; text-align: center; background: none; cursor: pointer;} #screen_watch.body {background: #fff; border: 1px solid #dedede; margin: -4px 3px 0; padding: 5px;} #screen_watch .loading {width: 380px; margin: 0 auto;} #sandwatch {border: 1px solid #ddd; float: left; margin-right: 3px;} #screen_watch .loading p {font-size: 1em; color: #000; border: 1px solid #ddd; float: left; padding: 15px 8px 17px; font-weight: bold; font-family: Tahoma, sans-serif; height: 16px;} #search_content {} #search_content p.loading {font-size: 1em; color: #000; border: 1px solid #ddd; padding: 15px 0px 17px; font-weight: bold; font-family: Tahoma, sans-serif; height: 16px; text-align: center; width: 500px; margin: 0px auto;} /* Adv */ #filmon_player_dwn {width: 622px; margin: 26px auto 10px; background: url(../images/bg/adv_bg.png) center top no-repeat; padding-top: 8px;} #filmon_player_dwn a {display: block; text-indent: -1000em; overflow: hidden; background: url(../images/img/download.jpg) left top no-repeat; width: 622px; height: 90px;} /* Tabs */ #tabs_container, .premium_block, #ads_container #tabs_container {overflow: hidden; position: relative; width: 1000px; text-align: center; z-index: 10;} .tabs_block {background: url(../images/bg/cont_bg.png) left 60px no-repeat; width: 1005px; overflow: hidden; padding: 35px 5px 0px 10px; position: relative; z-index: 1; margin-top: -19px;} #search_content .tabs_content {background: none;} #tabs, .premium_container {float: left; left: 50%; position: relative; text-align: center;} #tabs_list, .premium_list {float: left; left: -50%; position: relative; font-family: Trebuchet MS, sans-serif;} #tabs_list li, #ads_container #tabs_list li {display: block; float: left; margin-right: 2px; font-weight: bold;} #tabs_list span, #ads_container #tabs_list span {display: block; background: url(../images/bg/item_right.png) right top no-repeat; text-align: center; font-size: 1.6em; padding: 11px 60px 12px;} #tabs_list a, #ads_container #tabs_list a {display: block; background: url(../images/bg/item_left.png) left top no-repeat; color: #a0a0a0; margin-bottom:-3px;} #tabs_list a:hover, #tabs_list .active a, #ads_container #tabs_list .active a {background: url(../images/bg/hover_left.png) left top no-repeat; color: #ef0000; font-weight: bold;} #tabs_list a:hover span, #tabs_list .active span, #ads_container #tabs_list span {background: url(../images/bg/hover_right.png) right top no-repeat;} #tabs_list span strong{ width:25px; height:25px; background:url(../images/bg/filmon_hdi.png) left top no-repeat; padding-right:5px; display:inline-block;} /*.wrap {overflow: hidden; width: 100%;}*/ .tv_alki {display: none; background: url(../images/bg/tv_alki.png) left top no-repeat; width: 94px; height: 98px; left: 277px; top: 48px; padding: 4px; position: absolute;} #ads_container {width: 1000px; background: url(../images/bg/bg_ads.png) 0 39px no-repeat; overflow: hidden; position: relative; margin-top: 20px;} #ads_container #bottom_banner {padding: 0 0 0 30px} #ads_container #left_banner {width: 360px; float: left;} #ads_container #right_banner {width: 378px; float: right;} #ads_container #tabs {float: left; left: 12px; position: relative; text-align: center;} #ads_container #tabs_list {float: left; left: 0px; position: relative; font-family: Trebuchet MS, sans-serif;} #ads_container #tabs_container {overflow: hidden; position: relative; width: 360px; text-align: center; z-index: 10;} #ads_container #tabs_list li {display: block; float: left; margin-right: 2px; font-weight: bold;} #ads_container #tabs_list a {display: block; background: url(../images/bg/item_left.png) left top no-repeat; color: #a0a0a0;} /* Tabs Content */ .tabs_content {background: url(../images/bg/cont_bg.png) top center no-repeat; width: 985px; overflow: hidden; padding: 35px 5px 0px 10px; position: relative; z-index: 1; margin-top: -19px;} .tabs_content .premium {width: 180px; float: left;} .tabs_content .premium p {font-size: 1.1em; line-height: 1.7em; margin-left: 3px; margin-top: 5px;} .tabs_content .list {float: right; width: 968px; padding-left: 25px;} .tabs_content .list.decor {background: url(../images/bg/decor_tabs_container.png) left 6px no-repeat; min-height: 222px;} .tabs_content .list ul {} .tabs_content .list li {display: block; float: left; margin-right: 23px; margin-bottom: 2px; text-align: center;} .tabs_content .list li .thumb {display: block; height: 130px; width: 130px;} .tabs_content .list li .thumb:hover {background: url(../images/bg/list_hover.png) no-repeat; height: 130px; width: 130px;} .tabs_content .list p {text-align: center; font-size: 1.1em; color: #000; padding: 2px 0 16px;} .tabs_content .list p a {color: #000;} .tabs_content .list p.new a {font-weight: bold; background: url(../images/bullets/new.png) right center no-repeat; padding-right: 30px;} .tabs_content .list p a:hover {text-decoration: underline;} /* Premium channels */ #premium_channels {margin-bottom: 30px;} #premium_channels .list li {display: block; float: left; position: relative; margin-right: 24px; width: 133px;} #premium_channels .list li div {background: url(../images/bg/tv_icon.jpg) no-repeat; height: 150px; width: 120px; position: relative;} #premium_channels .list a {font-family: Trebuchet MS, sans-serif; font-size: 2em; color: #000;} #premium_channels .list a:hover {color: dc0000;} #premium_channels .list li div a {display: block; height: 67px; width: 85px; position: absolute; top: 53px; left: 18px;} #premium_channels .list li div a.filmontv {} #premium_channels .list li div a.filmontv img {width: 85px; height: 61px; display: block;} /*#premium_channels .list li div a#img_1 {top: 87px; left: 17px;} #premium_channels .list li div a#img_1 img {height: 99px; width: 135px;}*/ .premium_block {width: 968px;} /* Messages */ .messages {background: url(../images/bg/messages_top.png) left top no-repeat; font-family: Trebuchet MS, sans-serif; width: 622px; margin: 0 auto;} .messages ul {background: url(../images/bg/messages_bottom.png) left bottom no-repeat; padding: 33px 15px 31px;} .messages li {font-size: 1.8em; font-weight: bold; color: #000; text-align: center; line-height: 1em; margin-bottom: 10px;} .messages strong {color: #898989; font-weight: normal;} /* Pager */ .pager {overflow: hidden; text-align: center; position: relative; width: 1000px; background: url(../images/bg/pager.png) center top no-repeat; padding: 9px 0;} .pager_box {float: left; left: 50%; position: relative; text-align: center;} .digits {float: left; left: -50%; position: relative;} .digits li {display: block; float: left; padding: 1px 7px 0;} .digits .prev_no_active span {background: url(../images/bullets/prev_non_active.png) left top no-repeat;} .digits .prev_active a {background: url(../images/bullets/prev_active.png) left top no-repeat;} .digits .next_active a {background: url(../images/bullets/next_active.png) left top no-repeat;} .digits .next_no_active span {background: url(../images/bullets/next_non_active.png) left top no-repeat;} .digits a {font-size: 1.1em; color: #acacac;} .digits strong {color: #fff; background: url(../images/bullets/current.png) left top no-repeat; display: block; text-align: center; width: 18px; padding: 1px 0 3px; margin-top: -1px;} .digits span, .digits .next_active a, .digits .prev_active a {display: block; overflow: hidden; text-indent: -200em; width: 9px; height: 8px; margin-top: 5px;} /* Tab software */ #static_page {font-family: Trebuchet MS, sans-serif;/* padding: 56px 0 56px 34px; width: 326px;*/ margin: 0px auto; padding-top: 8px;} #static_page #text_block {text-align: center; margin-bottom: 15px;} #static_page #text_block p.text_tv {font-size: 1.8em; font-family: Trebuchet MS, sans-serif; font-weight: bold; color: #555; margin-bottom: -5px;} #static_page #text_block p.text_tv a {text-decoration: underline; color: #555;} #start_block {width: 100%; overflow: hidden; position: relative;} /*#start_block .banner_win {text-indent: -2000em; position: absolute; right: 15px; top: 0px;}*/ #banner_dwnPlayer {width: 240px; height: 250px; float: left; margin-top: 10px;} #start_block .banner_win a { background: url(../images/bg/banner.png) left top no-repeat; width: 290px; height: 280px; display: block;} #propositions {width: 239px; float: left; padding-left: 65px; text-align:right; padding-top:11px; position: relative;} #propositions .killsky {text-indent: -2000em; position: absolute; background: url(../images/bg/killsky.png) left top no-repeat; left: 15px; top: 0px; width: 180px; height: 151px;} #tv_show { display:block; width:875px;/*margin-left: 12px; float: left;*/ margin: 30px auto 30px; margin-top: 10px;} #tv_show h1 {text-align: center; font-size: 2.1em; color: #bb0900; margin: 7px 0px 20px;} #tv_show .download {display: inline-block; float: left; background: url(../images/bg/donwload_img.png) left top no-repeat; height: 253px; width: 273px; margin-right: 20px; text-indent: -2000em; position: relative;} #tv_show .download img, #tv_show .register img, #tv_show .watch img {display: none;} #tv_show .download:hover img {display: block; position: absolute; left: 120px; top: -95px; z-index: 150;} #tv_show .register:hover img {display: block; position: absolute; left: 120px; top: -95px; z-index: 130;} #tv_show .watch:hover img {display: block; position: absolute; left: 120px; top: -95px; z-index: 110;} #tv_show .register {display: inline-block; float: left; /*background: url(../images/bg/register_img.png) left top no-repeat;*/ height: 253px; width: 273px; margin-right: 20px; /*text-indent: -2000em;*/ position: relative;} #tv_show .watch {display: inline-block; float: left; background: url(../images/bg/watch_img.png) left top no-repeat; height: 253px; width: 273px; text-indent: -2000em; position: relative;} #tv_show.ps_show {padding: 9px 17px 44px;} #static_page #friend_finder_module {margin-top: 10px;} #static_page .search { display:none; width: 215px; float: none; margin: 13px 0 0;} #static_page .search .text {width: 115px; background: url(../images/bg/input_133.png) left top no-repeat;} .vhss{ float:left; margin-bottom:20px;} .message_error {position:relative; left:53px; float:left; width:305px; /*margin-top:155px;*/ border:1px solid #690000; background: url(../images/bg/error_messageBg.png) left top repeat-x #9a0100; color:#fff; font-family:Arial, Helvetica, sans-serif; clear:both;} .message_error .crn{ position:absolute; width:4px; height:4px; font-size:0px; overflow:hidden; background: url(../images/bg/error_messageCrn_sprite.png) 0px 0px no-repeat;} .message_error .crnLT{ left:-1px; top:-1px;} .message_error .crnRT{ right:-1px; top:-1px; background-position:0px -4px;} .message_error .crnRB{ right:-1px; bottom:-1px; background-position:0px -8px;} .message_error .crnLB{ left:-1px; bottom:-1px; background-position:0px -12px;} * html .message_error .crnRT{ right:-2px;} * html .message_error .crnRB{ right:-2px;} .message_error h3{ font-size:21px; padding-top:5px; text-align:center;} .message_error p{ font-size:12px; padding:10px;} .dwnTabContent {margin: 0px auto; width: 1080px; } .win_block .desc, .mac_block .desc {clear: both; margin-bottom: 11px; font-size: 1.2em; color: #000;} .win_block, .mac_block {margin-bottom: 20px; width: 215px; overflow: hidden; font-family: Trebuchet MS, sans-serif;} .win_block {margin: 0px auto; width: 367px;} .win_block .desc {text-align: center;} .win_block p.ico {background: url(../images/bg/win_icon.png) no-repeat; height: 27px; width: 30px; text-indent: -200em; overflow: hidden; float: left; margin-right: 9px; margin-top: 5px;} .mac_block p.ico {background: url(../images/bg/mac_icon.png) no-repeat; height: 31px; width: 30px; text-indent: -200em; overflow: hidden; float: left; margin-right: 9px; margin-top: 4px;} .win_block a, .mac_block a {display: block; float: left;} .win_block a span, .mac_block a span {display: block; padding: 10px 73px 10px; font-weight: bold; font-size: 1.4em; min-width: 75px; text-align: center;} .win_block a { margin-left:7px; background: url(../images/buttons/red_left.png) left top no-repeat;} .win_block a span {background: url(../images/buttons/red_right.png) right top no-repeat; color: #fff; padding: 10px 64px; min-width: 208px;} .mac_block {margin-top: 9px; clear: left;} .mac_block a {background: url(../images/buttons/green_left.png) no-repeat;} .mac_block a span {background: url(../images/buttons/green_right.png) right top no-repeat; color: #3d3d3d; padding-top: 10px; min-width: 211px; padding: 8px 60px 9px;} .win_block img, .win_block strong, .mac_block img, .mac_block strong{ vertical-align:middle; padding-right:3px; font-weight:normal;} .mac_block{ width:351px; margin:0px auto; text-align:center;} .leopard_none {display: none;} .leopard_block {width: 278px; margin: 0px auto; margin-top: 9px; clear: left; margin-bottom: 20px; font-family: Trebuchet MS, sans-serif;} .leopard_block .mac_leopard a {background: url(../images/img/leopard_button.jpg) left top no-repeat; display: block; width: 250px; height: 82px; margin-left: 10px; text-indent: -2000em;} /* Donwload Page NEW**** */ .dwnTabContent .left_image {display: block; float: left;} .dwnTabContent .download_column {float: left; width: 327px; margin-top: 25px; margin-left: 25px;} .dwnTabContent .download_column .u_btn {display: block; background: url(../images/bg/u_btn.png) left top no-repeat; height: 112px; width: 119px; float: left; margin-top: 15px;} .dwnTabContent .download_column .d_btn {display: block; background: url(../images/bg/d_btn.png) left top no-repeat; height: 112px ; width: 119px; float: left;margin-top: 15px;} .dwnTabContent .download_column a {display: block; background: url(../images/bg/hi_defbtn.png) left top no-repeat; text-indent: -2000em; height: 82px; width: 295px; margin-left: 14px; margin-bottom: 10px;} .dwnTabContent .download_column .list_download {border: 1px solid #cdcdcd; padding: 5px; -moz-border-radius: 3px;} .dwnTabContent .download_column .list_download ul li {list-style-type: disc; font-size: 1.3em; color: #9a9a9a; margin-left: 20px;} .dwnTabContent .download_column .list_download ul li.active {background: #d80100; border: 1px solid #cdc9c8; color: #fff; font-size: 18px; margin-left: 0px; padding-left: 4px;} .dwnTabContent .download_column .list_download .fast_flex {display: block; width: 282px; margin: 10px auto 0px;} .dwnTabContent .watch_now {float: right; width: 216px; border: 1px solid #cdcdcd; padding: 5px; -moz-border-radius: 3px; margin-top: 25px; text-align: center;} .dwnTabContent .watch_now h3 {text-indent: -2000em; width: 209px; height: 24px; background: url(../images/bg/what_watch.png) left top no-repeat;} .dwnTabContent .watch_now img {display: block; margin: 10px auto 0px; border: 1px solid #cdcdcd;} /* Modules */ .modules {background: url(../images/bg/modules.png) center top no-repeat; padding-top: 27px; margin-top: 29px;} .modules .block {width: 495px; float: left; margin-right: 5px;} .modules .block h4, h4.title {font-size: 1.8em; color: #7e7e7e; font-family: Trebuchet MS, sans-serif; font-weight: normal; background: url(../images/bg/title_left.png) left top no-repeat; width: 190px; margin-left: 6px; position: relative; z-index: 10;} .modules .block h4 strong, h4.title strong {font-weight: normal; background: url(../images/bg/title_right.png) right top no-repeat; display: block; padding: 12px 48px 6px;} .block_items {background: url(../images/bg/block_items.png) left top no-repeat; padding: 4px 5px; position: relative; z-index: 0; margin-top: -1px;} .block_items li {background: url(../images/bg/li_top.png) left top no-repeat; margin-bottom: 6px;} .block_items .box {width: 475px; padding: 5px; overflow: hidden; background: url(../images/bg/li_bottom.png) left bottom no-repeat;} .block_items li:hover {background: url(../images/bg/li_hover_top.png) left top no-repeat;} .block_items li:hover .box {background: url(../images/bg/li_hover_bottom.png) left bottom no-repeat;} .block_items .thumb {display: block; width: 175px; height: 131px; float: left; text-align: center; padding: 3px 1px;} .block_items .thumb img {display: block; width: 175px; height: 131px;} .block_items .thumb:hover {background: url(../images/bg/block_thumb.png) left top no-repeat;} .block_items .info {width: 290px; float: right; padding-top: 11px;} .block_items h6 {color: #464646; font-size: 1.1em; line-height: 1.2em; margin-bottom: 13px;} .block_items p {font-size: 1.1em; line-height: 1.2em; color: #7e7e7e; margin-bottom: 10px;} .block_items .more {text-decoration: underline; color: #dd0109; font-size: 1.1em; font-weight: bold;} .block_items .more:hover {text-decoration: none;} #view_channels {display: block; background: url(../images/bg/view_channels.png) left top no-repeat; width: 145px; height: 28px; text-indent: -2000em; margin: 10px auto;} /* Footer */ #footer_container {/*background: #e6e6e6 url(../images/bg/footer.png) left top repeat-x;*/ clear: both; padding-bottom: 30px; margin-top: 20px;} #footer {width: 990px; overflow: hidden; padding-top: 35px; position: relative; top: 10px; margin: 0 auto;} #footer h4 {background: url(../images/bg/logo_foot.png) no-repeat; float: left;} #footer h4 a {height: 40px; width: 140px; display: block; text-indent: -2000em;} #footer h3 {background: url(../images/bg/filmon_corp_logo.png) no-repeat; float: left; position: absolute; left: 84px; top: 3px;} #footer h3 a {height: 31px; width: 151px; display: block; text-indent: -2000em;} #footer p {clear: left; margin-left: 10px; margin-top: -28px; float: left; font-size: 1.1em; color: #353535;} #footer p a {text-decoration: underline; color: #353535;} #footer p a:hover {text-decoration: none;} /* Channels list */ .channel_name {background: url(../images/bg/header_decor.png) center bottom no-repeat; font-size: 1.6em; color: #000; font-family: Trebuchet MS, sans-serif; text-align: center; padding: 0 0 6px; margin: -12px 0 2px; font-weight: bold;} .channel_name strong {background: url(../images/bg/clickone_left.png) left 1px no-repeat; color: #fff; font-weight: bold; font-size: .9em;} .channel_name strong span {background: url(../images/bg/clickone_right.png) right 1px no-repeat; padding: 0 11px;} #channels_list {margin: 0 0 2px 100px; font-size: 1.1em; border-right: 1px solid #d8d8d8; width: 784px;} #channels_list.premium {margin-top: 40px;} #channels_list th, #channels_list td {padding: 4px 6px 3px 6px; text-align: left; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #ebebeb;} #channels_list th {font-weight: bold; color: #484848; padding-bottom: 6px; position: relative; text-align: center; overflow: hidden;} #channels_list .channel {width: 170px;} #channels_list .country {width: 105px;} #channels_list .stream {width: 95px;} #channels_list .info {width: 360px; text-align: left;} #channels_list .favorite {} #channels_list .favorite a {display: block; width: 16px; height: 23px; background: url(../images/bg/star_sort.png) left top no-repeat; text-indent: -2000em;} #channels_list .stream img.hdi {margin-left: 4px;} /* sorting */ #channels_list .title {display: block; float: left; padding-left: 10px; color: #494949;} #channels_list .sort {display: block; text-indent: -200em; overflow: hidden; background: url(../images/bg/sort_sprite.png) no-repeat; width: 16px; height: 17px;} #channels_list .up_active {background-position: 0 0; float: left;} #channels_list .up_unactive {background-position: 0 -17px; float: left;} #channels_list .down_active {background-position: 0 -34px; float: right;} #channels_list .down_unactive {background-position: 0 -51px; float: right;} /* ---- */ #channels_list .last td {border: none;} #channels_list td {color: #555;} #channels_list td a {color: #d10000;} #channels_list td a {text-decoration: underline;} #channels_list td a:hover {text-decoration: none;} #channels_list th a {color: #484848; text-decoration: none;} #channels_list th a:hover {text-decoration: underline;} #channels_list .even td {background: #ececec url(../images/bg/odd_bg.png) left top repeat-x;} #channels_list .even td img, #channels_list .odd td img {margin-right: 5px; float: left;} #channels {} #channels_list .starred a {text-align: center; width: 14px; margin: 0px auto; display: block; text-indent: -2000em;} #channels_list .set {background: url(../images/bg/star_active.png) no-repeat;} #channels_list .not_set {background: url(../images/bg/star_unactive.png) no-repeat;} #channels_list .stream {text-align: center; float: none;} #channels_list .even .stream img, #channels_list .odd .stream img {float: none;} #channels_list .even .country, #channels_list .odd .country {text-align: center;} /* HELP PAGE */ #help_page {float: left; width: 545px; border: 1px solid #eaeaea; margin-top: 20px;} #help_page .help_ticket a {display: block; background: url(../images/help_page/ticket.png) left top no-repeat; width: 547px; height: 48px; text-indent: -2000em;margin-left: -1px; margin-bottom: 15px;} #help_page .support a {display: block; background: url(../images/help_page/support.png) left top no-repeat; width: 547px; height: 48px; text-indent: -2000em; margin-left: -1px;} #help_page h2 {background: url(../images/help_page/support_title.png) left top no-repeat; width: 547px; height: 38px; text-indent: -2000em; margin-left: -1px;} #help_page p {background: url(../images/help_page/support_text.png) left top no-repeat; width: 514px; text-indent: -2000em; height: 128px; margin: 10px 0px 20px 14px;} #help_page .helpline {background: url(../images/help_page/help_line.png) left top no-repeat; width: 511px; text-indent: -2000em; height: 29px; margin: 10px 0px 10px 10px;} .help_title {background: url(../images/help_page/help_title.png) left top repeat-x; position: relative; padding: 7px 0 12px 14px; font-size: 1.7em;} .help_title span {display: inline-block; position: absolute; right: 117px; top: 10px; font-size: 0.7em;} .help_title span a {display: inline-block; background: url(../images/help_page/download_btn.png) left top no-repeat; width: 173px; height: 40px; position: relative; top: -10px; text-indent: -2000em;} .flashPhone_container {} .help_flash_container {float: left; margin-top: 20px; width: 521px; margin-left: 20px;} /* Fc Show */ .navigation {position: relative; background: url(../images/bg/bg_navigation.png) center bottom no-repeat; top: -10px; padding-bottom: 5px;} .navigation a:hover {text-decoration: underline;} .navigation .back_channel {position: absolute; left: 6px; top: 0px; display: block; background: url(../images/bg/left_arrow.png) left 6px no-repeat; padding-left: 15px; font-family: Tahoma, sans-serif; font-size: 1.1em; color: #464646; font-weight: bold;} .navigation h4 {text-align: center; font-family: Trebuchet MS, sans-serif; font-size: 1.8em; color: #ed1c24; padding: 0px 140px;} .navigation .nav_cont {position: absolute; right: 15px; top: 0px; overflow: hidden; } .navigation .nav_cont a {border-left: 1px solid #363636; margin-left: -1px; display: block; float: left; padding: 3px 15px; font-family: Tahoma, sans-serif; font-size: 1.1em; color: #464646; font-weight: bold;} .navigation .nav_cont a.prev {background: url(../images/bg/left_arrow.png) left 9px no-repeat;} .navigation .nav_cont a.next {background: url(../images/bg/right_arrow.png) right 9px no-repeat;} #flash_container {width: 643px; margin: 0px auto; background: url(../images/bg/tv.png) left top no-repeat; padding: 20px 19px 71px 21px;} .info_cont {background: url(../images/bg/info_bg.png) center top no-repeat; margin-top: 20px; padding: 13px 0 20px;} .info, .link {overflow: hidden; width: 640px; margin: 0px auto;} .info li {display: block; float: left; clear: both; font-family: Tahoma, sans-serif; font-size: 1.1em;} .info strong {display: block; width: 82px; color: #000; float: left; clear: left;} .info p {float: left; color: #000;} .link {padding-top: 25px;} .link strong {color: #000; display: block; float: left; width: 134px; margin-top: 7px; font-family: Tahoma, sans-serif; font-size: 1.1em;} .link p {background: url(../images/bg/link_bg_left.png) left top no-repeat; float: left; color: #464646; font-family: Tahoma, sans-serif; font-size: 1.1em;} .link p span {background: url(../images/bg/link_bg_right.png) right top no-repeat; float: left; padding: 7px 6px 8px 9px;} #player_receiver {width: 582px; margin: 0 auto;} /* slider */ .x-slider-horz {background: url(../images/slider/slider-bg-left.png) no-repeat left top; padding-left: 1px;} .x-slider-horz .x-slider-end {background: url(../images/slider/slider-bg-right.png) no-repeat right top; padding-right: 1px; height: 5px;} .x-slider-horz .x-slider-inner {background:transparent url(../images/slider/slider-bg-repeater.png) repeat-x left 2px; height: 5px; } .x-slider-horz .x-slider-thumb {background:transparent url(../images/slider/scroller.png) no-repeat left top; height: 11px; left: 0; position: absolute; top: -4px; width: 8px; z-index: 2; cursor: pointer;} .x-slider-focus {font-size:1px; height:1px; left:0pt; line-height:1px; outline-color:invert; outline-style:none;outline-width:0pt;position:absolute;top:0pt;width:1px;} /* friends finder */ #friend_finder_module {padding: 2px;/* width: 478px;*/ width: 974px; background: ##F0F0F0; border: 1px solid #bcbcbc; margin-top: -1px;} #search_friends_results .list_arrow.left, #start_page_wrap #search_friends_results .list_arrow.right {top: 11px; width: 20px;} #friend_finder_module .list_arrow.right {right: 13px;} #friend_finder_module ul {padding: 11px 0 2px 29px;} #friend_finder_module.user_fiends li {margin-left: 3px;} #mood {padding: 11px 1px 6px; border:1px solid #DEDEDE;} .mood_cont {width: 24%; float: left; margin-bottom: 8px;} .mood_cont p {color: #be0000; font-size: 1.1em; font-weight: bold; width: 60px; font-family: Tahoma, sans-serif; float: left;} .classify_01 {text-align: right; padding-right: 5px;} .classify_02 {text-align: left; padding-left: 5px;} .center_decor {display: block; width: 2px; height: 3px; line-height: .7em; font-size: .7em; background: #989898; position: absolute; top: 1px; left: 48px; z-index: 1;} .slider_box {position: relative; margin-top: 7px; float: left;} #search_friends_results {position: relative;} #screen_watch.body {background: #fff; border: 1px solid #dedede; margin: 2px 0 0; padding: 5px;} #screen_watch .loading {width: 353px;} a.list_arrow {position: absolute; height: 64px; width: 19px; display: block; text-indent: -2000em; top: 74px;} a.list_arrow.left {background: url(../images/bg/arrow_list_left.png) left top; left: 12px; z-index: 10;} a.list_arrow.right {background: url(../images/bg/arrow_list_right.png) left top; right: 12px;z-index: 10;} .list_arrow.right {top: 11px; width: 20px;} .list_arrow.right {right: 13px;} .user_fiends {} .user_fiends, .user_movies {padding-top: 4px;} .user_fiends li, .user_movies li {width: 63px; margin: 0 4px 7px; float: left; overflow: hidden;} .user_fiends li.fourth, .user_movies li.fourth {clear: left;} .user_fiends li a, .prof_photo_cont .prof_photo, #picture_show .box .avatar a, .user_photos.user_movies li a {border: 1px solid #535353; background: #9e9e9e url(../images/bg/users_buddys_bg.png) repeat-x; display: block; padding: 1px; width: 48px; margin: 0 auto;} .user_fiends li p, .user_movies li p {padding-top: 5px;} .user_fiends li p a {text-align: center; color: #737373; font-size: 1em; margin: 0; padding: 0; background: none; width: auto; border: none; padding-left: 2px;} .user_fiends li a img {height: 56px; width: 48px;} #friends_module_box {margin-top: -15px;} /* Login form */ .block_form {width: 300px; margin: 0px auto; background: url(../images/bg/login_bg.png) left top no-repeat; padding-bottom: 39px; padding-top: 35px; text-align: center;} .block_form .body {width: 150px; margin: 0px auto;} #account_main {width: 300px; padding-top: 30px;} .block_form h3 {color: #707070; font-size: 1.8em; font-family: Trebuchet MS, sans-serif;} #account_main input {width: 164px; background: url(../images/bg/short_input.png) no-repeat; padding: 7px 9px 8px; display: block; font-size: 1.1em; color: #464646; float: left;} #account_main .hidden {visibility: hidden; display: none;} #account_main .btn {background: none; height: 28px; width: 164px; padding: 0px; clear: left; margin-top: 27px;} #account_main a {font-size: 1.1em; font-family: Tahoma, sans-serif; color: #464646; display: block; float: left; clear: left; text-decoration: underline;} #account_main a:hover {text-decoration: none;} .block_form .link_block {margin-top: 48px;} #banner_image {border: 1px solid #606060; float: left; width: 191px; margin-left: 25px; margin-right: 12px;} #pc_show .navigation {background: none; left: 19px;} #player_dwn {margin-left: 7px; float: left; width: 359px;} #pc_show table {border: 1px solid #d8d8d8; width: 612px; margin: 8px auto 0px; font-size: 1.1em;} #pc_show table h4 { color: #555; font-size: 1.1em;} #pc_show table td, #pc_show table th {border: 1px solid #d8d8d8; font-weight: normal; text-align: left; padding: 8px 11px;} #pc_show table .title.price {width: 52px; color: #d70000; text-align: center;} #pc_show table .price_center {color: #d70000; text-align: center;} #pc_show table .hours, #pc_show table .action {text-align: center;} #pc_show table .hours_center {text-align: center;} #pc_show table .title.subscription {width: 300px;} #pc_show table .title.action {width: 90px;} #pc_show table .title.hours {width: 60px;} #pc_show table .channel {color: #d70000;} #pc_show table .title {width: 120px;} #pc_show table .buy {width: 112px;} #pc_show table .title strong {color: #000;} #pc_show table .buy_btn {display: block; background: url(../images/bg/buy_btn.png) left top no-repeat; width: 56px; padding-left: 4px; margin: 0px auto;} #pc_show table .buy_btn span {display: block; background: url(../images/bg/buy_btn_left.png) right top no-repeat; padding: 6px 0 5px; min-width: 60px; text-align: center; text-transform: uppercase; color: #fff; font-weight: bold;} #pc_show table .remaining {display: block; /*background: url(../images/bg/remaining_btn.png) left top no-repeat; width: 4px; padding-left: 4px;*/} #pc_show table .remaining strong {display: block; text-align: center; color: #000; } #pc_show table .remaining span {display: block; /* background: url(../images/bg/remaining_btn_left.png) right top no-repeat; padding: 8px 0; min-width: 108px;*/ text-align: center; color: #d70000; font-size: 1.1em; font-weight: bold;} /* subscription info style */ .congratulation{width:538px; height:180px; margin:50px auto; text-align:center;} .congratulation td{padding:15px 42px 30px 50px; background:url(../images/bg/congratilation_bg.gif) left top no-repeat;} .congratulation h3{ padding-bottom:18px; font-family:Trebuchet MS; font-size:18px; color:#f40000; font-weight:normal;} .congratulation p{font-family:Tahoma; font-size:11px; color:#000;} /* light blue tabs */ /*.tabs_container {overflow: hidden; position: relative; text-align: center; width: 484px; background: url(../images/bg/start_search_results.png) left bottom no-repeat; padding-bottom: 33px; margin-top: 9px; float: left;} .tabs {float: left; position: relative; text-align: center;} .tabs_list {float: left; position: relative;} .tab {display: block; float: left; margin-right: 2px; background: url(../images/bg/search_results_left.png) left top no-repeat;} .tab a, .tab.expanded strong {display: block; color: #898989; font-size: .9em; padding: 9px 11px 7px; background: url(../images/bg/search_results_right.png) right top no-repeat;} .tab.expanded {background: url(../images/bg/search_res_active_left.png) left top no-repeat;} .tab.expanded strong {color: #8ea2b4; background: url(../images/bg/search_res_active_right.png) right top no-repeat; padding: 9px 14px 8px;}*/ .brands-container { display: block; border: 1px solid gray; padding: 1px; width: 900px; overflow: hidden; } .brands-container span { display: block; border: 1px solid gray; padding: 1px; padding-left: 12px; min-width: 900px; } .brands-container * ul { margin: 0px; float: left; list-style-position: outside; list-style-type: square; clear: both; } .brands-container * li { margin:0; margin-right: 5px; padding: 0; float: left; border: 1px solid gray; min-height: 45px; min-width: 45px; } #about h2, #subscriptions h2, #channels h2, #specials h2 {font-size: 1.1em; font-family: Tahoma, sans-serif; color: #666; margin: 0px 0px 13px;} #about p, #help p{margin-bottom: 8px; font-size: 1.1em; color: #666;} #about p a, #help p a {color: #FF3300;} #about p a:hover, #help p a:hover {text-decoration: underline;} #help ul {margin-left: 15px; margin-bottom: 15px;} #help ul li {color: #666666; font-size: 0.9em;} #help h2 {font-size: 1em; color: #666; margin: 0px 0px 13px;} #subscriptions .info_block.change {height: 100px; border-bottom: 1px solid #eaeaea;} #subscriptions .info_block.change:hover {background: url(../images/bg/info_block.png) left top no-repeat; cursor: default;} #subscriptions .info_block.change .description ul {display: none;} #subscriptions .info_block .channels_container ul li a img {height: 65px; width: 70px; border: 1px solid #eaeaea;} #flash_holder {margin-top: 20px;} .share {float: left; overflow: hidden; margin-top: 8px;} .share h1{float: left; color: #213D93; margin-left: 25px; margin-top:5px; font-size: 1.7em;} .send_twitter {margin-left:20px; margin-top: 20px; display: block; width: 66px; height: 76px; background: url(../images/bg/twitter_btn.png) left top no-repeat; font-size: 1.7em; color: #76b4b8; font-weight: bold;float: left; clear: left;} .send_myspace {margin-left: 20px; display: block; width: 70px; height: 60px; background: url(../images/bg/myspace_btn.png) left top no-repeat; font-size: 1.7em; color: #213d93; padding-left: 90px; font-weight: bold; padding-top: 20px; float: left; margin-top: 20px;} .send_facebook {margin-left: 20px; margin-top: 20px; display: block; width: 70px; height: 77px; background: url(../images/bg/facebook_btn.png) left top no-repeat; font-size: 1.7em; color: #213d93; font-weight: bold; float: left;} .send_facebook:hover, .send_twitter:hover, .send_myspace:hover, .send_email:hover {background-position: 0px -80px; text-decoration: none;} #subscriptions .mac_win_block {display: none;} #subscriptions .info_block {background: url(../images/bg/info_block.png) left top no-repeat; height: 213px; width: 233px; float: right; margin-bottom: 20px; margin-left: 30px; position: relative;} #subscriptions .info_block:hover {background: url(../images/bg/info_block_hover.png) left top no-repeat; cursor: pointer;} #subscriptions .info_block .change:hover{cursor: default; background: url(../images/bg/info_block.png) left top no-repeat;} #subscriptions .channels_container {position: relative; left: 300px; top: -34px;} #subscriptions .channels_container .left {display: block; position: absolute; left: -35px; top: 18px; width: 24px; height: 40px; text-indent: -2000em; background: url(../images/bg/left_arrow_subs.png) left top no-repeat; cursor: pointer;} #subscriptions .channels_container .left:hover {background: url(../images/bg/left_arrow_hover.png) left top no-repeat;} #subscriptions .channels_container .right:hover {background: url(../images/bg/right_arrow_hover.png) left top no-repeat;} /*#subscriptions .channels_container .up:hover {background: url(../images/bg/up_hover.png) left top no-repeat;} #subscriptions .channels_container .down:hover {background: url(../images/bg/down_hover.png) left top no-repeat;}*/ #subscriptions .channels_container .right {display: block; position: absolute; width: 24px; height: 40px; right: -482px; top: 18px; text-indent: -2000em; background: url(../images/bg/right_arrow_subs.png) left top no-repeat; cursor: pointer;} #subscriptions .channels_container ul li {/*background: url(../images/bg/list_channel_bg.png) left top no-repeat; padding: 15px 15px 18px;*/ float: left; margin-right: 6px;} #subscriptions .info_block h2 {margin-top: 15px; width: 244px;} #subscriptions .info_block h2 span {margin-top: -5px; font-size: 0.8em; display: block; margin-bottom: -9px;} #subscriptions .info_block .description ul {margin-left: 10px; margin-top: 5px; float: left;} #subscriptions .info_block .description ul li {padding:5px 0px 5px 30px; background: url(../images/icons/daw.png) left center no-repeat; font-weight:normal; font-size:1em; line-height: 1em;} #subscriptions .info_block .description ul li.cross {background: url(../images/icons/cross.png) left center no-repeat;} #subscriptions .info_block .price {margin-top: 15px; float: left; margin-left: 10px; position: absolute; bottom: 10px;} #subscriptions .info_block span.text {display: inline-block; vertical-align: middle; margin-right: 4px; font-weight: bold; font-size: 1.1em;} #subscriptions .info_block .price strong, #channels_pack .channels tr td .price strong{font-size: 1.2em; color: #d41200; vertical-align: middle;} #subscriptions .info_block .price a {display: inline-block; background: url(../images/buttons/buy_btn.png) left top no-repeat; height: 28px; width: 78px; vertical-align: middle; text-indent: -2000em; position: absolute; top: -7px; left: 118px;} #channels_pack .channels tr td .price a {display: inline-block; background: url(../images/buttons/buy_btn.png) left top no-repeat; height: 28px; width: 78px; vertical-align: middle; text-indent: -2000em; top: -7px; left: 118px;} .buttons_block {position: relative; height: 60px; margin-top: 25px; width: 924px;} .buttons_block a {display: block; position: absolute; height: 35px; width: 174px; text-indent: -2000em;} .buttons_block a.back {background: url(../images/buttons/back_active.png) left top no-repeat; left: 40%; top: 0px;} .buttons_block a.back_disabled {background: url(../images/buttons/back.png) left top no-repeat; left: 40%; top: 0px;} .buttons_block a.compare {background: url(../images/buttons/compare_subs.png) left top no-repeat; right: 21%; top: 0px;} .buttons_block a.show_channels {background: url(../images/buttons/show_channels.png) left top no-repeat; left: 40%; top: 0px;} #channels_pack .channels tr td ul {margin-left: 10px; margin-top: 5px; float: left;} #channels_pack .channels tr td ul li {padding:5px 0px 5px 30px; background: url(../images/icons/daw.png) left center no-repeat; font-weight:normal; font-size:1em; line-height: 1em;} #channels_pack .channels tr td ul li.cross {background: url(../images/icons/cross.png) left center no-repeat;} .changer {display: block; background: url(../images/buttons/change.png) left top no-repeat; width: 64px; height: 48px; text-indent: -2000em;} #subscriptions p {color: #666; font-size: 0.9em; margin-top: -3px;} #subscriptions .head_table th {background: url(../images/bg/table_head.png) left top repeat-x #e3e3e3; color: #4c4c4c; font-size: 0.9em; padding: 10px 0px;} #subscriptions #subscriptions_table{ float:right;} #subscriptions table, .channels table {border: 1px solid #d8d8d8; width: 840px; margin-left: 130px; font-size: 1.1em; float: left; min-width: 20px;} #subscriptions table tr td div.checked {background: url(../images/icons/daw.png) center center no-repeat; height: 30px;} #subscriptions table tr td div.unchecked {background: url(../images/icons/cross.png) center center no-repeat; height: 30px;} #subscriptions table h4 {color: #555; font-size: 13px; padding-bottom:10px;} #subscriptions table h4 a span{ display:block; color:#383838; font-size:11px; font-weight:normal;} #subscriptions table td, #channels td {border: 0px solid #d8d8d8; font-weight: normal; text-align: center; padding: 8px; font-weight: bold; font-size: 1em;} #subscriptions table .title.price {width: 52px; color: #d70000; text-align: center;} #subscriptions table .price_center {color: #d70000; text-align: center;} #subscriptions table .hours, #pc_show table .action {text-align: center;} #subscriptions table .hours_center {text-align: center;} #subscriptions table .title.subscription {width: 300px;} #subscriptions table .title.action {width: 90px;} #subscriptions table .title.hours {width: 60px;} #subscriptions table .channel {color: #d70000;} #subscriptions table .title {width: 120px;} #subscriptions table .title strong {color: #000;} #subscriptions table .buy .buy {display: block; background: url(../images/bg/buy_btn.png) left top no-repeat; width: 56px; padding-left: 4px; margin: 0px auto;} #subscriptions table .buy .buy span {display: block; background: url(../images/bg/buy_btn_left.png) right top no-repeat; padding: 4px 0 5px; min-width: 60px; text-align: center; text-transform: uppercase; color: #fff; font-weight: bold;} #subscriptions table .remaining {display: block; /*background: url(../images/bg/remaining_btn.png) left top no-repeat; width: 4px; padding-left: 4px;*/} #subscriptions table .remaining strong {display: block; text-align: center; color: #000; } #subscriptions table .remaining span {display: block; /* background: url(../images/bg/remaining_btn_left.png) right top no-repeat; padding: 8px 0; min-width: 108px;*/ text-align: center; color: #d70000; font-size: 1.1em; font-weight: bold;} #subscriptions p.subscription-descr strong{display:block; padding:5px 0px 5px 40px; background: url(../images/icons/daw.png) left center no-repeat; font-weight:normal; font-size:13px;} #subscriptions p.subscription-descr strong.cross{background-image:url(../images/icons/cross.png);} #subscriptions .loading {background: url(../images/img/loader32.gif) center center no-repeat;} .scrollable { /* required settings */ position:relative; overflow:hidden; width: 680px; height:80px; } .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } /* single scrollable item */ .scrollable img { float:left; margin:4px 4px 5px 0px; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* active item */ .scrollable .active { z-index:9999; position:relative; } #channels {overflow: hidden;} #channels .channels_block {width: 112px; margin-right: 10px; float: left; text-align: center; height: 127px;} #channels table {font-size: 0.9em;} #channels table th, #subscriptions table th {font-weight: bold; text-align: center;} #channels .play_btn {display: block; background: url(../images/bg/play_btn.png) left top no-repeat; padding: 4px 0 4px 24px; margin-left: 4px;} #subscriptions h2, #channels h2 {text-align: center;} h3.title {font-size: 1.5em; text-align: center; color: #666;} #movie-vault .mac_win_block {margin: 35px 100px 0px 45px;} .mac_win_block {float: left; width: 199px; margin: 35px 150px 0 45px;} .mac_win_block a.win_logo {display: block; background: url(http://filmon.com/tv/themes/filmontv/images/bg/win_logo.png) left top no-repeat; height: 105px; width: 199px; text-indent: -2000em;} .mac_win_block a.win_dwn {display: block; background: url(http://filmon.com/tv/themes/filmontv/images/bg/win_download.png) left top no-repeat; height: 56px; text-indent: -2000em; margin-top: 10px;} .mac_win_block a.mac_logo {display: block; background: url(http://filmon.com/tv/themes/filmontv/images/bg/mac_logo.png) left top no-repeat; height: 105px; width: 199px; text-indent: -2000em;} .mac_win_block a.mac_dwn {display: block; background: url(http://filmon.com/tv/themes/filmontv/images/bg/mac_download.png) left top no-repeat; height: 56px; text-indent: -2000em;margin-top: 10px;} #subscriptions .channelinfo {float: left; padding: 0px 0px 0px 10px; font-size: 1.1em; height: 80px; line-height: 12px; width: 142px;} #subscriptions .channelinfo span { display: none ; } #.id, #subscriptions .channelinfo .selected {display: none;} #subscriptions .channelinfo span.title { display: block; min-width: 127px; text-indent: -2000em;} .sub_panel .movie_vault a span {display: inline-block; background: url(../images/bg/divx.png) 20px 14px no-repeat; height: 25px; float: left;} #specials .pay_per {position: relative; float: left; width: 680px; margin-left: 10px; border: none;} #specials .pay_per ul {position: absolute; left: -156px; top: 30px; background: none; border: none; padding: 0px;} #specials .pay_per ul li {background: none; border: none; float: none;} #specials .pay_per ul li.ui-state-active.ui-tabs-selected a {display: block; background: url(../images/bg/tab_active.png) left top no-repeat; width: 150px; padding: 14px 10px 16px 37px; font-weight: bold; margin-bottom: 5px; color: #000; margin-left: 0px;} #specials .pay_per ul li.ui-state-default a {display: block; background: url(../images/bg/tab_static.png) left top no-repeat; padding: 14px 10px 16px; font-weight: bold; color: #818181; margin-left: 25px; margin-top: 5px; margin-bottom: 5px; width: 113px; position: relative;} #specials .pay_per .body {padding: 11px 9px; background: #eee; border: 1px solid #d0d0d0;} #specials .pay_per .text {color: #000; font-size: 0.9em; width: 327px; margin-bottom: 5px;} #specials .pay_per .text a {color: #00a2ff; text-decoration: underline;} #specials .pay_per .synopsis {float: left;} #specials .pay_per .view {position: absolute; background: url(../images/bg/view.png) left top no-repeat; bottom: 5px; right: 5px;} #specials .pay_per .view span {font-size: 1.2em; font-weight: bold; font-family: Trebuchet MS, sans-serif; color: #fff; padding: 2px 24px 5px; display: block;} #specials .pay_per .close {position: absolute; background: url(../images/bg/close.png) left top no-repeat; bottom: 5px; right: 5px;} #specials .pay_per .close span {font-size: 1.2em; font-weight: bold; font-family: Trebuchet MS, sans-serif; color: #fff; padding: 3px 22px 5px; display: block;} #specials .pay_per strong {display: block; float: left; clear: none; margin-bottom: 4px; display: block;} #specials .pay_per .title {font-weight: bold; font-style: italic; color: #000; width: 68px; text-align: right; margin-right: 5px;} #specials .pay_per .body .block {padding: 6px 8px; border: 1px solid #d0d0d0; background: #fff; margin-bottom: 8px; position: relative; min-height: 165px;} #specials .pay_per .body .block.active {min-height: 253px;} #specials .pay_per .body .block h4 {font-size: 1.5em; font-weight: bold; color: #d20000;} #specials .pay_per .body .block .image {float: left; width: 140px;} #specials .pay_per .body .block .info {float: left; width: 408px;} /*#specials .pay_per {float: left; width: 680px;}*/ #specials .pay_per .pay_per_info {float: left; width: 330px;} #specials .pay_per .pay_image {float: left; width: 342px;height: 311px; background: url(../images/bg/pay_per01.jpg) left top no-repeat;} #specials .pay_per .pay_image a { } #specials .pay_per h1 {text-align: center; font-size: 1.6em; color: #666; margin-bottom: 15px;} #specials .pay_per p {font-size: 1em; color: #666; margin-bottom: 15px;} #specials .pay_per p a {color: #FF3300; text-decoration: underline;} #specials .pay_per p a:hover {text-decoration: none;} .flashPhone_container{ margin:0px 120px 6px 0px; color:#000; width:380px; height:24px; padding:4px 10px 0px 10px; background: url(../images/bg/flash_phone_container.png) left top no-repeat; font-size:16px; text-align:center;} .flashPhone_container span{color:#555;} #tooltip { background:transparent url(../images/tooltip/black_arrow_big.png); display:none; font-size:11px; height:163px; width:310px; padding:40px 30px 10px 30px; color:#fff; position: absolute;}