/* Basic Styles */


/*** ESSENTIAL STYLES ***/
#primaryNav, #primaryNav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#primaryNav {
	font-family:Arial,Helvetica,sans-serif;
	text-align: center;
	line-height: 1.0;
	width: 921px;
	position: absolute;
	top: -18px;
	left: 20px;
	font-weight: bold;
	background: transparent url(http://www.netop.com/fileadmin/templates/images/bg-nav.gif) top left repeat-x;
	z-index: 9;
	font-size: 13px;
}

/* For the empty red nav holder (the normal nav is a <ul>): */
div#primaryNav {
	height: 27px;
}

#primaryNav .nSub {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 26px; /* match top ul list item height */
	left: 0;
	overflow: hidden;
	display: none;
	left: -4px;
}

#primaryNav li {
	float: left;
	position: relative;
	z-index: 4;
	margin: 0 8px;
	padding: 0;
}

#primaryNav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#primaryNav a {
	display: block;
	position: relative;
	color: #ffffff;
	zoom: 1;
}

#primaryNav li ul.hideOnLoad {
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
/*
* html #primaryNav li ul.hideOnLoad {
}
*/

#primaryNav li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 26px; /* match top ul list item height */
	left: 0;
	left: -4px;
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 20px;
	text-align: left;
}

#primaryNav li ul li {
	margin: 0;
	background: none;
	float: none;
	zoom: 1;
	position: relative;
	display: block;
}

#primaryNav li ul a,
#primaryNav li.sfHover ul a {
	background: none;
	color: #231f20;
}

#primaryNav a:hover,
#primaryNav li.sfHover a,
#primaryNav .active
{
	background: transparent url(http://www.netop.com/fileadmin/templates/images/bg-navActive.gif) top left repeat-x;
}
	
#primaryNav li:hover ul,
#primaryNav li.sfHover ul {
	display: block;
	z-index: 10;
}
#primaryNav a {
	padding: 0 32px;
	line-height: 26px;
	padding-top: 1px;
	height: 26px;
	text-decoration: none;
	float: left;
}

#primaryNav ul li a {
	line-height: normal;
	padding: .5em 32px .5em 32px;
	height: auto;
	float: none;
	margin: 0 4px;
}

#primaryNav ul li a:hover,
#primaryNav ul li.active a,
#primaryNav ul li.active a:visited {
	color: #ffffff;
	background: #8c8d8e;
	background: #666666;
}

#primaryNav ul li ul li a {
	padding-left: .9em;
	padding-right: .9em;
}


#primaryNav li {
	text-transform: uppercase;
}

#primaryNav ul li {
	text-transform: none;
	font-size: 10px;
	display: block;
	float: none;
}

#primaryNav ul li {
	
}

#primaryNav li:hover, #primaryNav li.sfHover,
#primaryNav a:focus, #primaryNav a:hover, #primaryNav a:active {
	outline: 0;
	text-decoration: none;
}

/*  Background special div(s) */
#primaryNav .nRight {
	width: 50% !important;
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	background: transparent url(http://www.netop.com/fileadmin/templates/images/bg-navDrop-wide.png) bottom right no-repeat;
	height: 1000px;
	zoom: 1;
}

* html #primaryNav .nRight {
	background: transparent url(http://www.netop.com/fileadmin/templates/images/bg-navDrop-wide.gif) bottom right no-repeat;
}

#primaryNav .nLeft {
	height: 1000px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: transparent url(http://www.netop.com/fileadmin/templates/images/bg-navDrop-wide.png) bottom left no-repeat;
	width: 50% !important;
	zoom: 1;
}

* html #primaryNav .nLeft {
	background: transparent url(http://www.netop.com/fileadmin/templates/images/bg-navDrop-wide.gif) bottom left no-repeat;
}

/*  Products Dropdown Columns */
#primaryNav .twoColsDrop ul {
	width: 350px;
	zoom: 1;
}

#primaryNav .twoColsDrop .clear {
	clear: both;
	padding-top: 10px;
	line-height: normal;
	height: auto;
	font-weight: bold;
}

#primaryNav .twoColsDrop .clear a {
	font-weight: bold;
}

#primaryNav .nColLeft {
	float: left;
	width: 50%;
}

#primaryNav .nColRight {
	float: right;
	width: 50%;
	padding: 0;
}

#primaryNav .nCol ul {
	width: auto;
	position: static;
	margin: 0;
	padding: 0;
}

#primaryNav .nCol ul li a,
#primaryNav .nCol ul li a:visited {
	color: #608281;
	padding-top: 3px;
	padding-bottom: 3px;
}

#primaryNav .nColLeft ul li a,
#primaryNav .nColLeft ul li a:visited {
	padding-left: 32px;
	margin-right: 0;
}

#primaryNav .nColRight ul li a,
#primaryNav .nColRight ul li a:visited {
	padding-right: 32px;
	margin-left: 0;
}

/* third level */
#primaryNav .nColLeft ul li ul li a,
#primaryNav .nColLeft ul li ul li a:visited {
	padding-left: 42px;
}

#primaryNav .nColRight ul li ul li a,
#primaryNav .nColRight ul li ul li a:visited {
	padding-left: 19px;
}

#primaryNav .nCol ul li ul li a,
#primaryNav .nCol ul li ul li a:visited {
	color: #231f20;
}

#primaryNav .nCol ul li a:hover,
#primaryNav .nCol ul li ul li a:hover,
#primaryNav .nCol ul li.active a,
#primaryNav .nCol ul li ul li.active a,
#primaryNav .nCol ul li.active a:visited,
#primaryNav .nCol ul li ul li.active a:visited {
	color: #ffffff;
}