/* <!-- */
/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
a {
		color:#0000f0;
}
a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
}
h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
}
p {
		margin:.4em 0 .8em 0;
		padding:0;
}
img {
		margin:10px 15px 10px;
                float: left;
}


/* Header styles */
#header {
		clear:both;
		float:left;
		width:100%;
		height: 150px;
		background-color:#000000;
		background-image:url('images/WebSiteBlue/Banner_Left_WLogo_497x150px.jpg'); 
		background-repeat:no-repeat;
		z-index:-1;
}
#header {
		border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;

}
#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
}
#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
}
#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#FFF;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
}
#header ul li a:hover {
		background:#369;
		color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
		color:#FFF;
		background:#000;
		font-weight:bold;
}
#header ul li a span {
		display:block;
}

/* Telephone number Text format and location*/
#telephone {
        display:inline;        
	width: 280px;
	height: 25px;
	position: relative;
	font-family:"Arial";
	font-size:1.75em;
	color:#FFFFFF;
	float: right;
        margin-left:0px; margin-right:-20px; margin-top:-130px; margin-bottom:0%;
	z-index: 20;
}
#new_banner {
/*        display:inline; */       
	width: 200px;
	height: 40px;
	/*position: relative;*/
	font-family:"Arial";
	float: right;
        margin-left:0px; margin-right:100px; margin-top:-90px; margin-bottom:0%;
	z-index: 20;
	outline-color: #000000;
}
/* menubar container is 100% of width */
#menu_bar_container {
	width: 100%;
	height: 35px;
	/*position:relative;*/
	/*z-index:10;*/
}
/* left side background highlight for menu bar */
/* horizontal gradient image */
#menu_bar_high_left {
	width: 71%;
	height: 35px;
	position:relative;
	float: left;
	background-image:url('images/WebSiteBlue/highlight_left_450x1px.jpg');
	background-repeat:repeat-y;
	background-color:#0cbe05;
	z-index: 10;
}
/* right side background highlight for menu bar */
/* vertical gradient fade */
#menu_bar_high_right {
	width: 30%;
	height: 35px;
	position:relative;
	margin-left:0%; margin-right:0%; margin-top:-35px; margin-bottom:0%;
	float: right;
	background-image:url('images/WebSiteBlue/highlight_right_1x83px.jpg');
	background-repeat:repeat-x;
	z-index: 9;
}
/* foreground rail effect for menu bar */
#menu_bar_rail {
	width: 100%;
	height: 35px;
	position:relative;
	margin-left:0%; margin-right:0%; margin-top:-35px; margin-bottom:0%;
	float: right;
	background-image:url('images/WebSiteBlue/menu-bar_1x35px.gif');
	background-repeat:repeat-x;
	z-index: 15;
}

/* horizontal floating menu*/
/*Do all tab styling on the li and a elements only.*/ 
#centeredmenu {
   float:left;
   width:100%;
   /*background:#fff;*/
   position:relative;
   margin-left:0%; margin-right:0%; margin-top:-31px; margin-bottom:0%;
   border-bottom:4px /*hidden*/;
   overflow:hidden;
   z-index: 30;

}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   /*top: -29px;*/
   left:50%;
   text-align:center;
   /*z-index: 30;*/
}
#centeredmenu ul li {
   /*display:inline;*/
   position: relative;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
  /* display:inline;*/
   margin:0 0 0 0px;
   padding:3px 10px;
   background:transparent;
   font-size: 1.25em;
   font-family: "Arial";
   color:#FFF;
   text-decoration:none;
   line-height:1.3em;
   z-index: 30;
}
#centeredmenu ul li a:hover {
   background: transparent;
   color:#00ff00;
   border-top:0.2em solid #00ff00;
   border-bottom:0.2em solid #00ff00;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   border-top:0.2em solid #00ff00;
   border-bottom:0.2em solid #00ff00;
   text-transform:uppercase;
   /*background:#000;*/
   background: #001f3e;
   font-weight:bold;
}

/* Setup for Left hand vertical menu */

body {background:#000;}
ul#main-nav{
                font-family:helvetica,arial,sans-serif;
                margin:0;
                padding-top: 1.25em;
                padding-left: 1em;
                font-size: 1.2em;
                width:100%;
                text-align:right;
}
ul#main-nav li {
                margin:0;
                padding:0;
                list-style:none;
                margin:.0 0 2px 0;
}
ul#main-nav li a {
                text-decoration:none;
                display:block;
                padding:0.3em 0.1em;
                border-left:0.4em;
                color:#fff;
                background: transparent;
}
ul#main-nav li a:hover {
                border-right:0.4em solid #00ff00;
                color:#fff;
                background: transparent;
}



/* Setup for righthand floating panels*/
#rightnav {
	position:relative;
	width:100%;
	top:15px;
	right:1%;
	background-color:#000000;
	padding:2px;
	font-family:"Arial";
	font-size:1em;
	z-index:25;
}

/*Settings for current page highlighting on horizontal menu*/
/* uses body id tag to set current page*/
body#home a#homenav,
body#signup a#signupnav,
body#dsl a#dslnav,
body#wireless a#wirelessnav,
body#help a#helpnav,
body#contact a#contactnav,
body#about a#aboutnav {
	color: #00ff00;
        /*border-bottom-color: #000;*/
	/*background: #000;*/
	border-bottom: solid .2em #001f3e;
        background: #001f3e;
        /*text-transform: uppercase;*/
}

/* Right hand column floating panel settings */
#righttop {
	position:absolute;
	width:155px;
	top:1px;
	right:10px;
	z-index:30;
}
.bluedk {
	background-color:#001f3e;
	color:#00ff00;
        font-size: 1.25em;
	padding:1px;
	margin:0px;
}
.bluelt {
	background-color:#29527b;
	color:#fff;
	padding:5px;
        margin:2px;
}
/* Three column  settings */
/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#000;
		border-top:4px solid #000;
		margin:0;
		/*padding:6px 15px !important;*/
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
                top:0px;                /*controls vertical position of columns under menu bar*/
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}

	/* 3 Column settings */
	.threecol {
		background-color:#000;		/* right column background colour */
                font-family: Arial;
	}
	.threecol .colmid {
		background-color:#D5E0ED;  /* center column background colour */
                float:left;
                width:200%;
                margin-left:-245px;             /* -245 centers central column*/
                /*margin-left:-200px;*/ 	/* Width of right column */
                position:relative;
                right:100%;
	}
        
	.threecol .colleft {
		background-color:#000;	/* left column background colour */
                background-image:url('images/WebSiteBlue/menu_left_5x750px.jpg'); /* Load left side background gradient fill */
                background-repeat:repeat-x;
                float:left;
                width:100%;
                margin-left:-50%;   /* -50% centered, -10 extreme right, -99 extreme left
                /*margin-left:-50%;*/
                position:relative;
                left:500px;
                /*left:400px;*/         	/* Left column width + right column width */
                text-align: left;
        }
	.threecol .col1wrap {
                float:left;
                /*text-align: left;*/
                width:50%;
                position:relative;
                right:220px;
                /*right:200px;*/        	/* Width of left column */
                /*padding-bottom:1em;*/ 	/* Centre column bottom padding. Leave it out if it's zero */
	}
        .threecol .col1 {
	        color:#000;
                /*margin:0 230px;*/
                margin:10px 290px 20px 250px;   /* This statement controls central column content */
                /*margin:0 215px;*/     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                           	Right padding = right column width + centre column right padding width */
                position:relative;
                left:200%;
                overflow:hidden;
	}
	.threecol .col2 {
                float:left;
                float:right;			/* This overrides the float:left above */
                /*width:170px;*/        	/* Width of left column content (left column width minus left and right padding) */
                width:200px;
                position:relative;
                /*right:15px;*/         	/* Width of the left-hand side padding on the left column */
                right:30px;
        }
	.threecol .col3 {
                float:left;                     
                float:right;			/* This overrides the float:left above */
                width:220px;                    /* Controls width of right hand column RIGHT JUSTIFIED*/
                /*width:170px;*/        	/* Width of right column content (right column width minus left and right padding) */
                margin-right:40px;
                /*margin-right:45px;*/  	/* Width of right column right-hand padding + left column left and right padding */
                position:relative;
                left:49%; /*below 50 move right column to the left, above 50 move right column to the right*/
                
                }

	/* Footer styles */
	#footer {
		clear:both;
                /*margin-left:0%; margin-right:0%; margin-top:-29px; margin-bottom:0%;*/
		float:left;
		width:100%;
                color:#FFF;
		background-color:#000;
		border-top:1px solid #000;
	}
	#footer p {
		padding:40px;
                font-family: "ARIAL";
                float: left;
		padding-left: 20px;
	}

fieldset ul {
	list-style-type: none;
	margin: 0;
}
fieldset li {
	padding-bottom: 10px;
}
fieldset label {
	width: 150px;
	float: left;
}
#serviceinfo input {
	float: left;
}
#serviceinfo select {
	float: left;
}
.longlabel {
	width: auto;
}
#planprices {
	float: left;
	padding-left: 10px;
}
#choosemodem {
	float: left;
	padding-left: 10px;
}
label.error {
	width: 250px; 
	display: block; 
	float: left; 
	color: red; 
	padding-left: 10px; 
} 
#errors {
	color: red;
}
	/* --> */