/******** nav ver.2 *************/

.nav_switch{
  display:none;
}

nav{
  width:100%;  
  height:35px;
  _height:35px;
  Xborder-top:5px solid #444;
  border-bottom: 2px solid #EC7309; /*8FAA56*/
  z-index:3;                 
  margin:0 auto;
  background:#EFE6E1;    
  color:white;  
  overflow:hidden;
  text-align: center;
}


nav div{
  width:100%;
  margin:0 auto;
}

nav ul {  
  margin: 0;
  padding: 0;
  text-align:center;
  Xborder:1px solid red;
}




nav ul li{  
  z-index:8;
  display: inline-block;
  Xposition: relative;
  font-weight:bold;
  Xtext-align:left;  
  
  /*background: url('img/white-tri-down.png') no-repeat top right;*/
  Xfloat:left;    
  /*-webkit-transition:all .7s ease-in-out;*/
  /*-webkit-transition:-webkit-transform 2s ease-in-out; /* For Safari 3.1 to 6.0 */
  /*transition:-webkit-transform 2s ;*/
}         
nav li a{
	Xdisplay:inline;
	padding-left:10px;  
  padding-right:20px;
  Xcolor:white;
  color:#333;
  Xcolor:darkorange;  
  text-decoration:none;
  line-height:20px;
  font-size:16px;
  font-weight:normal;
  Xfloat:left;  
  Xborder-right:1px solid #b3b3b3;
  margin-top:2px;
}
nav li a br{ display: none;  }
nav li a br::before{ display:block; width:3px; content:'x ';  }
nav ul.level_1 li a.level_1{
  color:#444;
  Xfont-weight:bold;
  line-height:30px;
	Xborder:0px solid red;
  border:0 !important;
	Xdisplay:block;
	Xz-index:6 !important;
	Xpadding-left:0px !important;
  Xpadding-top:0px;
}
nav ul:first-child li:last-of-type a{
  Xborder-right:none !important;
  border:0 !important;
}


nav .sign{
	display:none;
	font-sign:17px;
	position:absolute;
	right:3px;
	top:10px;
}


nav ul.level_2 li{
	width:170px !important;
}

   
nav ul.level_2,
nav ul.level_3,
nav ul.level_4,
nav ul.level_5,
nav ul.level_6{
  padding-top:35px;
  _padding-top:32px;
  position:absolute;
  top:0px;
  left:0px;
  background:transparent;   
  display:none;  
}
nav ul.level_3,
nav ul.level_4,
nav ul.level_5,
nav ul.level_6{
	display:block;        
  padding-top:0px !important;
  Xposition:absolute;
  Xtop:0px;  
  left:185px !important;
  _left:170px !important;
  Xbackground:transparent;     
  /*-moz-box-shadow:    inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  box-shadow:         inset 0 0 3px black;*/
}
nav ul.level_4,
nav ul.level_5,
nav ul.level_6{  
}
nav ul.level_2{
  z-index:2;
}
nav ul.level_3{
  z-index:3;
  top:8px !important;
}
nav ul.level_4{
  z-index:4;
}
nav ul.level_5{
  z-index:10;
}
nav ul.le7vel_6{
  z-index:6;
}




nav ul.level_2 li,
nav ul.level_3 li,
nav ul.level_4 li,
nav ul.level_5 li,
nav ul.level_6 li{  
  padding:5px; 
  padding-bottom:10px;  
  padding-left:10px;
  display:block;
  clear:both;
  width:150px;
}


/******** bg colors of diff levels *******/

nav ul.level_2 li,
Xnav ul.level_2 li.level_2{
  /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2DFDD), to(#fff)); 
  background: -webkit-linear-gradient(left, #C2DFDD, #fff); 
  background: -moz-linear-gradient(left, #C2DFDD, #fff); 
  background: -ms-linear-gradient(left, #C2DFDD, #fff); 
  background: -o-linear-gradient(left, #C2DFDD, #fff);
  */
  background-color:white;
  box-shadow: 1px 3px 3px #999;
}
nav ul.level_3 li.level_3{
  /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2DFDD), to(#fafafa)); 
  background: -webkit-linear-gradient(left, #C2DFDD, #fafafa); 
  background: -moz-linear-gradient(left, #C2DFDD, #fafafa); 
  background: -ms-linear-gradient(left, #C2DFDD, #fafafa); 
  background: -o-linear-gradient(left, #C2DFDD, #fafafa);
  box-shadow: 1px 3px 3px #bbb;
  */
  /*
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9FCECD), to(#C8E5E3)); 
  background: -webkit-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -moz-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -ms-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -o-linear-gradient(left, #9FCECD, #C8E5E3);
  background-color:#A7C4C2;
  */
  z-index:9 !important;
  
}
nav ul.level_4 li.level_4{
  /*
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9FCECD), to(#C8E5E3)); 
  background: -webkit-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -moz-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -ms-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -o-linear-gradient(left, #9FCECD, #C8E5E3);
  background-color:#C0D5D4;
  box-shadow: 1px 3px 3px #bbb;
  */
  z-index:10 !important;
}
nav ul.level_5 li.level_5{
  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9FCECD), to(#C8E5E3)); 
  background: -webkit-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -moz-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -ms-linear-gradient(left, #9FCECD, #C8E5E3); 
  background: -o-linear-gradient(left, #9FCECD, #C8E5E3);
  background-color:#999;
}
nav ul.level_6 li.level_6{
  background:#bbb;
}




nav ul.level_2 li a,
nav ul.level_3 li a{   
  Xcolor:white;
  font-size:16px;
  border:0 !important;
  text-shadow:0 !important;
  word-wrap:nowrap;
}



nav li.current a.level_1,
nav li.level_1.current a.level_1,
nav a.level_1:hover,
nav ul.level_1 li:hover a.level_1,
nav ul.level_1 li.hover a.level_1
{
  color:#e65c00;
}
nav li.level_1.current a.level_1{
	font-weight:bold;
}
nav ul.level_2 li:hover a.level_2,
nav ul.level_2 li.hover a.level_2,
nav ul.level_3 li:hover a.level_3,
nav ul.level_3 li.hover a.level_3,
nav .sign{
	Xcolor:#A9F5F2 !important;
  Xcolor:#FAAC58 !important;
  Xcolor:#81F7D8 !important;
  color:black !important;
  text-decoration:underline;
}
nav ul.level_4 li:hover a.level_4,
nav ul.level_4 li.hover a.level_4,
nav a.level_4:hover,
nav a.level_5:hover
{
	Xcolor:#A9F5F2 !important;
  Xcolor:#F7BE81 !important;
  Xcolor:#81F7D8 !important;
  color:black !important;
  text-decoration:underline;  
}

nav ul.level_2 li.hover .sign_2,
nav ul.level_3 li.hover .sign_3,
nav ul.level_4 li.hover .sign_4,
nav ul.level_5 li.hover .sign_5{
	display:block;
  text-decoration:none;
}

nav li.level_2:last-of-type
{       
  border-radius: 0px 0px 8px 8px;
}
nav li.level_3.first,
nav li.level_4.first,
nav li.level_5.first
{
  border:0 !important;
  border-radius: 0px 8px 0 0 ;
}
nav li.level_3.last,
nav li.level_4.last,
nav li.level_5.last
{
  border:0 !important;
  border-radius: 0px 0px 8px 8px ;
}
nav li.level_3.first.last,
nav li.level_4.first.last,
nav li.level_5.first.last
{
  border:0 !important;
  border-radius: 0px 8px 8px 8px ;
}



.main_menu_item  .my_account{ background:#fefefe url('../img/account-profile-icon-grey-1.png') no-repeat 3px 7px; background-size:23px auto;  padding-left: 26px; padding-right: 5px; margin-right: 10px; }                                                         
.main_menu_item  .login{ background:#fefefe url('../img/lock-grey-1.png') no-repeat 2px 3px; background-size:23px auto;  padding-left: 25px; padding-right: 5px; margin-right: 20px; }