/*--------------------------------------------------------------------------* CLASS PUBLIC *--------------------------------------------------------------------------*/
.fxmenu li { list-style-type:none; font-family:Georgia, "Times New Roman", Times, serif}
.fxmenu li a, .fxmenu li .separator { display:block; text-decoration:none}
.fxmenu .fx-btnExpand { padding:0 !important; position:absolute; top:50%; right:0; width:50px;}

.flex-btnFirst, .flex-btnLast{ position: absolute; z-index: 100; top: 0}
.flex-btnLast{ right: 0;}

.cssmenu > li:hover .fx-subitem { display:block;}

ul li .separator { cursor:pointer}
span.icon { width:19px; float:left; margin-right:10px; height:19px;  background-position:0 50%}

.dropmenu { height:75px;}

.dropmenu > li { float:left; background:url(../images/line.png) no-repeat 0 50%; padding-left:6px}
.dropmenu > li:first-child { background:none; padding:0}
.dropmenu > li > span > span.icon, .dropmenu > li > a > span.icon { height:75px;}

.dropmenu > li .hasDesc > span { text-transform:uppercase; line-height:normal; display:block}
.dropmenu > li .hasDesc > .fx-desc { font-size:84%; text-transform:capitalize; line-height:100%;}

.dropmenu > li > a, .dropmenu > li > span.separator { line-height:78px;padding:0 20px; color:#fff; height:75px; text-transform: none; margin-bottom:5px; overflow:hidden}
.dropmenu > li > a > .hasDesc, .dropmenu > li > span > .hasDesc { padding-top:25px; display:block; float:left}
.dropmenu > li > a.fx-btnExpand { background: url(../images/expand.png) no-repeat 80% 50%}

.dropmenu > li.hasChild > a, .dropmenu > li.hasChild > span.separator { padding:0 30px 0 10px}
.dropmenu > li.fx-item1 > a { padding-left:10px}

.dropmenu .fx-subitem, .dropline .ui-effects-wrapper > .fx-subitem { background-color:#131313; position:absolute; display:none;}
.dropmenu .insubitem li > a, .dropmenu .insubitem .separator { background:url(../images/circle.png) no-repeat 0 7px; padding-left:15px; color:#fff;}

.dropmenu .fxcolumns .fxcolumn { float:left; position:relative ; margin:0 10px; min-width:180px;padding:10px 0}
.dropmenu .cols1 .fxcolumn { margin:0; padding:0}
.dropmenu .cols1 .insubitem{ padding:10px;}

.dropmenu .group-content li { margin-bottom:5px}

.dropmenu > li > .iconImage { position:relative; padding-left:35px !important}
.dropmenu > li > .iconImage .icon { position:absolute; left:10px; top:50%; margin-top:-10px}

/*---------------------------------------------------------------------------* HORIZONTAL *---------------------------------------------------------------------------*/
/*Level 0*/
.horizontal > li > a.fx-btnExpand { margin:-28px 0 0; height:50px;}

/*Level n*/
.horizontal li {position:relative;}
.horizontal .fx-subitem { z-index:100; min-width:200px; }
.horizontal > .fxsubmenu ul ul { z-index:103;}

.horizontal .insubitem li > a.fx-btnExpand { background:url(../images/arrow.png) no-repeat 100% 50%; height:100%; margin-top:-10px}

.horizontal .level2 .fx-subitem { left:100%; top:0}

/*Group*/
.fx-subitem .group-title { margin-bottom:10px; border-bottom:2px solid #333; padding-bottom:5px}
.fx-subitem .group-title .fx-title { text-transform:uppercase}
.fx-subitem .group-title a { color:#fff !important; background:none; padding:0}

.horizontal .group-content { color:#797979}
.horizontal .fxcolumns .fxcolumn > li { margin-bottom:15px}

.horizontal .cols1 .fxcolumn li { background:url(../images/subline.png) repeat-x ;padding-top:8px; margin-bottom:5px; color:#7a7a7a}
.horizontal .cols1 .fxcolumn li:first-child { background:none; padding:0;}

.fxmenu .jv-module h3.title, .dropline ul li a, .dropline ul li .separator { color:#fff}

/*----------------------------------------------------------------------------* DROPLINE *----------------------------------------------------------------------------*/
.dropline { position:relative !important; padding-bottom:5px}

.dropline > li.hasChild > .fx-subitem,
.dropline .ui-effects-wrapper > .fx-subitem { position:absolute; left:0; width:100%; top:100%}

.dropline > li.hasChild .cols1 li.level2 { float:left; width:auto !important; margin:0 30px 0 0;}
.dropline > li.fx-item4 .cols1 li.level2 { margin:0}

.dropline > li ul li { position:relative}
.dropline > li.hasChild > a, .dropline > li.hasChild > span.separator { float:left; padding-right:0}

.dropline .level1 > .fx-btnExpand { position:static; float:right;}
.dropline .level2 .fx-subitem { display:none; top:100%; left:0; position:absolute;}

.dropline .level1 > .cols1 { max-width:100%}
.dropline .cols1 ul ul li { background:url(../images/subline.png) repeat-x; padding-top:8px; margin-bottom:5px; color:#7a7a7a}
.dropline .cols1 ul ul li:first-child { background:none; padding:0;}
.dropline .cols1 ul ul li a {background:url(../images/circle.png) no-repeat 0 7px; padding-left:15px;}

.dropline .cols1 .level2 > a, .dropline .cols1 .level2 > .separator { background:none; padding:0}

.dropline .cols2 .insubitem > ul > li { margin-bottom:15px}

/*---------------------------------------------------------------------------* ACCORDION *----------------------------------------------------------------------------*/
.accordion > li { border-top:1px dotted #cfcfcf; display:block !important; position:relative}
.accordion > li:first-child { border:0}
.accordion > li a { background:none; border:0; padding:7px 0 7px 7px; color:#373737; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.accordion > li a:hover { padding-left:15px}

.accordion li ul a { background:url(../images/add.png) no-repeat 0 50%; padding-left:15px;}

.ui-widget-content { background:none; border:0; }
.ui-accordion .ui-accordion-content {padding:0 0 0 10%; margin:0}
.ui-accordion .ui-accordion-header .ui-icon { left:auto; right:0}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:0; background:none}

/*---------------------------------------------------------------------------* VERTICAL *----------------------------------------------------------------------------*/
.vertical li { padding:3px 0;}
.vertical li.hasChild { position:relative}
.vertical li.hasChild .fx-btnExpand {background:url(../images/arrow.png) no-repeat 100% 50%; height:100%; margin-top:-15px}

.vertical .fx-subitem { position:absolute; display:none; top:0; left:100%; width:100%; background-color:#131313}
.vertical .insubitem  { padding:5px 10px}

.vertical .fxcolumn li { background:url(../images/subline.png) repeat-x ;padding-top:8px;}
.vertical .fxcolumn li:first-child { background:none}
.vertical .fxcolumn li a {background:url(../images/circle.png) no-repeat 0 7px; padding-left:15px; color:#fff}

.vertical li.level1 { border-top:1px dotted #cfcfcf; padding:5px 0}
.vertical li.level1:first-child { border-top:0}
.vertical li.level1 > a { color:#373737}