/* CSS Document */
/* Website: www.eftel.com.au */
/* Created: Oct 09 */
/* Modified: Jan 2011 */
/* 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 */

/* blank page rules */

.numCheckPage, .blankSlate, .noFrills {
  background-color:#5498b7;
  background-image:none;
  margin:0;
  padding:0;
  overflow:hidden;
}

.blankSlate, .noFrills {
  background-color:#fff;
}

.numCheckPage #container {
  background:none;
  width:700px;
  border:15px solid rgba(250,250,250,.5);
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:0 0 50px 0;
  background-color:rgba(255,255,255,.3);
}

.blankSlate #container, .noFrills #container {
  width:100%;
  background:none;
  padding:0;
  margin:0 auto;
}

.numCheckPage #container {
  margin-top:5%;
}

.numCheckPage #container form {
  width:450px;
  margin:5% auto 0 auto;
}

.numCheckPage #container h2 {
  font:340% "Lobster", "Cabin", "Puritan", Helvetica, Tahoma, sans-serif;
  font-weight:600;
  color:#3f87a8;
  text-shadow:0 1px 1px rgba(125,195,225, .9);
  margin:0 0 5px 0;
}

.numCheckPage #container h2.smaller {
  font-size:2em;
  text-align:center;
  margin-top:10px;
  text-shadow:0 1px 1px rgba(125,195,225, .9);
}

.numCheckPage #container input[type='text'] {
  background-color:#fff;
  color:#7cc2e3;
  padding:1px;
  border:1px solid #cdcdcd;
  font-size:350%;
  letter-spacing:1px;
  color:#888;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  display:block;
  font-family:"Lobster", "Cabin", "Puritan", Helvetica, Tahoma, sans-serif;
  text-align:center;
}

.numCheckPage #container input[type='text'] {
  /*background:#fff  url(../images/bg/input_bg.png) top left repeat-x;*/
  -moz-box-shadow:inset 0 2px 2px #ccc;
  -webkit-box-shadow:inset 0 2px 2px #ccc;
  box-shadow:inset 0 2px 2px #ccc;
}

.numCheckPage .coolButton {
  margin:10px auto 0 40%;
  border:1px solid #8ec1da;
  background-color: #ddeef6;
  background-image:none;
  border-radius:6px;
  box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  color: #3985a8;
  text-shadow: 0 1px #fff;
  padding: 5px 10px;
  cursor:pointer;
  width:100px;
  font:2em "Lobster", "Cabin", "Puritan", Helvetica, Tahoma, sans-serif;
}

.numCheckPage .coolButton:hover {
  color:#444;
}

.numCheckPage #container .bbandMssgHolder, .numCheckPage #container .optusMssgHolder {
  text-align:center;
  font-size:10pt;
  padding:5px;
  display:none;
  width:85%;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:0 3px 5px #444;
  -webkit-box-shadow:0 3px 5px #444;
  box-shadow:0 3px 5px #444;
  margin:5px auto 20px auto;
  background-color: #96e6ff;
  border:5px solid #87e0fd;
  min-height:40px;
}

.numCheckPage #container .optusMssgHolder {
  background-color:#ffcc00;
}

.numCheckPage #container .bbandMssgHolder ul, .numCheckPage #container .optusMssgHolder ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

.numCheckPage #container .bbandMssgHolder ul > li, .numCheckPage #container .optusMssgHolder ul > li {
  display:inline;
  margin:0 10px 0 10px;
  padding:0;
}

.numCheckPage #container #errorMssg, .numCheckPage #container #gotSugah, .numCheckPage #container #optusErrorMssg, .numCheckPage #container #gotOptusDSL  {
  margin:0 auto 4px auto;
  text-align:center;
  font:2em "Cabin", "Puritan", Tahoma, sans-serif;
  font-weight:bold;
  /*color:#ba3302;*/
  text-shadow:0 1px 1px rgba(250,195,175, .5);
  display:none;
}

.numCheckPage #container #errorMssg {
  color:#f00;
}

.numCheckPage #container #gotSugah, .numCheckPage #container #gotOptusDSL {
  color:#ff6600;
  text-shadow:0 1px 1px rgba(250,255,255, .8);
}

.numCheckPage .copyrightMssg {
  font-size:11pt;
  margin-top:8em;
  color:#266887;
  font-weight:bold;
  text-shadow:0 1px 1px rgba(125,195,225, .9);
}

.blankSlate #container input[type='text'] {
  background-color:#fff;
  color:#7cc2e3;
  padding:1px;
  border:1px solid #cdcdcd;
  font-size:150%;
  letter-spacing:1px;
  color:#888;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  display:block;
  font-family:"Puritan", Helvetica, Tahoma, sans-serif;
}

.blankSlate #my_map {
  margin-top:30px;
  border:1px solid #999;
  -moz-box-shadow:1px 1px 1px rgba(255,255,255,.8);
  -webkit-box-shadow:1px 1px 1px rgba(255,255,255,.8);
  box-shadow:1px 1px 1px rgba(255,255,255,.8);
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  overflow:hidden;
}

.noFrills form {
  width:inherit;
  margin:0 auto;
  text-align:center;
}

.noFrills input[type='text'] {
  background-color:#fff;
  color:#7cc2e3;
  padding:3px;
  border:1px solid #cdcdcd;
  font-size:150%;
  letter-spacing:1px;
  color:#444;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  width:55%;
  font-family:"Droid Sans","Lucida Sans", "Lucida Unicode", Tahoma, sans-serif;
  text-align:center;
}

.noFrills #container #bbandMssgHolder {
  width:85%;
  margin:10px auto 0 auto;
  text-align:center;
  -moz-box-shadow:0 3px 5px #444;
  -webkit-box-shadow:0 3px 5px #444;
  box-shadow:0 3px 5px #444;
  font-size:9pt;
}

.noFrills #container #bbandMssgHolder ul {
  margin:5px 0 0 10px;
  display:block;
}

.noFrills #container #errorMssg, .noFrills #container #gotSugah {
  margin:10px auto 10px auto;
  text-align:center;
  font-size:12pt;
  text-shadow:0 1px 1px rgba(250,195,175, .5);
  display:none;
  line-height:14pt;
}

.noFrills #container #gotSugah {
  color:#f00;
  text-shadow:0 1px 1px rgba(250,255,255, .8);
}

#map_legend {
  margin:0 auto;
  padding:5px 0 0 0;
  background-color:#ddd;
  width:680px;
  height:40px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}

#map_legend div {
  height:inherit;
  float:left;
  margin-right:10px;
  text-shadow:1px 1px 1px rgb(255,255,255);
}

#map_legend div:first-child {
  margin-left:15px;
}

#map_legend div:last-child {
  margin-right:0;
}

ul.floatList {
  list-style-type:none;
  font-weight:bold;
  display:block;
  margin:5px auto 0 auto;
  padding:0 0 0 0;
  width:675px;
}

.floatList li {
  display:inline;
  font-weight:normal;
  padding:0 8px 0 8px;
  border-right:1px solid #999;
}

/* 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, #domainCheckerHolder	{
  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, #domainCheckerHolder form	{
  padding:33px 0 0 20px;
}

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

.lhsInputFields:hover, .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;
}

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

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

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

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

.selectedLink  {
  font-weight:bold;
}

.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 */

.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) */

.imgLink:link, .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 "Allerta", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Arial, Helvetica, sans-serif;
 /*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:1px 1px 1px rgba(255,255,255,.8);
}

#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 li:first-child {
  background-image:none;
}

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

}

#inlineSecondaryMenu a:hover {
  color:#fff;
  text-shadow: 1px 1px 1px rgba(5,140,200, .8);
}

#inlineSecondaryMenu a.tempLink:link, #inlineSecondaryMenu a.tempLink:visited {
  color:#8e0394;
  text-decoration:none;
  border:0;
  padding:0;
}

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

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

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

.hiddenInputFields:hover, .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:550;
  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;
  position:absolute;
}

#myAccountDiv {
  display:none;
  position:relative;
  top:24px;
   /* left:391px;*/
  left:480px;
  height:95px;
  width:150px;
  margin:0;
  z-index:550;
  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;
  position:absolute;
}

.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:2000;
  height:auto;
  -moz-box-shadow:2px 2px 3px rgba(100,100,100, .7);
  -webkit-box-shadow:2px 2px 3px rgba(100,100,100, .7);
  box-shadow:2px 2px 3px rgba(100,100,100, .7);
}

#inlineMenu ul li:hover {
  -moz-box-shadow:inset 1px 1px 2px rgba(2,120,195, .7);
  -webkit-box-shadow:inset 1px 1px 2px rgba(2,120,195, .7);
  box-shadow:inset 1px 1px 2px rgba(2,120,195, .7);
}

#inlineMenu ul li a:link, #inlineMenu ul li a:visited {
  color:#035a94;
  text-shadow:1px 1px 1px #98d5fe;
}

#inlineMenu ul li a:hover {
  text-shadow: 1px 1px 2px rgba(2,120,195, .4);
  color:#fff;
}

#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 .hangingLI {
  height:80px;
  background:none;
  cursor:arrow;
}

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

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

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

#inlineMenu .hangingLI:hover {
  height:80px;
  cursor:auto;
  border:0;
  cursor:arrow;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

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

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

.searchBox .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;
}
*/

#homeBannerHolder 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;
}

#slideBannerHolder {
  width:630px;
  height:233px;
  margin:25px auto 0 auto;
  padding:0;
  border:0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

#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, .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, .stateTabs {
  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;*/
  background-color:#18c9fc;
  border-collapse:collapse;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

#stateHolder div:hover {
  background-color:#47bcec;
  color:#ff4200;
  /*background-color:#666;
  color:#ffcc00; 
  border:1px inset #9e9e9e;*/
  cursor:pointer;
  padding-bottom:3px;
}

/* mobile network coverage maps */

.stateTabs div {
  border:1px solid #ccc;
  border-width: 0 0 0 1px;
  float:left;
  width:48px;
  height:20px;
  text-align:center;
  padding:10px 0 5px 0;
  margin:0;
}

.stateTabs div:first-child {
  border-left-width:0;
}

.stateTabs div:hover, .stateTabs div:hover a {
  cursor:pointer;
  color:#000;
}

.stateTabs div a {
  border:0;
  color:#777;
}

.stateTabs div a:hover {
  color:#000;
}

.stateTabs div.activeState {
  background-color:#efefef;
  text-shadow:1px 1px 1px #fff;
  -moz-box-shadow:inset 2px 2px 3px rgba(200,200,200,.8);
  -webkit-box-shadow:inset 2px 2px 3px rgba(200,200,200,.8);
  box-shadow:inset 2px 2px 3px rgba(200,200,200,.8);
}

.subStateTabs {
  width:85%;
  min-height:35px;
  margin:0 auto;
  padding:0 0 4px 0;
  display:none;
  border-top:1px solid #ccc;
  position:relative;
}

#contentHolder .subStateTabs ul.subList {
  list-style-type:none;
  list-style-position:outside;
  padding:0;
  margin:5px 0 0 0;
  width:100%;
  height:35px;
  font-size:95%;
  display:none;
}

#contentHolder .subStateTabs ul.subList li {
  float:left;
  line-height:10pt;
  margin:0;
  height:15px;
  padding:0 5px 0 5px;
}

#contentHolder .subStateTabs ul.subList li:before {
  content: "» ";
}

#contentHolder .subStateTabs ul.subList a {
  text-decoration:none;
  border:0;
  color:#778c7a;
}

#contentHolder .subStateTabs ul.subList a:link, #contentHolder .subStateTabs ul.subList a:visited {
  border-bottom:1px solid #bdbd9f;
}

#contentHolder .subStateTabs ul.subList a:hover {
  color:#425955;
  border-bottom:0;
}

.activeGState {
  color:#f00;
}

.boldSubLink {
  font-weight:bold;
}

/* eo of mobile network maps */


#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;
  text-shadow: #5c5c5c 1px 1px 2px;
}

#stateHolder div:hover a {
  text-shadow: #5c5c5c 1px 1px 2px;
  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;
  border-radius:5px;
}

#my_map a {
  border:0;
}

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

#my_map a#fancybox-close:link, #my_map a#fancybox-close:hover, a#fancybox-close:visited {
  border:0;
}

#my_map input {
  background:none;
  width:auto;
  border:0;
}

/* eo Google Maps */

/* Optus Network Coverage maps */

.mapsDivOuter {
  width:587px;
  height:615px;
  margin:10px auto 0 auto;
  padding:15px 0 0 0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:0 0 10px rgba(0,30,60, .4);
  -webkit-box-shadow:0 0 10px rgba(0,30,60, .4);
  box-shadow:0 0 10px rgba(0,30,60, .4);
}

.mapsDivInner {
  width:567px;
  height:595px;
  margin:0 auto;
}

#mapsNetworkDiv {
  position:relative;
  top:4px;
  left:18px;
  background-color:rgba(250,250,250, .7);
  width:490px;
  height:40px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-right-radius:8px;
  border-bottom-right-radius:8px;
  -moz-box-shadow:1px 2px 3px rgba(0,30,60, .4);
  -webkit-box-shadow:1px 2px 3px rgba(0,30,60, .4);
  box-shadow:1px 2px 3px rgba(0,30,60, .4);
}

#mapsNetworkDiv div {
  width:135px;
  height:25px;
  float:left;
  border:1px solid #fff;
  border-width:0 1px 0 0;
  text-align:center;
  font-size:125%;
  text-shadow:1px 1px 1px #fff;
  font-weight:bold;
  margin-top:10px;
}

#mapsNetworkDiv div:hover {
  cursor:pointer;
}

#mapsNetworkDiv div:last-child {
  width:80px;
  height:38px
  padding:0;
  border-right-width:0;
  margin:0;
}

#mobileCoverageFinePrint {
  width:575px;
  padding:0;
  margin:5px auto 0 auto;
  border:1px solid #ececec;
  border-width:0 1px 0 1px;
}

#mobileCoverageFinePrint p {
  font-size:85%;
  color:#7c7c7c;
  text-align:justify;
  display:none;
  line-height:115%;
}

/* end of maps */


/* Tabbed navigation (inner) */

/* inline number checker */

#inlineNoCheckerHolder {
  height:55px;
  margin:5px auto 20px auto;
  width:90%;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:1px 2px 3px rgba(0,30,60, .7);
  -webkit-box-shadow:1px 2px 3px rgba(0,30,60, .7);
  box-shadow:1px 2px 3px rgba(0,30,60, .7);
 /* border:1px outset #ededed;
  
  background-color:#efefed;
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.09, rgb(255,255,255)),
  color-stop(0.16, rgb(255,255,255)),
  color-stop(0.78, #efefed)
);
background-image: -moz-linear-gradient(
  center bottom,
  rgb(255,255,255) 9%,
  rgb(255,255,255) 16%,
  #efefed 78%
);*/

background: #87e0fd; /* old browsers */

  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #87e0fd),
    color-stop(27%, #53cbf1),
    color-stop(59%, #dbf9ff)
);
background-image: -moz-linear-gradient(
    center top,
    #87e0fd 0%,
    #53cbf1 27%,
    #dbf9ff 59%
)

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#dbf9ff',GradientType=0 );
}

#inlineNoCheckerHolder form {
  padding:5px;
  margin:0 auto;
}

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

#inlineNoCheckerHolder > div {
  float:left;
  clear:right;
  font-size:2em;
  font-family: 'PT Sans', sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  margin:15px auto 0 40px;
  width:45%;
  text-align:center;
  color:#00526b;
}

#numberHolder {
  font-weight:bold;
  font:1em Georgia, "Times New Roman", Times, serif;
}

#bbandMssgHolder, #errorMssgHolder {
  display:none;
  width:85%;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin:5px auto 20px auto;
  background-color: #96e6ff;
  border:5px solid #87e0fd;
  padding:10px;
  height:40px;
}

#errorMssgHolder {
  background-color:#fff;
  color:#ff232f;
  font-weight:bold;
  font-size:9pt;
  padding-bottom:20px;
}

#bbandMssgHolder p, #errorMssgHolder p {
  margin:0 auto 0 auto;
}

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

#bbandMssgHolder ul > li {
  float:left;
  margin:0 10px 0 10px;
  padding:0;
}

#tabNavigation {
  width:455px;
  height:25px;
 /* height:25px;
 margin:0 auto 0 16px;*/
  position:relative;
  top:0;
  left:45px;
  padding:0;
}

#tabNavigation div {
  float:left;
  width:125px;
  height:25px;
  text-align:center;
  padding:5px 0 0 0;
  /*background-color:#47bcec;*/
  /*background-color:#3399cc;*/
  background-color:#a0bbc9;
  border-collapse:collapse;
  -moz-border-radius:4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
  margin-right:1px;
  position:relative;
  cursor:pointer;
}

#tabNavigation div:hover {
  /*background-color:#47bcec;*/
  color:#ff4200;
  cursor:pointer;
}

#tabNavigation div a {
  color:#006582;
  text-decoration:none;
  border:0;
  font-size:12px;
  font-weight:bold;
  text-shadow:1px 1px 1px rgba(255,255,255, .6);
  text-transform:uppercase;
}

#tabNavigation div:hover a {
  text-shadow: 1px 1px 2px rgba(100,100,100, .5);
  color:#ffcc00;
}

#tabNavigation div.activeTab {
  background-color:#18c9fc;
  /* -moz-box-shadow:4px 2px 6px #0f0f11;
  -webkit-box-shadow:4px 2px 6px #0f0f11;
  box-shadow:4px 2px 6px #0f0f11;
  z-index:200;*/
}

div.tabs {
  margin:0 auto;
  padding:0;
  width:95%;
  min-height:50px;
}

div.tabs > span.loadMssg, div.tabs > span.errorMssg {
  display:block;
  height:25px;
  width:545px;
  clear:both;
  padding:5px;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
}

div.tabs > span#errorMssg {
  text-transform:none;
  display:none;
  text-align:left;
}

div.tabs > div {
  margin:0 auto;
  padding:10px 0 15px 0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  position:relative;
}

div.tabs > div > table {
   width:95%;
   margin-top:0;
}
  
#msanPlansDIV, #bbExtraPlansDIV, #zone1PlansDIV, #zone2PlansDIV, #adsl1PlansDIV, #adsl1zone1PlansDIV, #adsl1zone2PlansDIV, #metroPlansDIV, #regionalPlansDIV  {
  display:none;
}

.activeTabDiv {
  background-color:#18c9fb;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.39, rgb(24,201,251)),
    color-stop(0.81, rgb(182,255,158)),
    color-stop(1, rgb(169,214,154))
);
background-image: -moz-linear-gradient(
    center top,
    rgb(24,201,251) 39%,
    rgb(182,255,158) 81%,
    rgb(169,214,154) 100%
);
  -moz-box-shadow:3px 2px 4px #a9d69a;
  -webkit-box-shadow:3px 2px 4px #a9d69a;
  box-shadow:3px 2px 4px #a9d69a;
}

.planTableBackground {
  background-color:#fff;
  -webkit-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  -moz-box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
  box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

.planUnavailable {
  color:#222;
  font-weight:bold;
  text-align:center;
  font-size:1.5em;
  width:95%;
  margin:4px auto 0 auto;
  text-transform:uppercase;
}

.msanPlansDIV, .bbExtraPlansDIV, .zone1PlansDIV, .zone2PlansDIV, .adsl1Plans {
  display:block;
}

.bbExtraPlansShow, .msanPlansShow, .zone1PlansShow, .zone2PlansShow, .adsl1PlansShow, .adsl1zone1PlansShow, .adsl1zone2PlansShow {
  display:none;
}

#metroPlansDIV table td, #regionalPlansDIV table td {
  padding:2px;
  height:20pt;
  font-size:110%;
}

#metroPlansDIV table td .smallTxt, #regionalPlansDIV table td .smallTxt {
  font-size:90%;
}

#metroPlansDIV table td.plansTD, #regionalPlansDIV table td.plansTD {
  width:10%;
}

#metroPlansDIV table td.balanceTD, #regionalPlansDIV table td.balanceTD {
  width:10%;
}

#metroPlansDIV table td.rhsTD, #regionalPlansDIV table td.rhsTD {
  width:5%;
}

.buttonHolder {
  width:100px;
  height:20px;
  margin:5px auto 25px auto;
}

.lrgSignUpButton {
  background:#ff5600 url() no-repeat;
  padding:5px;
  color:#111;
  font-size:12pt;
  width:100px;
  font-weight:bold;
  -moz-box-shadow:2px 2px 3px #6c6c6c;
  -webkit-box-shadow:2px 2px 3px #6c6c6c;
  box-shadow:2px 2px 3px #6c6c6c;
  border:0;
}

.lrgSignUpButton:hover {
  color:#fff;
  cursor:pointer;
  padding-top:6px;
}

#adsl2Bar > div, #adsl1Bar > div {
  height:20px;
  margin:5px auto 20px auto;
  width:90%;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
 /* border:1px outset #ededed;
  
  background-color:#efefed;
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0.09, rgb(255,255,255)),
  color-stop(0.16, rgb(255,255,255)),
  color-stop(0.78, #efefed)
);
background-image: -moz-linear-gradient(
  center bottom,
  rgb(255,255,255) 9%,
  rgb(255,255,255) 16%,
  #efefed 78%
);*/

background: #87e0fd; /* old browsers */
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 27%, #dbf9ff 59%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(27%,#53cbf1), color-stop(59%,#dbf9ff)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#dbf9ff',GradientType=0 ); /* ie */
}

.waste {
  min-height: 1000px;
}

.signUp #tabNavigation, .signUp div.tabs {
  margin:0 auto 10px 0;
  width:620px;
}

#innerContentHolder span {
  font-weight:bold;
  color:#000;
}

#innerContentHolder span.error {
  color:#c00
}

/* pre loader rules */

#meterHolder {
  width:40%;
  margin:20px 0 20px 50px;
  height:8px;
  font-variant:small-caps;
  font-weight:bold;
}

.meter { 
  float:right;
  height: 5px;  /* Can be anything */
  width:40%;
  margin: 0 auto 0 0; /* Just for demo spacing */
  background:#555;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  padding:5px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
  -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
  box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  color-stop(0, rgb(43,194,83)),
  color-stop(1, rgb(84,240,84))
  );
  background-image: -moz-linear-gradient(
  center bottom,
  rgb(43,194,83) 37%,
  rgb(84,240,84) 69%
  );
  -webkit-box-shadow: 
  inset 0 2px 9px  rgba(255,255,255,0.3),
  inset 0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow: 
  inset 0 2px 9px  rgba(255,255,255,0.3),
  inset 0 -2px 6px rgba(0,0,0,0.4);
  box-shadow: 
  inset 0 2px 9px  rgba(255,255,255,0.3),
  inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.meter > span:after, .animate > span > span {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: 
  -webkit-gradient(linear, 0 0, 100% 100%, 
  color-stop(.25, rgba(255, 255, 255, .2)), 
  color-stop(.25, transparent), color-stop(.5, transparent), 
  color-stop(.5, rgba(255, 255, 255, .2)), 
  color-stop(.75, rgba(255, 255, 255, .2)), 
  color-stop(.75, transparent), to(transparent)
  );
  background-image: 
  -moz-linear-gradient(
  -45deg, 
  rgba(255, 255, 255, .2) 25%, 
  transparent 25%, 
  transparent 50%, 
  rgba(255, 255, 255, .2) 50%, 
  rgba(255, 255, 255, .2) 75%, 
  transparent 75%, 
  transparent
  );
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
                
.animate > span:after {
  display: none;
}
                
@-webkit-keyframes move {
  0% {
  background-position: 0 0;
}
100% {
  background-position: 50px 50px;
}
}
                
.orange > span {
  background-color: #f1a165;
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}
                
.red > span {
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
  background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}
                
.nostripes > span > span, .nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}

/* 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: " ::::";
}

h4 button {
  width:20px;
  border:0;
  text-align:center;
  padding:0 6px 0 6px;
  background-color:#0276c4;
  color:#98d5fe;
  font-weight:bold;
  font-size:12pt;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  vertical-align:middle; !important
  -moz-box-shadow:2px 2px 2px rgba(100,100,100, .6);
  -webkit-box-shadow:2px 2px 2px rgba(100,100,100, .6);
  box-shadow:2px 2px 2px rgba(100,100,100, .6);
  cursor:pointer;
}

#modemOptionsHolder {
  display:none;
}

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;
}

h3.hiLite {
  color:#f00;
  text-align:center;
  padding:5px;
  border:2px solid #f00;
  border-width:2px 0 2px 0;
  text-shadow: #ff9808 1px 1px 2px;
  width:94%;
  background-color:#fbffb7;
}

.hiLite .lrgNumber {
  color:#333;
}

.lrgNumber {
  font:2em Georgia, "Times New Roman", Times, serif;
}

.redTxt {
  color:#f00;
}

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

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

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

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

.paraBoldLrg {
  font-size:10.5pt;
}

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

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

.adslInfoHolder {
  width:inherit;
  padding:5px 0 5px 0;
  margin:0 auto;
  border:1px solid #f00;
}

ul.bbandAddedInfo {
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#454545;
  list-style:none outside disc;
  padding:0;
  margin:0;
  height:25px;
  text-align:left;
  clear:both;
}

ul.bbandAddedInfo li {
  float:left;
}

.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;
}

.copyrightMssg a {
  border:0;
}

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

.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;
}


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

.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;
}

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

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

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

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

.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;
}

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

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

.iconList {
  list-style:none;
}

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

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

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

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

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

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

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

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

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

.checkList {
  list-style:url(../images/gen/icon_check.png) inside none;
}

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

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

.breadCrumbs li {
  display:inline;
}

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

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

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

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

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

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

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

.redText {
  color:#f00;
}

.callOut {
  font-size:11pt;
  font-weight:bold;
  text-align:center;
  height:20px;
  margin:20px auto 20px auto;
  width:67%;
  vertical-align:middle;
  background-color:#82d2fe;
  padding:2px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
   border-radius:3px;
}


/* 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;
  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;
}

.phoneNo, .postCode	{
  width:auto;
}

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

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

.signUp li {
  border:0;
}

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

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

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

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

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

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

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

.signUp label.sr	{
  display:none;
}

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

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

.lhsInputFields {
  width:165px;
}

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

.roInputFieldsBig {
  width:auto;
}

.fieldsSmall {
  width:50px;
}

.sr {
  display:none;
}

.imgButton, .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;
}

.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;
}

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

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

.coolButton, .coolFormButton {
  margin:5px 0 0 0;
  border: 1px solid #8ec1da;
  background-color: #ddeef6;
  background-image:none;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  color: #3985a8;
  text-shadow: 0 1px #fff;
  padding: 5px 10px;
  cursor:pointer;
  width:auto;
}

.coolFormButton:hover {
  color:#333;
}


.formButton, .blueBgButton, .dsbldformButton, .signUpButton {
  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;
}

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

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

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

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

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

.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;
  color:#056496;
  font-weight:bold;
  text-shadow: 1px 1px 1px rgba(255,255,255, .5);
}

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

.headerTR:hover {
  background-color:#82d2fe;
  color:#333;
  border-bottom:1px solid #82c2ee;
}

.activeTabDiv .headerTR td:not(.balanceTD), .activeTabDiv .headerTR td:not(.rhsTD), .activeTabDiv .headerAltTR td:not(.balanceTD), .activeTabDiv .headerAltTR td:not(.rhsTD) {
  width:23%;
}

.headerAltTR, .headerAltTR:hover, .headerAltTR:hover td {
  background-color:#a9d69a;
  color:#333;
  font-weight:bold;
  text-shadow: #6699cc 1px 1px 2px;
}

.duoPlansTable {
  padding:5px;
}

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

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

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

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

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

.planDataTable td strong {
  color:#111;
  text-shadow:1px 1px 1px rgba(255,255,255, .9);
}

.planDataTable tr:nth-child(even) {
  background-color:#e5e5e5;
}

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

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

.quotaTD {
  width:20%;
}

.planDataTable .balanceTD {
  width:25%;
}

.planDataTable .rhsTD {
  width:55px;
}

.buttonDIV {
  width:100px;
  margin:10px auto 25px 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, .networkTable .headerTR:hover, .networkTable .headerTR:hover td  {
  background-color:#2d2d2d;
  color:#fff;
  font-weight:bold;
  border-bottom:1px solid #5e5e5e;
}

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

.networkTable .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 */

/* misc elements */

#tooltip {
  position:absolute;
  z-index:3000;
  border:1px solid #111;
  background-color:#ffffcc;
  padding:5px;
  opacity:0.85;
}
#tooltip h3, #tooltip div {
  margin:0; 
}

#tooltip.pretty {
  border:none;
  width:190px;
  padding:5px;
  height:55px;
  opacity:0.8;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:4px 3px 5px #0f0f11;
  -webkit-box-shadow:4px 3px 5px #0f0f11;
  box-shadow:4px 3px 5px #0f0f11;
}

#tooltip.pretty h3 {
  margin:5px 0 2px 0;
  font-size:10pt;
  width:inherit;
  text-align:center;
}

#tooltip.pretty div {
  width:inherit; 
  text-align:center;
  font:16pt Georgia, "Times New Roman", serif;
  font-weight:bold;
}

/* 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 */


/* xml snippet rules */

numbercheck {
  padding:1em;
  list-style-type:none;
  list-style-position:inside;
}

exchangedescription, exchangestate, servicefamily {
  display:block;
  padding:5px;
  margin-left:1em;
}

exchangedescription:before {
  content: "Exchange: ";
  font-weight:bold;
}

exchangestate:before {
  content: "Exchange State: ";
  font-weight:bold;
}

servicefamily:before {
  content: "Service Family: ";
  font-weight:bold;
}

/* ----- new number checker tables -- */

#extraPlansTable, #msanPlansTable, #zone1PlansTable, #zone2PlansTable, #adsl1PlansTable {
  display:none;
  width:95%;
}


/* 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 .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;
}


/* orbit styles for front page slider anim */

/* CONTAINER */
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden;  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; }
div.orbit img { position: absolute; top: 0; left: 0; }
div.orbit a img { border: none; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 190px; right:5px; opacity: .6; cursor: pointer; z-index: 1001; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/orbit/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('../images/orbit/timer-black.png') repeat 0px 0px;}
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('../images/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }

/* CAPTIONS */
div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-100px; color: #fff; padding: 8px 0; }
div.caption span { padding: 0 10px; font-size: 14px; text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; }
.orbit-caption { display: none; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 43%; cursor: pointer; }
div.slider-nav span.right { background: url('../images/orbit/right-arrow.png'); right: 10px; }
div.slider-nav span.left { background: url('../images/orbit/left-arrow.png'); left: 10px; }   

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 5; list-style: none; top: 10px; left: 7px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(../images/orbit/bullets.png) no-repeat; 0 0; width: 7px; height: 7px; overflow: hidden; }
.orbit-bullets li.active { color: #222; background-position: -7px 0; }