/* 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")no-repeat; background-position:5px 4px; }
div.trail span.last {font-weight:bold; }
/* banner */
div.bannerFrame { overflow:auto; width:811px; height:306px; margin-left:5px; background-image:url('Images/bannerFrame.jpg'); background-repeat:no-repeat; padding-left:11px;position:relative; }
div.bannerFrame h3 { margin:34px 0px 0px 0px; border-left:solid 40px #7BC143; height:20px; padding-left:10px; font-size:24px; line-height:24px; color:#7BC143; }
/* top banners */
div.topbanner { position:relative; height:138px;}
div.topbanner > div { position:absolute; left:0px; top:0px;}
ul.bannerText { margin-top:17px; margin-left:52px; list-style-position:inside; height:110px; color:#7BC143; width:470px;  }
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/CtrlBtns.png') -25px -2px; }
ul.bannerTabsTop > li { margin-right:15px; overflow:hidden; float:left; height:21px; 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/CtrlBtns.png') -25px -24px; }
li.banActive span { color:#fff; }
ul.bannerTabs li.banNotActive { background:url('Images/CtrlBtns.png') -25px -243px; }
ul.bannerTabs li.banNotActive:hover {background-position:-25px -135px; cursor:pointer; }
ul.bannerTabs li h3 { display: none; }


ul.bannerTabs li.banActive.new { background:url('Images/CtrlBtns.20151124.png') -47px -454px }
ul.bannerTabs li.banNotActive.new { background:url('Images/CtrlBtns.20151124.png') -366px -454px; }
ul.bannerTabs li.banNotActive.new:hover {background-position:-201px -454px; cursor:pointer; }
/* top banner */
div#topbanner_HRO20 { display:block; }
div#topbanner_HRO20 > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#7BC143; }
div#topbanner_SHR10 > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#7BC143; }
div#topbanner_SHC80 > span { display:block; margin-left:50px; margin-top:10px; font-size:20px; color:#7BC143; }
img#topbanner_img1 { position:absolute; top:-34px; left:520px;}
#btl {position: absolute; top: 100px;left: 720px;}
#ul {position: absolute;top: 0;left: 720px;}
#ce { position: absolute;top: 50px;left: 720px;}
img#topbanner_img2 { display:none; position:absolute; top:-20px; left:560px; }
img#topbanner_img3 { display:none; position:absolute; top:0px; left:530px; }
img#topbanner_img4 {display:none;position:absolute;top: -30px;left: 600px;width: 100px;}
#etl {display: none;position: absolute; top: -15px;left: 720px;}
/* body heading title */
div#bodyHeading {width:786px; height:34px; margin-left:16px; margin-top:5px; background-image:url('Images/BodyHeaderBackground.png'); background-repeat:no-repeat; padding-top:5px;position:relative; } 
div#bodyHeading span.prodName { border-left:solid 40px #7BC143; 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;}
/* body heading title */
div#bodyHeadingTUUB {width:786px; height:34px; margin-left:16px; margin-top:5px; background-image:url('Images/BodyHeaderBackground.png'); background-repeat:no-repeat; padding-top:5px;position:relative; } 
div#bodyHeadingTUUB span.prodName { border-left:solid 40px #7BC143; height:20px; padding-left:10px; font-size:16px; line-height:21px; color:#777777; font-weight:bold }
div#bodyHeadingTUUB span.prodDetail { height:20px; font-size:16px; line-height:21px; color:#777777;}
/* body heading title */
div#bodyHeadingTUCB {width:786px; height:34px; margin-left:16px; margin-top:5px; background-image:url('Images/BodyHeaderBackground.png'); background-repeat:no-repeat; padding-top:5px;position:relative; } 
div#bodyHeadingTUCB span.prodName { border-left:solid 40px #7BC143; height:20px; padding-left:10px; font-size:16px; line-height:21px; color:#777777; font-weight:bold }
div#bodyHeadingTUCB 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:#4d4849;}
div.cPanelOpen > .titles, div.cPanelClosed:hover .titles { background:url('Images/miniGradient.png') no-repeat; }
div.cPanelOpen > .titles:hover > span { color:#7BC143; /* 47505c; */}
div.cPanelClosed > .titles:hover > span { color:#7BC143; }
div.cPanelOpen > .titles > div { background-position:-34px -400px; }
div.cPanelClosed > div.cPanelBody { display:none; }
div.cPanelOpen > div.cPanelBody span { padding-left:30px; font-size:14px; font-weight:bold; } 
div.cPanelOpen > div.cPanelBody p { padding-left:23px; font-size:14px; width:320px;} 
div.cPanelOpen > .mainTitles, div.cPanelClosed:hover .mainTitles { background:url('Images/BodyHeaderBackground.png') no-repeat; }
div.cPanelOpen > .mainTitles:hover > span { color:#7BC143; /* 47505c; */}
div.cPanelClosed > .mainTitles:hover > span { color:#7BC143; }
div.cPanelOpen > .mainTitles > div { background-position:-34px -400px; }

div.imgLayout > div { display:inline-block; margin-top:15px; vertical-align:top;}
div.imgLayout > div > div.bordera { border:1px solid #ddd; padding:20px; padding-top:0px;  margin-left:25px;    }
div.imgLayout > div h2 { font-size:16px; text-align:center; margin-top:15px; }
ul.detLay { list-style-type:none; margin:20px 0px 12px 0px; list-style-position:outside;  }
ul.detLay span { font-weight:bold; color:#000; display:inline-block; width:40px;}
ul.detLay li.sp { margin-bottom:10px; }
ul.detLay li { color:#777777;  font-size:12px;}

/* section details: overview, features, BACnet, etc ..*/
div#SHR10, div#SHC80 {display:none;}
div#innerPageGrp { position:relative; min-height:430px; }

div.content { width:100%; }
div.leftContent { width: 50%; float:left; }
div.rightContent { width: 50%; float:left; }

div.leftContent img { padding-top: 45px; }
div.titles { cursor:pointer; }
div.titles span { color:#777777; font-size: 16px; line-height:34px; padding-left: 5px; font-weight:bold; }
div.titles div { height: 34px; width:20px; float:left; background: url('Images/CtrlBtns.png') no-repeat scroll -57px -400px; }
div.leftContent h1, div.rightContent h1 { font-size: 18px; padding-bottom: 10px; padding-top: 10px; margin-left:15px; }
div.leftContent p, div.rightContent p { padding-left:25px; padding-top:5px; padding-bottom:5px; font-size:14px; width:350px; line-height:20px; }

div.leftContent ul, div.rightContent ul { padding-left: 17px; margin-bottom: 10px; margin-top:10px; width: 370px; }
div.leftContent li, div.rightContent li { font-size:14px!important; padding-bottom:6px; width:350px; } 
div.leftContent li span, div.rightContent li span { color: #dc0303; font-weight:bold; } 
div.leftContent ul ul { margin:0; margin-top:6px;} 
div.leftContent ul ul li.last { padding-bottom:0px;} 
div.loneImg { padding:17px; height: 187px;}
div.loneImg.long {padding:17px; height: 258px !important;}
#TUCBmainTable div.cPanelBody{padding-left:0px!important}

div.mainTitles { cursor:pointer; font-size: 16px; line-height:34px; color:#777777; }
div.mainTitles span { color:#777777; font-size: 16px; line-height:34px; padding-left: 5px; font-weight:bold; }
div.mainTitles div { height: 34px; width:20px; float:left; background: url('Images/CtrlBtns.png') no-repeat scroll -57px -400px; }


table {table-layout:fixed;}
td.lt1 { width:80px; text-align:left;}
td.ce1 { width:80px; text-align:center;}
td.ce2 { width:60px; text-align:center;}
td.ce3 { width:40px; text-align:center;}
td.ce4 { width:37px; text-align:center;}
td.ce5 { width:25px; text-align:center;}
td.lt1 ul { list-style-type: none;  padding-left:8px;}

td.cc1 { width:75px; text-align:center;}
td.cc2 { width:60px; text-align:center; }
td.cc3 { width:40px; text-align:center; }
td.cc4 { width:40px; text-align:center;}
td.cc5 { width:50px; text-align:center;}
td.cc7 { width:60px; text-align:center;}
.multiBullet li span:before { content: ""; border-radius:50%; border:1px solid transparent; width: 6px; height: 6px; display: inline-block; background-color:#777; margin-right:5px;}
.multiBullet li span.black:before { background-color:black; }
.multiBullet li span.white:before { background-color:transparent; border:1px solid black; }
.multiBullet li { margin-top:0; margin-bottom:0; }
.multiBullet.paddingTopLeft{padding-left:unset !important;padding-left:5px !important;padding-top:9px !important}
.multiBullet.paddingTopLeft li{padding:1px 0px !important; margin:1px 0px !important; font-size:14px}

/*20210129-Responsive Master*/

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


div.leftContent h1, div.rightContent h1, div.upperInfo h1 {
    color: #000000;
    font-weight: bold;
}

ol, ul {
    margin-bottom: 0;
}

table {
    border-collapse: separate;
}
#TUCB .cPanelBody h2 {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

#TUCB div.popC2 a {
    margin-right: 0;
}