﻿/*	The ID for jQuery					|--> DON'T CHANGE
#jqAccordionNav {}
********************************************************* */

.sxAccordionNav {
	font-family: "Roboto Condensed", Roboto, Arial, Helvetica, sans-serif;
	clear: both;
	padding: 0;
	margin: 0 0 25px 0;
	line-height: 125%;
	font-size: 1em;
}

.sxAccordionNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.sxAccordionNav div {
	cursor: pointer;
}

/*	Basic style for all li/a/img		|--> DON'T CHANGE
********************************************************* */
.sxAccordionNav li {
	vertical-align: top !important;
}

.sxAccordionNav ul li a {
	display: block;
}

.sxAccordionNav ul li img {
	vertical-align: middle;
}

/* ==================================================
	B. Common Font Styles for All clickable Menu Levels: As and DIVs
	|-> Define ONLY FONT STYLES: Colors, Weight and Size
===================================================== */
.sxAccordionNav a,
.sxAccordionNav div {
	font-weight: normal;
	color: #444;
}

.sxAccordionNav a:hover,
.sxAccordionNav div:hover {
	color: #000;
}

.sxAccordionNav a.open,
.sxAccordionNav div.open {
	color: #0b6daf;
	opacity: 1;
}

.sxAccordionNav li div {
	font-size: 1.15em;
}

.sxAccordionNav li li div {
	font-size: 1.05em;
	font-weight: bold;
}

.sxAccordionNav li a {
	font-size: 1em;
}

.sxAccordionNav li li a {
	font-size: 1em;
}

/* ==================================================
	C.	Common Backgrounds for all clickable Menu Levels: As and DIVs
	Small: > 203A < 2039
	Big: > 276F < 276E
	Small: circle 2022 arrow 2023  dot 2027 
	Squre: big 25A0, medium 25FE, small 25AA, duble 25A3
	Big: upp 25B2, down 25BC
	Small: upp 25B4, down 25BE
	Arrow: upp dotted 21E1, down dotted 21E3
	Folder: 1F4C1
===================================================== */
/*	
	Levels that not contain sublevels (Links A)
***************************************************** */
.sxAccordionNav li a {
	padding: 2px 0 4px 25px;
	position: relative;
}

.sxAccordionNav li a::before {
	content: "\00BB";
	position: absolute;
	left: 0.2em;
	top: 0;
}

.sxAccordionNav li a:hover::before {
	content: "\00BB";
}

.sxAccordionNav li a.open::before {
	content: "\00BB";
}

.sxAccordionNav li a span {
	color: #666;
}

/*	Levels that contain sublevels (Tags DIV) 2263, 2261,226B,00BB
***************************************************** */
.sxAccordionNav li div {
	padding: 4px 0 6px 25px;
	position: relative;
}

.sxAccordionNav li li div {
	padding: 2px 0 6px 25px;
	position: relative;
}

.sxAccordionNav li div::before {
	content: "\203A";
	position: absolute;
	left: 0.2em;
	top: 0;
}

.sxAccordionNav div:hover::before,
.sxAccordionNav div.open::before {
	content: "\203A";
	transform: rotate(90deg);
}


/*	All List levels bellow Groups 
***************************************************** */
.sxAccordionNav ul ul {
	margin-left: 25px;
}

/*	ALL STYLES BELLOW GROUPS- From Category to Sub-Sub-Category
	===================================================== */
.sxAccordionNav li {
	padding: 1px 0;
}

.sxAccordionNav li a.archive {
	float: right;
	width: 2em;
	height: auto;
	padding: 0;
	margin: 0 0 0 6px;
	text-align: right;
	vertical-align: top;
	color: #2ea3f2;
	opacity: 0.5;
	z-index: 10;
	background: none;
}

.sxAccordionNav a.archive::before {
	content: "";
	position: static;
}

.sxAccordionNav a.archive::after {
	content: "\1F4C1";
	position: static;
}

.sxAccordionNav a.archive:hover {
	color: #F2352E;
	opacity: 1;
}

.sxAccordionNav a.archive:hover::before {
	content: "";
}