@charset "utf-8";
/* 2014-01-07 */


/******** Navigation Styles ********/

.navigation {
	float: left;
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
	width: 100%;
	height: 47px;
	background: transparent url(../images/sys_images/nav-bg.png) repeat-x top left;
	z-index: 100; /*LNF*/
}

.navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 100; /*LNF*/
}

.navigation ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	position: relative;
	z-index: 100; /*LNF*/
}

.navigation ul li.navItem1{ /*This css code was added to make sure the zooming in and out worked*/
width: 157px;
margin: 0px;
padding: 0px;
}

.navigation ul li.navItem1 a {
    background: url("../images/sys_images/nav-tip.png") no-repeat scroll right top transparent;
    border-left: medium none;
    padding: 10px 30px 5px;
    width: 96px;}



.navigation ul li.navItem2{ /*This css code was added to make sure the zooming in and out worked*/
  width: 172px;
  margin: 0px;
  padding: 0px;

}
.navigation ul li.navItem2 a {
	width: 92px;
	padding: 10px 39px 5px;

}
.navigation ul li.navItem3 { /*This css code was added to make sure the zooming in and out worked*/
  width: 172px;
  margin: 0px;
  padding: 0px;

}


.navigation ul li.navItem3 a {
	padding: 15px 34px 16px;
	width: 102px;
}


.navigation ul li.navItem4 { /*This css code was added to make sure the zooming in and out worked*/
  width: 150px;
  margin: 0px;
  padding: 0px;
}

.navigation ul li.navItem4 a {
	/* Change for WT-3623 */
    /*padding: 10px 29px 5px;
    width: 90px;*/
	padding: 15px 25px 16px;
    width: 98px;
}
	

.navigation ul li.navItem5  { /*This css code was added to make sure the zooming in and out worked*/
  width: 150px;
   margin: 0px;
   padding: 0px;
   }

.navigation ul li.navItem5 a {
    padding: 10px 28px 5px;
    width: 92px;
}
.navigation ul li.navItem6  { /*This css code was added to make sure the zooming in and out worked*/
   width: 155px;
   margin: 0px;
   padding: 0px;
}

.navigation ul li.navItem6 a {
    border-right: medium none;
    padding: 10px 32px 5px;
    width: 90px;
}
.navigation ul li a {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #FFFFFF;
    clear: both;
    color: #335761;
    display: block;
    float: left;

    text-decoration: none;
	text-align: center;
}

.navigation ul li a:hover,
.navigation ul li a:focus,
.navigation ul li.active a,
.navigationDown {
	color: #FFF !important;
	border-right-color: #20687e !important;
	border-left-color: #20687e !important;
	background: transparent url(../images/sys_images/nav-down-bg.png) repeat-x top left  !important;
}

.navigation ul li ul li a:hover, 
.navigation ul li ul li a:focus, 
 {
	color: #FFF !important;
	border-right-color: #20687e !important;
	border-left-color: #20687e !important;
	background: transparent url(../images/sys_images/nav-down-bg.png) repeat-x top left !important;
}

.navigation ul li a img {
	position: absolute;
    top:22px;
	right:10px;
}



.navigation ul li.last a {
	border-right: none;
	padding: 8px 34px 7px 33px;
}

.navigation ul li ul {
	display: none;
	float: left;
	clear: both;
	margin: 0px 1px;
	background: #f2f2f2 url(../images/sys_images/flyout-bg.png) repeat-x top left;
	position: relative;


}

.navigation ul li ul li {
	border-bottom: 1px solid #ccc;
	float: left;
	clear: both;

	
}
.navigation ul li.navItem1 ul li a{
width: 136px;
}
.navigation ul li.navItem2 ul li a, .navigation ul li.navItem3 ul li a{
	width: 152px; 		}
.navigation ul li.navItem4 ul li a, .navigation ul li.navItem5 ul li a,.navigation ul li.navItem5 ul li a{
	width: 130px;	}
.navigation ul li.navItem6 ul li a{
	width: 133px;	}

.navigation ul li ul li a,
.navigation ul li.active ul li a{
	/*border: 0px none !important;*/
	font-size: .85em !important;
	float: left !important;
	padding: 8px 10px 7px !important;
	background: none !important;
	color: #335761 !important;
	text-align: left !important;

}


.navigation ul li.active ul li a:hover {
	color: #FFF !important;
	background: #d96701 url(../images/sys_images/flyout-hover.png) repeat-x top left  !important;
	/*border: none 0px !important;*/

	
}

.navigation ul li ul li ul {
	display: none;
}