@charset "utf-8";  /*Added by Prem */
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 }
/* navb changed to  newb */ 
a.newb       { font-family: 'Droid Sans', Veranda, serif; font-size: 12px; color: #343434; 
               text-decoration: none;font-weight: normal;line-height: 16px }
a.newb:hover { text-decoration: underline } 
a.navb       { font-family: 'Droid Sans', arial, serif; font-size: 12px; color: #626b74; 
               text-decoration: none;font-weight: normal;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;
}

		.clear-both { clear: both; }
		#kwm-product-ship-calc { width: 317px; border: 1px solid #003366; font-family: Arial; padding: 5px; font-size: 12px; }
		#ship_calc_title { color: #003366; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
		.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;
}



a.carousleBW {
	 font-family:  'Droid Sans', arial, serif; font-size: 18px;
       color: #ffffff; text-decoration: none;
}
a.carousleBW:hover  { text-decoration: underline }

a.carousleSW {
	 font-family: 'Droid Sans', Arial, serif; font-size: 12px;
       color: #ffffff; text-decoration: none;
}
a.carousleSW:hover  { text-decoration: underline }


        .mycontainer
        {
            background: url("/lib/broadbandutopia/banner-bg-repeat.png") repeat-x 0 0;
            height: 90px;
            width: 842px; /*pao */
        }
        .mycarousel
        {
            visibility: hidden; /* left: -5000px; */
            width: 762px !important; /*pao, was 755*/
            height: 86px;
            float: left;
            padding-top: 2px;
        }
        .mycarousel img
        {
            position: relative;
            left: 0; /* pao was 40 */
            z-index: 3;
            border: 0px none;
            margin-left: 0px;
            margin-right: 60px; /*pao, was 60*/
            padding-right: 0px;
        }
        .next
        {
            width: 40px;
            height: 86px;
            cursor: pointer;
            background: transparent url("/lib/broadbandutopia/next-horizontal.png") no-repeat 0 center;
            float: right;
        }
        .prev
        {
            cursor: pointer;
            width: 40px;
            height: 86px;
            float: left;
            background: transparent url("/lib/broadbandutopia/prev-horizontal.png") no-repeat 0 center;
        }