/* 
	Clean and proper navigation for modern Browsers - without any hacks
 
	Supported and tested Browser:
	Mac: Safari 3.1, Firefox 3, Opera 9.2
	Win: IE7, IE6, IE5.5, Firefox 2, Netscape 7.1
*/

/* general settings for the navigation */
#nav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	background-color:#333333;
	width:820px;
	height:25px;
	margin-bottom:20px;
	padding: 0 90px 0 90px;
	position:relative;
	z-index:100;
}

/* 1st level floating left to get a horizontal navigation */
#nav ul li
{
	float:left;
	width:auto;
}

/* 1st level normal a style */

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited
{
	display:block;
	_display:table-cell; /* unavoidable hack for IE6 */
	width:auto;
	height:25px;
	line-height:25px;
	padding:0 20px 0 20px;
	color:#ccc;
	background-image:none;
	text-indent:0;
	border:none;
}

/* 1st level mouseover style */
#nav ul li:hover a,
#nav ul li a:hover
{
	color:#fff;
	background:#c1002b;
	border:none;
}

/* style and hide 2nd Level */
#nav ul li ul
{
	position:absolute;
	visibility:hidden;
	left:-999em; /*hides the 2nd level */
	top:25px;
	display: inline-block;
	max-width:600px;
	height:20px;
	line-height:20px;
	font-size:13px;
	background:none;
}

#nav ul li.submenu.last ul
{
	width:360px;
}

/* show active 2nd Level */
#nav ul li.trail ul
{
	visibility:visible;
	left:auto;
	z-index:0;
}

/* 2nd level going to be visible */
#nav ul li:hover ul,
#nav ul li a:hover ul,
#nav ul li.sfhover ul
{
	visibility:visible;
	left:auto;
	background:#c1002b;
	z-index:99;
}

#nav ul li.service ul 
{
	padding-left:120px;
	margin-left:-120px;
	padding-right:200px;
	margin-right:-200px;
}
#nav ul li.products ul 
{
	padding-right:250px;
	margin-right:-250px;
}
#nav ul li.company ul 
{
	padding-left:250px;
	margin-left:-250px;
	padding-right:50px;
	margin-right:-50px;
}
#nav ul li.jobs ul 
{
	padding-left:500px;
	margin-left:-500px;
}


/* style and hide 3rd level list */
#nav ul li.trail ul li ul,
#nav ul li:hover ul li ul,
#nav ul li a:hover ul li a ul
{
	visibility:hidden;
	position:absolute;
	display:block;
	width:440px;
	max-width:560px;
	background:#fff;
	top:20px; /* this is relative to the 2nd level */
	font-size:12px;
	padding:0;
	margin:0;
}

/* 2nd level general a-style */
#nav ul li.trail ul li a,
#nav ul li:hover ul li a,
#nav ul li a:hover ul li a
{
	display:block;
	color:#e5e5e5;
	height:20px;
	line-height:20px;
	padding: 0 10px 0 20px;
	background:none;
	border:none;
	z-index:-99;
}

/* 2nd level mouseover style */
#nav ul li:hover ul li a:hover,
#nav ul li a:hover ul li a:hover
{
	color:#fff;
	font-weight:bold;
}

/* 3rd level going to be visible */
#nav ul li:hover ul li:hover ul,
#nav ul li a:hover ul li a:hover ul { visibility:visible; margin:0; padding:0; }

/* 3rd level general a-style */
#nav ul li:hover ul li:hover ul li a,
#nav ul li a:hover ul li a:hover ul li a
{
	background:#fff;
	color:#666;
	font-size:12px;
	margin-left:20px;
	margin-right:10px;
	padding:0;
}

/* 3rd level specials (arrow) */
#nav ul li:hover ul li:hover ul,
#nav ul li a:hover ul li a:hover ul
{
	background-image: url(../img/icons/arrow_down_right.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:20px;
	border:none;
}

/* 3rd level mouseover style */
#nav ul li:hover ul li:hover ul li a:hover,
#nav ul li a:hover ul li a:hover ul li a:hover
{
	color:#333;
	font-weight:bold;
}

/* current active button */
#nav .level_1 li.active span
{
	display:block;
	height:25px;
	line-height:25px;
	font-weight:bold;
	padding: 0 20px 0 20px;
	color:#FFFFFF;
	background:#c1002b;
}

#nav .level_2 .active span
{
	display:block;
	height:20px !important;
	line-height:20px !important;
	font-size:13px;
	font-weight:bold;
	padding: 0 10px 0 20px !important;
	color:#FFFFFF;
	background:none;
	border:none;
	z-index:-99;
}

#nav .level_3 .active span
{
	font-size:12px;
	font-weight:bold;
	margin-left:20px;
	margin-right:10px;
	padding:0 !important;
	color:#333 !important;
	background: none !important;
}

/* Special Case Jobs */
#nav .jobs .level_2 { width:320px; }

/* To mark the active main section */
.trail
{
	color:#FFFFFF !important;
	background:#c1002b;
}

.mod_sitemap .trail
{
	background:none;
	color:#666 !important;
}

/* The red bar */
#redbar
{
	position:static;
	margin-top:-20px;
	height:20px;
	width:1000px;
	background:#c1002b;
}

/* Subnavigation in Footer */

#footer,
#footer a,
#footer p
{
	font-size:11px;
	padding:0;
	margin:0;
}

#footer p { display:inline; }

#footer .active,
#footer p .active
{
	margin:0;
	padding:0;
	line-height:normal;
}

#footer ul { float:right; }

#footer ul li
{
	float:left;
	width:auto;
	margin:0;
	padding:0 0 0 12px;
}

#footer ul li a,
#footer ul li a:visited { color:#666666; }

#footer ul li a:hover,
#footer ul li a:active
{
	color:#c1002b;
	border-bottom:1px dotted #c1002b;
}

#footer p.active
{
	margin-left:10px;
	color:#c1002b;
	border-bottom:1px dotted #c1002b;
}

#navtop
{
	position:absolute;
	margin:24px 0 0 716px;
}

#navtop ul li 
{
	float:left;
	color:#fff;
	margin-right:20px;
	line-height:20px;
}

#navtop ul li a 
{
	color:#FFFFFF;
	font-size:12px;
}
#navtop ul li a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
}

#navtop ul li .active,
#navtop ul li p
{
	padding-top:0;
	line-height:20px;
	text-decoration:underline;
}

#new 
{
	position:absolute;
	margin:44px 0 0 713px;
}