.sj-flat-menu { background-color:#FFF; text-align:left; border: 1px solid #d27c00; } ul.sj-flat-menu , ul.sj-flat-menu ul { list-style-type:none !important; margin:0; padding:0; } .sj-flat-menu a{padding:15px !important;} .sj-flat-menu li ul li a{padding:7px 15px !important;} .sj-flat-menu     li{ padding-left:5px; cursor: pointer; list-style-type:none; } .sj-flat-menu     li:hover{ background:#fff; } .sj-flat-menu  li ul{ list-style-type:none !important; } .sj-flat-menu  li ul li{ background: url(../images/icon_dot.png) no-repeat 5% center; padding-left:5%; font-size:92%; color:#F67817; } .sj-flat-menu  li ul li:hover{ background:#F46B18 !important; } .sj-flat-menu  li ul li a:hover { color:#fff !important; } .sj-flat-menu .fm-item:hover a, .sj-flat-menu li.fm-active > .fm-item a{ color: #FFFFFF; outline-style: none; border: none; text-decoration:none; } .sj-flat-menu li .fm-item .fm-link { padding-left:3px; padding-right:3px; position:relative; display: block; } .flyout-menu  li ul{ background: #fff; border: 3px solid #ffd394; margin: 0; padding: 0; min-width: 250px; } .flyout-menu  li ul li ul{ min-width: 220px; } .sj-flat-menu  li ul li .fm-item a { padding-left: 26px; display:inline-block; background-size: 6px; } .sj-flat-menu li .fm-item .fm-button { width: 16px; height: 18px; margin: 0; overflow: hidden; position:absolute; right:3px; top:50%; margin-top:-10px; } .sj-flat-menu > li .fm-item{ position:relative; } .sj-flat-menu > li .fm-item a { color: #ffffff; line-height: 26px; outline: none; } .sj-flat-menu  a img { vertical-align:middle; border: 0 none; height: auto; max-width: 100%; width:32px; padding:0 5px 0 0; display:block; } .sj-flat-menu  li.fm-last, .sj-flat-menu  li ul li.fm-last{ border: 0; } .flyout-menu  li .fm-container{ position: absolute; top: -1px; display: none; z-index: 1000; padding:0; } .flyout-menu > li{ position: relative; z-index: 99; } .flyout-menu  li li{ position: relative; z-index: 100; } .flyout-menu.horizontal{ width:100%; } .accordion-menu  li .fm-container{ display: none; } .accordion-menu  li ul li .fm-item{ display:inline-block; width:100%; } .accordion-menu li.fm-opened > .fm-item{ border-bottom: 1px solid #72d7ff; margin-bottom:-1px; } .sj-flat-menu  li .fm-icon { font-size:20px; } .pretext, .posttext { margin: 10px 0px 20px 0px ; } ul.sj-flat-menu { border-radius:12px; background: #fa9f12; background: -moz-linear-gradient(top, #fa9f12 0%, #f46819 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9f12), color-stop(100%,#f46819)); background: -webkit-linear-gradient(top, #fa9f12 0%,#f46819 100%); background: -o-linear-gradient(top, #fa9f12 0%,#f46819 100%); background: -ms-linear-gradient(top, #fa9f12 0%,#f46819 100%); background: linear-gradient(to bottom, #fa9f12 0%,#f46819 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9f12', endColorstr='#f46819',GradientType=0 ); } .add { background: url("../images/add.png") no-repeat scroll right center center; } .subtract { background: url("../images/subtract.png") no-repeat scroll right center center; } /*********************************************************************/ @media all and (max-width: 767px) { .flyout-menu.vertical >li, .flyout-menu.horizontal >li{ display:block; } .flyout-menu.vertical li ul, .flyout-menu.horizontal li ul{ width:auto; border-left:0; border-bottom:0; border-right:0; } .flyout-menu.vertical  li .fm-container{ position: relative; top: 0; padding-top: 0; display: none; z-index: 1000; } .flyout-menu.vertical  li >.fm-container.direction-left, .flyout-menu.vertical  li >.fm-container.direction-right{ left:auto; right:auto; } .flyout-menu.horizontal  li .fm-container{ position: relative; top: 0; padding-top: 0; display: none; z-index: 1000; } } @media all and (min-width: 768px) { .flyout-menu.horizontal >li{ display:inline-block; border:0; } .flyout-menu.horizontal  li >.fm-container.direction-left{ position:absolute; left:0; top:100%; padding-top:0; } .flyout-menu.horizontal  li >.fm-container.direction-right{ position:absolute; right:0; top:100%; padding-top:0; } .flyout-menu.horizontal  li .fm-container  li .fm-container.direction-left{ position:absolute; left:100%; top:-1px; padding-top:0; } .flyout-menu.horizontal  li .fm-container  li .fm-container.direction-right{ position:absolute; right:100%; top:-1px; padding-top:0; } .flyout-menu.vertical  li >.fm-container.direction-left{ left:100%; } .flyout-menu.vertical  li >.fm-container.direction-right{ right:100%; } } .flyout-menu.lt-ie9.horizontal >li{ display:inline-block; border:0; } .flyout-menu.lt-ie9.horizontal  li >.fm-container.direction-left{ position:absolute; left:0; top:100%; padding-top:0; } .flyout-menu.lt-ie9.horizontal  li >.fm-container.direction-right{ position:absolute; right:0; top:100%; padding-top:0; } .flyout-menu.lt-ie9.horizontal  li .fm-container  li .fm-container.direction-left{ position:absolute; left:100%; top:-1px; padding-top:0; } .flyout-menu.horizontal.lt-ie9  li .fm-container  li .fm-container.direction-right{ position:absolute; right:100%; top:-1px; padding-top:0; } .flyout-menu.vertical.lt-ie9  li >.fm-container.direction-left{ left:100%; } .flyout-menu.vertical.lt-ie9  li >.fm-container.direction-right{ right:100%; }