/* legacy unused */
.menuTxtProduct {font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold;  text-align:center; vertical-align:center; height:40px}
.menuTxt2Lines {font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold;  text-align:center; vertical-align:center; height:70px}
.menuTxt2LinesCurrent {text-align:center; vertical-align:center; height:70px}  /* color:#AA00DD; font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold;  */
.menuTxt1LineAltOption {text-align:left; vertical-align:center; padding-top:3px}
.menuTxt1LineAltOptionCurrent {text-align:left; vertical-align:center; padding-top:3px; color:#AA00DD; text-decoration:underline}
A.blacklink {color:#000000;}
/* END legacy used */

/* these two are used only for the link to top at the bottom of the itemList page and non-templated pages. */
A.menuLink {color:#000000; font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold;  text-decoration:none; font-size:20px;}
A.menuLink:hover {color:#0000AA; text-decoration:underline}


A.menuLinkProduct {color:#303030; font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold;  text-decoration:none; font-size:16px;}
A.menuLinkProduct:hover {color:#3300FF;  }
.menuProdCat, .menuProdCatCurrent {text-align:left; padding:10px 10px; font-size:14px; }  /* color:#AA00DD; font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold;  */
.menuProdCat:hover { background-color: #c492fc; }
.menuProdCatCurrentSub {text-align:left; vertical-align:center; padding-top:3px; font-family:Verdana,Helvetica,Georgia,sans-serif; font-weight:bold; font-size:14px; color:#AA00DD; text-decoration:underline}
.accordion {/*background-color: #eee;
    color: #444;*/
    cursor: pointer;
    padding: 10px 0px 10px 10px;
    margin-right: 10px;
    width: 100%;
/*    text-align: left;*/
    border: none;
    outline: none;
    transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #c492fc; /* #ffcf69; */
}

.accordionItem {
    cursor: pointer;
    width: 100%;
    padding: 5px;
}

.accordionItem:hover, .accordionItemHover {
    background: rgba(157, 87, 190, 0.44);
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    padding-right: 4px;
    /* margin-left: 2px; */
}
  
.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.accordionPanel {  
    padding: 4px;   
    /* background-color: white; */   
    display: none;    
    overflow: hidden; 
    line-height: 20pt;
    transition: max-height 0.5s ease-out;
    background: rgba(255, 255, 255, 0.55);
}

.lgText {font-family:Verdana,Helvetica,Georgia,sans-serif; font-size:18px;}
.titleText {font-family:Verdana,Helvetica,Georgia,sans-serif; font-size:20px; font-weight:bold}
.smTextItalics {font-family:Verdana,Helvetica,Georgia,sans-serif; font-size:14px; font-style:italic}
.smText {font-family:Verdana,Helvetica,Georgia,sans-serif; font-size:14px}
.tab {padding-left:2em;}
.floating-box {
    display: inline-block;
     margin: 10px;
}


@media(max-width:999px)  {.menuProdCat{font-size:24px;}}
@media(min-width:1000px) {.menuProdCat{font-size:14px;}}
@media(max-width:999px)  {.menuProdCatCurrent{font-size:24px;}}
@media(min-width:1000px) {.menuProdCatCurrent{font-size:14px;}}
@media(max-width:999px)  {.menuProdCatCurrentSub{font-size:24px;}}
@media(min-width:1000px) {.menuProdCatCurrentSub{font-size:14px;}}
@media(max-width:999px)  {A.menuLinkProduct{font-size:24px;}}
@media(min-width:1000px) {A.menuLinkProduct{font-size:14px;}}
@media(max-width:999px)  {A.menuLink{font-size:24px;}}
@media(min-width:1000px) {A.menuLink{font-size:18px}}
@media(max-width:999px)  {.lgText{font-size:28px;}}
@media(min-width:1000px) {.lgText{font-size:18px;}}
@media(max-width:999px)  {.titleText{font-size:40px;}}
@media(min-width:1000px) {.titleText{font-size:20px;}}
@media(max-width:999px)  {.smText{font-size:24px;}}
@media(min-width:1000px) {.smText{font-size:14px;}}

.floating-menu {
font-family: Verdana,Helvetica,Georgia,sans-serif;
background: white;
padding: 0px;
width: 80px;
z-index: 100;
position: fixed;
top: 10px;
left: 160px;
}

.floating-menu a, 
.floating-menu h3 {
font-size: 0.8em;
display: block;
margin: 0 0.5em;
color: #370bf8;
font-weight: bold;
}

@media(max-width:999px) {.floating-menu{display:none;}}
@media(max-width:999px) {.floating-menu.a{display:none;}}