@charset "UTF-8";
/* CSS Document */

body {margin:0px; padding:0px; background-color:#d5e8f7; background-image:url(images/bg-gradient.gif); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444444; font-size:12px;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; color:#035193;}
h2 {font-family:Myriad Pro, Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#035193;}/*023163 0366ba 095290*/
a:link{font-weight:bold; color:#2f8c0f;}
a:visited{font-weight:bold; color:#2f8c0f;}
a:hover{font-weight:bold; color:#2f8c0f; text-decoration:none;}

#topContainingDiv {background-color:#ffffff;}
#containingDiv {}
.shadowDiv {margin:0 auto; width: 848px;}
.shadow{background-image:url(images/bg-drpshdw.png); background-repeat:repeat-y;}

.centeringDiv {margin:0 auto; width: 805px;}
#footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-align:center; padding:10px; line-height:20px;}
#footer a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; text-align:center;}

/* styles for main nav bar*/
#nav, #nav ul {padding: 0; margin: 0; list-style: none;line-height: 1;}
#nav a {display: block; width: 161px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center; vertical-align:middle; text-decoration:none; font-weight:normal;}
#nav li {float: left; width: 161px;}
#nav li.first{background-image:url(images/mn-bgFull.gif); height:64px; line-height:64px;}
#nav li.active{background-image:url(images/mn-bgFull.gif); height:64px; line-height:64px;}
#nav li.first:hover, #nav li.sfhover{background-image:url(images/mn-hover.gif);}
#nav li.twoLines{background-image:url(images/mn-bgFull.gif); height:64px;}
#nav li.twoLines:hover,  #nav li.sfhover{background-image:url(images/mn-hover.gif);}
#nav li.twoLines a{padding-top:20px;}

/*on states for main nav*/
#nav.corporate li#corporate{background-image:url(images/mn-hover.gif); background-repeat:no-repeat; overflow:hidden;}
#nav.environment li#environment{background-image:url(images/mn-hover.gif); background-repeat:no-repeat; overflow:hidden;}
#nav.products li#products{background-image:url(images/mn-hover.gif); background-repeat:no-repeat; overflow:hidden;}
#nav.technical li#technical{background-image:url(images/mn-hover.gif); background-repeat:no-repeat; overflow:hidden;}
#nav.contact li#contact{background-image:url(images/mn-hover.gif); background-repeat:no-repeat; overflow:hidden;}


/* Second Level */
#nav li ul {position: absolute;width: 160px;left: -999em; background-color:#88bee8; border:#25406a 1px solid; border-bottom:none;}
#nav li ul li {line-height:30px; border-bottom:#25406a 1px solid;}
#nav li ul li:hover, #nav li ul li.sfhover{line-height:30px; background-color:#2869a1; color:#ffffff; background-image:none;}
#nav li ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#212121; text-align:center; vertical-align:middle; text-decoration:none;}
#nav li ul li a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center; vertical-align:middle; text-decoration:none;}
#nav li ul li#cis {line-height:18px; padding:10px 0 10px 0;}
#nav li.twoLines ul li a{padding-top:0px;}
#nav li.twoLines ul{margin-top:20px;}

/* Third Level */
#nav li ul ul {margin: -2.5em 0 0 161px; border:none;}
#nav li ul ul li {line-height:32px; border:none; background-color:#2869a1; color:#ffffff;}
#nav li ul ul li:hover, #nav li ul ul li.sfhover{line-height:32px; background-color:#19345c; color:#ffffff;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li ul ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center; vertical-align:middle; text-decoration:none;}
#nav li ul ul li a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align:center; vertical-align:middle; text-decoration:none;}

#content {clear: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:333333;}
#homeImages img{float:left;}
#news{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; padding:20px 20px 20px 0; background-color:#ffffff; clear:left;}
#news h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; background-color:#18649a; line-height:50px; padding:0 10px 0 10px;}
.news1{width:240px; float:left; padding-left:20px;}
.news1 img{margin-top:-7px;}
.news1 object{margin-top:-7px;}
.lengthFix{position:relative; clear:both; height:1%; width:20px;}  

/* Sub pages */
#contentSub{background-image:url(images/bg-sideBar.gif); background-repeat:repeat-y; background-color:#fff;}

#leftColumn{float:left; padding:20px 12px 0 5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:160px;}
#leftColumn a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight:normal;}
#leftColumn ul{list-style-type:none; padding:0px 10px 10px 5px; margin:0px;}
#leftColumn ul li{list-style-type:none; padding:10px 10px;}
#rightColumn {margin-left:200px; margin-right:20px; background-color:#FFFFFF;}
#rightColumn h2{margin:-10px 0 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

/* Product pages */
#contentSubProducts{background-image:none; background-color:#fff;}
#contentSubProducts div#leftColumnProducts{float:left; padding:0; width:180px;}
#contentSubProducts div#rightColumn {margin-left:200px; margin-right:40px; background-color:#FFFFFF;}
#techData {width:200px; margin:40px 30px 40px 0; text-align:left; border:1px solid #0366ba; border-top:none;}
#techData h1{background-color:#0366ba; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:40px; padding-left:20px;}

#productImage{float:left; width:200px; margin:0 30px 40px 0; text-align:center;}
#productText #techData ul{padding-left:20px;}
#productText #techData li{list-style-type:none; padding:1px 1px;}
#productText li{list-style-type:none; padding:5px 5px;}
#productText ul#bullets {margin-left:210px;}
#productText ul#bullets li{list-style-type:square;}
#productText ul#bullets li ul li{list-style-type:circle;}

/* Completed project pages */
#leftColumnCP{float:left; padding:20px 0px 0 5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:150px;}
#leftColumnCP a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight:normal;}
#leftColumnCP ul{list-style-type:none; padding:0px 10px 10px 5px; margin:0px;}
#leftColumnCP ul li{list-style-type:none; padding:10px 10px;}
#rightColumnCP {margin-left:160px; margin-right:0px; background-color:#FFFFFF; padding:0;}
#rightColumnCP h1{margin:5px 0 5px 40px;}
#rightColumnCP input{width:28px; border:none;}
.arrow{float:left; margin:175px 10px 0 10px;}
#cpMainNav {margin:0 0 0 100px; clear:right;}
#cpMainNav ul{padding:0; margin:0;}
#cpMainNav li{float:left; list-style:none; margin:0 20px 0 20px;}
#cpMainNav a{display:block; text-decoration:none; line-height:18px; padding:3px 5px 3px 5px;}
#cpMainNav a:hover{display:block; text-decoration:underline; line-height:18px; padding:3px 5px 3px 5px;}
#current{background-color:#2f8c0f; color:#ffffff; line-height:18px; padding:3px 5px 3px 5px;}
#current a{ text-decoration:none;}
.cpImageDiv{clear:left; margin-top:-20px;}
.CPthumbnailImages{width:500px; margin: 20px 0 0 70px;}
.CPthumbnailImages img{float:left; margin:5px;}
.controls{margin:10px 0 10px 250px;}
.controls img{margin:0 10px 0 10px;}


/* datasheet pages */
#dsLinkBox{ width:570px; padding:0; margin-top:20px;}
/* #dsLinkBox{background-color:#d5e8f7; width:570px; padding:15px;} */
#dsLinkBox a{ font-size:12px; font-weight:normal; text-decoration:underline;}
#dsLinkBox a:hover{ font-size:12px; font-weight:normal; color:#333; text-decoration:underline;}
#dsLinkBox ul{padding:0; margin-left:0px; margin-bottom:0;}
#dsLinkBox li{list-style-type:none; margin-left:15px; line-height:21px;}
#dsLinkBox li.firstLi{list-style-type:none; margin-left:0; line-height:17px;}
#dsLinkBox h5{font-weight:bold; font-size:12px; margin:0 0 3px 0;}
#dsLinkBox
.dsContainerDiv{margin:20px;}
.dsContainerDiv h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin:35px 0 -20px 0;}
.dsContainerDiv h3:target, .dsContainerDiv h3.sftarget {color:#fff; background-color:#5b9f2a; font-weight:bold; padding:10px 0 10px 7px; width:75%; margin:35px 0 -20px 0;}
.dsContainerDiv h4{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2f8c0f; font-weight:bold; margin:35px 0 8px 0;}
.dsContainerDiv h4:target, .dsContainerDiv h4.sftarget {color:#fff; background-color:#5b9f2a; font-weight:bold; padding:10px 0 10px 7px; width:75%; margin:35px 0 0px 0;}
.dsContainerDiv ul{padding:0; width:75%; margin:0; margin-bottom:12px;}
.dsContainerDiv li{list-style-type:none; border-bottom:1px solid #666; padding:5px 0 7px 0px;}
.dsContainerDiv li:hover{list-style-type:none; border-bottom:1px solid #333333; padding:5px 0 7px 0; background-color:#d0eab9;}
.dsContainerDiv a:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:normal; text-decoration:none;}
.dsContainerDiv a:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#696969; font-weight:normal; text-decoration:none;}
.dsContainerDiv a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; font-weight:normal; text-decoration:underline;}
.dsContainerDiv a.bTop{color:#2f8c0f; font-size:10px; text-decoration:underline;}
#test a{font-size:10px; color:#009900;}

 /*Installation Bulletin page */
.ibContainerDiv{margin:20px;}
.ibContainerDiv ul{padding:0; width:75%; margin:0; margin-bottom:12px;}
.ibContainerDiv li{list-style-type:none; border-bottom:1px solid #666; padding:5px 0 7px 0px; font-size:11px;}
.ibContainerDiv a{font-size:12px; line-height:20px;}


/* contact page */
.message{font-weight:bold; color:#2f8c0f;}
label{float:left; width:110px; text-align:right; display:block; margin-right:10px; font-weight:bold;}
input{width:175px; border:1px solid #333;}
input#button{width:auto; border:1px solid #333; margin-top:10px;}
textarea{width:175px; border:1px solid #333;}
.formBg{color:#333; width:350px;}
.formBg button{margin-left:120px; color:#d5e8f7; background-color:#0366ba; font-weight:bold; border:1px double #d5e8f7;}

#addresses{background-color:#d5e8f7; border:0px; padding:15px; color:#333; float:right; width:185px; margin-left:20px; font-size:10px;}

#rightColumnIeFix {margin-left:200px; margin-right:20px; background-color:#FFFFFF;}
#rightColumnIeFix h2{margin:-10px 0 0px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

/* distributor page */
.dist h3{font-size:14px; color:#023163;}
.dist h4{font-size:12px; color:#023163; margin:30px 0 -10px 0;}
.dist h5{font-size:12px; font-weight:bold; margin:25px 0 1px 0;}
.dist p{margin:15px 0 15px 0;}
.dist p#first{margin-top:5px;}
.note{font-size:10px; font-style:italic;}

/* corporate page */
.corp h3{font-size:16px; color:#333333; margin:20px 0 1px 0; font-family:Myriad Pro, Arial, Verdana, Helvetica, sans-serif}
.corp p{width:80%;}

/* New Products page */
.productDiv ul#bullets {margin-left:290px;}

/* environment page */
p.eMain {font-size:13px; margin-bottom:20px;}
.eDiv{height:60px; margin:10px 0 10px 0;} 
.eDivFlex{height:100%; margin:40px 0 10px 0;}
.eDiv p{margin:0 20px 0 0; font-size:14px;}
.eDiv img{float:left; clear:both; margin-right:15px;}
.eDivFlex img{float:right; clear:both; margin:27px 0 0 15px;}
.eDivFlex h3{margin:0; color:#035193; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* generic styles */
.noLeftMargin{margin-left:0;}
.clearing {height: 0; clear: both;}
.size10{font-size:10px;}

/* VCT styles */
#vctRightColumn {margin-left:200px; margin-right:0px; background-color:#FFFFFF;}
.prodItemRow{margin:10px 0 0px 0;}
.tileImage{margin:0 20px 0px 0; float:left;}
.tileImage p{font-family: Arial, Tahoma, Geneva, sans-serif; font-size:9px; margin:3px 0 10px 0; color:#000000;}
#vctFeatures {clear:both;}
#vctFeatures p{width:50%;}
#vctFeatures #techData{float:right;}
#vctFeatures #techData h1{margin-top:0;}
#vctFeatures #techData ul{padding-left:20px;}
#vctFeatures #techData li{list-style-type:none; padding:1px 1px;}
#vctFeatures ul{padding-left:20px;}
.tileImageStrips{margin:0 20px 30px 0; float:left; width:50px; height:105px;}
.tileImageStrips p{margin-top:95px; font-size:11px;}