/* Level 1  */
ul.dropdown {
	position: absolute;
	float:right;
        margin-right:8%;
	top:60px;
	right:0;
	z-index:5000;
	height:40px;
}
ul.dropdown li {
	position:relative;
	float:left; 
	zoom:1;
	list-style:none;
	display:block; 
	margin:0;
}
ul.dropdown li a {
	display:block; 
	padding:0 0 0 20px; 
	font:normal 12px/40px Verdana, Geneva, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center; 
	color:#222;
}
ul.dropdown li a.hover,
ul.dropdown li a:hover,
ul.dropdown li a.active {
	position: relative;
	color:#900;
}
/* Level 2 */
ul.dropdown ul {
	padding:10px;
	width: 180px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left:0;
	z-index:500;
	background:url('/img/usr/bg-fff-60.png') repeat;
	background:#fff;
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.5);
	box-shadow: 0 3px 7px rgba(0,0,0,.5);
	behavior: url(/css/PIE.htc);
}
ul.dropdown ul.areas {
	width:500px;
	left:-200px;
}
ul.dropdown .col {
    width: 31%;
    margin: 0 0 0 0;
	float:left;
	padding:0 5px 0 5px;
}
ul.dropdown .col.border {
	border-right:1px dotted #999;
}
ul.dropdown ul li {
	float: none;
}
ul.dropdown ul li.last {
	border-bottom:none;
}
ul.dropdown ul li a {
	/*display: inline-block;*/
	border:none;
	padding:5px;
	text-align:left;
	font:normal 11px/14px Verdana, Geneva, sans-serif;
	color:#444;
	text-transform:none;
}
ul.dropdown ul li a {
}
ul.dropdown ul li a.hover,
ul.dropdown ul li a:hover,
ul.dropdown ul li a.active {
	color:#900;
	background:#f0f0f0;
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background:#4c4c4c;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
#menu{ width:100%; clear:both;}
.menuIcon {
    display: none;
}
@media (max-width: 780px){
    .menuIcon { display:block; }
    ul.dropdown {
        display:none;
        width: 100%;
        border-radius: 0;
    }
}

@media (max-width: 640px){
    .menuIcon { display:block; }
    ul.dropdown {
        display:none;
        width: 300px !important;
        height:100% !important;
        border-radius: 0;
        z-index:999999999 !important; 
        left:40px;
        margin-top:140px;
    }
    ul.dropdown li{ width:100% !important; border:0px; z-index:0px ; }
    ul.dropdown ul{ 
        display: inline-block !important;
        float:right !important;
        left:10% !important; 
        background-color: #fff;
         height:100% !important;
    }
    ul.dropdown .areas{ 
        display:inline-block;
        position:absolute !important; 
        width:300px !important; 
        height:auto !important;
        background-color:#fff !important;
        z-index:9999999999 !important; 
        top:0 !important; 
    }
    ul.dropdown .col.border{ width:50% !important; }
    
    .dropdown li a{ font-size:11px !important; background-color:#CCC; text-align: left !important; }
    ul.dropdown li li{ 
        width:75% !important;
        height:35px !important; 
        left:5% !important;
       z-index:999999 !important;
       
    }
    .dropdown li li a{ font-size:11px !important;  background-color:#fff !important; color:#000; }
    .dropdown li li li{ width:85% !important; }
}

@media (max-width: 480px){

}