@charset "gb2312";
/* Navigation contents:
 - general settings
 - Dropdown Menu
 - Main Nav
 - Global Nav
*/

#mainnav li,
#footernav li {
	background: none;
	display: inline;
}
#menu {
	position: absolute;
	right: 8px;
	top: 31px;
}


/* Dropdown Menu
-------------------------- */
/*NOTE: IE6 hover styles are using .hover */

/* add class hasDropdown to parent li */
#mainnav li {
	float: left;
}
li.hasDropdown {
	position: relative;
}
#mainnav li.hasDropdown.hover ul,
li.hasDropdown:hover ul {
	display: block;
}
li.hasDropdown ul li a {
	display: block;
	text-indent: 0;
	font-weight: normal;
}

/* Main Nav */
#mainnav li#mainNav_about,
#mainnav li#mainNav_investors,
#mainnav li#mainNav_broadband,
#mainnav li#mainNav_mobile,
#mainnav li#mainNav_networking,
#mainnav li#mainNav_support {
	background: url(Images/main_matrix.gif) no-repeat;
	display: block;
	height: 40px;
	float: left;
	text-indent: -9999px;
}
ul#mainnav li#mainNav_about {
	width: 107px;
	background-position: 0 0;
}
ul#mainnav li#mainNav_investors {
	width: 121px;
	background-position: -107px 0;
}
ul#mainnav li#mainNav_broadband {
	width: 120px;
	background-position: -228px 0;
}
ul#mainnav li#mainNav_mobile {
	width: 104px;
	background-position: -348px 0;
}
ul#mainnav li#mainNav_networking {
	width: 113px;
	background-position: -452px 0;
}
ul#mainnav li#mainNav_support {
	width: 114px;
	background-position: -565px 0;
}

ul#mainnav li#mainNav_about:hover,
ul#mainnav li#mainNav_about.hover {
	background-position: 0 -44px;
}
ul#mainnav li#mainNav_investors:hover,
ul#mainnav li#mainNav_investors.hover {
	background-position: -107px -44px;
}
ul#mainnav li#mainNav_broadband:hover,
ul#mainnav li#mainNav_broadband.hover	{
	background-position: -228px -44px;
}
ul#mainnav li#mainNav_mobile:hover,
ul#mainnav li#mainNav_mobile.hover {
	background-position: -348px -44px;
}
ul#mainnav li#mainNav_networking:hover,
ul#mainnav li#mainNav_networking.hover {
	background-position: -452px -44px;
}
ul#mainnav li#mainNav_support:hover,
ul#mainnav li#mainNav_support.hover {
	background-position: -565px -44px;
}

ul#mainnav {
	padding-top: 5px;
	margin-right: 5px;
	/* border-top: solid 1px #ccc;*/
}

/* First Level Menus */
/* first li creates top img; last li creates the bottom img */
li.hasDropdown ul {
	display: none;
	top: 27px;
	overflow: visible;
	position: absolute;
	right: 0px;
	width: 160px;
	background: url(Images/bg_dropdown.png) no-repeat left bottom;
	padding-bottom: 25px;
	_background: url(Images/bg_dropdown.gif) no-repeat left bottom;
}
/* styling the actual text links and hover states */
ul#mainnav ul li a {
	padding: 10px 13px 3px 10px;
	width: 157px;
	margin-left: 9px;
	margin-right: 6px;
	font-weight: normal;
	text-decoration: none;
}
ul#mainnav ul li a:hover,
ul#mainnav ul li:hover a,
ul#mainnav ul li.secondary ul li a:hover {
	color: #B70024;
}
_ul#mainnav ul li.hover a {
	color: #B70024;
}

#mainnav li a.parent {
	height: 20px;
	display: block;
	text-indent: -9999px;
}

/* Second Level Menus */
ul#mainnav a.secondaryParent {
	background: url(Images/arrow.gif) no-repeat 130px 5px;
	position: relative;
}
ul#mainnav ul li.secondary ul li a {
	color: #000;
	width: 140px;
}
ul#mainnav li.hasDropdown.secondary {
	position: static; /* ie makes relative elements appear on top */
}
ul#mainnav li.hasDropdown.secondary.hover,
ul#mainnav li.hasDropdown.secondary:hover {
	position: relative; /* so only hovered li will get relative pos */
}
ul#mainnav li.hasDropdown.secondary.hover,
ul#mainnav li.hasDropdown.secondary:hover {
	background: url(Images/bg_secondary_top.png) no-repeat right 0;
	width: 295px;
	_width: 200px;
	/* ie6 doesn't support adding the top background to the parent li element,
		 so it's not getting an images at all. */
	_background: none;
}
ul#mainnav li.hasDropdown.secondary ul {
	display: none;
	width: 175px;
	top: 6px;
	left: 120px;
	background: url(Images/bg_secondary.png) no-repeat left bottom;
	padding-bottom: 10px;
	_background: url(Images/bg_secondary.gif) no-repeat left bottom;
	_left: 194px;
	_border-top: solid 1px #ccc; /* ie6 is not getting a top image, so giving it a border for good looks */
	_width: 160px;
	_overflow: hidden;
	_padding-left: 0;
}
ul#mainnav li.hasDropdown ul li:hover ul {
	display: block;
	*display: none;
}
ul#mainnav li.hasDropdown ul li.hover ul {
	display: block;
}
/* style for narrow windows */

/* Display support to the left */
ul#mainnav li#mainNav_support li.hasDropdown.secondary.hover,
ul#mainnav li#mainNav_support li.hasDropdown.secondary:hover {
	/* The top background is trouble since it's currently part of the parent li */
	background: none;
}
ul#mainnav li#mainNav_support li.secondary ul {
	left: -161px;
	_left: -154px;
}

/* Global Nav */
#globalnav {
	position: absolute;
	top: 10px;
	right: 160px;
	width: 275px;
	z-index: 600;
}
#globalnav li a.parent {
	height: 20px;
	display: block;
	text-indent: -9999px;
}
#globalnav li.language {
	background: url(Images/language_matrix.gif) no-repeat right 3px;
	float: left;
	margin-right: 17px;
}
/* add english when on other language sites*/
#globalnav li#english {
	background-position: 0 3px;
	width: 34px;
}
#globalnav li#japanese {
	background-position: -50px 3px;
	width: 40px;
}
#globalnav li#EnglishIwncomm {
	background-position: -99px 3px;
	width: 43px;
}
#globalnav li#fantiIwncomm {
	background-position: -163px 3px;
	width: 49px;
}
#globalnav li#MoreIwncomm {
	background-position: -233px 3px;
	width: 48px;
}
#globalnav li#english:hover,
#globalnav li#english.hover {
	background-position: 0 -17px;
}
#globalnav li#japanese:hover,
#globalnav li#japanese.hover {
	background-position: -50px -17px;
}
#globalnav li#EnglishIwncomm:hover,
#globalnav li#EnglishIwncomm.hover {
	background-position: -99px -17px;
}
#globalnav li#fantiIwncomm:hover,
#globalnav li#fantiIwncomm.hover {
	background-position: -163px -17px;
}
#globalnav li#MoreIwncomm:hover,
#globalnav li#MoreIwncomm.hover {
	background-position: -233px -17px;
}

#globalnav li.active {
	display: none;
}

#globalnav li.hasDropdown ul {
	display: none;
	width: 120px;
	right: 0;
	top: 19px;
	background: none;
}
#globalnav li.hasDropdown:hover ul,
#globalnav li.hasDropdown.hover ul {
	display: block;
}
#globalnav li.hasDropdown ul li.first {
	background: url(Images/bg_sm_dropdown_top.png) no-repeat left top;
	height: 15px;
	padding-top: 10px;
	/* ie6 png fix follows */
	_background: url(Images/bg_sm_dropdown_top.gif) no-repeat left top;
}
#globalnav li.hasDropdown ul li.last {
	background: url(Images/bg_sm_dropdown_bottom.png) no-repeat left bottom;
	height: 15px;
	padding-bottom: 20px;
	/* ie6 png fix follows */
	_background: url(Images/bg_sm_dropdown_bottom.gif) no-repeat left bottom;
}

#globalnav li.hasDropdown ul {
	width: 120px;
}
#globalnav li.hasDropdown ul li {
	background: url(Images/bg_sm_dropdown_middle.png) repeat-y left top;
	height: 14px;
	/* ie6 png fix follows */
	_background: url(Images/bg_sm_dropdown_middle.gif) repeat-y left top;
}
#globalnav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 25px;
	display: inline;
}
