/*** ESSENTIAL STYLES ***/
.cs-vertical-menu,
.cs-vertical-menu ul,
.cs-vertical-menu li,
.cs-vertical-menu a,
.cs-vertical-menu span {
	
}

.cs-vertical-menu{
	border-top: #000 dotted 1px;
}

.cs-vertical-menu li{
	border-bottom: #000 dotted 1px;
}

.cs-vertical-menu {
	line-height:	1.0;
    height:         1%;
    background:		url('../images/arrow-up.png') -200% -200% no-repeat ; /*preloading image*/
}

.cs-vertical-menu li {
	position:		relative;
    list-style:		none
}
.cs-vertical-menu a {
	display:		block;
	position:		relative;
}

/*** DEMO SKIN ***/
.cs-vertical-menu a {
	padding: .40em 0em;
	text-decoration:none;
}

.cs-vertical-menu.cs-noscript li:hover > ul {
    display:block;
}

.cs-vertical-menu a:hover, 
.cs-vertical-menu a:active,
.cs-vertical-menu li.current > a {
	outline:		0;
    word-break:break-word;
}

/*** arrows **/
.cs-vertical-menu li.with-ul > a  {
	padding-right: 	2.25em;
}
.cs-sub-expander {
	position:		absolute;
	display:		block;
	top:			0;
	right:			0;
	width:			220px;
	height:			100%;
	text-indent: 	-999em;
	cursor:         pointer;
	overflow:		hidden;
	background:		url('../images/arrow-down.png') 98% 50% no-repeat;
}

@media only screen and (max-width: 739px) { /* <= Mobile */
.cs-sub-expander {
	width:300px;
}
}
li.expanded > a > .cs-sub-expander,
.cs-noscript li:hover > a > .cs-sub-expander { 
	background:		url('../images/arrow-up.png') 98% 50% no-repeat ;
}

.cs-vertical-menu ul { 
	display: none;
    height:  1%;
    position: relative !important;
}

.cs-vertical-menu li.expanded > ul { 
	display: block;
}

.cs-vertical-menu ul li:last-child { 
	border:none;
}