.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
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);}

	.sm-cleancustom {
		padding:5px 10px; /* t-b between mo and edge items */
		background:#44567E;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		border-width:0px 0px 0px 0px;
		border-style: solid;
		border-color: #808080;
	}
	.sm-cleancustom-vertical {
		padding:10px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.sm-cleancustom ul {
		border:1px solid #808080;
		padding:5px 5px; /* l-r space with items in subs bbb */
		background:#fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
		box-shadow:0 5px 9px rgba(0,0,0,0.2);
	}
	/* first sub level carets */
	.sm-cleancustom > li > ul:before {
		content:'';
		position:absolute;
		top:-18px;
		left:30px;
		width:0;
		height:0;
		overflow:hidden;
		border-width:9px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #bbb transparent;
	}
	.sm-cleancustom > li > ul:after {
		content:'';
		position:absolute;
		top:-16px;
		left:31px;
		width:0;
		height:0;
		overflow:hidden;
		border-width:8px;
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #fff transparent;
	}
	/* no carets for vertical main */
	.sm-cleancustom-vertical > li > ul:before, .sm-cleancustom-vertical > li > ul:after {
		display:none;
	}


/* Menu items
===================*/
/* 1px border prevents flicker on hover with ui, must be same color at background */ 
.sm li {
	border: 1px solid #44567E;
	font-weight:normal;
}

.itemseparator {
	line-height: 1.3 !important; 
	height:2px; 
	background-color:#ddd;
}	

	.sm-cleancustom a {
		padding:8px; /*12px  eee background and 555 font*/
		color:#fcfcfc;
		font-size:0.85em;/*16px;*/
		line-height:17px;
		/*font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;*/
		text-decoration:none;
		font-weight: normal;
	}
	.sm-cleancustom a:hover, .sm-cleancustom a:focus, .sm-cleancustom a:active,
	.sm-cleancustom a.highlighted {
		/*color:#D23600; let ui handle */
		font-weight:normal;
	}
	.sm-cleancustom-vertical a:hover, .sm-cleancustom-vertical a:focus, .sm-cleancustom-vertical a:active,
	.sm-cleancustom-vertical a.highlighted {
		background:#fff;
	}
	.sm-cleancustom a.has-submenu {
		padding-right:25px;
	}
	.sm-cleancustom-vertical a,
 	.sm-cleancustom ul a {
		padding:3px 10px; /* 10 20 */
	}
	.sm-cleancustom-vertical a.has-submenu,
 	.sm-cleancustom ul a.has-submenu {
		padding-right:40px;
	}
.sm-cleancustom ul li {
	border: 1px solid #fff;
}	
	.sm-cleancustom ul a {
		font-size: 0.75em;/*14px;*/
		color:#555;
		font-weight:normal;
	}
	/*.sm-cleancustom ul a:hover, .sm-cleancustom ul a:focus, .sm-cleancustom ul a:active,
	.sm-cleancustom ul a.highlighted {
		color:#D23600;
		background:orange;  eee 
	}*/
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-cleancustom a.current, .sm-cleancustom a.current:hover, .sm-cleancustom a.current:focus, .sm-cleancustom a.current:active {
		color:#D23600;
	}
	


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

	.sm-cleancustom a span.sub-arrow {
		position:absolute;
		right:12px;
		top:50%;
		margin-top:-3px;
		width:0;
		height:0;
		overflow:hidden;
		border-width:4px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#fff transparent transparent transparent;
	}
	.sm-cleancustom-vertical a span.sub-arrow,
 	.sm-cleancustom ul a span.sub-arrow {
		right:15px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #555;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-cleancustom span.scroll-up, .sm-cleancustom span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#fff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-cleancustom span.scroll-up:hover, .sm-cleancustom span.scroll-down:hover {
		background:#eee;
	}
	.sm-cleancustom span.scroll-up-arrow, .sm-cleancustom span.scroll-down-arrow {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-6px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #555 transparent;
	}
	.sm-cleancustom span.scroll-up:hover span.scroll-up-arrow {
		border-color:transparent transparent #D23600 transparent;
	}
	.sm-cleancustom span.scroll-down-arrow {
		top:8px;
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}
	.sm-cleancustom span.scroll-down:hover span.scroll-down-arrow {
		border-color:#D23600 transparent transparent transparent;
	}


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media screen and (max-width: 850px) {
	.sm-cleancustom:not(.sm-cleancustom-vertical) > li > a {
		padding-left:8px;
		padding-right:8px;
	}
	.sm-cleancustom:not(.sm-cleancustom-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
}
@media screen and (max-width: 750px) {
	.sm-cleancustom:not(.sm-cleancustom-vertical) > li > a {
		padding-left:3px;
		padding-right:3px;
	}
	.sm-cleancustom:not(.sm-cleancustom-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
}


@media screen and (max-width: 700px) {

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-cleancustom{width:auto !important;}
	ul.sm-cleancustom ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-cleancustom>li{float:none;}
	ul.sm-cleancustom>li>a,ul.sm-cleancustom ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-cleancustom iframe{display:none;}

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


/* Menu box
===================*/

	.sm-cleancustom {
		padding:0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.sm-cleancustom ul {
		border:0;
		padding:0;
		/* darken the background of the sub menus */
		background:rgba(130,130,130,0.1);
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	/* no carets */
	.sm-cleancustom > li > ul:before, .sm-cleancustom > li > ul:after {
		display:none;
	}


/* Menu items
===================*/

	.sm-cleancustom a {
		padding:13px 5px 13px 28px !important;
		color:#555 !important;
		background:transparent !important;
	}
	.sm-cleancustom a.current {
		color:#D23600 !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-cleancustom ul a {
		border-left:8px solid transparent;
	}
	.sm-cleancustom ul ul a {
		border-left:16px solid transparent;
	}
	.sm-cleancustom ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-cleancustom ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-cleancustom ul ul ul ul ul a {
		border-left:40px solid transparent;
	}


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

	.sm-cleancustom a span.sub-arrow,
	.sm-cleancustom ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:normal 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(255,255,255,0.6);
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-cleancustom a.highlighted span.sub-arrow {
		display:none !important;
	}


/* Items separators
===================*/

	.sm-cleancustom li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.sm-cleancustom > li:first-child {
		border-top:0;
	}

}

/* Custom
===================*/
#main-menu {
	position:relative;
	z-index:999;
	width:auto;
}
#main-menu ul {
	width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}