nav#categoriestree{
	vertical-align: top;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Oswald Regular', Arial, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased !important;
    font-size: 14px;
}

nav#categoriestree ul{ 
	margin:0px;
	padding:0px;
	list-style-type:none
}

nav#categoriestree ul li {
	position: relative;
	display:block;
    height: 18px;
    padding:10px 20px;
    text-align:left;
    cursor: pointer;
}

nav#categoriestree ul li:hover{
	background-color: #D23636;
	-webkit-transition:background-color 0.2s ease-in;  
   	-moz-transition:background-color 0.2s ease-in;  
   	-o-transition:background-color 0.2s ease-in;
}

nav#categoriestree ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	color:#999;	
}

nav#categoriestree ul li:hover a{
    color: #FFF;
}

nav#categoriestree ul li .arrow{
	position: absolute;
	top: 8px;
	right:10px;
	/*-webkit-filter: brightness(20%);*/
}

nav#categoriestree > ul > li{
    position: relative;
    border-bottom: 1px solid #CCC;
}

nav#categoriestree > ul ul{
	display: none;
	position: absolute;
	top: 0px;
	left:100%;
	min-width: 200px;	
	padding:0px;
	list-style-type: none;
	z-index: 10;
	background-color: #222;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

nav#categoriestree > ul > li:hover > ul {
    display: block;
}

@media screen and (max-width: 980px){
	nav#categoriestree {
		display: none;
	}
}