a, a:focus, a:active, a:visited {
    color: black
}

    a.menulink:hover {
        text-decoration-color: white;
    }

.errormessage {
    color: red;
}

.infomessage {
    color: green;
}

div.outerframe {
    margin: 0 auto;
    display: block;
}

div.footer {
    text-align: center;
    font-size: large;
    font-weight: bold;
}

div.logo {
    display: inline-block;
    vertical-align: middle;
}

div.account {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: large;
}

div.menuanddata {
    display: flex;
}

div.mainmenuitem {
    display: inline-block;
    padding-left: 10px;
    font-size: large;
}

div.submenu {
    min-width: 130px;
    display: inline-block;
    vertical-align: top;
    font-size: large;
    background-color: #F3F3F3;
    padding-left: 10px;
}

div.login {
    text-align: center;
}

div.bulletintitle {
    font-weight: bold;
    padding-bottom: 2px;
}

div.bulletintitle > span {
    padding-right: 8px;
}

div.datadisplay {
    flex-grow: 1;
}

div#productimagecontainer {
    display: inline-block;
    width: 100%;
}

div#productinfo {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: larger;
}

ul.submenuitems {
    list-style-type: none;
    padding-left: 0;
}

th {
    text-align: left;
    padding-left: 8px;
    padding-right: 8px;
}

td {
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.mainmenu nav {
    display: flex;
    justify-content: end;
    padding-right:10px;
    color:white;
}

.mainmenu a {
}

.mainmenu a:hover {
    color: white;
}

.mainmenu button {
    position: relative;
    top: -2px;
}

td.numbercolumn {
    text-align: right;
}