/* Menu Styles */

/* Init Logic */
.menu-toggle-button {cursor:pointer;
	color: #ccc;
	font-size: 2.6em;
	position: absolute;
	top: 12px;
	right:10px; height:30px; width:30px;}
.menu-toggle-button:hover { color:#ff6600;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{color:#999;}


ul.menu-list li a{display:block;}

/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700}
ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#fff;text-decoration:none;padding:12px 10px;} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:150px;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px 5px 0px 0px;border:0px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:url(../images/navhover.png) repeat-x;}
ul.menu-list>li:hover>a{color:#fff;}
ul.menu-list>li.active a{color:#fff;} /*active*/
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:1px solid #000;}
ul.menu-list>li>ul>li{background:#f7f7f7; }
ul.menu-list>li>ul>li>a{ background:#cccccc; border-top:1px solid #444343;}
ul.menu-list>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{ background:#e0e3e4;}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #777;}
ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */


/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 768px){

/* Menu Styles */

/* Init Logic */
.menu-toggle-button{display:block; right:25px;}
.show-for-devices{display:block!important;}

/* ul.menu-list{display:none;} */
ul.menu-list li{clear:both;float:none;}

/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;}
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */


ul.menu-list {
    list-style: none;
     *zoom: 1;
	/* background:#333333; */
     width:100%;
     position: relative; margin:5px 0 7px 0;
	padding:0;
}
ul.menu-list:before,
ul.menu-list:after {
    content: " "; 
    display: table; 
}
ul.menu-list:after {
    clear: both;
}
ul.menu-list ul {
    list-style: none;
}
ul.menu-list li a {
	font-size:1em;
    padding: 10px 15px;
    color:#fff;
	position:relative;
	border-top: 1px solid #444343;
}
ul.menu-list li a:hover{
	color:#000; background:#999999;
}
ul.menu-list li {
    position: relative;
}
ul.menu-list > li {
	border-top: 1px solid #444343; border-width:1px 0 0 0;
}
ul.menu-list > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
ul.menu-list > li > a {
    display: block;
}


/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.8em;padding:10px;line-height:1em;position:absolute;right:5px;z-index: 700} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */


/* First Level*/
ul.menu-list>li{margin:0px;border:none;border-bottom:1px solid #000;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#000}
ul.menu-list>li:hover>a{color:#fff;background:#000;}
ul.menu-list>li>a:hover{ color:#0796de; background:#000;}
ul.menu-list>li.active a{ color:#0796de;}
ul.menu-list>li>ul>li>a:hover{ background:#e0e3e4;}
ul.menu-list li li>a{ width:100%;box-sizing:border-box; -moz-box-sizing:border-box; color:#333;} /* Level 2 */

ul.menu-list>li>ul{border:0px solid #000; background:#cccccc;}
ul.menu-list>li>ul>li{background:#cccccc;}
ul.menu-list >li>ul>li{
	border-top: 1px solid #999999; border-width:1px 0 0 0;
}

/* End First Level*/

/* End Menu Styles */

}