/*the main container that houses everything*/
html
{
	overflow: scroll;
}

div.container
{
width:980px;
margin:0px auto 0px auto;
line-height:110%;
clear:both;
font-size:10pt;
background-color:White;
}

.banner {
z-index:-1;
}

body{
background-color:White;
color:#1F497D;
font-family:Calibri, Tahoma , Arial ;

}
a{
color:#1F497D;
}
a:hover{
color:Gray;
}

/*header*/
#printheader, #printfooter, .showprint
{
    display: none;
}

#printheader, .printheadertext {
color: #000066;
font-size: 24pt;
line-height: 120%;
}

#printfooter, .printfootertext {
color: #000066;
font-size: 10pt;
line-height: 120%;
}

#header {
width:980px;
margin: 0px auto 0px auto;
height:70px;
clear: both;
}

#header #header_logo {

	padding-bottom:8px;
	float: left;
    height: 56px;
    padding-left: 12px;
    padding-right: 0;
    padding-top:5px;
    width: 300px;
}

/*midhome */
 #midhome{
 position:relative;
width:980px;
height:188px;
clear: both;
background-image:url(../../include/img/mid2.gif);
background-repeat:no-repeat;
text-align:center;
line-height:110%;
z-index:0;

}

#midhome .heading{
color:White;

font-size:16pt;
line-height:120%
}
#midhome .subheading{
color:White;
font-size:14pt;
line-height:120%
}
#midhome .table{
width:100%;
color:White;
border-collapse:collapse;
z-index:-1;

}

#midhome .table .tdleft{

vertical-align:top;
text-align:left;
width:700px;
padding-left:30px;
padding-top:30px;
border-collapse:collapse;
}
#midhome .table .tdleft a{
color:White;
font-size:12pt;
text-decoration:none;

}
#midhome .table .tdleft a:hover{

color:#7d8285;
text-decoration:none;

}
#midhome .table .tdright{
width:250px;
text-align:right;
border-collapse:collapse;


}



    /*mid*/
 
 #mid{
 position:relative;
width:980px;
margin: 0px auto 0px auto;
height:188px;
clear: both;
background-image:url(../../include/img/mid2.gif);
text-align:center;

font-size:10pt;
line-height:110%;
z-index:0;

}
#mid h2{
color:White;
color:White;
font-size:14pt;
line-height:120%;
font-family:Calibri, Tahoma , Arial ;

}
#mid .heading{
color:White;

font-size:14pt;
line-height:120%
}
#mid .subheading{
color:White;
font-size:11pt;
line-height:120%
}
#mid .table{
position:absolute;
width:100%;
border-collapse:collapse;
text-align:left;
color:White;
vertical-align:top;
left:0;
}

#mid span{
color:White;
}

#mid .table .tdleft{
vertical-align:top;
text-align:left;
width:700px;
padding-left:30px;
padding-top:30px;
border-collapse:collapse;
}
#mid .table .tdright{

width:250px;
text-align:right;
border-collapse:collapse;

}

.submenucontainer{

text-align:left;
position:absolute;
margin-top:160px;
margin-left:-3px;
left:0;

}

.submenustyle
{
}
.submenustyle a{
color:Navy;
font-size:10pt;
text-decoration:none;

}

.submenustyle td a{
color:White;
}


.submenustyle td{
text-align:center;
padding-right:5px;
height:25px;
width:80px;
background:transparent url(../../include/img/1b.gif) no-repeat center center;
}
.submenustyle td a:hover {


color:#1F497D;


}
.submenuselected td{
text-align:center;
height:25px;
width:80px;
background:transparent url(../../include/img/1a.gif) no-repeat center center;


}
.submenuselected td a{
font-weight:bold;
color:Navy;
}
/*menu*/

div.menucontainer
{

clear:right;
float:right;
margin-top:32px;


}


/*menustyle is for for the horizontal bar*/



.menustyle
{


padding-left:1pt;
padding-right:1pt;

}
.menustyle a{
color:Navy;
font-size:10pt;
text-decoration:none;

}
.menustyle a:hover{
color:Gray;

}



/*menustyle2 is for the dropdown bit of the menu*/
.menustyle2
{

font-size:10pt;
text-align:left;
float:left;
line-height:200%;
width:150px;
background-color:Transparent;



}
.menustyle2 .ctl00_Menu1_7{


padding-left:5px;
}

.menustyle2 a{

font-size:10pt;
text-decoration:none;
background:transparent url(../../include/img/1a.gif) no-repeat center center;

}
.menustyle2 a:hover{

font-size:10pt;
}



.menustyle2 td a:hover{
/*background-color:Navy;*/
background:transparent url(../../include/img/1b.gif) no-repeat center center;
color:White;
}




.menuselected{

font-weight:bold;



}
.menuselected a{
color:Navy;


}
.menuselected a:hover{
color:Gray;
}


/*for where all the content goes in the content pages of master page*/
div.content
{
width:980px;
margin: 0px 0px 0px 0px;
}

/*  :-------- Footer ------------ */

#footer {

margin:0;
padding: 4px 4px 0px 4px;

font-family:Calibri;
font-size:8pt;
clear:both;
height:75px;
background:transparent url(../../include/img/footerbg.gif) repeat-y center center;

}
#footer .left {
	width: 610px;
    float:left;
    text-align:center;
 
}

#footer td{
vertical-align:top;

}


#footer #footer_menu {

	padding: 0 25px 0 0;

	float: right;

}

#header_menu {
	padding: 0 4px 0 0;
	float: right;
}

#header_menu ul, #footer #footer_menu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#header_menu ul li, #footer #footer_menu ul li {
	color: #646464;
	font-size: 8pt;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 1px #646464 solid;
	padding: 0 0.5em;
}

#header_menu .first, #footer #footer_menu .first 
{
	border: none;
	font-weight:normal;
	padding: 0.1em 0.5em;
}

#header_menu a, #footer #footer_menu a {

	font-size: inherit;

	text-decoration: none;



}

#header_menu a:hover, #footer #footer_menu a:hover {

color:Gray;
}

/*************for all  pages*************************/

#home {

	margin: auto;
    width:980px;
	text-align: left; 
	line-height:110%;
	margin-bottom:15px;
	
	
	
}
 

#home img{
border-style: none;
    border-color: inherit;
    border-width: 0;
}
#home a{
text-decoration:none;
color:#1F497D;
border-width:0px;
border-style:none;
border:0;
}



#home a:hover {
color:Gray;
}

.big{
font-size:10pt;
line-height:110%;
}


.error{
color:Red;
font-style:italic;
font-size:10pt;
}
 .table1 {
margin-top: 20px;
width:980px;
}

 .table1 .tdleft{
 width:490px;
text-align:center;
}

 .table1 .tdright{
width:490px;
}
  
.table1 p{
color:#1F497D;
font-size:10pt;
line-height:110%;

}

.table1 h2{
color:#1F497D;
line-height:130%;
font-family:Calibri, Tahoma , Arial ;
font-size:12pt;
}

.table2 {
width:440px;
vertical-align:top;
text-align:justify;
margin-left:20px;
}
 .table2 .tdmain{

border-bottom:solid 1px #edeeee;
 
 }
 .table2 .tdlast{
 vertical-align:top;
 
 }
 .table2 ul{
 padding:0;
 margin:0;
 }
.table2 li{
 margin-left:15px;
 padding:1px;
 list-style-type:circle;

 
 
 }
.table2 p{
color:#1F497D;
font-size:10pt;
line-height:110%;


}
.table2 h2{
color:#1F497D;
line-height:130%;
font-family:Calibri, Tahoma , Arial ;
font-size:12pt;
}
.table2 h3{
color:#1F497D;
}



 

.table3{
margin:30px 10px 10px 10px;

width:950px;
border:solid 1px Gray;
text-align:center;

}
.table3 td{
width:187px;
height:85px;
}
.table3 p{
color:#1F497D;
font-size:10pt;
line-height:110%;
}

.table3 h2{
color:#1F497D;
line-height:130%;
font-family:Calibri, Tahoma , Arial ;
font-size:12pt;
}


.table4{

margin-top:30px;
width:980px;
text-align:left;
}
.table4 .content{
width:50%;
}
.table4 .content td{
padding:20px;
vertical-align:top;

}

  
  .table4 p{
color:#1F497D;
font-size:10pt;
line-height:110%;

}

.table4 h2{
color:#1F497D;
line-height:130%;
font-family:Calibri, Tahoma , Arial ;
font-size:12pt;
}

  


 .table5 td{
   color:#1F497D;
  vertical-align:top;

 
  }
  .table5 .tdleft p{
  font-size:10pt;
  color:#1F497D;
  line-height:110%;
  }
   .table5 .tdleft h2{
 
 color:#1F497D;
line-height:130%;
font-family:Calibri, Tahoma , Arial ;
font-size:12pt;
  
 
  }

/*innner table for news and KB*/
.table7{
width:750px;
padding-top:10px;
}

/*used in the contact page*/

 .table8{
 vertical-align:top;
margin-top:30px;
width:980px;
color:#1F497D;
}

 .table8 .tdleft{
 width:490px;
text-align:left;
  
}
.table8 .tdleft td{
padding:2px 15px 2px 15px;
vertical-align:top;
}


 .table8 .tdright{
width:490px;
margin-top:15px;
/*background:transparent url(../../include/img/contactbg.gif) no-repeat center center;*/
border-left:solid 1px #edeeee;
}
 .table8 .tdright td{

padding:2px 15px 2px 15px;
 }
 .table8 .tdright .text{
 width:270px;

 font-size:8pt;
 }
.table8 .tdright .button{
background:transparent url(../../include/img/btnsend.gif) no-repeat center center;
height:25px;
width:80px;
font-size:8pt;
color:#1F497D;

}
   input {
  color:#1F497D;
  }
.table8 textarea {
  color:#1F497D;
  }
.table8 p{
color:#1F497D;
font-size:10pt;
line-height:110%;

}


/*for staff page*/
.table9{
 vertical-align:top;
margin-top:30px;
width:980px;
}
.table9 .tdleft{
padding-left:10px;
padding-right:10px;
}
.table9 .tdright{
padding-left:10px;
padding-right:10px;
width:270px;

}
.table9 .details{
font-size:10pt;
color:#1F497D;
line-height:105%;
}
.table9 .title{
font-size:10pt;
font-weight:bold;
color:#1F497D;
line-height:110%;
}
.table9 h2{
color:#1F497D;
line-height:130%;
font-family:Calibri, Tahoma , Arial ;
font-size:12pt;

}
 .nav_menu {

	padding: 0 0 0 0;

	float: right;

}

 table9 .title{
font-size:10pt;
font-weight:bold;
color:#1F497D;
line-height:110%;
}



/* table 10 fopr product overview do not touch*/
.table10{
margin-top:10px;
width:980px;

border-collapse:collapse;

}
.table10 td{
   color:#1F497D;
  vertical-align:top;

 
  }

 .table10 .tdleft
 {
 vertical-align:top;
 width:670px;
 margin:0;

 }


 .table10 .tdright{
 width:270px;
 padding-left:10px;
 margin:0;
border-left:solid 1px #edeeee;

 }



 
  .table10 .tdleft p{
  font-size:10pt;
  color:#1F497D;
  line-height:110%;
  
  
  }

 .table10 .tdleft a{
  font-size:10pt;
  text-decoration:none;
  line-height:110%;
  
  
  }

  .table10 .date{
  
  font-weight:lighter;
  font-size:8pt;
  }
.table10  .style1
{
    font-family: Wingdings;
}
 .table10 .tdleft h2{
 
 font-size:12pt;
  color:#1F497D;
font-family:Calibri, Tahoma , Arial ;
  }
  .table10 .tdleft h3{
 
 font-size:11pt;
  color:#1F497D;
font-family:Calibri, Tahoma , Arial ;
  }
  .table10 .tdleft .col{
    /*border-bottom:solid 1px #edeeee;*/
    width:670px;
    padding:0px 5px 0px 5px;
  }
  .table10 .tdleft .col1{
  width:470px;
 border-bottom:solid 1px #edeeee;
padding:5px;
  }
  
  .table10 .tdleft .col1prod{
  width:330px;
 border-bottom:solid 1px #edeeee;

   padding:0px 5px 0px 5px;
  }
  .table10 .tdleft .col1prod img{
  
  padding:5px;
  }
    .table10 .tdleft .col1image{
  width:330px;
 border-bottom:solid 1px #edeeee;
padding:5px;
text-align:center;
vertical-align:top;
  }
  .table10 .tdleft .colprodnoborder{
  width:370px;
    padding:5px;
    border-bottom:solid 1px #edeeee;
  }
 
    .table10 .tdleft .colimgnoborder{
  width:260px;
 
padding:5px;
text-align:right;
vertical-align:middle;
border-bottom:solid 1px #edeeee;
  }
   .table10 .tdleft .colstaff{
  width:330px;
 
padding:5px;
  }
  .table10 .tdleft .colstaff img{
  padding-right:7px;
  }
  .table10 .tdleft .col2{
  width:200px;
  vertical-align:middle;
  border-bottom:solid 1px #edeeee;
  text-align:center;

  
  }
  .table10 .inner{
  
  border-collapse:collapse;
  }

 .table10 .tdright p{
  font-size:10pt;
  color:#1F497D;

  
  }
   .table10 .tdright .big{
  font-size:10pt;
  color:#1F497D;

  
  }

    .table10 .tdright h2{
 
 font-size:12pt;
  color:#1F497D;
  line-height:110%;
 font-family:Calibri, Tahoma , Arial ;
  }
  
 
 .table10 .tdright  ul{
 
 font-size:10pt;
 margin:0;
 padding:3px 25px 1px 10px;
 
 }
 .table10 .tdright  li{
 
 font-size:10pt;
 line-height:110%;
 padding-top:5px;
 }

/*for the products overview page*/
.leftmain{
 vertical-align:middle;
 border-bottom:solid 1px #1F497D;

  }
   

  
  
  
  /*product overvioew end*/
  
  
.last{
 padding-bottom:10px;

 border-bottom:solid 1px #1F497D;
}
.first{
font-size:10pt;
font-weight:bold;
line-height:110%;
padding-top:20px;

}

/*product description pages end*/

 .nav_menu {

	padding: 0 0 0 0;

	float: right;

}

 .nav_menu ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 .nav_menu ul li {

	color: #646464;
height:15px;
	font-size: 10pt;

	float: left;

	
	border-left: 1px #646464 solid;

	padding: 0 0.5em;
	

}

 .nav_menu .first {border: none; font-weight:normal;}

.nav_menu a {

	font-size: inherit;

	text-decoration: none;

	color: #1F497D;

}
 .nav_menu a:hover {

color:Gray;
}
.nav_menu input{
height:12px;
width:70px;
font-size:7pt;
color:#1F497D;
}






 #home  .heading{
 font-size:10pt;
 padding-right:15px;
 margin-bottom:5px;
 vertical-align:top;
 }
 

/*left menu for master page.master and for the KB page*/
div.leftmenu {
	
    text-align:left; 
    float:left;
	
	
    color: Navy;
    padding:5px
    text-align: left;
    background-color:Transparent;
    /*border-right: 1px inset #1F497D;*/
    
}
div.leftmenu ul li{
list-style:none;
line-height:110%;
/*to make to like ther menu which are coming from web.sitemap*/
padding-left:5px;
padding-right:1px;
}
div.leftmenu h3{
color:#1F497D;
}
div.leftmenu a{

color:#1F497D;
font-size:10pt;
text-decoration:none;
}

div.leftmenu a:hover{

color:Gray;
}












.sitemap {

line-height:120%;
font-size:10pt;
}
.sitemap ul{
list-style-type:square;
}
.sitemap li ul{
list-style-type:circle;
}

.news{
background-color:#f8f8f8;
border-collapse:collapse;
width:100%;
}
.newsblank{
background-color:White;
width:100%;
height:15px;
border-collapse:collapse;
}
.newstitle td{
vertical-align:top;
font-size:12pt;
line-height:110%;


border-collapse:collapse;
}

.newscontent {
line-height:110%;
margin-left:140px;

border-bottom-style:solid;
border-bottom-color:Gray;
border-bottom-width:1px;
border-collapse:collapse;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #edeeee;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:-300px; /*position where enlarged image should offset horizontally */

}