/*-------------------------------Catalog Menu------------------------------------------------*/ .CatalogMenuBody { outline: none; border: none; padding: 0px; margin: 5px; font-family: "roboto"; font-size: 90%; background-color: transparent; width: 85%; } .CatalogMenu { padding: 0px; margin: 0px; width: 100%; } .CatalogMenuDiv { padding: 0px; margin: 0px; text-align: left; } .CatalogMenuShowAllDiv { margin: 0px; padding-left: 25px; padding-right: 0px; padding-bottom: 20px; padding-top: 10px; text-align: left; width: 100%; background-color: transparent; } .CatalogMenuShowAll { font-size: 145%; color: black; font-weight: 700; width: 100%; } .CatalogMenuShowAll:hover { cursor: pointer; text-decoration: underline; } .CatalogMenuUl { width: 100%; padding-left: 25px; margin: 0px; list-style-type: none; list-style-image: none; } .CatalogMenuActionLi { padding-left: 15px; padding-right: 10px; padding-bottom: 0px; padding-top: 10px; margin: 0px; } .CatalogMenuLi { padding-left: 15px; padding-right: 10px; padding-bottom: 0px; padding-top: 10px; margin: 0px; } .CatalogSubMenuUl { padding: 10px; padding-left: 15px; margin: 0px; list-style-type: none; list-style-image: none; } .CatalogSubMenuLi { padding-bottom: 10px; } .CatalogMenuActionItem { color: #b10101; font-weight: 700; text-transform: uppercase; } .CatalogMenuActionItem:hover { text-decoration: underline; cursor: pointer; } .CatalogMenuItem { color: #b10101; font-weight: 700; text-transform: uppercase; } .CatalogSubMenuItem { color: black; text-transform: uppercase; } .CatalogSubMenuItem:hover { text-decoration: underline; cursor: pointer; text-transform: uppercase; } .CatalogMenuToolTip { position: fixed; display: none; border: 2px solid lightgray; background-color: #EEECE7; background: -webkit-linear-gradient(#EEECE7, #FEFEFE); background: -moz-linear-gradient(#EEECE7, #FEFEFE); background: linear-gradient(#EEECE7, #FEFEFE); box-shadow: 5px 3px 3px gray; padding: 20px; max-width: 700px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; top: 20px; margin-left: 20%; } .CatalogMenuToolTipText { font-size: 12px; color: black; } @media screen and (max-width: 4000px) { .CatalogMenuBody { border: none; max-width: 180px; } } @media screen and (max-width: 200px) { .CatalogMenuBody { border: none; width: 75%; } } @media screen and (max-width: 160px) { .CatalogMenuBody { border: none; display: none; } }