﻿
#carousel_1 {
    display: none;
}
/* the others are made invisible in Heaters.3.css */
/* the buttons from 1 to 7 */
div.homeBtns {
    position: absolute;
    top: 250px;
    left: 60px;
    z-index: 51;
}

div.homeBtn {
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 2px;
    background-image: url('images/TB.png');
    background-repeat: no-repeat;
}

div.homeBtnInner {
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #dd7801;
    font-family: Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
}

    div.btnSelected, div.homeBtnInner:hover {
        background-image: url('images/TB_over.png');
        color: #ffffff;
    }

    div.homeBtnInner p {
        padding-left: 7px;
        padding-top: 3px;
    }
/* the play button */
div.homeBtnPlay {
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 2px;
    background-image: url('images/TBPause.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

div.btnSelectedPP {
    background-image: url('images/TBPlay.png');
}


/* the menu items*/
div.vseparator {
    float: left;
    width: 4px;
    height: 160px;
    border-left: solid 1px #DDD;
}

div.categories {
    margin: 16px 0px 15px 17px;
}

div.category {
    float: left;
    width: 153px;
}

div.catGroup {
    position: relative;
    top: 5px;
    left: 5px
}

    div.catGroup div.catEntry {
        height: 20px;
    }

div.catTitle {
    height: 35px;
    color: #009fdf;
    font-weight: bold;
    font-size: 14px;
    margin: 0px 0px 2px 10px;
}
/*div.category .cat { display:block; height:96px; width:149px; margin-bottom:5px; background-image:url("images/HeaterMenuItems.png"); }*/
div.category .cat1 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Make-up-air-unit_Menu-normal_EN_v2.png") no-repeat;
}

    div.category .cat1:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Make-up-air-unit_Menu-rollover_EN_v2.png") no-repeat;
    }

div.category .cat2 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Open-coil-heater_Menu-normal_EN.png") no-repeat;
}

    div.category .cat2:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Open-coil-heater_Menu-rollover_EN.png") no-repeat;
    }

div.category .cat3 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Tubularl-heater_Menu-normal_EN.png") no-repeat;
}

    div.category .cat3:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Tubularl-heater_Menu-rollover_EN.png") no-repeat;
    }

div.category .cat4 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Fresh-air-heater_Menu-normal_EN.png") no-repeat;
}

    div.category .cat4:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Fresh-air-heater_Menu-rollover_EN.png") no-repeat;
    }

div.category .cat5 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Plenum-heater_Menu-normal_EN.png") no-repeat;
}

    div.category .cat5:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Plenum-heater_Menu-rollover_EN.png") no-repeat;
    }

div.category .cat6 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Thermostats_Menu-normal_EN.png") no-repeat;
}

    div.category .cat6:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Thermostats_Menu-rollover_EN.png") no-repeat;
    }

div.category .cat7 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Applications_Menu-normal_EN.png") no-repeat;
}

    div.category .cat7:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Applications_Menu-rollover_EN.png") no-repeat;
    }

div.category .cat8 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/air_handler_Menu-normal_EN.png") no-repeat;
}

    div.category .cat8:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/air_handler_Menu-rolloverl_EN.png") no-repeat;
    }

div.category .cat9 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/fan_coil_Menu-normal_EN.png") no-repeat;
}

    div.category .cat9:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/fan_coil_Menu-rolloverl_EN.png") no-repeat;
    }

div.category .cat10 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/process_heater_Menu-normal_EN.png") no-repeat;
}

    div.category .cat10:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/process_heater_Menu-rolloverl_EN.png") no-repeat;
    }

div.category .cat11 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/oem_Menu-normal_EN.png") no-repeat;
}

    div.category .cat11:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/oem_Menu-rolloverl_EN.png") no-repeat;
    }

div.category .cat12 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Kitchen_Menu-normal_EN_v3.png") no-repeat;
}

    div.category .cat12:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Kitchen_Menu-rollover_EN_v3.png") no-repeat;
    }

div.category .cat13 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Make-up-air-controller_Menu-normal_EN_v2.png") no-repeat;
}

    div.category .cat13:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Make-up-air-controller_Menu-rolloverll_EN_v2.png") no-repeat;
    }

div.category .cat14 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Cmu-axial-fan-normal_EN_v2.png") no-repeat;
}

    div.category .cat14:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Cmu-axial-fan-rollover_EN_v2.png") no-repeat;
    }

div.category .cat15 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/buttons/Cmu-centrifugal-fan-normal_EN_v2.png") no-repeat;
}

    div.category .cat15:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/buttons/Cmu-centrifugal-fan-rollover_EN_v2.png") no-repeat;
    }






div.category .catHum:hover, .catHum_over {
    background-image: url("images/MenuHum_over.jpg");
}

div.category .catAct:hover, .catAct_over {
    background-image: url("images/MenuActuators_over.jpg");
}

div.category .catValves:hover, a.catValves_over {
    background-image: url("images/MenuValves_over.jpg");
}

div.category .catHeaters:hover, .catHeaters_over {
    background-image: url("images/MenuHeaters_over.jpg");
}

div.category .catControls:hover, .catControls_over {
    background-image: url("images/MenuControls_over.jpg");
}



/*div.category .cat8 { background-position:-521px -134px;  }*/
/*div.category .cat9 { background-position:-480px -134px;  }*/
/*div.category .cat10 { background-position:-641px -134px;  }*/

div.o {
    float: left;
    color: #009fdf;
    font-weight: 700;
    font-size: 14px;
    margin: 0px 7px 2px 5px;
}

.oText {
    float: left;
    color: #747474;
    font-size: 12px;
    margin-top: 2px;
    height: 16px;
}


a.catTitle {
    ;
    padding-bottom: 10px;
    line-height: 14px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #003b69;
    text-decoration: none;
    text-align: center
}

    a.catTitle:hover {
        color: #009fdf;
    }

.top {
    padding-top: 30px;
}

.top2 {
    padding-top: 16px;
}

/*add in Heaters style sheet*/
a.selectSoftwareMAU {
    background: url('Images/HeaterBtns.20200408.png') no-repeat -298px -410px;
    width: 250px;
    margin-left: 10px;
}

    a.selectSoftwareMAU:hover {
        background-position: -298px -450px;
        cursor: pointer;
    }

/*New Heaters Page*/

a.view-link {
    margin: 0px;
    padding: 15px;
    margin-top: 10px;
    text-align: center;
    background-color: #009fdf;
    color: #ffffff;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

h2.title-section {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #009fdf;
}

p.double-line {
    font-size: 18px;
    color: #244f85;
    text-align: justify;
    padding: 10px 15px;
    height:110px;
}

a.orange-over {
    border: 3px solid #236ba4
}

    a.orange-over:hover {
        background-color: #b2e2f5;
        border: 3px solid #009fdf;
        -webkit-transition: all .3s ease 0s;
        text-decoration: none;
    }

        a.orange-over:hover h2.title-section {
            color: #ffffff;
        }


h2 {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #009fdf;
}

p.double-line {
    font-size: 16px;
    color: #244f85;
    text-align: justify;
    padding: 10px 15px;
}

p.morelink {
    font-size: 14px;
    letter-spacing: .05em;
    color: #244f85;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

a.orange-over {
    display: block
}

    a.orange-over:hover {
        background-color: #b2e2f5;
        -webkit-transition: all .3s ease 0s;
        text-decoration: none;
    }

td.print {
    width: 380px;
    padding: 15px;
    text-align: center
}

div.banner {
    padding: 0;
    margin-left:14px;
}

@media (max-width: 576px) {
    table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #ddd;
    }

    td {
        text-align: left;
        padding: 8px;
        display: block;
    }

        td.print {
            width: 100%;
        }

    div.category {
        width: 50%;
        display: block;
        height: 170px
    }

    div.vseparator {
        display: none
    }

    div.categories {
        padding-bottom: 20px
    }

    a.catTitle {
        height: 40px
    }

    div#mainDetails {
        width: 100%;
    }

    div.linkGroup {
        width: 50%
    }

    table.dTbl {
        border: none;
    }

    div#mainAdBannerDetails {
        width: auto;
    }

    div#mainAdBanner {
        background-image: none !important;
        height: 200px;
    }

    div.leftContent, div.rightContent {
        width: 100%
    }

    div.shrcon_1, div.shrcon_2, div.leftDetails, div.rightDetails {
        width: 100%
    }

    a.selectSoftwareNewSpacing {
        margin-right: 0
    }

    table.grid {
        display: none
    }
}
div.banner {
    width: 811px;
    height: 306px;
    margin-left: 8px;
    background-image:  none;
    background-repeat: no-repeat;
    padding-left: 11px;
}
