body
{
	/*background-image: url("http://webtrade.mattssons.com/monster.png");*/
}


.normaltext
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
}

.normaltextbold
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
}

.normalbold
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}

.normal
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
}

.normalboldunderlined
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

.heading
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 24px;
}

.headingbold
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 24px;
    FONT-WEIGHT: bold;
}

.heading2
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 16px;
}

.headingbold2
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
}

.heading3
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 18px;
}

.smalltext
{
    COLOR: #A2A2A2;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 10px;
}

.smalltext2
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 10px;
}

.trbgcolor0
{
}

.trbgcolor0.trhover:hover
{
    BACKGROUND-COLOR: #acc1d0;
}

.trbgcolor1.trhover:hover
{
    BACKGROUND-COLOR: #88a4b8;
}

.trbgcolor1
{
    BACKGROUND-COLOR: #e5e5e5;
}

.trbgcolornew
{
    BACKGROUND-COLOR: #c1cdcd;
}

.tdbgcolorgreybold
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #e5e5e5;
}

.tdbgcolorgrey
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #e5e5e5;
}

.exampletext
{
    COLOR: #000000;
    FONT-FAMILY: courier;
    FONT-SIZE: 14px;
    BACKGROUND-COLOR: #fff8dc;
}

.mmenu
{
    COLOR: #FFFFFF;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
    text-decoration: none;
}

.mmenu1
{
    COLOR: #ffa500;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
    text-decoration: none;
}

.mmenusmall
{
    COLOR: #FFFFFF;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
    text-decoration: none;
    margin-top:-0.3em;
}

.mmenu2
{
    COLOR: #FFFFFF;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 16px;
    text-decoration: none;
}

.normalboldwhite
{
    COLOR: #FFFFFF;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
}

.normaltextlink
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
    text-decoration: none;
}

.normaltextred
{
    COLOR: #FF0000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
}

.normaltextboldred
{
    COLOR: #FF0000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
}

.normaltextbold
{
    COLOR: #000000;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
}

.normalgrey
{
    COLOR: #A2A2A2;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
}

.normaltextgrey
{
    COLOR: #A2A2A2;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
}

.normalblue
{
    COLOR: #0000ff;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 12px;
}

.normaltextorange
{
    COLOR: #ffa500;
    FONT-FAMILY: gillsans;
    FONT-SIZE: 14px;
}

#kmdo
{

}

#kmdo ul
{
   margin-left: 6px;
}

#kmdo li
{
   padding-bottom: 5px;
}

#kmhelp th
{
   padding-top: 10px;
   padding-bottom: 15px;
}

#kmhelp ul
{
   margin-left: 20px;
}

#kmhelp li
{
   padding-bottom: 5px;
}

.SCAttrCADLink, .SCAttrCADLink a {
    color: revert !important;
    font-weight: bold !important;
    font-family: gillsans !important;
}

.product-view-container {
    display: flex;
    align-items: center;
}
.product-view-container .SC3DViewer {
    width: 90px;
    min-width: 90px;
    height: 90px;
    min-height: 90px;
    display: inline-block;
}
.thumbnail-container {
    width: 88px;
    height: 88px;
    border: rgb(204, 204, 204) solid 1px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hidden {
    display: none !important;
}

.rack-view-header-info {
    padding: 30px 50px 20px 50px;
}

.rack-view-header-info td, .rack-view-header-info th {
    padding-right: 10px;
}

.tooltip-wrapper {
    position: relative;
}
.tooltip-text {
    visibility: hidden;
    width: 160px;
    background-color: #f9f9f9;
    color: #333;
    text-align: center;
    padding: 10px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -80px;

    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-text-long {
    bottom: auto;
    top: 50%;
    text-align: left;
    width: 360px;
}

.tooltip-target:hover + .tooltip-text {
    visibility: visible;
    opacity: 1;
}

dl dd {
    margin-top: -14px;
    margin-bottom: 4px;
}