/* 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:15px; height:100%; background-image:url("../images/trail.png")no-repeat; background-position:5px 3px; }
div.trail span.last {font-weight:bold; }
/* banner */
div.bannerFrame { overflow:auto; width:811px; height:306px; margin-left:5px; background-image:url('Images.2/bannerFrame.jpg'); background-repeat:no-repeat; padding-left:11px;position:relative; }
div.bannerFrame h3 { margin:34px 0px 0px 0px; border-left:solid 40px #11a0d4; height:20px; padding-left:10px; font-size:24px; line-height:24px; color:#11a0d4; }
/* top banners */
div.topbanner { position:relative; height:138px;}
div.topbanner > div { display:none; position:absolute; left:0px; top:0px;}
ul.bannerText { margin-top:7px; margin-left:52px; list-style-position:inside; height:110px; color:#11a0d4; width:370px;  }
ul.bannerText > li {padding-bottom:5px; }
ul.bannerText > li > span { color:#777777; font-size:14px; }
/* banner tabs */
ul.bannerTabsTop { list-style-type:none; padding-left:50px; z-index:500; margin:0; overflow:hidden; }
ul.bannerTabsTop li.banActiveTop { background:url('Images.2/HumiBtns.png') -25px -2px; }
ul.bannerTabsTop > li { margin-right:15px; overflow:hidden; float:left; height:22px; width:143px; background-repeat:no-repeat; position:relative; z-index:10;}
ul.bannerTabs { list-style-type:none; padding-left:50px; margin:0; }
ul.bannerTabs li { margin-right:15px; overflow:hidden; float:left; height:80px; width:143px; background-repeat:no-repeat; position:relative; }
/* ul.bannerTabs li > h4 {color:#fff; font-weight:bold; margin-top:20px; font-size:15px; height:25px; text-align:center;} */
ul.bannerTabs li > h4 {color:#fff; font-weight:bold; margin-left:5px; margin-top:10px; font-size:15px; height:25px; }
ul.bannerTabs li > h4 > span { font-size:14px; display:block; padding-left:1px; z-index:1000; }
ul.bannerTabs li > span { display:block; font-weight:bold; font-size:11px; padding-left:5px; padding-top:10px; }
ul.bannerTabs li:hover > span { color:#fff;}
ul.bannerTabs li.banActive { background:url('Images.2/HumiBtns.png') -25px -24px; }
li.banActive span { color:#fff; }
ul.bannerTabs li.banNotActive { background:url('Images.2/HumiBtns.png') -25px -243px; }
ul.bannerTabs li.banNotActive:hover {background-position:-25px -135px; cursor:pointer; }

/* the popup for the actuators and the pdfs */
#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; }
#pop_instr2 { display:none; width:330px; position:absolute; left:1px; top:28px; z-index:10000; }
#pop_video { display:none; width:260px; position:absolute; left:1px; top:28px; z-index:10000; }

div.popPdf { display:table; border-spacing:0; text-align:left; padding:0; margin:0; }
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; }
div.popC2 li { padding-left:6px;}
div.popC1 { width:4px; display:table-cell; height:100%; background-image:url('Images.2/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.2/RShadow.png') repeat-y 0px 0px; }


/* body top buttons */
div.downloadBtns { border-spacing:0px;}
div.downloadBtns > a { display:inline-block; height:29px; }
a.selectSoftware { background:url('Images.2/HumiBtns.png') no-repeat -25px -359px; width:150px; margin-right:5px; margin-left: 5px; border-top-right-radius: 15px;}
a.selectSoftware:hover {background-position:-300px -359px; cursor:pointer;}

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

a.pdfBtn1 {background:url('Images.2/CtrlBtns1.2.1.png') no-repeat -609px -24px; width:72px; height:29px; display:block; }
a.pdf_bro_pop, a.pdfBtn1:hover {background-position:-609px -68px; cursor:pointer;}

a.pdfBtn2 {background:url('Images.2/CtrlBtns1.2.1.png') no-repeat -509px -279px; width:91px; height:29px; margin-left:5px; display:block;}
a.pdf_instr_pop, a.pdfBtn2:hover {background-position:-509px -319px; cursor:pointer;}

a.pdfBtn3 {background:url('Images.2/CtrlBtns1.2.1.png') no-repeat -509px -199px; width:91px; height:29px; margin-left:5px; display:block;}
a.pdfBtn3:hover {background-position:-509px -239px; cursor:pointer;}

a.videoBtn {background:url('Images.2/CtrlBtns1.2.1.png') no-repeat -512px -395px;  width:80px; height:29px; margin-left:5px; display:block;}
a.video_pop, a.videoBtn:hover {background-position:-512px -476px; cursor:pointer;}

/* body heading title */
div#bodyHeading {width:786px; height:34px; margin-left:16px; margin-top:5px; background-image:url('Images.2/BodyHeaderBackground.png'); background-repeat:no-repeat; padding-top:5px;position:relative; } 
div#bodyHeading span.prodName { border-left:solid 40px #11a0d4; height:20px; padding-left:10px; font-size:16px; line-height:21px; color:#777777; font-weight:bold }
div#bodyHeading span.prodDetail { height:20px; font-size:16px; line-height:21px; color:#777777;}

/* Collapsible*/
div.cPanel { margin-left:15px; overflow:hidden; min-width:820px; }
div.cPanel a, div.cPanel a:link, div.cPanel a:visited, div.cPanel a:active { color:#023b87; text-decoration:underline;}
div.cPanel > h4 { display:block; cursor:pointer; height:30px; }
div.cPanel > h4 > span { display:inline-block; font-size:14px; color:#47505c; line-height:30px; padding-left:25px; background:url('Images.2/HumiBtns.png') no-repeat -40px -435px; }
div.cPanel > h4 > span { font-size:16px; color:#777777; }
div.cPanelOpen > h4, div.cPanelClosed:hover h4 { background:url('Images.2/BodyHeaderBackground.png') no-repeat; }
div.cPanelOpen > h4:hover > span { color:#11a0d4; /* 47505c; */}
div.cPanelClosed > h4:hover > span { color:#11a0d4; }
div.cPanelOpen > h4 > span { background-position:-34px -402px; }
div.cPanelClosed > div.cPanelBody { display:none; } 

/* section details: overview, features, BACnet, etc ..*/
div#safe, div#easy, div#control {display:none;}
div#innerPageGrp { position:relative; min-height:430px; }
.cPanelBody p { margin:10px 55px 15px 25px;  font-size:14px; }
ul.detLst { list-style-type:disc; margin:10px 0px 12px 38px; list-style-position:outside; }
ul.detLst li, ul.detLst a { font-size:14px; }
ul.detLst > li { padding:0px 30px 8px 0px; margin:0; color: #11a0d4;}
    ul.detLst span {
        color: black;
        font-size: 14px;
    }
ul.detLst > li > ul { list-style-type:circle !important; padding-top:10px; margin-left:15px;}
ul.detLst > li > ul > li { padding-bottom:5px; }
ul.detLstNum { list-style-type:decimal; margin-left:47px !important; }
ul.detLstNum > li { padding:0px 30px 8px 0px; margin:0; color: black; }

/* page specific */

/* top banner */
div#topbanner_overview { display:block; }
div#topbanner_overview > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#11a0d4; }
div#topbanner_safe > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#11a0d4; }
div#topbanner_easy > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#11a0d4; }
div#topbanner_control > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#11a0d4; }
img#topbanner_img2 { display:none; position:absolute; top:8px; left:550px; }
img#topbanner_img1 { position:absolute; top:17px; left:550px; }
/* overview */
div.ovImgContainer { position:relative; font-size:12px;} 
div.ovImgContainer > span { color:#005d99; }
img.imgOverview { margin:10px 20px 50px 140px; }
div.ovImgContainer > span.ov_lbl1 { position:absolute; top:195px; left:105px; text-align:right; }
div.ovImgContainer > span.ov_lbl2 { position:absolute; top:239px; left:95px; }
div.ovImgContainer > span.ov_lbl3 { position:absolute; top:265px; left:95px; }
div.ovImgContainer > span.ov_lbl4 { position:absolute; top:280px; left:120px; text-align:left; }
div.ovImgContainer > span.ov_lbl5 { position:absolute; top:324px; left:85px; }
div.ovImgContainer > span.ov_lbl6 { position:absolute; top:350px; left:260px; }
div.ovImgContainer > span.ov_lbl7 { position:absolute; top:350px; left:312px; }
div.ovImgContainer > span.ov_lbl8 { position:absolute; top:350px; left:394px; }
div.ovImgContainer > span.ov_lbl9 { position:absolute; top:114px; left:470px; }
div.ovImgContainer > span.ov_lbl10 { position:absolute; top:136px; left:470px; }
div.ovImgContainer > span.ov_lbl11 { position:absolute; top:165px; left:470px; }
div.ovImgContainer > span.ov_lbl12 { position:absolute; top:185px; left:470px; }
div.ovImgContainer > span.ov_lbl13 { position:absolute; top:205px; left:470px; }
div.ovImgContainer > span.ov_lbl14 { position:absolute; top:223px; left:470px; }
div.ovImgContainer > span.ov_lbl15 { position:absolute; top:282px; left:470px; }
div.ovImgContainer > span.ov_lbl16 { position:absolute; top:321px; left:470px; }
div.ovImgContainer > span.ov_lblWarm { position:absolute; top:145px; left:80px; color:#9ccde1 !important;}
div.ovImgContainer > span.ov_lblCool { position:absolute; top:25px; left:490px; color:#ee9e22 !important; }
table#tblNomen { margin:18px 0px 30px 10px; border:solid 1px #0d9cd8;}
table#tblNomen th { height:20px; border-bottom:solid 1px #0d9cd8; border-right:solid 1px #0d9cd8; padding:5px 8px;}
table#tblNomen td { line-height:18px; vertical-align:top; text-align:left; border-right:solid 1px #0d9cd8; padding:5px 8px 10px 8px}
table#tblNomen td span { text-decoration:underline; display:block; padding-bottom:5px; }
table#tblNomen td.todd, table#tblNomen th.todd { background-color:#eff1f2; }
table#tblNomen td.tlast, table#tblNomen th.tlast { border-right-style:none !important;}
/* safe */
div.safeContainer { position:relative; height:420px; overflow:hidden;}
div.safeImgContainer { position:absolute; top:75px; left:410px; font-size:12px; width:365px; }
div.safeImgContainer > img { margin-top:40px; }
div.safeImgContainer > span.safe_lbl1 { position:absolute; top:0px; left:65px; text-align:center;}
div.safeImgContainer > span.safe_lbl2 { position:absolute; top:0px; left:145px; text-align:center;}
div.safeImgContainer > span.safe_lbl3 { position:absolute; top:130px; left:-8px; }
div.safeImgContainer > span.safe_lbl4 { position:absolute; top:160px; left:260px; }
div.safeImgContainer > span.safe_lbl5 { position:absolute; top:270px; left:200px; }
div.safeImgContainer > span.safe_lbl6 { position:absolute; top:60px; left:82px; font-weight:bold;}
div.safeImgContainer > span.safe_lbl7 { position:absolute; top:135px; left:88px; font-weight:bold;}
div.safeImgContainer > span.safe_lbl8 { position:absolute; top:203px; left:93px; font-weight:bold;}
div.safeImgContainer > span.safe_lbl9 { position:absolute; top:275px; left:98px; font-weight:bold;}
div.safeionImgCon { position:relative; font-size:12px; left:130px; margin-bottom:30px;}
div.safeionImgCon > img { margin-top:0px; margin-left:50px;}
div.safeionImgCon > span.safe_ion1 { position:absolute; top:0px; left:300px; font-weight:bold; font-size:16px;}
div.safeionImgCon > span.safe_ion2 { position:absolute; top:70px; left:385px; font-weight:bold; font-size:16px;}
div.safeionImgCon > span.safe_ion3 { position:absolute; top:162px; left:254px; font-weight:bold; font-size:16px;}
div.safeionImgCon > span.safe_ion4 { position:absolute; top:152px; left:0px; text-align:right; }
div.safeionImgCon > span.safe_ion5 { position:absolute; top:158px; left:140px;}
/* easy */ 
div.easyImgCon { position:relative; font-size:18px; margin-bottom:30px;}
div.easyImgCon > img { margin-left:150px; }
div.easyImgCon > ul {list-style-type:decimal; list-style-position:outside;}
div.easyImgCon > ul > li { color:#2f77a5; font-size:14px;}
div.easyImgCon > ul > li.easy_lbl1 { position:absolute; top:42px; left:592px; width:150px;}
div.easyImgCon > ul > li.easy_lbl2 { position:absolute; top:140px; left:592px; width:150px;}
div.easyImgCon > ul > li.easy_lbl3 { position:absolute; top:419px; left:20px; width:170px; }
div.easyImgCon > ul > li.easy_lbl4 { position:absolute; top:154px; left:55px; width:110px; }
div.easyImgCon > ul > li.easy_lbl5 { position:absolute; top:211px; left:55px; width:100px; }


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

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

a.pdfBtn1 {
    background: url('/Humidifiers/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('/Humidifiers/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: 12px;
    top: 26px;
    z-index: 10000;
}

.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: bold;
        line-height: 29px;
    }

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

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