/* Utility Navigation */
#navutil {
	padding: 0 5px 4px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navutil ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	height: 12px;
}

#navutil ul li {
	margin: 0;
	padding: 0 12px 0 12px;
	font-size: 10px;
	float: left;
	border-right: 1px solid #666;
}

#navutil ul li a {
	text-decoration: none;
	color: #666;
}

#navutil ul li a:hover, #navutil ul li a.active {
	text-decoration: underline;
}

#navutil ul li.noborder {
	border: none;
	padding-right: 0;
}

a#lang-ch {
	display: block;
	height: 10px;
	width: 32px;
	background: transparent url("../images/lang_ch.gif") 0px 1px no-repeat;
}


/* Quicklinks Navigation */
#navquicklinks {
	background: #adadad url("../images/navquicklinks_curve.gif") left top no-repeat;
	float: right;
	height: 23px;
	padding-left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navquicklinks ul {	
	margin: 0;
	padding: 6px 0 0 0;
	list-style: none;
	float: left;
}

#navquicklinks li {	
	margin: 0;
	padding: 0 12px 0 12px;
	float: left;
	font-size: 10px;
	line-height: 10px;
	border-right: 1px solid #fff;
}

#navquicklinks ul li.noborder {
	border: none;
}


#navquicklinks li a {
	color: #fff;
	text-decoration: none;
	display: block;
}

#navquicklinks ul li a:hover {
	text-decoration: underline;
}

/* Main Navigation */
#navmain {
	width: 531px;
	float: left;
	height: 43px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#navmain a {
	text-decoration: none;
}


#navmain ul.level0 {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 43px;
	background: transparent url("../images/navmain.png") 0px 0px no-repeat;
	position: relative;
}

#navmain li.level0 {
	position: absolute;
	top: 0px;
	height: 43px;
	font-size: 11px;
}

#navmain a.level0 {
	display: block;
	height: 31px;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 9px;
	color: #333;
	line-height: 12px;
}

#navmain a.twoLine {
	padding-left: 60px;
}

#navmain a.oneLine {
	padding-top: 15px;
	padding-left: 15px;
}
#navmain a.products {
	padding-top: 15px;
	padding-left: 60px;
}
#navmain a.level0:hover, #navmain a.active {
	background: transparent url("../images/navmain_hover.png") 0px 0px repeat-x;
	color: #fff;
	font-weight: bold;
}

#navproductservices {
	width: 146px;
	left: 0;
}

#navproductservices a.level0:hover, #navproductservices a.active {
	background: transparent url("../images/navhome.png") 0px 0px no-repeat;	
}

#navindustrysolutions {
	left: 148px;
	width: 92px;
}

#navscientificsolutions {
	left: 148px;
	width: 92px;
}

#navconsulting {
	left: 242px;
	width: 94px;
}

#navsupporttraining {
	left: 338px;
	width: 99px;
}

#navdownloads {
	left: 438px;
	width: 91px;
}

/*
#navhome {
	left: 0;
	width: 111px;
}

#navhome a.level0 {
	padding-left: 56px;
}

#navhome a.level0:hover, #navhome a.active {
	background: transparent url("../images/navhome.png") 0px 0px no-repeat;	
}

#navproductservices {
	left: 113px;
	width: 104px;
}

#navindustrysolutions {
	left: 219px;
	width: 98px;
}

#navconsulting {
	left: 319px;
	width: 108px;
}

#navsupporttraining {
	left: 429px;
	width: 100px;
}

*/
/* Footer Navigation */
#navfooter {
	float: right;
}
#navfooter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#navfooter li {
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 12px;
	float: left;
	color: #666;
	border-right: 1px solid #666;
}

#navfooter ul li.noborder {
	border: none;
}

#navfooter a {
	color: #666;
}

/* Breadcrumbs */
#breadcrumbs {
	margin: 0;
	padding: 0 0 0 242px;
	height: 28px;	
	background: transparent url("../images/breadcrumbs_gradient_bg.jpg") left bottom repeat-x;	
}

#breadcrumbs2 {
	margin: 0;
	padding: 0 0 0 20px;
	height: 28px;	
	background: transparent url("../images/breadcrumbs_gradient_bg.jpg") left bottom repeat-x;	
}

#breadcrumbs ul, #breadcrumbs2 ul {
	padding: 7px 0 0 0;
	margin: 0;
	list-style: none;
}

#breadcrumbs li, #breadcrumbs2 li {
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 11px;
}


/* Left Navigation */



#navsecondary {
	padding: 0 20px 0 0;
	margin: 0;
}

#navsecondary a {
	text-decoration: none;
}

#navsecondary ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
}

#navsecondary li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

#navsecondary a {
	display: block;
	width: 100%;
}

#navsecondary span {
	display: block;
}

/* Level 0 */
#navsecondary ul.level0 {
}

#navsecondary li.level0 {
	padding: 1px 0 2px 0;
	margin: 0;
	font-size: 12px;
	color: #1d8bbf;
	background: transparent url("../images/navsecondary_separator.gif") right bottom no-repeat;
}

#navsecondary a.level0 {
	cursor: pointer;
}

#navsecondary span.level0 {
	cursor:pointer;	
	padding: 6px 0 6px 22px;
}

#navsecondary a.level0:hover, #navsecondary a.level0.active { 
	background: transparent url("../images/navsecondary_hover_bg.png") left top repeat-x; 
}

#navsecondary a.level0:hover span.level0 { 
	background: transparent url("../images/navsecondary_hover_arrow.png") left top no-repeat; 
}

#navsecondary a.level0.active span.level0 { 
	background: transparent url("../images/navsecondary_hover_arrow.png") left top no-repeat; 
}


/* Level 1 */
#navsecondary ul.level1 {
}

#navsecondary li.level1 {

}

#navsecondary a.level1 {
	cursor: pointer;
}

#navsecondary span.level1 {
	cursor: pointer;	
	padding: 4px 0 4px 32px;
	background: transparent url("../images/square_blue.gif") 22px 10px no-repeat;
}

#navsecondary a.level1:hover { 
	background: transparent url("../images/navsecondary_hover_bg.png") left top repeat-x; 
}

#navsecondary a.level1:hover span.level1 { 
	background: transparent url("../images/navsecondary_hover_arrow.png") left -2px no-repeat; 
}

#navsecondary a.level1.active {
	background: none;
	color: #666;
	font-weight: bold;
}

#navsecondary a.level1.active span.level1 { 
	background: transparent url("../images/square_gray.gif") 22px 10px no-repeat;
}




/* Level 2 */
#navsecondary ul.level2 {
}

#navsecondary li.level2 {

}

#navsecondary a.level2 {
	cursor: pointer;
}

#navsecondary span.level2 {
	cursor: pointer;	
	padding: 4px 0 4px 43px;
	background: transparent url("../images/square_blue.gif") 33px 10px no-repeat;
}

#navsecondary a.level2:hover { 
	background: transparent url("../images/navsecondary_hover_bg.png") left top repeat-x; 
}

#navsecondary a.level2:hover span.level2 { 
	background: transparent url("../images/navsecondary_hover_arrow.png") left -2px no-repeat; 
}

#navsecondary a.level2.active {
	background: none;
	color: #666;
	font-weight: bold;
}

#navsecondary a.level2.active span.level2 { 
	background: transparent url("../images/square_gray.gif") 33px 10px no-repeat;
}


/* Level 3 */
#navsecondary ul.level3 {
}

#navsecondary li.level3 {

}

#navsecondary a.level3 {
	cursor: pointer;
}

#navsecondary span.level3 {
	cursor: pointer;	
	padding: 4px 0 4px 55px;
	background: transparent url("../images/square_blue.gif") 45px 10px no-repeat;
}

#navsecondary a.level3:hover { 
	background: transparent url("../images/navsecondary_hover_bg.png") left top repeat-x; 
}

#navsecondary a.level3:hover span.level3 { 
	background: transparent url("../images/navsecondary_hover_arrow.png") left -2px no-repeat; 
}

#navsecondary a.level3.active {
	background: none;
	color: #666;
	font-weight: bold;
}

#navsecondary a.level3.active span.level3 { 
	background: transparent url("../images/square_gray.gif") 33px 10px no-repeat;
}





/*
#navsecondary li.level0 {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 12px;
	color: #1d8bbf;
	background: transparent url("../images/navsecondary_separator.gif") right bottom no-repeat;
}

#navsecondary a.level0 {
	display: block;
	cursor:pointer;	
}

#navsecondary a.level0 span.level0 {
	display: block;
	cursor:pointer;	
	padding: 6px 0 6px 22px;
	
}

#navsecondary a.level0:hover {
	background: #e6f4eb url("../images/navsecondary_hover_bg.png") left top repeat-x;
}

#navsecondary a.level0:hover span.level0 {
	background: transparent url("../images/navsecondary_hover_arrow.png") left top no-repeat;
}

#navsecondary li.level0 a.level0 {
	background: #e6f4eb url("../images/navsecondary_hover_bg.png") left top repeat-x;
}

#navsecondary li.level0.active a.level0 span.level0 {
	background: transparent url("../images/navsecondary_hover_arrow.png") left top no-repeat;
	color: #666;
	font-weight: bold;
}



#navsecondary ul.level1 {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 12px;
}

#navsecondary li.level1 {
	padding: 0;
	margin:0;
	border: none;
	height: 100%;
}

#navsecondary a.level1 {
	display: block;
	padding: 0;
	margin: 0;
	height: 100%;	
}

#navsecondary li.level0 a.level0.active  {
	background: transparent url("../images/item_list_hover.png") left top no-repeat;	
	text-decoration: none;
	color: #666;
}

#navsecondary a.level1.active span.level1, #navsecondary a.level2.active  {
	background: none;
}

#navsecondary a.level1:hover {
	text-decoration: none;
}

#navsecondary a.level1 span.level1 {
	background: transparent url("../images/square_blue.gif") 30px 10px no-repeat;
	padding: 5px 0 0 40px;
	margin: 0;
	display: block;
}

#navsecondary a.level1:hover span.level1 {
	background: transparent url("../images/square_gray.gif") 30px 10px no-repeat;
}

#navsecondary li.level1 a.level1.active span.level1  {
	color: #666;
	background: transparent url("../images/square_gray.gif") 30px 10px no-repeat;
	font-weight: bold;
}

#navsecondary ul.level2 {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 12px;
}

#navsecondary li.level2 {
	padding: 0;
	margin:0;
	border: none;
	height: 100%;
}

#navsecondary a.level2 {
	display: block;
	padding: 0 0 0 10px ;
	margin: 0;
	height: 100%;	
}

#navsecondary a.level2 span.level2 {
	background: transparent url("../images/square_blue.gif") 30px 10px no-repeat;
	padding: 5px 0 0 40px;
	margin: 0;
	display: block;
}

#navsecondary a.level2:hover span.level2 {
	background: transparent url("../images/square_gray.gif") 30px 10px no-repeat;
}

#navsecondary li.level2 a.level2.active span.level2  {
	background: transparent url("../images/square_gray.gif") 30px 10px no-repeat;	
	text-decoration: none;
	color: #666;
}

#navsecondary ul.level3 {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 12px;
}

#navsecondary li.level3 {
	padding: 0;
	margin:0;
	border: none;
	height: 100%;
}

#navsecondary a.level3 {
	display: block;
	padding: 0 0 0 20px ;
	margin: 0;
	height: 100%;	
}

#navsecondary a.level3:hover {
	background: transparent url("../images/item_list_hover.png") left top no-repeat;
	text-decoration: none;
	color: #666; 
}

#navsecondary a.level3 span.level3 {
	background: transparent url("../images/square_blue.gif") 30px 10px no-repeat;
	padding: 5px 0 0 40px;
	margin: 0;
	display: block;
}

#navsecondary a.level3:hover span.level3 {
	background: transparent url("../images/square_gray.gif") 30px 10px no-repeat;
}

#navsecondary li.level3 a.level3.active  {
	background: transparent url("../images/item_list_hover.png") left top no-repeat;	
	text-decoration: none;
	color: #666;
}
*/


/* Added 05-26-08 

#navsecondary ul.level11 {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 12px;
}

#navsecondary li.level11 {
	padding: 0;
	margin:0;
	border: none;
	
}

#navsecondary a.level11 {
	display: block;
	padding: 0;
	margin: 0;

}

#navsecondary a.level11:hover {
	background: transparent url("../images/item_list_hover.png") left top no-repeat;
	text-decoration: none;
	color: #666; 
}

#navsecondary a.level11 span.level11 {
	background: transparent url("../images/square_blue2.gif") 40px 10px no-repeat;
	padding: 5px 0 0 50px;
	margin: 0;
	display: block;
}

#navsecondary a.level11:hover span.level11 {
	background: transparent url("../images/square_gray2.gif") 40px 10px no-repeat;
}

#navsecondary li.level11 a.active  {
	background: transparent url("../images/item_list_hover.png") left top no-repeat;	
	text-decoration: none;
	color: #666;
}
*/

/* dropdown menus */
/* level 1 */
div#navmain div.level1 {
	display: none;
	background: #fff;
	border: 1px solid #729cb1;
	position: absolute;
	top: 40px;
	padding: 0 12px 0 12px;
	z-index: 1000;
}

.first {
	display: none;
	background: #fff;
	border: 1px solid #729cb1;
	position: absolute;
	top: 40px;
	padding: 0 12px 0 12px;
	z-index: 1000;
	left: 40px;	
}

#navmain ul.level1 {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
}

#navmain li.level1 {
	width: 228px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

#navmain a.level1 {
	display: block;	
	padding: 6px 0 7px 3px;
	border-bottom: 1px solid #fff;
}

#navmain a.level1 {
}

#navmain a.level1:hover {
	background: #f8fcfd url("../images/dropdown_level1_hover.png") left bottom repeat-x;
	border-bottom: 1px solid #fff;
	color: #f60;	
}

/* level 2 */
div#navmain div.level2 {
	margin: 0;	
	display: none;
	border-top: 1px solid #729cb1;
	border-bottom: 1px solid #729cb1;	
	position:absolute;
	top: -1px;
	z-index: 1000;
}

.showinright {
	background: #fff url("../images/dotblue.gif") left top repeat-y;
	border-right: 1px solid #729cb1;	
	left: 229px;	
}

.showinleft {
	background: #fff url("../images/dotblue.gif") right top repeat-y;
	border-left: 1px solid #729cb1;
	left: -254px;	
}


#navproductservices div.level2, #navindustrysolutions div.level2, #navconsulting div.level2 {
	background: #fff url("../images/dotblue.gif") left top repeat-y;
	border-right: 1px solid #729cb1;	
	left: 229px;
}

#navproductservices div.level2-arrow, #navindustrysolutions div.level2-arrow, #navconsulting div.level2-arrow{
	background: transparent url("../images/arrow_dropdown_left.gif") left 8px no-repeat;
	padding: 0 12px 0 12px;	
}


div#navmain .showinright div.level2-arrow {
	background: transparent url("../images/arrow_dropdown_left.gif") left 8px no-repeat;
	padding: 0 12px 0 12px;	
}

div#navmain .showinleft div.level2-arrow {
	background: transparent url("../images/arrow_dropdown_right.gif") right 8px no-repeat;
	padding: 0 12px 0 12px;	
}

#navmain ul.level2 {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;	
}

#navmain li.level2 {
	width: 228px;
	border-bottom: 1px solid #ccc;
}

#navmain a.level2 {
	display: block;	
	padding: 6px 0 7px 3px;
	border-bottom: 1px solid #fff;	
}

#navmain a.level2:hover {
	background: #f8fcfd url("../images/dropdown_level1_hover.png") left bottom repeat-x;
	border-bottom: 1px solid #fff;
	color: #f60;	
}

div#navmain ul.level0 li.level0:hover div.level1 {
	display: block;
		background-image:none;
}

div#navmain ul.level0 li.level0:hover div.level2 {
	display: none;
		background-image:none;
}

div#navmain ul.level1 li.level1:hover div.level2 {
	display: block;
		background-image:none;
}

#navmain li.level1.noborder, #navmain li.level2.noborder {
	border: none;
}


.hide {
	display: none;
}

.show {
	display: block;
}

/* Buttons */
.button, .button2 {
	font-size: 11px;
	font-weight: bold;
	float: left;
	padding-right: 4px;
}

.button a {
	background: transparent url("../images/button_blue_bg.png") left top repeat-x;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

.button a .buttonleft {
	background: transparent url("../images/button_blue_left.png") left top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;	
}

.button a .buttonleft2 {
	background: transparent url("../images/button_blue_left2.png") left top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;	
}

.button a .buttonright {
	background: transparent url("../images/button_blue_right.png") right top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
}

.button a:hover {
	background: transparent url("../images/button_blue_bg_hover.png") left top repeat-x;
	text-decoration: none;
	color: #1d8bbf;
}

.button a:hover .buttonleft {
	background: transparent url("../images/button_blue_left_hover.png") left top no-repeat;
}

.button a:hover .buttonleft2 {
	background: transparent url("../images/button_blue_left2_hover.png") left top no-repeat;
}

.button a:hover .buttonright {
	background: transparent url("../images/button_blue_right_hover.png") right top no-repeat;
}

.button a .buttonleft .buttonright span {
	display: block;
	float: left;
	padding: 5px 20px 8px 20px;
	text-decoration: none;	
}

.button a .buttonleft2 .buttonright span {
	display: block;
	float: left;
	padding: 5px 20px 8px 36px;
	text-decoration: none;	
}


.button2 a {
	background: transparent url("../images/button_gray_bg.png") left top repeat-x;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	color: #666;
}

.button2 a .buttonleft {
	background: transparent url("../images/button_gray_left.png") left top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;	
}

.button2 a .buttonright {
	background: transparent url("../images/button_gray_right.png") right top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
}

.button2 a:hover {
	background: transparent url("../images/button_gray_bg_hover.png") left top repeat-x;
	text-decoration: none;
	color: #999;
}

.button2 a:hover .buttonleft {
	background: transparent url("../images/button_gray_left_hover.png") left top no-repeat;
}

.button2 a:hover .buttonright {
	background: transparent url("../images/button_gray_right_hover.png") right top no-repeat;
}

.button2 a .buttonleft .buttonright span {
	display: block;
	float: left;
	padding: 5px 20px 8px 20px;
	text-decoration: none;	
}


.buttonsearch {
	margin-top: 10px;
	display: block;
	margin-left: 4px;
	float: left;
	width: 25px;
	height: 26px;
	background: transparent url("../images/button_search.png") left top no-repeat;
	border:none;
	cursor: pointer;
}


.buttonsearch-hover {
	background: transparent url("../images/button_search.png") 0px -26px no-repeat;
}


/* Buttons */
.button-click-to-view {
	font-size: 16px;
	font-weight: bold;
	float: left;
	padding-right: 4px;
}

.button-click-to-view a {
	background: transparent url("../images/button_click_to_view_bg.png") left top repeat-x;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}

.button-click-to-view a .buttonleft {
	background: transparent url("../images/button_click_to_view_left.png") left top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;	
}

.button-click-to-view a .buttonright {
	background: transparent url("../images/button_click_to_view_right.png") right top no-repeat;
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
}

.button-click-to-view a:hover {
	background: transparent url("../images/button_click_to_view_bg_hover.png") left top repeat-x;
	text-decoration: none;
	color: #1d8bbf;
}

.button-click-to-view a:hover .buttonleft {
	background: transparent url("../images/button_click_to_view_left_hover.png") left top no-repeat;
}


.button-click-to-view a:hover .buttonright {
	background: transparent url("../images/button_click_to_view_right_hover.png") right top no-repeat;
}

.button-click-to-view a .buttonleft .buttonright span {
	display: block;
	float: left;
	padding: 18px 88px 22px 20px;
	text-decoration: none;	
}

.button-submit {
	width: 83px;
	height: 28px;
	background: transparent url("../images/button_submit.png") 0px 0px no-repeat;
	border:none;
	cursor: pointer;
}


.button-submit-hover {
	background: transparent url("../images/button_submit_hover.png") 0px 0px no-repeat;
}

.button-reset {
	width: 77px;
	height: 28px;
	border:none;
	cursor: pointer;	
	background: transparent url("../images/button_reset.png") 0px 0px no-repeat;
}

.button-reset-hover {
	background: transparent url("../images/button_reset_hover.png") 0px 0px no-repeat;
}

.button-secure-login {
	width: 124px;
	height: 28px;
	border:none;
	cursor: pointer;	
	background: transparent url("../images/button_secure_login.png") 0px 0px no-repeat;
}

.button-secure-login-hover {
	background: transparent url("../images/button_secure_login_hover.png") 0px 0px no-repeat;
}