body {
color: #333;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}
A { color: #004276 }
A.visited { color: #69789C}
b.navB       { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF9900; 
               text-decoration: none; font-weight: bold }
a.nav        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003333; 
               text-decoration: none; font-weight: bold}
a.nav:hover  { text-decoration: underline }
a.navb       { font-family: Veranda, Arial, Helvetica, sans-serif; font-size: 8pt; color: #626b74; 
               text-decoration: none;font-weight: bold;line-height: 16px }
a.navb:hover { text-decoration: underline }
a.navblue       { font-family: Veranda, Arial, Helvetica, sans-serif; font-size: 8pt; color: #fe9900; 
               text-decoration: none; font-weight: bold;line-height: 16px }
a.navblue:hover { text-decoration: underline }
a.navbsave       { font-family: Veranda, Arial, Helvetica, sans-serif; font-size: 10px; color: #003466; 
               text-decoration: none; font-weight: bold; line-height: 15px }
a.navbsave:hover { text-decoration: underline }
a.navbb      { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; 
               text-decoration: none; font-weight: normal; line-height: 17px }
a.navbb:hover { text-decoration: underline }
a.navbl      { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; 
               text-decoration: none; font-weight: normal; line-height: 17px }
a.navbl:hover { text-decoration: underline }
a.nav12b     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003333; 
               text-decoration: none; font-weight: bold; line-height: 20px }
a.nav12b:hover { text-decoration: underline }
a.nav12bl    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; 
               text-decoration: none; font-weight: bold; line-height: 20px }
a.nav12bl:hover { text-decoration: underline }
a.nav12bb    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003399; 
               text-decoration: none; font-weight: bold; line-height: 20px }
a.nav12bb:hover { text-decoration: underline }
a.nav13      { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #003333; 
               text-decoration: none; font-weight: normal }
a.nav13:hover { text-decoration: underline }
a.nav11      { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003333; 
               text-decoration: none; font-weight: bold }
a.nav11:hover { text-decoration: underline }
a.nav11b     { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003333; 
               text-decoration: none; font-weight: normal }
a.nav11b:hover { text-decoration: underline }
.leftnavspace { font-family: Arial, Helvetica, sans-serif; font-size: 4px; color: #003333; 
               text-decoration: none; font-weight: normal }

A.navdots {font-family:Helvetica;font-size:11px;color:#8C8C8C;text-decoration:none;font-weight:normal;line-height:11pt;}

A.navdots:Hover{text-decoration: underline}

H1 { font-family: Veranda, Arial,Helvetica, sans-serif; font-size: 13pt; color: #004276; font-weight:bold}

P.smtxt {font-family:Helvetica;font-size:11px;color:#8C8C8C;text-decoration:none;font-weight:normal;line-height:11pt;}
P.bigtxtb     { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003333; 
               text-decoration: none; font-weight: bold; line-height: 20px }
.breadcrumb { font-family: verdana,arial,helvetica,sans-serif; color: #a1a1a1 }
.breadcrumb:visited { color: #a1a1a1}

.separatorline { background: #626b74 }

A.tablinks {font-family:Helvetica;font-size:11px;color:#004276;text-decoration:none;font-weight:normal;line-height:11pt;}

A.tablinks:Hover{text-decoration: underline;}



  TABLE.MYTABLE
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:11px;
     background-color:white;
     width:100%;
     border-style:solid;
     border-color:#004276;
     border-width:1px;
     padding: 2px 2px;
  }
  
  CAPTION.MYTABLE
  {
     background-color:white;
     font-size:13px;
     color:#004276;
     text-align:left;
     font-weight:bold; 
  }
  
  TH.MYTABLE
  {
     font-size:11px;
     color:#FFFFFF;
     background-color:#004276;
  }


  TR.MYTABLE
  { 
     border-style:solid;
     border-color:#004276;
     text-align:center;
  }
  
  
  TR.MYTABLE td
  { 
     color:#333;
     font-size:11px;
     text-align:center;
     padding: 2px 2px;
     background-color:#DFDFEF;                 
  }
  
  TR.MYTABLE_ td
  { 
     color:#333;
     font-size:11px;
     text-align:center;
     padding: 2px 2px;
     background-color:#fffffe;                     
  }
 
 
   TABLE.st
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:11px;
     background-color:white;
     width:100%;
     border-style:solid;
     border-color:#004276;
     border-width:1px;
     padding: 2px 2px;
  }
  
  CAPTION.st
  {
     background-color:white;
     font-size:13px;
     color:#004276;
     text-align:left;
     font-weight:bold; 
  }
  
  TH.st
  {
     font-size:11px;
     color:#FFFFFF;
     background-color:#004276;
     text-align:left;
  }


  TR.st
  {   
     text-align:left;
  }
  
  
  TR.st td
  { 
     color:#333;
     font-size:11px;
     padding: 4px 4px;
     background-color:#E5E5F1;
     text-align:left;  
	 vertical-align:top;               
  }
  
  TR.st_ td
  { 
     color:#333;
     font-size:11px;
	 padding: 4px 4px;
     background-color:#FFFFF1; 
     text-align:left;  
	 vertical-align:top;                        
  }
 
 
  CAPTION.tb1
  {
     background-color:white;
     color:#003333;
  }

  TABLE.tbl
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:11px;
     background-color:white;
     width:100%;
     border-style:solid;
     border-color:#004276;
     border-width:1px;
  }

  TH.tbl
  {
     font-size:13px;
     color:#004276;
     background-color:#f8f8f9;
     padding: 8px 6px;
     text-align:left;
  }
  
   TR.tbl
  { 
     color:#333;
  }
  
  TR.tbl td
  { 
     color:#333;
     font-size:11px;
     background-color:#f8f8f9;
     border-collapse:collapse;
     border-width:1px;
     border-style:solid;
     border-color:#fffffe;
     text-align:left;
     padding: 6px 6px;
  }

  TR.tbl_ td
  { 
     color:#333;
     font-size:11px;
     background-color:#fffff9;
     border-collapse:collapse;
     border-width:1px;
     border-style:solid;
     border-color:#fffffe;
     text-align:left;
     padding: 6px 6px;
  }


   
  table#bu-table {
	border-collapse:collapse;
	width:100%;
}
table#bu-table td {
	background-color:#ffffee;
	border:1px solid #ffffee;
	font:11px tahoma,arial,geneva,sans-serif;
	padding: 8px 8px;
	line-height: 100%;
}
table#bu-table td.right,
table#bu-table th.right,
table#bu-table td.altright {
	text-align:right;
}
table#bu-table th {
	background-color:#ffffee;
	color:#333;
	font:normal 11px tahoma,arial,geneva,sans-serif;
	border:1px solid #7996a9;
	padding: 0px 8px;
	line-height: 100%;
}
table#bu-table th p strong {
	font-weight:normal;
}
table#bu-table td.alt,
table#bu-table td.altright {
	background-color:#ffffee;
}
table#bu-table td.altright {
	background-color:#ffffee;
	text-align:right;
}
table#bu-table td p strong {
	color:#333;
}

 table#ed-table {
	border-collapse:collapse;
	width:100%;
}
table#ed-table td {
	background-color:#fafafa;
	border:1px solid #ddd;
	font:11px tahoma,arial,geneva,sans-serif;
	padding: 0px 8px;
	line-height: 100%;
}
table#ed-table td.right,
table#ed-table th.right,
table#ed-table td.altright {
	text-align:right;
}
table#ed-table th {
	background-color:#90ccf2;
	color:#333;
	font:normal 11px tahoma,arial,geneva,sans-serif;
	border:1px solid #7996a9;
	padding: 0px 8px;
	line-height: 100%;
}
table#ed-table th p strong {
	font-weight:normal;
}
table#ed-table td.alt,
table#ed-table td.altright {
	background-color:#fafafa;
}
table#ed-table td.altright {
	background-color:#fafafa;
	text-align:right;
}
table#ed-table td p strong {
	color:#333;
}

		#clearboth { clear: both; }
		#ship_calc { width: 317px; border: 1px solid #003366; font-family: Arial; padding: 5px; font-size: 12px; }
		#ship_calc_zip_title { float: left; width: 65px; font-weight: bold; padding-top: 2px; }
		#ship_calc_zip { float: left; width: 70px; padding-left: 8px; }
		#calc_zip { width: 53px; font-family: Arial; font-size: 12px; }
		#ship_calc_country_title { float: left; width: 55px; font-weight: bold; padding-top: 2px; padding-left: 10px; }
		#ship_calc_country { float: left; width: 100px; padding-left: 7px; }
		#calc_country { width: 100px; font-family: Arial; font-size: 12px; }
		#ship_calc_submit { float: right; padding-top: 7px; padding-right: 1px; }
		#calc_results { width: 307px; }

		#ajax_rates { float: left; width: 55px; }
		#ajax_methods { float: left; width: 252px; }

.solutionTable {
  border: 1px solid #004276;
  border-collapse: collapse;
}
.solutionTable td, .solutionTable th {
  border: 1px solid #CCCCCC;
  padding: 3px;
}
.solutionTable th {
  background-color: #004276;
  color: white;
  font-weight: bold;
  font-size: 10pt;
  fload: left;
}
.solutionTable tr.h th {
  background-color: #EEEEEE;
  color: black;
  font-size: 10pt;
}
.solutionTable tr.e {
  background-color: white;
  font-size: 10pt;
}
.solutionTable tr.e a {
   font-size: 8pt;
}
.solutionTable tr.o {
  background-color: white;
   font-size: 10pt;
}
.solutionTable tr.o a {
   font-size: 8pt;
}

.iTable {
  border: 0px;
  border-collapse: collapse;
}
.iTable td, .iTable th {
  border: 0px;
  padding: 3px;
}
.iTable th {
  background-color: #004276;
  color: white;
  font-weight: bold;
  font-size: 10pt;
  fload: left;
}
.iTable tr.h th {
  background-color: #EEEEEE;
  color: black;
  font-size: 10pt;
}
.iTable tr.blu {
  background-color: white;
  color: #004276;
  font-size: 10pt;
}
.iTable tr.blu a {
   font-size: 8pt;
}
.iTable tr.blk {
  background-color: white;
   font-size: 10pt;
}
.iTable tr.blk a {
   font-size: 8pt;
}
.iTable tr.gry {
  background-color: white;
   color: #626b74;
   font-size: 10pt;
}
.iTable tr.gry a {
   font-size: 8pt;
}
.iTable p.black {
   color:black;
}


div#container_width {
	width: 800px;
    margin:auto;
	padding-top:16px;
}

/**************************************************************
                     Body - Home Page
**************************************************************/

div#container_width div.containerbody {
	width:800px;
	float:left;
	padding-bottom:20px;	
	background:url(www.broadbandutopia.com/lib/broadbandutopia/bg-body800.jpg) top left no-repeat #fff;
}

div#container_width div.containerbody#subpage {
	padding-top:8px;
}

div#container_width div.profile {
	padding-bottom:0;
}


/*
------ Rotating Promos ------
*/

div#container_width div.containerbody div.rotatingpromos {
	width:820px;  
	height:209px;
	float:left;
	margin-top:28px;
	margin-bottom:21px;
}

div#container_width div.containerbody div.rotatingpromos div#carousel {
	width:765px;  
	height:208px;
	float:left;
	overflow:hidden;
	position:relative;
}

div#container_width div.containerbody div.rotatingpromos div#carousel ul {
	float:left;
	height:208px;
}

div#container_width div.containerbody div.rotatingpromos div#carousel ul li {
	height:208px;
	float:left;
	list-style:none;
}

div#container_width div.containerbody div.rotatingpromos a.arrow {
	width:30px;
	height:161px;
	float:left;
	margin-top:24px;
	outline:none;
}

div#container_width div.containerbody div.rotatingpromos a.arrow#a_left {
	background:url(www.broadbandutopia.com/lib/broadbandutopia/banner-arrow-left.png) top left no-repeat;
}

div#container_width div.containerbody div.rotatingpromos a.arrow#a_right {
	background:url(www.broadbandutopia.com/lib/broadbandutopia/banner-arrow-right.png) top left no-repeat;
    margin-left: -5px;  
}

div#container_width div.containerbody div.rotatingpromos div.promo_box {
	width:300px;
	height:198px;
	float:left;
	padding:5px;
	background:url(www.broadbandutopia.com/lib/broadbandutopia/bg-bannerbox.png) top left no-repeat;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail {
	width:300px;
	height:198px;
	float:left;
	display:inline;
	position:relative;
	background:#fff;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a img {
	display:inline;
	float:left;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a p {
	position:absolute;
	width:300px;
	left:0;
	bottom:0;
	margin:0;
	
	font-family:Segoe UI, Arial, Helvetica, sans-serif;
	color:#FFFFFF!important;
	font-size:15px;
	line-height:16px;
	cursor:pointer;
	opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	background:none repeat scroll 0 0 #000;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a p span.txt {
	position:relative;
	z-index:10;
	padding:8px 10px;
	float:left;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a:hover p {
	color:#E07100!important;
	opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a p.red {
	background:none repeat scroll 0 0 #ba0c0c;
	border-top:1px solid #ff2626;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a p.orange {
	background:none repeat scroll 0 0 #E07100;
	border-top:1px solid #ffae13;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a:hover p.red {
	color:#FFF;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

div#container_width div.containerbody div.rotatingpromos div.promo_box div.thumbnail a:hover p.orange {
	color:#FFF;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

div#container_width div.containerbody div.rotatingpromos div.promo_sep {
	width:2px;
	height:160px;
	float:left;
}