/*
 * Navigation menu
 */



/* Sidebar menu (vertical, for sidebars)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav-side {
	float:left;
	width:100%;
}


/* Mobile menu (vertical, in the header)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger. Shares style with the 1st level links from the default menu
-------------------------------------------------------------- */
#mobnav { display:none; }
#mobnav-trigger {
	display:block;
	padding:0 15px;
}

/* Mobile menu icon */
#mobnav-trigger .trigger-icon {
	display:block;
	float:left;
	width:23px;
	padding-top:18px;
	margin:0 8px 0 0;
}
#mobnav-trigger .trigger-icon .line {
	display:block;
	background-color:#fff;
	height:3px;
	margin-bottom:2px;
}

/* Mobile menu elements
-------------------------------------------------------------- */
.nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overriding */
	display:none;
	margin-top:0 !important;
}
.vertnav-top.mobile {
	display:block; /* Visible even when collapsed (to show bottom border) */
	
	overflow:hidden;
	height:auto;
	max-height:0px;
	transition:			max-height 500ms ease-in-out 0s;
	-moz-transition:	max-height 500ms ease-in-out 0s;
	-webkit-transition:	max-height 500ms ease-in-out 0s;
	-o-transition:		max-height 500ms ease-in-out 0s;
}
.vertnav-top.mobile.show {
	max-height:9999px;
	transition:			max-height 500ms ease-in-out 0s;
	-moz-transition:	max-height 500ms ease-in-out 0s;
	-webkit-transition:	max-height 500ms ease-in-out 0s;
	-o-transition:		max-height 500ms ease-in-out 0s;
}

/* Number of products in category
-------------------------------------------------------------- */
/* Sidebar menu */
.vertnav .number {
	margin-left: 3px;
	color: #aaa;
}


/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-transform:none;
	text-shadow:none;
	
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}


/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
ul.vertnav li > a > span > .cat-label {
	position:static;
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
}

/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
	display:none;
}

/* Label size: all levels
-------------------------------------------------------------- */
ul.vertnav li > a > span > .cat-label {
	font-size:inherit;
	line-height:inherit;
}
ul.vertnav-top li > a > span > .cat-label {
	font-size:14px;
	line-height:18px;
}


/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.nav-block-top {}
.nav-block-bottom {}

.nav-block-right { margin-top:10px; }

.nav-block-level1-top { margin-bottom:10px; }
.nav-block-level1-bottom { margin-top:10px; }

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line { border-color:#eee; }


/* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


/* Size, height etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger
-------------------------------------------------------------- */
#mobnav-trigger {
	line-height:49px;
}

/* Main menu - horizontal
-------------------------------------------------------------- */