/* this is for the quick link and loginbox */
#content-insidepage
{
	width: 762px;
}
#quicklink{
	

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	//width: 1010px;
	position:absolute;
	height:20px;
	z-index:100;
	float:left;
	margin-left: 45px;
	padding-top:2px;

	}
#topnav{
	height:20px;
	float:right;
}

#topnav .message { padding-right: 10px; }

#topnav .phone-number 
{
	background-image: url(../images/phone-number.png);
	height: 24px;
	width: 196px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 38px;
}

#topnav .phone-number:hover
{
	background-position: 0 -26px;
}

#topnav .Residential 
{
	background-image: url(../images/personal-small.png);
	height: 26px;
	width: 93px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 3px;
}

#topnav .Residential:hover
{
	background-image: url(../images/personal-tab.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#topnav .ResidentialCurrent
{
	background-image: url(../images/personal-tab.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top: 2px;
}


#topnav .Business 
{
	background-image: url(../images/business-tab.png);
	height: 26px;
	width: 93px;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 51px;
}

#topnav .Business:hover
{
	background-image: url(../images/business-big.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#topnav .CurrentBusiness 
{
	background-image: url(../images/business-big.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top: 2px;
}


ul.topnav {list-style:none; margin:0; padding:0}
ul.topnav * {margin:0; padding:0}
ul.topnav a {
	display:block;
	color:#000;
	text-decoration:none;
	height:20px;
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

ul.topnav li {
	height:30px;
	position:relative;
	float:left;
	margin-right:2px;
	
	padding-top: 1px;
	padding-bottom: 2px;
}

ul#topnav ul {
	position:absolute;
	top:20px;
	left:0;
	display:none;

	list-style:none;
	background-image: url(../images/dd-bg-trans.png);
	background-repeat: repeat-y;
	padding-left: 10px;
	margin-left:-4px;

}

ul#topnav.Li  {
	position:absolute;
	width:400px;
	height:180px;
	top:20px;
	left:0;
	display:none;
	list-style:none;
	background-image: url(../images/login-box-bg.png);
	background-repeat: repeat-y;
	padding-left: 10px;
	margin-left:-4px;

}
.dd-shadow{
	position:relative;
	background-image: url(../images/dd-shadow-trans.png);
	background-repeat: no-repeat;
	top: 0px;
	width:200px;

	}
.dd-roundcorner{
	clear:inherit;
	clear:both;
	position:relative;
	background-image: url(../images/dd-footer-trans.png);
	background-repeat: no-repeat;
	bottom: 0px;
	width: 180px;
	height:10px;
	left:-9px;
	top:10px;

	}

ul.topnav ul li {position:relative;  width:148px; margin:0}
ul.topnav ul li a {display:block; padding:4px 7px 5px; }
ul.topnav ul li a:hover {
	width:170px;
	color:#fff;
	background-image: url(../images/quicklink_bg-trans.png);
	background-repeat: no-repeat;
	
	z-index:500;
}
ul.topnav ul ul {left:148px;}

ul.topnav .qL {
	background-image: url(../images/quick_link2.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}
ul.topnav .qL:hover{
	display: block;
	width: 130px;
	height: 10px;
	background-image:url(../images/quick_link1.png);
	background-repeat: no-repeat;
	font-size: 10px;
}	

.topnav li .qL 
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
	width: 130px;
	height: 8px;
	padding-left: 10px;
	padding-bottom:15px;
}
.topnav li .paymybill 
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display: block;
	width: 130px;
	height: 8px;
	padding-left: 10px;
	padding-bottom:15px;
}
ul.topnav .paymybill {
	background-image: url(../images/pay-my-bill.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	width: 122px;
	height: 8px;
}
ul.topnav .paymybill:hover{
		background-position: 0 -24px;
}	

.login {
	position:relative;
	float:right;
	margin:20px;
	display: block;
	height: 23px;
	width: 130px;
	
}
.login dt {
	width:164px;
	color: #FFF;
	cursor:pointer;
	background-image: url(../images/Login.png);
	background-repeat: no-repeat;

	line-height: 23px;
}

.login dt:hover {
	background-position: 0 -24px;
}

.login span{
	visibility:hidden;
}
.qL span{
	visibility:hidden;
}
.paymybill span{
	visibility:hidden;
}
.login dt:hover {
	width: 164px;
	
	}
.login dd {
	position:absolute;
	overflow:hidden;
	width:350px;
	display:none;
	z-index:-200;
	padding-top: 3px;
	margin-left:-120px;

		
}
#signin_menu {
	width:260px;
	height:176px;
	list-style:none;
	text-align: left;
	padding: 15px;
	border: 1px none #999;
	background-image: url(../images/login-box-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



#signin_menu .submit
{
	display:block;
	float:right;
	left:10px;
	padding-right:20px;
	
}
#signin_menu .resend_password_link
{
	display:block;
	width:140px;
	float:left;
	line-height:10px;
	vertical-align: top;
	
}



/* menu */



#main-menu {
    height: 90px;
    margin-left: 196px;
    width: 797px;
    z-index: 100;
}



ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}

ul.menu a {
color:#000000;
display:block;
font-family:arial;
font-size:12px;
height:80px;
line-height:20px;
text-decoration:none;
vertical-align:middle;
}

ul.menu li {
	height:30px;
	position:relative;
	float:left;
	margin-right:0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
ul.menu ul {
	position:absolute;
	width:177px;
	top:77px;
	left:0;
	display:none;
	
	list-style:none outside none;
	background-image: url(../images/dd-bg-trans.png);
	background-repeat: repeat-y;
	padding-left: 10px;
	margin-left: -7px;
}

ul.menu ul.coloum1 li {
	height:70px;
	position:relative;
	float:left;
	//width: 100%;
	margin-right:0px;
	border-bottom: 2px solid gray;
}

ul.menu ul.coloum1 {
	position:absolute;
	width:177px;
	top:77px;
	left:0px;
	display:none;
	list-style:none outside none;
  background-image: none;
	//background-color: white;
	margin-left: -7px;
	//border-left: 4px solid black;
	//border-top: 4px solid black;
	//border-bottom: 4px solid black;
}

.coloum2
{
	border-left: 4px solid black;
	border-top: 4px solid black;
	border-bottom: 4px solid black;
	background-color: white;
	height: 100%;
	width: 100%;
}

.dd-shadow{
	position:relative;
	background-image: url(../images/dd-shadow-trans.png);
	background-repeat: no-repeat;
	top: 0px;
	width:200px;

	}
.dd-roundcorner{
	clear:inherit;
	clear:both;
	position:relative;
	background-image: url(../images/dd-footer-trans.png);
	background-repeat: no-repeat;
	bottom: 0px;
	width: 180px;
	height:10px;
	left:-9px;
	top:10px;

	}

ul.menu ul li {position:relative;  width:148px; margin:0}
ul.menu ul li a {display:block; padding:4px 7px 5px; }
ul.menu ul li a:hover {
	width:170px;
	color:#ffffff;
	background-image: url(../images/dd-hover-trans.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	}
ul.menu ul ul {left:148px;}

@charset "utf-8";
/* CSS Document */


ul.menu .home 
{
display: none;	width: 87px;	height: 77px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/home-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}


ul.menu .home:hover
{
	background-position: 0 -79px;	
}

ul.menu .Home1 
{
display: none;	width: 87px;	height: 77px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/home-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .Home1:hover
{
background-position: 0 -79px;
}

ul.menu .mobile 
{
display: none;	width: 87px;	height: 77px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/mobile-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .mobile:hover
{
	background-position: 0 -79px;
}

ul.menu .phone 
{
display: none;	width: 87px;	height: 79px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/phone-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .phone:hover
{
	background-position: 0 -79px;
}

ul.menu .broadband
{
display: none;	width: 97px;	height: 77px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/broadband-menu.png);	background-repeat: no-repeat; background-position: 0 2px;
}

ul.menu .broadband:hover
{
	background-position: 0 -77px;
}

ul.menu .bundles
{
display: none;	width: 87px;	height: 77px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/bundle-menu.png);	background-repeat: no-repeat; background-position: 0 1px;
}

ul.menu .bundles:hover
{
	background-position: 0 -78px;
}

ul.menu .mobile-broadband
{
display: none;	width: 143px;	height: 74px;	margin-right: 2px;	margin-left: 2px;	margin-top:64px;background-image: url(../images/mobile-broadband-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .mobile-broadband:hover
{
	background-position: 0 -79px;
}

ul.menu .support
{
display: none;	width: 87px;	height: 74px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/support-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .hosting
{
display: none;	width: 87px;	height: 74px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/hosting-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .hosting:hover
{
	background-position: 0 -79px;
}

ul.menu .support:hover
{
	background-position: 0 -79px;
}

ul.menu .contact
{
display: none;	width: 87px;	height: 77px;	margin-right: 2px;	margin-left: 2px;	margin-top:61px;background-image: url(../images/contact-menu.png);	background-repeat: no-repeat; background-position: 0 0px;
}

ul.menu .contact:hover
{
	background-position: -2px -79px;
}

ul.menu span
{
	visibility:hidden;
}
ul.menu .sub {background:#ffffff url(../images/small-arrow.png) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/*footer css for both home and inside pages*/
html #footer{
		position:relative;
		bottom: 0;
		right: 0;
		width:100%;
		min-width: 100%;
		height:276px;
		clear: both;
		background-image:url(../images/footer-bg.jpg);
		background-repeat:repeat-x;
		background-color:#737373;
}

#footer-contents
{
	font-family:Arial,Verdana, Geneva, sans-serif;
	width:1080px;
	height:220px;
	padding-top: 10px;
	margin-left:auto;
	margin-right:auto;
}

#footer-left {
	padding-left:35px;
	padding-right:40px;
	padding-top:20px;
	float:left;
}

#footer-left p {
	text-align: center;
}

#footer-left p.money {
	margin-top: -26px;
	margin-left: 5px;
}

#nfooter
{

	margin-left:20px;
	text-align: left;
	margin-top: 20px;
}

#nfooter dl
{
	float: left;
	width: 115px;
	font-size: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#nfooter dl.awards
{
	width: 120px;
}

#nfooter dt
{
	font-weight:bold;
	color: #FFF;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right:-5px;
}

#nfooter dd
{
	margin-left: 0em;
	line-height: 13px;
	margin-bottom: 0em;
	color: #FFF;
}

#nfooter dd.top
{
	margin-bottom: 20px;
}

#nfooter dd.copyright
{
	margin-top: 40px;
	color: #FFF;
}

#nfooter a{

	color:#E2E2E2;
	text-decoration:none;
	font-size: 100%;
	line-height: 12px;
}
#nfooter a:hover{

	color:#FFFFFF;
	font-weight:300;
	text-decoration:none;
	font-size: 100%;
	line-height: 12px;	
}
/*end footer*/

.busines-button{	display: block;width:199px; height:72px;float:right; margin-right:padding-left:0px;margin-top:45px;background-image: url(../images/business-buttons1.png);background-repeat: no-repeat;}

.busines-button:hover{	display: block;width:199px; height:72px;float:right; margin-right:padding-left:0px;margin-top:45px;background-image: url(../images/business-buttons2.png);background-repeat: no-repeat;}

.busines-button span{	visibility:hidden;}

.form-box{
	background-color:#FFD3CC;
	border:1px solid #CCC;
}

.twitterlink ,
.facebooklink 
{
	margin-left: 0px;
	width: 29px;
	hight: 29px; 
	display: inline-block;
}

#footer-left.twitterlink a
{
	float: left;
}
#footer-left.twitterlink a
{
	float: right;
}

#socialLinks
{
	width: 70px;
	margin-left: 55px;
}

.lpPoweredBy
{
	display: none;
}

#lpButDivID-1300232000710
{
	position: relative;
	margin-left: 795px;
	margin-top: -63px;
	margin-bottom: 70px;
}
#offlineButton
{
	position: relative;
	margin-left: 795px;
	margin-top: -63px;
	margin-bottom: 70px;
}

#things_to_know
{
	width:600px;
	overflow: hidden;
}

.StylishFooter
{
	display: none;
}
                    
                
 #slideshow #slidesContainer .slide
  {
     margin:0 auto;
     width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
     height:263px;
  }
                    
                     /**
                     * Slideshow controls style rules.
                     */
                    .control {
                      display:block;
                      width:43px;
                      height:263px;
                      text-indent:-10000px;
                      position:absolute;
                      cursor: pointer;
                    }
                    #leftControl {
                      top:0;
                      left:130px;
                      background:transparent url(/img/control_left.png) no-repeat 0 0;
                    }
                    #rightControl {
                      top:0;
                      right:200px;
                      background:transparent url(/img/control_right.png) no-repeat 0 0;
                    } 


<style>

#mydiv {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

#pop-up
{
	width:474px;
	height:184px;
	background-image:url(/img/liveperson/bg-chat.png);
	background-repeat:no-repeat;
	z-index:200;
	display:none;
	//opacity:0.9;
	//filter:alpha(opacity=98);
	position:fixed;
 	top: 50%;
  left: 50%;
  margin-top: -98px; /*set to a negative number 1/2 of your height*/
  margin-left: -237px; /*set to a negative number 1/2 of your width*/
}

#pop-up  a:link .chat-button{
	background-image:url(/img/liveperson/chat-now.png);
	background-repeat:no-repeat;
	background-position:0px -3px;
	width:119px;
	height:34px;
	position:absolute;
	z-index:200;
	left:331px;
	top:130px;
}

#pop-up a:hover .chat-button{
	background-image:url(/img/liveperson/chat-now.png);
	background-repeat:no-repeat;
	width:119px;
	height:34px;
	position:absolute;
	background-position:0px -37px;
	z-index:200;
	left:331px;
	top:130px;
	
}

#pop-up #close-button{
	width:67px;
	height:23px;
	position:absolute;
	z-index:210;
	left:379px;
	top:23px;
}
#pop-up span{
	visibility:hidden;
	width:67px;
	height:23px;
}

.panel {
position: fixed;
top:40%;
right: 0;
display: none;
background-image:url(/img/liveperson/backgorund.png);
width: 137px;
height: 173px;
z-index:200;
}

.panelon {
position: fixed;
top:40%;
right: 0;
display: block;
background-image:url(/img/liveperson/backgorund.png);
width: 137px;
height: 173px;
z-index:200;
}


a.trigger{
position: fixed;
top:40%; right: 0;
background-image: url(/img/liveperson/need-assistance-close2.png);
display: block;
height: 173px;
width: 42px;
z-index:200;
}

a.trigger:hover{
position: fixed;
top:40%; right: 0;
background-image: url(/img/liveperson/need-assistance-close-hover2.png);
display: block;
z-index:200;
}

a.trigered{
position: fixed;
top:40%; right: 137px;
background-image: url(/img/liveperson/need-assistance-open.png);
display: block;
height: 173px;
width: 42px;
z-index:200;
}

a.trigered:hover{
position: fixed;
top:40%; right: 137px;
background-image: url(/img/liveperson/need-assistance-close-hover-green.png);
display: block;
z-index:200;
}

.Phone-trigger{
background-image: url(/img/liveperson/image3.jpg);
margin-top:26px;
display: block;
width: 137px;
height: 37px;
z-index: 30000;
}

.Phone-trigger:hover{
background-image: url(/img/liveperson/image3-hover.jpg);
display: block;
}

a.feedback-trigger{
background-image: url(/img/liveperson/image-1.jpg);
margin-top:3px;
display: block;
width: 137px;
height: 37px;
z-index: 300000;
}

a.feedback-trigger:hover{
background-image: url(/img/liveperson/image-1-hover.jpg);
display: block;
}

a.chat-now-trigger{
background-image: url(/img/liveperson/image-4.jpg);
margin-top:26px;
display: block;
width: 137px;
height: 37px;
z-index: 300000;
}

a.chat-now-trigger:hover{
background-image: url(/img/liveperson/image4.jpg);
display: block;
}

.Call-back-trigger{
background-image: url(/img/liveperson/image2.jpg);
margin-top:3px;
display: block;
width: 137px;
height: 37px;
z-index: 30;
}

.Call-back-trigger:hover{
background-image: url(/img/liveperson/image2-hover.jpg);
display: block;
}

#slideshow h2
{
  font-size: 30px;
  padding: 0;
  padding-bottom:10px;
  padding-top:10px;
  font-weight: bold;
 
}

#slideshow h2 a
{
 color: white;
}

.tandc
{

	margin-left: 0px;
	margin-right: 10px;
}

.AUPlink
{

	margin-left: 10px;
	margin-right: 10px;
}

.contactuslink
{

	margin-left: 10px;
	margin-right: 10px;
}

.copywrite
{

	margin-left: 10px;
	margin-right: 10px;
}

#footer-left a,#footer-left  span 
{
	line-height: 12px;
	color:#E2E2E2;
}

.contact1
{
	margin-left:100px;
}

#one-ddcontent
{
	margin-left: -45px;
}

#slideshow #slidesContainer 
{
  margin:0 auto;
  margin-top: 10px;
  margin-left:200px;
  width:670px;
  height:279px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  font-size: 12px;
  color: #FFF;
}

ul.menu .personalMenu
{
	display: list-item;
}