ul.jshopcatart-hmenu a, ul.jshopcatart-hmenu a:link, ul.jshopcatart-hmenu a:visited, ul.jshopcatart-hmenu a:hover 

{

   outline: none;

   position: relative;

   z-index: 11;

}

ul.jshopcatart-hmenu, ul.jshopcatart-hmenu ul

{

   display: block;

   margin: 0;

   padding: 0;

   border: 0;

   list-style-type: none;

}



ul.jshopcatart-hmenu li

{

   margin: 0;

   padding: 0;

   border: 0;

   display: block;

   float: left;

   position: relative;

   z-index: 10000;

   background: none;

}



ul.jshopcatart-hmenu li:hover{

   z-index: 10000;

   white-space: normal;

}

ul.jshopcatart-hmenu li li{

   float: none;

   width: auto;

}

ul.jshopcatart-hmenu li:hover>ul {

   visibility: visible;

   top: 100%;
   
   z-index:10000;
   

}

ul.jshopcatart-hmenu li li:hover>ul {

   top: 0;

   left: 100%;
   z-index:10000;

}

ul.jshopcatart-hmenu:after, ul.jshopcatart-hmenu ul:after

{

   content: ".";

   height: 0;

   display: block;

   visibility: hidden;

   overflow: hidden;

   clear: both;

}

ul.jshopcatart-hmenu, ul.jshopcatart-hmenu ul {

   min-height: 0;

}



ul.jshopcatart-hmenu ul

{

   visibility: hidden;

   position: absolute;

   z-index: 10000;

   left: 0;

   top: 0;

   background-image: url('images/spacer.gif');

   padding: 10px 30px 30px 30px;

   margin: -10px 0 0 -30px;

}



ul.jshopcatart-hmenu ul.jshopcatart-hmenu-left-to-right {

   right: auto;

   left: 0;

   margin: -10px 0 0 -30px;

}

ul.jshopcatart-hmenu ul.jshopcatart-hmenu-right-to-left {

   left: auto;

   right: 0;

   margin: -10px -30px 0 0;

}



ul.jshopcatart-hmenu ul ul

{

   padding: 30px 30px 30px 10px;

   margin: -30px 0 0 -10px;

}



ul.jshopcatart-hmenu ul ul.jshopcatart-hmenu-left-to-right

{

   right: auto;

   left: 0;

   padding: 30px 30px 30px 10px;

   margin: -30px 0 0 -10px;

}



ul.jshopcatart-hmenu ul ul.jshopcatart-hmenu-right-to-left

{

   left: auto;

   right: 0;

   padding: 30px 10px 30px 30px;

   margin: -30px -10px 0 0;

}



ul.jshopcatart-hmenu li li:hover>ul.jshopcatart-hmenu-left-to-right {

   right: auto;

   left: 100%;

}

ul.jshopcatart-hmenu li li:hover>ul.jshopcatart-hmenu-right-to-left {

   left: auto;

   right: 100%;

}



ul.jshopcatart-hmenu{

   position:relative;

   padding: 6px 6px 6px 6px;

   float: right;

}



/* end menu structure */



/* menu bar */



.jshopcatart-nav

{

   margin:0 auto;


   z-index: 100;

   margin-top: 0;

   margin-bottom: 0;

}



.jshopcatart-nav:before, .jshopcatart-nav:after{

   background-image: url('images/nav.png');

}

.jshopcatart-nav:before{

   right: 10px;

}

.jshopcatart-nav:after{

   width: 10px;

}

/* end menu bar */

.jshopcatjshopcatart-nav-outer{

   position:absolute;

   width:100%;

}



.jshopcatart-hmenu-extra1

{

   position: relative;

   display: block;

   float: left;

   width: auto;

   height: 42px;

   background-position: center;

}



.jshopcatart-hmenu-extra2

{

   position: relative;

   display: block;

   float: right;

   width: auto;

   height: 42px;

   background-position: center;

}



.jshopcatart-hmenu

{

   float: right;

}



/* images in menu items */

ul.jshopcatart-hmenu img.art-menu-image, ul.jshopcatart-hmenu img.art-menu-image-left

{

   vertical-align: middle;

   margin-right: 5px;

}



ul.jshopcatart-hmenu img.art-menu-image-right

{

   vertical-align: middle;

   margin-left: 5px;

}

/* end Menu */



/* begin MenuItem */

ul.jshopcatart-hmenu>li>a

{

   position: relative;

   display: block;

   height: 30px;

   cursor: pointer;

   text-decoration: none;

   color: #0177BC;

   padding: 0 22px;

   line-height: 30px;

   text-align: center;

}



ul.jshopcatart-hmenu>li>a:before, ul.jshopcatart-hmenu>li>a:after

{

   position: absolute;

   display: block;

   content:' ';

   top: 0;

   bottom:0;

   z-index: -1;

   background-image: url('images/menuitem.png');

}



ul.jshopcatart-hmenu>li>a:before

{

   left: 0;

   right: 3px;

   background-position: top left;

}



ul.jshopcatart-hmenu>li>a:after

{

   width: 3px;

   right: 0;

   background-position: top right;

}



.jshopcatart-hmenu a, .jshopcatart-hmenu a:link, .jshopcatart-hmenu a:visited, .jshopcatart-hmenu a:hover

{

   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;

   font-style: normal;

   font-weight: normal;

   font-size: 12px;

   text-align: left;

   text-decoration: none;

}



ul.jshopcatart-hmenu>li>a.active:before {

   background-position: bottom left;

} 

ul.jshopcatart-hmenu>li>a.active:after {

   background-position: bottom right;

}

ul.jshopcatart-hmenu>li>a.active {

   color: #FFFFFF;

}



ul.jshopcatart-hmenu>li>a:hover:before, ul.jshopcatart-hmenu>li:hover>a:before {

   background-position: center left;

}

ul.jshopcatart-hmenu>li>a:hover:after, ul.jshopcatart-hmenu>li:hover>a:after {

   background-position: center right;

}

ul.jshopcatart-hmenu>li>a:hover, ul.jshopcatart-hmenu>li:hover>a{

   color: #0177BC;

}



.jshopcatart-hmenu a:hover.separator-without-submenu 

{

   cursor: default;

}



.jshopcatart-hmenu a:hover.separator-without-submenu .t

{

   color: #0177BC;

}



.jshopcatart-hmenu li:hover a.separator-without-submenu .t

{

   color: #0177BC;

}



a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l 

{

   top: 0 !important;

}

/* end MenuItem */



/* begin MenuSeparator */

ul.jshopcatart-hmenu>li:before

{

   position:absolute;

   display: block;

   content:' ';

   top:0;

   left:  -10px;

   width:10px;

   height: 30px;

   background: url('images/menuseparator.png') center center no-repeat;

}



ul.jshopcatart-hmenu>li {

   margin-left:10px;

}

ul.jshopcatart-hmenu>li:first-child {

   margin-left:0;

}



ul.jshopcatart-hmenu>li:first-child:before{

   display:none;

}

/* end MenuSeparator */



/* begin MenuSubItem */

.jshopcatart-hmenu ul a

{

   display: block;

   white-space: nowrap;

   height: 22px;

   background-image: url('images/subitem.png');

   background-position: left top;

   background-repeat: repeat-x;

   border-width: 0;

   border-style: solid;

   min-width: 7em;

   text-align: left;

   text-decoration: none;

   line-height: 22px;

   color: #0177BC;

   font-size: 10px;

   margin:0;

   padding: 0 22px;

}



.jshopcatart-hmenu ul>li:first-child>a

{

   border-top-width: 0;

}



.jshopcatart-hmenu ul a:link, .jshopcatart-hmenu ul a:visited, .jshopcatart-hmenu ul a:hover, .jshopcatart-hmenu ul a:active

{

   text-align: left;

   text-decoration: none;

   line-height: 22px;

   color: #0177BC;

   font-size: 10px;

   margin:0;

   padding: 0 22px;

}



.jshopcatart-hmenu ul li a:hover

{

   color: #FFFFFF;

   background-position: left bottom;

   border-top-width: 0 !important;

}



.jshopcatart-hmenu ul li:hover>a

{

   color: #FFFFFF;

   background-position: left bottom;

   border-top-width: 0 !important;

}