/* CSS Document */
body{
background:#ffffff;
font-family:Arial, Helvetica, sans-serif;
}
ul{
font-size:11px;
list-style-type: square;
list-style-position: outside;
margin-left: 10px; 
margin-top:0px;
padding-top:0px;
padding-left: 10px;
line-height:14px;
}
ul.cpd{
font-size:11px;
list-style-type: square;
list-style-position: outside;
margin-left: 10px; 
margin-top:0px;
padding-top:0px;
padding-left: 10px;
}
li { 
margin: 0px; 
padding: 0px; 
} 
a{text-decoration:none;
color:#02245c;
}
.inpage {text-decoration:underline;
color:#02245c;
}
.inpageLarge 
{
font-weight:bold;
color:#afb8cb;
font-size:14px;
}

h2{
font-size:16px;
color:#8794b0;
font-weight:normal;
margin:0;
padding:0 0 10px 0;
}

h4{
font-size:11px;
color:#000000;
margin:0;
padding:15px 0 15px 0;
}
h5{
font-size:40px;
color:#afb8cb;
margin:2px 0 0 0;
padding:0;
font-weight:400;
}
h6{
margin:0 0 0 0;
width: 430px;
padding:0 5px 0 0;
font-size:11px;
}
h6.faq{
margin:0 0 0 0;
padding:0 5px 0 0;
font-size:11px;
}
h7{
margin:0 0 0 0;
width: 700px;
padding:0 5px 0 0;
font-size:11px;
font-weight:bolder;
}

#wrap{
width:960px;
margin:0 auto;
padding:0;
}
#header{
background:#ffffff;
float:left;
width:960px;
margin:0;
padding:0;
height:80px;
display:inline;
}
#header h1{
font-size:40px;
font-weight: normal;
color:#afb8cb;
margin:10px 0 0 0;
padding:0 0 15px 0;
font-family: Arial;
}
#logo{
float:right;
width:154px;
margin:0;
padding:0;
display:inline;
}
#pagetitle{
float:left;
width:590px;
margin:0 0 0 13px;
padding:0;
display:inline;
}
#search{
background-color:#c7cede;
float:left;
width:162px;
margin:1px 10px 0 0;
padding:0 0 0 0;
display:inline;
}
#box{
float:left;
width:133px;
margin:0;
padding:0 2px 2px 0;
border-right:solid 1px #ffffff;
}
#gobutton{
float:left;
margin:0;
font-size:10px;
}
.HiddenControl
{
	display:none;
}
.goBut{
float:left;
padding:5px 0 0 5px;
font-size:10px;
background-color:#c7cede;
width:20px;
height:20px;
color:black;
border:0px;
cursor:hand;
}

#navigation{
float:left;
height:25px;
width:960px;
margin:0;
padding:0;
background-image:url(../images/navBackground.jpg);

}
#navigation a{
width:150px;
text-decoration:none;
margin:0;
padding:0 20px 0 0;
}
#navigation img{
border:none;
margin:0;
padding:0 3px 0 0;
}
#breadcrumb{
float:left;
width:960px;
margin:0 0 2px 0;
padding:0 0 0 0;
}

#leftnavigation{
float:left;
width:160px;
margin:0 15px 0 0;
padding:0;
display:inline;

}
#leftnavigationtoplevel{
float:left;
width:160px;
margin:0 10px 10px 0;
padding:0;
display:inline;
}
#content{
float:left;
width:785px;
margin:0;
padding:0;
display:inline;
}

#content img{
border:none;
}
#contentleft{
float:left;
width:418px;
margin:0 0 1px 0;
padding:0;
display:inline;
}

#contentleft1{
float:left;
width:209px;
margin:0 0 1px 0;
padding:0;
display:inline;
}
#contentleft1 img{
border:none;
}

#contentleft img{
margin:0;
padding:0 0 1px 0;
}
#contentleft2{
float:left;
width:418px;
margin:-17px 0 1px 0;
padding:0;
display:inline;
}
#contentright{
float:left;
width:367px;
margin:0 0 1px 0;
padding:0;
display:inline;
}
#contentright p{
font-size:11px;
margin:0;
padding:30px 0 0 50px;
}
#productleft{
float:left;
width:350px;
margin:0 0 1px 0;
padding:0;
display:inline;
}
#productright{
float:left;
width:435px;
margin:0 0 1px 0;
padding:0;
display:inline;
}
#productright p{
font-size:11px;
margin:0;
padding:0 0 0 50px;
}
#productright ul{
font-size:11px;
margin:0;
padding:0 0 0 50px;
}
#productaccreditations{
margin:20px 0 0 0;
padding:0 0 0 40px;
}
#productaccreditations img{
margin:0;
padding:0 10px 0 0;
}
#contentright2{
float:left;
width:367px;
margin:-17px 0 1px 0;
padding:0;
display:inline;
}
#contentright2 p{
font-size:11px;
margin:0;
padding:0 0 0 0;
}
#contentright1{
float:left;
width:209px;
margin:0 0 1px 0;
padding:0;
display:inline;
}
#contentright1 img{
border:none;
}
#mainimage{
width:785px;
float:left;
margin:0 0 0 0;
padding:0 0 0px 0;
display:inline;
}
#mainimageCompany{
width:350px;
float:left;
margin:-18px 0 0 0;
padding:0 0 1px 0;
display:inline;
}
#mainimage img{
float:left;
border:none;
margin:0;
padding:0 0 10px 0;
}
#mainimageCompany img{
border:none;
margin:0;
padding:0 0 0 0;
}
#mainimage1{
width:785px;
float:left;
margin:-18px 0 0 0;
padding:0 0 1px 0;
display:inline;
}
#mainimage1 img{
float:left;
border:none;
margin:0;
padding:0 0 0 0;
}
#mainimage3{
width:785px;
float:left;
margin:-18px 0 0 0;
padding:0 0 40px 0;
display:inline;
}
#mainimage3 img{
float:left;
border:none;
margin:0;
padding:0 0 10px 0;
}
#contentcopy{
float:left;
margin:0;
padding:10px 0 0 0;
}
#contentcopy p{
font-size:11px;
margin:0;
padding:0 0 20px 0;
}
#homebottombar{

margin:0;
padding:0;
}

.newsImg {
border: solid 1px #cccccc;
}

.newsBox {
border: solid 1px #cccccc;
background-color:#cccccc;
font-family:arial;
font-size:11px;
}

#homeintro{
font-size:11px;
float:left;
width:382px;
margin:15px 0 0 0;
padding:0;
display:inline;
}
#ewiIntro{
float:left;
width:521px;
margin:15px 0 0 0;
padding:0;
display:inline;
}
#prodconIntro{
float:left;
width:389px;
margin:15px 0 0 0;
padding:0;
display:inline;
}

.ewiIntrotext{
float:left;
width:516px;
margin:0 0 0 0;
padding:0 5px 0 0;
font-size:11px;
border-right:solid 1px #a0a0a0;
}

.Introtextnew3{
float:left;
margin:0 0 0 0;
width: 350px;
padding:0 5px 0 0;
font-size:11px;
border-right:solid 1px #a0a0a0;
}

.Introtextnew2{
float:left;
margin:0 0 0 0;
width: 450px;
padding:0 5px 0 0;
font-size:11px;
border-right:solid 1px #a0a0a0;
}

.IntrotextCompany{
margin:0 0 0 0;
width: 290px;
padding:0 5px 0 0;
font-size:11px;
}

.IntrotextQuality{
margin:0 0 0 0;
width: 410px;
padding:0 5px 0 0;
font-size:11px;
}

.companyText{
margin:0 0 0 0;
width: 100px;
padding:0 5px 0 0;

}

.IntrotextCasestudy{
margin:0 0 0 0;
width: 290px;
padding:5px 5px 5px 5px;
font-size:11px;
}

.headPad{
float:left;
margin:0 0 0 0;
width: 400px;
padding:0 5px 9px 0;
font-size:11px;
width: 430px;
}
.headPad2{
float:left;
margin:0 0 0 0;
width: 370px;
padding:0 5px 9px 0;
font-size:11px;

}

.sysheadPad{
float:left;
margin:0 0 0 0;
width: 100%;
padding:0 5px 9px 0;
font-size:11px;
}

.Introtextfull{
float:left;
margin:0 0 0 0;
padding:0 5px 0 0;
font-size:11px;

}

.SysComptextfull{
float:left;
margin:0 0 0 0;
padding:0 5px 0 0;
font-size:11px;
}
.SysComptextfull a{
text-decoration:underline;
}

.prodConIntrotext{
float:left;
width:389px;
margin:0 0 0 0;
padding:0 5px 0 0;
font-size:11px;
border-right:solid 1px #a0a0a0;
}
.bodytext{
width:337px;
margin:0;
padding:0 15px 14px 0;
font-size:11px;
}
.bodytext1{
width:322px;
margin:0;
padding:0 15px 14px 30px;
font-size:11px;
}
.cstext{
width:250px;
margin:0;
padding:0 15px 14px 0;
font-size:11px;
}
.casestudytext{
float:left;
width:422px;
margin:0;
padding:15px 15px 10px 40px;
font-size:11px;
}
.indent{
font-size:12px;
color:#111111;
font-weight:bold;
margin:0;
padding:15px 0 15px 30px;
}
#newbuildintrotext{
float:left;
width:228px;
margin:0;
padding:0 0 14px 0;
font-size:11px;
display:inline;
}
#newbuildcasestudy1{
float:left;
width:134px;
margin:0 0 0 10px;
padding:0;
display:inline;
}

#constructiontypetext{
float:left;
width:110px;
margin:0 5px 0 0;
padding:0;
font-size:11px;
display:inline;
}

#newbuildconstructiontype{
float:left;
width:228px;
margin:-70px 0 0 0;
padding:0;
display:inline;
}
#refurbconstructiontype{
float:left;
width:392px;
margin:0 0 0 0;
padding:0 0 0 10px;
display:inline;
}
#refurbconstructiontype h4{
margin:0;
padding:0 0 5px 0;
}
#newbuildconstructiontype li{
list-style:none;
}
#newbuildconstructiontype h4{
margin:0;
padding:0 0 5px 0;
}
#newbuildcasestudy2{
float:left;
width:108px;
margin:0 0 0 100px;
padding:0;
display:inline;
}
#newbuildcasestudy2 img{
border:none;
}
#newbuildcasestudy2 p{
font-size:10px;
margin:0;
padding:0;
}
#casestudyintrotext{
float:left;
width:393px;
margin:0 0 0 0;
padding:0;
font-size:11px;
display:inline;
}
#casestudyintrotext p{
font-size:11px;
}
#casestudyintrotext2{
float:left;
width:393px;
margin:0 0 0 0;
padding:0;
font-size:11px;
display:inline;
}
#casestudyintrotext h3{
margin:15px 0 0 0;
padding:0;
}

#refurbishmentintrotext{
float:left;
width:215px;
margin:0;
padding:0 15px 0 10px;
font-size:11px;
display:inline;
}
#refurbcasestudy2{
float:left;
width:101px;
margin:0 0 0 20px;
padding:0 0 0 10px;
display:inline;
}
#refurbcasestudy1{
float:left;
width:247px;
margin:0 0 0 145px;
padding:0 0 0 0;
}
#homelatestnews{
float:left;
width:132px;
margin:0;
padding:0;
display:inline;
}
#homelatestnews p{
width:125px;
height:85px;
font-size:10px;
margin:0;
padding:0 0 0 7px;
border-right:solid 1px #a0a0a0;
}
#homelatestprojects{

float:left;
width:133px;
margin:0;
padding:45px 0 0 0;
display:inline;

}

#homelatestprojects p{
width:125px;
float:left;
height:80px;
font-size:10px;
margin:0;
padding:0 1px 0 7px;
display:inline;
border-right:solid 1px #a0a0a0;
}
#homelatestproducts{

float:left;
width:131px;
margin:0 0 0 0;
padding:50px 0 0 0;
}
#homelatestproducts p{
width:121px;
height:80px;
float:left;
font-size:10px;
margin:0;
padding:0;
display:inline;
border-right:solid 1px #a0a0a0;
}
#homelatestcpd{

float:left;
width:119px;
margin:0;
padding:0 0 0 2px;
}
#homelatestcpd p{
width:111px;
height:80px;
float:left;
font-size:10px;
margin:0;
padding:0 0 0 0;
display:inline;
border-right:solid 1px #a0a0a0;
}

#ewibottombar{
float:left;
width:785px;
margin:0;
padding:0;
}
#ewibottombar2{
background:url(../images/fullbarbottom2.jpg) no-repeat;
width:785px;
margin:0;
padding:0;
}
#newbuildintro{

float:left;
width:362px;
margin:15px 0 0 0;
padding:0 20px 0 0;
border-right:solid 1px #a0a0a0;
}
#newbuildintro h3{
margin:0;
padding:0 0 15px 0;
}

#casestudyintro{

float:left;
width:393px;
margin:0;
padding:0;


}
#casestudyintro2{

float:left;
width:270px;
margin:0;
padding:0 140px 0 0;


}
#casestudyintro p{
font-size:11px;
}
#casestudyintro2 p{
font-size:11px;
}
#refurbishmentintro{
float:left;
width:362px;
margin:0;
padding:15px 30px 0 0;
}
#casestudies{
float:left;
width:285px;
margin:0;
padding:0 0 0 0;
}
#casestudies1{
float:left;
width:285px;
margin:0;
padding:0 0 0 15px;
}
#casestudies1 img{
border:none;
margin:0;
padding:5px 10px 0 0;
}

#casestudies img{
border:none;
margin:0;
padding:5px 10px 0 0;
}
#casestudiesmorepics{
float:left;
width:285px;
margin:0;
padding:1px 1px 1px 0;
}
#casestudiesmorepics img{
margin:0;
padding:0 1px 0 0;
}
#productinfo{
float:left;
height:80px;
width:191px;
margin:15px 0 0 0;
padding:0;
border-right:solid 1px #a0a0a0;
}
#productinfo2{
float:left;
height:100px;
width:191px;
margin:15px 0 0 0;
padding:0 50px 0 0;
font-weight:bold;


}
#productinfo a{
text-decoration:none;
color:#02245c;
}
#productinfo img{
border:none;
}
#projectintro{
float:left;
height:80px;
width:196px;
margin:15px 0 0 0;
padding:0;
border-right:solid 1px #a0a0a0;
border-left:solid 1px #a0a0a0;
}
#projectintro a{
text-decoration:none;
color:#02245c;
}
#projectintro img{
border:none;
}
.projectintrotext{
width:176px;
font-size:10px;
margin:0;
padding:0 10px 0 10px;
}


#inca{
float:left;
width:70px;
margin:0;
padding:0;
display:inline;
}
#bba{
float:left;
width:55px;
margin:0;
padding:0;
display:inline;
}
.bottomthumbnail{
float:left;
margin:0;
padding:5px 0 0 0;
display:inline;
}
.bottomthumbnail2{
float:left;
margin:0;
padding:5px  0 0 0;
display:inline;
border:none;
}
#thumbs{
float:left;
width:420px;
margin:0 0 0 0px;
padding:0 0 20px 0;
font-size:11px;
text-align:left;
}

.more1{
margin:0;
padding:0 0 4px 80px;
}
.more2{
margin:-10px 0 10px 0;
padding:0 0 0 80px;
}
.more3{
margin:-40px 0 0 0;
padding:0px 0 5px 80px;
}
.ewimore1{
float:left;
margin:0;
padding:35px 0 0 0;
}
.ewimore2{
float:left;
margin:0;
padding:35px 0 0 0;
}
.casestudyheading{
font-size:11px;
margin:0;
padding:10px 0 5px 0;
}
.productinfoheading{
font-size:11px;
margin:0;
padding:5px 0 0 0;
}
.productinfotext{
width:171px;
font-size:10px;
margin:0 0 0 0;
padding:0 10px 0 10px;
}
.productinfotext2{
width:171px;
font-size:11px;
margin:0 0 0 50px;
padding:0 10px 0 10px;
}
.productinfotext1{
font-size:10px;
margin:0;
padding:0 0 0 15px;
}
#bottom{
float:left;
width:960px;
margin:0px 0 0 0;
padding:0;
}

#footer{
width:960px;
margin:0;
padding:5px 0 0 0;
font-size:9px;
}

.alignRight {
  text-align: right;
  color:#001953;
  background-color:#c7cede;
  font-family: arial; 
  font-size: 12px; 
  cursor:pointer;
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 4px;
  padding-bottom: 4px;
}

/*Nav Css*/

.NavBarBut
{
  color:#000000;
  background-color:White;
  font-family: arial; 
  font-size: 11px; 
  font-weight: bold;
  padding-top: 4px; 
  padding-bottom: 4px; 
  padding-left:10px;
  cursor:pointer;
  text-decoration:none;
  width:149px;
} 

.NavBarBut1
{
  color:black;
  background-color:White;
  font-family: arial; 
  font-size: 11px; 
  font-weight: bold;
  padding-top: 4px; 
  padding-bottom: 4px; 
  padding-left:10px;
  cursor:pointer;
  text-decoration:none;
} 
.quicklinksTitle{
  color:black;
  background-color:White;
  font-family: arial; 
  font-size: 11px; 
  font-weight: bold;
  padding-top: 1px; 
  padding-bottom: 1px; 
  padding-left:10px;
  cursor:pointer;
  text-decoration:none;
} 


.NavBar
{
  color:black;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  text-align:left;
  padding-left: 10px; 
  padding-top: 1px;
  padding-bottom: 2px;
  padding-right: 8px; 
  width:141px;
} 
.NavBar4 .NavBar{
background:white;
}

.TopItem
{
  color:black;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  text-align:left;
  width:141px;
}

.TopItemLeft
{
  color:black;
  font-family: arial; 
  font-size: 10px;
  cursor:pointer;
  text-align:left;
  width:141px;
}

.TopItemHover
{
  color:black;
  font-family: arial; 
  font-size: 10px; 
  font-weight: bold;
  cursor:pointer;
  text-align:left;
  background-color:#ffffff;
  width:141px;
}

.TopItemHoverLeft
{
  color:black;
  font-family: arial; 
  font-size: 10px; 
  font-weight: bold;
  cursor:pointer;
  text-align:left;
  background-color:#e0e4ee;
  width:141px;
}

.TopItemActiveLeft
{
  color:black;
  background-color:White;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  font-weight: bold;
  text-align:left;
  width:141px;
}

.Level2Item
{
  background:white;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  color:#666666;
  padding-left: 15px; 
  padding-top: 1px;
  padding-bottom: 1px;
  width:141px;
}

.Level2ItemHover
{
  background:white;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  font-weight: bold;
  color:#666666;
  padding-left: 15px; 
  padding-top: 1px;
  padding-bottom: 1px;
  width:141px;
  
}

.Level2ItemSelected
{
  background :white;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  padding-left: 15px; 
  padding-top: 1px;
  padding-bottom: 1px;
  width:120px;
}

.Empty
{
}

.quickLink
{
  color:#666666;
  background-color:White;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  text-align:left;
  margin:0 0 0 0;
  padding-left: 15px; 
  padding-top: 1px;
  padding-bottom: 1px;
  width:120px;
} 
.quickLinkActive{
margin:0;
padding:0;
}

.topNav
{
  color:#001953;
  font-family: arial; 
  font-size: 12px; 
  cursor:hand;
  text-align:center;
  margin:0 0 0 0;
  padding-left: 14px; 
  padding-right: 14px; 
  padding-top: 4px;
  padding-bottom: 6px;
} 

.topNavHover
{
  color:#001953;
  font-family: arial; 
  font-size: 12px; 
  cursor:hand;
  text-align:center;
  margin:0 0 0 0;
  padding-left: 14px; 
  padding-right: 14px; 
  padding-top: 4px;
  padding-bottom: 6px;
} 

.topNavLevel2
{
  color:#001953;
  font-family: arial; 
  font-size: 10px; 
  cursor:hand;
  margin:0;
  padding-left: 14px; 
  padding-right: 14px; 
  padding-top: 4px;
  padding-bottom: 6px;
  background-color: #e2e6ef;
  border-left:1px solid #b1bac3;
  border-right:1px solid #b1bac3;
  border-bottom:1px solid #b1bac3;
  text-align:left;
  width:150px;
} 

.topNavLevel2Hover
{
  color:#001953;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  margin:0;
  padding-left: 14px; 
  padding-right: 14px; 
  padding-top: 4px;
  padding-bottom: 6px;
  background-color: #d3d3db;
  border-left:1px solid #b1bac3;
  border-right:1px solid #b1bac3;
  border-bottom:1px solid #b1bac3;
  text-align:left;
  width:150px;
} 



#print
{
float:right;
  color:black;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  text-align:left;
 margin:0 0 0 0;
 padding:0;
} 
.bcTrail
{
float:left;
  color:#a9b6c9;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  text-align:left;
 margin:0 0 0 0;
 padding:7px 3px 0 0;
} 

.bcTrail1
{
float:left;
  color:#a9b6c9;
  font-family: arial; 
  font-size: 10px; 
  cursor:pointer;
  text-align:left;
margin:0;
padding:7px 3px 0 2px;
}
#thumbnail{
float:left;
width:130px;
height:180px;
margin:0 20px 0 0;
padding:0;
}
#thumbnail p{
font-size:11px;
}
#thumbnail img{
border:none;
}
#thumbnail2{
float:left;
width:130px;

margin:0 20px 0 0;
padding:0;
}
#thumbnail2 p{
font-size:11px;
}
#thumbnail3{
float:left;
width:130px;
background:#c7cedd;
margin:5px 27px 0 0;
padding:0 0 0 0;
}
#thumbnail3 p{
font-size:11px;
margin:0;
padding:5px 0 5px 5px;
}
#thumbnail4{
float:left;
width:260px;

margin:0 20px 0 0;
padding:0;
}
#thumbnail4 p{
font-size:11px;
}
#list1{
width:90px;
float:left;
margin:-30px 0 0 0;
padding:0;
font-size:11px;
}

#paintoptions{

float:left;
width:119px;
margin:0;
padding:0 0 0 2px;
}
#paintoptions p{
width:111px;
height:80px;
float:left;
font-size:10px;
margin:20px 0 0 0;
padding:0 10px 0 0;
display:inline;
border-right:solid 1px #a0a0a0;
}
#pointer{
margin:0;
padding:0;
}
#pointer img{
width:784px;
margin:0;
padding:0 0 0 10px;
} 
.cover{
margin:0;
padding:0 50px 0 0;
}
#casestudyintro{
width:482px;
float:right;
margin:0;
padding:0;
}
#casestudyinfo{
width:303px;
float:left;
margin:0;
padding:0;
}
#mainprojectimage{
width:630px;
float:left;
margin:0;
padding:0;
}
#projectthumbnails{
width:145px;
float:left;
margin:0 0 0 10px;
padding:0;
}
#projectthumbnails img{
margin:0;
padding:0 0 10px 0;
}
#constructiontypethird{
float:left;
width:261px;
margin:0;
padding:0;
}
.techtext{
width:390px;
}
.actext{
width:390px;
margin:-30px 0 0 0;
padding:0;
}
.dropDown{
font-size:10px;
background-color:#deebf6;
}
.searchBox{
font-size:10px;
width:120px;
height:12px;
margin:0;
padding:0 5px 0 0;
border-right:1px solid #ffffff;
}
.myfileBox{
background-color:#deebf6;
font-size:10px;
width:120px;
height:12px;
margin:0 0 3px 0;
padding:0 0 0 0;
border:1px solid #7f9cba;
}
#myfile{
font-size:10px;
margin:20px 0 0 0;
padding:0 0 0 0;
}
#myfile p{
margin:0;
padding:0 0 3px 2px;
}
.loginButton{
font-size:9px;
}
#ewiSelectby{
font-size:10px;
float:left;
width:122px;
margin:10px 0 0 0;
padding:0 0 0 10px;
display:inline;
}
#topNavSelectBy{
font-size:10px;
float:left;
width:122px;
margin:10px 0 0 0;
padding:0 0 0 10px;
display:inline;
}

#topNavSelectBy img{
border-right:solid 1px #a0a0a0;
margin:10px 0 0 0;
padding:0 10px 0 0;
}

#ewiSelectby img{
border-right:solid 1px #a0a0a0;
margin:10px 0 0 0;
padding:0 10px 0 0;
}
#ewiSelectby2{
font-size:10px;
float:left;
width:122px;
margin:10px 0 0 0;
padding:0 0 0 10px;
display:inline;
}
#ewiSelectby2 img{
border-right:solid 1px #a0a0a0;
margin:20px 0 0 0;
padding:0 10px 0 0;
}
#ewiSelectby3{
font-size:10px;
float:left;
width:112px;
margin:10px 0 0 0;
padding:0 0 0 10px;
display:inline;
}
#ewiSelectby3 img{
border-right:solid 1px #a0a0a0;
margin:20px 0 0 0;
padding:0 10px 0 0;
}
.Introtext{
font-size:11px;
width:350px;
margin:0;
padding:0 30px 0 0;
border-right:solid 1px #a0a0a0;
height:80px;
}
#key{
float:right;
font-size:11px;
margin:-70px 0 0 0;
padding:0;
}
#benefitslist{
font-size:11px;
margin:0;
padding:10px 0 0 53px;
}


.links
{
border: 2px solid #b6bdc5;
background:#d3d4d9;
background-image:url(images/linkBG.gif);
background-repeat: repeat-x;
width:310px;
font-size:11px;
margin:5px 0 10px 10px;
padding:5px 0 10px 15px;
text-align:left;
}

#movie 
{
width:320px; 
margin:5px 0 10px 00px;
padding:5px 0 10px 00px;  
}
#casestudylinks{
width:370px;
font-size:11px;
margin:20px 0 0 0;
padding:0 0 0 0;
}
#links2{
float:left;
background:#c7cede;
width:370px;
font-size:11px;
margin:-30px 0 0 0;
padding:10px 0 0 10px;
}
#linkslist{
background:#c7cede;
float:left;
margin:0;
padding:5px 90px 10px 20px;
list-style-image: url(../images/arrow3.jpg);
}
#casestudylinkslist{
float:left;
margin:0;
padding:0 90px 0 0;
list-style:none;
}

#linkslist2{
background:#c7cede;
float:left;
margin:0;
padding:5px 0 10px 0;
list-style-image: url(../images/arrow3.jpg);
}
#casestudyleft{
font-size:11px;
float:left;
width:370px;
margin:0 42px 0 0;
padding:0;
}
#casestudyright{
font-size:11px;
float:left;
width:370px;
margin:0 0 0 0;
padding:0;
}
#productmaintext{
font-size:11px;
float:left;
width:350px;
margin:-35px 0 0 0;
padding:0;
}

.boldHead {
font-size:11px;
margin:0;
padding:0 0 20px 20px;
}

/*Calculator Style*/

.Calculator {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.CalculatorInput {
	background-color: #dfe2e7;
	width: 50px;
	border: 1px solid;
	height: 16px;
	margin-top: 1px;	
	margin-bottom: 1px;	
	text-align:center;
	font-size:11px;
}

.CalculatorResult {
	background-color: #dfe2e7;
	width: 130px;
	border: 1px solid;
	height: 18px;
	margin:0;
	padding:0;
}

.Guttername {
	background:#d2d1d9 url(../images/nbsBG.gif) repeat-x;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border:1px solid #cccccc;
}

.TableLayout {
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	border-style: solid;
	border-width: 1px;
	border-color: #cfd6e2;
}

.tdLayout {
	border-style: solid;
	border-width: 1px;
	border-color: #cfd6e2
}

.TableGreyBg {
	background:#f2f1f1;
}

.TableGreyBg2 {
	background-color: #e9ebee;
}

.TableGreyBg3 {
	background-color: #eff0f3;
}

.Dropdown {
	background-color: #dfe2e7;
	border: 1px solid #001e3d;
	margin-top: 5px;
	font-size: 10px;
	width:150px;
}

.calcDropdown {
	background-color: #dfe2e7;
	border: 1px solid #001e3d;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 10px;
}

.SearchDropdown {
	background-color: #dfe2e7;
	border: 1px solid #001e3d;
	margin-top: 5px;
	font-size: 10px;
	width: 150px;
}

.leftCell {
font-size: 11px;
color: #000000;
background-color: #e6e6e6;
}

.rightCell {
font-size: 11px;
color: #000000;
background-color: #e6e6e6;
}

.calcBar {
border-bottom:1px solid white;
background-color: #e1e5ee;
height: 25px;
color: black;
text-align: left;
font-size: 11px;
font-weight:bold;
}

.logLeft {
background-color: #e1e5ee;
height: 15px;
color: black;
text-align: right;
font-size: 10px;
width:100px;
}

.logLeftLong {
height: 15px;
color: black;
text-align: left;
font-size: 10px;
padding-left:20px;
}

.logCenter {
color: black;
text-align: center;
font-size: 10px;
width:150px;
}

.nbsLeft {
height: 25px;
color: black;
text-align: left;
font-size: 10px;
}

#NBSBox {
	width: 502px;
	background-color: #dfe2e7;
	padding: 10px 10px 0px 10px;
	margin: 6px 0px 0px 0px;
	height: 157px;
	font-family: arial;
	font-size: 11px;	
}

.dropdown {
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #7f8e9e;
	background-color: white;
	color: black;	
}

.dropdown2 {
	font-family:Arial;
	font-size: 11px;
	border: 1px solid #7f8e9e;
	background-color: #eff0f3;
	color: #001e3d;	
	width: 290px;
}

.dropdown3 {
	font-family: Arial;
	font-size: 11px;
	border: 1px solid #7f8e9e;
	background-color: #eff0f3;
	color: #001e3d;	
	width: 265px;
}

#results {
	margin-top: 11px;
	font-size: 12px;	
}

.NBSbutton {
	font-size: 11px;
	border: none;
	background-color: #7f8e9e;
	color: #fff;
	width: 130px;
	height: 22px;	
}

.NBSheader {
	background-color: #f0f1f5;
	color: #fff;
	font-size: 12px;
	padding: 4px 4px 4px 10px;
}

.NBSdata {
	padding: 0px 0px 0px 10px;	
	font-size: 11px;
}

.indexHead {
font-family: arial;
font-size: 11px;
}

.indexText {
font-family: arial;
font-size: 11px;
width:100px;
}

.indexDiv {
width: 150px;
font-family: arial;
font-size: 11px;
float:left;
}

.GreyRow {
background-color: #cccccc;
height: 20px;
font-size: 10px;
color:black;
}

.WhiteRow {
background-color: White;
height: 20px;
font-size: 10px;
color:black;
}

.CADTable {
width:360px;
border:1px solid #666666;
color:black;
background-color:#cccccc;
}
#finishesBottom{
float:left;
width:785px;
margin:0;
padding:0;
}
#finishesBottomLeft{
float:left;
width:400px;
margin:0;
padding:0;
}
#finishesBottomRight{
float:left;
width:385px;
margin:0;
padding:0;
}
#finishesBottomRight2{
float:left;
width:800px;
margin:0;
padding:0;
}
.IntrotextFinishes{
margin:10px 0 0 0;
padding:0 20px 0 0;
font-size:11px;
}
.IntrotextFinishes2{
margin:10px 0 0 0;
padding:0 40px 0 20px;
font-size:11px;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.IntrotextFinishes3{
margin:10px 0 0 0;
padding:0 20px 0 0;
font-size:11px;
border-right:1px solid #cccccc;
}
#colorshadeguide{
float:left;
width:160px;
margin:0;
padding:0;
}
#eucolorsystem{
float:left;
width:130px;
margin:0;
padding:0 0 0 30px;
}
#flashFinish{
margin:0;
padding:0;
}
#coloroptionsBottom{
float:left;
width:785px;
margin:0;
padding:0 0 20px 0;
border-bottom:1px solid #cccccc;
}
#finishchoices{
float:left;
width:785px;
margin:0 0 0 0;
padding:0 0 20px 0;
border-bottom:1px solid #cccccc;
}

.button {
height:20px;
color: black;
font-size:11px;
padding-left:5px;
padding-right:5px;
background-color: #button;
border: solid 1px #cccccc;
}
.button2
{
height:20px;
color: black;
font-size:11px;
padding-left:5px;
padding-right:5px;
margin-top:5px;
background-color: #button;
border: solid 1px #cccccc;	
}

.displayCAD {
background-color:white; 
text-align:left; 
width:384px; 
border: solid 1px #cccccc; 
height:270px; 
visibility:hidden; 
position:absolute; 
top:150px; 
left:725px;
font-size:11px;
}
.tablecolor1{
background-color:#c7cbd4;
}
.tablecolor2{
background-color:#d7dbe2;
}
.tablecolor3{
background-color:#e7e9ee;
}
#calculationmethod{
width:380px;
}

.myFileBut {
height:18px;
color: black;
font-size:10px;
padding:0px;
background-color: white;
border: solid 1px #ffffff;
font-weight:bold;
cursor:hand;
}

.pdfDiv {
text-align:left; 
padding-left:10px; 
background-image: url(images/nbsBG.gif); 
background-repeat:repeat-x; 
height:23px;
}

.dgHead
{
  font-family: arial; 
  font-size: 11px; 
  color: #666666;
  padding: 2px;
  font-weight: bolder;
}

.caddgHead
{
  font-family: arial; 
  font-size: 11px; 
  color: black;
  padding: 5px;
  font-weight: bolder;
  background-image: url(../images/nbsBG.gif);
  background-repeat:repeat-x;
}
.caddgItem
{
	  padding: 5px;
}

.dgItem
{
  font-family: arial; 
  font-size: 10px; 
  color: #666666;
  padding: 2px;
  text-decoration: none;
}

.repeaterDiv{
float:left;
margin:0 10px 0 0;
font-size:10px;
text-align:left;
}
.repeaterDiv2{
float:left;
margin:0 10px 0 0;
font-size:10px;
height:170px;
width:100px;
text-align:left;
}
.repeaterDivNew{
float:left;
margin:0;
font-size:10px;
width:100px;
text-align:left;
}

.repeaterDivBba{
float:left;
margin:0;
font-size:10px;
height:160px;
width:85px;
text-align:left;
}
.solutionlinks{
text-align:left;
background:#c2d4c5;
font-size:11px;
margin:0;
padding:10px 0 10px 10px;
}
.hydrotechfinishesstrip
{
	float:left;
	width:800px;
	margin:0;
	padding:0;
}
.hydrotechfinishes
{
	float:left;
	width:380px;
	font-size:11px;
	margin:15px 0 0 0;
	padding:0;
}
.hydrotechfinishbox
{
	float:left;
	width:190px;
	font-size:11px;
	margin:0;
	padding:0;
}
.hydrotechfinishbox p
{
	width:150px;
	margin:0;
	padding:0 0 0 3px;
}
#prodInstallTxt a{
text-decoration:underline;
}
#prodAppTxt a{
text-decoration:underline;
}

.SourceCssClass { font-family:"Consolas","Lucida Console","Courier New",monospace;font-size:11px;padding:none;border:none;background-image:none; background-color:white; }
.DesignCssClass { font-family:Arial,Helvetica,sans-serif;color:#333;font-size:11px;background-image:none; background-color:white; }
.HighlightCssClass { background-color:#cee2ec; }

h1 { font-family:Arial,Helvetica,sans-serif;color:#333;font-size:20px;line-height:30px;margin:0; font-weight:normal; }



.DesignCssClass a { color:#3c7e9d !important; }
.DesignCssClass a:hover { color:#3c7e9d !important;text-decoration:underline !important; }

.tabselected
{
	background:url(../images/selectedtabbg.jpg) no-repeat;
	color:#000000;
	margin:0;
	padding:0;
	font-weight:bold;
padding:0 0 0 5px;
}
.tabselected2
{
	background:repeat-x;
	color:#000000;
	margin:0;
	padding:0;
	font-weight:bold;
padding:0 0 0 5px;
font-size:11px;
}
.tab{
background:#e5e8ef;
border:1px solid #cccccc;
font-weight:bold;
padding:0 0 0 5px;
font-size:11px;
}
.productlisting
{
	width:780px;
	float:left;
	
	margin:15px 0 0 0;
	
	border:1px solid #cccccc;
}
.productlistingImage
{
	float:left;
	width:175px;
	border-top:1px solid #cccccc;
}
.productlistingdata
{
	float:left;
	margin:0;
	padding:0;
	
	
	}
.productlistingdataTable
{
	float:left;
	 margin-left:-1px;
	padding:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #e0dfdf;
	width:605px;
}
.productlistingdataTableSingle
{
	float:left;
	 margin-left:-1px;
	padding:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #e0dfdf;
}
.productlistingItem
{	margin:0 0 7px 0;
	padding:0 0 0 0;
}
.productlistingTitle
{
	width:750px;
	margin:0;
	padding:10px 20px 10px 10px;
	background:#f7f5f6;
	font-size:14px;
	font-weight:bold;
}