/* $Id: menu.css 20316 2010-10-20 10:55:50Z asukhotin $ */
ul#navmenu {
  margin: 0;
  padding: 0;
  width: 754px; /*For KHTML*/
  list-style: none;
  height: 20px;
  float:right;

}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display:inline;
  list-style: none;
  position: relative;
  /* removed because of javascript: errors in FF height: 30x; */
  z-index: 100;
}


ul#navmenu ul {
  margin: 0;
  border-top: 1px solid #e0dede;
  border-left: 0px solid #7e7e7e;
  border-right: 0px solid #7e7e7e;
  padding: 0;
  width: 156px;
  list-style: none;
  display: none;
  position: absolute;
  top: 21px;
  left: 0px;
  z-index: 100;
}

ul#navmenu ul+ul {
  left: -5px;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 156px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */

#navmenu a span {
 overflow:hidden!important;
 display:block;
 text-indent:-10000;
 visibility:hidden;
}

a#a0 span {
 width:56px;
}

a#a1 span {
 width:61px;
}

a#a2 span {
 width:33px;
}
a#a3 span {
 width:61px;
}

a#a4 span {
 width:52px;
}

a#a5 span {
 width:54px;
}

a#a6 span {
 width:59px;
}


ul#navmenu a {
  border: 0px none;
  padding: 0 30px 1px 5px;
  float: left; /*For IE*/
  display: block;
  color: #616161;
  font:  11px/20px Arial, Helvetica, sans-serif;
  text-decoration: none;

  /* Possible IE8 needle in ass - disable if will have problems */
  height: auto !important;
  height: 1%; /*For IE*/
  background-image: url(/images/nav/top-nav-menu.gif);
  
}

/* opera hack to prevent top menu items removal */
@media all and (min-width: 0) {
 ul#navmenu a {
  float: none !important;
 }
}

/* IE8 needle in ass #2 - addon for fix */
#navmenu ul li a {
 width:146px;
}


/* Root menu bg psoitioning  */


ul#navmenu a#a0 { background-position:-5px -20px;}
ul#navmenu a#a0:hover {background-position: -5px 0px; }

ul#navmenu a#a1 { background-position:-96px -20px;}
ul#navmenu a#a1:hover {background-position: -96px 0px; }

ul#navmenu a#a2 { background-position:-192px -20px; width:30px!important;}
ul#navmenu a#a2:hover {background-position: -192px 0px; width:30px!important;}

ul#navmenu a#a3 { background-position:-285px -20px;width:60px!important;}
ul#navmenu a#a3:hover {background-position: -285px 0px; width:60px!important;}

ul#navmenu a#a4 { background-position:-381px -20px;}
ul#navmenu a#a4:hover {background-position: -381px 0px; }

ul#navmenu a#a5 { background-position:-468px -20px; width:50px!important;}
ul#navmenu a#a5:hover {background-position: -468px 0px; width:50px!important; }

ul#navmenu a#a6 { background-position:-562px -20px;}
ul#navmenu a#a6:hover {background-position: -562px 0px; }


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  margin:0;
  border-bottom: 1px solid #e0dede;
  border-left: 1px solid #e0dede;
  border-right: 1px solid #e0dede;
  padding: 5px 5px 4px 5px;
  background:#f5f5f5;
  font: bold 11px/20px Arial, Helvetica, sans-serif;
  color: #4f4f4f;
  font-weight:normal;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #fff;
  color: #de221c;
}


/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #ededed;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #ededed;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 156px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* country list */


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu2 {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 28px;
}

ul#navmenu2 li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display:inline;
  list-style: none;
  position: relative;
  /* removed because of javascript: errors in FF height: 30x; */
  z-index: 200;
}


ul#navmenu2 ul {
  margin: 0;
	
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
  padding: 0;
  width: 100px;
  list-style: none;
  display: none;
  position: absolute;
  top: 28px;
  left: -25px;
  z-index: 200;
  margin-left:25px;
}

ul#navmenu2 ul+ul {
  left: -5px;
}

ul#navmenu2 ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu2 ul#lastmenu {
	left: 0px;
}

ul#navmenu2 ul li {
  width: 112px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu2 a {
  border: 0px none;
  padding: 6px 10px 6px 5px;
  padding-bottom:7px;	
  float: left; /*For IE*/
  display: block;
  color: #616161;
  font: normal 11px Arial;
  text-decoration: none;

  height: auto !important;
  height: 1%; /*For IE*/
}


/* opera hack to prevent top menu items removal */
@media all and (min-width: 0) {
 ul#navmenu2 a {
  float: none !important;
 }
}


/* IE8 needle in ass #2 - addon for fix */
#navmenu2 ul li a {
 width:100px;
}



ul#navmenu2 a:hover {color:#ee4036;}


/* 2nd Menu */
ul#navmenu2 li:hover li a,
ul#navmenu2 li.iehover li a {
  border-bottom: 1px solid #e0dede;
  border-left: 1px solid #e0dede;
  border-right: 1px solid #e0dede;
  padding: 5px 5px 4px 5px;
  background:#f5f5f5;
  color: #4f4f4f;
  font-weight:normal;


}

/* 2nd Menu Hover Persistence */
ul#navmenu2 li:hover li a:hover,
ul#navmenu2 li:hover li:hover a,
ul#navmenu2 li.iehover li a:hover,
ul#navmenu2 li.iehover li.iehover a {
  background: #fff;
  color: #de221c;
}


/* 3rd Menu */
ul#navmenu2 li:hover li:hover li a,
ul#navmenu2 li.iehover li.iehover li a {
  background: #ffffff;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu2 li:hover li:hover li a:hover,
ul#navmenu2 li:hover li:hover li:hover a,
ul#navmenu2 li.iehover li.iehover li a:hover,
ul#navmenu2 li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu2 li:hover li:hover li:hover li a,
ul#navmenu2 li.iehover li.iehover li.iehover li a {
  background: #ffffff;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu2 li:hover li:hover li:hover li a:hover,
ul#navmenu2 li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu2 ul ul,
ul#navmenu2 ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 156px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu2 li:hover ul ul,
ul#navmenu2 li:hover ul ul ul,
ul#navmenu2 li.iehover ul ul,
ul#navmenu2 li.iehover ul ul ul {
  display: none;
}

ul#navmenu2 li:hover ul,
ul#navmenu2 ul li:hover ul,
ul#navmenu2 ul ul li:hover ul,
ul#navmenu2 li.iehover ul,
ul#navmenu2 ul li.iehover ul,
ul#navmenu2 ul ul li.iehover ul {
  display: block;
}

 a.topnav-bold {
 font-weight:bold!important;
 overflow:hidden;
 white-space:nowrap;
}

li.topnav-products  ul li a:first-letter {
 margin-left:10px;
}

li.topnav-products  ul li a.topnav-bold:first-letter, li.topnav-products  ul li a.topnav-prodover:first-letter {
 margin-left:0px;
}
 
