div.banner { width:811px; height:306px; margin-left:4px; margin-top:17px; background-image:url('images/TopBannerBG.png'); background-repeat:no-repeat; padding-top:12px; padding-left:11px;}
div.bannerInner { position:relative; width:786px; height:281px; } 

div.carou { position:absolute; left:0px; top:0px; display:none; }
div.carousBtns { position:absolute; left:30px; top:250px; z-index:50000; }
div.carousBtns div { display:block; float:left; z-index:50000; margin-right:8px;}


div.carousBtns div.ccbtn_1a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_2a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_3a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_4a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_5a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_6a { cursor:pointer; color:#d6d6d4; font-size:32px; }
div.carousBtns div.ccbtn_7a { background:url("images/Pause_Icon_Homepage.png") no-repeat; margin-top:11px; margin-left:4px; cursor:pointer; width:14px; height:14px; }
div.carousBtns div.ccbtn_7c { background:url("images/Play_Icon_Homepage.png") no-repeat; margin-top:11px; margin-left:4px; cursor:pointer; width:14px; height:14px; }

div.carousBtns div.ccbtn_1c, div.carousBtns div.ccbtn_1a:hover { color:#003a69; }
div.carousBtns div.ccbtn_2c, div.carousBtns div.ccbtn_2a:hover { color:#003a69; }
div.carousBtns div.ccbtn_3c, div.carousBtns div.ccbtn_3a:hover { color:#003a69; }
div.carousBtns div.ccbtn_4c, div.carousBtns div.ccbtn_4a:hover { color:#003a69; }
div.carousBtns div.ccbtn_5c, div.carousBtns div.ccbtn_5a:hover { color:#003a69; }
div.carousBtns div.ccbtn_6c, div.carousBtns div.ccbtn_6a:hover { color:#003a69; }
div.carousBtns div.ccbtn_7b, div.carousBtns div.ccbtn_7a:hover { background:url("images/Pause_Icon_Homepage_Mouse_Over.png") no-repeat; line-height: 32px; cursor:pointer; width:14px; height:14px; }
div.carousBtns div.ccbtn_7d, div.carousBtns div.ccbtn_7c:hover { background:url("images/Play_Icon_Homepage_Mouse_Over.png") no-repeat; line-height: 32px; cursor:pointer; width:14px; height:14px; }



div.carousBtns div.ccbtn_1b, 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.trail {height:15px;}

div.vseparator { float:left; width:5px; height:150px; border-left:dotted 1px #9a9a9a; }
div.categories {margin-left:15px; }
div.category { float:left; width:154px; }
div.category a.cat { display:block; height:68px; width:149px; margin-bottom:5px; }
div.category a.catHum { background-image:url("images/MenuHum.jpg"); }
div.category a.catHum:hover, .catHum_over { background-image:url("images/MenuHum_over.jpg"); }
div.category a.catAct { background-image:url("images/MenuActuators.jpg"); }
div.category a.catAct:hover, .catAct_over { background-image:url("images/MenuActuators_over.jpg"); }
div.category a.catValves { background-image:url("images/MenuValves.jpg"); }
div.category a.catValves:hover, a.catValves_over { background-image:url("images/MenuValves_over.jpg"); }
div.category a.catHeaters { background-image:url("images/MenuHeaters.jpg"); background-repeat:no-repeat;}
div.category a.catHeaters:hover, .catHeaters_over { background-image:url("images/MenuHeaters_over.jpg"); }
div.category a.catControls { background-image:url("images/MenuControls.jpg"); }
div.category a.catControls:hover, .catControls_over { background-image:url("images/MenuControls_over.jpg"); }

div.o { float:left; color:#1b5196; font-weight:700; font-size:14px; margin:0px 7px 2px 5px; }
.oText { float:left; color:#747474; font-size:12px;  margin-top:2px; }

img.bannerImage {
    height: 281px;
    width: 786px;
}

/*COVID-19*/
.LNdt {
    /*width: 100%;
    height: 5px;
    background-image: url(images/colorflow.png);
    background-repeat: repeat-x;
    font-weight: bold;
    margin-top: 10px;*/
    width: 765px;
    height: 4px;
    background-image: url(images/line-blue-top.png);
    background-repeat: repeat-x;
}
h3.hdocTitle {
    color: #184d8f;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 26px;
    text-align:center;
    font-weight:normal;
}
.articles-body {
    position: relative;
    height: auto;
    margin-left: 16px;
}
div.articles-body div {
    float: left;
}
  

    div.articles-body div.article-left{
        width: 150px;
       
    }
    div.articles-body div.article-middle {
        width: 420px;
        text-align: center;
        padding-left: 33px;
        padding-right: 33px;
    }
    div.articles-body div.article-right {
        width: 150px;
    }


div.articles-body .img-article-left {
    padding-bottom: 10px;
   
}
div.articles-body .img-article-right {
    padding-bottom: 10px;
    float: right;
  
}
div.articles-body p.article-title {
    color: #0477bf;
    margin-top: 0;
    font-weight:bold;
    margin-bottom: 13px;
    font-size: 16px;
    text-align:justify;
}

div.articles-body p.article-title-image {
    background-image: url(images/line-grey-title.png);
    background-repeat: no-repeat;
    display: block;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 16px;
    color: #154885;
    text-align: left;
}
div.article-body div.article-right {
    float: right;
}
div.textParLong {
    margin-top: 25px;
}

div.article-middle p.article-content {
    padding-bottom: 20px;
    text-align: justify;
}

/*text content thead images*/
figure {
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 155px;
    margin-bottom:0;
}
figcaption {
    background-color: #222;
    color: #fff;
    padding: 10px;
    text-align: center;
}


div.article-middle p.figure-content {
    color: #426c9f;
    font-size: 10px;
    padding: 15px 0;
}
div.articles-body p.figure-content a:link, div.articles-body p.figure-content a:hover, div.articles-body p.figure-content a:visited {
    color: #426c9f;
    font-size: 10px;
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
    padding:0 5px;
}
div.article-left p.figure-content, div.article-right p.figure-content {
    padding: 2px 5px 10px 5px;
}
ul.classname {
    width: 430px;
    padding-bottom: 20px;
}
ul.classname li {
    text-align: justify;
}

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

ul.newsArticle {
    display: block;
    list-style-type: disc;
    margin-left:25px;
}

    ul.newsArticle li {
        font-size: 16px;
        color: #244f85;
        margin-left: 17px;
        margin-right: 25px;
        text-align: justify;
    }

a.download2 {
    float: left;
    margin: 0px;
    margin-right: 2px;
    padding: 10px;
    text-align: center;
    background-color: #003764;
    color: #ffffff;
    margin-left: 17px;
    margin-top: 20px;
    font-size: 16px;
}
.important {
    border-top: 2px solid #4f81bd;
    margin: 30px 20px;
}
.content-important {
    font-size: 16px;
    color: #4f81bd;
    margin:10px 20px;
    text-align: justify;
    font-style:italic;
    margin-bottom:0;

}
.bottom-line-important {
    border-top: 2px solid #4f81bd;
    margin-top:15px;
}
.content-description-line {
    border-top: 2px solid #000000;
    margin-top: 25px;
    margin-bottom: 5px;
    width: 200px;
}
/*Tabs switcher starts*/
p.title-aboutUs {
    margin-left: 0;
    font-size: 20px;
    color: #154885;
    text-transform: uppercase;
    margin-top: 20px;
}
p.content-aboutUs, .content-description {
    font-size: 16px;
    color: #244f85;
    margin-left: 0;
    margin-right: 25px;
    margin-bottom: 10px;
    text-align: justify;
}
.content-description {
    font-size: 12px;
}

.tabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 15px;
    margin-left: 0;
}

    /* tab list item */
    .tabs .tabs-list {
        list-style: none;
        margin: 0px;
        padding: 0px;
        padding-left:15px;
    }

        .tabs .tabs-list li {
            width: 140px;
            float: left;
            margin: 0px;
            margin-right: 2px;
            padding: 10px 5px;
            text-align: center;
            background-color: #f1f1f1;
            border: 1px solid #a3a3a3;
           
        }

            .tabs .tabs-list li:hover {
                cursor: pointer;
            }

            .tabs .tabs-list li a {
                text-decoration: none;
                color: #003764;
            }

    /* Tab content section */
    .tabs .tab {
        display: none;
        width: 96%;
        min-height: 250px;
        height: auto;
        border-radius: 3px;
        padding: 20px 15px;
        color: darkslategray;
        clear: both;
    }

        .tabs .tab h3 {
            letter-spacing: 1px;
            font-weight: normal;
            padding: 5px;
        }

       

/* When active state */
.active {
    display: block !important;
}

.tabs .tabs-list li.active {
    background-color: #4f81bd;
    color: #ffffff;
}

.tabs .tabs-list li.active a {
    color: #ffffff;
    font-size:13px;
}