.sm-blue {
		background:#2E2C86; /* Old browsers */
		z-index:999;

	}
	.sm-blue-vertical {
		/* -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3); */
	}
	.sm-blue ul {
		border:1px solid #E9E9E9;
		padding:7px 0;
		background:#fff;
		-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);
		-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);
		box-shadow:0 1px 10px rgba(0,0,0,0.1);		
	}
	/* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
	.sm-blue-vertical ul,
	.sm-blue ul ul {
		/* -moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px; */
		z-index:999;
	}


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

	.sm-blue a {
		padding:10px 16px;
		color:#FFF;
		font-size:15px;
		line-height:20px;
		font-family:"Roboto",Arial,Helvetica,sans-serif;
		letter-spacing:0px;
		font-weight: 400;
		text-decoration:none;
	}
	.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
	.sm-blue a.highlighted {
		background:#FFF; /* ES MAIN MENU HOVER BG, Old browsers */
		color: #000;
	}
	.sm-blue-vertical a {
		padding:9px 40px 8px 23px;
		background:#3193c0; /* Old browsers */
		background-image:url(/inc/smartmenus/css/sm-blue/css-gradients-fallback/vertical-main-item-bg.png);
	}
	.sm-blue ul a {
		padding:2px 40px 3px 23px;
		background:transparent;
		color:#666;
		font-size:16px;
		text-shadow:none;
	}
	.sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active,
	.sm-blue ul a.highlighted {
		background:#999; /* Old browsers */
		color: #FFF;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active,
	.sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {
		background:#FFF;/* ES CURRENT SELECTED MAIN MENU ITEM */
		background-image:url(/inc/smartmenus/css/sm-blue/css-gradients-fallback/css-gradients-fallback/current-item-bg.png);
		color: #000;
	}
	/* round the left corners of the first item for horizontal main menu */
	.sm-blue > li:first-child > a {
		/* ES DOES NOT WANT ROUNDED HERE ###############
		-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;
		*/
	}
	/* round the corners of the first and last items for vertical main menu */
	.sm-blue-vertical > li:first-child > a {
		/* ES DOES NOT WANT ROUNDED HERE ###############
		-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
		*/
	}
	.sm-blue-vertical > li:last-child > a {
		/* ES DOES NOT WANT ROUNDED HERE ###############
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
		*/
	}
	.sm-blue a.has-submenu {

	}


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

	.sm-blue a span.sub-arrow {
		position:absolute;
		bottom:2px;
		left:50%;
		margin-left:-5px;
		/* 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:5px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#a4cde1 transparent transparent transparent;
		display:none;
	}
	.sm-blue-vertical a span.sub-arrow,
 	.sm-blue ul a span.sub-arrow {
		bottom:auto;
		top:50%;
		margin-top:-5px;
		right:15px;
		left:auto;
		margin-left:0;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #666;
		display:block;
	}


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

	.sm-blue li {
		/* border-left:1px solid #E9E9E9; ES MAIN MENU ITEM SEPARATORS #########################*/
	}
	.sm-blue li:first-child,
	.sm-blue-vertical li,
	.sm-blue ul li {
		border-left:0;
		/* border-left:1px solid #999; ES ADDS FOR FIRST CHILD THIS TIME #########################*/
	}


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

	.sm-blue span.scroll-up, .sm-blue span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#ffffff;
		height:20px;
		/* width and position will be automatically set by the script */
	}
	.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
		position:absolute;
		top:-2px;
		left:50%;
		margin-left:-8px;
		/* 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:8px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #247eab transparent;
	}
	.sm-blue span.scroll-down-arrow {
		top:6px;
		border-style:solid dashed dashed dashed;
		border-color:#247eab transparent transparent transparent;
	}



/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */
@media (max-width: 1000px) {
	.sm-blue:not(.sm-blue-vertical) > li > a {
		padding-left:12px;
		padding-right:12px;
		font-size:14px;
	}
}
@media screen and (max-width: 760px){

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-blue{width:auto !important;}
	ul.sm-blue 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-blue>li{float:none;}
	ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-blue iframe{display:none;}

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


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

	.sm-blue {
		background:transparent;
		/* -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3); */
	}
	.sm-blue ul {
		border:0;
		padding:0;
		background:#fff;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.sm-blue ul ul {
		/* darken the background of the 2+ level sub menus and remove border rounding */
		background:rgba(100,100,100,0.1);
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


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

	.sm-blue a {
		padding:5px 3px 5px 28px !important; /* add some additional left padding to make room for the sub indicator */
		background:#1D78BC !important; /* Old browsers */
		/* background-image:url(css-gradients-fallback/vertical-main-item-bg.png) !important; */
		/*
		background-image:-moz-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3fa3d1),color-stop(100%,#2586b3)) !important;
		background-image:-webkit-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
		background-image:-o-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
		background-image:-ms-linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
		background-image:linear-gradient(top,#3fa3d1 0%,#2586b3 100%) !important;
		*/
		color:#fff !important;
		border-bottom:1px dotted #999;
	}
	.sm-blue ul a {
		background:#444 !important;
		color:#FFF !important;
		text-shadow:none !important;
		font-size:17px;
	}	
	.sm-blue a.current {
		background:#444 !important; /* Old browsers */
		/* background-image:url(css-gradients-fallback/current-item-bg.png) !important; */
		/*
		background-image:-moz-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#005a84),color-stop(100%,#00749f)) !important;
		background-image:-webkit-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-o-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:-ms-linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		background-image:linear-gradient(top,#005a84 0%,#00749f 100%) !important;
		*/
		color:#fff !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-blue ul a {
		border-left:25px solid transparent;
		border-bottom:0;
	}
	.sm-blue ul ul a {
		border-left:45px solid transparent;
		border-bottom:0;
	}
	.sm-blue ul ul ul a {
		border-left:60px solid transparent;
	}
	.sm-blue ul ul ul ul a {
		border-left:75px solid transparent;
	}
	.sm-blue ul ul ul ul ul a {
		border-left:90px solid transparent;
	}
	/* round the corners of the first and last items */
	.sm-blue > li:first-child > a {
		/* ES REMOVE -moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0; */
	}
	/* presume we have 4 levels max */
	.sm-blue > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
	.sm-blue > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
		/* ES REMOVE -moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px; */
	}
	/* highlighted items, don't need rounding since their sub is open */
	.sm-blue > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
	.sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}


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

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


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

	.sm-blue li {
		border-left:0;
	}
	.sm-blue ul li {
		border-top:1px solid #666;
	}
	.sm-blue ul li:first-child {
		/* border-top:0; */
	}

}