/* ===[ accordion css reset ]=== */
.verticalNav * {border: 0;line-height: 0;list-style: none;margin: 0;padding: 0;}

/* ===[ verticalNav ]=== */
.verticalNav {
	max-width: 230px;	/* Do not replace max-width with width or you'll lose responsiveness */
	outline: none !important;
	position: relative;
	width: 230px;		/* Width is used because responsiveness is not used */
}

/* Do not change anything in this rule */
.verticalNav .jAccordion-slidesWrapper {height: 100%;overflow: hidden;position: relative;width: 100%;}
/* Do not change display, overflow or position */
.verticalNav .jAccordion-slide {
	display: block;
	overflow: hidden;
	position: relative;
}
/* Opera 10.xx bug fix
 * More info: http://css-lab.com/bug-test/opera-ap-bugfix.html
 */
.verticalNav .jAccordion-slide:after {content: "";float: left;height: 1%;width: 0;}

/* Menu item */
.verticalNav li {background: url(images/backgrounds_sprite.png) repeat-x left 1px}
.verticalNav li.activeItem,
.verticalNav li:hover {background: url(images/backgrounds_sprite.png) repeat-x left -29px}
.verticalNav li a {
	border: 1px solid #2A2A2A;
	border-top-color: #575757;
	border-bottom-color: #222;
	color: #FFF;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 22px;
	padding: 8px 10px 0;
	text-decoration: none;
	text-shadow: 1px -1px #000;
}
.verticalNav li.activeItem a,
.verticalNav li:hover a {
	border-color: #C5002D #660018 #560014;
	text-shadow: 1px -1px #37000d;
}
/* Menu item with submenu */
.verticalNav li.hasSubmenu a {background: url(images/arrow.png) no-repeat 97% center}
.verticalNav li.hasSubmenu.activeItem a {background: url(images/arrow_active.png) no-repeat 97% center}
/* Submenu item */
.verticalNav li ul li {background: url(images/backgrounds_sprite.png) repeat-x left -59px}
.verticalNav li ul li:hover,
.verticalNav li ul li.activeSub {background: url(images/backgrounds_sprite.png) repeat-x left -89px}
.verticalNav li ul li a {
	background: url(images/listItemBullet.png) no-repeat 10px center !important;
	border: 1px solid #A1A1A1  !important;
	border-top-color: #FFF  !important;
	border-bottom-color: #999  !important;	
	color: #333;
	height: 22px;
	padding: 8px 24px 0;
	text-shadow: none  !important;
}
.verticalNav li ul li a:hover,
.verticalNav li ul li.activeSub a {border-color: #C9C9C9 #7A7A7A #737373 !important}
/* ===[ Rules used when JS is disabled ]=== */
 
/* Rule for inactive item */
.verticalNav.noJS .jAccordion-slide {height: 32px}
/* Rule for active item */
.verticalNav.noJS .jAccordion-slidesWrapper .jAccordion-slide:hover {height: auto}
.verticalNav.noJS li.hasSubmenu:hover > a {background: url(images/arrow_active.png) no-repeat 97% center}
/* ===[ End of rules used when JS is disabled ]=== */