/* the menu items*/
div.vseparator {
    float: left;
    width: 4px;
    height: 200px;
    border-left: solid 1px #DDD;
}



div.categories {
    margin: 16px 0px 15px 15px;
}

div.category {
    float: left;
    width: 153px;
}

div.catGroup {
    position: relative;
    top: 5px;
    left: 5px
}

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/ske4-normal.png") no-repeat;
}

    div.category .cat1:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/ske4-over.png") no-repeat;
    }

div.category .cat2 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/skr-normal.png") no-repeat;
}

    div.category .cat2:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/skr-over.png") no-repeat;
    }

div.category .cat3 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/skg4-normal.png") no-repeat;
}

    div.category .cat3:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/skg4-over.png") no-repeat;
    }

div.category .cat4 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/sks4-normal.png") no-repeat;
}

    div.category .cat4:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/sks4-over.png") no-repeat;
    }

div.category .cat5 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/skd-normal.png") no-repeat;
}

    div.category .cat5:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/skd-over.png") no-repeat;
    }

div.category .cat6 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/skh-normal.png") no-repeat;
}

    div.category .cat6:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/skh-over.png") no-repeat;
    }

div.category .cat7 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/skv-normal.png") no-repeat;
}

    div.category .cat7:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/skv-over.png") no-repeat;
    }

div.category .cat8 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/steam-normal.png") no-repeat;
}

    div.category .cat8:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/steam-over.png") no-repeat;
    }

div.category .cat9 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/humidity-normal.png") no-repeat;
}

    div.category .cat9:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/humidity-over.png") no-repeat;
    }

div.category .cat10 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/applications-normal.png") no-repeat;
}

    div.category .cat10:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/applications-over.png") no-repeat;
    }


div.category .cat11 {
    display: block;
    height: 79px;
    width: 150px;
    margin-bottom: 5px;
    background: url("../images/buttons/skvf-normal.png") no-repeat;
}

    div.category .cat11:hover {
        display: block;
        height: 79px;
        width: 150px;
        margin-bottom: 5px;
        background: url("../images/buttons/skvf-over.png") no-repeat;
    }




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;
    background: none !important;
}

.top2 {
    padding-top: 16px;
}
.top-lg {
    padding-top: 44px;
}



.mainCenterArea #mainAdBannerDetails .carousBtns, .mainCenterArea .pdfBtn, .mainCenterArea .mainDetails .group .linkGroup .humidifier-Product-Link .humidifier-Product-Text {
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}
    .mainCenterArea .pdfBtn .pdfListContainer {
        padding: 10px 15px 5px 10px;
        display: none;
        position: absolute;
        margin-left: 15px;
        border: solid 1px #a698a1;
        background-color: #ffffff;
        color: #705D62;
        font-size: 12px;
        z-index: 100;
        box-shadow: 0 5px 12px 3px #333;
    }

        .mainCenterArea .pdfBtn .pdfListContainer .listTitle {
            font-weight: bold;
            padding: 5px 0px 5px 5px;
            border-bottom: 1px solid #E5E5E5;
            background-color: #e5e5e5;
            list-style-type: none;
        }
        .mainCenterArea .pdfBtn .pdfListContainer li {
            padding-top: 10px;
            padding-bottom: 10px;
            list-style-type: none;
        }
    .mainCenterArea .pdfBtn .techTime {
        background-color: #a6afb8;
        width: 90px;
        margin-left: 5px;
        border-top-right-radius: 15px;
        vertical-align: top;
        margin-top: 15px;
        height: 26px;
    }
    .mainCenterArea .pdfBtn .pdfBtn_cat {
        background: url("../Images/pdf-download.png") no-repeat 0px -26px;
        width: 162px;
        height: 26px;
        display: block;
        margin-top: 15px;
        margin-left: 15px;
    }
    .mainCenterArea .pdfBtn .pdfListContainer li a {
        color: #705D62;
    }
        .mainCenterArea .pdfBtn .pdfBtn_cat:hover {
            background-position: 0px 0px;
            cursor: pointer;
        }

            .mainCenterArea .pdfBtn .pdfBtn_cat:hover + .pdfListContainer {
                display: table-cell;
            }
        .mainCenterArea .pdfBtn .techTime span {
            padding-left: 10px;
            color: white;
            font-weight: bold;
            line-height: 26px;
        }
    .mainCenterArea .pdfBtn a.selectSoftware {
        background: url(../Images.2/HumiBtns.png) no-repeat -25px -359px;
        width: 165px;
        margin-left: 5px;
        margin-right: 92px;
        border-top-right-radius: 15px;
        height: 26px;
        align-self: flex-end;
    }
.newCatalogueSection{padding-top:50px}

.mainCenterArea #mainAdBannerDetails .carousBtns, .mainCenterArea .pdfBtn, .mainCenterArea .mainDetails .group .linkGroup .humidifier-Product-Link .humidifier-Product-Text {
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}

.mainCenterArea .mainDetails .group {
    display: flex;
    justify-content: space-between;
}

/******************************************** main content *********************************/


.mainCenterArea #mainAdBannerDetails {
    width: 100%;
    max-width:770px;
    background-color: white !important;
    box-shadow: 2px 0px 10px 4px #aaaaaa;
    margin-top: 10px;
    margin-left:15px;
}

    .mainCenterArea #mainAdBannerDetails img {
        width: 100%;
    }

    .mainCenterArea #mainAdBannerDetails .adLearnMore3 {
        position: absolute;
        width: auto;
        margin-top: -90px;
        margin-left: 95px;
    }

    .mainCenterArea #mainAdBannerDetails .adLearnMore4 {
        position: absolute;
        width: auto;
        margin-top: -85px;
        margin-left: 210px;
    }

    .mainCenterArea #mainAdBannerDetails .carousBtns {
        margin-left: 20px;
        position: absolute;
        margin-top: -37px;
    }

        .mainCenterArea #mainAdBannerDetails .carousBtns div {
            margin-right: 8px;
            cursor: pointer;
            color: #d6d6d4;
            font-size: 32px;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_1c, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_2c, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_3c, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_4c, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_5c {
            color: #003a69;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_1a:hover, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_2a:hover, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_3a:hover, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_4a:hover, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_5a:hover {
            color: #003a69;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6a, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6c {
            width: 21px;
            height: 32px;
            line-height: 32px;
            cursor: pointer;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6a {
            background: url(../images/Pause_Icon_Homepage.png) no-repeat 0px 10px;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6c {
            background: url("../images/Play_Icon_Homepage.png") no-repeat 0px 10px;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6b, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6a:hover {
            background: url("../images/Pause_Icon_Homepage_Mouse_Over.png") no-repeat 0px 10px;
            width: 21px;
            height: 40px;
            line-height: 32px;
            cursor: pointer;
        }

        .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6d, .mainCenterArea #mainAdBannerDetails .carousBtns .ccbtn_6c:hover {
            background: url("../images/Play_Icon_Homepage_Mouse_Over.png") no-repeat 0px 10px;
            width: 21px;
            height: 40px;
            line-height: 32px;
            cursor: pointer;
        }

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

    .mainCenterArea .pdfBtn .techTime span {
        padding-left: 10px;
        color: white;
        font-weight: bold;
        line-height: 26px;
    }

    .mainCenterArea .pdfBtn .techTime:hover {
        background-color: #20558a;
        text-decoration: none;
    }

.mainCenterArea .pdfBtn .pdfBtn_cat {
    background: url("../Images/pdf-download.png") no-repeat 0px -26px;
    width: 162px;
    height: 26px;
    display: block;
    margin-top: 15px;
    margin-left: 3px;
}

    .mainCenterArea .pdfBtn .pdfBtn_cat:hover {
        background-position: 0px 0px;
        cursor: pointer;
    }

        .mainCenterArea .pdfBtn .pdfBtn_cat:hover + .pdfListContainer {
            display: table-cell;
        }

.mainCenterArea .pdfBtn a.selectSoftware {
    background: url("../Images.2/HumiBtns.png") no-repeat -25px -359px;
    width: 165px;
    margin-left: 5px;
    margin-right: 92px;
    border-top-right-radius: 15px;
    height: 26px;
    align-self: flex-end;
}

    .mainCenterArea .pdfBtn a.selectSoftware:hover {
        background-position: -300px -359px;
        cursor: pointer;
    }

.mainCenterArea .pdfBtn .pdfListContainer {
    padding: 10px 15px 5px 10px;
    display: none;
    position: absolute;
    margin-left: 3px;
    border: solid 1px #a698a1;
    background-color: #ffffff;
    color: #705D62;
    font-size: 12px;
    z-index: 100;
    box-shadow: 0 5px 12px 3px #333;
}

    .mainCenterArea .pdfBtn .pdfListContainer li {
        padding-top: 10px;
        padding-bottom: 10px;
        list-style-type: none;
    }

        .mainCenterArea .pdfBtn .pdfListContainer li a {
            color: #705D62;
        }

    .mainCenterArea .pdfBtn .pdfListContainer .listTitle {
        font-weight: bold;
        padding: 5px 0px 5px 5px;
        border-bottom: 1px solid #E5E5E5;
        background-color: #e5e5e5;
    }

    .mainCenterArea .pdfBtn .pdfListContainer:hover {
        display: table-cell;
    }



        .mainCenterArea .mainDetails .group .linkGroup li {
            list-style-type: none;
        }

            .mainCenterArea .mainDetails .group .linkGroup li a {
                font-size: 12px;
                color: #747474;
                height: 12px;
            }

.mainCenterArea .newCatalogueSection img {
    width: 100%;
    height: auto;
}
.mainCenterArea .pdfBtn{margin-left:12px;}
@media (max-width: 576px) {
    .mainCenterArea .pdfBtn a.selectSoftware {
        margin-right: 0;
    }
    div.vseparator {
        border-left: solid 10px #fff;
    }
    .mainCenterArea #mainAdBannerDetails{margin-left:0}
    .mainCenterArea .pdfBtn {
        margin-left: 0;
    }
    .bottomSpace{height:0;}
    }