@charset "UTF-8";
/* CSS Document */

/*  Site Wide Menu CSS  */


/* ----------------------------------------------------------------------------*/
/* Header Menu for corporate, contact, country */
/* ----------------------------------------------------------------------------*/
	
	#menu_head {
	/* list-style shorthand property sets all list properties in one declaration--properties that can be set (in order):list-style-type,list-style-position,list-style-image */
		list-style:none;
		/*width:1240px;*/
		margin: 0 auto;}
		/* can add padding also to move menu headings. Useful for colored background. In this case background color controlled by enclosing menu_wrapper DIV */


	#menu_head li {
		/*float:left;*/
		display:inline-block; /* Use inline-block instead of floats */
		text-align:center;
		position:relative;
		padding: 8px 10px 10px 10px; /* controls the padding around menu on rollover. Must adjust if font size changes. Must match padding for corresponding hover setting */
		margin:0px 0px 0px 8px;} /* the margin also offsets the display of gradient unerline */
		
	#menu_head li:hover {
		padding: 8px 10px 10px 10px; /* Must match padding of <#menu_main li> or offset on mouse over will occur */
		background-color: #FF6600; /* orange */
		-webkit-transition: background-color 0.5s ease;
		-moz-transition: background-color 0.5s ease;
		-o-transition: background-color 0.5s ease;
		transition: background-color 0.5s ease;} 
	
	/* list link formatting -- this controls how the main menu headings look */
	#menu_head li a {
		color: #FFFFFF;/* white */
		/*display:block;*/
		text-decoration:none;
		-webkit-font-smoothing: antialiased;}
	
	/* hover state link formatting -- this controls how links in the drop down menu look that have links  */
	#menu_head li:hover a {
		color:#000000; /* black */
		-webkit-font-smoothing: subpixel-antialiased;}	

/* Styling specifications for main menus */

	#menu_head {
		/* To disable user font size increase/decrease for all menu items and drop downs */
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
		-moz-text-size-adjust:none;
		text-size-adjust:none;}
	
	#menu_head p, #menu_head h2, #menu_head h3, #menu_head ul li, #menu_head li {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		text-decoration: none;}
		
	/*#menu_head p {
		font-size: 11px;
		font-weight:300;
		line-height: 14px;
		color:#FFFFFF;
		margin-left:20px;}*/

	#menu_head ul li, #menu_head li {
		font-size: 10px;
		font-weight:500;
		line-height: 12px;
		letter-spacing:1px;}
		
		
/* ----------------------------------------------------------------------------*/
/* End Header Menu */
/* ----------------------------------------------------------------------------*/




/* ----------------------------------------------------------------------------*/
/* Global Main Menu */
/* ----------------------------------------------------------------------------*/

	#menu_main {
		/* list-style shorthand property sets all list properties in one declaration--properties that can be set (in order):list-style-type,list-style-position,list-style-image */
		list-style:none;
		/*width:1240px;*/
		text-align:center;
		margin: 0 auto;}
		/* use this instead of margin:0 auto to center menu as menu elements are specified as display:inline-block */
		/* can add padding also to move menu headings. Useful for colored background. In this case background color controlled by enclosing menu_wrapper DIV */
		
	#menu_main li {
		display:inline-block;
		text-align:center;
		position:relative;
		margin:0px 0px 0px 0px;
		padding: 8px 18px 10px 18px; /* controls the padding around menu on rollover. Must adjust if font size changes. Must match padding for corresponding hover setting */
		/*border-right-width: 1px;
		border-top-style: none;
		border-right-style: solid;
		border-bottom-style: none;
		border-left-style: none;
		border-right-color: #999999;*/	}
	
	#menu_main li:hover {
		padding: 8px 18px 10px 18px; /* Must match padding of <#menu_main li> or offset on mouse over will occur */
		background-color: #FF6600; /* orange */
		
		-webkit-transition: background-color 0.5s ease;
		-moz-transition: background-color 0.5s ease;
		-o-transition: background-color 0.5s ease;
		transition: background-color 0.5s ease;
			
	/* To add background gradients */
		/*background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));*/
	/* To add rounded corners */
		/*-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;*/	
		
		/* Box shadow */
		/*-moz-box-shadow:inset 0px 0px 6px #000;
		-webkit-box-shadow:inset 0px 0px 6px #000;	*/
		/* The box-shadow property attaches one or more drop-shadows to the box */
		/*box-shadow:inset 0px 0px 6px #000;*/	}
	
	/* list link formatting -- this controls how the main menu headings look */
	#menu_main li a {
		/*font-size:18px;*/	 /* change font size of menu headings */	
		color: #FFFFFF;/* white */
		text-decoration:none;
	/* To add text shadow */
		/*text-shadow: 1px 1px 1px #000;*/
		-webkit-font-smoothing: antialiased;}
	
	/* hover state link formatting -- this controls how links in the drop down menu look that have links  */
	#menu_main li:hover a {
		color:#000000; /* black */
		/*font-weight: bold;*/
		/*font-family: "Courier New", Courier, monospace;*/	
		/*text-shadow: 1px 1px 1px #ffffff;*/
		-webkit-font-smoothing: subpixel-antialiased;}		
	
	
/* Begin Drop Down Container CSS. Specify settings for main menu drop downs */
	
	.product_dropdown,
	.downloads_dropdown,
	.publications_dropdown,
	.community_dropdown,
	.support_dropdown,
	.purchase_dropdown {		
		display:inline-block;
		vertical-align:top;
		position:absolute;
		left:-999em; /* Hides drop down until hover */
		text-align:left;
		/*letter-spacing:0px;*/
		margin:0px auto 0px auto;
		padding:0px 0px 10px 0px;
		z-index:6000;/*z-index:6000;*//* need z-index higher than marquee slideshow to allow menu dropdown to be visible over marquee content */
		
		/* Gradient Background */
		/*background-color:#FF6600;*/ /* Old browsers */
		
		/*background: -moz-linear-gradient(top,  rgba(255,102,0,1) 0%, rgba(255,102,0,0.7) 100%);*/ /* FF3.6+ */
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,102,0,1)), color-stop(100%,rgba(255,102,0,0.7)));*/ /* Chrome,Safari4+ */
		/*background:  -webkit-linear-gradient(top,  rgba(255,102,0,1) 0%,rgba(255,102,0,0.7) 100%);*/ /* Chrome10+,Safari5.1+ */
		/*background: -o-linear-gradient(top,  rgba(255,102,0,1) 0%,rgba(255,102,0,0.7) 100%);*/ /* Opera 11.10+ */
		/*background: -ms-linear-gradient(top,  rgba(255,102,0,1) 0%,rgba(255,102,0,0.7) 100%);*/ /* IE10+ */
		/*background: linear-gradient(to bottom,  rgba(255,102,0,1) 0%,rgba(255,102,0,0.7) 100%);*/ /* W3C */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#e6f0f0f0',GradientType=0 );*/ /* IE6-9 */
	
		/* Rounded Corners */
		/*-moz-border-radius: 0px 5px 5px 5px;
		-webkit-border-radius: 0px 5px 5px 5px;
		border-radius: 0px 5px 5px 5px;*/ 
		
		/* This creates an ease in/out for transition */
		/*-webkit-transition: all 1.0s;*/ 
		
		/* Box shadow */
		/*-moz-box-shadow:5px 0px 10px 0px #666;
		-webkit-box-shadow:5px 0px 10px 0px #666;*/	
		/* The box-shadow property attaches one or more drop-shadows to the box */
		/*box-shadow:5px 0px 10px 0px #666;*/} 
	
	.product_dropdown {width:960px;height:510px;}
	.downloads_dropdown {width:400px;height:490px;}
	.publications_dropdown {width:360px;height:490px;}
	.community_dropdown {width:260px;height:490px;}
	.support_dropdown {width:300px;height:490px;}
	.purchase_dropdown {width:300px;height:300px;}	
	
/* End Drop Down Container CSS. Specify settings for main menu drop downs */
	
	#menu_main li:hover .product_dropdown,
	#menu_main li:hover .downloads_dropdown
	#menu_main li:hover .publications_dropdown
	#menu_main li:hover .community_dropdown
	#menu_main li:hover .support_dropdown {
		left:-150px; /* This shows the drop downs on mouse over moving the menu from left:-999em to left: 0px or any value desired */
		top:31px; /* For absolutely positioned elements, the top property sets the top edge of an element to a value above/below the top edge of its containing element. */
		background-color:rgba(220,220,220,1.0);
		/*background-color:rgba(176,176,176,1.0);*/
		-webkit-transition: background-color 0.5s ease;
		-moz-transition: background-color 0.5s ease;
		-o-transition: background-color 0.5s ease;
		transition: background-color 0.5s ease;}
		
	#menu_main li:hover .purchase_dropdown {
		left:-175px; /* This shows the drop downs on mouse over moving the menu from left:-999em to left: 0px or any value desired */
		top:31px; /* For absolutely positioned elements, the top property sets the top edge of an element to a value above/below the top edge of its containing element. */
		background-color:rgba(220,220,220,1.0);
		/*background-color:rgba(176,176,176,1.0);*/
		-webkit-transition: background-color 0.5s ease;
		-moz-transition: background-color 0.5s ease;
		-o-transition: background-color 0.5s ease;
		transition: background-color 0.5s ease;}
	
/* Begin drop down column specs */
	
	.submenu_1col,.submenu_2col,.submenu_3col,.submenu_4col,.submenu_5col {
		/*display:inline;*/ /* Elements that are floated are supposed to ignore the display property. This is here as a fix for IE6 double margin bug */
		display:inline-block;
		text-align:left;
		position: relative;
		vertical-align: top;
		margin-left: 0px;
		margin-right: 0px;}
	
	.submenu_1col {width:110px;background-color: #99CC00;}
	.submenu_2col {width:270px;background-color: #0099FF;}
	.submenu_3col {width:410px;background-color: #CCCC00}
	.submenu_4col {width:550px;background-color:#FF66FF;}
	.submenu_5col {width:960px; background-color:#CC33CC;padding: 10px 0 0 0;}
	.submenu_lower_banner {width:960px; height:104px; background-color:#000;padding: 0px 0 0 0;}
	
/* End drop down column specs */
	
/* Right Align Menu Elements */
	
	#menu_main li .menu_right {
		float:right;
		margin-right:0px;}
	
	#menu_main li .align_right {
		/* Rounded Corners */
		/*-moz-border-radius: 5px 0px 5px 5px;
		-webkit-border-radius: 5px 0px 5px 5px;
		border-radius: 5px 0px 5px 5px;*/}
	
	#menu_main li:hover .align_right {
		left:auto;
		right:0px;
		top:20px;}
	
/* End Right Align Menu Elements */
	
/* Styling specifications for main menus */
	
	#menu_main {
		/* To disable user font size increase/decrease for all menu items and drop downs */
		-webkit-text-size-adjust:none; /* Chrome + Safari */
		-ms-text-size-adjust:none; /* IE9+ */
		-moz-text-size-adjust:none; /* FireFox */
		text-size-adjust:none;} /* CSS property is non-standard, it must be used prefixed: -moz-text-size-adjust, -webkit-text-size-adjust, and -ms-text-size-adjust. */ 
	
	#menu_main p, #menu_main h2, #menu_main h3, #menu_main ul li, #menu_main li {
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		text-decoration: none;}
		
	#menu_main p {
		font-size: 12px;
		font-weight:300;
		line-height: 14px;
		color:#FFFFFF;
		margin-left:20px;}	
		
	#menu_main h2 {
		font-size: 14px;
		font-weight:300;
		line-height: 14px;
		color:#000000;
		margin-left:20px;}	
		
	#menu_main h3 {
		font-size: 12px;
		font-weight:300;
		line-height: 20px;
		color:#000000;
		margin-top:10px;
		margin-left:20px;}	
		
	#menu_main h4 {
		font-size: 14px;
		font-weight:300;
		line-height: 14px;
		color:#000000;
		margin: 0px 0px 0px 0px;
		background-color: #CC9900;}
	
	#menu_main ul li, #menu_main li {
		font-size: 11px;
		font-weight:500;
		line-height: 12px;
		letter-spacing:1px;}
	
	#menu_main img {
		margin:5px 0px 0px 20px;}
	
	#menu_main .product_dropdown h2 {
		font-size: 22px;
		line-height: 32px;
		font-weight: 300;
		/*border-bottom:1px solid #000000;*/} /* add bottom rule under heading */
	
	#menu_main .product_dropdown p.submenu_box_text {
	font-size: 13px;
	line-height:17px;
	font-weight:300;
	vertical-align:top;
	margin:0px 20px 0px 20px;}
	
	#menu_main .purchase_dropdown_text li {
	font-size: 10px;
	line-height:17px;
	font-weight:300;
	vertical-align:top;
	/*margin:0px 20px 0px 20px;*/}
		
	#menu_main .image_style {
	margin:0px 0px 0px 0px;
	background-color: #666;}	
	
		
/* ----------------------------------------------------------------------------*/
/* End Global Main Menu */
/* ----------------------------------------------------------------------------*/