/* Define special font for input fields where the typed-in content should be hidden. */
@font-face {
    font-family: "RedHat Display";
    font-style: normal;
    src: url(../fonts/RedHatDisplay-Regular.ttf);
}

body {
    background: #FFFFFF;
    font-family: "RedHat Display",sans-serif;
    font-size: 11px;
    margin: 1px;
}

input {
    font-family: "RedHat Display",sans-serif;      
    margin-left: 30px;
}
    input[type="file"] {
        color: #002854 !important;
        font-size: 20px;
        width: 100%;
    }

    input[type="submit"] {
        background-color: #002854;
        border: 1px solid #fff;
        color: #fff;
        cursor: pointer;
        font-size: 20px;
        font-weight: 700;
        padding: 13px 16px;
        width: 10em;
    }

        input[type="submit"]:hover {
            background-color: #00a0fb;
        }

    input::file-selector-button {
        background-color: #fff;
        border: 1px solid #002854;
        color: #002854;
        cursor: pointer;
        font-family: "RedHat Display",sans-serif;
        font-size: 20px;
        font-weight: 700;
        margin-right: 2em;
        padding: 13px 16px;
        width: 10em;
    }

        input::file-selector-button:hover {
            border: 1px solid #00a0fb;
            color: #00a0fb;
        }

body.popup {
    background: #ffffff;
    font-size: 11px;
}

table, tr, td, input, select {
    color: #000000;
}

    tr.menutr {
        margin-top: 30px;
        margin-bottom: 30px;
    }

.smallfont {
    font-size: 10px;
    color: #397435;
}

a:link, a:visited {
    font-size: 20px;
    color: #2C6B98;
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    color: #000000;
    text-decoration: none;
}

.smalllink a:link, .smalllink a:visited {
    font-size: 10px;
    color: #2C6B98;
    font-weight: normal;
    text-decoration: underline;
}

.smalllink a:hover {
    color: #000000;
    text-decoration: none;
}

.promo a:link, .promo a:visited {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.promo a:hover {
    color: #000000;
    text-decoration: none;
}

hr {
    border-bottom-width: 0px;
    border-color: white;
    margin-top: 40px;
}

.newenhanced {
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    background-color: #54ac4e;
    padding-top: 0px;
    padding-right: 7px;
    padding-left: 2px;
    padding-bottom: 1px;
}

.contact_inter {
    font-size: 11px;
    color: #e5ede4;
    font-weight: normal;
}

    .contact_inter a:link, .contact_inter a:visited {
        color: #e0f0dd;
        font-weight: normal;
        text-decoration: none;
    }

    .contact_inter a:hover {
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: underline;
    }

.bread {
    color: #000;
    font-weight: normal;
}

    .bread a:link, .bread a:visited {
        color: #000;
        font-weight: normal;
        text-decoration: none;
    }

    .bread a:hover {
        color: #000;
        font-weight: normal;
        text-decoration: underline;
    }

.searchbox a:link, .searchbox a:visited {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

.searchbox a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

td.footer {
    background-color: #e5ede4
}

.footer a:link, .footer a:visited {
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

.footer a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

/* left menu */
.submenuTable span {
    padding: 3px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
    background-color: #e5ede4;
}

.menu {
    font-size: 11px;
    font-weight: bold;
    background-color: #98cd94;
    padding: 0;
    margin: 0em;
}

    .menu a:link, .menu a:visited {
        font-size: 11px;
        display: block;
        width: 192px;
        color: #000000;
        text-decoration: none;
        border-bottom: 1px solid #eeeeee;
        font-weight: bold;
        background-color: #98cd94;
    }
/* alt menu en menu link 98cd94 */
.menu {
    font-size: 11px;
    font-weight: bold;
    background-color: #98cd94;
    padding: 0;
    margin: 0em;
}

    .menu a:link, .menu a:visited {
        font-size: 11px;
        display: block;
        width: 192px;
        color: #000000;
        text-decoration: none;
        border-bottom: 1px solid #eeeeee;
        font-weight: bold;
        background-color: #98cd94;
    }

    .menu a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .menu span {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

.menutitle {
    background: #397435;
    color: #ffffff;
    font-weight: bold;
}

    .menutitle span {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

.menuactive {
    background: #ffffff;
    color: #000000;
    font-weight: bold;
}

    .menuactive span {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        border-bottom: 1px solid #eeeeee;
        display: block;
    }

.sectiontitle {
    color: #000000;
    font-weight: bold;
    background-color: #e5ede4;
}

    .sectiontitle span {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        display: block; /*background-color:#e0f0df;*/
    }

    .sectiontitle a:link, .sectiontitle a:visited {
        display: block;
        width: 192px;
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        background-color: #e5ede4;
    }

    .sectiontitle a:hover {
        background-color: #f1f8f1;
        color: #000000;
    }

.section {
    font-size: 11px;
    font-weight: normal;
    background-color: #e5ede4;
    padding: 0;
    margin: 0em;
}

    .section a:link, .section a:visited {
        display: block;
        width: 192px;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
        background-color: #e5ede4;
    }

    .section a:hover {
        background-color: #f1f8f1;
        color: #000000;
    }

    .section span {
        padding: 3px;
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }


/*top navigation*/
#nav_holder {
    width: 100%;
}

.nav {
}

    .nav a:link, .nav a:visited {
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
        padding: 12px 16px;
        margin-right: 24px;
        color: #002854;
    }

    .nav a:hover {
        color: #00a0fb;
    }

    .nav:last-child {
        width: 300px;
    }

        .nav:last-child span {
            border-right: none;
            font-style: italic;
            text-align: right;
        }

/* button styles */
.buynow {
    font-size: 11px;
    font-weight: bold;
    background: #fff;
    padding: 0;
    margin: 0em;
    text-align: center;
}

    .buynow a:link, .buynow a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #54ac4e;
    }

    .buynow a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .buynow span {
        padding: 4px 35px 6px 8px;
        display: block;
    }

.store {
    font-size: 11px;
    font-weight: bold;
    background: #54ac4e;
    padding: 0;
    margin: 0em;
    text-align: center;
}
    /* blue store and sales but */
    .store a:link, .store a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #1a7db6;
    }

    .store a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .store span {
        padding: 6px 8px 6px 35px;
        display: block; /*width:100%;*/
    }

.sales {
    font-size: 11px;
    font-weight: bold;
    background: #54ac4e;
    padding: 0;
    margin: 0em;
}

    .sales a:link, .sales a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #1a7db6;
    }

    .sales a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .sales span {
        padding: 6px 8px 6px 35px;
        display: block; /*width:100%;*/
    }

.info {
    font-size: 11px;
    font-weight: bold;
    background: #54ac4e;
    padding: 0;
    margin: 0em;
}

    .info a:link, .info a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #65925f;
    }

    .info a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .info span {
        padding: 6px 8px 6px 35px;
        display: block; /*width:100%;*/
    }

.phone {
    font-size: 11px;
    font-weight: bold;
    background: #54ac4e;
    padding: 0;
    margin: 0em;
}

    .phone a:link, .phone a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #54ac4e;
    }

    .phone a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .phone span {
        padding: 4px 8px 6px 35px;
        display: block; /*width:100%;*/
    }

.email {
    font-size: 11px;
    font-weight: bold;
    background: #54ac4e;
    padding: 0;
    margin: 0em;
}

    .email a:link, .email a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #54ac4e;
    }

    .email a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .email span {
        padding: 4px 8px 6px 35px;
        display: block; /*width:100%;*/
    }

.service {
    font-size: 11px;
    font-weight: bold;
    background: #54ac4e;
    padding: 0;
    margin: 0em;
}

    .service a:link, .service a:visited {
        display: block;
        width: 100%;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        background-color: #54ac4e;
    }

    .service a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .service span {
        padding: 4px 8px 6px 35px;
        display: block; /*width:100%;*/
    }

/* styles for default tables*/
td.border {
    background: #a0d19c;
}

td.stroke {
    background: #eeeeee;
}

td.heading {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background: #54ac4e;
}

td.content {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background: #FFFFFF;
}

.heading span {
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
}

td.back {
    background: #FFFFFF /*background*/;
}

.greencontent {
    background-color: #e5ede4;
}

    .greencontent a:link, .greencontent a:visited {
        color: #328d32;
    }

td.greenheading {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background: #54ac4e;
}

.greenheading span {
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
}

.greyheading span {
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
}
/*styles for blue boxes*/
td.colorborder {
    background: #7fb7d6;
}

td.colorstroke {
    background: #a5cce2;
}

td.colorheading {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background: #1a7db6;
}

td.colorcontent {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background: #d6e8f2;
}
    /* links in colorboxes  = blue */
    td.colorcontent a:link, td.colorcontent a:visited {
        font-size: 11px;
        color: #1a7db6;
        font-weight: bold;
        text-decoration: underline;
    }

    td.colorcontent a:hover {
        color: #000000;
        text-decoration: none;
    }

    td.colorcontent h3, td.colorcontent h2, td.colorcontent h1 {
        color: #1a7db6;
    }

.colorheading span {
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
}

.colorsection {
    font-size: 11px;
    font-weight: bold;
    background-color: #d6e8f2;
    padding: 0;
    margin: 0em;
}

    .colorsection a:link, .colorsection a:visited {
        display: block;
        width: 192px;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
        background-color: #d6e8f2;
    }

    .colorsection a:hover {
        background-color: #E6F1F7;
        color: #000000;
    }

    .colorsection span {
        padding: 3px;
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

.colorsectiontitle {
    background: #d6e8f2;
    color: #000000;
    font-weight: bold;
}

    .colorsectiontitle span {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        display: block;
    }

    .colorsectiontitle a:link, .colorsectiontitle a:visited {
        display: block;
        width: 192px;
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        background-color: #d6e8f2;
    }

    .colorsectiontitle a:hover {
        background-color: #E6F1F7;
        color: #000000;
    }

td.buynow a:link, td.buynow a:visited {
    color: #fff;
    text-decoration: none
}

td.buynow a:hover {
    color: #000;
    text-decoration: none
}
/* set buy now blue in colored boxes*/
td.colorcontent td.buynow a:link, td.colorcontent td.buynow a:visited {
    display: block;
    width: 100%;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    background-color: #1a7db6;
}

td.colorcontent td.buynow a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

/* yellow boxes */
td.yellowstroke {
    background: #d4f1a0;
}

td.yellowborder {
    background: #c1e786;
}

td.yellowheading {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background: #90c84b;
}

td.yellowcontent {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background: #e8f7d9;
}

.yellowheading span {
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
}
/* end yellow boxes */

/* grey boxes */
td.greystroke {
    background: #cdcdcd;
}

td.greyborder {
    background: #b8b8b8;
}

td.greyheading {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background: #b2b2b2;
}

td.greycontent {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #e8e8e8;
}

.greyheading span {
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    display: block;
}
/* end grey boxes */


.nospace {
    margin: 0px 0px 0px 0px;
}

.nobottom {
    padding: 0px;
}

h5, h6 {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

h4 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

h3 {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

h2 {
    font-size: 11px;
    font-weight: bold;
    color: #328d32;
    text-decoration: none;
}

h1 {
    font-size: 13px;
    font-weight: bold;
    color: #328D32;
    text-decoration: none;
}
/* rollover rows*/
.bottomrow {
    background-color: #a0d19c;
}

.titlerow {
    background-color: #b8c8a9;
}
/* alt titlerow*/
.titlerow {
    background-color: #98cd94;
}

.darkrow {
    background-color: #e5ede4;
}

.lightrow {
    background-color: #f1f8f1;
}

.selectrow {
    background-color: #54ac4e;
}

.whiterow {
    background-color: #ffffff;
}

    .whiterow td {
        border-top: 1px solid #a0d19c;
    }

.lightrow td, .darkrow td, .titlerow td, .whiterowleftpad td {
    border-top: 1px solid #a0d19c;
}

td.buynow {
    padding: 0px;
    border-top: 0px solid #a0d19c;
}

td.phone {
    padding: 0px;
    border-top: 0px solid #a0d19c;
}

td.email {
    padding: 0px;
    border-top: 0px solid #a0d19c;
}

td.service {
    padding: 0px;
    border-top: 0px solid #a0d19c;
}

.selectrow td {
    border-top: 1px solid #a0d19c;
    color: #ffffff;
}

.darkrow td a:link, .darkrow td a:visited, .lightrow td a:link, .lightrow td a:visited {
    color: #328d32;
    font-weight: bold;
    text-decoration: underline;
}

.darkrow td.buynow a:link, .darkrow td.buynow a:visited, .lightrow td.buynow a:link, .lightrow td.buynow a:visited, .darkrow td.phone a:link, .darkrow td.phone a:visited, .lightrow td.phone a:link, .lightrow td.phone a:visited, .darkrow td.email a:link, .darkrow td.email a:visited, .lightrow td.email a:link, .lightrow td.email a:visited, .darkrow td.service a:link, .darkrow td.service a:visited, .lightrow td.service a:link, .lightrow td.service a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.darkrow td a:hover, .lightrow td a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.darkrow td.phone a:hover, .lightrow td.phone a:hover, .darkrow td.email a:hover, .lightrow td.email a:hover {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.selectrow td a:link, .selectrow td a:visited {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.selectrow td a:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

img.totop {
    background-color: #54ac4e;
}

.price {
    font-weight: bold;
    font-size: 12px;
}

a.skip {
    position: absolute;
    left: -999px;
    width: 990px
}

.sayit a:link, .sayit a:visited {
    display: inline;
    color: #54ac4e;
    text-decoration: none;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #54ac4e;
    padding: 2px 6px 3px 25px;
}

.sayit a:hover {
    background-color: #54ac4e;
    color: #fff;
}

.globalpromo {
    background-color: #cdcdcd;
    padding: 4px;
    font-weight: bold
}

    .globalpromo a:link, .globalpromo a:visited {
        color: #000;
        text-decoration: none;
    }

    .globalpromo a:hover {
        color: #000;
        text-decoration: underline;
    }

.globalnav {
    min-height: 86px;
    margin: auto;
    max-width: 85%;
    overflow: hidden;
}

.logo {
    height: 50px;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.header {
    background-image: url(../images/hero-bg-download.jpg);
    background-size: auto 237px;
    padding-left: 96.5313px;
    padding-right: 96.5313px;
    padding-bottom: 18px;
    padding-top: 1px;
    text-shadow: rgb(0, 0, 0) 0px 1px 0px;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none !important;
    user-select: none;
}

    .header h1 {
        color: white;
        font-size: 72px;
        font-weight: 700;
        margin-bottom: 0;
    }

    .header h2 {
        color: white;
        font-size: 30px;
        font-weight: normal;
        line-height: 36px;
        margin: 0;
        margin-block-end: 1.3em;
    }

p {
    color: rgb(51, 51, 51);
    font-size: 20px;
}