*{outline: none;}
img {border: 0;}

body 
{
	/* http://www.xs4all.nl/~peterned/csshover.html */
	/* behavior: url("/business/psna/includes/js/mega-menu/csshover3.htc"); */
    /* Make sure that the margin and padding are set to 0 for body (this should already by done) */
	margin: 0; padding: 0;
}

.megaMenuDiv
{
	/* background-color:red; */
	background-color:#0065a4;
	clear:both; 
	height:30px;
	width:100%; 	
}

.megaMenuContainer 
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	width: 1002px;
	padding: 0;
	/* margin: 0 auto; - caused the menu to float a little from left and increase as window expands*/
	margin:0px;
	background-color:#0065a4;
	/* background: url(/business/psna/images/header/top-nav/mega-menu/body_bg.png) repeat-x; */

}

/***** Main navigation *****/
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	background-color:#0065a4;
	/* 
	Sets all drop downs to begin at far left of nav.
	can be over writter by setting the individual li style
	Exmaple: <li style="position:relative;">	
	            <a href="#" class="products">Products</a>
	*/
	position: relative;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 30px;
}

/**** top nav button hover when in drop down menu *****/
ul#topnav li:hover a, ul#topnav li a:hover 
{ 
	background-position: left bottom; 
}
/* IE 6 fix, see js sfhover at bottom */
ul#topnav li:hover .button, ul#topnav li.sfhover .button
{ 
	background-position: left bottom; 
}
/* IE 6 fix, uses jquery to interject this into the buttons tag */
ul#topnav li a.buttonHover
{
	background-position: left bottom; 
}

/***** Navigation sections bg images *****/
ul#topnav a.home 
{
	background: url(/business/psna/images/header/top-nav/mega-menu/nav_home_2.png) no-repeat;
	width: 129px; 
}
ul#topnav a.solutions
{
    background: url(/business/psna/images/header/top-nav/mega-menu/nav_psna_solutions.png) no-repeat;
    width: 132px;	
}
ul#topnav a.products 
{
	background: url(/business/psna/images/header/top-nav/mega-menu/nav_psna_products.png) no-repeat;
	width: 105px; 
}
ul#topnav a.applications
{
	background: url(/business/psna/images/header/top-nav/mega-menu/nav_psna_applications.png) no-repeat;
    width: 200px;	
}
ul#topnav a.resources
{
	background: url(/business/psna/images/header/top-nav/mega-menu/nav_psna_resources.png) no-repeat;
    width: 185px;	
}
ul#topnav a.news
{
	background: url(/business/psna/images/header/top-nav/mega-menu/nav_psna_news.png) no-repeat;
    width: 142px;	
}
ul#topnav a.about
{
    background: url(/business/psna/images/header/top-nav/mega-menu/nav_psna_about.png) no-repeat;
    width: 107px;	
}


/***** Drop down bounding box *****/
ul#topnav li .sub 
{
	border: #55bceb 5px solid;
	position: absolute;	
	top: 30px; left: 0;
	/* OLD GREEN - background: #344c00 url(/business/psna/images/header/top-nav/mega-menu/sub_bg.png) repeat-x;*/
	background: #fff url('/business/psna/images/header/top-nav/mega-menu/drop-down-bg.gif') repeat-x bottom;
	/* padding: 20px 20px 20px; */
	padding: 10px 10px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; 
}

/***** Drop down manual positioning *****/
ul#topnav li .sub.aboutPosition
{
    left:-173px;	
}
ul#topnav li .sub.newsPosition
{
	left:-31px;	
}

ul#topnav li .sub.resourcesPosition
{
    left:-86px;	
}

/***** Drop down horizontal row bounding box *****/
/*
ul#topnav li .row 
{
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
}
*/

/***** Drop down vertical column bounding box *****/
/* Used table to keep divider to extend to bottom */
ul#topnav li .sub .megaMenuDDTable
{
    border:0px;
}
ul#topnav li .sub .megaMenuDDRow
{

}
ul#topnav li .sub .megaMenuDDCol
{	
    /*
    Not supported in IE6 as div. Had to use actual tables - http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14012 
    */
    background-image: url('/business/psna/images/header/top-nav/mega-menu/drop-down-dot-column-divider.gif');
	background-position:right top;
	background-repeat:repeat-y;
	vertical-align:top;
    padding-left:20px;
}
/* First column does not have left padding */
ul#topnav li .sub .megaMenuDDCol.first
{
	padding-left:0px;
}
/* Last column does not have bg image */
ul#topnav li .sub .megaMenuDDCol.last
{
	background-image:none;
}
ul#topnav li .sub ul
{
	list-style: none;
	margin: 0; 
	padding: 0;
	
	/*width: 220px;*/
	width:180px; /* for temp header PSCNA unification 6/14 */
	float: left;
}
/* Used in jquery to determine full width of dd box by only finding the top ul's */
ul#topnav li .sub ul.top
{
	
}

/***** Drop down headers */
ul#topnav .sub ul li h2 
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0;
	line-height:16px;  
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a 
{
	padding: 5px 0;
	background-image: none;
	color: #0065a4;
	font-weight:bold;
}

/* Drop down sub items */
ul#topnav .sub ul li 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	color: #4c4c4c;
}
ul#topnav .sub ul li a 
{
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 4px 10px 4px 0px;
	margin-right:25px;
	display: block;
	text-decoration: none;
	color: #4c4c4c;
}
ul#topnav .sub ul li ul li a 
{
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 4px 10px 4px 10px;
	margin-right:25px;
	display: block;
	text-decoration: none;
	color: #4c4c4c;
	font-weight:normal;
}
/* Third Tier */
ul#topnav li .sub ul li ul
{
	padding:0px;
	margin:0px;
}
ul#topnav li .sub ul li ul li
{
	font-weight:normal;
	
}
ul#topnav li .sub ul li ul li a
{
	padding-left:10px;
	
}

/* hover for both drop down items */
/* ul#topnav .sub ul li a:hover {color: #fff; background-position: 5px 12px ;} */
ul#topnav .sub ul li a:hover 
{
	color: #0065a4; 
	text-decoration:underline;
}

ul#topnav .sub
{
	z-index:2000;	
}

.megaMenuDiv
{
	z-index:2000;	
}

.megaMenuContainer
{
	z-index:2000;	
}

#topnav
{
	z-index:2000;
}












/* PSCNA Unification */

#topNavMenus {
	position: absolute;
	top: -5000px;
	left: 0;
}
#topNavMenus .menu, .shareWidget .menu {
	position: absolute;
}
#topNavMenus .menu.topLevel {
	background-color: #717171;
	-moz-box-shadow: 3px 3px 4px #222;
	-webkit-box-shadow: 3px 3px 4px #222;
	box-shadow: 3px 3px 4px #222;
}
#topNavMenus .menuItems, #topNavMenus .submenus 
{
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	font-size:12px;
	float: left;
	position: relative;
}
#topNavMenus .menuItem a, .shareWidget .menuItem a {
	background: url(/business-solutions/images/top-nav/menu-item-unselected-psna.gif) left center no-repeat;
	padding: 8px 20px 8px 20px;
	display: block;
	outline: none;
	text-decoration:none;
}
.shareWidget .menu a {
	color: #4d4d4f; white-space: nowrap;
}
#topNavMenus .menuItem a {
	color: #fff; white-space: nowrap;
}
#topNavMenus .menuItem.selected a, #topNavMenus .menuItem.hover a {
	color: #fff;
}
#topNavMenus .menuItem.hasSubmenu a {
	background-position: right center;
}
#topNavMenus .menuItem.first, .shareWidget .menuItem.first {
	margin-top: 4px;
}
#topNavMenus .menuItem.last, .shareWidget .menuItem.last {
	margin-bottom: 4px;
}

#topNavMenus .menuItem.first, #topNavMenus .menu.twocol .menuItem:first-child {
	margin-top: 10px;
}
#topNavMenus .menuItem.last {
	margin-bottom: 10px;
}

#topNavMenus .menuItem {
	width:100%;
}
#topNavMenus .menuItem.selected a, #topNavMenus .menuItem.hover a {
	background: url(/business-solutions/images/top-nav/menu-item-selected-psna.gif) left center no-repeat;
	background-color:#333333; color:#00AEEF;
}


/*New Window icon classes begins Diony C. 9/16/2014 */

#topNavMenus .menuItem.selected a, #topNavMenus .menuItem a .dft {
    display: inline-block;
}
#topNavMenus .menuItem.selected a, #topNavMenus .menuItem a .dft-hov {
    display: none;
}
#topNavMenus .menuItem.selected a, #topNavMenus .menuItem.hover a .dft {
    display: none;
}
#topNavMenus .menuItem.selected a, #topNavMenus .menuItem.hover a .dft-hov {
    display: inline-block;
}

/*New Window icon classes ends */


#topNavMenus .menuItem.selected.hasSubmenu a, #topNavMenus .menuItem.hover.hasSubmenu a {
	background-position: right center;
}
#topNavMenus .menu .divider {
	height: 2px;
	background-color: #bcbec0;
	font-size: 0;
	overflow: hidden;
	margin: 4px 0;
}
#topNavMenus .menuItem.groupItem a {
	padding-left: 35px;
}
#topNavMenus .menuItem a.groupHeader {
	font-weight: bold;
	color: #929495;
	font-style: normal;
}
#topNavMenus .menuItem a.groupHeader:hover {
	cursor: default;
	background-image: url(/business-solutions/images/top-nav/menu-item-unselected-psna.gif);
	color: #929495;
}
#topNavMenus .menu.twocol .menuItems .menu2col {
	float:left; 
	margin-bottom:15px; 
}
#topNavMenus .menu.twocol .menuItems .menu2col:first-child {
	background: #717171 url(/business-solutions/images/bg-menu-2col-rule.gif) no-repeat right top;
}
#topNavMenus .menu .menuItems {
    background-color: transparent;
/*	background-color: #717171; */
	/*
	background-image:url(/business-solutions/images/bg-menu-dd.gif);
	background-repeat:repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#717171), to(#4D4D4D));
	background: -webkit-linear-gradient(top, #717171, #4D4D4D);
	background: -moz-linear-gradient(top, #717171, #4D4D4D);
	background: -ms-linear-gradient(top, #717171, #4D4D4D);
	background: -o-linear-gradient(top, #717171, #4D4D4D);
	*/
}

#topRibbon {
	display: block; position:absolute; left:0; top:0;
	width: 1002px;
	height: 50px;
}
#mainMenu {
	clear: both;  position:absolute; left:304px; top:0;
	overflow: hidden;
	margin: 0;
	padding-left: 5px;
	height: 50px;
	overflow: hidden;
}
#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*visibility: hidden;*/
	visibility:visible;
	
	font-family:Arial,Verdana,Helvetica;
	font-size:10px;
}
#mainMenu ul li {
	float: left; height:50px;
}
#navWrap {
	position:relative;
	height:50px;
	-moz-box-shadow: 0 2px 3px #222;
	-webkit-box-shadow: 0 2px 3px #222;
	box-shadow: 0 2px 3px #222;
}
#mainMenu ul li.last {
	padding-right: 0;
}
#mainMenu ul li div {
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
}
#mainMenu ul li div.selected {
	background-color: #717171;
}
#mainMenu ul li a {
	padding: 17px 20px; display:block;
	outline: none;
	color: white;
	text-decoration: none;
	font-size:14px;
	text-shadow: 1px 1px 1px #111;
	white-space: nowrap;
}

#topNavMenus .menu .divider {
    background: url("/business-solutions/images/top-nav-hr.gif") repeat-x scroll left top #BCBEC0;
    font-size: 0;
    height: 2px;
    margin: 3px 20px;
    overflow: hidden;
}

#topNavMenus .menuItem.first, #topNavMenus .menu.twocol .menuItem:first-child {
    margin-top: 10px;
}

#topNavMenus .menuItem.last {
    margin-bottom: 10px;
}