@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media all
{
  #nav_main {
    /* (en) containing floats in IE */
    width:951px;
    /*overflow: hidden;*/
    /* (en) containing floats in all other browsers */
    float: left;
    /*display: inline;*/
    /* (en) Repeat the main color from the image */
    background: #006699;
	background:url(../../img/layout/menu_bg.jpg) repeat-x;
    line-height: 0;
		margin: 0;
		padding: 0;
  }

  #nav_main ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    /* (en) Left margin of the first button  */
    padding: 0;
		border: 0;
  }

  #nav_main ul li {
    border-right: 2px #FFF solid;
    border-bottom: 2px #FFF solid;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em;
		text-transform: uppercase;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_main ul li:hover {
    border-bottom: 2px #3399CC solid;
  }

  #nav_main ul li a,
  #nav_main ul li strong {
    background: transparent;
    color: #FFF;
    display: block;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 30px 30px 10px 10px;
    text-decoration: none;
    width: auto;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  { background: #3399CC; color: #FFF; text-decoration: none; }

  #nav_main ul li.current {
    /* (en) Repeat the main color from the image */
    background: #3399CC;
    border-right: 2px #FFF solid;
    border-bottom: 2px #3399CC solid;
  }

  #nav_main ul li.current strong,
  #nav_main ul li.current a,
  #nav_main ul li.current a:focus,
  #nav_main ul li.current a:hover,
  #nav_main ul li.current a:active { background: transparent; color: #fff; text-decoration: none; }
	
	
	
/* Breadcrumb styles */
	/* Breadcrumbs container DIV */
/*	#breadcrumbs {
		display:block;
		width: 520px;
		height: 40px;
		min-height: 40px;
		
	}

  #breadcrumbs ul.crumb {
    margin: 0;
    padding: 0;
		border: 0;
  }

  #breadcrumbs ul.crumb li {
    border: none;
		border-right: 1px solid #333;
    display: inline;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
		text-transform: none;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5px;
  }

  #breadcrumbs ul.crumb li a,
  #breadcrumbs ul.crumb li strong {
    background: transparent;
    color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 0;
    text-decoration: none;
  }

  #breadcrumbs ul.crumb li a:focus,
  #breadcrumbs ul.crumb li a:hover,
  #breadcrumbs ul.crumb li a:active  {
		color: #CCC;
		text-decoration: none;
	}


	*/

	
	
	
	
/* Navigation panel Search panel styles */

	#nav_search {
		float: right;
		/*text-align: right;*/
		background-color: transparent;
		padding: 16px 10px 7px 30px;
		width: 363px;
		margin-bottom:-4px;/*IE/Opera hack for borders*/
    border-bottom: 2px #FFF solid;
	}
	#nav_search input.searchBox
    {
        width: 220px;
        margin: 0 10px 0 64px;
        padding: 5px 5px 2px 5px;
    }
	#nav_search input.loginBtn {
		padding-top: 5px;
	}
	.login
	{
	    cursor:pointer;
	}
	
/* Sub navigation panel styles */

	#nav_sub {
		clear: left;
		background-color: #3399CC;
		padding: 0;
		min-height: 90px;
		height:90px;
		float:left;
		width:951px;
	}
	
	#nav_sub .right{
		float: right;
	}
	
	#nav_sub a, #nav_sub a:link, #nav_sub a:focus, #nav_sub a:visited, #nav_sub a:hover, #nav_sub a:active {
		border: none;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	.nav_sub_default {
		width: 931px;
		padding: 10px;
		background: #3297c9;
		border-bottom: 2px #FFF solid;
		position: relative;
	}
	
	/*.nav_sub_default,*/
	.nav_sub_company,
	.nav_sub_products,
	.nav_sub_markets,
	.nav_sub_tools_support,
	.nav_sub_news_events {
		width: 931px;
		padding: 10px;
		background: #3297c9;
		border-bottom: 2px #FFF solid;
		display:none;/*replaces .offscreen*/
	}
	
	.onscreen 
	{
	    display:block;
		position: absolute;
		left: auto;
		z-index: 200;
	}
	
	.whitedots {
		background-image: url(../../img/layout/white_dots.png);
		background-position: top left;
		background-repeat: repeat-x;
		margin: 15px 10px 0 10px;
	}
	
	.whitedots hr {
		visibility: hidden;
	}
	
	.twotone {
		background-image: url(../../img/layout/hr_twotone.jpg);
		background-position: top left;
		background-repeat: repeat-x;
		margin: 5px 10px 0 10px;
		clear: left;
	}
	
	.twotone hr {
		visibility: hidden;
	}
	
	
	
	#nav_sub h1 {
		color: #fff;
		font-size: 1.2em;
		text-transform: uppercase;
		margin: 0 10px 10px 10px;
		padding-top: 10px;
	}
	
	#nav_sub h2 {
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 2em;
		text-transform: none;
		margin: 0 10px 10px 0;
		padding: 10px 0 10px 0;
		/*
		width: 520px;  Same width as breadcrumb bar
		*/
	}
	
	#nav_sub .nav_submenu_container {
		margin: 0;
	}
	
	#nav_sub .nav_submenu_container img.menuitem {
		margin: 0 0 5px 5px;
		padding: 0;
		border: 0;
		background: none;
	}
	
	#nav_sub .nav_submenu_container img.menuitem a:link,
	#nav_sub .nav_submenu_container img.menuitem a:visited,
	#nav_sub .nav_submenu_container img.menuitem a:hover,
	#nav_sub .nav_submenu_container img.menuitem a:active,
	#nav_sub .nav_submenu_container img.menuitem a:focus {
		text-decoration: none;
		border: 0;
		background: none;
	}
	
	/*
	#nav_sub ul {
    margin: 0 5px 0 10px;
    padding: 0;
		border: 0;
	}
	
  #nav_sub ul li {
    display: block;
    border: none;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
		text-transform: none;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_sub ul li a {
    display: block;
    background: transparent;
    color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    width: auto;
  }

  #nav_sub ul li a:focus,
  #nav_sub ul li a:hover,
  #nav_sub ul li a:active  {
		background: none;
		color: #FFF;
		text-decoration: none;
	}
	*/
	
	
	
	#nav_sub p {
		margin: 0 10px 5px 10px;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
	}
	#nav_sub p a {
		text-decoration: none;
		color: #fff;
		display: block;
	}
	
	#nav_sub p a:hover {
		text-decoration: none;
		background: none;
		color: #ccc;
	}
	#nav_sub .latest {
		margin: 0 10px;
	}
	#nav_sub .latest img {
		float: left;
		margin: 0 10px 10px 0;
	}
	#nav_sub .latest p a {
		margin: 0 10px 0 0;
		color: #fff;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
	}
	#nav_sub .latest a.left{

		width:120px;
	}
	#nav_sub .latest p.right{

	}
	#nav_sub .latest p a:hover {
		text-decoration: none;
		background: none;
		color: #ccc;
	}
	
	
	
	
	/*
	#nav_sub .bluebox {
		float: left;
		width: 228px;
		border: solid 1px #2D86B0;
		margin: 0 5px 5px 0;
		padding: 0;
	}
	
	#nav_sub .bluebox .bluebox_inner {
		border: solid 1px #CBE5F2;
		background-image: url(../../img/layout/blueboxbg.png);
		background-repeat: repeat-x;
		min-height: 50px;
		padding: 0;
	}
	
	#nav_sub .bluebox .bluebox_inner img {
		float: left;
		border: 0;
		margin: 5px 10px 0 5px;
	}
	
	#nav_sub .bluebox .bluebox_inner h2 {
		margin: 0;
		padding: 10px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
		color: #fff;
	}
	
	*/
	
}