/* global */

body
{
	background-color: #e0e0d5;
	font-size: 65%;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}


div#print-title { display:none; }

div#print-title p { padding-left: 1em; font-variant: small-caps; font-weight: bold; font-size: 1.2em; text-align:center; }


div.viewlinks
{
	background-color: #e0e0d5;
	text-align: right;
	padding: 6px 0 12px;
}

a.fontsize, a.fontsize:visited
{
	padding: 2px 4px;
	margin: 0 2px;
	background-color: transparent;
	border: 1px solid gray;
	text-decoration: none;
}

a.fontsize#defsm, a.fontsize#hcsm, a.fontsize#bwsm { font-size: 85%; background-color: white; text-decoration: underline; border: 1px solid white;}
a.fontsize#defmed, a.fontsize#hcmed, a.fontsize#bwmed { font-size: 105%; background-color: transparent; }
a.fontsize#deflg, a.fontsize#hclg, a.fontsize#bwlg { font-size: 130%; background-color: transparent; }
a.fontsize:hover { border: 1px solid white; }

a.view {text-decoration: none; padding: 2px 4px; border: 1px solid gray; }
a.view:hover { text-decoration: underline; }
a.view#hc, a.view#hc:visited, a.view#hc:hover { background-color: #000000; color: #FFFF00; }
a.view#bw, a.view#bw:visited, a.view#bw:hover { background-color: #FFFFFF; color: #000000; }
 
span.textsizedefault { display: visible; }
span.textsizebw { display: none; }
span.textsizehc { display: none; }








/* major layout divs */

div.container
{
	width: 96%;
	margin: 0 auto;
	background-color: white; 
	background-image: url(../img/mainedge.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

div.content { 	
	background-image: url(../img/mainedge.gif);
	background-repeat: repeat-y;
	background-position: right top;
	overflow: hidden;
}
div#mainleftmargin	{ background-position: left top; }
div#mainrightmargin	{ background-position: right top; }

div.topouter       /* ~~~rev ME 0906 ~~~ */
{  
	height: 92px; 
	background-color: #996; 
	padding: 0 20px;
}

div.topbar        /* ~~~rev ME 0906 ~~~ */
{
	height: 92px;
	padding: 2px;
	background-position: right top;
	background-repeat: repeat-x;
	text-align: right;
	background-color: white;
}

div.topbar div.search {
	 position: relative; 
	 top: 15px; 
	 right: 10px;
	 margin:0; padding: 0;
	 float:right;
}


div.navbar
{
	clear: both;
	background-color: #900;
	color: #FFFFFF;
}

div.navbar, div.headeredgebottom { height: 2.2em; }

div.leftcol
{
	float: left;
	width: 220px;
	background-image: url(../img/mainedge.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	padding: 0 30px 0 0;
	text-align: left;
}
div.main
{
	text-align: left; 
	/* width: auto; */
	margin-left: 250px;
	padding: 10px 40px 10px 0;
	font-size: 120%; 
	line-height: 135%; 
}

div.backtotop, p.backtotop 
{ 
	text-align: right; 
	clear: both;
	background-image: url(static/img/mainedge.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	padding: 0 40px 20px 0;
	font-size: 80%;
} 

div.footertop
{
	clear:both; 
	height: 10px;
	background-color: #CC9;
	border-left: 20px solid #996;
	border-right: 20px solid #996;

}

div.footermain
{
	background-color: #996;
	padding: 4px 20px 16px;
}



.searchbutton
{
	border: none;
	margin: 2px 20px 0 4px;
	position: relative;
	top: 3px;
}

.center { text-align: center; }
.right { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.nospace { padding: 0; margin: 0; }
ul.nomark { list-style-type: none; margin: 0; padding:0; }

.highlight
{
	background-color: #FFFFCC;
	padding: 6px;
}



a img { border: none; }
img.border { border: 1px solid #999999; }

img.floatright
{
	float: right;
	margin-left: 10px;
	display: inline;
}

img.floatleft
{
	float: left;
	margin-right: 10px;
	display: inline;
}

a { color: #900; }
a:visited { color: #600; }
a:hover { color: #C00; }


div.imagerow  { text-align:center; }
div.imagerow img { margin: 6px 6px 12px; }

























ul.footerlinks
{
	margin: 0;
	padding: 0;
}

ul.footerlinks li
{
	list-style-type: none;
	display: inline;
	margin: 0 4px;
	font-size: 90%;
}

ul.footerlinks li a img
{
	position: relative;
	top: 6px;
}
ul.footerlinks a { color: #300;  }
ul.footerlinks a:hover { color: white; }

p.copyright
{
	text-align: center;
	line-height: 160%;
	padding: 10px 20px;
}

div.main h1 { 
	margin:0; 
	padding: .5em 0 2px;
	font-variant: small-caps; 
	border-bottom: 1px solid gray; 
	letter-spacing: .2em;
	font-size: 168%;
	line-height: 100%;

	}
	
div.main h2 { 
	margin: 2em 0 0 0; 
	padding: 0;
	font-size: 125%;
	line-height: 130%;
	}
	
div.main h3 { 
	margin: .5em 0 0 0; 
	padding:10px 0 0px;
	font-size: 105%;
	}
	
div.main p { 
	margin: .5em 0 0 0; 
	padding: 0;
	font-size: 100%;
	}
	
.bordertop { border-top: 1px solid black; }

h2.bordertop { padding-top: 6px; }
ol.anchorlist { 
	margin-top:1em; 
	padding-top:0;

	}
	
ul.busprofile { list-style-type:none; margin:0; padding: 0; }
ul.busprofile li span.label { font-weight: bold; width: 30%; float: left; display:inline; }
.indent { padding-left: 20px; }
ul.busprofile li p { margin: 0 0 1em 35%;  }
ul.busprofile li p span.sublabel { width: 30%; }

ul.mgmt{ list-style-type:none; margin-left:0; padding-left:0; }
ul.mgmt li { padding-top:1em; }
ul.mgmt li p { padding: 0; margin: 0 0 0 110px; }
ul.mgmt li span { width: 95px; float: left; display:inline; }
ul.mgmt li img { float: left; margin: 0 10px 0 0; border: 2px solid black; }

h2.leftboxtop {
	 font-size: 110%;
	 color: #000; 
	 background-color: #CC9; 
	 padding: 4px 10px 4px 20px; 
	 margin: 20px 0 0; 
	 display: block;
	 text-align: left;
}

div.leftboxtransp
{
	padding: 4px 6px 8px 30px;
	background-color: transparent;
	border-color: #CC9;
	border-width: 0 2px 2px 2px;
	border-style: none solid solid solid;
}

div.leftboxshaded
{
	padding: 4px 10px 8px 10px;
	background-color: #D6E6EE;
	border-color: #CC9;
	border-width: 0 2px 2px 20px;
	border-style: none solid solid solid;


}

div.familyofbrands img { margin: 15px 5px 10px 0; }  /* ~~~rev ME 0906 ~~~ */

ul.whatsnew { 	
	margin:0; 
	padding:0; 
	list-style-type: none; 
 }
 
ul.whatsnew li { 	
	padding: 2px 0 4px; 
	border-bottom: 1px solid #CC9;
 }

p.morelink { margin:0; padding-top: 6px; text-align: right; font-weight: bold; line-height: 1em;}
img#bluecirclearrow { margin: 0; vertical-align: middle; position: relative; top: 1px; }

ul.relatedinfo { 
	margin: 4px 0; 
	padding:0; 
	list-style-type: none; 
	line-height: 140%;
}
ul.relatedinfo li { 
	margin: 6px 0 0 0; 
}
ul.relatedinfo li ul { 
	margin: 0 0 0 2em; 
	padding:0; 
	list-style-type: none; 
}

ol.previouspages
 { 
	margin-left: 2em; 
	padding:0; 
}






div.hometopsolid
{
	height: 15px;
	background-color: black;
}

div.hometopstripe
{
	height: 5px;
	background-color: #515151;
	border-left: 20px solid black;
	border-right: 20px solid black;
}

ul.categories 
{
	margin: 10px 0 10px 5px; 
	padding:0; 
	list-style-type: none; 
	line-height: 140%;
}

ul.categories li
{
	display: block;
	width: 165px;
	height: 25px;
	padding-top: 105px; 
	list-style-type: none; 
	line-height: 140%;
	text-align: center;
	margin: 10px 0 10px;
}

ul.categories li a { font-size: 120%;  }

ul.categories li#telecom { background: #CBDAEC url(../img/prodcat_telecom.jpg) center top no-repeat; }
ul.categories li#milaero { background: #CBDAEC url(../img/prodcat_milaero.jpg) center top no-repeat; }
ul.categories li#broadcast { background: #CBDAEC url(../img/prodcat_broadcast.jpg) center top no-repeat; }
ul.categories li#industrial { background: #CBDAEC url(../img/prodcat_industrial.jpg) center top no-repeat; }


body#home div.main h1 
{ 
	margin:0; 
	padding: .5em 0 5px;
	font-variant: small-caps; 
	letter-spacing: .15em;
	font-size: 168%;
	border:none;
	line-height: 100%;
	color: #900;
}

body#home div.main h2 
{ 
	margin:0; 
	padding: 2em 0 2px;
	font-variant: small-caps; 
	letter-spacing: .15em;
	font-size: 130%;
	border:none;
	line-height: 100%;
	color: #900;
}

body#home div.main h3 
{ 
	margin:0; 
	padding: 1em 0 0;
	font-size: 110%;
	line-height: 100%;
}


div.search { display: block; width: 275px; float: right; }
div.actions { display: block; width: 125px; padding: 15px 10px 0 20px; text-align:center; float: right; }

div.headeredgebottom
{
	background-color: #A68265;
	width: 20px;
}



div.pageactions
{
	margin-right: 25px;
	padding: 10px 0;
}

div.pageactions img { margin-right: 9px; float: left; }

img#schematic { margin-top: 1.4em; }



















































/* site map */

ul.sitemap { margin:0 0 2em; padding:0; list-style: none; }
ul.sitemap#mapleft { float: left; width: 45%;  }
ul.sitemap#mapright { float: right; width: 45%;  }
ul.sitemap li { line-height: 120%; margin-bottom: .5em;}

ul.sitemap li#maphome, 
ul.sitemap li#mapmarkets, 
ul.sitemap li#mapproducts, 
ul.sitemap li#mapcustomerservice,
ul.sitemap li#mapinvestors,
ul.sitemap li#mapabout
{ margin-top:2em; font-weight:bold; text-transform: uppercase; }

ul.sitemap li ul { padding-left: 1em; margin: .5em 0; list-style: none; text-transform: none;}
ul.sitemap li ul li ul { font-weight: normal; font-size: 90%; }

ul.sitemap a.nullpage, ul.sitemap a.nullpage:hover, ul.sitemap a.nullpage:visited { color: red; display:none;}
ul.sitemap a.nullparent { color: black; cursor:default;}

/* drop-down menus  */

#navmenu, #navmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}

#navmenu a {
	display: block;
}

#navmenu a:hover { text-decoration: none; }
#navmenu li#home a:hover { text-decoration: underline; }

#navmenu li { /* all list items */
	float: left;
	}

#navmenu li ul { /* second-level lists */
	text-align: left;
	background: #900;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-right: 1em;
	_padding-right: 0;
	width: 16em;
	position: absolute;
	left: -999em; 
}

#navmenu ul li a {
	display: block;
	width: 16em;
	text-decoration: none;
	padding: 1em .5em;
	border-top: 1px solid white;
}

#navmenu a.parent 
{
	background: url(static/img/listpointer.gif) center right no-repeat;  
}

#navmenu li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 17em;
	border-left: 1px solid white;
	border-right: 1px solid white;
}


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

#navmenu li:hover, #navmenu li.sfhover 
{
	position: static;
}
#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li.sfhover ul, #navmenu li li.sfhover ul, #navmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navmenu li ul li a:hover, #navmenu li ul li a:hover { background-color: #BF652F; }

#content {
	clear: left;
	color: #ccc;
}


div.col1of2 { width: 45%; float: left; }
div.col2of2 { width: 45%; float: right; }

img.inline { margin-top: 1em; }


div.topbarlogos { text-align: center; padding: 4px 100px 0 10px; }
div.topbarlogos img { margin: 10px; border: none; }

div.photo_caption { padding: 10px; float: left; display: inline; text-align: center; }


table#broad-video { width: 100%; margin: 15px 15px 25px 0px; border: 1px solid blue; color: white;text-align: center; font-size: 90%; }
table#broad-video td,table#broad-video th { margin: 2px; padding: 6px; vertical-align: top; }
th#copper { background: #900; font-size: 120%;}
td.copper { background: #BF652F; }
th#optical { background: #1A16A8; font-size: 120%;}
td.optical { background: #3163F6;}



table#connectors { width: 80%; margin: 15px 15px 10px 0px; border: 1px solid blue; color: white;text-align: center; font-size: 90%; }

table#connectors td,table#connectors th { margin: 2px; padding: 4px; vertical-align: top; }
table#connectors th { background: #1A16A8; font-size: 120%; width: 33%;}
table#connectors td { background: #3163F6; width: 33%;}

table#expbeam { width: 100%; margin-top: 10px; font-size: 90%; line-height: 120%;  }
table#expbeam td,table#expbeam th { margin: 2px; padding: 4px 6px 12px; vertical-align: top; border: 1px solid #999;}
table#expbeam th { font-weight: bold; padding: 6px 6px 8px; background: #3163F6; color: white; }


p.sidecaption { display:block; float: left; font-size: 90%; }
p.sidecaption#expbeam { width: 215px; padding-top: 2em; }
	
div.expbeam-caption { width: 450px; margin: 15px auto; vertical-align:middle;}


img#w3ccss, img#w3cxhtml { display:none; }

#navmenu a.nullpage { display:none; }
div.leftboxtransp a.nullpage  { display:none; }

div.leftboxtransp a.nullparent, ul.inv a.nullparent { color: black; text-decoration:none; cursor:default; }
a.nullparent, a.nullparent:visited, a.nullparent:hover { cursor: default; }

ul.busprofile li span.label { position:relative; top:1.4em;}
ul.mgmt li p { position:relative; bottom: 1.5em;}


/* drop down menus */
ul.topnav
{
	padding: 0;
	margin: 0;
	line-height: 100%;
	font-size: 100%;
}

ul.topnav li a, ul.topnav li a:visited
{
	padding: 1px 1px 1px 2px;
	color: white;
	text-decoration: none;
}

ul.topnav li#home a { border: none; }

ul.topnav li a:hover, ul.topnav li a:active
{
	color: white;
	text-decoration: underline!important;
}

#navmenu, #navmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}

#navmenu a {
	display: block;
}

#navmenu a:hover { text-decoration: none; }
#navmenu li#home a:hover { text-decoration: underline; }

#navmenu li { /* all list items */
	float: left;
	}

#navmenu li ul { /* second-level lists */
	text-align: left;
	background: #900;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding-right: 1em;
	_padding-right: 0;
	width: 16em;
	position: absolute;
	left: -999em; 
	margin-top: 0;
}

#navmenu ul li a {
	display: block;
	width: 16em;
	text-decoration: none;
	padding: 1em .5em;
	border-top: 1px solid white;
	text-align: left;
}

#navmenu a.parent 
{
	background: url(../img/listpointer.gif) center right no-repeat;  
}

#navmenu li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 17em;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#navmenu li:hover, #navmenu li.sfhover 
{
	position: static;
}

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

#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li.sfhover ul, #navmenu li li.sfhover ul, #navmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navmenu li ul li a:hover, #navmenu li ul li a:hover { background-color: #BF652F; }



#navmenu li:hover ul, #navmenu li.sfhover ul 
{  left: auto; }

#navmenu li li:hover ul, #navmenu li li.sfhover ul 
{  left: auto; margin-top: -2.75em; margin-left: 15.5em; }

a.invisible { color: blue; }
div.releases { border: 1px solid #ccc; width: 550px; }

.changelink { float: right; }