/*==========================================================
//
//		Title:		Main stylesheet for Aussie Broadband
//		Author:		justin.morris@august.com.au
//
==========================================================*/

@import url(reset.css);
@import url(grid.css);

/* ====================[ HEADERS ]==================== */
h1{}
h1, h2, h3, h4, h5, h6{ font-family: "Myriad", Arial, "MS Trebuchet", sans-serif; }
h2{
    /* Main heading for content on a page */
    text-transform: uppercase;
    font: normal normal 400 18px/1.5em "Myriad", Arial, "MS Trebuchet", sans-serif;
    color: #012f71;
    margin-bottom: 5px;
}
    h2 span{
        /* Multi-colored! Weeeeee! */
        color: #409dd2;
        font-weight: 500;
    }
h3{
    /* Second level content heading */
    font: normal normal bold 16px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
    color: #012f71;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 5px;
}
    #sidebar h3{
        font: normal normal normal 16px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
        color: #012c44;
        background: url('../img/sidebar_menu_toplevel_open.png') no-repeat right 8px;
        padding: 4px 0 8px 0;
        border-bottom: 1px dotted #409dd2;
        margin: 0px;
        text-transform: none;
    }
h4{
    font: normal normal 400 16px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
    color: #409dd2;
    text-transform: uppercase;
}
h5{
    /* sidebar header */
    color: #409dd2;
    font-weight: bold;
}
h6{
    /* Headings in the footer */
    font: normal normal bold 12px/1.0em "Myriad", Arial, "MS Trebuchet", sans-serif;
    color: #4c4b4b;
    text-transform: uppercase;
    
}


/* ====================[ GENERIC ]==================== */
hr{
    color: #a59995;
    background-color: #a59995;
    height: 1px;
    border: none;
    margin: 20px 0;
}
#content ul{
    margin-bottom: 25px;
    list-style: disc outside none;
    padding-left: 15px;
}
#content ol.letter{
    list-style: lower-alpha outside none;
    padding-left: 15px;
}
#content ol.numeric{
    list-style: decimal outside none;
    padding-left: 20px;
    line-height:1.5;
}
    #content ol.numeric li{
        padding-bottom: 10px;
    }
#content ul.no-bullets{
    padding-left: 0px;
    list-style: none outside none;		
}
    #content ul li{
        margin: 0px;
        padding: 0 0 0 4px;
        line-height: 1.5;
    }
    #content ul.no-bullets li{
        padding: 0px;
    }
    
.grid_3 *.widthfix{
    padding-right: 50px;
}

/* Basic sidebar list styling */
#sidebar ul.arrows{
    padding-left: 4px;
}
#content ul.arrows{
    padding-left: 0px;
}
    #content ul.arrows li, #main #sidebar ul.arrows li{
        margin: 0px;
        color: #a59995;
        list-style: none outside none;
        padding-left: 10px;
        background: transparent url(../img/arrow_link.png) no-repeat left 8px;
        line-height: 16px;
        padding: 5px 0 5px 10px;
    }
    #main #sidebar ul.arrows li{
        padding: 3px 0 3px 10px;
    }
        #main #sidebar ul.arrows a{
            font-size: 11px;
            line-height: 14px;
        }
        #main #content ul.arrows a,
        #main #sidebar ul.arrows a{
            border-bottom: none;
            color: #a59995;
            text-decoration: none;
        }
        #main #content ul.arrows a:hover,
        #main #sidebar ul.arrows a:hover{
            color: #2c2c2c;
            text-decoration: underline;
        }

/* Definition lists */
dl{
    margin-bottom:25px;
}
    dl dt{
        float: left;
        clear: left;
        font-weight: bold;
        display: block;
        width: 150px;
    }
    dl dd{
        padding-left: 150px;
    }
dl.terms{}
    dl.terms dt, dl.terms dd{ margin-bottom: 0px; }
    dl.terms dt{
        display: inline;
        float: none;
        font-weight: normal;
        font-style: italic;
    }
    dl.terms dd{
        padding-left: 0px;
        margin-bottom: 15px;
    }
/* Fancy lists */
#content ul.numbers, #content ul.numerals, #content ul.letters{
    padding-left: 22px;
}
#content ul.numbers{
    list-style-type: decimal;
}
#content ul.numerals{
    list-style-type: lower-roman;
}
#content ul.letters{
    list-style-type: upper-alpha;
}

/* ====================[ STYLE ]==================== */
body {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 62.5%;
    line-height: 2;
}
.widthwrap{ width: 990px; margin: 0 auto; }

/* Back to top links - caps the bottom of pages... */
.back-to-top{
    clear: both;
    width: 100%;
    height: 30px;
    background: transparent url('../img/cols_backer.png') no-repeat bottom right;
}
    .back-to-top a{
        float: right;
        margin-right: 210px; /* Width of sidebar + a bit extra room to breathe */
        color: #409dd2;
        padding-left: 11px;
        text-decoration: none;
        background: transparent url('../img/back_to_top_arrow.png') no-repeat center left;
    }

#wrapper{
    background: transparent url('../img/main_col_backer.png') no-repeat top center;
    padding-top: 34px;
}
body.withmasthead #wrapper, body#home #wrapper{
    padding-top: 0px;
}

#header{
    height: 118px;
    border-bottom: 1px solid #409dd2;
    margin-bottom: 4px;
}
    #header h1 {
        width: 252px;
        height: 118px;
        float: left;
        background: url('../img/h1.png') no-repeat;
    }
        #header h1  a {
            display: block;
            width: 252px;
            height: 0;
            padding-top: 118px;
            text-indent: -2000px;
            overflow: hidden;
            background: url('../img/h1.png') no-repeat;
        }
    div#head-content{
        height: 123px;
    }
        div#searchbox{
            margin-top: 25px;
            height: 48px;
            width: 196px;
            float: right;
            clear: none;
            border-right: 1px solid #409DD2;
        }
            #searchbox form{
                padding: 0px;
            }
            div#searchbox label{
                display: none;
            }
            div#searchbox .button, li#searchbox .input-wrapper{ float: right; }
            div#searchbox .button{
                margin: 0px;
                display: block;
            }
            div#searchbox .input-wrapper{
                display: block;
                height: 27px;
            }
                div#searchbox .input-wrapper .text{
                    padding: 6px 5px;
                    width: 150px;
                    line-height: 25px;
                    display: block;
                    font-size: 10px;
                    line-height: 13px; /* Needed for settings the height in Safari */
                    color: #979797;
                    border: 1px solid #409DD2;
                    border-right: none;
                }
        
        /* Main navigation styling */
        ul#navigation {
            float: right;
            clear: right;
            border-right: 1px solid #409DD2;
            padding-right: 6px;
        }
            ul#navigation li{
                float: left;
                position: relative;
            }
                ul#navigation li{
                    clear: right;
                }
                ul#navigation li a{
                    display: block;
                    padding: 3px 17px 15px 17px;
                    text-decoration: none;
                    font-size: 14px;
                    font-weight: 300;
                    font-family: "Myriad", Arial, "MS Trebuchet", sans-serif;
                    color: #388dbd;
                    position: relative;
                    background: transparent url('../img/navigation_backer_line.png') no-repeat bottom left;
                }
                #header ul#navigation li.no-backer a{ background: none; }
                
                ul#navigation li.active a{ color: #012C44; }
                ul#navigation li.active a span{ display: none; }
                ul#navigation li a:hover,
                ul#navigation li:hover a,
                ul#navigation li.hover a{
                    border: none;
                    background: #fff url('../img/navigation_rollover_left.png') no-repeat bottom left;
                }
                    ul#navigation li a:hover span,
                    ul#navigation li:hover a span,
                    ul#navigation li.hover a span{
                        background: #fff url('../img/navigation_rollover_right.png') no-repeat top right;
                        display: block;
                        position: absolute;
                        bottom: 0px;
                        right: 0px;
                        width: 8px;
                        height: 44px;
                    }
                ul#navigation li ul.sub{
                    display: none;
                    position: absolute;
                    background: transparent url('../img/dropdown_bottom.png') no-repeat bottom left;
                    z-index: 1003;
                    top: 46px;
                    left: 0px;
                    width: 194px;
                    padding-bottom: 8px;
                }
                ul#navigation li ul.sub.swingin {
                    left: auto;
                    right: 0;
                    text-align: right;
                }
                ul#navigation li:hover ul.sub,
                ul#navigation li.hover ul.sub{
                    display: block;
                }
                    ul#navigation li ul.sub li{
                        padding: 0 6px;
                        border: none;
                        background-color: #ebf8fe;
                        border-left: 1px solid #409dd2;
                        border-right: 1px solid #409dd2;
                        text-decoration: none;
                        font-size: 11px;
                        font-weight: 300;
                        width: 180px;
                    }
                        body ul#navigation li ul.sub li a{
                            background: none;
                            display: block;
                            font-size: 11px;
                            padding: 6px;
                            border: none;
                            border-bottom: 1px dotted #409dd2;
                            color: #409dd2;
                        }
                        body ul#navigation li ul.sub li.last a{
                            border: none;
                        }
                        body ul#navigation li ul.sub li a:hover{
                            background: #cbedff url(../img/dropdown_active.png) repeat-x;
                        }
    /* Breadcrumbs */
    #breadcrumbs{
        position: relative;
        float: left;
        padding-top: 2px;
        padding-left: 9px;
    }
        #breadcrumbs li{
            float: left;
            padding-right: 3px;
            color: #70b6dd;
        }
            #breadcrumbs li a{
                color: #70b6dd;
                text-decoration: none;
            }
            #breadcrumbs li a:hover{
                color: #3196CC;
            }
    /* Mastheads */				
    #masthead{
        padding-top: 2px;
        background: transparent url('../img/header_border.png') no-repeat top center;
    }
        #masthead .widthwrap{ position: relative; }
        #masthead #meta{
            right: 6px;
            position: absolute;
            z-index: 1002;  /* Position above flashpanel */
        }
            #meta ul,
            #meta .menu-wrapper{
                float: left;
            }
            #meta .menu-wrapper{
                position: relative;
                overflow: hidden;
            }
            #meta ul.account, #account-dropdown{ margin: 0 7px; background-color: #409DD2; }
            #account-dropdown{
                padding: 0 10px;
                clear: both;
            }
                #account-dropdown form{
                    display: none;
                }
                    #account-dropdown form p{
                        padding: 5px 0 5px 0;
                    }
            #meta ul.support{}
                #meta li{
                    float: left;
                    background-color: #409dd2;
                    padding:0 10px;
                    font-size: 12px;
                    font-family: "Myriad", Arial, "MS Trebuchet", sans-serif;
                    position: relative;
                }
                    #meta .account li a{
                        color: #77c4f0;
                        padding-right: 12px;
                        line-height: 20px;
                        height: 24px;
                        display: block;
                        background: transparent url('../img/menu_arr_inactive.png') no-repeat right 7px;
                    }
                    #meta .account li a:hover,
                    #meta .account li.active a{
                        color: #012c44;
                        text-decoration: none;
                        background-image: url('../img/menu_arr_active.png');
                    }
                
                #meta .left-cap, #meta .right-cap{
                    width: 7px;
                    height: 250px;
                    background: transparent url('../img/header_tab_blue.png') no-repeat left bottom;
                    padding: 0px;
                    position: absolute;
                    bottom: 0px;
                }
                #meta .left-cap{
                    background-position: left bottom;
                    left: 0px;
                }
                #meta .right-cap{
                    background-position: right bottom;
                    right: 0px;
                }
                
                
                #meta li.sales-support{
                    display: block;
                    width: 192px;
                    text-align: center;
                    padding: 0px;
                    margin-left: 10px;
                    background: transparent url('../img/header_tab_green.png') no-repeat left top;
                }
                    #meta li.sales-support a{ color: #0d3400; }
                    #meta li.sales-support a:hover{ color: #061A00; }
                    #meta li a{
                        text-decoration: none;
                    }
                    #meta li form{
                        display: none;
                    }
                        #meta li form fieldset{}
                    #meta #account-dropdown form{
                        padding: 10px 0px;
                    }
                        #account-dropdown form .username, #account-dropdown form .password, #account-dropdown form .email{
                            padding: 0px;
                            margin: 0px;
                            border: 1px solid #277aaa;
                            height: 16px;
                            line-height: 16px;
                        }
                        #account-dropdown form .username{
                            background: #fff url('../img/input_backer_username.png') no-repeat left top;
                            width: 129px;
                        }
                        #account-dropdown form .email{
                            background: #fff url('../img/input_backer_email.png') no-repeat left top;
                            width: 129px;
                        }
                        #account-dropdown form .password{
                            background: #fff url('../img/input_backer_password.png') no-repeat left top;
                            width: 106px;
                        }
                        #account-dropdown form .username.focus,
                        #account-dropdown form .password.focus,
                        #account-dropdown form .email.focus,
                        #account-dropdown form .username.has-value,
                        #account-dropdown form .password.has-value,
                        #account-dropdown form .email.has-value{
                            background-image: none;
                        }
                        #account-dropdown form .submit{
                            width: 40px;
                            height: 18px;
                            border: 0px;
                            margin: 0px;
                            padding: 0px;
                            cursor: pointer;
                            display: block;
                            float: right;
                        }
                        #account-dropdown form ul li{ padding-left: 0px; height: 16px; line-height: 16px; }
                        #account-dropdown form ul li.password{ border-right: 1px solid #fff; margin-right: 10px; }
                        #account-dropdown form ul li.register{ padding: 0px; }
                            #account-dropdown form ul li a{
                                color: #fff;
                                font-size: 11px;
                            }
                            
                    #meta li.sales-support a{
                        color: #0d3400;
                    }
                    #meta li a:hover {
                        text-decoration: underline;
                    }
        #masthead #flashholder{
            height: 364px;
            width: 100%;
            position: relative;
        }
            #flashholder div{
                position: absolute;
                width: 100%;
                z-index: 1001;
            }
        #masthead #banner{
            height: 200px;
            width: 100%;
            background: transparent url('../img/banner_about.jpg') no-repeat top center;
        }
        
        /* Banners for categories of main site... */
        body#about #masthead #banner{ background: transparent url('../img/banner_about.jpg') no-repeat top center; }
        body#wimax #masthead #banner{ background: transparent url('../img/ABB02628_FixedWireless_final.jpg') no-repeat top center; }
        body#mobile #masthead #banner{ background: transparent url('../img/ABB02628_FixedWireless_final.jpg') no-repeat top center; }
/*		body#adsl #masthead #banner{ background: transparent url('../img/banner_about.jpg') no-repeat top center; }*/
/*		body#adsl2 #masthead #banner{ background: transparent url('../img/banner_adsl2.jpg') no-repeat top center; }*/
        body#phone #masthead #banner{ background: transparent url('../img/ABB02628_Homephone_final.jpg') no-repeat top center; }
        body#satellite #masthead #banner{ background: transparent url('../img/banner_about.jpg') no-repeat top center; }

        body#phone.x-voip #masthead #banner{ background: transparent url('../img/banner_phone.jpg') no-repeat top center; }

        /* Custom banners for specific sub-directories */
        body#phone.x-home-phone #masthead #banner{ background: transparent url('../img/ABB02628_Homephone_final.jpg') no-repeat top center; }
        body#wireless.x-fixed #masthead #banner{ background: transparent url('../img/ABB02628_FixedWireless_final.jpg') no-repeat top center; }
        
        body#support #masthead #banner{ background: transparent url('../img/ABB02628_support_final.jpg') no-repeat top center; }
        body#support.x-outages #masthead #banner{ background: transparent url('../img/ABB02628_Serviceissues_final.jpg') no-repeat top center; }

        /* Promo banners - override the above... */
/*		body#adsl #masthead #banner{ background: transparent url('../img/banner_adsl_promo_09.09.jpg') no-repeat top center; }*/
/*		body#adsl2 #masthead #banner{ background: transparent url('../img/banner_adsl2_promo_09.09.jpg') no-repeat top center; }*/

        /* Banners for account pages */
        #masthead #banner.account.banner-1{ background: transparent url('../img/account/banner_01.jpg') no-repeat top center; }
        #masthead #banner.account.banner-2{ background: transparent url('../img/account/banner_02.jpg') no-repeat top center; }
        #masthead #banner.account.banner-3{ background: transparent url('../img/account/banner_03.jpg') no-repeat top center; }
        #masthead #banner.account.banner-4{ background: transparent url('../img/account/banner_04.jpg') no-repeat top center; }
        #masthead #banner.account.banner-5{ background: transparent url('../img/account/banner_05.jpg') no-repeat top center; }
        #masthead #banner.account.banner-6{ background: transparent url('../img/account/banner_06.jpg') no-repeat top center; }
        #masthead #banner.account.banner-7{ background: transparent url('../img/account/banner_07.jpg') no-repeat top center; }
        #masthead #banner.account.banner-8{ background: transparent url('../img/account/banner_08.jpg') no-repeat top center; }
        
    #main{
        font-size: 13px;
        line-height: 1.5;
        background: transparent url('../img/wrapper_backer.png') repeat-y center 50px;
        position: relative;
        z-index: 1001; /* Position above flashpanel */
        clear: both;
    }
        #main #sidebar{
            float: right;
            margin-right: 6px;
            width: 192px;
            background: #fff url('../img/sidebar_top.png') no-repeat top left;
        }
        body.withmasthead #main #sidebar{
            background: transparent url('../img/sidebar_top.png') no-repeat top left;
            margin-top: -165px;
            min-height: 300px;
        }
        body#home.withmasthead #main #sidebar{
            margin-top: -42px;
            min-height: 300px;
        }
            #sidebar ul{
                margin-bottom: 35px;
            }
            #sidebar #quick-links ul{
                margin-bottom: 0px;
            }
                #sidebar ul li{ margin: 0px; padding: 0px; }
                    #sidebar ul li a{
                        font-size: 16px;
                        color: #409dd2;
                        text-decoration: none;
                        display: block;
                        padding: 0 0 0 4px;
                        border-bottom: 1px dotted #409dd2;
                    }
                    #sidebar ul li a.submenu.open{ background: transparent url('../img/sidebar_menu_large_open.png') no-repeat center right; }
                    #sidebar ul li a.submenu.closed{ background: transparent url('../img/sidebar_menu_large_closed.png') no-repeat center right; }
                    #sidebar ul li a.active,
                    #sidebar ul li a:hover{
                        background: #ecf8fe url('../img/sidebar_grad.png') repeat-x top left;
                    }
                        #sidebar ul li ul{
                            margin-bottom: 0px;
                        }
                            #sidebar ul li ul li{
                                background: #fff none;
                            }
                                #sidebar ul li ul li a{
                                    color: #0083ce;
                                    margin: 0 0 0 12px;
                                    font-size: 13px;
                                }
                                #sidebar ul li ul li a.active,
                                #sidebar ul li ul li a:hover{
                                    background: #ecf8fe url('../img/sidebar_grad_2nd.png') repeat-x top left;
                                }
            #main #sidebar .innerwrap{
                margin-top: 7px;
                padding: 0 8px;
                background: #fff url('../img/sidebar_vrep.png') repeat-y top left;
            }
            #sidebar .sidebar-extra{
                background: #fff url('../img/numbered_col_backer.png') repeat-x top left;
                border-top: 1px dotted #409dd2;
            }
            body#home #sidebar .sidebar-extra{
                background: none;
                border: none;
            }
            #sidebar .sidebar-extra h6{
                width: 100%;
                height: 40px;
                text-indent: -9999px;
            }
            #sidebar #i-want-to h6{ background: transparent url('../img/sidebar_extra_iwantto.png') no-repeat 4px center; }
            #sidebar #quick-links h6{ background: transparent url('../img/sidebar_extra_quicklinks.png') no-repeat 4px center; }
            body#home #sidebar #i-want-to h6{ background: transparent url('../img/sidebar_home_iwantto.png') no-repeat 4px center; }
            body#home #sidebar #quick-links h6{ background: transparent url('../img/sidebar_home_quicklinks.png') no-repeat 4px center; }
        
        #main * p{
            margin: 3px 0 21px 0;
            line-height: 1.5;
        }
        #main #content{
            padding: 20px 0 20px 6px;
        }
        body#home #main #content{
            padding: 20px 0 0px 6px;
        }
        #main #content.container_full{
            padding: 20px 6px;
        }
            #main #content a{
                color: #46a0d3;
            }
            #content .back-to-top{
                clear: left;
                text-align: right;
                background: transparent url('../img/content_footer.png') no-repeat center bottom;
            }
                #content .back-to-top a{
                    padding-left: 10px;
                    margin-right: 5px;
                    color: #409dd2;
                    text-decoration: none;
                    background: transparent url('../img/back_to_top_arrow.png') no-repeat left center;
                }
            /* Numbered panels... */
            #content .numbered-panels .title{
                height: 82px;
                width: 100%;
                border-bottom: 1px solid #d4d0cf;
                position: relative;
                padding-top: 30px;
            }
            #content .numbered-panels .one { background: transparent url('../img/numbered_col_1.png') no-repeat left bottom; }
            #content .numbered-panels .two { background: transparent url('../img/numbered_col_2.png') no-repeat left bottom; }
            #content .numbered-panels .three { background: transparent url('../img/numbered_col_3.png') no-repeat left bottom; }
                #content .numbered-panels .title h4{
                    display: block;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    padding: 0 0 10px 10px;
                }
                #content .numbered-panels .grid_1{ background: #FFFFFF url(../img/numbered_col_backer.png) repeat-x scroll left 112px; }
                #content .numbered-panels p{ padding: 0 20px 0 10px; }
            
            /* summary tables */
            /*
                TODO Add rounded corners to <th>
            */
            .summary-table{
                margin-bottom: 25px;
            }
                .summary-table .summaries{
                    border: 1px solid #409dd2;
                    border-top: none;
                }
                #content .summary-table ul.summary-title{
                    list-style: none inside none;
                    height: 26px;
                    margin: 10px 0 0 0;
                    padding: 0px; width: 100%;
                    border-bottom: 8px solid #409dd2;
                }
                    .summary-table ul.summary-title li{
                        float: left;
                        padding: 0px;
                    }
                        #main #content .summary-table ul.summary-title li a{
                            display: block;
                            height: 26px;
                            line-height: 26px;
                            color: #409dd2;
                            background: #f4fbff url(../img/summary_tab_right.png) no-repeat right top;
                            text-decoration: none;
                            text-transform: uppercase;
                        }
                            .summary-table ul.summary-title li a span{
                                display: block;
                                padding: 0 4px 0 10px;
                                margin-right: 6px;
                                background: #f4fbff url(../img/summary_tab_left.png) no-repeat left top;
                            }
                        #main #content .summary-table ul.summary-title li a.active, #main #content .summary-table ul.summary-title li a:hover{
                            color: #fff;
                            background: #409dd2 url(../img/summary_tab_active_right.png) no-repeat right top;
                        }
                            .summary-table ul.summary-title li a.active span, .summary-table ul.summary-title li a:hover span{
                                background: #409dd2 url(../img/summary_tab_active_left.png) no-repeat left top;
                            }
                .summary-table .summary{
                    clear: left;
                    padding: 10px;
                }
                    .summary table{
                        width: 100%;
                        border: 1px solid #badb10;
                        border-top: 1px solid #C1E310;
                        border-bottom: 1px solid #C1E310;
                    }
                        #main .summary table th.vsep, #main .summary table td.vsep{
                            background: #fff;
                            width: 3px;
                            padding: 0px;
                            border-bottom: 0px;
                        }
                        #main .summary table th.vsep{
                            
                        }
                        
                        #main .summary p, .summary p a{
                            margin: 10px 0 0 0;
                            color: #b6b6b6;
                            font-size: 10px;
                        }
                        .summary table th{
                            text-align: left;
                            height: 39px;
                            line-height: 16px;
                            padding: 6px 0 6px 12px;
                            background: #C1E310 url('../img/summary_table_header_hrep.png') repeat-x bottom left;
                            border-bottom: 1px solid #badb10;
                            color: #0d3400;
                            border-left: 1px solid #A8C80D;
                        }
                        .summary table.reference-table th{
                            border-left-color: #388DBD;
                        }
                        .summary table tr.grouped-cols th{
                            text-align: center;
                            background: #C1E310 none;
                        }
                        .summary table.reference-table tr.grouped-cols th{
                            background: #388DBD none;
                        }
                            .summary table tr.grouped-cols th.grouped{
                                border-left: 1px solid #A8C80D;
                            }
                            .summary table.reference-table tr.grouped-cols th.grouped{
                                border-left: 1px solid #388DBD;
                            }
                        .summary table td{
                            height: 32px;
                            line-height: 32px;
                            padding: 0 12px;
                            border-bottom: 1px solid #badb10;
                            border-right: 1px solid #badb10;
                            color: #000;
                        }
                        .summary table td.format-currency, .summary table th.format-currency{
                            text-align: right;
                            padding: 0 20px;
                        }
                        .summary table tr.alt td{
                            background-color: #f9ffda;
                        }
                        .summary table tr.sep td{
                            height: 2px;
                            background-color: #fff;
                        }
                /* reference-table */
                /*
                    TODO Add rounded corners to <th>
                */
                table.reference-table{
                    width: 100%;
                    border: 1px solid #388dbd;
                    border-top: none;
                    border-bottom: none;
                }
                    table.reference-table th{
                        color: #fff;
                        text-align: left;
                        height: 39px;
                        line-height: 39px;
                        padding-left: 12px;
                        background: #3484b5 url('../img/reference_table_header_hrep.png') repeat-x top left;
                        border-bottom: 1px solid #388dbd;
                    }
                    table.reference-table td{
                        height: 32px;
                        line-height: 32px;
                        padding-left: 12px;
                        color: #000;
                        border-bottom: 1px solid #388dbd;
                        border-right: 1px solid #388dbd;
                    }
                    table.reference-table td.quarter-width{
                        width: 25%;
                    }
                    table.reference-table tr.alt td{
                        background-color: #eaf4ff;
                    }
                /* FAQ Link lists */
                ul.faq-links{
                    margin-left: 5px;
                    margin-top: 10px;
                }
                    ul.faq-links li{
                        margin: 0px;
                        color: #a59995;
                        list-style: disc outside none;
                    }
                        #main #content ul.faq-links a{
                            font-size: 11px;
                            border-bottom: none;
                            color: #a59995;
                            text-decoration: none;
                        }
                        #main #content ul.faq-links a:hover{
                            color: #2c2c2c;
                            text-decoration: underline;
                            background: none;
                        }
                
                /* Management styling */
                #management .grid_1{
                    margin-bottom: 50px;
                }
                    #management .grid_1 img{
                        float: left;
                        margin-right: 10px;
                        margin-bottom: 15px;
                    }
                    #management .grid_1 h5{
                        line-height: 1.5;
                    }
                        #management .grid_1 h5 span{
                            display: block;
                            font-weight: 400;
                            line-height: 1.2;
                        }
                    #management .grid_1 p{
                        padding-right: 35px; /* Let the conetnt breathe a bit here... Grid is too tight... */
                    }
                
                /* Form styling */
                form{
                    padding-top: 10px;
                }
                    form legend{
                        display: none;
                    }
                    form dl{
                        margin-bottom: 5px;
                    }
                        form dl dt{
                            float: left;
                            clear: left;
                            width: 175px;
                            height: 25px;
                        }
                        #content form dl.inline dt, #content form dl.inline dd{
                            width: auto;
                            padding-left: 0px;
                        }
                            #content form dl.inline dt{
                                margin-top: 5px;
                            }
                        form dl dd{
                            margin-bottom: 5px;
                            padding-left: 175px;
                        }
                            form dl dd.inline input,
                            form dl dd.inline select,
                            form dl dd.inline textarea{
                                float: left;
                                margin-right: 10px;
                            }
                            form dl dd input{ width: 200px; }
                            form dl dd textarea{ width: 331px; }
                            form dl dd select{ width: 208px; }
                             textarea{
                                border: 1px solid #3b80ec;
                                padding: 3px;
                                font-family: Arial, "MS Trebuchet", sans-serif;
                                font-size: 12px;
                            }
                            form dl dd input.checkbox{ width: auto; margin: 0px; }
                            form dl dd .long{
                                width: 100%;
                            }
                            form dl dd input.short,
                            form dl dd textarea.short{
                                width: 50px;
                            }
                            form dl dd select.short{
                                width: 58px;
                            }
                            form dl dd input.button { 
                                width: auto;
                                background-color: #3b80ec;
                                color: #fff;
                            }
                        form .buttons{
                            margin-left: 175px;
                            float: right;
                        }
                            form .buttons input{
                                margin-left: 15px;
                                
                            }
                    #information_request_form{
                        width: 514px;
                    }
                    /* for accounts plan changer */
                    #plan-information{
                        padding: 10px;
                        border: 1px solid #ccc;
                    }
                /* Office maps styling */
                .office .map{
                    border: 1px solid #b9b0ad;
                    float: left;
                    height: 300px;
                    margin-right: 15px;
                    margin-top: 10px;
                }
                .office ul{
                    float: left;
                }
    
    #footer{
        margin-top: 20px;
        margin-bottom: 35px;
        color: #9f9e9e;
        border-top: 2px solid #409dd2;
    }
        #footer .wrapper{
            margin-top: 20px;
            background: transparent url('../img/footer_grid.png') repeat-y left bottom;
        }
            #footer h5{
                color: #4c4b4b;
                font-size: 12px;
                text-transform: uppercase;
            }
            #footer a{
                color: #999898;
                text-decoration: none;
            }
            #footer a:hover{
                color: #7F7F7F;
            }
            #footer #logo{
                background: transparent url('../img/abb_footer_logo.png') no-repeat center center;
                width: 189px;
                height: 114px;
                float: right;
            }
            #home #footer #logo{
                background: transparent url('../img/abb_footer_logo.png') no-repeat center center;
            }
            #footer .container_3{
                padding: 0 0 30px 0;
            }
                #footer .container_3 h6,
                #footer .container_3 p{
                    padding-left: 10px;
                    padding-right: 20px;
                }
                #footer .container_3 h6{
                    margin-bottom: 8px;
                    color: #666;
                }
                #footer .container_3 p{
                    line-height: 16px;
                }
                    #footer .container_3 p strong{
                        color: #999898;
                    }
                    #footer .container_3 p a{
                        color: #797878;
                        text-decoration: underline;
                    }
                    #footer .container_3 p a:hover{
                        color: #666;
                    }
            #footer #footer-meta{
                width: 100%;
                border-top: 1px solid #d8d8d8;
                color: #999898;
                padding: 8px 0;
                background-color: #fff;
            }
                 #footer-meta li{
                    line-height: 10px;
                    float: left;
                    margin: 0 0 0 5px;
                    padding-right: 5px;
                    border-right: 1px solid #d8d8d8;
                 }
                 #footer-meta li.second-last{
                    border: none;
                 }
                 #footer-meta li.last{
                    border: none;
                    margin-left: 20px;
                 }
        
/* Sitemap */
#sitemap ul ul{
    margin-bottom: 0px;
}

/* Home */
#main #content #lower-panels{
    min-height: 160px;
    height: 160px;
    background: url('../img/coverage_backer.png') no-repeat 3px top;
}
    #lower-panels #availability a,
    #lower-panels #availability img{
        display: block;
    }

#weather{
    position: relative;
    min-height: 160px;
    height: 160px;
    width: 254px;
    overflow: hidden;
}
    #weather #weather_footer{
        clear: both;
        padding:0 0 0 85px;
    }
        #weather #weather_footer .set-location{
            position: relative;
            z-index: 9999;
        }
    #weather ul{
        position: relative;
        width: 254px;
        padding: 0px;
        margin: 0px;
        list-style: none outside none;
    }
        #content #weather li{
            position: absolute;
            left: 0px;
            top: 0px;
            width: 254px;
            float: left;
            padding: 0px;
            margin: 0px;
            background-color: #fff;
        }
        #weather li.weather_storm{ background: url('../img/weather/weather_storm.png') no-repeat 20px 34px; }
        #weather li.weather_cloudy{ background: url('../img/weather/weather_cloudy.png') no-repeat 20px 34px; }
        #weather li.weather_sunny{ background: url('../img/weather/weather_sunny.png') no-repeat 20px 34px; }
        #weather li.weather_cloudy_fine{ background: url('../img/weather/weather_cloudy_fine.png') no-repeat 20px 34px; }
        #weather li.weather_fine{ background: url('../img/weather/weather_sunny.png') no-repeat 20px 34px; }
        #weather li.weather_rain{ background: url('../img/weather/weather_rain.png') no-repeat 20px 34px; }
        #weather li.weather_snow{ background: url('../img/weather/weather_snow.png') no-repeat 20px 34px; }
        
        #weather li.loading{
            background: url('../img/weather/loader.gif') no-repeat center 60px;
            text-align: center;
            line-height: 210px;
            color: #B9B9B9;
            padding: 0px;
        }
            #weather li div{
                padding: 24px 0 0 85px;
            }
                #weather a.setlocation{
                    margin-left: 85px;
                    position: relative;
                    z-index: 9999;
                }
                #weather li p{
                    margin: 0px;
                }
                #weather li p.location{
                    text-transform: uppercase;
                    color: #414141;
                    font-size: 15px;
                    line-height: 20px;
                    font-weight: bold;
                }
                #weather li p.date{
                    text-transform: uppercase;
                    color: #0e4ee1;
                    font-weight: bold;
                    font-size: 11px;
                }
                #weather li p.forecast{
                    color: #a59995;
                }

/* Support Pages */
#content ul.paging {
    padding: 0;	
    color: #a59995;
    float: right;
}
#content #support-search-results {
    list-style: none;
    margin: 0;
    padding: 0;
        
    }
#support-search-results li{
    list-style: none;
    margin: 0;
    padding: 5px 0;
        
}
#support-search-results li.title {
    font-weight: bold;
    font-size: 1.2em;
    }
#content ul.paging li {
    float: left;
    padding: 0px 5px;	
    list-style: none;
}
#content ul.paging li.prev {
    border-right: 1px solid #ccc;
}
#content ul.paging li.next {
    border-left: 1px solid #ccc;
}
#content ul.paging li.current {
    font-weight: bold;
}
#main #content span.remove {
    font-size: 0.8em;
    color: #a59995;
}
#main #content span.remove a {
    color: #a59995;
}

/* modal windows
------------------------------------------------------*/
.modal-window {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6. Star selector used to hide definition from browsers other than IE6... */
* html .modal-window {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.product-price{
    padding-left:25px;
}

/* plan pages
------------------------------------------------------*/
#plan_wizard .step{}
    #plan_wizard .step .wrap{
        background: #FFFFFF url(../img/numbered_col_backer.png) repeat-x scroll left top;
        padding: 20px;
        border-top: 1px solid #2D86BB;
    }
    #plan_wizard .location .wrap{
        display: none;
    }
    #main #plan_wizard .next{
        float: right;
        background: #fff url(../img/btn_next.png) no-repeat scroll 0 0;
        color: #fff;
        width: 50px;
        height: 24px;
        margin-top: 25px;
        text-indent: -9999px;
    }
    #main #plan_wizard .signup {
        background: #fff url(../img/btn_signup.png) no-repeat scroll 0 0;
        width: 135px;
    }
    #main #plan_wizard .previous{
        clear: both;
        float: left;
        background: #fff url(../img/btn_prev.png) no-repeat scroll 0 0;
        color: #fff;
        width: 65px;
        height: 24px;
        margin-top: 25px;
        text-indent: -9999px;
    }
    #main #plan_wizard h3{
        line-height: 25px;
        background: #409DD2;
        color: #fff;
        margin: 0px;
        border-top: 1px solid #2D86BB;
        border-bottom: 1px solid #6BB1DC;
        padding-left: 10px;
    }
        #main #plan_wizard h3 a{
            text-decoration: none;
            color: #fff;
        }
        #main #plan_wizard .step  h5 label.error {
            color: #c00;
        }
    div.question{
        padding: 20px 75px;
    }
        div.question p{
            margin-bottom: 35px;
        }
        div.question .ui-slider{
            font-size: 10px;
        }


/* signup pages
------------------------------------------------------*/
body#signup #main, body#signup #sidebar,
body#plan-wizard #main, body#plan-wizard #sidebar{
    background: none;
}
body#signup #content{
    width: 780px;
}

.form-container legend{
    margin-bottom: 5px;
    display: inline;
    color: #409dd2;
    font-weight: bold;
}
    .form-container legend em { color: #C00; font-style: normal; }


/* Form styles */
div.form-container { margin: 10px 0; padding: 5px; }

p.legend { margin-bottom: 3px;}
p.legend em { color: #C00; font-style: normal; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #B34511 1px solid; background-color: #D15214; }
div.errors p { margin: 0; }
div.errors p em { color: #FFF4EA; font-style: normal; font-weight: bold; }
div.errors2 { color: #fff; margin: 0 0 10px 0; padding: 5px 10px; border: solid 1px #77c4f0; background-color: #409dd2; }

div.form-container form p { margin: 0; }
div.form-container form fieldset { margin: 5px 0 15px 0; padding: 0px; border:none; }
    div.form-container form fieldset div { padding: 0.25em 0; clear: left; margin-left: 20px; }

div.form-container label, div.form-container span.label, #content div.form-container label.block { margin-right: 10px; padding-right: 0px; width: 150px; display: block; float: left; text-align: left; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #3B80EC; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #3B80EC; }

div.form-container div.controlset label, div.form-container div.controlset input { display: inline; float: none; margin-top: 5px; margin-left: 0px}

div.form-container div.controlset div { margin-left: 20px; line-height:14px; }

div.form-container ul{ width:600px; margin:5px 15px 5px 15px;}
div.form-container li{ line-height:15px; margin-bottom:10px;}
div.legend {line-height:15px; }

.note { font-size: 11px; color: #333; line-height:12px; }
span.note{ margin-left:180px; }
.bundle { margin-left:20px; color: #333;}
.text-width{width:200px; border:solid 1px #3B80EC; padding:3px; font-size:12px;}
.text-width-small{width:45px; border:solid 1px #3B80EC; padding:3px; font-size:12px;}
.text-width-med{width:85px; border:solid 1px #3B80EC; padding:3px; font-size:12px;}
.short{ width:160px; }

ol.letter{
    list-style: lower-alpha outside none;
    margin-top: 0px;
}

img.left{
    float: left;
    margin: 20px;
}
img.right{
    float: right;
    margin: 20px;
}
img.center{
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

div.form-container div.buttonrow { float:right; clear: both; margin-top: 20px; margin-bottom: 30px; }

div.form-container table td{
    padding-right: 10px;
}
#next-button{
    border:0;
    text-indent:-99999px;
    cursor:pointer;
    margin:0;
    padding:0;
    }

#previous-button{
    border:0;
    text-indent:-99999px; 
    cursor:pointer;
    margin:0;
    padding:0;
}

#main #hardware p{
    padding-right: 25px;
}

    #flashholder {
        position: relative;
    }
    #flashholder div {
        display: absolute;
        width: 100%;
        left: 0;
        height: 364px;
    }
    #flashholder div#tab-menu {
        position: relative;
        width: 990px;
        margin: 0 auto;
        padding: 0;
        height: 0;
        
    }
    #flashholder div a {
        display: block;
        width: 990px;
        margin: 40px auto;
        height: 260px;
        overflow: hidden;
        text-indent: -999px;
    }
    #flashholder #banner-1 {
        background: top center url(../img/banners/adsl_banner.jpg) no-repeat;
    }
    #flashholder #banner-2 {
        background: top center url(../img/banners/wimaxv2.jpg) no-repeat;
        display: none;
    }
    #flashholder #banner-3 {
        background: top center url(../img/banners/3g.jpg) no-repeat;
        display: none;
    }
    #flashholder #banner-4 {
        background: top center url(../img/banners/home-phone.jpg) no-repeat;
        display: none;
    }
    #flashholder ul {
        width: 990px;
        margin: 0 auto;
        position: absolute;
        height: 59px;
        z-index: 2000;
        top: 306px;
        left: 1px;
        padding: 0;
    }
    #flashholder ul li {
        float: left;
    }
    #flashholder ul a {
        display: block;
        width: 180px;
        height: 59px;
        background: 0px 5px url(../img/banners/tabs.png) no-repeat;
        text-indent: -999px;
        overflow: hidden;
        margin: 0;
    }
    #flashholder ul li.two a {
        background-position: -175px 5px;
    }
    #flashholder ul li.three a {
        background-position: -350px 5px;
    }
    #flashholder ul li.four a {
        background-position: -525px 5px;
    }
    #flashholder ul a.selected {
        background-position: 0 -59px;
    }
    #flashholder ul li.two a.selected {
        background-position: -175px -59px;
    }
    #flashholder ul li.three a.selected {
        background-position: -350px -59px;
    }
    #flashholder ul li.four a.selected {
        background-position: -525px -59px;
    }