/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-simple > li > a { ... } instead of .sm-simple a { ... }
---------------------------------------------------------------*/
/* Menu box
===================*/
.sm-simple,.sm-simple ul {border:1px solid #bbb;background:#CACAFF;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-radius: 5px}
/* Menu items
===================*/
.sm-simple a {padding:4px 19px 7px 15px;color:navy;font-size:14px;line-height:17px;font-weight:bold;text-decoration:none}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a:visited,
.sm-simple a.highlighted {background:#FFA762;color:navy}
.sm-simple a:link {color:navy}
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active {background:#FFA762;color:navy}
.sm-simple a.has-submenu {padding-right:32px}
.sm-simple ul a.has-submenu,.sm-simple-vertical a.has-submenu {padding-right:23px}
/* Sub menu indicators
===================*/
.sm-simple a span.sub-arrow {position: absolute;top: 11px;right:5px;width: 0;height: 0;overflow: hidden;border-width: 5px;border-style: solid dashed dashed dashed;border-color: navy rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)}
.sm-simple ul a span.sub-arrow,
.sm-simple-vertical a span.sub-arrow {right:auto;margin-left:-14px}
.sm-simple ul.sm-nowrap {border-top-right-radius:0;border-top-left-radius:0}
/* Items separators
===================*/
.sm-simple li {border-left:1px solid #eee}
.sm-simple li:first-child {border-left:0}
.sm-simple li:last-child {border-right:0}
.sm-rtl li { border-right: 1px solid #EEE}
.sm-rtl li:first-child {border-right:0}
.sm-rtl li:last-child {border-left:0}
.sm-simple ul li, .sm-simple-vertical li {border-left:0;border-top:1px solid #eee}
.sm-simple ul li:first-child,.sm-simple-vertical li:first-child {border-top:0}
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/
.sm-simple span.scroll-up, .sm-simple span.scroll-down {
position:absolute;display:none;visibility:hidden;overflow:hidden;border:solid #bbb;border-width:1px 0;background:#fff;height:20px}
.sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
position:absolute;
top:-2px;left:50%;margin-left:-8px;width:0;
height:0;overflow:hidden;border-width:8px;border-style:dashed dashed solid dashed;border-color:transparent transparent #555 transparent}
.sm-simple span.scroll-down-arrow {top:6px;border-style:solid dashed dashed dashed;border-color:#555 transparent transparent transparent}
@media screen and (max-width: 640px) {
ul.sm-simple{width:auto !important}
ul.sm-simple 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-simple>li{float:none}
ul.sm-simple>li>a,ul.sm-simple ul.sm-nowrap>li>a{white-space:normal}
ul.sm-simple iframe{display:none}
/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {display:none !important}*/
/* Menu box
===================*/
.sm-simple ul {border:0;background:rgba(100,100,100,0.1);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
/* Menu items
===================*/
.sm-simple a,.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,.sm-simple a.highlighted {padding-top:13px;padding-bottom:13px;background:#fff;color:#555}
.sm-simple ul a,.sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active,.sm-simple ul a.highlighted {background:transparent}
.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active,
.sm-simple ul a.current, .sm-simple ul a.current:hover, .sm-simple ul a.current:focus, .sm-simple ul a.current:active {background:#555;color:#fff}
.sm-simple a.has-submenu {padding-right:23px}
.sm-simple ul a {border-left:8px solid transparent}
.sm-simple ul ul a {border-left:16px solid transparent}
.sm-simple ul ul ul a {border-left:24px solid transparent}
.sm-simple ul ul ul ul a {border-left:32px solid transparent}
.sm-simple ul ul ul ul ul a {border-left:40px solid transparent}
/* Sub menu indicators
===================*/
.sm-simple a span.sub-arrow {right:auto;margin-left:-14px}
.sm-simple a.highlighted span.sub-arrow {display:none !important}
/* Items separators
===================*/
.sm-simple li {border-left:0;border-top:1px solid rgba(0,0,0,0.05) !important}
.sm-simple li:first-child {border-top:0 !important}
}