@charset "UTF-8";

/* include basic file for top to buttom (horinzontal) */
@import url(../flyout_h_tb.css);
/* 
 * path ex. for stylesheets in "/css/[design]/navigation/": 
   = "@import url(../../../plugins/flyout_menu/css/flyout_h_tb.css);" 
*/

/*
 * Design part
*/
@media screen, projection
{
  #nav_main {
    background-color: #eaeaea;
  }

  #nav_main ul.menu {
   float:right; margin-right: 0;
  }

  #nav_main ul.menu li { 
	  line-height:1.2em; 
	  color: #515156; 
	  font-weight: normal; 
	}

  #nav_main ul.menu li a,
  #nav_main ul.menu li span {
    font-size: 1em;
    text-decoration: none;		
    color:#515156;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;  
    cursor:pointer;
  }
  
  #nav_main ul.menu li a span, #nav_main ul.menu li span span { padding:0; margin:0; }
	  
	#nav_main ul.menu li ul {
    border:1px solid #fff; /* need negativ margin of subitems (see next) */
   background-image:url(trans.png);
   background-repeat:repeat;
   background-position: left center;
  }
	#nav_main ul.menu li ul li ul {
	  background-image:url(trans.png);
          background-repeat:repeat;
          background-position: left center;
	  margin-top:-1px;
	}
  
  /* Active Links */
  #nav_main ul.menu li .active_link, 
	#nav_main ul.menu li .active_link span {
    background-color: #515156 !important; color: #fff !important;
  }
	
  /* Parent item hover */
	#nav_main ul.menu li:hover, #nav_main ul.menu li.sfHover {   
	background-image:url(trans.png);
        background-repeat:repeat;
        background-position: left center; color: #515156 ; }
	/* Hover */
	#nav_main ul.menu li a:focus,
	#nav_main ul.menu li a:focus span,
        #nav_main ul.menu li a:hover,
	#nav_main ul.menu li a:hover span,
        #nav_main ul.menu li a:active,
	#nav_main ul.menu li a:active span,
	#nav_main ul.menu li .itemHover,
	#nav_main ul.menu li .itemHover span { background-color: #515156 !important; color: #fff !important; outline:0; }
	
	/* Add arrows has ul */
	#nav_main ul.menu .sf-with-ul { 
	  background-image:url(arrow_bottom.png);
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:1.2em; 
	}
	#nav_main ul.menu li ul .sf-with-ul { 
	  background-image:url(arrow_right.png);
	}

}