/* CSS Document */
/* Website: www.eftel.com.au */
/* Created: Oct 09 */
/* By: $hiva */

/* gen rules */

* {
    margin: 0; padding: 0;
}

html, body, #wrapper {
    padding:0;
    margin:0;
    height:100%;
}

img {
    border:0;
}

@font-face {
    font-family: "Cicle Semi";
    src: url("../fonts/new_cicle_semi.otf") format("opentype");
}

body {
    background: #fff url(../images/bg/body_bg.png) top left repeat-x;
    font:9pt "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, Helvetica, sans-serif;
	/*font:10pt "Arial Narrow", Arial, Helvetica, Geneva, sans-serif;*/
    color:#242424;
    margin:0;
    padding:0;
}

/* eo gen rules */


/* main layout area rules */

#containerBg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:transparent url(../images/bg/lhs_body_bg.png) top left no-repeat;
    padding:0;
    margin:0;
    z-index:-1;
    border:0;
}

body > #wrapper {
    height:auto;
    min-height:100%;
}

#container {
    width:900px;
    padding-bottom:250px;
    margin:0 auto;
    background:transparent url(../images/bg/container_bg.png) top left repeat-y;
}

#lhsContainer {
    width:230px;
    margin:0 10px 0 0;
    float:left;
    background:none;
    font: 10pt/1.3em "Arial Narrow", Arial, Tahoma, Geneva, Helvetica, sans-serif;
    color:#013e59;
    border:0;
    padding:0;
}

#headerLogoIMG {
    margin:8px auto 15px auto;
}

#lhsFormHolder, #myAccountFormHolder {
    width:200px;
    height:200px;
    margin:10px auto 0 auto;
    padding:0;
    background-color:transparent;
    background-image:url(../images/bg/webmail_form_bg.png);
    background-position:center 19px;
    background-repeat:no-repeat;
}

#myAccountFormHolder {
    background:transparent url(../images/bg/myaccount_form_bg.png) center 19px no-repeat;
}

#lhsFormHolder div, #myAccountFormHolder div {
    width:inherit;
    height:19px;
    padding:0;
    margin:0 0 0 7px;
}

#lhsFormHolder form, #myAccountFormHolder form {
    margin:40px 0 0 15px;
    padding:0;
}

#webmailForm {
    display:block;
}


/*#SignOn {
    display:none;
}*/

#searchFormHolder {
    /*margin:35px auto 0 auto;*/
    margin:5px auto 0 auto;
    width:200px;
    height:70px;
    background:transparent url(../images/bg/search_form_sml_bg.png) top left no-repeat;
}

#searchFormHolder form {
    padding:10px 0 0 15px;
}

#searchFormHolder form input	{
    margin:0 0 4px 0;
}

#searchFormHolder #searchTxtField {
    width:130px;
}

#contactInfoHolder {
    width:200px;
    margin:5px auto 10px auto;
}

#contactInfoHolder ul li strong {
    color:#12bffd;
    font-size:13px;
    text-transform:uppercase;
}

#contactInfoHolder ul li {
    list-style:none outside none;
    padding:0;
    border-bottom:1px solid #f9f9f9;
    margin:0 auto;
    font-size:9pt;
    line-height:19pt;
}

#contactInfoHolder li span {
    font-weight:bold;
    text-transform:uppercase;
}

#contactInfoHolder ul li img {
    margin-right:5px;
}

#noCheckerHolder	{
    width:200px;
    height:115px;
    /* margin:15px auto 20px auto; */
    margin:4px auto 20px auto;
    background:#fff url(../images/bg/numchecker_form_bg.png) top center no-repeat;
}

#noCheckerHolder form	{
    padding:33px 0 0 20px;
}

#noCheckerHolder input.phoneNo:hover, input.phoneNo:focus	{
    background:#d1fd7a url(../images/bg/input_hover_bg.png) top left repeat-x;
}

input.lhsInputFields:hover, input.lhsInputFields:focus {
    background:#d1fd7a url(../images/bg/input_hover_bg.png) top left repeat-x;
}

#asxFormHolder {
    width:200px;
    margin:30px auto 0 auto;
    height:auto;
}

/* refer a friend box */

#twoUpHolder {
    width:200px;
    margin:4px auto 20px auto;
}

#twoUpHolder img {
    margin:0 0 10px 0;
}

.sideBarAdHolder {
    width:200px;
    margin:4px auto 20px auto;
}

.sideBarAdHolder img {
    margin:0 0 10px 0;
}




/* lhs nav */

#lhsNav {
    margin:0 15px 0 15px;
    font:9pt Arial, Helvetica, Tahoma, sans-serif;
    background:transparent url(../images/bg/lhs_menu_bg.png) top left no-repeat;
    padding:10px 0 55px 0;
    min-height:350px;
}

#lhsNav li {
    list-style:none outside none;
    padding:7px 0 7px 5px;
    text-indent:8px;
    /*border-bottom:1px inset #a2e8fe;*/
    border-bottom:1px solid #fff;
    margin:0 auto;
}

#lhsNav li:hover {
    border-bottom:1px solid #fff;
    background:transparent url(../images/bg/lhs_menu_bg.png) left -85px no-repeat;
    width:auto;
}

#lhsContainer > #lhsNav li a:link, #lhsContainer > #lhsNav li a:visited {
    color:#026b8c;
}

#lhsContainer > #lhsNav li a:hover {
    color:#039acc;
}

#lhsContainer > #lhsNav li a.subLink {
    font-size:9pt;
    margin-left:6px;
    color:#026b8c;
}

#lhsNav a.subLink:before {
    content: "» ";
}

a.selectedLink  {
    font-weight:bold;
}

a.selectedLink:after {
    content: " »";
    color:#026b8c;
}


/*
#lhsNav li:first-child {
    border-top:1px solid #f9f9f9;
}
*/

#lhsNav li:last-child {
    border-bottom:0;
}

#lhsNav li a:link, #lhsNav li a:visited {
    border:0;
    text-decoration:none;
    color:#0d99c7;
}

#lhsNav li a:hover {
    color:#01b6e3;
}

.levelII, .levelIII, .levelIV {
    display:block;
}



/* Second option LHS Menu styles */

ul.auroramenu li {
    position:relative;
}

.aurorahide {
    display:none;
    width:17px;
    height:17px;
    /*background-image:url('icons/aurora_minus_icon.gif');*/
}

.aurorashow {
    display:none;
    width:17px;
    height:17px;
    /*background-image:url('icons/aurora_plus_icon.gif');*/
}

/* eo second LHS Menu */



/* weather box */

#weatherBoxHolder {
    width:200px;
    height:110px;
    margin:0 auto 0 auto;
    background:transparent url(../images/bg/weather_box_bg.png) center no-repeat;
}

.sbCTable	{
    padding:0;
    border:0;
}

.sbCTable br	{
    display:none;
}

.sbCTable td{
    padding:0;
}

.sbCTable td img{
    margin:0 0 0 8px;
    border:0;
}

.sbCTitle {
    font:10pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Verdana, sans-serif;
    color:#3383c7;
    font-weight:bold;
    margin:5px 0 0 5px;
}

.sbCTemp {
    font:18pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Verdana, sans-serif;
    font-weight:bold;
    color:#3383c7;
    margin:0;
}
 
.sbCDesc {
    font:8pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Verdana, sans-serif;
    color:#00bffd;
    padding:0;
    float:left;
    margin:0 8px 0px 0;
    border:1px solid #f8f8f8;
} 

.sbCTomorrow {
    font:8pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Verdana, sans-serif;
    padding:0;
    margin:0;
    color:#8d8d8d;
}

.sbCTomorrowDesc {
    font:8pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Verdana, sans-serif;
    color:#8d8d8d;
    padding:0;
} 

.sbCLink:link, .sbCLink:visited,.sbCLink:hover {
    font:7pt Verdana, sans-serif;
    color:#c6f5ff;
    border:0;
} 

/* eo weather box */

/* eo lhsContainer */

/* image links (rules preventing text-decoration) */

a.imgLink:link, a.imgLink:visited	{
    border:0;
    text-decoration:none;
}

/* eo image link */

/* misc. element rules */

hr {
    background-color:#cdcdcd;
    height:1px;
    width:95%;
    margin:30px auto 30px auto;
    border:0;
}

/* eo misc. rules */

/* rhsContainer rules */


#rhsContainer {
    width:650px;
    float:left;
    min-height:500px;
    margin:0 0 0 10px;
    padding:0;
    background: #fff url(../images/bg/body_bg.png) center -348px repeat-x;
    border:0;
}

#headerIMG {
    margin:45px 0 50px 0;
}

/* secondary nav rules :- top rhc of page */

#secondaryMenuBar {
    width:inherit;
    margin:0;
    height:25px;
    border:0;
    background:transparent url(../images/bg/secondary_menu_bg.png) top left no-repeat;
}

/*#secondaryMenuBar div	{
    width:70px;
    height:25px;
    padding:0;
    margin:0;
    float:right;
}
*/

#inlineSecondaryMenu {
    list-style-position:outside;
    list-style-type:none;
    padding:0;
    margin:0 7px 0 0;
    float:right;
    font:8pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "Arial Narrow", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing:0;
    font-weight:bold;
    text-shadow:#fff 1px 1px 2px;
}

#inlineSecondaryMenu li {
    float:left;
    padding:0 0 0 20px;
    margin:4px 0 0 0;
    height:18px;
    background:transparent url(../images/bg/secondary_nav_divider_bg.png) 10px 0 repeat-y;
    cursor:pointer;
}

#inlineSecondaryMenu a:link, #inlineSecondaryMenu a:visited {
    /*color:#049de2;*/
    color:#12aee1;
    text-decoration:none;
    border:0;
}

#inlineSecondaryMenu a:hover {
    color:#fff;
    text-shadow:#038bc8 1px 1px 1px;
}

#inlineSecondaryMenu a.loginPOP:active {
    display:block;
}

input.hiddenInputFields {
    width:135px; 
    margin:4px 0 4px 0;
}

input.hiddenInputFields:hover, input.hiddenInputFields:focus {
    background:#d1fd7a url(../images/bg/input_hover_bg.png) top left repeat-x;
}


#topContactHolder {
    width:100%;
    height:30px;
}

#topContactHolder ul {
    list-style:none;
    padding:0;
    margin:0;
}

#topContactHolder ul li{
    text-transform:uppercase;
    float:right;
    font-size:11px;
    margin:0 5px 0 5px;
    color:#049de2;
    font-weight:bold;
    text-shadow:#fff 1px 1px 2px;
}

#topContactHolder ul li span {
    font-weight:normal;
}


/* eo secondary nav rules */

/* login boxes */

#webmailDiv {
    display:none;
    position:relative;
    top:24px;
    /*left:242px;*/
    left:402px;
    height:95px;
    width:150px;
    margin:0;
    z-index:1050;
    background:transparent url(../images/bg/ddown_bg.png) top left no-repeat;
    filter:alpha(opacity=90);
    -ms-filter:alpha(opacity=90);
    opacity: 0.95;
}

#webmailDiv div {
    padding:4px;
}

#myAccountDiv {
    display:none;
    position:relative;
    top:24px;
   /* left:391px;*/
    left:476px;
    height:95px;
    width:150px;
    margin:0;
    z-index:1050;
    background:transparent url(../images/bg/ddown_bg.png) top left no-repeat;
    filter:alpha(opacity=90);
    -ms-filter:alpha(opacity=90);
    opacity: 0.95;
}

#myAccountDiv div {
    padding:4px;
}

.pwdRemindHolder {
    float:right;
    font-size:6pt;
    margin:0;
}

.pwdRemindHolder a.link, .pwdRemindHolder a.hover, .pwdRemindHolder a.visited {
    text-decoration:none;
    border:0;
}


/* main nav rules */

#menuBar {
    width:100%;
    margin:0 0 80px 0;
    padding:0;
    border:0;
    /*height:60px;*/
    background:#fff url(../images/bg/body_bg.png) center -380px repeat-x;
    /*border-bottom:1px solid #bde4ff;
    background:transparent url(../images/gen/menubar_bg.png) top left repeat-y;*/
}

#inlineMenu {
    padding:0;
    margin:0;
    font:11pt "Arial Narrow", Helvetica, Tahoma, sans-serif;
    text-transform:lowercase;
    color:#008ac8;
    border:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
}

#inlineMenu li {
    float:left;
    position:relative;
    padding:10px;
    margin:0;
    border-right:1px inset #e0f6fd;
    background-image:none;
    /*border-right:1px dotted #5daf03;
    background-color:#93e3fc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;*/
}

#inlineMenu li:last-child {
    border-right:0;
}

#inlineMenu a {
    display:block;
}

#inlineMenu a:link, #inlineMenu a:visited {
    text-decoration:none;
    border:0;
    color:#14a5d4;
}

#inlineMenu a:hover {
    color:#ff6600;
}

#inlineMenu li:hover {
    background:#fff url(../images/bg/main_nav_bg.png) center -125px repeat-x;
    cursor:pointer;
    padding:10px;
    color:#1fa2fe;
    text-shadow: #b5e1fe 1px 1px 2px;
    /*background-color:#00d2ff;
    background:transparent url(../images/gen/menubar_bg.png) bottom center repeat-y;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;*/
}

#inlineMenu ul {
    margin:0;
    padding:0;
    position:absolute;
    list-style-position:outside;
    list-style-type:none;
    top:2.6em;
    left:-1px;
    display:none;
    border:0;
    background-color:#5bbdfe;
    /*background:#fff url(../images/bg/sub_nav_bg.png) center -390px repeat-x;*/
    z-index:45;
    height:auto;
}

#inlineMenu ul li a:link, #inlineMenu ul li a:visited {
    color:#fff;
}

#inlineMenu ul li a:hover {
    text-shadow: #5c5c5c 1px 1px 2px;
}

#inlineMenu ul li a:hover:after {
    content: " •••";
    color:#fff;
}

#inlineMenu li ul li {
    width:11em;
    border:0;
    display:block;
    text-align:left;
}

#inlineMenu ul ul {
    margin:0;
    top:0;
}

#inlineMenu li ul ul {
    left:11em;
    margin:0 0 0 10px;
    border-left:1px solid #a3ddfd;
}

#inlineMenu li ul {
    text-shadow:none;
}

#inlineMenu li ul li {
    /*border-bottom:1px inset #3c3c3c;*/
    margin:0;
    padding:5px;
    background:transparent url(../images/bg/sub_nav_divider_bg.png) bottom left repeat-x;
}

#inlineMenu li ul li:hover {
    padding:5px;
    /*background:#fff url(../images/bg/sub_nav_bg.png) center -355px repeat-x;*/
    background:#6dc4fd url(../images/bg/sub_nav_divider_bg.png) bottom left repeat-x;
}

#inlineMenu li ul li:last-child {
    border:0;
}

#inlineMenu li:hover ul ul, #inlineMenu li:hover ul ul ul, #inlineMenu li:hover ul ul ul ul{
    display:none;
}

#inlineMenu li:hover ul, #inlineMenu li li:hover ul, #inlineMenu li li li:hover ul, #inlineMenu li li li li:hover ul{
    display:block;
    filter:alpha(opacity=90);
    -ms-filter:alpha(opacity=90);
    opacity: 0.95;
}

#inlineMenu li.hangingLI {
    height:80px;
    background:none;
    cursor:arrow;
}

#inlineMenu li.aboutUsLI, #inlineMenu li.aboutUsLI:hover {
    background:url(../images/bg/about_us_list_bg.png) top center no-repeat;
}

#inlineMenu li.forBusinessLI, #inlineMenu li.forBusinessLI:hover {
    background:url(../images/bg/for_business_list_bg.png) top center no-repeat;
}

#inlineMenu li.forHomeLI, #inlineMenu li.forHomeLI:hover {
    background:url(../images/bg/for_home_list_bg.png) top center no-repeat;
}

#inlineMenu li.hangingLI:hover {
    height:80px;
    cursor:auto;
    border:0;
    cursor:arrow;
}

#inlineMenu li.searchBox, #inlineMenu li.searchBox:hover {
    background:none;
    cursor:auto;
    border:0;
}

li.searchBox input.searchField {
    margin:0 0 0 15px;
    width:170px;
}

li.searchBox input.searchButton {
    margin:0;
    width:auto;
    background:none;
    border:0;
}

/* eo main nav */

/* splash content rules */

#splashContentHolder, #contentHolder {
    width:inherit;
    padding:0;
    margin:0;
}

#splashContentHolder p {
    font-size:10pt;
    color:#494949;
    text-align:justify;
}

#splashContentHolder h1 {
    padding:0 15px 0 15px;
    width:auto;
    border:0;
    margin:0;
}

#splashContentHolder img {
    margin:5px 10px 0 10px;
}

#contentHolder	{
    padding-bottom:150px;
}

#contentHolder h1 {
    margin:0 auto 15px 15px;
    width:95%;
}

/*#contentHolder h1:before {
    counter-increment:secNum;
    content:"Section " counter(secNum) ". ";
}

#contentHolder a:hover:after {
    content: " »";
}

#contentHolder a.imgLink:hover:after {
    content: "";
}
*/


#genBannerHolder {
   width:630px;
   height:180px;
   margin:0 auto 15px auto;
}

#wrapperDIV {
    width:630px;
    margin:0 auto;
    min-height:350px;
    height:350px;
}

#wrapperDIV div {
    width:50%;
    float:left;
}

#wrapperDIV div img {
    margin:5px 0 15px 0;
}

/* eo splash content */

/* splash banner rules */

#bannerHolder {
    width:inherit;
    margin:0 auto;
    height:100px;
    padding:0 10px 0 10px;
}

/* eo of splash banners */

#tierTwoHolder {
    width:inherit;
    height:auto;
    min-height:210px;
    margin:45px auto 0 auto;
    padding:0;
    background:transparent url(../images/bg/eftel_cityscape_bg.png) top center no-repeat;
    border:0;
}

#lhsBannerHolder, #midBannerHolder, #rhsBannerHolder {
    width:210px;
    height:194px;
    padding:0;
    margin:-25px 0 0 0;
    float:left;
    filter:alpha(opacity=90);
    -ms-filter:alpha(opacity=90);
    opacity: 0.9;
}

#lhsBannerHolder {
    margin-left:10px;
}

#lhsBannerHolder img {
    float:right;
}

#midBannerHolder img {
    float:none;
    margin:0 auto 0 41px;
}

#rhsBannerHolder img {
    float:left;
}

/* order now rules */

#lhsButtonHolder {
    float:left;
    width:168px;
    min-height:350px;
    margin:0 0 0 10px;
}

#lhsButtonHolder img {
    margin:0 auto 10px auto;
    border:0;
}

#rhsOrderContentHolder {
    width:440px;
    float:right;
    margin:0 10px 0 0;
    padding:10px 0 0 0;
    background:transparent url(../images/bg/order_form_bg.png) top center no-repeat;
}

#rhsOrderContentHolder form {
    margin:15px;
}

.multi-column, ul.portalList {
    -moz-column-count: 2;
    -moz-column-gap: 15px;

    -webkit-column-count: 2;
    -webkit-column-gap: 15px;

    column-count: 2;
    column-gap: 15px;
}


.floatHolder {
    width:100%;
    min-height:195px;
    background:transparent url(../images/bg/multicol_bg.png) top center no-repeat;
}

.floatHolder .floatColumn {
    width:48%;
    float:left;
    margin-left:8px;
}

.floatColumn ul li {
    margin-left:0px;
    padding-left:0;
}

.floatRight {
    float:right;
    margin:10px;
}

#stateHolder {
    width:400px;
    height:37px;
    margin:0 auto;
}

#stateHolder div {
    float:left;
    width:48px;
    height:20px;
    border:1px outset #555;
    border-right-width:0;
    text-align:center;
    padding:10px 0 5px 0;
    background-color:#8f8f8f;
    border-collapse:collapse;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#stateHolder div:hover {
    background-color:#666;
    border:1px inset #9e9e9e;
    color:#ffcc00;
    cursor:pointer;
}

#lhsContainer #stateHolder {
    width:200px;
    height:45px;
    padding-left:2px;
}

#lhsContainer #stateHolder div {
    width:32px;
    height:25px;
    background-color:#9fe6fe;
    padding:6px 0 0 0;
    font-size:12px;
    border:0;
}

#lhsContainer #stateHolder div:hover {
    background-color:#47bcec;
    color:#ff4200;
    cursor:pointer;
    padding-bottom:3px;
}

.stateList {
    -moz-column-count: 2;
    -moz-column-gap: 4px;

    -webkit-column-count: 2;
    -webkit-column-gap: 4px;

    column-count: 2;
    column-gap: 4px;
    padding:0;
}

.stateList li {
    white-space:nowrap;
    text-transform:lowercase;
    padding:0 0 5px 0;
}

.stateList li:first-letter {
    text-transform:uppercase;	
}

#stateHolder div a {
    color:#fff;
    text-decoration:none;
    border:0;
    font-weight:bold;
}

#stateHolder div:hover a {
    color:#ffcc00;
}


/* Google Maps API and holder */

#my_map {
    height:99%;
    width:inherit;
    margin:0 auto;
    border:1px solid #232323;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#my_map a:link, #my_map a:hover {
    border:0;
}


/* eo Google Maps */



/* text rules */

h1 {
    font:15pt  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Helvetica, Tahoma, sans-serif;
    color:#12bffd;
    margin:0 0 9pt 0;
    border-bottom:1px inset #12bffd;
    width:97%;
    padding:0;
}

h4 {
    color:#12bffd;
    background-color:inherit;
    padding:8px 0 2px 0;
    margin:0 0 5px 0;
    font-size:10pt;
    text-transform:uppercase;
    text-shadow: #cdcdcd 1px 1px 2px;
    width:100%;
    border-bottom:2px solid #12bffd;
}

h4:after {
    content: " ::::";
}

h3 {
    font: 12pt "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Helvetica, Arial, sans-serif;
    font-weight:bold;
    background-color:transparent;
    margin:8px 0 4px 15px;
}

.redTxt {
    color:#f00;
}

p.paraHeader:first-line	{
    font-variant:small-caps;
    font-size:18px;
}

p.paraHeader:first-letter {
    font-size:24px;
}

p {
    margin:8px 15px 8px 15px;
    line-height:13pt;
}

p.paraBold {
    /*font:12pt "Cicle Semi", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;*/
    font-weight:bold;
    color:#404040;
    width:75%;
    /*border-bottom:1px dotted #efefef;*/
    padding:8px 0 4px 0;
    background:transparent url(../images/bg/bullets_bg.png) bottom left no-repeat;
}

p.smallPrint {
    font:8pt "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    color:#454545;
    line-height:9pt;
    text-align:justify;
}

p.finePrint	{
    font:10px Verdana, Arial, Helvetica, sans-serif;
    color:#139dfe;
    text-align:center;
    margin:10px 0 0 0;
}

p.copyrightMssg	{
    font:8.5pt "Lucida Grande", "Lucida Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
    color:#14a5d4;
    text-align:center;
    width:100%;
    margin-top:25px;
    float:left; 
    padding-bottom:20px;
}

p.copyrightMssg a {
    border:0;
}

p.copyrightMssg a:link, p.copyrightMssg a:visited  {
    color:#14a5d4;
}

p.copyrightMssg a:hover {
    color:#19bef3;
}

ul {
    padding:0;
    background:none;
    margin:5px 15px 5px 25px;
}

li {
    padding:4px 0 4px 0;
    background:none;
    line-height:15pt;
    list-style-type:none;
}

#contentHolder ul li {
    padding:2px 0 2px 0;
}


ul.inlineBullets {
    margin:0;
    padding:0;
}

ul.inlineBullets li	{
    display:inline;
    line-height:16px;
    margin:0 5px 0 5px;
    padding-right:5px;
    border-right:1px solid #777;
}

.inlineBulletsSmallTxt {
    font:8pt "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    color:#454545;
    padding:0 15px 0 15px;
    margin:0;
    list-style:none;
    text-align:center;
}

.inlineBulletsSmallTxt li {
    display:inline;
    margin-right:5px;
    padding:0 7px 0 3px;
}

.inlineBulletsSmallTxt li:before {
    content: "»» ";
}

.genBulletsTxt li {
    list-style:url(../images/gen/icon_bulletlist.png) outside none;
}

.genBulletsTxt li {
    margin:0 0 0 10px;
    padding:0;
    font-size:9pt;
}
/*
.genBulletsTxt li:before {
    content: "» ";
    color:#b2e4ee;
    font:12pt "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}
*/

.genBulletsTxt li a:after {
    content: " »";
}

table .genBulletsTxt {
    margin:0;
}

.lowerRomanBulletsTxt, .lowerRomanBulletsTxt li {
    list-style-type:lower-roman;
}

.lowerAlphaBulletsTxt, .lowerAlphaBulletsTxt li {
    list-style-image:none;
    list-style-type:lower-alpha;
}

ol.numBulletsTxt li {
    list-style-type:decimal;
}

ol.numBulletsTxt li {
    margin:0 20px 0 30px;
    padding:0;
}

ol.numBulletsTxt ul {
    list-style-type:circle;
}

ol.numBulletsTxt ul li {
    list-style-type:lower-roman;
}

ul.inlineFlowBulletsTxt {
    list-style:url() outside none;
    color:#034b8e;
    border:1px solid #ececec;
    font:10pt Georgia, "Times New Roman", Times, serif;
    border-width:1px 0 1px 0;
    margin-top:1em;
    margin-bottom:1em;
}

ul.inlineFlowBulletsTxt > li {
    list-style:none;
    display:inline;
    line-height:19pt;
    border-right:4px solid #fff;
}

ul.inlineFlowBulletsTxt > li.listColorBg {
    background-color:#e0effd;
    font-weight:bold;
    border-right:2px solid #fff;
    border-bottom:1px solid #034b8e
}

ul.iconList {
    list-style:none;
}

ul.iconList li strong {
    color:#12bffd;
    font-size:13px;
    text-transform:uppercase;
}

ul.iconList li img {
    margin-right:5px;
}

ul.sitemap {
    margin-left:2em;
    padding-left:1em;
}

ul.sitemap li {
    list-style-image: url(../images/gen/bullets.png);
}

ul.sitemap .sitemapIndentLink {
    margin-left:1.5em;
}

ul.sitemap .sitemapIndentLink:before {
    content: "» ";
    color:#b2e4ee;
    font:12pt "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

ul.sitemap .sitemapIndentLink:visited {
    border:0;
}

ul.pdfList {
    list-style:url(../images/gen/icon_pdf.png) inside none;
}

ul.portalList {
    list-style:url(../images/gen/icon_weblink.png) inside none;
}

#breadCrumbsHolder {
    width:inherit;
    height:20px;
    margin:0 auto 15px auto;
}

ul.breadCrumbs {
    padding:0;
    margin:0 0 0 15px;
    font-size:11px;
}

ul.breadCrumbs li {
    display:inline;
}

ul.breadCrumbs li:after {
    content: " » ";
}

ul.breadCrumbs li a {
    text-decoration:none;
    color:#00bffd;
    border:0;	
}

ul.breadCrumbs li a:visited {
    color:#00bffd;
}

ul.breadCrumbs li a:hover {
    color:#296db6;
    border-bottom:1px dotted #296db6;
}

#contentHolder #breadCrumbsHolder ul.breadCrumbs li a:after {
    content:"";
}

small {
    font-size:8.5pt;
    color:#292929;
}

div.smallPrint {
    margin:4px 0 0 158px;
}

.redText {
    color:#f00;
}

/* eo text rules */


/* form rules */

label sup {
    color:#f00;
    font-weight:bold;
    font-size:11px;
}

form {
    padding:0;
    margin:0;
}

input, textarea, select, option {
    background-color:transparent;
    color:#232323;
    width:200px;
    padding:1px;
    border:1px solid #989898;
    font: 9pt "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial Narrow", Arial, Tahoma, Geneva, Helvetica, sans-serif;
    letter-spacing:0;
    color:#013e59;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

input, textarea {
    background:#fff  url(../images/bg/input_bg.png) top left repeat-x;
}

textarea {
    min-height:100px;
    min-width:300px;
}

select, option {
    width:auto;
    background:#fff none;
}

option {
    border:1px solid #333;
    margin:2px;
    background-color:#00bffd;
    color:#fff;
    text-align:center;
    padding:0;
}

input.phoneNo, input.postCode	{
    width:auto;
}

form.signUp, form.genForm {
    padding:0 15px 0 15px;
}

form.signUp p {
    padding:0;
    margin:4px 0 4px 0;
}

form.signUp li {
    border:0;
}

form.genForm li {
    background:transparent url(../images/bg/bullets_bg.png) bottom left no-repeat;
}

form.signUp fieldset, form.genForm fieldset{
    margin-bottom: 10px;
    padding:0;
    border:0;
    background:transparent url(../images/gen/form_bg.jpg) bottom left repeat-x;
    color:#013e59;
}

form.signUp legend, form.genForm legend {
    padding:0 0 10px 0;
    color:#404040;
    font:16pt Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
}

form.signUp label, form.genForm label {
    display:inline-block;
    line-height:1em;
    vertical-align:top;
    color:#046694;
}

form.signUp label {
    width: 250px; /* Width of labels */
}

form.genForm label {
    width: 200px; /* Width of labels */
    padding-top:4px;
}

form.signUp fieldset fieldset label, form.genForm fieldset fieldset label {
    display:block;
    width:auto;
    margin:0;
    padding:2px 0 2px 0;
}

form.signUp label.sr	{
    display:none;
}

form.signUp fieldset ol, form.genForm fieldset ol {
    margin: 0;
    padding: 0;
}

input.radioButtons {
    border:0;
    width:auto;
    padding:0;
    background:transparent;
}

.lhsInputFields {
    width:165px;
}

input.roInputFields, input.roInputFieldsBig {
    background:none;
    color:#555;
    border:0;
}

input.roInputFieldsBig {
    width:auto;
}

input.fieldsSmall {
    width:50px;
}

.sr {
    display:none;
}

input.imgButton, input.imgButtonSmall {
    background:transparent url(../images/form_ui/gen_button_off.png) bottom left no-repeat;
    height:27px;
    margin:10px 0 0 0;
    border:0;
    width:78px;
    cursor:pointer;
    color:#ceeaf3;
    font: 11pt "Arial Narrow", Arial, Helvetica, sans-serif;
    letter-spacing:0;
}

input.imgButtonSmall {
    width:37px;
    height:23px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#fff;
    background:transparent url(../images/form_ui/gen_button_small_off.png) bottom left no-repeat;
}

input.imgButton:hover {
    background:transparent url(../images/form_ui/gen_button_on.png) bottom left no-repeat;
    color:#242424;
}

input.imgButtonSmall:hover {
    background:transparent url(../images/form_ui/gen_button_small_on.png) bottom left no-repeat;
    color:#242424;
}

input.formButton, input.blueBgButton, input.dsbldformButton {
    background:transparent url(../images/form_ui/form_button_off.png) bottom left no-repeat;
    color:#fff;
    width:58px;
    height:24px;
    cursor:pointer;
    padding:0;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:4px 0 0 0;
    border:0;
}

input.formButton:hover {
    background:transparent url(../images/form_ui/form_button_on.png) bottom left no-repeat;
    color:#242424;
}

input.blueBgButton {
    background:transparent url(../images/form_ui/bluebg_button_off.png) bottom left no-repeat;
}

input.blueBgButton:hover {
    background:transparent url(../images/form_ui/bluebg_button_on.png) bottom left no-repeat;
}

input.dsbldformButton {
    filter:alpha(opacity=70);
    -ms-filter:alpha(opacity=70);
    opacity: 0.7;
    border:0;
}

input.nonTextInputBoxes	{
    background:none;
    width:auto;
    border:0;
}

input.smallTxtField {
    width:35px;
}

.tcTxtArea {
    width:550px;
    background-color:#eefbff;
    font-size:8pt;
    height:85px; 
    border:1px solid #d3d3d3;
    padding:10px;
    overflow-x: hidden;
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical !important;
}

.tcTxtArea ul li {
    line-height:10pt;
}

/* eo form rules */


/* Style for invalid input */
.invalidInput{
    border:1px dotted #f00;
    background-color: #ffece6;
}

/* Style for valid input */
.validInput{
    border: 1px dotted #ff0000;
}

/* table layout rules */

table, table ul, table li {
    border:0;
    font:11px Tahoma, Arial, Helvetica, sans-serif;
}

.headerTR {
    background-color:#82d2fe;
    font-weight:bold;
    text-shadow: #6699cc 1px 1px 2px;
}

.headerTR td {
    border-bottom:1px solid #82c2ee;

}

.headerTR:hover, .headerTR:hover td {
    background-color:#82d2fe;
    color:#333;
    border-bottom:none;
}

.planDataTable {
    width:100%;
    margin:10px auto 0 auto;
    border-spacing:2px;
    border-collapse:separate;
    background-color:#f4f4f4;
}

.planDataTable tr:hover {
    background-color:#e6e6e6;
    cursor:default;
    color:#ff6600;
}

.planDataTable tr td {
    border-bottom:1px solid #fff;
    padding:auto 4px auto 10px;
}

.planDataTable tr:hover td {
    border-bottom:1px solid #ccc; 
}

.planDataTable td {
    width:auto;
    padding:2px;
}

#planSelectTR.selectTRactive {
    background-color:#c8e7fc;
    color:#025b99;
    font-weight:bold;
}


#tablePrepaidDialupPlans td, #tableADSL2PlansPromo td {
    width:auto;
}

#tableADSL2Plans .quotaTD, #tableADSL1Plans .quotaTD, #tableDialupPlans .quotaTD, #tablePrepaidDialupPlans .quotaTD, #tableADSL2PlansPromo .quotaTD {
    width:20%;
}

.buttonDIV {
    width:100px;
    margin:10px auto 0 auto;
    height:25px;
}

.genTable, .autoTable, .contactTable, .networkTable {
    width:95%;
    margin:10px auto 0 auto;
    border-spacing:2px;
    border-collapse:separate;
}

.genTable, .autoTable, .contactTable {
    border:1px solid #82d2fe;
}

.contactTable {
    border-width:0 0 1px 0;
}

.networkTable {
    border:1px solid #ededed;
    border-collapse:collapse;
    width:95%;
}

.networkTable .lastTD {
    width:30%;
}

.networkTable .firstTD {
    width:30%;
}

.networkTable .headerTR {
    background-color:#2d2d2d;
    color:#fff;
    font-weight:bold;
    border:1px solid #5e5e5e;
}

.networkTable td {
    border-bottom:1px solid #5e5e5e;
    width:20%;
    padding:4px;	
}

.networkTable td.mapsTD {
    background:transparent url(../images/gen/maps_icon.png) 2px 3px no-repeat;
    padding-left:22px;
}

td.Active, td.Planned {
    background:transparent url(../images/bg/bullet_net_bg.png) 0px 6px no-repeat;
    padding-left:14px;
}

td.Planned {
    background-position: 0px -32px;
}

.genTable:first-child, .autoTable:first-child, .contactTable:first-child {
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
}

.genTable td, .autoTable td {
    width:auto;
    padding:2px;
}

.contactTable {
    font:inherit;
}

.contactTable td {
    width:50%;
    padding:2px;
}


.genTable ul {
    list-style-position:outside;
    margin-left:4px;
    padding:0;
}

.genTable ul li:before {
    content:"• "
}

.signUp .genTable {
    width:100%;
}

.autoTable {
    width:auto;
    margin:10px 0 0 15px;
}

#speakContainer { /* ///speak hide/show container within sign-up forms */
   background:#fff url(../images/bg/speak_logo_bg.png) 155px right no-repeat;
}

#speakContainer h4 {
    color:#93107e;
    border-bottom:2px solid #93107e;
}

#speakContainer input {
    background: #f2cbec none;
}

#speakContainer .nonTextInputBoxes {
    background:none;
}


/* eo table rules */

/* hyperlink rules */

a:link, a:visited, a:hover {
    text-decoration:none;
}

a:link {
    color:#139dfe;
    border-bottom:1px dotted #efefef;
}

a:visited {
    color:#4a589d;
    border-bottom:1px dotted #4a589d;
}

a:hover	{
    color:#139ccc;
    border-bottom:1px dotted #139eee;
}

.iconList li a:link {
    color:#139ccc;
}

.iconList li a:visited {
    color:#663399;
    border-bottom:1px dotted #663399;
}

.iconList li a:hover {
    color:#cc0000;
    border-bottom:1px dotted #cc0000;
}



/* eo hyperlink rules */


/* footer rules */

#footerHolder {
    position:relative;
    margin-top:-250px;
    height:250px;
    clear:both;
    background:transparent url(../images/bg/footholder_bg.png) top left repeat-x;
}

/* old footer
#footerHolder {
    width:inherit;
    margin:40px auto 0 auto;
    height:145px;
    padding:0;
    background:#fff url(../images/bg/footer_bg.png) top center no-repeat;
    font:9pt/11pt "Lucida Grande", "Lucida Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
}

*/

#footerHolder div {
    width:900px;
    margin:0 auto;
    padding:0;
}

#footerHolder div div {
    width:224px;
    float:left;
    min-height:145px;
    border-right:1px solid #ace9fd;
    margin-top:10px;
}

#footerHolder div div p {
    color:#12aee1;
    font-size:11px;
    line-height:17px;
    padding-left:15px;
}

#footerHolder div div p.paraBold {
    color:#12aee1;
    width:50%;
    padding:0 0 0 15px;
    background:none;
    font-size:11px;
}

#footerHolder div div ul {
    padding:5px 0 0 0;
    margin:0 0 0 15px;
    list-style:none inside none;
    text-transform:lowercase;
    font-size:11px;
    color:#1d91fd;
}

#footerHolder div div ul li	{
    padding:0 0 0 45px;
}

#footerHolder div div ul li:first-child {
    text-transform:none;
    font-weight:bold;
    color:#1d91fd;
}

#footerHolder div div ul a:link, #footerHolder ul a:visited	{
    color:#1d91fd;
    text-decoration:none;
    border:0;
}

#footerHolder div div ul a:hover {
    color:#036fd4;
    border-bottom:1px dotted #0285ff;
}

#footerWideHolder {
    width:100%;
    z-index:-2;
    margin:0;
    padding:0;
    position:absolute;
    bottom:0;
    left:0;
    background:#3f7b91 url(../images/bg/footer_bg.jpg) top left repeat-x;
    height:200px;
}


/* eo footer */

/* hacks */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */



.title {
    font-weight:bold;
    font-size:16px;
    color: #004685;
}

.breadcrumb-left {
    font-weight:bold;
    font-size:8pt;
    line-height:2;
}

.breadcrumb-right {
    font-weight:bold;
    font-weight:normal;
    font-size:8pt;
    color: #666;
}


/* pop-up styles */

#backgroundPopup {  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:100%;  
    width:100%;  
    top:0;  
    left:0;  
    background:#000000;  
    border:1px solid #cecece;  
    z-index:1;  
}  
#popupContact {  
    display:none;  
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:384px;  
    width:408px;  
    background:#FFFFFF;  
    border:2px solid #cecece;  
    z-index:2;  
    padding:12px;  
    font-size:13px;  
}  
#popupContact h1 {  
    text-align:left;  
    color:#6FA5FD;  
    font-size:22px;  
    font-weight:700;  
    border-bottom:1px dotted #D3D3D3;  
    padding-bottom:2px;  
    margin-bottom:20px;  
}  
#popupContactClose {  
    font-size:14px;
    line-height:14px;  
    right:6px;  
    top:4px;  
    position:absolute;  
    color:#6fa5fd;  
    font-weight:700;  
    display:block;  
}  

#button {
    text-align:center;
    margin:100px;
}