/* CSS tested in IE6 and Firefox 1.0.7 in Windows 2000 and XP, and Firefox 1.0.4 and Safari 1.3 on Mac OSX 10.3.9 and 10.4 */
	
	
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS for HTML elements */
		
		body {
			margin: 0;
			padding: 0;
			font: 100% arial, sans-serif; 	/* font size set to 100% to give a consistent starting point in all browsers */
			background: #f3f3f3;
		}
		
		img
		{
		border: none;
		}
		
		h1 {
			margin: 0;
			font-weight: normal;
			color: rgb(0,113,188);
		}
		
		h2 {
			margin: 0;
			margin-top: 20px;
			font-weight: normal;
			color: rgb(0,113,188);
		}
		
		h3 {
			margin: 0;
			margin-top: 16px;
			margin-bottom: 1px;
			font-weight: normal;
			color: rgb(0,113,188);
		}
		
		h4
		{
		margin: 0;
					color: rgb(0,113,188);
					padding: 0;
					
}		
		p
		{
		font-size: 14px;
		line-height: 18px;
		}
		
		
		
		#footer p
		{
		font-size: 11px;
		line-height: 14px;
		}
		
		a
		{
		color: rgb(0,113,188);
		}
		
		a:hover
		{
		color: #000;
		}
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End CSS for HTML elements */
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Misc Layout */
		
		#maincontainer {
			width: 914px; /* width _plus_ borders */
			margin: auto;
		}
		
		div#border {
			width: 914px;
			border: 2px solid #dfdfdf;
			border-top: none;
			font-size: 80%;
			background-color: #ffffff;
		}
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Misc Layout */
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin header - logo - horizontal nav */
		#header {
			height: 65px;
			width: 725px;
			padding: 20px 0 0 15px;
			margin-bottom: 30px;
		}
		
		#header-home {
			height: 65px;
			width: 725px;
			padding: 20px 0 0 15px;
			margin-bottom: 0px;
		}
		
		ul#tabs {
			font: bold 11px verdana, arial, sans-serif;
			list-style-type: none;
			padding-bottom: 25px;
			border-bottom: 2px solid #dfdfdf;
			margin: 0;
			padding-left: 10px;
		}
		
		ul#tabs li {
			float: left;
			height: 21px;
			background-color: rgb(0,113,188);
			margin: 2px 2px 0 2px;
			border: 2px solid rgb(0,113,188);
			border-bottom: none;
		}
		
		ul#tabs li:hover {
			background-color: #BAC8E0;
			border: 2px solid #BAC8E0;
			border-bottom: none;
		}
		
		/* rgb(0,113,188) */
		
		body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
			border: 2px solid #dfdfdf;
			border-bottom: 2px solid #fff;
			background-color: #fff;
		}
		
		body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
			color: #000;
		}
		
		#tabs a {
			float: left;
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 4px;
		}
		
		#tabs a:hover {
			color: #000;
		}
		
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End header */
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin main content area */
		
		/* container element wraps around the content element, and */
		
		#container {
			width: 100%;
			float: left;
			margin-right: -210px;
			background-color: #fff;
		}
		
		#container-home {
			width: 100%;
			background-color: #fff;
			clear: both;
		}
		
		#content {
			margin-right: 0px;
			background-color: #fff;
			padding: 30px;
			border-top: 2px solid #dfdfdf;
			/* height: 500px; */ 	/* This height rule controls the height of the content area, the clearfix class (below from PositionIsEverything) on the div#border ensures the grey border will always surround the content regardless of height set here. */
			min-height: 500px; 	/* Decided upon using the min-height rule, not supported in IE, but then IE expands its box to fit around the content anyway - but bear in mind it will also shrink to the height of the menu (being the tallest item within the div if there is no content in the content area) */
		}
		
		.clearfix:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
		}
		
		p.highlight {
			padding: 10px;
			background-color: #D5E5EC;
		}
		
		#quote
		{
		margin: 0;
		margin-top: 10px;
		padding: 0;
		width: 500px;
		background-color: rgb(0,113,188);
		}
		
		#quote p
		{
		color: #fff;
		padding: 0;
		font-size: 18px;
		font-weight: normal;
		line-height: 20px;
		margin: 0;
		margin-left: 12px;
		margin-right: 12px;
		padding-top: 6px;
		padding-bottom: 6px;
		}
		
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End main content area */
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin vertical sidebar navigation */
		
		#sidebar {
			width: 170px;
			float: right;
		background-color: #ffffff;
		}
		
		#sidebar h2 {
			margin: 0px;
			padding: 10px;
			height: 14px;
			font-size: 100%;
			color: #fff;
		/*	background: url('images/menu_header_bg.gif'); */
				background-color: rgb(0,113,188);

		}
		
		
	
		#sidebar ul {
			list-style-type: none;
			margin: 0 0 0px 0;
			padding: 0px;
		}
	
		#sidebar li {
		/*	height: 24px; */
			border: 1px solid #dfdfdf;
			border-left: none;
			border-right: none;

		}
	
		#sidebar a {
			display: block;
			color: #3F4040;
			text-decoration: none;
						padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 12px;
		/*	padding: 4px 0 0 12px; */
		}
		
	
	
		#sidebar a:hover {
		/* 	height: 24px; */
			color: rgb(0,113,188);
			background-color: #D5E5EC;
		}


	#sidebar a.on {
		/* 	height: 24px; */
			color: #5AACC7;
			background-color: #D5E5EC;
		}

	/*	html>body #sidebar a:hover {
			height: 20px;
		} */
		
		#sidebar h3
		{
		margin: 0;
					font-size: 100%;
font-weight: bold;
		}
		
			#sidebar h3 a {
			margin: 0px;
			margin-top: 0;
			margin-bottom: 5px;
			padding: 10px;
			height: 14px;
			font-size: 100%;
			color: #fff;
		background-color: rgb(0,113,188);
		}
		
		#sidebar h3 a:hover {
		background-image: none;
		}

		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End vertical sidebar navigation*/
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ Begin footer and copyright */
		
		#footer {
			width: 740px;
			clear: both;
			color: #a1a1a1;
			font-size: 70%; 
			height: 100px;
			margin-top: 10px;
		}	

		#footer p {
			float: right;
		}
		
		#footer img {
			float: left;
			padding-left: 20px;
		}
		
		#footer a {
			color: #a1a1a1;
		}
		
		/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ End footer and copyright */
		

/* extras */

table
{
margin: 0;
padding: 0;
border: none;
border-collapse: collapse;
}

tr
{
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: none;
}

td
{
margin: 0;
padding: 0;
	padding-top: 5px;
	border-top: 2px solid #dfdfdf;

}

td img
{
margin: 0;
padding: 0;
margin-right: 10px;
}

table.tariffcosts
{
width: 95%;
margin-top: 10px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}

table.tariffcosts th
{
text-align: left;
color: rgb(0,113,188);
background-color: #D5E5EC;
padding-top: 2px;
}

table.tariffcosts td
{
margin: 0;
padding: 0;
	padding: 5px;
	border-bottom: 2px solid #dfdfdf;
vertical-align: top;
}

table.tariffcosts td img
{
margin: 0;
padding: 0;
}

#phoneslist
{ 
margin: 0;
padding: 0;
padding-top: 10px;
}

#phoneslist table
{
margin: 0;
padding: 0;
border-collapse: collapse;
	border-top: 2px solid #dfdfdf;
}

#phoneslist tr
{
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: none;
}

#phoneslist td
{
margin: 0;
padding: 0;
	padding-bottom: 5px;
border: none;
}

#phoneslist td img
{
margin: 0;
padding: 0;
}

#phoneslist td p
{
margin: 0;
padding: 0;
font-size: 13px;
line-height: 14px;
padding-left: 5px;

}

#phoneslist td ul
{
margin-top: 0;

}

#phoneslist td ul li
{
font-size: 13px;
line-height: 14px;
}


#phoneslist td h4
{
background-color: #f3f3f3;
padding: 0;
margin: 0;
font-size: 13px;
line-height: 17px;
padding-top: 5px;
padding-left: 5px;
}

form
{
margin: 0;
padding: 10px;
/* background-color: #f3f3f3;
	border-top: 1px solid #dfdfdf; */
}

#sidebar form
{
background-color: #ffffff;
}

label
{
display: block;
margin: 0;
margin-top: 10px;
padding: 0;
}

input
{
margin: 0;
padding: 0;
}

.formdivider
{
background-color: #f3f3f3;
	border-top: 1px solid #dfdfdf;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
.formdivider table td p
{
font-size: 11px;
}

.formdivider table td h3
{
margin-top: 2px;}

#targetField
{
margin: 0;
margin-left: 10px;
margin-right: 10px;
padding: 0;
padding-left: 10px;
background-color: #fff;
border: 1px solid #dfdfdf;
height: 250px;
overflow: hidden;
}

/* sign-up form switchers */

.offstate-number { display: none; }
.onstate-number { display: block; margin-top: 0px; padding-top: 5px;
 }

.offstate-years { display: none; }
.onstate-years { display: block; margin-top: 0px; padding-top: 5px;
 }
 
.errFld {border: 1px solid #F00;}
      
.errMsg { color: #C33; display: inline;}
 
/* walkthrough */

#walkthrough
{
margin: 0;
padding: 0;
width: 500px;
}

#walkthrough img
{
margin: 0;
padding: 0;
border: 1px solid #dfdfdf;
}


/* home page styles */

#home-row1
{
width: 740px;
height: 100px;
margin: 0;
padding: 0;
background-color: transparent:
clear: both;
}

#home-row2
{
display: block;
width: 740px;
height: 100px;
margin: 0;
padding: 0;
border-bottom: 2px solid #dfdfdf;
clear: both;
}

#home-row3
{
display: block;
width: 740px;
height: 100px;
margin: 0;
padding: 0;
border-bottom: 2px solid #dfdfdf;
clear: both;
}

#home-row1 a
{
	display: block;
	width: 740px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-decoration: none;
	background-image: url(images/bd1-tel-back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home-row1 a:hover
{
			background-color: #D5E5EC;
	background-image: url(images/bd1-tel-back-on.gif);
}

#home-row2 a
{
	display: block;
	width: 740px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-decoration: none;
	background-image: url(images/bd1-backup-back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home-row2 a:hover
{
			background-color: #D5E5EC;
	background-image: url(images/bd1-backup-back-on.gif);
}

#home-row3 a
{
	display: block;
	width: 740px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	text-decoration: none;
	background-image: url(images/bd1-datarecovery-back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#home-row3 a:hover
{
			background-color: #D5E5EC;
	background-image: url(images/bd1-datarecovery-back-on.gif);
}


.row-img
{
width: 300px;
height: 100px;
margin: 0;
padding: 0;
float: left;
}

.row-img img
{
padding-top: 20px;
padding-left: 20px;
}

.row-txt
{
width: 440px;
height: 100px;
float: left;
		color: rgb(0,113,188);
}

#home-row1 p, #home-row2 p, #home-row3 p
{
		color: rgb(0,113,188);
margin: 0;
margin-left: 300px;
padding-top: 30px;
padding-right: 20px;
}

#newsflash
{
			background-color: #D5E5EC;
padding: 0px;
border-top: 1px solid rgb(0,113,188);
border-bottom: 1px solid rgb(0,113,188);
}

#newsflash p
{
margin: 0;
padding: 8px;
}


#home-image
{
margin-bottom: 15px;
}



.regform_heading {
}

.regform_instructions, .regform_footnote, .invalid_message, .required_field, .optional_field, .invalid_field {
}

.invalid_message, .required_field, .invalid_field {
        font-weight: bold;
}

.invalid_message, .invalid_field {
        color: red;
}

.submit_para {
        text-align: center;
}

.submit_button {
}

td {
	border-top: none;
}