﻿.AllBlack {
    background-color: #000000;
    min-height: 1698px;
}

.clear {
    clear: both;
}

.DistributorLogo {
    color: black;
    position: absolute;
    background-color: #ff9900;
    margin: -800px 0px 0px 620px;
    width: 410px;
    height: 130px;
    padding: 10px;
}

    .DistributorLogo div {
        float: left;
    }

.CatalogTitle {
    position: absolute;
    color: #FFFFFF;
    margin: -325px 0px 0px 138px;
    font-size: 34px;
    font-weight: normal;
}

.CoverPageLogo {
    float: right !important;
}

.CoverPageLogoText {
    float: left !important;
    max-width: 200px;
}

.CoverPageLogo img, .DistributorLogo div:nth-child(2n+1) img, .DistributorLogo div img {
    max-height: 100px;
    max-width: 200px;
}

#WarningContainer {
    margin: 0px auto;
    padding: 100px;
}

.BorderTopBottom {
    border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;
    margin: 30px 0px 30px 0px;
}

#TableofContentContainer {
    margin: 60px 50px 0px 50px;
}


.TBCPageNo, .TBCItem {
    margin: 5px 4px 5px 0px;
}

.TBCItem {
    float: left;
}

.TBCPageNo {
    float: right;
}

#PageHeaderLeft {
    float: left;
    margin: 50px 0px 0px 50px;
}

#PageFooter {
    float: left;
    margin: 50px 0px 0px 25px;
}

#PageHeaderRight {
    float: right;
    margin: 50px 50px 0px 0px;
}

#LeftContainer {
    float: left;
    margin: 60px 0px 0px 50px;
    width: 100%;
}

#RightContainer {
    float: right;
    margin: 102px 50px 0px 0px;
}

.Heading1 {
    /*
    border-bottom: 2px solid #c6c8ca;
    padding-bottom: 5px;
    width: 100%;
    display: table;
    */
    display: none;
}

    .Heading1 h3, .Heading1 h1 {
        width: 650px;
        margin: 0px;
        display: table-cell;
        vertical-align: middle;
        font-size: 32px;
    }

h1, .h1class {
    display: inline;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}

h2, .h2class {
    display: inline;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
}

.HeadingIMG {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

    .HeadingIMG img {
        margin: 3px 0px 0px 3px;
    }

.heading2class {
    display: block;
    font-size: 24px;
    margin: 14px 0px;
    font-weight: bold;
}

.heading4class {
    margin: 10px 0px 0px 0px;
    font-weight: bold;
}

.heading3class {
    font-size: 18px;
    border-bottom: 2px solid #000000;
    font-weight: bold;
}

.ColLeft {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.ColRight {
    float: right;
    width: 50%;
}

.TBHeading {
    margin-top: 20px;
}

    .TBHeading h3 {
        margin: 0px;
    }



.myHSTable td, th {
    text-align: center;
    border-bottom: #000000 1px solid;
    padding: 5px 3px 5px 3px;
}

tr:nth-child(2n) td {
    background-color: #c6c8ca;
}

.NavBox {
    border-bottom: #c6c8ca 2px solid;
    padding: 10px 15px 10px 15px;
    width: 190px;
}

    .NavBox:first-child {
        border-top: #c6c8ca 2px solid;
    }

    .NavBox a {
        text-decoration: none;
        display: block;
        padding: 3px 0px 3px 0px;
        color: #000000;
    }

        .NavBox a:first-child {
            font-weight: bold !important;
            font-size: 16px !important;
        }

.BlackBg a:hover {
    color: #c6c8ca;
}


.BlackBg a {
    color: #ffffff;
}

.BlackBg {
    background-color: #000000;
}

.selected {
    color: #c6c8ca !important;
}

.MainImage {
    max-width: 100%;
}

.NoDisplay {
    display: none;
}

/*
.ProductSpecification {
    -webkit-column-count: 2;
    -moz-column-count: 2; 
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px; 
    column-gap: 40px;
}

.NoBreak {
    break-inside: avoid-column;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
}
    */

table.spec_table {
    border-top: transparent !important;
}

.spec_table tr td {
    border-bottom: 2px solid black;
}

    .spec_table tr td:first-child {
        border-left: 1px solid black;
    }

.spec_table tr td {
    border-right: 1px solid black;
}

.spec_table tr th {
    background: #ffa500;
    border: none !important;
}

.empty-row {
    border: none !important;
    border-bottom: 1px solid black !important;
}

.header_group td, .header_group th {
    border-bottom: none;
}

.grouped_rows tr td {
    border-bottom: red;
    border: none !important;
}

.spec_table tr:nth-child(2n) td {
    background-color: transparent;
}

.spec_table tr td:first-child {
    font-weight: bold;
}

.spec_table th {
    background-color: #c6c8ca;
}

/*.grouped_rows.even tr:nth-child(2n) td, .grouped_rows.odd tr:nth-child(odd) td, .spec_table tr.ungrouped_rows:nth-child(2n) td {
    background-color: #c6c8ca;
}

.grouped_rows tr, .header_group tr, .spec_table tr.ungrouped_row {
    border-bottom: transparent;
}

    .grouped_rows tr td:first-child, .spec_table tr.ungrouped_row td:first-child {
        font-weight: normal;
    }*/


.grouped_rows .even td, .spec_table .ungrouped_rows:nth-child(2n) td {
    background-color: #c6c8ca !important;
}

.grouped_rows tr, .header_group tr, .spec_table tr.ungrouped_row {
    border-bottom: transparent !important;
}

    .grouped_rows tr td:first-child, .spec_table tr.ungrouped_row td:first-child {
        font-weight: normal !important;
    }

.heading3class.no-bottom-border {
    border-bottom: none;
}


.tbl-packaging, .tbl-packaging tr td, .tbl-packaging  tr{
    border: none !important;
}

.tbl-packaging tr td {
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .spec_table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}