html {
height: 100%;
margin-bottom: 1px;
}
/* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
/* Do not remove the following section,these rules are required for forms */
.comment-replies {
margin-left: 30px;
}
.form-element.form-hide,.form-important {
display: none;
}
.form-element.form-type-checkbox label,
.form-element.form-type-radio label {
display: inline;
}
.form-float-left {
float: left;
}
.form-element.form-float-left {
padding-right: 10px;
}
/* This section works with the wt.hero function in site-local.js. Values set to % need to be set. Caption and control rules should be removed if not in use. */
div.heroshots {
position: relative;
width: 944px;
height: 354px;
overflow: hidden;
}
div.home-hero {
height:304px;
}
div.sidebar div.heroshots {
width: 100%;
overflow: hidden;
margin-bottom: 1em;
line-height: 0;
}
div.main div.heroshots img {
display: none;
position: absolute;
top: 0px;
left: 0px;
}
div.heroshots div.hero-foreground {
position: absolute;
top: 0;
left: 0;
width: 628px;
height: 356px;
background: url(/media/images/heroshot_overlay.png);
z-index: 10;
}
div.heroshots div.caption {
display: none;
}
div.heroshots div.controls {
display: none;
}
div.heroshots div.controls ul {
}
div.heroshots div.controls ul li {
}
div.heroshots div.controls ul li a {
}
div.heroshots div.controls ul li a.previous {
}
div.heroshots div.controls ul li a.pause {
}
div.heroshots div.controls ul li a.play {
}
div.heroshots div.controls ul li a.next {
}
#overlay {
position: fixed;
_position: absolute;
top: 0;
left: 0;
z-index: 10000;
background: #000;
width: 100%;
height: 100%;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
display: none;
}
/* Global styles */
.clear {
clear: both;
}
form .clear {
clear: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
img.left {
float: left;
margin: 0 1em 0 0;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.right {
float: right;
margin: 0 0 0 1em;
}
.sub,div.sidebar h3.sub {
color: #fdaf2a;
}
.border {
border: 1px solid red;
}
/* Specific styles */
.wrapper {
width:974px;
text-align: left;
position: relative;
margin: 0 auto;/* A value of auto centers the page,while 'auto 0px' will left align it;god help you 'auto 0px auto auto' will right align it */
}
#bd .wrapper,#ft .wrapper {
width: 944px;
}
.content_bg {
background: url(/media/images/epb_cntr_bg.png) repeat-y top center;
}
html {
color: #070707;
background: url(/media/images/epb_fi_bg.jpg) no-repeat center top;
background-color: #000;
}
body {
line-height: 1.5;
padding-bottom: 30px;
font-size: 12px;
}
h1,.title {
margin: 0 0 0.125em;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #333;
font-size: 140%;
}
h2 {
color: #000;
margin: 0.75em 0 0.5em;
font-size: 22px;
}
h2 em {
font-weight: bold;
}
h2.secondary {
font-size:19px;
}
h3 {
color: #333;
}
div.main h3 {
margin-bottom: 0;
}
div.sidebar h3 {
color: #333;
}
h4, h5 {
font-weight: bold;
font-size:13px;
margin-bottom: 0.325em;
}
h5 {
font-size:12px;
}
a {
text-decoration: none;
color: #054aa7;
font-weight: bold;
outline: none;
}
a.more {
color: #043997;
}
hr {
background: url(/media/images/hr_bg.png) 0 0 repeat-x;
color: none;
border: none;
height: 2px;
overflow: hidden;
line-height: 1px;
margin: 1em 0 1.5em;*position:relative;*margin:0.5em 0 1em;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
table {
width: 100%;
margin: 0;
}
table td {border:0;}
form label {
display:block;
font-weight:bold;
}
form input.text {
border:1px solid #999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:2px 2px 3px 2px;
}
form input.text:focus {
border:1px solid #333;
}
#bd div.main_content div.main ul {
margin:1em;
}
#hd {
position: relative;
height: 88px;
color: #fff;
*z-index:10;
}
#hd a {
color: #9a9a9c;
font-weight: normal;
}
#hd h2 {
margin: 0;
}
#hd h2.logo {
position: absolute;
top: 20px;
text-indent: -9999px;
display: block;
width: 224px;
height: 48px;
background: url(/media/images/epb_fi_logo.png) no-repeat 0 0;
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/epb_fi_logo.png',sizingMethod='image');
}
#hd h2.logo a {
display: block;
width: 264px;
height: 56px;
}
#hd div#mini_nav {
position: absolute;
top: 20px;
right: 0px;
margin: 0;
line-height: 16px;
}
#hd div#mini_nav span {
margin-left: 22px;
font-size: 10px;
}
#hd div#mini_nav span.welcome {
font-size: 13px;
}
#hd div#mini_nav span.search_epb a {
display: inline-block;
position: relative;
top: -1px;
text-indent: -9999px;
width: 87px;
height: 21px;
background: url(/media/images/mini_nav-search_epb.png) no-repeat 0 0;
}
#hd div#home_business {
width: 337px;
height: 35px;
position: absolute;
top: 53px;
right: 0px;
text-indent: -9999px;
z-index: 2500;
}
#hd div#home_business div.for_home span,
#hd div#home_business div.for_business span,
#hd div#home_business div.for_home span a,
#hd div#home_business div.for_business span a {
display: block;
width: 100%;
height: 100%;
}
#hd div#home_business div.for_home {
width: 160px;
height: 35px;
float: left;
background: url(/media/images/header_for_home.png) 0 0 no-repeat;
position:relative;
}
#hd div#home_business div.area_business div.for_home {
background-image: url(/media/images/header_for_home_deselected.png);
}
#hd div#home_business div.corporate div.for_home {
background-image: url(/media/images/header_for_home_corporate.png);
}
#hd div#home_business div.for_business {
width: 177px;
height: 35px;
float: left;
background: url(/media/images/header_for_business.png) 0 0 no-repeat;
position:relative;
}
#hd div#home_business div.area_business div.for_business {
background-image: url(/media/images/header_for_business_selected.png);
}
#hd div#home_business div.for_home div.drop,
#hd div#home_business div.for_business div.drop {
display: none;
position: absolute;
top:35px;
left:0;
background: #000;
z-index: 200;
}
#hd div#home_business div.for_home div.drop div.item,
#hd div#home_business div.for_business div.drop div.item {
width: 160px;
height: 32px;
line-height: 32px;
overflow: hidden;
}
#hd div#home_business div.for_business div.drop div.item {
width:177px;
}
#hd div#home_business div.for_home div.drop div.item a,
#hd div#home_business div.for_business div.drop div.item a {
display: block;
padding-left: 10px;
width: 150px;
height: 64px;
background: url(/media/images/home_business-drop-bg.png) 100% 0 no-repeat;
color: #333;
font-weight: bold;
text-indent: 0;
}
#hd div#home_business div.for_business div.drop div.item a {
width:167px;
}
#hd div#home_business div.for_home div.drop div.item a:hover,
#hd div#home_business div.for_business div.drop div.item a:hover {
background-position: 100% -32px;
}
#bd_topper {
background: url(/media/images/epb_cntr_top_sharp_right.png) no-repeat top center;
line-height: 0;
height: 15px;
font-size: 0;
}
#bd {}
#bd #main_top {
height: 50px;
position: relative;
z-index: 2000;
}
#bd ul.navigation {
margin: 0;
position: relative;
top: 0;
width: 637px;
height: 40px;
display: block;
position: relative;
float: right;
}
#bd ul.navigation li {
margin: 0;
list-style: none;
display: block;
width: 182px;
height: 40px;
float: left;
text-indent: -9999px;
overflow: hidden;
}
#bd ul.navigation li a {
display: block;
height: 80px;
background: url(/media/images/epb_fi_navbar.png);
}
#bd ul.navigation li.nav-fi_speed_internet {
width: 170px;
}
#bd ul.navigation li.nav-fi_speed_internet a {
background-position: -182px 0;
}
#bd ul.navigation li.nav-fi_tv {
width: 79px;
}
#bd ul.navigation li.nav-fi_tv a {
background-position: -352px 0;
}
#bd ul.navigation li.nav-fi_phone {
width: 106px;
}
#bd ul.navigation li.nav-fi_phone a {
background-position: -431px 0;
}
#bd ul.navigation li.nav-fi_bundles {
width: 100px;
}
#bd ul.navigation li.nav-fi_bundles a {
background-position: -537px 0;
}
#bd ul.navigation li a:hover {
margin-top: -40px;
}
#bd ul.navigation li a:active {
margin-top: -40px;
}
#bd ul.navigation li.selected a {
margin-top: -40px;
}
#bd #myfi_dropdown,
#enroll-now-box .header .elect-container {
width: 249px;
height: 40px;
line-height: 40px;
top: 0;
left:0;
background: url(/media/images/myfi-dropdown.png);
position: absolute;
z-index:1000 !important;
}
#bd #myfi_dropdown a,
#enroll-now-box .header .elect-option {
color: #fff;
padding-left: 20px;
display: block;
width: 229px;
height: 40px;
}
#bd #myfi_signin {
width: 249px;
height: 40px;
line-height: 40px;
top: 0;
left:0;
background: url(/media/images/myfi-signin.png);
position: absolute;
}
#bd #myfi_signin a {
color: #fff;
padding-left: 20px;
display: block;
width: 229px;
height: 40px;
}
#bd #myfi_dropdown div.drop,
#enroll-now-box .header .elect-options {
display: none;
top: -2px;
position: relative;
background: #000;
z-index:1000;
}
#bd #myfi_dropdown div.drop div.item,
#enroll-now-box .header .elect-option {
width: 249px;
height: 40px;
overflow: hidden;
}
#bd #myfi_dropdown div.drop div.item a,
#enroll-now-box .header .elect-option {
width: 249px;
height: 80px;
background: url(/media/images/myfi-dropdown-under-bg.png);
}
#bd #myfi_dropdown div.drop div.item a:hover {
background-position: 0 -40px;
}
#bd div#subnav ul {
margin: 0;
width: 944px;
height: 50px;
}
#bd div#subnav ul li {
margin: 0;
list-style: none;
float: left;
display: block;
width: 197px;
height: 50px;
overflow: hidden;
text-indent: -9999px;
}
#bd div#subnav ul li a {
display: block;
height: 150px;
background: url(/media/images/home-subnav-2.png);
}
#bd div#subnav ul li.nav-about {
width: 169px;
}
#bd div#subnav ul li.nav-about a {
background-position: -183px 0;
}
#bd div#subnav ul li.nav-fi_speed_competition {
width: 222px;
}
#bd div#subnav ul li.nav-fi_speed_competition a {
background-position: -197px 0;
}
#bd div#subnav ul li.nav-plans_features {
width: 191px;
}
#bd div#subnav ul li.nav-plans_features a {
background-position: -419px 0;
}
#bd div#subnav ul li.nav-myfi {
width: 113px;
}
#bd div#subnav ul li.nav-myfi a {
background-position: -610px 0;
}
#bd div#subnav ul li.nav-installation_support {
width: 221px;
}
#bd div#subnav ul li.nav-installation_support a {
background-position: -723px 0;
}
#bd div#subnav ul li.selected a, #bd div#subnav ul li.selected a:hover {
margin-top: -50px;
}
#bd div#subnav ul li a:hover {
margin-top: -100px;
}
#bd div.pricing {
width:110px;
_width:105px;
position:relative;
font-weight:bold;
text-transform:uppercase;
line-height:0;
font-size:10px;
margin:10px 0 0;
float:left;
}
#bd div.pricing div {
clear:both;
}
#bd div.pricing div.rem {
float:left;
position:relative;
clear:none;
}
#bd div.pricing div.item {
width:100%;
}
#bd div.pricing img {
margin:0;
padding:0;
float:left;
border-collapse:collapse;
border-spacing:0;
border-width:0;
border-style:none;
}
#bd div.main_content div#main_topper {
display: none;
line-height: 0;
width: 944px;
height: 5px;
background: url(/media/images/bd_main_topper.png);
margin-top: 10px;
}
#bd div.main_content div.main {
position: relative;
width: 944px;
margin-left: 0;
}
#bd div.main_content div.main div.padding {
width: 944px;
margin: 0 auto;
overflow: hidden;
}
#bd div.main_content div.main div.layout div.padding {
position:relative;
width:934px;
padding:5px 0;
}
#bd div.main_content div.main div.channel_guide div.padding {
padding:0;
width:914px;
}
#bd div.main_content div.check-availability div.padding { width:100%; }
#bd div.main_content div.main div.block {
margin-left: 5px;
float: left;
}
#bd div.main_content div.main div.thirds div.block {
width: 308px;
background: url(/media/images/homepage_thirds_block_bg.png);
height: 255px;
overflow: hidden;
}
#bd div.main_content div.main div.thirds div.block div.padding {
width: 278px;
margin-top: 8px;
overflow: visible;
}
#bd div.main_content div.main div.halves div.block {
width: 465px;
}
#bd div.main_content div.main div.fourths div.block {
width: 230px;
}
#bd div.main_content div.main div.first {
margin-left: 0 !important;
}
#bd div.main_content div.main div.block h2 {
margin: 0;
}
#bd div.main_content div.main div.block img.future_here_image {
margin-left: -14px;
}
#bd table.layout, #bd div.layout {
margin-top:10px;
border-collapse:separate;
border-spacing:5px;
*border-spacing:10px;
width:100%;
background:#fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#bd table.layout th {
border:0;
text-align:left;
}
#bd table.layout td,
#bd table.layout table th,
#bd div.layout div.yui-u {
width:30%;
vertical-align:top;
background:url(/media/images/thirds_block_bg_td.png) 0 0 repeat-x;
border:1px solid #b3b3b3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:0;
}
#bd table.strip td {
background:url(/media/images/strip_block_bg_td.png) 0 0 repeat-x;
}
#bd td#plans_image_callout {
background: #cdcdcd url(/media/images/table_table_th_bg.png) repeat-x 0 0;
}
#bd td#plans_image_callout div.padding {
width:230px;
}
#bd div.layout div.yui-gf div.yui-u {
background:#f2f2f2;
padding:10px 15px;
}
#bd div.layout div.yui-gf div.sidebar {
width:165px;
_overflow:hidden;
}
#bd div.layout div.yui-gf div.sidebar h3 {
color:#000;
font-size:21px;
margin:0;
}
#bd div.layout div.yui-gf div.sidebar h4 {
margin:8px 0 2px;
}
#bd div.layout div.yui-gf div.sidebar ul {
margin:0 0 10px 10px;
}
#bd div.layout div.yui-gf div.sidebar ul li {
list-style:none;
font-size:11px;
margin:0 0 3px;
}
#bd div.layout div.yui-gf div.sidebar ul li a {
font-weight:normal;
color:#000;
}
#bd div.layout div.yui-gf div.sidebar ul li a:hover {
color:#054aa7;
}
#bd div.layout div.yui-gf div.sidebar a.how_to_manual {
position:relative;
margin:20px 0 0 -5px;
display:block;
}
#bd div.layout div.yui-gf div.content {
width:700px;
}
#bd div.layout div.yui-gf div.content div.item {
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #d5d5d5;
}
#bd div.layout div.yui-gf div.content div.last {
border-bottom:0;
}
#bd div.layout div.yui-gf div.content h2 {
margin:0 0 7px;
}
#bd div.layout div.yui-gf div.content table {
border-collapse:separate;
border-spacing:3px;
margin:0 0 10px;
}
#bd div.layout div.yui-gf div.content table th {
border:0;
padding:1px;
text-align:left;
width:230px;
}
#bd div.layout div.yui-gf div.content table td {
border:1px solid #d3d3d3;
background:#fff;
font-weight:bold;
}
#bd table.fourths td, #bd table.fourths th {
width:20%;
}
#bd table.comparison td, #bd table.comparison th {
border:0;
}
#bd table.layout table {
border-spacing:0;
}
#bd table.layout table th,
#bd table.layout table td {
background: #cdcdcd url(/media/images/table_table_th_bg.png) repeat-x 0 0;
border:1px solid #b3b3b3;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding:0.75em;
text-align:left;
color:#393939;
}
#bd table.layout table th.activity {width:120px;}
#bd table.layout table th.file_size {width:50px;}
#bd table.layout table th.myfi {width:80px;}
#bd table.layout table th.cable {width:80px;}
#bd table.layout table th span {font-size:80% !important;}
#bd table.layout table td {
background:#f8f8f8;
width:auto;
}
#bd table.layout table.internet_packages {
margin-top:0px;
border-collapse:separate;
border-spacing:10px;
}
#bd table.layout table.internet_packages td.header {
background:none;
}
#bd table.layout table.internet_packages td {
background:none;
border:0;
padding:0 10px 0 10px;
}
#bd table.thirds td {
}
#bd div.main_content div.main table.layout td div.padding {
width: 278px;
overflow: visible;
margin-top:10px;
position:relative;
}
#bd div.main_content div.main table.fourths td div.padding {
width:200px;
}
#bd div.main_content div.main table.halves td {
/* width:50%;*/
}
#bd div.main_content div.main table.halves td div.padding {
width:434px;
_margin-left:14px;
}
#bd div.main_content div.main table.layout td div.padding div.half {
width:48%;
position:relative;
float:left;
margin-bottom:15px;
}
#bd div.main_content div.main table.layout td div.padding div.right {
text-align:left;
float:right;
}
#bd div.main_content div.main table.layout h2 {
margin: 0 0 10px;
line-height:1;
}
#bd div.main_content div.main table.strip h2 {
margin:15px 0 25px;
*margin-top:5px;
font-size:18px;
}
#bd div.main_content div.main table.layout th h2 {
margin:0;
}
#bd div.main_content div.main table.layout td ul {
font-size:11px;
}
#bd div.main_content div.main table.halves td ul {
font-size:12px;
}
#bd div.main_content div.main table.layout td div.plan_content {
height:170px;
}
#bd div.main_content div.main table.layout td p.learn_more {
width:88px;
margin:10px 0 10px auto;
*margin-top:24px;
}
#bd div.main_content div.main table.layout td p.learn_more_plans {
width:88px;
margin:28px 0 10px auto;
*margin-top:24px;
}
#bd div.main_content div.main table.layout td p.you_pick_learn_more {
margin:28px auto 10px auto;
*margin-top:36px;
}
#bd div.main_content div.main table.layout td img.future_here_image,
#bd div.main_content div.main table.layout td img.fits_you_image,
#bd div.main_content div.main table.layout td a.sign_up
{
margin-left: -14px;
}
#bd div.main_content div.main table.layout td a.sign_up {
line-height:0;
display:block;
}
#bd div.main_content div.main table.layout td img.fits_you_image {
float:left;
}
#bd div.main_content div.main table.layout td h2.fits_you {
font-size:19px;
}
form.fi_availability fieldset div.element {
width:50%;
float:left;
}
form.fi_availability fieldset div.clear {
clear:both;
}
form.fi_availability fieldset div.full_width {
width: 100%;
clear: both;
}
form.fi_availability fieldset div.full_width label {
margin:10px 0 0;
}
form.fi_availability div.full_width select {
width: 270px;
margin-top: 10px;
}
form #apt_unit_group select#apt_unit { width:auto; margin-right:10px; }
form.fi_availability div.full_width select#street_name,
form.fi_availability div.full_width select#apt_unit {margin-top:0;}
form.fi_availability fieldset div.zip {
width:90px;
float:left;
margin-right: 6px;
}
form #apt_unit_group em a { font-weight:normal; }
form.fi_availability fieldset p.required_fields {
font-size: 10px; padding-top: 22px;
}
form.fi_availability fieldset div.submit_area {
padding-top:18px;
width:100%;
text-align:left;
float:left;
}
form.fi_availability fieldset div.element input {
width:90%;
}
form.fi_availability fieldset div.element input.error, form table input.error {
background: #ffdddd;
border: 1px solid #cc0000;
}
#bd a.more_button {
display:block;
width:87px;
height:26px;
text-indent:-9999px;
background:url(/media/images/learn_more_button.png) 0 0 no-repeat;
margin-top:1em;
}
#bd a.you_pick_learn_more_button {
display:block;
width:209px;
height:26px;
text-indent:-9999px;
background:url(/media/images/learn-more-about-options.png) 0 0 no-repeat;
margin-top:1em;
}
#bd a.check_availability_button {
display:block;
width:159px;
height:28px;
text-indent:-9999px;
background:url(/media/images/check_availability_button.png) 0 0 no-repeat;
margin-top:1em;
}
#bd a.business_check_availability_button {
display:block;
width:210px;
height:32px;
text-indent:-9999px;
background:url(/media/images/business_check_availability_button.jpg) 0 0 no-repeat;
margin-top:1em;
}
#bd div.channel_guide {
background: #e5e5e5 url(/media/images/large_gradient_block_bg.png) 0 0 repeat-x;
}
#bd div.channel_guide h2 {
font-size:24px;
line-height:24px;
margin:13px 0;
}
#bd div.controls {
position:absolute;
top:14px;
right:10px;
text-align:left;
}
#bd div.controls div.sort {
position:relative;
float:left;
text-align:left;
margin-right:10px;
}
#bd div.controls div.buttons {
display:block;
float:left;
height:21px;
width:48px;
overflow:hidden;
text-align:left;
margin-right:4px;
}
#bd div.controls div.logo {
width:53px;
}
#bd div.controls div.buttons a {
display:block;
height:42px;
background:url(/media/images/list-and-logo-buttons.png);
text-indent:-9999px;
}
#bd div.controls div.selected a {margin-top:-21px;}
#bd div.controls div.logo a {
background-position:-48px 0;
}
ul.grouping_bar {
width:924px;
height:44px;
background:url(/media/images/tv_grouping_bar_bg.png) 0 0 no-repeat;
margin:0;
padding:0;
}
ul.grouping_bar li {
list-style:none;
margin:0 0 0 10px;
padding:0;
float:left;
line-height:44px;
}
ul.grouping_bar li a {
color:#fff;
font-weight:normal;
display:block;
height:44px;
padding:0 10px;
_width:90px;
_text-align:center;
}
ul.grouping_bar li a:hover,
ul.grouping_bar li.selected a {
background:url(/media/images/tv_grouping_button_bg.png) 50% 0 no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#bd div.fourths div.col {
width:23.75%;
float:left;
margin-right:10px;
}
#bd div.fourths div.last {
margin-right:0;
float:right;
}
div.channels div.item {
width:100%;
overflow:hidden;
border-bottom:1px solid #ccc;
padding:5px 0;
}
div.channels div.item div.channel {
width:23%;
float:left;
text-align:right;
color:#686868;
}
div.channels div.item div.name {
width:75%;
float:right;
color:#020202;
}
#bd div.main_content div#main_bottom {
display: none;
line-height: 0;
width: 944px;
height: 5px;
background: url(/media/images/bd_main_bottom.png);
}
#bd div.divider {
position:relative;
display:block;
width:444px;
height:7px;
background:url(/media/images/block_divider_bg.png) 0 0 repeat-x;
margin:10px 0 12px -4.5px;
/* z-index:500;*/
}
#bd div.check_now a {
display:block;
text-indent:-9999px;
width:110px;
height:28px;
background:url(/media/images/check_now_button.png) 0 0 no-repeat;
}
#ft_bottom {
background: url(/media/images/epb_cntr_bottom.png) no-repeat top center;
line-height: 0;
height: 15px;
}
#ft {
color:#666;
padding:10px 0 0;
text-align:left;
width:974px;
margin:0 auto;
font-size:10px;
}
#ft a {
margin:0 0 0 10px;
font-weight:normal;
color:#666;
}
#ft p.copy {
display:inline;
margin:0 20px;
}
#ft div.left_items, #ft div.right_items {
position:relative;
float:left;
width:75%;
}
#ft div.right_items form { position: relative; display: none; right:1000px; }
#ft div.right_items form input,
#ft div.right_items form label { position: relative; height: 11px; margin: 0 5px 10px; padding: 0; }
#ft div.right_items form #email { position: absolute; width: 135px; height: 11px; top: 1px; padding-left: 3px; }
#ft div.right_items form label { margin-right: 250px; }
#ft div.right_items form #submitu { position: absolute; height: 15px; margin-left: 150px; }
#ft div.right_items {
width:25%;
float:right;
text-align:right;
}
#TB_overlay {z-index:3000;}
#TB_window {
border: 1px solid #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
z-index:4000;
}
#TB_title{
background-color:#e8e8e8;
padding:5px 0;
height:40px;
font-weight:bolder;
font-size:22px;
border-bottom:1px solid #ccc;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
#TB_ajaxContent #check_availability {
vertical-align:middle;
padding: 10px;
}
#TB_ajaxContent #check_availability h2{
line-height:24px;
}
.magic-window {
position:absolute;
top:50%;
left:50%;
display:none;
z-index: 66000;
background:#fff;
border: 1px solid #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.magic-title {
background-color:#e8e8e8;
padding:5px 0;
height:40px;
font-weight:bolder;
font-size:22px;
border-bottom:1px solid #ccc;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.magic-title a.magic-close {
float:right;
margin:8px 10px ;
background: url(/media/images/tb_close.png) no-repeat;
width:21px;
height:22px;
text-indent: -9000px;
}
.magic-overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
background-color: black;
z-index:50000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.checked_not_available h2 {
background:transparent url(/media/images/service_not_available.png) 0 0 no-repeat;
padding-left: 51px;
font-size: 20px;
line-height: 24px;
padding-bottom: 5px;
}
.checked_call,
.checked_special_two {
background:#FFFFBE !important;
}
.checked_available h2 {
background:transparent url(/media/images/service_available.png) 0 0 no-repeat;
padding-left: 51px;
font-size: 20px;
line-height: 24px;
padding-bottom: 5px;
}
#check_availability dl.youraddress {
width: 170px !important;
float: right;
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
padding: 10px 0 10px 40px;
margin-bottom: 20px;
background: transparent url(/media/images/youraddress.png) 0 10px no-repeat;
}
#check_availability dl.youraddress dt {
font-weight: bold;
}
#check_availability dl.youraddress dd {
margin: 0;
}
#check_availability a.back-to-zip {
display: block;
color: #054AA7;
}
#check_availability #subscribe_form fieldset div.email_field {
float:left;width:80%
}
#check_availability #subscribe_form fieldset div.email_field input{
width:100%;
}
#check_availability #subscribe_form fieldset div.element {
width:50%;
float:left;
}
#check_availability #subscribe_form fieldset div.element input#first_name {
width:90%;
}
#check_availability #subscribe_form fieldset div.element input#last_name {
width:98%;
}
#check_availability #subscribe_form fieldset div.submit_button {
float:right;width:20%;text-align:right;padding-top:16px
}
#check_availability form button{
margin-bottom:-5px;
}
#check_availability img.available_check {
float:left;margin:-5px 10px 0 0;
}
#check_availability a.signup_now {
float:right;margin:10px 0 0 0;
}
#check_availability a.try-another {
font-weight: bold; color: #003194;
}
#check_availability input.disabled_submit,
#enroll-now-container input.disabled_submit {
/*
-moz-opacity: 0.3;
opacity:.30;
filter: alpha(opacity=30);
*/
}
/****************************************
- You Pick
****************************************/
#bundle-bgs {
display:block;
position:relative;
/* position:absolute;*/
top:0px; left:0px;
margin:0px !important;
height:630px; width:944px;
overflow:hidden;
}
#bundle-bgs li{
display:block;
visibility:visible;
position:absolute;
top:0px; left:0px;
z-index: 10;
}
#bundle-tabs {
display:block;
position:absolute;
top:21px; left:21px;
margin:0px !important;
z-index:40;
}
#bundle-tabs.disabled {
opacity:0.9; }
#bundle-tabs li {
display:block;
width:160px; height:41px;
margin-bottom:5px;
overflow:hidden;
}
#bundle-tabs li a {
display:block;
background:url(../images/you-pick-button-bg.png) no-repeat 0px -41px;
font-size:15px;
line-height:15px;
font-family:Helvetica, Arial;
color:#000;
padding:14px 16px;
}
#bundle-tabs li a:hover, #bundle-tabs li.selected a {
background-position:0px 0px;
color:#fff; }
#bundle-tabs-screen {
display:block;
position:absolute;
top:10px; left:10px;
width:180px; height:246px;
z-index:50; }
#you-pick-bundles {
position:absolute;
top:21px; left:201px;
z-index:40;
}
.bundle-callouts {
visibility:hidden;
position:absolute;
top:0px; left:0px;
width:744px;
}
#you-pick-bundles div.first, #bundle-bgs li.first {
visibility:visible;
z-index: 30;
}
.bundle-callout {
float:left;
margin-right:9px;
width:238px; height:318px;
background:url(../images/you-pick-callout-bg-d.png);
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.bundle-callout h2 {
margin:0px;
padding:15px 15px 12px 15px;
font-family:Helvetica, Arial;
font-size:19px;
line-height:19px;
font-weight:normal;
color:#fff;
border-bottom:1px #232323 solid;
}
.bundle-callout div.features {
height:85px;
border-bottom:1px #232323 solid;
}
.bundle-callout div.features ul {
padding:16px 22px; margin:0px !important;
}
.bundle-callout div.features li {
color:#fff;
list-style-position:inside;
line-height:18px;
font-size:14px;
}
.bundle-callout div.details {
height:123px;
color:#ccc;
font-size:12px;
line-height:14px;
border-bottom:1px #232323 solid;
}
.bundle-callout div.details p {
padding:14px 17px 8px 17px;
}
.bundle-callout div.details strong {
font-weight:normal;
color:#fff;
}
.choose-this-package a {
display:block;
text-indent:-9999px;
width:218px; height:34px;
background:url(../images/you-pick-choose-package.png);
margin:8px 10px;
}
.choose-this-package a:hover{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}
.bundle-logos-block {
padding:20px 15px;
}
#bundle-calculator {
display:none;
position:absolute;
top:21px; left:201px;
z-index:40;
}
#bundle-calculator h2#personalize {
display:none;
position:absolute;
top:0px;
left:0px;
width:485px; height:60px;
margin:0;
background:url(../images/fi-component-bg.png);
/* -webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
/* border-bottom:1px #999 solid;*/
font-size:16px;
font-weight:normal;
/* text-align:center;*/
text-align:left;
/* font-style:italic;*/
color:#333;
}
#bundle-calculator h2#personalize span {
display:block;
padding:10px 45px 0px 47px;
line-height:20px;
background:url(../images/green-arrow.png) 15px 10px no-repeat;
}
.fi-component {
position:absolute;
top:0px; left:0px;
width:238px;
padding-bottom:8px;
background:url(../images/fi-component-bg.png);
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
#internet_package { top:1px; }
#phone_package { top:175px; }
#tv_package { top:1px; left:247px; }
.fi-component h2,
#enroll-now-box h2 {
cursor:pointer;
margin:0px 0px 14px 0px;
padding:17px 0px 12px 15px;
background:url(../images/fi-component-big-check.png) no-repeat 15px 14px;
font-size:21px;
line-height:18px;
color:#000;
font-weight:bold;
border-bottom:1px #bbb solid;
}
.fi-component h2 span,
#enroll-now-box h2 span { padding-left:30px; }
.fi-component h2:hover,
#enroll-now-box h2:hover { background-position: 15px -74px; }
.fi-component h2.selected,
#enroll-now-box h2.selected { background-position: 15px -30px; }
.fi-component h2.selected:hover,
#enroll-now-box h2.selected:hover { background-position: 15px -30px; }
.fi-component input { display:none; }
.fi-component label {
position:relative;
cursor:pointer;
display:block;
margin:13px;
padding:0px;
background:url(../images/fi-component-radio.png) no-repeat 6px -28px;
font-size:16px;
line-height:14px;
color:#333;
font-weight:bold;
}
.fi-component label span { padding-left:26px; }
.fi-component label:hover { background-position:6px -56px; }
.fi-component label.selected { background-position:6px 0px; }
.fi-component label.selected:hover { background-position:6px 0px; }
.fi-component a {
display:block;
margin:-11px 0px 13px 39px;
font-size:13px;
}
.fi-component .more-info {
display:none; }
#add-premium-channels {
position:relative;
border-top:1px #bbb solid;
padding:12px 0px; }
#add-premium-channels.disabled {
color:#999; }
#add-premium-channels.disabled a {
color:#999; }
#add-premium-channels .screen {
display:none;
position:absolute;
width:100%; height:100%;
top:0px; left:0px;
z-index:60; }
#add-premium-channels.disabled .screen {
display:block; }
#add-premium-channels h5,
#add-premium-channels p {
padding:0px 20px; }
#add-premium-channels h5 {
margin:0px;
font-size:16px; }
#add-premium-channels a.channel-list {
font-size:11px !important;
margin-bottom:0px; }
#add-premium-channels p a.channel-list {
margin-left:0px; }
#add-premium-channels ul {
padding:0px;
margin:0px !important; }
#add-premium-channels ul li {
float:left;
list-style:none;
padding:0px;
margin:0px; }
label.small-check { margin:7px 13px 0px; font-size:13px; }
#add-premium-channels ul li .channel-list { margin-top:1px; }
label.small-check span.name { font-size:13px; }
#add-premium-channels.disabled label { color:#999; }
label.small-check,
label.small-radio {
position:relative;
cursor:pointer;
display:block;
padding:0px;
background:url(../images/small-check.png) no-repeat 6px 0px;
line-height:15px;
color:#333;
font-weight:bold; }
label.small-check span,
label.small-radio span {
padding-left:26px; }
label.small-check:hover{
background-position:6px -30px !important; }
label.small-check.selected{
background-position:6px -60px !important; }
label.small-check.selected:hover {
background-position:6px -60px !important; }
.disabled label.small-check {
cursor:default !important;
background-position:6px 0px !important; }
label.small-radio {
cursor:pointer;
padding:0px;
background:url(../images/fi-component-radio.png) no-repeat 0px -28px;
line-height:15px;
color:#333;
font-weight:bold;
padding-left:20px; }
label.small-radio:hover {
background-position:0px -56px; }
label.small-radio.selected {
background-position:0px 0px; }
label.small-radio.selected:hover {
background-position:0px 0px; }
.fi-component label:hover { background-position:6px -56px; }
.fi-component label.selected { background-position:6px 0px; }
.fi-component label.selected:hover { background-position:6px 0px; }
#fi-tv-essential-channel-list {
margin-bottom:0px; }
.hd-check {
margin-bottom:15px; }
.hd-check label {
margin:0px 33px; }
.feature-tooltip {
text-align:left;
position:absolute;
top:200px; left:200px;
z-index:2999; }
.feature-tooltip .more-info-top {
width:266px;
background:url(../images/tooltip-top.png) no-repeat; }
.feature-tooltip .more-info-inner {
padding:10px 9px 10px 20px; }
.feature-tooltip .more-info-top h2 {
margin:0px 0px 14px 0px;
padding:16px 0px 10px 17px;
font-size:21px;
line-height:18px;
color:#000;
font-weight:bold; }
.feature-tooltip .more-info-top p {
padding:0px 17px; }
.feature-tooltip .more-info-bottom {
width:266px; height:15px;
line-height:15px;
background:url(../images/tooltip-bottom.png) no-repeat; }
#fi-tv h4#essential_choices {
padding:13px 16px 13px 16px;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
line-height:16px;
}
#fi-tv em.essential_choice {
display:block;
margin:-11px 0px 13px 46px;
}
#fi-tv em.essential_choice strong {
color:#333;
}
#you-pick-price {
position:absolute;
top:0px;
width:238px; height:163px;
background:url(../images/you-pick-price-bg-fine.png) no-repeat top left; }
#you-pick-price-holder.no-reset #you-pick-price {
background:url(../images/you-pick-price-bg-fine-no-reset.png) no-repeat top left; }
#you-pick-price-holder.no-reset #you-pick-price a {
display:none; }
#you-pick-price a {
display:block;
position:absolute;
top:130px; left:0px;
width:238px; height:33px;
background:url(../images/you-pick-reset-button.png) no-repeat top left;
text-indent:-9999px;
}
#you-pick-price a:hover {
background-position:0px -33px;
}
#you-pick-price a.disabled {
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
cursor:default;
}
#you-pick-price a.disabled:hover {
background-position:top left;
}
#you-pick-price-wrap {
position:absolute;
top:29px; left:0px;
height:62px; width:238px;
overflow:hidden; }
#you-pick-price .price {
display:block;
position:absolute;
top:20px; left:70px;
font-size:36px;
line-height:32px;
font-family:Helvetica, Arial;
font-weight:bold;
color:#fff;
}
#you-pick-price .currency {
display:block;
position:absolute;
top:49px; left:57px;
font-size:18px;
line-height:16px;
font-family:Helvetica, Arial;
font-weight:bold;
color:#fff;
}
#purchase-this-package {
display:block;
position:absolute;
top:171px; left:494px;
width:238px; height:45px;
background:url(../images/you-pick-purchase-button.png) no-repeat top left;
text-indent:-9999px;
}
#purchase-this-package:hover{
background-position:0px -45px;
}
#purchase-this-package.disabled {
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
cursor:default;
}
#purchase-this-package.disabled:hover {
background-position:top left;
}
/* asdfasdf */
#you-pick-phone-callout {
display:block;
position:absolute;
top:171px; left:494px;
width:238px; height:79px;
background:url(../images/you-pick-phone-callout.png) no-repeat top left;
text-indent:-9999px;
}
#you-pick-check-availability {
display:block;
position:absolute;
top:171px; left:494px;
width:238px; height:55px;
background:url(../images/you-pick-check-availability.png) no-repeat top left;
text-indent:-9999px;
}
#you-pick-check-availability:hover{
background-position:0px -55px;
}
#you-pick-check-availability.disabled {
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
cursor:default;
}
#you-pick-check-availability.disabled:hover {
background-position:top left;
}
#fi-enhancements {
position:absolute;
top:258px;
left:494px;
width:238px; min-height:193px;
background:url(../images/fi-component-bg.png);
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
#fi-enhancements h2 {
margin:0px 0px 12px 0px;
padding:17px 0px 12px 15px;
font-size:21px;
line-height:18px;
color:#000;
font-weight:bold;
border-bottom:1px #bbb solid;
}
#fi-enhancements ul li {
color:#333;
list-style:none;
margin:0 10px 5px 5px;
line-height:14px;
}
#fi-enhancements ul li strong {
margin:0;
font-size:13px;
}
.enh-small {font-size: 10px;}
/*thickbox channelguide stuff*/
#TB_window div.fourths div.col {
width:23.75%;
float:left;
margin-right:10px;
}
#TB_window div.fourths div.last {
margin-right:0;
float:right;
}
#TB_window div.channels div.item {
width:100%;
overflow:hidden;
border-bottom:1px solid #ccc;
padding:5px 0;
}
#TB_window div.channels div.item div.channel {
width:23%;
float:left;
text-align:right;
color:#686868;
}
#TB_window div.channels div.item div.name {
width:75%;
float:right;
color:#020202;
}
.channel-list-box {
display:none; }
.support-page h3 {
margin-bottom:6px !important;
font-size:15px;
color:#070707; }
.support-page h3.tagline {
margin-top:-10px;
font-size:18px;
font-style:italic;
font-weight:normal; }
.support-page h3 .tagline {
font-weight:normal;
font-style:italic; }
.support-page ul {
margin-left:24px !important; }
#fithon-wrap {
position:relative;
height:304px; width:944px; }
#fithon-wrap-inner {
position:absolute;
top:0px; left:0px;
z-index:1; }
#fithon {
height:304px;
width:944px;
overflow:hidden;
position:relative; }
#fithon .slide{display:none;}
label.check-availability-error {
color:#ae2623; }
div.faq-answer {color:#054AA7; }
div.faq-answer p {margin-top:0 !important;}
h3.faq-question {margin:0 !important;}
#bd div#changuidebox {
width:914px;
}
#bd div#changuidebox div#printlink {
float:right;
margin-top:5px;
}
/* myfi landing page */
#content-wrapper {
background-color: #ffffff;
/*opacity: .8;*/
margin: 0px auto;
width: 944px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height: 1742px;
}
#manage-channels, #manage-phone, #email, #online-bills {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #b4b4b4;
background: #ffffff url(images/section-tile-bg.png) repeat-x scroll center top;
text-align: left;
position: relative;
top: 5px;
}
#manage-channels {
height: 480px;
margin: 9px 5px 0px 5px;
}
#manage-phone {
height: 429px;
margin: 5px 5px 0px 5px;
}
#email {
height: 399px;
margin: 5px 5px 0px 5px;
}
#online-bills {
height: 400px;
margin: 5px 5px 5px 5px;
}
.col-one, .col-two {
float: left;
/*height: 350px;*/
}
/*.col-one {
background-color: #ff0000;
}
.col-two {
background-color: #00ff00;
}*/
#manage-channels .col-one {
width: 400px;
}
#manage-channels .col-two {
width: 520px;
}
#manage-channels .col-two img {
margin: 27px 0px 0px 39px ;
}
#manage-channels .col-one div {
margin: 38px 0px 0px 30px ;
}
#manage-phone .col-one {
width: 510px;
height: 429px;
}
#manage-phone .col-one img {
margin:31px 0 0 26px;
}
#manage-phone .col-two {
width: 410px;
}
#manage-phone .col-two div {
margin: 37px 0 0 11px;
}
#email .col-one {
width: 400px;
}
#email .col-two {
width: 520px;
/* for bg img */
}
#email .col-two img {
margin:29px 0 0 -70px;
}
#email .col-one div {
margin: 37px 0px 0px 30px ;
}
#online-bills .col-one {
width: 505px;
}
#online-bills .col-one img {
margin:9px 0 0 29px;
}
#online-bills .col-two {
width: 415px;
}
#online-bills .col-two div {
margin: 24px 0 0 16px;
}
#content-wrapper h2 {
font-size: 20px;
margin-bottom: 8px;
}
#content-wrapper h3 {
font-size: 14px;
margin: 25px 0px 10px 0px;
}
.img-right {
float: right;
}
.img-left {
float: left;
margin-right: 20px;
}
/* Business Splash Page */
div#business_splash_callouts {
background:#fff;
padding:0 5px;
line-height:0;
}
div#business_splash_callouts div.yui-gb {
width:934px;
}
div#business_splash_callouts div.yui-gb div.yui-u {
width:308px;
margin-left:5px;
}
div#business_splash_callouts div.yui-gb div.first {
margin-left:0;
}
div#business_splash_topper {
background:#fff url(../images/business_splash_topper.png) 0 0 no-repeat;
height:5px;
margin:12px 0 0;
}
div#business_splash_bottom {
background:#fff url(../images/business_splash_bottom.png) 0 100% no-repeat;
height:5px;
}
#hero-form {
width: 237px;
height: 190px;
background: transparent url(/media/images/hero-login-bg.png) no-repeat scroll center top;
margin-bottom:5px;
text-align: left;
color: #ffffff;
position: relative;
}
#right-items {
margin: 16px 13px 0px 0px;
position: absolute;
left: 695px;
}
#hero-form li {
list-style: none;
margin-bottom: 13px;
}
#hero-form ul {
margin-left: 1.4em;
}
#hero-form h1 {
margin: 0px auto;
position: relative;
top: 11px;
left: 17px;
color: #ffffff;
text-transform: none;
}
#hero-form form {
position: relative;
top: 20px;
}
#hero-form input[type="text"], #hero-form input[type="password"] {
width: 17em;
}
#hero-form .buttons {
margin-left: 17px;
}
#hero-form .buttons a {
color: #ffffff;
text-decoration: none;
}
#hero-form .buttons button {
float: right;
margin-right: 15px;
background: #262626 url(/media/images/hero-login-button.png) repeat-x scroll 0 0;
border: medium none;
text-indent: 1000px;
height: 20px;
width: 47px;
}
#about-myfi-box-one {
margin: 35px 50px 0px 50px;
}
#about-myfi-box-one p {
font-size: 20px;
font-weight: bold;
color: #333333;
line-height: 25px;
}
#about-myfi-box-one img {
margin: 10px 5px 0 0 ;
}
#ambt-a {
float:left;
width:200px;
margin: 35px 0 0 50px;
}
#ambt-b {
float:left;
width:300px;
margin: 35px 0 0 30px;
}
#ambt-a h1 {
font-size: 20px;
font-weight: bold;
text-transform: none;
line-height: 25px;
letter-spacing: 0em;
}
#ambt-form h2 {
color: #333333;
font-size: 14px;
margin-top: 17px;
}
#ambt-form li {
list-style: none;
}
#ambt-form ul {
margin: 0 auto;
}
#ambt-form input {
width: 16.25em;
}
#ambt-form label {
margin: 15px 0 5px 0;
}
#ambt-form .buttons button {
background:url("/media/images/hero-login-button.png") repeat-x scroll 0 0 transparent;
border:medium none;
float:right;
height:20px;
margin-top:15px;
text-indent:-1000px;
width:47px;
overflow: hidden;
}
#ambt-form {
border-top: 1px solid #cdcdcd;
}
/******
ENROLL NOW
***/
#enroll-now-box, #enroll-now-backdrop {
z-index:6000; }
#enroll-now-box {
position:absolute;
top:102px; left:50%;
margin-left:-473px;
width:946px; height:683px;
text-align:left;
background:#fff url(../images/enroll-now-gradient.png) repeat-x left bottom;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px; }
#enroll-now-box .header {
position:absolute;
top:0px; left:0px;
height:70px; width:100%;
border-bottom:1px #cacaca solid;
z-index:3000; }
#enroll-now-box .header .elect-container {
position:absolute;
top:16px; left:15px;
z-index:3000; }
#enroll-now-box .header .elect-element {
position:absolute;
top:0px; left:0px;
width:249px; height:40px;
text-align:left;
color:#fff;
font-weight:bold;
text-indent:20px;
cursor:pointer;
border-radius:3px;
-webkit-border-radius:13px;
-moz-border-radius:3px;
overflow:hidden; }
#enroll-now-box .header .elect-options {
position:absolute;
overflow:hidden;
margin:0px;
top:38px;
box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; }
#enroll-now-box .header .elect-option {
text-align:left;
padding-left:0px;
text-indent:20px;
height:40px; }
#enroll-now-box .header .elect-options li.hover,
#enroll-now-box .header .elect-options li:hover {
background-position:0px -40px; }
#enroll-now-box .header .elect-options li.selected {
display:none; }
#enroll-now-box .header .cancel-or-apply {
position:absolute;
top:16px; right:15px;
padding-right:139px;
line-height:44px;
font-weight:bold; }
#enroll-now-box .header .cancel-or-apply .apply {
display:block;
position:absolute;
top:0px; right:0px;
text-indent:-9999px;
width:132px; height:40px;
background:url(../images/btn-apply-selections.png) no-repeat; }
#enroll-now-box .inner {
position:absolute;
top:71px; left:0px;
width:946px; height:613px; }
#enroll-now-box .grouping_bar {
width:916px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin:10px 15px; }
#enroll-now-box .grouping_bar a {
text-transform:uppercase; }
#enroll-now-box h3.encore {
margin-bottom:0px;
font-size:21px;
width:400px;
clear:both; }
#enroll-now-box p.encore-description {
margin-bottom:0px; }
#enroll-now-box .disabled h3.encore,
#enroll-now-box .disabled p {
color:#999; }
#enroll-now-box .channel-group {
margin-bottom:15px; }
#enroll-now-box h2 {
text-align:left;
height:40px;
width:50%;
margin:0px -3px 0px -15px;
padding:16px 0px 0px;
border:none;
clear:both; }
#enroll-now-box h2 span {
padding-left:53px; }
#enroll-now-box div.channels {
position:relative;
overflow-y:auto;
height:544px; }
#enroll-now-box .channels {
width:916px;
margin:0px 16px; }
#enroll-now-box .fourths .col {
float:left;
margin-left:2%;
width:23.5%; }
#enroll-now-box .fourths .col.first {
margin-left:0px; }
#enroll-now-box .channels .item {
border-bottom:none;
background:url(../images/channel-guide-split.png) repeat-x bottom left;
text-align:left; }
#enroll-now-box .channels .item .channel {
color:#cecece;
word-wrap:break-word;
width:27px; }
#enroll-now-box .channels .item .name {
color:#ccc;
width:175px; }
#fi-tv-listing.basic .basic .name,
#fi-tv-listing.expanded .expanded .name,
#fi-tv-listing.essential .essential .name {
color:#000; }
#fi-tv-listing.basic .basic .channel,
#fi-tv-listing.expanded .expanded .channel,
#fi-tv-listing.essential .essential .channel {
color:#686868; }
#enroll-now-box .screen {
display:none;
position:absolute;
top:0px; left:0px;
height:100%; width:100%;
z-index:10000; }
#enroll-now-box .disabled-message {
display:none;
text-align:left;
padding:0px 50px;
line-height:46px;
font-size:14px;
font-weight:bold;
background:#fff8b7 url(../images/enroll-now-caution.png) no-repeat 14px 11px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px; }
#enroll-now-box .disabled .disabled-message {
display:block; }
#enroll-now-box .disabled .screen {
display:block; }
#enroll-now-box #hd-channels .item .name,
#enroll-now-box #premium-channels .item .name {
color:#222; }
#enroll-now-box .disabled .item .name,
#enroll-now-box .disabled .item .channel,
#enroll-now-box .hd-off .item .name,
#enroll-now-box .hd-off .item .channel,
#enroll-now-box .disabled h2 {
color:#999 !important; }
#you-pick-price-holder {
position:absolute;
top:0px; left:494px; }
#enroll-now-action,
.enroll-footer .complete {
display:block;
position:absolute;
top:168px; left:0px;
width:238px; height:41px;
background:url(../images/btn-check-availability.png) no-repeat;
text-indent:-99999px; }
#you-pick-price-holder.no-reset #enroll-now-action {
top:136px; }
#enroll-now-action.complete-order,
.enroll-footer .complete {
background-image:url(../images/btn-complete-order.png); }
#enroll-now-action.print-this-page {
background-image:url(../images/btn-print-this-page.png); }
#enroll-now-action.available {
background-image:url(../images/btn-continue-with-order.png) !important; }
#enroll-now-action:hover,
.enroll-footer .complete:hover {
background-position:0px -41px; }
#enroll-now-action.disabled {
opacity:0.75;
filter:alpha(opacity=75);
cursor:default; }
#enroll-now-action.disabled:hover {
background-position:0px 0px !important; }
#bundle-calculator .recommended {
display:block;
margin:-6px 0px 0px 39px;}
#enroll-now-container #print-logo,
#enroll-now-container #print-price {
display:none; }
#enroll-now-container {
position:absolute;
top:21px; left:202px;
display:none;
width:485px;
z-index:600; }
#enroll-now-container .enroll-message {
margin-bottom:4px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#e6e6e7; }
#enroll-now-container .enroll-message {
padding:15px 18px 15px 76px; }
#enroll-now-container .enroll-message.available {
background:#e6e3a6 url(../images/icn-enroll-available.png) no-repeat 18px 18px; }
#enroll-now-container .enroll-message.unavailable {
background:#e6e3a6 url(../images/icn-enroll-unavailable.png) no-repeat 18px 21px; }
#enroll-now-container .enroll-message.errors {
background:#ffb7b7 url(../images/icn-enroll-error.png) no-repeat 18px 14px; }
#processing-order {
display:none;
/* text-indent:120px;*/
text-align:center;
padding:40px 0px !important; }
#enroll-form-error {
display:none; }
#enroll-now-container .enroll-message h3,
#enroll-now-container .enroll-message p {
margin:0px; }
#enroll-now-container .check-availability,
#enroll-now-container .notify-form {
margin-bottom:4px; }
#enroll-now-container .check-availability label,
#enroll-now-container .notify-form label {
display:block;
width:100%;
font-weight:bold; }
#enroll-now-container .check-availability table {
width:320px; }
#enroll-now-container .check-availability td.go-button {
width:37px; }
#enroll-now-container .check-availability .spinner,
#enroll-now-container .notify-form .spinner,
#subscribe_form .spinner {
display:block;
margin-top:12px;
opacity:0;
filter:alpha(opacity=0); }
#enroll-now-container .check-availability td.zip-code {
width:67px; }
#enroll-now-container .notify-form td.email-go input,
#subscribe_form table td.email-go input {
display:inline-block;
*display:inline;
width:84%; }
#enroll-now-container input.go-button,
#subscribe_form input.go-button {
width:37px !important; height:21px;
margin-top:-2px;
border:none; }
#subscribe_form input.go-button {
float: right;
*float: none; }
#enroll-now-container .check-availability h5,
#enroll-now-container .notify-form h5 {
margin-bottom:12px; }
#enroll-now-container .section {
position:relative;
padding:18px;
background:#e6e6e7;
border-top:1px #8a8a8a solid;
overflow:hidden; }
#enroll-now-container .section h2 {
font-size:21px;
margin:0px 0px 12px 0px;
line-height:1em; }
#enroll-now-container .section.first {
border:none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
#enroll-form #enroll-tv p {
margin-bottom:6px; }
#enroll-form #enroll-tv h5 {
font-size:14px;
line-height:14px;
color:#333;
margin:8px 0px 4px; }
#enroll-form .dvr-option-box {
display:none;
padding:6px 8px;
margin:-6px -9px 0px;
background:#fff8b0;
border:1px #dcd698 solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; }
#enroll-form .dvr-yes-no {
margin-bottom:16px; }
#enroll-form .dvr-yes-no label {
display:inline;
margin-right:10px; }
#enroll-now-container table,
#subscribe_form table {
border-collapse:collapse;
border-spacing:0px;
width:102%;
margin-left:-5px; }
#enroll-now-container table td,
#subscribe_form table td {
background:transparent !important;
border:none !important;
margin:0px;
padding:5px !important; }
#enroll-now-container table td.error label,
#enroll-now-container label.error {
color:#f00; }
#enroll-form div.error input {
background: #ffb7b7; }
#enroll-now-container table td.zip { width:63px; }
#enroll-now-container table td.state { width:145px; }
#enroll-now-container table td input,
#subscribe_form table td input,
#id_caller_id,
#id_other_carrier,
#enroll-password input,
#id_referred_other,
#id_current_number {
display:block;
width:100%;
text-indent:5px;
border:1px #999 solid;
font-size:12px;
line-height:12px;
padding:1px 0px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px; }
#enroll-now-container table td select {
width:100%; }
#enroll-form #email-address-list {
width:100%;
padding:0px; margin:16px 0px 0px;
overflow:hidden; }
a#edit-email-address-list {
display:block;
margin-top:4px;
text-align:right; }
a.btn-add-email {
display:block;
width:20px; height:20px;
background:url(../images/btn-add-email.png) no-repeat;
text-indent:-99999px; }
#enroll-form h6 {
color:#333333;
font-size:11px; }
#enroll-form #email-address-list li {
padding:15px;
border:1px #ccc solid;
border-top:none;
background:#fff;
list-style:none;
font-size:13px;
font-weight:bold;
line-height:11px; }
#enroll-form #email-address-list li.highlight { background:#fff8b0; }
#enroll-form #email-address-list li.empty {
background:transparent;
border-top:1px #ccc solid;
font-style:italic;
font-weight:normal; }
#enroll-form #email-address-list li.primary {
background-image:url(../images/primary-email-address.png);
background-repeat:no-repeat;
background-position:right center; }
#enroll-form #email-address-list li.last {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
#enroll-form #email-address-list li.first {
border-top:1px #ccc solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
#phone-number-choice .keep,
#phone-number-choice .new {
margin-bottom:12px; }
#phone-number-choice .keep {
margin-bottom:12px; }
#phone-number-choice .keep h5 {
margin-top:8px;
margin-bottom:0px; }
#phone-number-choice p {
margin:8px 0 0 20px; }
#phone-number-choice p label {
margin-left:0px; }
#phone-number-choice .keep select,
#phone-number-choice .keep input {
width:200px;
margin-top:0px; }
#phone-number-choice .keep select {
margin-right:8px; }
#phone-number-choice label {
display:inline; }
#phone-number-choice label.extra {
color:#333;
display:block;
margin-left:20px; }
#enroll-form .voicemail-option {
margin:18px 0px;
padding-left:20px; }
#enroll-form .voicemail-option label.small-check {
margin-left:-26px; }
#enroll-form .additional-lines {
margin:18px 0px; }
#enroll-form .additional-lines h5,
#enroll-form .additional-lines select {
margin:0px; }
#enroll-form .additional-lines p {
margin-top:4px; }
#enroll-form .number-publish {}
#enroll-form .number-publish h5 {
margin-bottom:8px; }
#enroll-form .number-publish ul {
margin:0px !important; padding:0px; }
#enroll-form .number-publish li {
margin:0px; padding:0px;
list-style:none; }
#enroll-form .number-publish p {
padding-left:20px; }
#enroll-form #id_caller_id,
#enroll-form #id_current_number {
width:219px; }
#enroll-form #id_other_carrier {
display:none; }
#enroll-form .voicemail-option input {
display:none; }
#enroll-form #enroll-password p {
margin-bottom:8px;
margin-top:20px; }
#id_security_password, #id_referred_other {
width:219px; }
#id_referred_other {
*display:inline;
display:inline-block; }
#enroll-now-container .section.last {
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
#enroll-form input.radio,
#enroll-form .additional-packages li input {
display:none; }
#enroll-form .tv-upgrade-link {
display:none;
position:absolute;
top:21px; right:15px;
font-size:12px; }
#enroll-form #enroll-tv.disabled .tv-upgrade-link {
display:block; }
#enroll-form .tv-screen {
display:none;
position:absolute;
top:46px; left:0px;
height:100%; width:100%;
z-index:60; }
#enroll-form #enroll-tv.disabled .tv-screen {
display:block; }
#enroll-form #enroll-tv.disabled p,
#enroll-form #enroll-tv.disabled label,
#enroll-form #enroll-tv.disabled h5,
#enroll-form #enroll-tv.disabled .add-channel-list {
color:#999; }
#enroll-form #enroll-tv.disabled select {
opacity:0.4;
filter:alpha(opacity=40); }
#enroll-form .dvr-yes-no label.radio {
display:inline; }
#enroll-form .additional-packages {
margin:0px 0px 0px -5px !important;
height:60px;
clear:both; }
#fi-tv-plus-counter { padding-left:0px; }
#enroll-form .additional-packages li {
float:left;
margin:0px; padding:0px 10px 0px 0px;
list-style:none; }
#enroll-form .additional-packages li label {
margin-left:0px;
padding-left:26px;
line-height:17px; }
#enroll-form .additional-packages li a.add-channel-list {
display:block;
margin-left:26px;
font-size:11px;
font-weight:normal; }
.more-info-inner ul {
padding:0px 5px; margin:0px; }
.more-info-inner li {
list-style:none;
padding:3px 15px;
border-bottom:none;
background:url(../images/channel-guide-split.png) repeat-x bottom left; }
#enroll-form .additional-packages li .more-info {
display:none; }
#enroll-form .enroll-footer {
position:relative;
height:73px; width:auto; }
#enroll-form .complete {
display:block;
position:absolute;
left:247px; top:15px; }
#enroll-form .enroll-footer .footnote {
position:absolute;
left:3px; top:15px;
line-height:41px;
color:#666;
font-size:12px; }
#enroll-form h2#package-header {
margin-bottom: 0; }
#enroll-form #enroll-complete li {
color: #333;
list-style: none;
font-weight: bold; }
#enroll-address h2 {
margin-bottom:0px !important; }
#enroll-address h3 {
margin:2px 0px 12px; }
body.server-error div.main_content {
background:url(../images/fourohfour_fivehundred_bg.jpg) 0 0 no-repeat;
height:350px;
color:#fff;
}
body.server-error div.main_content div.description {
padding:100px 40px 0 376px;
}
body.page-not-found div.main_content div.description {
padding-top:120px;
}
body.server-error div.main_content h3 {
color:#fff;
font-size:23px;
line-height:30px;
margin:0 0 8px;
font-weight:normal;
}
body.page-not-found div.main_content h3 {
font-size:29px;
line-height:36px;
margin-bottom:16px;
}
body.server-error div.main_content h4 {
font-size:16px;
}
body.server-error div#bd div#main_top {
margin-bottom:10px;
}