/* commented backslash hack; ie5 mac can't see this \*/ 
html, body {
	height:100%;
}
/* end hack */
html, body {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#header {
	/*padding: 5px 5px 5px 5px;*/
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(../images/toprightbg.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 66px;
	width: 100%;
	background-color: White;
}

#toprightmenu {
	float: left;
	height: 66px;
	/*width: 266px;*/
	width: 100%;
	background-image: url(../images/logo2.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/* IE only uses the * (universal selector), IE uses height, rather
   than min-height.  margin-bottom is to accommodate the footer, which
	needs to be external to footer, but contain everything else */
.wrapper{
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	min-height: 100%; /*margin-top:-66px;***/
	margin-bottom: -35px; /* H */
	background-image: url(../images/colbg.gif); /*background-position: -200px;*/
	background-repeat: repeat-y; /*background-color: #fcd;*/
}
* html .wrapper {height:100%;}

body {
	width: 100%;
	text-align: center;
	font-family : Verdana, Arial, sans-serif ;
	font-size : 9pt;
	color: Gray;
}

.maintext a, .maintext a:visited {
	background-color: #F5F5F5;
	text-decoration: none;
	color: black;
	border-bottom: 1px solid silver;/*this is commented out in tele site*/
}

.maintext a:hover {
	border-bottom: 1px solid black;/*this is commented out in tele site*/
	background-color: #191970;
	color: white;
}

.clear {
	clear: both;
}

.block2 {
	width: 40%;
	height: 150px;
	display: inline;
	background-color: #F5F5F5;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000;
}

.block2 a {
  display: block;
  width: 100%;
  height: 100%;
  cursor:default;
}

.block2:hover, .block2 a:hover {
	background-color: white;
}

.outer {
	/*height: auto;*/
	/*width: 100%;*/
	margin-left: 201px; /* added to try to fix scroll-bar */
}
.center {
	display: inline;
	float: right;
	width: 100%;
	/*margin-left: -1;*/
}
.maintext {
	margin: 0 20px 20px 20px; /* added to try to fix scroll-bar */
	padding: 0 0 0 0; /* added to try to fix scroll-bar */
}
.left {
	float: left;
	font-size: 8pt;
	position: relative;
	width: 200px;  /* L */
	margin-left: -201px;  /* -L-1  195 */
	margin-right: 0px;
	background-color: transparent;
	background-image: url(../images/logo_leftcol.gif);
	background-position: top;
	background-repeat: no-repeat;
/*	height:220;
	min-height:220;*/
		height:300px;

}
/*	IE/Mac a volte droppa un float senza motivo, questo forse aiuta.
	Applicate anche a IE/Win, non fanno male */
* html .inleft {
	width: 199px;  /* L */
	overflow: hidden;
}
*>html .incenter {
	w\idth: 100%;
	o\verflow: hidden;
}
* html .center {
	margin: 0 0 0 0;
}
* html .left {
	margin-right: 1px;
}

/* \*/
* html .outer, * html .wide, * html h2 {
	height: 1px;
}
/* */

.hide {
	display: none;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}

#header ul {
	margin: 0;
	/*margin-top: 20px;*/
	margin-right: 10px;
	padding-left: 0;
	list-style-type: none;
}

#header li {
	display: inline;
}

#header a,#header a:visited {
	padding-left: 15px;
	font-weight: bold;
	font-size: 8pt;
	color: black;
	text-decoration: none;
}

#header a:hover {
	padding-left: 15px;
	color: black;
	text-decoration: underline;
}
h1 {
	color: black;
	font-size: 12pt;
}
h2 {
	color: black;
	font-size: 10pt;
}
h3 {
	color: #404040;
	font-size: 8pt;
}
h4 {
	color: #404040;
	font-size: 8pt;
	text-decoration:underline;
}
/* prevent the footer from appearing over the end of the text */
#clearfooter{
	clear:both;
	height:35px;  /* H */
}

#footer {
	width: 100%;
	color: White;
	text-align: center;
	margin: 0 0 0 0;
	clear: both;
	height: 25px; /* H */
	padding: 10px 0 0 0;
	font-size: 8pt;
	background-color: #DD0029;
}

#clearheader{
	clear:both;
	height:66px;  /* H */
}

.date {
	float: right;
	display: inline;
	margin-right: 1em;
	margin-top: -1.8em;
	font-size: 8pt;
	font-weight: bold;
}

#footer a {
	color: white;
}

#navigation {
	background-image: url(../images/nav_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 1px;
	margin-top: 22px;
	margin-left: 0px;/*5px*/
	height:300px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
}

#navigation ul li {
	/*margin-left: 10px;*/
	display: inline; /* this gets rid of the gaps */
}

#navigation ul li a {
	/*display: block;*/
	display:block;
	padding: 3px;
	padding-left: 10px;
	width: 180px;/*160*/
	margin: 0 0 0 1px;
	text-decoration: none;
	background-color: transparent;
	border-right: 5px solid #E6E6FA;
	border-top: 1px solid Silver;
	color: Gray;
}

#navigation a.top {
	border-top: 1px solid White;
	margin-top: 17px;
}

#navigation a:link, #navigation a:visited
{
	color: #191970;
	text-decoration: none;
}

#sel_1 #navigation #mnu_1 a, #sel_1 #navigation #mnu_1 a:visited,
#sel_2 #navigation #mnu_2 a, #sel_2 #navigation #mnu_2 a:visited,
#sel_3 #navigation #mnu_3 a, #sel_3 #navigation #mnu_3 a:visited,
#sel_4 #navigation #mnu_4 a, #sel_4 #navigation #mnu_4 a:visited,
#sel_5 #navigation #mnu_5 a, #sel_5 #navigation #mnu_5 a:visited,
#sel_6 #navigation #mnu_6 a, #sel_6 #navigation #mnu_6 a:visited,
#sel_7 #navigation #mnu_7 a, #sel_7 #navigation #mnu_7 a:visited,
#sel_8 #navigation #mnu_8 a, #sel_8 #navigation #mnu_8 a:visited,
#sel_9 #navigation #mnu_9 a, #sel_9 #navigation #mnu_9 a:visited,
#sel_10 #navigation #mnu_10 a, #sel_10 #navigation #mnu_10 a:visited,
#navigation .here a, #navigation .here a:visited 
{
	border-right: 5px solid #000040;
	color:#ffffff;
	font-weight: bold;
	background-color:#666699;
}

#navigation a:hover
{
	border-right: 5px solid black;
	background-color: #DD0029;
	color: #fff;
}

.topmenu ul {
	background-color: white; /*#F5F5F5;*/
	width: 450px;
	height:22px;
	margin: 0 0 0 9px; /*margin-top: 20px;*/
	/*margin-right: 10px;*/
	padding: 0 0 2px 0;
	list-style-type: none;
	/*border-top: 1px solid #000000;*/
}

.topmenu li {
	width: 133px;
	height: 22px;
	text-align:center;
	background-position:top;
	background-image:url(../images/tab.gif);
	background-repeat:no-repeat;
	display: block;
	float: left;
	margin-left: 5px;
}

.topmenu a, .topmenu a:visited {
	text-decoration: none;
	font-size: 8pt;
	padding: 3px 10px 3px 10px;
	/*background-color: #DD0029;*/
	color: white;
}

#home .topmenu #mnu_home a, #home .topmenu #mnu_home a:visited,
#products .topmenu #mnu_products a, #products .topmenu #mnu_products a:visited,
#dsl_check .topmenu #mnu_dsl_check a, #dsl_check .topmenu #mnu_dsl_check a:visited,

#sel_1 .topmenu #mnu_products a, #sel_1 .topmenu #mnu_products a:visited,
#sel_2 .topmenu #mnu_products a, #sel_2 .topmenu #mnu_products a:visited,
#sel_3 .topmenu #mnu_products a, #sel_3 .topmenu #mnu_products a:visited,
#sel_4 .topmenu #mnu_products a, #sel_4 .topmenu #mnu_products a:visited,
#sel_5 .topmenu #mnu_products a, #sel_5 .topmenu #mnu_products a:visited,
#sel_6 .topmenu #mnu_products a, #sel_6 .topmenu #mnu_products a:visited,
#sel_7 .topmenu #mnu_products a, #sel_7 .topmenu #mnu_products a:visited,
#sel_8 .topmenu #mnu_products a, #sel_8 .topmenu #mnu_products a:visited,
#sel_9 .topmenu #mnu_products a, #sel_9 .topmenu #mnu_products a:visited,
#sel_10 .topmenu #mnu_products a, #sel_10 .topmenu #mnu_products a:visited,

.topmenu .here a, .topmenu .here a:visited {
	/*background-color: #191970;*/
	color: white;
	font-weight:bold;
}

#home .topmenu #mnu_home,
#products .topmenu #mnu_products,
#dsl_check .topmenu #mnu_dsl_check,

#sel_1 .topmenu #mnu_products,
#sel_2 .topmenu #mnu_products,
#sel_3 .topmenu #mnu_products,
#sel_4 .topmenu #mnu_products,
#sel_5 .topmenu #mnu_products,
#sel_6 .topmenu #mnu_products,
#sel_7 .topmenu #mnu_products,
#sel_8 .topmenu #mnu_products,
#sel_9 .topmenu #mnu_products,
#sel_10 .topmenu #mnu_products,

.topmenu .here {
	background-position:top;
	background-image:url(../images/tab_hi.gif);
	background-repeat:no-repeat;
}

#home #navigation, #contact #navigation, #nomenu #navigation {
	display: none;
}

.topmenu a:hover {
	/*background-color: silver;*/
	color: black;
	/*border-left: 5px solid silver;
	border-right: 5px solid silver;*/
}

.headermenu {
	padding: 25px 40px 0 0;
	font-weight: bold;
	font-size: 8pt;
	color:#000000;
}

.quote {
	padding: 15px 30px 5px 30px;
	margin-right: 25px;
	background-image: url(../images/open_quote.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-style: italic;
}

.quotesrc {
	font-size: 75%;
	font-weight: bold;
	color: #000000;
	margin: -10px 0 0 100px;
}

.quote span {
	background-image: url(../images/close_quote.gif);
	background-position: right;
	margin-right: 25px;
	padding: 0 25px 20px 0;
	background-repeat: no-repeat;	
}

.maintext ul {
	list-style: square outside url(../images/bullet.gif); /* wide image for the bullet */
	margin: .6em .5em 0 25px; /* bullet image is in left margin */
	padding-left: 0;
}
.maintext ul li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .4em; /* a little spacing between list items */
}

acronym {
	border-bottom: 1px solid #FF4500;
	cursor: help;
}

/* ENABLE DROP-DOWN MENUS WITH SUB-LISTS - li* 
   NEEDS startList to work in IE */
#nav li ul {
	background-color:#CCCCCC;
	position: absolute; /*display: block;*/
	border: 1px solid #000000;
	left: -999em;
	height: 1em;
	width: 200px; /*100%;*/
	height: auto;
/*w\idth: 13.9em;*/
	font-weight: normal;
	margin-top: -1.8em; /*margin-top: -2em;*/
}

/*
#nav li li {
	background-color:#CCCCCC;
	padding-right: 1em;
	/*width: 180px;/**160px**/

#navigation #nav li ul li {
	border-right: none;
	border: none;
	background-color: #E6E6FA;
	display: inline;
}

#navigation #nav li ul li a,#nav li ul li a:visited {
	border-color: Black;
	color: #000000;
	font-weight: normal;
	border-right: 0 none transparent;
	background-color: #E6E6FA;
	display:block;
	padding: 3px;
	padding-left: 10px;
	width: 185px;
	/*w\idth: 9em;*/
}

#navigation #nav li ul li a:hover {
	background-color: #DD0029;	
	font-weight: normal;
	color: #ffffff;
}

#navigation #nav li ul ul {
	/*margin: -1.75em 0 0 14em;*/
}

#navigation #nav li:hover ul ul, #navigation #nav li:hover ul ul ul, #navigation #nav li.sfhover ul ul, #navigation #nav li.sfhover ul ul ul {
	left: -999em;
}

#navigation #nav li:hover ul, #navigation #nav li li:hover ul, #navigation #nav li li li:hover ul, #navigation #nav li.sfhover ul, #navigation #nav li li.sfhover ul, #navigation #nav li li li.sfhover ul {
	left: 195px;
	top:auto;
}

#navigation #nav li:hover, #navigation #nav li.sfhover {
	background: #DD0029;
	color:#FFFFFF;
}

.info_box {
	height: 300px;
	overflow: auto;
	width: 500px;
	border: 1px solid black;
}

.hilite {
	color: #CC0033;
	font-weight: bold;
}
a.offer_btn, a.offer_btn:visited, a.offer_btn:link, a.offer_btn:active {
	color:#000000;
	font-weight:bold;
	padding: 10px;
	border: none;
	width: 170px;
	height: 46px;
	display:block;
	text-align:center;
	margin-top: auto;
	margin-bottom: auto;
	background-image:url(../images/button.gif);
	background-repeat:no-repeat;
}
a.offer_btn:hover {
	color: #CC0033;
	border: none;
}

a.offer, a.offer:visited {
	padding: 10px;
	width: 150px;
	display:block;
	border: 1px solid #000000;
	background-color:#FFFF99;
	float: none;
	margin-bottom: 10px;
}

a.offer:hover {	
	background-color:#CCFF00;
	color:#000000;
}

.special_top {
	background-image:url(../images/offer_top.gif);
	background-repeat:no-repeat;
	width:450px;
	hei\ght:150px;
	min-height:150px;
	display:block;
	padding: 20px;
}
.special_mid {
	background-image:url(../images/offer_mid.gif);
	background-repeat:repeat-y;
	display:block;
}
.special_btm {
	background-image:url(../images/offer_btm.gif);
	background-repeat:no-repeat;
	height:25px;
}
/* content not in teleconnexions css version */
table.host_tbl, table.pack_tbl, table.opt_tbl {
	border-left: 2px solid #000033;
	border-right: 2px solid #000033;
	background-color:#CCCC66;
	color: #FFFFFF;
	width: 80%;
}

.tbl_detail {
	border-top: 1px solid #000000;
	background-color:#ffffdd;
	color: #000033;
}

.tbl_title {
	color:#CCCCFF;
	font-size:10pt;
}

a.totop,a.totop:link,a.totop:hover,a.totop:visited,a.totop:active {
	text-decoration:none;
	font-weight:normal;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left;
	background-image:url(../images/backtotop.gif);
	border: none;
	padding: 0 0 0 14px;
	color: #000000;
}

.affiliates {
	text-align: center;
}
.affiliates img {
	padding: 5px 5px 5px 5px;
}
.smallprint {
	font-size:7pt;
	color:#999999;
}