
/* Standard Menu Reset */
    
.nav {
    list-style: none; *zoom: 1; 
    } 
    
.nav ul {
    list-style: none;
    }


/* Main Nav Style Code */

.nav a {
    padding:10px 14px;
	font-family:'Open Sans'Open Sans, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height:1.5em;
    text-decoration:none; 
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;   
    }
    
#Fds-Mmenu .nav > li {
  margin-left: 2px;
  padding: 21px 0 0;
  position: relative;
}
    
.nav > li {
    float:left; 
    list-style:none;   
    }
  
.nav > li > a {
  border-radius: 7px;
  line-height: 33px;
  margin-bottom: 5px;
  padding: 0 15px;
}     
 
@media screen and (max-width:1100px){
.nav > li > a{padding:0 8px;}
}  

@media screen and (max-width:860px){
.nav > li > a{padding:0 5px;}
} 

@media screen and (orientation:portrait)
{
  .nav > li > a{padding:0 15px;}
}

.dl-sub-indicator {
    display:none; 
    } 
 
/* Main current Nav Style Code */ 
  

 
.nav > li > a { display:block; } 


.nav > li ul { min-width:180px;  padding:0; margin:0; position:absolute; z-index:999; left:-9999px; box-shadow: 0 3px 6px 0 #504f4f; -moz-box-shadow: 0 3px 6px 0 #504f4f; -webkit-box-shadow: 0 3px 6px 0 #504f4f; -ms-box-shadow: 0 3px 6px 0 #504f4f;}
 
 .nav > li ul li ul { margin-top:0px; margin-left:0px; }
       
    .nav > li.hover > ul { left:0; } 
			
		.nav li li.hover ul {  left:100%; top:0; } 
		
		.nav li li { list-style:none; padding-top:0px; padding-bottom:0px; margin-left:0px; } 
        
/*sub top aero*/

/* Sub Nav Style Code */ 

.nav li li { border-bottom:0;}

.nav li ul{ background:#ffffff; }  
.nav li.current ul{ background:#ffffff; }
.nav li li a {
    padding:3px 15px; 
    color:#111111; font-size:13px; line-height:34px; font-weight:normal;
    display: block; z-index:100; border-bottom:1px solid #E5E5E5;
    }
    
    .nav li li a:hover {
        display: block; background:#f2f2f2;
        border-radius:0; 
        box-shadow:none; 
        }
		
	.nav li.current li a, .nav li.current li a:visited, .nav li.current li a:active {
    padding:3px 15px; font-size:13px; line-height:34px; font-weight:normal;
    display: block; z-index:100;  border-bottom:1px solid #E5E5E5;
    }
    
    .nav li.current li a:hover {
        display: block; 
        background:#f2f2f2; 
        border-radius:0; 
        box-shadow:none; 
        }

.nav li li a.dl-with-ul{
    background-image: url("Arrow.png") !important; 
    background-repeat: no-repeat !important; 
    background-position: 97% 50% !important; 
    }
    
.nav li li a.dl-with-ul:hover{
    background-image: url("Arrow.png") !important; 
    background-repeat: no-repeat !important; 
    background-position: 97% 50% !important; 
    }


/* Sub current Nav Style Code */ 


    
    .nav .current ul li a:hover {
        background:#f2f2f2;
        }

.nav li.current ul li a,
.nav li.current ul li a:visited {
     border-top:0 !important;  border-bottom:1px solid #E5E5E5;
    }
            
#DeshtopMenu .nav > li, 
#CenterMenu .nav > li {
     margin-top:0;
    }
       
#DeshtopMenu .nav > li > a, 
#CenterMenu .nav > li > a {
    padding:0 10px; line-height:50px;
    }
    
#DeshtopMenu .nav li li a, 
#CenterMenu .nav li li a {
    padding:3px 15px; line-height:34px; 
    }

#DeshtopMenu {
    margin-left:-10px; margin-top:15px; 
    }
    

#CenterMenu ul { text-align:center; }
#CenterMenu > .nav a { border-right:none; }
#CenterMenu .nav > li { display:inline-block; position:relative; list-style:none; float:none; padding:0; }
#CenterMenu ul ul { text-align:left; }
#CenterMenu .nav > li > a{ margin-bottom:0;}

@media screen and (max-width:1160px) {.nav a, #DeshtopMenu .nav a, #CenterMenu .nav a { padding:7px 10px; } }   
    
@media screen and (max-width:1060px) {.nav a, #DeshtopMenu .nav a, #CenterMenu .nav a { padding:7px 7px; font-size:14px; } }

@media screen and (max-width:930px) {
    .nav a, #DeshtopMenu .nav a, #CenterMenu .nav a { padding:7px 5px; font-size:13px; } 
    #DeshtopMenu .nav > li > a, #CenterMenu .nav > li > a { padding:0 5px; }
}

@media screen and (max-width:830px) {.nav a, #DeshtopMenu .nav a, #CenterMenu .nav a { padding:7px 3px; font-size:13px; } }


@media screen and (max-width: 767px) {	
	.nav > li { float:left;  list-style:none; border-bottom:1px solid #e5e5e5;   }
	nav#full { display:none; }
	div#mobile { background:#f9f9f9; display:block; border:1px solid #CCCCCC; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobile #toggle-bar { line-height:36px; height:36px; border-bottom:1px solid #CCCCCC; }

	/* Toggle button #1 ("Menu") */
	div#mobile strong a { margin-left:14px; padding:5px 80px 5px 0; }
    div#toggle-bar a { color:#333; font-weight:normal; }
    div#toggle-bar a:hover { color:#333; text-decoration:none; }
    
	/* Toggle button #2 ("Navicon") */
	div#mobile .navicon { float:right; width:38px; margin:0 0 0 18px; height:10px; }
    div#mobile .navicon em.fa { margin-top:6px; font-size:24px; }
    
    /* The dropdown menu */ 
    nav#mobile ul li { clear:both; list-style:none; background:#fff; } 
    nav#mobile ul li a { display:block; margin:0; padding:8px 12px; border-bottom:1px solid #bfbfbf; color:#333; } 
    nav#mobile ul ul { font-size:small; }
    nav#mobile ul ul li { background:#fff; } 
    nav#mobile ul ul a { padding-left:8px; color:#333; }
    nav#mobile ul li a:hover,nav#mobile ul ul a:hover { text-decoration:none; } 
    nav#mobile ul ul a:before { content: "-"; padding-right:6px; }  
    nav#mobile ul ul ul a:before { content: "- -"; padding-right:6px; }    
	
	
	#CenterMenu ul { text-align:left; }
}
















