.toggleMenu {
    display:  none; 
    padding: 10px 15px;
    color: #fff;
	line-height:40px; 
	-webkit-border-radius: 4px;
	-moz-border-radius:4px ;
	border-radius: 4px; 
}
.toggleMenu:hover{
    background-image: url(../images/menu.png);
}
		
.toggleMenu.active{
    background-image: url(../images/menu.png);
    display: block; 		
	-webkit-border-radius: 4px 4px 0 0 ;
	-moz-border-radius:4px  4px 0 0  ;
	border-radius: 4px  4px 0 0 ;
	}

	.men_first {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	}

	
.nav  {
	text-align:right; 
	float:right; 
    list-style: none;
     *zoom: 1; 
	 line-height:40px; 
	z-index:999; 
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none; 
    width: 215px;
    border: 1px solid #000000;
	margin-top:-2px; 
	 line-height: normal;
	z-index:999; 
}
.nav a {
	text-decoration: none;
    padding: 10px 15px;
    color:#fff;
}
.nav li { 
    position: relative;
	 z-index:9999; 
}

.nav li.hover  {
    background-image: url(../images/menu.png);
    position: relative;
}
.nav > li {
    float: left; 
}
.nav > li > .parent { 
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 92% 50%;
	padding-right:30px;
}

.nav > li.hover > .parent {
    background-image: url(../images/menu.png);
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 92% 50%; 
}
.nav > li > a {
    display: block; 
}
.nav li  ul {
    position: absolute;
    left: -9999px; 
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	padding-left: 30px;
    display: block;
    background-image: url(../images/menu.png);
    position: relative;
    z-index:100;
    border-top: 1px solid #000000; 
	margin:-1px 0 0 -1px; 
	
}
.nav li li a:hover {
	background: #ffffff;
    background-image: url(../images/menu.png);
}
.nav li li li a {
    background: #626262;
    z-index:200;
    border: 1px solid #999999;
}
 

@media screen and (max-width: 768px) {
	  .nav  { 
	float: none;
	text-align:left;
	  }
 
	.men_first {
		margin-top:10px;margin-left:0px;}
	.nav > li.men_last a:hover  {
	-webkit-border-radius:0 0 4px 4px ;
	-moz-border-radius: 0 0 4px 4px ;
	border-radius: 0 0 4px 4px}
	
	.nav ul { border:none; margin-left:0;}
	.nav li li a {	padding-left:80px;margin:0;}
    .active {
        display: block;
    }
    .nav > li {
        float: none; 
    }
	 .nav > li a:hover {
    background-image: url(../images/menu.png);}
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%; 
    }
    .nav ul {
        display: block;
        width: 100%;
		 background-image: url("../images/rightArrow.png");
		  background-repeat: no-repeat;
        background-position: 95% 50%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static; 
    }

}