/*#####################
### MAIN NAVIGATION ###
#####################*/ 


/* MAIN NAV */
#navMain
{
	margin 					: 0 0 10px 0;
	padding					: 0;
	border-top              : 1px solid #DADADA;
	border-bottom           : 1px solid #DADADA;
	height					: 40px;
	position                : relative;
}
#navMain ul
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	position                : absolute;
	bottom                  : 0;
	left                    : 0;
}
#navMain ul li
{
	display 				: inline;
}

#navMain ul li a
{
	margin					: 0px 5px 0px 0px;
	padding					: 0px 10px 0px 10px;
	font-size				: 16px;
	text-align				: center;
	color					: #666;
	display 				: block;
	float 					: left;
	text-decoration 		: none;
	height 					: 36px;
	line-height 		    : 40px;
	border-bottom           : 3px solid #FFF;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
#navMain ul li a:hover,
#navMain ul li a.selected
{
	color					: #333;
	border-bottom           : 3px solid #CCC;
}
#navMain ul li a.selected
{
	border-bottom           : 3px solid #68689B;
	color					: #333 !important;
}




/*#####################
### SIDE NAVIGATION ###
#####################*/ 

#arrowlistmenu
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px;
	height					: auto;
	list-style 				: none;
	width                   : 210px;
}
#arrowlistmenu ul
{
    list-style              : none !important;
    margin                  : 0 !important;
    padding                 : 0 !important;
}

#arrowlistmenu ul li
{
    margin                  : 0 !important;
    padding                 : 0 !important; 
}
#arrowlistmenu .menuheader
{
	margin					: 0px 0px 1px 0px;
	padding					: 8px 24px 8px 10px;
	position                : relative;
	display 				: block;
	color					: #EEE;
	background-color        : #565656;
	text-decoration 		: none;
	line-height             : 1.2em;
	font-size 				: 15px;
	text-align              : left;
	font-weight             : normal;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
#arrowlistmenu .menuheader.expandable
{
    background              : #565656 url('/content/plugins/sidemenu/images/bkgrnd-nav-expand.png') 190px 11px no-repeat;
}
#arrowlistmenu .menuheader:hover,
#arrowlistmenu .menuheader.selected
{
    background-color        : #666;
    text-decoration 		: none;
    color                   : #FFF;
}
#arrowlistmenu .menuheader.expandable:hover,
#arrowlistmenu .menuheader.expandable.selected
{
    background              : #666 url('/content/plugins/sidemenu/images/bkgrnd-nav-expand.png') 190px 11px no-repeat;
    text-decoration 		: none;
    color                   : #FFF;
}
#arrowlistmenu .menuheader.selected
{
     background-color       : #7C7C7C;
}
#arrowlistmenu .menuheader.expandable.selected
{
     background          : #7C7C7C url('/content/plugins/sidemenu/images/bkgrnd-nav-contract.png') 190px 11px no-repeat;
}


#arrowlistmenu ul li a
{
    color               : #DFDFDF !important;
    background          : #333333;
    display             : block;
    margin              : 0px 0px 0px 0px;
    padding             : 10px 0px 10px 10px;
    height              : auto;
    text-decoration     : none;
    border-bottom       : 1px solid #FFF;
    font-size           : 12px;
    border-radius			: 0px !important;
	-webkit-border-radius	: 0px !important;
	-moz-border-radius		: 0px !important;
}
#arrowlistmenu ul li a:visited
{
    color               : #A70303;
}

#arrowlistmenu ul li a:hover,
#arrowlistmenu ul li a.selected
{
    color               : #FFF !important;
    background-color    : #444;
    text-decoration     : none !important;
}