@import url("speed-BlueTabs.css");
.containerOuter {
        height: auto;
        width: 1000px;
        margin-right: auto;
        margin-left: auto;
        background: #FFFFFF repeat-y center;
}
.containerInner {
        height: auto;
        width: 960px;
        padding: 20px 20px 3px;
}
body,td,th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        background-repeat: no-repeat;
}
body {
        background-color:#CDD9EE;
        background-image: url(background-grad.png);
        background-repeat: repeat-x;
        margin-left: 0px;
        margin-top: 20px;
        margin-right: 0px;
        margin-bottom: 20px;
		scrollbar-base-color: #EAEAEA;
		scrollbar-arrow-color: #fff;
		scrollbar-darkshadow-color: #fff;
}
.header {
        height: auto;
        width: auto;
        border-top: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        position: relative; /* peekaboo bug fix for IE6 */
} 
.header-htags {width:500px; height:50px; float:right}
.header-htags h1{display: inline;}
.header-htags p{display: inline;}
.headerBanner {
        height: auto;
        width: auto;
        float:right;
}
.headerStrip {
        background: #92ABDA url(/images/Untitled-7.jpg) repeat-x;
        margin-bottom: 10px;
        height: 16px;
        vertical-align: middle;
        color: #FFFFFF;
        padding: 5px 5px 3px 10px;
        font-size: 11px;
        font-weight: bold;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;
        overflow:hidden;
        font-size:11px; text-transform: uppercase

}
.headerStrip h1 {font-size:11px; margin-left:3px; text-transform: uppercase}
.headerStripLeft {float: left;}
.headerStripRight {float: right;}

.headerStrip a:link {color:#ffffff;}
.headerStrip a:hover {color:#c20000;}
.headerStrip a:active {color:#ffffff;}
.headerStrip a:visited { color:#ffffff;}
.headerMenuDrop {
        background: #4A5866;
        height: 200px;
        width: auto;
        padding: 10px;
        color: #FFFFFF;
}
.headerMenuDrop p{ margin:3px}
.headerMenuDrop ul li a{
        text-align: left;
        list-style: url(bullet2.png);
        color:#FFFFFF;
}
.headerMenuDrop ul {margin:0 0 0 20px}
.headerMenuDrop ul li a:hover{color:#FFFF00}
.headerMenuDrop ul li a:link {color:#ffffff}
.headerMenuDrop ul li a:visited {color:#ffffff}
.headerMenuDrop ul li a:active {color:#ffffff}
.headerMenuDropsection {width:25%; float:left;}

a:link {
        text-decoration: none; color:#666666;
}
a:visited {
        text-decoration: none; color:#666666;
}
a:hover {
        text-decoration: none; color:#c20000;
}
a:active {
        text-decoration: none; color:#666666;
}
p {
        line-height:normal;
        margin-top: 12px;
        margin-bottom: 12px;
}

h1 {
        font-size: 11px;

        display: inline;
}
h2 {
        font-size: 16px;
        line-height: normal;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: normal;
}
#h2-blue {
        color:#2D5695;/**#92ABDA**/
}
#h2-red {
        color:#c20000;
}
h3 {
        font-size: 12px;
        line-height: normal;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: normal;
}
#blueText10px {color:#2D5695; font-size:10px}
#blueText12px {color:#2D5695; font-size:12px}
#blueText14px {color:#2D5695; font-size:14px}
#blueText16px {color:#2D5695; font-size:16px}
#blueText18px {color:#2D5695; font-size:18px}
#greyText10px {color:#666666; font-size:10px}
#greyText12px {color:#666666; font-size:12px}
#greyText14px {color:#666666; font-size:14px}
#greyText16px {color:#666666; font-size:16px}
#greyText18px {color:#666666; font-size:18px}
#redText10px {color:#c20000; font-size:10px}
#redText12px {color:#c20000; font-size:12px}
#redText14px {color:#c20000; font-size:14px}
#redText16px {color:#c20000; font-size:16px}
#redText18px {color:#c20000; font-size:18px}
#redText20px {color:#c20000; font-size:20px}
#redText22px {color:#c20000; font-size:22px}
.goButton{
        height:15px;
        width:30px;
        background: url(broadband-go.png) no-repeat;
        float: left;
}
/**** MINI NAV ****/
ul.miniNav {
        float:right;
        display:inline;
        margin:0;
        padding:0;
        width:650px;
        height:30px;
        text-align:center;
        font-size: 12px;
        font-weight:bold;
        color:#c20000;
}
ul.miniNav li{float:right;display:inline; margin-left:4px;line-height:20px;}
ul.miniNav li a{
        float:left;
        display:block;
        padding:0 5px 0 15px;
        text-decoration:none;
        color:#2D5695;
        line-height:20px;
        height:22px;
        background: url(header-arrow.gif) no-repeat left top;
}
ul.miniNav li a:hover{ color:#c20000;}
.sitelogo {
        float: left;
        height: 77px;
        width: 250px;
        padding-top:10px;
        
}
.mainContent {
        position: relative;
        height: auto;
        }
.indexInfo {
        background: url(index-laptop.png) no-repeat right top;
        height: 230px;
        width: 453px;
        border: 1px solid #356ABA;
        padding: 10px;
        float: left;
        margin: 0 10px 10px 0;
        position: relative;
        overflow: hidden;
}
.indexInfoHome {
        background: url(index-modem.png) no-repeat right top;
        height: 230px;
        width: 453px;
        border: 1px solid #356ABA;
        padding: 10px;
        float: left;
        margin:0 0 10px;
        position: relative;
        overflow: hidden;
        margin-right: -2px;
}
.indexInfoLaptop {
        height: 150px;
        width: 202px;
        border: 1px solid #356ABA;
        padding: 10px;
        float: left;
        margin:0 10px 10px 0;
        clear:right;
        overflow: hidden;
	position:relative;
}
.indexInfoSwitch {
        height: 150px;
        width: 470px;
        border: 1px solid #356ABA;
        padding: 10px;
        float: left;
        margin:0 10px 10px 0;
        clear:right;
}
.indexInfoTest {
        background: url(/images/speedDialsIndex.jpg) no-repeat left bottom;
        height: 150px;
        width: 202px;
        border: 1px solid #356ABA;
        padding: 10px;
        float: left;
        margin:0 0 10px;
}
.infoBox {
        border: 1px solid #356ABA;
        float: left;
}
.infoBoxInternal {
        padding: 10px;
        overflow: auto;
        height: auto;
        color: #333333;

}

.infoBoxInternal li{background-image: url(/images/tick.jpg);
background-repeat: no-repeat;
padding-left: 25px; margin-bottom:10px}

.infoBoxInternal ul{background-image: url(/images/tick.jpg);background-repeat: no-repeat;list-style-type: none; padding: 0; margin: 0;}
.infoBoxInternaltick li{background-image: url(/images/tick.jpg);
background-repeat: no-repeat;
padding-left: 25px; margin-bottom:10px}
.infoBoxInternaltick ul{background-image: url(/images/tick.jpg);background-repeat: no-repeat;list-style-type: none; padding: 0; margin: 0;}
.infoBoxHeader {
        height: 16px;
        width: auto;
        background: #92ABDA url(/images/Untitled-7.jpg) repeat-x;
        color:#FFFFFF;
        font-weight:bold;
        padding: 4px 0 4px 10px;
        font-size: 13px;
}
.infoBoxHeader h2 {
font-size:13px;
color:#FFFFFF;
text-transform: none;
font-weight:bold;
}
.footer {
        height: auto;
        width: auto;
        padding:0; font-size:11px
        }
.footerLinks {text-align:center; clear: both; margin: 25px 0 25px 0;}
.footerLinks a{margin:0 10px 0 10px; font-size:11px}
.footerAssosiation {
        height: 30px;
        width: auto;
        padding-left:200px;
        margin-top: 8px;
        margin-bottom: 8px;
        clear: both;
}

.footerAssosiation ul {
        margin:0px;
        color:#666;
}

.footerAssosiation li {
        display: block;
        float: left;
        width: 260px;
        margin-right: 50px;
        text-align: left;
        list-style-type: none;
        height: auto;
}

.footerAssosiation li img {
padding:0px;
margin: 0 10px 0 0;
display:block;
float:left;
}
.footerLinksDisplay {
        text-align: center;
        height: 20px;
        width: auto;
        background: #92ABDA url(/images/Untitled-7.jpg) repeat-x;
        color:#FFFFFF;
        font-weight:bold;
        margin-top: 10px;
        padding-top: 6px;
}
.footerLinksDisplay a{margin: 0 10px 0 10px;}
.footerLinksDisplay a:link {text-decoration: none; color:#ffffff;}
.footerLinksDisplay a:visited {text-decoration: none; color:#ffffff;}
.footerLinksDisplay a:hover {text-decoration: none; color:#c20000;}
.footerLinksDisplay a:active {text-decoration: none; color:#ffffff;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
.field {
        color:707070;
        font-size:10px;
        width:105px;
        margin:0;
        padding-left:5px;
        background-image:url(white.png);
        border:1px solid #7F9DB9;
        float: left;
}
.field2 {
        color:707070;
        font-size:12px;
        width:160px;
        margin:0;
        padding-left:5px;
        background-image:url(white.png);
        border:1px solid #7F9DB9;
        float: left;
}
/**** TOP NAV ****/
.topNavCenter {clear:both;text-align:center;width:100%; margin-top:15px; margin-bottom:2px}
ul.topNav , ul#topNav li {position:relative; z-index:30;list-style: none; margin: 0; padding: 0; }
ul.topNav {text-align: left; padding-top:10px; margin-bottom:1px }
ul.topNav li {display: inline; margin-right:0px; margin:0 0 0 -5px; }
ul.topNav li a {
        background: url(topNavL.gif) no-repeat left;
        color: #666666;
        padding: 12px 0 12px 0;
        margin:0 0 0 5px;
        text-decoration: none;
        font-size:12px;
        line-height:20px;
        font-weight: bold;
}
ul.topNav li a span {background: url(topNavR.gif) no-repeat right; padding: 8px 40px 8px 16px; margin:0 0 0 0; }
ul.topNav li a:hover span, ul#topNav li a:hover {color: #576376; }

/**** TOP NAV HOVER ****/
ul.topNav li a:hover{background: url(topNavLOn.gif) no-repeat left;}
ul.topNav li a span:hover{background: url(topNavROn.gif) no-repeat right;}

ul.topNav li.topNavOn a{color: #576376; background: url(topNavLOn.gif) no-repeat left;}
ul.topNav li.topNavOn a span{color: #576376; background: url(topNavROn.gif) no-repeat right;}
/**** TABS PACKAGE TABLE ****/
#tabsB {
        float:none;
        width:960px;
        font-size:11px;
        line-height:normal;
        font-weight: bold;
        vertical-align: bottom;
        margin: 10px 0 0px 0;
        padding-bottom: 2px;
        text-align: center;
      }
    #tabsB ul {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: -2px;
        margin-left: 0px;
        list-style-type: none;
      }
    #tabsB li {
        display:block;
        margin:0px;
        width: 192px;
        padding: 0px;
        float: left;
        text-align: center;
        text-transform: uppercase;
        list-style-type: none;
      }
    #tabsB a {
        float:none;
        margin:0;
        text-decoration:none;
        /*background-image: url(tableftB.gif);*/
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0;
        clear: both;
      }
    #tabsB a span {
        float:left;
        display:block;
        color:#FFFFFF;
        background-image: url(tabrightB.gif);
        background-repeat: no-repeat;
        background-position: right top;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#FFFFFF;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
        background-position:0% -42px;
        }
        #tabsB #current a span {
        background-position:100% -42px;
        color: #FFFFFF;
        }
/**** MOBILE PAGE TABS PACKAGE TABLE ****/
#tabsBmobile {
        float:none;
        width:960px;
        font-size:11px;
        line-height:normal;
        font-weight: bold;
        vertical-align: bottom;
        margin: 10px 0 0px 0;
        padding-bottom: 2px;
        text-align: center;
      }
    #tabsBmobile ul {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: -2px;
        margin-left: 0px;
        list-style-type: none;
      }
    #tabsBmobile li {
        display:block;
        margin:0px;
        width: 155px;
        padding: 0px;
        float: left;
        text-align: center;
        text-transform: uppercase;
        list-style-type: none;
      }
    #tabsBmobile a {
        float:none;
        margin:0;
        text-decoration:none;
        /*background-image: url(tableftB.gif);*/
        background-repeat: no-repeat;
        background-position: left top;
        padding: 0;
        clear: both;
      }
    #tabsBmobile a span {
        float:left;
        display:block;
        color:#FFFFFF;
        background-image: url(tabrightBmobile.gif);
        background-repeat: no-repeat;
        background-position: right top;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsBmobile a span {float:none;}
    /* End IE5-Mac hack */
    #tabsBmobile a:hover span {
      color:#FFFFFF;
      }
    #tabsBmobile a:hover {
      background-position:0% -42px;
      }
    #tabsBmobile a:hover span {
      background-position:100% -42px;
      }

        #tabsBmobile #current a {
        background-position:0% -42px;
        }
        #tabsBmobile #current a span {
        background-position:100% -42px;
        color: #FFFFFF;
        }
/**** PACKAGE TABLE ****/
#filterby {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 6px;
        padding-left: 4px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #CCCCCC;
}
.nextprev {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        font-size: 12px;
        font-weight: bold;
        color: #666666;
        background-color: #FFFFFF;
}
.nextprev a {
        color: #C20000;
font-size: 16px;
}
.nextprev a:hover {
        color: #3B7AC7;
        text-decoration: none;
}
.navtext{font-size:14px; font-weight:bold;}

.nextprevleft {
        background-color: #FFFFFF;
        background-image: url(nxt-prv-left.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
}
.nextprevright {
        background-color: #FFFFFF;
        background-image: url(nxt-prv-right.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
}
#bbPackage {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 15px;
        margin: 0px;
}

#bbPackage .b5 {
        background-color: #FFFFFF;
        text-align: left;
        vertical-align: top;
        color:#333333;
}
#bbPackage .b5 h1 {
        font-size: 13px;
        color: #2570CB;
        padding-left: 3px;
        text-align: left;
        vertical-align: top;
        padding-top: 5px;
        margin-bottom: -5px;
}
#bbPackage .b5 a {
        color: #376092;
        font-size:16px;
        font-weight:bold;
        text-decoration: none;
}
#bbPackage .b5 a:hover {
        color: #2599DE;
}

#bbPackage .bltext {font-size:11px;font-family:Arial;text-align:left}

#bbPackage .bl {
        background-color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        color: #a6a6a6;
        font-size:16px;
        font-weight:bold;
}
#bbPackage .blb {
        background-color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        color: #558ED5;
        font-size:16px;
        font-weight:bold;
}
#bbPackage .b {
        background-color: #FFFFFF;
        text-align: center;
}
#bbPackage .b2 {
        background-color: #F3F3F3;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        color:#333333;
        font-size:18px;
}
.b2c{
        background-color: #F3F3F3;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        color:#333333;
        font-size:18px;
}
.blc{
        background-color: #F3F3F3;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        color:#333333;
        font-size:18px;
}
#bbPackage .rl {
        margin: 0px;
        padding: 0px;
}
#bbPackage .rl .b img {
        vertical-align: middle;
        padding-top: 0px;
        padding-right: 2px;
        padding-bottom: 0px;
        padding-left: 2px;
}
#bbPackage .bl h1 {
        font-size: 13px;
        color: #2570CB;
        padding-left: 3px;
        text-align: left;
        vertical-align: top;
        padding-top: 5px;
        margin-bottom: -5px;
}

#bbPackage .b3 {
        font-weight: bold;
        background-color: #FFFFFF;
        text-align: center;
        color:#333333;
}
#bbPackage .b4 {
        color: #FFFFFF;
        background-color:#666666;}
/**** SWITCHING BOX  ****/
.bbswitchform  {
        list-style-type: none;
        display: block;
        height: 31px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding-left: 10px;
        padding-top: 6px;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: -6px;
        background: url(bg-h-switch.jpg) no-repeat;
}
.botCurve   {
        background-image: url(bg-bot-switch.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        height: 5px;
        width: 780px;
        clear:left;
        }
.switchContainer {
        background: #92A9EF;
        width: 780px;

}

#Conleft {
        float: left;
        width: 200px;
        color: #FFFFFF;
        font-size: 12px;
margin-right:10px;
}

#Concenter {
       width:540px;
       background-color: #FFFFFF;
float:left;
}
.centre-header-centre{
	width:100%;
	padding:3px 0 0 15px;
	float:left;
	height:25px;
	background: url(Untitled-7.jpg) repeat-x;
	color:#FFFFFF; font-size:18px; 	
	text-transform: uppercase;
}


.centre-header-centre h1{	color:#ffffff;	font-size:20px; font-weight:normal}

#speedWrap {
border:1px solid #356ABA;padding:0px;float: left;height:358px;

}

#Conright {
        float: right;
        width: 200px;
        color: #FFFFFF;
        font-size: 12px;
padding-left:10px;
}
#newsletter {
        background-color: #92A9EF;
        background-image: url(news-bg-bottom01.gif);
        background-repeat: no-repeat;
        background-position: center bottom;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        color: #FFFFFF;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 8px;
        padding-left: 0px;
}
.sideBoxLeft {float:left; width:10px; height:29px; background-image: url(sideBoxLeft.png)}
.sideBoxCentre {float:left; width:180px; height:29px; background: url(sideBoxCentre.png) repeat-x; color:#FFFFFF; padding-top:5px; font-weight:bold; text-align:left;}
.sideBoxRight {float:left; width:10px; height:29px; background-image: url(sideBoxRight.png)}
.wizard-forms {
        font-size: 11px;
        width: 220px;
}

#providersTable table {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #d9d9d9;
}
#providersTable {
        text-align: center;
}
#providersTable td {
        background-color: #FFFFFF;
        padding: 10px;
        vertical-align: top;
        text-align: left;
}
#providersTable #providersTableLogoTD {
        text-align: center;
}
/********* Table Header - arrows ********/
#bbPackage .colHead{
        /*      background-image:Url(/images/table-grad.jpg);
        background-repeat:repeat-x;*/
                background-color:#CFCFCF;
}
#bbPackage .colHeadActive{
        background-color:#999999;
}
#bbPackage .colHeadLink{
        color: black;
        background-color: transparent;
}
#bbPackage .colHeadArrow{
float:right;
        vertical-align:middle;
}
#bbPackage #colTH a{
        /*float:left;*/
                cursor:pointer;
}
#bbPackage #colTH{
   
       cursor:pointer;
}
#bbPackage #colTH img{
        border:none;
}

/******** CSS for SPAN tag surrounding index-isp logos ******/

.seqslidestyle{
margin-right:12px;
}

#index-logos {position:absolute!important; bottom:5px; float:left}

.floatright
{
float: right;
margin: 0 0 0 123px;
}