/*************************************************************************/

/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
UL.sm-bar		{width:auto !important;}
UL.sm-bar UL	{display:none; position:static !important; top:auto !important; left:auto !important; margin-left:0 !important; margin-right:0 !important; margin-top:0 !important; width:auto !important; min-width:0 !important; max-width:none !important;}
UL.sm-bar > LI	{width:100% !important; float:none !important; margin:0 !important;}
UL.sm-bar LI A , UL.sm-bar ul.sm-nowrap LI A	{white-space:normal !important; text-align:right !important;}
UL.sm-bar IFRAME	{display:none;}

/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.sm-bar UL, .sm-bar span.sub-arrow, .sm-bar iframe	{
		display:none !important;
}*/


/************************ First Level - Main Menu ************************/
UL.sm-bar	{
	position:relative; z-index:9990; width:auto;
	background:transparent;
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
}

/*  Menu items - LI
===================*/
.sm-bar > LI	{border-right:0;
	border-bottom:#ddd 1px solid; 
}

/* round the corners of the last items */
.sm-bar > LI:last-child	{
	/*border-radius:0 0 8px 8px;*/
	border-bottom-style:none; 
}

/* Menu items - A
===================*/
.sm-bar > LI > A	{
	text-align:right;
	padding:10px 20px 10px 55px; /* add some additional right padding to make room for the sub indicator */
	color:#4c4936;
	font-size:18px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
	background-color:#fefdfb; 
	/*text-shadow:0 1px 0 rgba(0,0,0,0.3);*/
}

/* round the corners of the first item */
.sm-bar UL LI:first-child > A	{/*border-radius:8px 8px 0 0;*/}

/* round the corners of the last items */
.sm-bar UL LI:last-child > A	{/*border-radius:0 0 8px 8px;*/}

.sm-bar > LI > A.current, .sm-bar > LI > A.CURRENT	{
	background-color:#f4ecdc; 
	color:#4c4936;
}

.sm-bar UL A.current, .sm-bar UL A.CURRENT {
	background-color:#eee !important;
}



/* Sub menu indicators
===================*/
.sm-bar A SPAN.sub-arrow	{
	position:absolute;
	top:0px;
	padding:0px 13px;
	right:auto;
	left:0px;
	margin-right:0;
	width:17px;
	height:43px;
	overflow:hidden;
	font:bold 24px/40px monospace !important;
	text-align:center;
	border:0;
	cursor:pointer;
	text-shadow:none;
	background:rgba(0,0,0,0.1);
	/*border-radius:0px;*/
}
/* Hide (for all levels) sub indicator "+" when item is expanded - we enable the item link when it's expanded */
.sm-bar A.highlighted SPAN.sub-arrow	{
	/* display:none !important; */
}
	

/************************ Second Level - Sub Menu ************************/
.sm-bar UL	{
	border:0;
	padding:0;
	background:#f9f7f3;
}

/*  Sub Menu items - LI
===================*/
.sm-bar UL > LI	{border-top:#ddd 1px solid;}


/* Sub Menu  items - A
===================*/
.sm-bar UL A	{
	text-align:right;
	padding:9px 20px 9px 55px; /* add some additional right padding to make room for the sub indicator */
	background:transparent;
	color:#d86225;
	font-size:17px;
	font-weight:bold;
	line-height:19px;
	text-decoration:none;
	/* add some text indentation for the sub menu item */
	border-right:8px solid transparent;
}

/* round corners of the last item */
.sm-bar > LI:last-child > UL > LI:last-child > A	{border-radius:0;}

/* general class for item that has sub menu */
.sm-bar UL A.has-submenu	{}


/* Sub menu indicators
===================*/

.sm-bar UL A SPAN.sub-arrow	{
	top:0px;
	padding:0px 13px;
	right:auto;
	left:0px;
	margin-right:0;
	margin-left:0;
	width:17px;
	height:37px;
	font:bold 24px/35px monospace !important;
	text-align:center;
	border:0;
	text-shadow:none;
	background:rgba(0,0,0,0.1);
	border-radius:0px;
}

	
/************************ Third Level and more.. - Sub Sub.. Menu ************************/
.sm-bar UL UL	{
	/* darken the background of the 2+ level sub menus and remove border rounding */
	background:rgba(100,100,100,0.1);
	border-radius:0;
}

/*  Sub Sub.. Menu items - LI
===================*/
.sm-bar UL UL LI	{border-top:rgba(100,100,100,0.3) 1px solid !important;}

/* Sub Sub.. Menu  items - A
===================*/
/* add some text indentation for the 2+ level sub menu items */
.sm-bar UL UL A	{
	border-right:16px solid transparent;
}
.sm-bar UL ul UL A	{
	border-right:24px solid transparent;
}
.sm-bar UL ul ul UL A	{
	border-right:32px solid transparent;
}
.sm-bar UL ul ul ul UL A	{
	border-right:40px solid transparent;
}



/* round the corners of the last items */
/* presume we have 4 levels max */
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > A,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > A,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > A,
.sm-bar > LI:last-child > UL,
.sm-bar > LI:last-child > UL > LI:last-child > UL,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL	{
	/*border-radius:0 0 8px 8px;*/
}
/* highlighted items, don't need rounding since their sub is open */
.sm-bar > LI:last-child > A.highlighted,
.sm-bar > LI:last-child > UL > LI:last-child > A.highlighted,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > A.highlighted,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > A.highlighted,
.sm-bar > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > UL > LI:last-child > A.highlighted	{
	border-radius:0;
}



/***************************************************************
   SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;/*direction:ltr;*/direction:inherit;}
ul.sm li{position:relative;}
ul.sm a{position:relative;display:block;}
ul.sm a.disabled{cursor:default;}
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
ul.sm li{/*float:left;*/}
ul.sm-rtl{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm a{white-space:nowrap;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
* html ul.sm-vertical li{float:left;width:100%;}
* html ul.sm-vertical ul li{float:none;width:auto;}
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
* html ul.sm{height:1px;}
*:first-child+html ul.sm{min-height:1px;}
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}