/*the top menu trail */
div.trail {
    height: 10px;
    margin-top: 9px;
    margin-left: 17px;
}

    div.trail a, div.trail span {
        float: left;
        display: block;
        color: #244f85;
        font-size: 10px;
    }

        div.trail span.sep {
            width: 12px;
            height: 100%;
            background-image: url("../images/trail.png");
            background-repeat: no-repeat;
            background-position: 5px 4px;
        }

        div.trail span.last {
            font-weight: bold;
        }
/* the top banner */
div.banner {
    width: 811px;
    height: 306px;
    margin-left: 5px;
    background-image: url('../images/TopBannerBG.png');
    background-repeat: no-repeat;
    padding-left: 11px;
}

div.carouselContainer {
    position: relative;
    width: 785px;
    height: 280px;
    top: 12px;
}

div.homeCenter {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 785px;
    height: 280px;
    z-index: 49;
}

#carousel_2, #carousel_3, #carousel_4 {
    display: none;
}



div.carouselContainer #chome_1 {
    background-image: url("Images/2025/EVCB-new.png");
    width: 785px;
    height: 280px;
}

    div.carouselContainer #chome_1.fr {
        background-image: url("BannerImages/20200330/Website-Banner-TUUB-FR_v3.png");
        width: 785px;
        height: 280px;
    }

div.carouselContainer #chome_2.fr {
    background-image: url("BannerImages/20200330/Website-Banner-Pressure-Sensors-FR_v2.png");
    width: 785px;
    height: 280px;
}

div.carouselContainer #chome_3.fr {
    background-image: url("BannerImages/Controls_homepage-slide_TSUB-TUUB_FR_200930.png");
    width: 785px;
    height: 280px;
}

    div.carouselContainer #chome_1 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_1 ul {
        position: absolute;
        top: 115px;
        left: 50px;
    }

    div.carouselContainer #chome_1 li {
        margin-bottom: 3px;
        list-style: none;
        font-size: 15px !important;
        font-family: Arial !important;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.carouselContainer #chome_1 li span {
            color: #7bc143;
        }

div.carouselContainer #chome_2 {
    background-image: url("BannerImages/Controls_homepage-slide_TSUB-TUUB_200930.png");
    width: 785px;
    height: 280px;
}

    div.carouselContainer #chome_4.fr {
        background-image: url("/Images/HomeSlide/20190613/Controls_homepage-slide_TDU-TDF_v02_FR.png");
        width: 785px;
        height: 280px;
    }

    div.carouselContainer #chome_2 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_2 ul {
        position: absolute;
        top: 115px;
        left: 50px;
    }

    div.carouselContainer #chome_2 li {
        margin-bottom: 3px;
        list-style: none;
        font-size: 15px !important;
        font-family: Arial !important;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.carouselContainer #chome_2 li span {
            color: #7bc143;
        }

div.carouselContainer #chome_3 {
    background-image: url("/Images/HomeSlide/20190613/Controls_homepage-slide_TDU-TDF_v02_EN.png");
    width: 785px;
    height: 280px;
}

    div.carouselContainer #chome_5.fr {
        background-image: url("/Images/HomeSlide/20190822/Controls_homepage-slide_CMMB100_102_v01_FR.png");
        width: 785px;
        height: 280px;
    }

    div.carouselContainer #chome_3 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_3 ul {
        position: absolute;
        top: 115px;
        left: 50px;
    }

    div.carouselContainer #chome_3 li {
        margin-bottom: 3px;
        list-style: none;
        font-size: 15px !important;
        font-family: Arial !important;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.carouselContainer #chome_3 li span {
            color: #7bc143;
        }

div.carouselContainer #chome_4 {
    background-image: url("/Images/HomeSlide/20190822/Controls_homepage-slide_CMMB100_102_v01_EN.png");
    width: 785px;
    height: 280px;
}

    div.carouselContainer #chome_6.fr {
        background-image: url("/Images/HomeSlide/Controls_homepage-slide_CMMB-IP_FR.png");
        width: 785px;
        height: 280px;
    }

    div.carouselContainer #chome_4 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_4 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_4 ul {
        position: absolute;
        top: 115px;
        left: 50px;
    }

    div.carouselContainer #chome_4 li {
        margin-bottom: 3px;
        list-style: none;
        font-size: 15px !important;
        font-family: Arial !important;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.carouselContainer #chome_4 li span {
            color: #7bc143;
        }

div.carouselContainer #chome_5 {
    background-image: url("/Images/HomeSlide/Controls_homepage-slide_CMMB-IP_181210.png");
    width: 785px;
    height: 280px;
}

    /*div.carouselContainer #chome_6.fr {
        background-image: url("BannerImages/20160215/efcb-evcb-fr-text.png");
        width: 785px;
        height: 280px;
    }*/

    div.carouselContainer #chome_5 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_5 ul {
        position: absolute;
        top: 115px;
        left: 50px;
    }

    div.carouselContainer #chome_5 li {
        margin-bottom: 3px;
        list-style: none;
        font-size: 15px !important;
        font-family: Arial !important;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.carouselContainer #chome_5 li span {
            color: #7bc143;
        }

div.carouselContainer #chome_6 {
    background-image: url("BannerImages/Next-Generation-Controls.png");
    width: 785px;
    height: 280px;
}

    /*div.carouselContainer #chome_6.fr {
        background-image: url("BannerImages/Controls_homepage-slide-03_FR_180723.jpg");
        width: 785px;
        height: 280px;
    }*/
div.carouselContainer #chome_1.fr a {
    display: block;
    width: 785px;
    height: 280px;
}

div.carouselContainer #chome_2.fr a {
    display: block;
    width: 785px;
    height: 280px;
}

#chome_1.fr
    div.carouselContainer #chome_6 h1 {
        font-size: 30px;
        font-family: Arial;
        font-weight: bold;
        color: #7bc143;
        position: absolute;
        top: 75px;
        left: 50px;
    }

    div.carouselContainer #chome_6 ul {
        position: absolute;
        top: 115px;
        left: 50px;
    }

    div.carouselContainer #chome_6 li {
        margin-bottom: 3px;
        list-style: none;
        font-size: 15px !important;
        font-family: Arial !important;
        font-weight: bold;
        color: #FFFFFF;
    }

        div.carouselContainer #chome_6 li span {
            color: #7bc143;
        }

.enocean {
    position: absolute;
    top: 100px;
    left: 400px;
}



#carousel_1 {
    display: none;
}
/* the others are made invisible in heaters.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: 105px;
    border-left: solid 1px #DDD;
}
/*height: 198 color:#9a9a9a*/
div.categories {
    margin: 16px 0px 15px 17px;
}

div.category {
    float: left;
    width: 154px;
    position: relative;
    margin-top: -6px;
}

div.catGroup {
    position: relative;
}

    div.catGroup div.catEntry {
        height: 20px;
    }

div.category:hover a.catTitle {
    color: #518420;
}

a.catTitle {
    position: absolute;
    top: 81px;
    left: 5px;
    line-height: 14px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #003b69;
    text-decoration: none;
}

    a.catTitle:hover {
        color: #518420;
    }

/*div.catTitle { height:35px; color:#003a69; font-weight:bold; font-size:13px; margin:0px 0px 2px 10px; }*/
div.category .catTop {
    display: block;
    height: 120px;
    width: 150px;
    margin-bottom: 5px;
    background: url("images/ControlsRollovers.20151118.png") no-repeat;
}

    div.category .catTop.fr {
        display: block;
        height: 120px;
        width: 150px;
        margin-bottom: 5px;
        background: url("images/ControlsRollovers_fr.png") no-repeat;
    }

#cat_1 {
    background: url("images/menu/20220329/VAV-controls_Menu_Normal_EN.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_1:hover {
        background: url("images/menu/20220329/VAV-controls_Menu_Rollover_EN.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_1fr {
    background: url("images/menu/20190822/VAV-controls_Menu_Normal_FR.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_1fr:hover {
        background: url("images/menu/20190822/VAV-controls_Menu_Rollover_FR.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_2 {
    background: url("images/menu/20220329/Fan-coil-controls_Menu-normal_EN.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_2:hover {
        background: url("images/menu/20220329/Fan-coil-controls_Menu-rollover_EN.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_2fr {
    background: url("images/menu/20190822/Fan-coil-controls_Menu-normal_FR.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_2fr:hover {
        background: url("images/menu/20190822/Fan-coil-controls_Menu-rollover_FR.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_3 {
    background: url("images/menu/Controls-Normal_CMMB-IP_EN.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_3:hover {
        background: url("images/menu/Controls-Rollover_CMMB-IP_EN.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_3fr {
    background: url("images/menu/Controls-Normal_CMMB-IP_FR.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_3fr:hover {
        background: url("images/menu/Controls-Rollover_CMMB-IP_FR.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_4 {
    /*background-position: -478px 0px;*/
    background: url("images/menu/Controls-Normal_TDF00-Celsius2.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_4:hover {
        background: url("images/menu/Controls-Rollover_TDF00-Celsius2.png") no-repeat;
        background-position: 0px 5px;
        /*background-position: -478px -122px;*/
    }

#cat_5 {
    background-position: -636px 0px;
}

    #cat_5:hover {
        background-position: -636px -122px;
    }

div.category .catBottom {
    display: block;
    height: 120px;
    width: 150px;
    margin-bottom: 15px;
    background: url("images/ControlsRollovers.20151118.png") no-repeat;
}

    div.category .catBottom.fr {
        display: block;
        height: 120px;
        width: 150px;
        margin-bottom: 15px;
        background: url("images/ControlsRollovers.fr.png") no-repeat;
    }

#cat_6 {
    background-position: 0px -239px;
}

    #cat_6:hover {
        background-position: 0px -357px;
    }

#cat_7 {
    background: url("images/menu/20190822/Sensors&components_Menu-normal.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_7:hover {
        background: url("images/menu/20190822/Sensors&components_Menu-rollover.png") no-repeat;
        background-position: 0px 5px;
    }

#cat_8 {
    background-position: -320px -239px;
}

    #cat_8:hover {
        background-position: -320px -357px;
    }

#cat_9 {
    background-position: -478px -239px;
}

    #cat_9:hover {
        background-position: -478px -357px;
    }

#cat_10 {
    background-position: -636px -239px;
}

    #cat_10:hover {
        background-position: -636px -357px;
    }

#cat_11 {
    background: url("images/menu/Controls-catalogue.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_11:hover {
        background: url("images/menu/Controls-catalogue-rollover.png") no-repeat;
        background-position: 0px 5px;
    }
#cat_12 {
    background: url("images/menu/Controls-Normal_router_EN.png") no-repeat;
    background-position: 0px 5px;
}

    #cat_12:hover {
        background: url("images/menu/Controls-Rollover_router_EN.png") no-repeat;
        background-position: 0px 5px;
    }
div.o {
    float: left;
    color: #6EB35A;
    font-weight: 700;
    font-size: 14px;
    margin: 0px 7px 2px 5px;
}

.oText {
    float: left;
    color: #747474;
    font-size: 12px;
    margin-top: 2px;
    height: 16px;
}

div.carou {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

div.carousBtns {
    position: absolute;
    left: 20px;
    top: 245px;

}

    div.carousBtns div {
        display: block;
        float: left;
        z-index: 50000;
        margin-right: 8px;
    }

        div.carousBtns div.ccbtn_1a {
            cursor: pointer;
            color: #FFFFFF;
            font-size: 32px;
        }

        div.carousBtns div.ccbtn_2a {
            cursor: pointer;
            color: #FFFFFF;
            font-size: 32px;
        }

        div.carousBtns div.ccbtn_3a {
            cursor: pointer;
            color: #FFFFFF;
            font-size: 32px;
        }

        div.carousBtns div.ccbtn_4a {
            cursor: pointer;
            color: #FFFFFF;
            font-size: 32px;
        }

        div.carousBtns div.ccbtn_5a {
            cursor: pointer;
            color: #FFFFFF;
            font-size: 32px;
        }

        div.carousBtns div.ccbtn_7a {
            background: url("images/Pause_Icon.png") no-repeat 0px 10px;
            width: 21px;
            height: 32px;
            line-height: 32px;
            cursor: pointer;
        }

        div.carousBtns div.ccbtn_7c {
            background: url("images/Play_Icon.png") no-repeat 0px 10px;
            width: 21px;
            height: 32px;
            line-height: 32px;
            cursor: pointer;
        }

        div.carousBtns div.ccbtn_1c, div.carousBtns div.ccbtn_1a:hover {
            color: #7bc143;
        }

        div.carousBtns div.ccbtn_2c, div.carousBtns div.ccbtn_2a:hover {
            color: #7bc143;
        }

        div.carousBtns div.ccbtn_3c, div.carousBtns div.ccbtn_3a:hover {
            color: #7bc143;
        }

        div.carousBtns div.ccbtn_4c, div.carousBtns div.ccbtn_4a:hover {
            color: #7bc143;
        }

        div.carousBtns div.ccbtn_5c, div.carousBtns div.ccbtn_5a:hover {
            color: #7bc143;
        }

        div.carousBtns div.ccbtn_6c, div.carousBtns div.ccbtn_6a:hover {
            color: #7bc143;
        }

        div.carousBtns div.ccbtn_7b, div.carousBtns div.ccbtn_7a:hover {
            background: url("images/Pause_Icon_Mouse_Over_Controls.png") no-repeat 0px 10px;
            width: 21px;
            height: 40px;
            line-height: 32px;
            cursor: pointer;
        }

        div.carousBtns div.ccbtn_7d, div.carousBtns div.ccbtn_7c:hover {
            background: url("images/Play_Icon_Mouse_Over_Controls.png") no-repeat 0px 10px;
            width: 21px;
            height: 40px;
            line-height: 32px;
            cursor: pointer;
        }

        div.carousBtns div.ccbtn_1c, div.carousBtns div.ccbtn_2b, div.carousBtns div.ccbtn_3b, div.carousBtns div.ccbtn_4b, div.carousBtns div.ccbtn_5b div.carousBtns div.ccbtn_6b {
            cursor: default;
        }

div.carouselContainer #carousel_1 {
    background-image: url("BannerImages/FanCoilBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_1 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_1 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_2 {
    background-image: url("BannerImages/VAVBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_2 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_2 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_3 {
    background-image: url("BannerImages/BACnetBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_3 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_3 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_4 {
    background-image: url("BannerImages/HumidityControlBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_4 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_4 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_5 {
    background-image: url("BannerImages/HeatPumpBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_5 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_5 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_6 {
    background-image: url("BannerImages/WirelessSensorBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_6 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_6 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_7 {
    background-image: url("BannerImages/SensorComponentsBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_7 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_7 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_8 {
    background-image: url("BannerImages/StaticPressureBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_8 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_8 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_9 {
    background-image: url("BannerImages/SCRBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_9 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_9 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }

div.carouselContainer #carousel_10 {
    background-image: url("BannerImages/RelayBoardBanner.png");
    width: 786px;
    height: 281px;
}

    div.carouselContainer #carousel_10 h1 {
        position: absolute;
        top: 75px;
        left: 25px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 40px;
        color: #7bc143;
    }

    div.carouselContainer #carousel_10 span {
        position: absolute;
        top: 130px;
        left: 26px;
        font-family: Arial !important;
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
    }













/* adbanner */
img.adNeptronic {
    padding-top: 15px;
    margin-left: -2px;
}

img.adTitleText {
    padding-top: 5px;
    padding-left: 46px;
    z-index: 100;
}

div.adText {
    padding-top: 5px;
    padding-left: 48px;
    width: 450px;
    font-size: 14px;
    color: #9ab850;
}

ul.wrs {
    margin-top: 10px;
}

    ul.wrs > li {
        padding-bottom: 3px;
    }

div.adTitleN h5 {
    margin-left: 50px;
}

div.adTitleN {
    position: absolute;
    padding-top: 5px;
    /*font-family:"Arial Narrow","Arial";*/
    font-size: 26px;
    color: #9ab850;
    width: 500px;
    z-index: 1000;
}

table.navCarousel {
    position: absolute;
    bottom: 5px;
    left: 60px;
}

img.adLearnMore {
    padding-top: 10px;
    padding-left: 60px;
}

#mainAdBannerDetails ul {
    font-size: 14px;
    color: #8d97a4;
    width: 800px;
    padding-left: 61px;
    list-style-type: disc;
}

    #mainAdBannerDetails ul li {
        float: left;
        width: 800px;
    }

        #mainAdBannerDetails ul li span {
            color: #85af37;
        }

img.adTitleDesc {
    padding-top: 10px;
    padding-left: 106px;
}

img.adTitlePic {
    position: absolute;
    top: -5px;
    right: 0px;
    z-index: 2;
}
/* page */
table.dTbl {
    padding-left: 2px;
}

    table.dTbl tr {
        height: 235px;
    }

    table.dTbl td {
        width: 148px;
    }

        table.dTbl td.sep {
            width: 11px;
        }

div.sep {
    height: 220px;
    margin-left: 5px;
    margin-bottom: 15px;
    border-left: dotted 1px #9f9f9f;
}

div.linkGroup {
    position: relative;
    background: url('images/ControlsBG.png') repeat-x;
    height: 235px;
}

    div.linkGroup ul {
        position: relative;
        z-index: 200;
        padding-top: 47px;
    }

    div.linkGroup li.titleW {
        color: White;
        font-size: 13px;
        font-weight: bold;
    }

    div.linkGroup li.titleW1 {
        margin-top: -16px;
        color: White;
        font-size: 13px;
        font-weight: bold;
    }

    div.linkGroup li.titleY {
        height: 37px;
        padding-top: 7px;
        color: #fcc420;
        font-size: 13px;
        font-weight: bold;
    }

    div.linkGroup li {
        padding-top: 2px;
        padding-left: 7px;
    }

        div.linkGroup li div {
            display: inline;
            font-size: 14px;
            font-weight: bold;
            padding-right: 5px;
            color: #6eb35a;
            padding-top: 10px;
        }

        div.linkGroup li a {
            display: inline-block;
            font-size: 12px;
            color: #747474;
            height: 12px;
        }

            div.linkGroup li a.twoLines {
                height: 40px;
                vertical-align: top;
                padding-top: 2px;
            }

    div.linkGroup img {
        position: absolute;
        z-index: 100;
    }

img.imgfan {
    top: -5px;
    left: 53px;
}

img.imgHumCon {
    top: -8px;
    left: 98px;
}

img.imgHumBACnet {
    top: -8px;
    left: 58px;
}

img.imgVelCon {
    top: -1px;
    left: 75px;
}

img.imgTran {
    top: -3px;
    left: 88px;
}

img.imgVav {
    top: -10px;
    left: 59px;
}

img.imgHeatPump {
    top: -8px;
    left: 98px;
}

img.imgStaticPress {
    top: 2px;
    left: 58px;
}

img.imgSensors {
    top: -12px;
    left: 87px;
}

img.imgWSensors {
    top: -14px;
    left: 100px;
}

img.imgSSR {
    top: 10px;
    left: 78px;
}

img.imgInducer {
    top: 3px;
    left: 58px;
}


/* brochure*/
div.proBro {
    margin-left: 17px;
}

    div.proBro a:hover {
        text-decoration: none;
    }

#proBro {
    font-size: 14px;
    color: #8d97a4;
    font-weight: bold;
}

#pdfDown {
    width: 162px;
    height: 26px;
    display: block;
    overflow: hidden;
}

    #pdfDown img {
        margin-top: -26px;
    }

    #pdfDown:hover img {
        margin-top: 0px;
    }

/* body top buttons */
div.downloadBtns {
    border-spacing: 0px;
    margin-left: 16px;
}

    div.downloadBtns > a {
        display: inline-block;
        height: 29px;
    }

a.selectSoftware {
    background: url('Images/CtrlBtns.png') no-repeat -25px -359px;
    width: 245px;
    margin-right: 203px;
    visibility: hidden;
}

    a.selectSoftware:hover {
        background-position: -274px -359px;
        cursor: pointer;
    }

div.downloadBtns > div {
    display: inline-block;
    height: 29px; /* margin-left:260px; */
    position: relative;
}

a.pdfBtn_cat {
    background: url('Images/pdf-download.png') no-repeat 0px -26px;
    width: 162px;
    height: 26px;
    display: block;
}

    a.pdf_cat_pop, a.pdfBtn_cat:hover {
        background-position: 0px 0px;
        cursor: pointer;
    }

a.pdfBtn1 {
    background: url('Images/CtrlBtns.png') no-repeat -484px -24px;
    width: 81px;
    height: 29px;
    display: block;
}

    a.pdf_bro_pop, a.pdfBtn1:hover {
        background-position: -484px -68px;
        cursor: pointer;
    }

a.pdfBtn2 {
    background: url('Images/CtrlBtns.png') no-repeat -484px -113px;
    width: 81px;
    height: 29px;
    margin-left: 5px;
    display: block;
}

    a.pdf_instr_pop, a.pdfBtn2:hover {
        background-position: -484px -153px;
        cursor: pointer;
    }
/* the popups for the pdfs */
#pop_cat {
    display: none;
    width: 230px;
    position: absolute;
    left: -4px;
    top: 26px;
    z-index: 10000;
}

#pop_bro {
    display: none;
    width: 230px;
    position: absolute;
    left: -4px;
    top: 28px;
    z-index: 10000;
}

#pop_instr {
    display: none;
    width: 260px;
    position: absolute;
    left: 1px;
    top: 28px;
    z-index: 10000;
}

div.pdf_Sensors {
}

div.pdf_Thermo {
}

div.pdf_Components {
}

div.popPdf {
    display: table;
    border-spacing: 0;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 170px;
}

div.popC2 > ul {
    list-style-type: none;
}

div.popC2 a {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    color: #705D62;
    padding-right: 5px
}

    div.popC2 a.apModel1 {
        height: 25px;
        padding-top: 12px;
    }

    div.popC2 a.apModel2 {
        height: 25px;
    }

    div.popC2 a.apModel3 {
        height: 25px;
        padding-bottom: 5px;
    }

div.popC2 {
    padding: 10px 15px 15px 10px;
    display: table-cell;
    height: 100%;
    border: solid 1px #a698a1;
    background-color: #ffffff;
    color: #705D62;
    font-size: 12px;
}

    div.popC2 li.sel {
        font-weight: bold;
        padding: 5px 0px 4px 5px;
        border-bottom: 1px solid #E5E5E5;
        background-color: #e5e5e5;
        overflow: hidden;
    }

        div.popC2 li.sel > span {
            float: right;
            margin-right: 10px;
        }

    div.popC2 li {
        padding-left: 6px;
    }

div.popC1 {
    width: 4px;
    display: table-cell;
    height: 100%;
    background-image: url('Images/LShadow.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
    padding-top: 5px;
}

div.popC3 {
    width: 4px;
    display: table-cell;
    height: 100%;
    background: url('Images/RShadow.png') repeat-y 0px 0px;
}

.techTime {
    background-color: #a6afb8;
    width: 90px;
    margin-left: 5px;
    border-top-right-radius: 15px;
    vertical-align: top;
}

    .techTime span {
        padding-left: 10px;
        color: white;
        font-weight: normal;
        line-height: 29px;
    }

    .techTime:hover {
        background-color: #20558a;
    }

a.techTime:hover {
    text-decoration: none;
}

/*20210128-Responsive master*/
ol, ul{
    margin-bottom: 0;
}
div.popC2 a.apModel1 {
    padding-top: 6px;
}

/*Techtime, Applications buttons*/

.downloadBtns a.app-button {
    min-width: 202px;
    border: 1px solid #003873;
    color: #ffffff;
    background-color: #0d3160;
    display: inline-block;
    padding: 10px;
    transition: all .3s ease;
    border: 1px solid #003873;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    line-height: 10px;
    margin-left: 10px;
    text-align: center;
    font-weight: normal !important;
    vertical-align:top;
}

div.downloadBtns > a {
    display: inline-block;
    height: 31px;
}


.techTime {
    border: none !important;
    border-top-right-radius: 0;
    font-size: 16px;
    width: 100px;
    background-color: #a6afb8;
    margin-right: 5px;
    vertical-align: top;
}

    .techTime span {
        .techTime span

{
    padding-left: 10px;
    color: white;
    line-height: 31px;
    font-weight: normal !important;
}