/*chemEcol screen styles/

/*base*/
* {
	margin: 0;
	padding: 0;
}

html { 
min-height:100%;



}



body {

	text-align: center;	
		/* centers content in IE5.5 and earlier */
	 
	}

p {
padding-top:5px;
padding-bottom:5px;
}

#container-page { 
width: 755px; 
background-image: url(bg_main.gif);
margin-left:auto;
margin-right:auto;
position: relative; 
min-height: 100%; 

/* For Modern Browsers <strong>/ 
height: auto !important; /</strong> For Modern Browsers <strong>/ 
height: 100%; /</strong> For IE */ 
} 




#container-content { 

margin-left:auto;
margin-right:auto;
background-image: url(bg_main.gif);
padding: 240px 20px 70px 20px ;
text-align:left;
width:728px;

}
#container-home { 

margin-left:auto;
margin-right:auto;
background-image: url(bg_main.gif);
padding: 20px 20px 20px 20px ;
text-align:left;
width:728px;

}
#container-head { 
width: 100%;
width:768px; 
margin-left:auto;
margin-right:auto;
position: absolute;
top: 60px ;
left:0px;
height:auto; 
text-align:left;
background-image: url(bg_main.gif);


} 


#container-foot { 
width: 100%; 
width:768px; 
background-image: url(bg_main.gif);
position: absolute;
left:0px;
 /* For Certain IE widths */ 
height: 50px; 
margin-top:00px;
} 

.content {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    color: #000000;
}
.contentsmall {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
        color: #000000;/*#000000;*/
}
.contentsl {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:#ff6600;
}

.contents2 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	color:#ff6600;
}

.contents3 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	color:#3399ff;
}
.menufooter {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:#000000;
	border:0;
}


.contenthelp {
	font-family: "lucida grande",Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    color: #3399cc;
}
.contenthelp1 {
	font-family: "lucida grande",Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    color: #3399cc;
}

.contenthelp2 {
	font-family: "lucida grande",Arial, Helvetica, sans-serif;
    font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    color: #3399cc;
}

.contentright {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
    color: white;
}

.menutop{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:white;
}
.menux{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:#3399cc;
}
.heading {
	font-family: "lucidagrande",Arial, Helvetica, sans-serif;
    font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	color: #000000;
	/*color:#666666;*/
}


.heading2 {
	font-family: "lucidagrande",Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	color:#3399ff;
}

.newslink{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:#99cc00;
}

#mainimageposition {
position:absolute;
top:0px;
left:15px;

}

#rightmenu {
position:absolute;
background-image: url(images/navright1.jpg) ;background-repeat: no-repeat;
padding-left:25px;
padding-top:50px;
top:250px;
left:640px;
width:175px;
height:278px;
}


#secondaryNavigation {
position:absolute;
left:20px;
top:310px;
background-image: url(images/tab2.gif) ;background-repeat: no-repeat;
width:350px;
height:200px;
padding:25px;
}

#secondaryNavigation1 {
display:block;
margin-left:10px;
background-image: url(images/tab2.gif) ;;background-repeat: no-repeat;
width:175px;
margin-top:-100px;
height:350px;
padding:25px;

}

#internationalOfficesLink {
display:block;
width:250px;
margin-left:140px;
padding-top:4px;
background-color:#C6D0E1;
}



.news {
display:block;
width:180px;
margin-left:20px;
margin-top:5px;
}




a.content:link {color:#000000; text-decoration:none;}
a.content:visited {color:#000000; text-decoration:none; }
a.content:hover {color:#000000;text-decoration:none; border-bottom:1px solid #336666}
a.content:active {color:#000000;text-decoration:none; }

a.contenthelp:link {color:#000000; text-decoration:none;border-bottom:1px dashed #3399cc}
a.contenthelp:visited {color:#000000; text-decoration:none; border-bottom:1px dashed #3399cc}
a.contenthelp:hover {color:#000000;text-decoration:none;border-bottom:1px solid #3399cc; cursor:help}
a.contenthelp:active {color:#000000;text-decoration:none;border-bottom:1px dashed #3399cc }

a.contenthelp1:link {color:#000000; text-decoration:none;border-bottom:1px dashed #3399cc}
a.contenthelp1:visited {color:#000000; text-decoration:none; border-bottom:1px dashed #3399cc}
a.contenthelp1:hover {color:#000000;text-decoration:none;border-bottom:1px solid #3399cc;}
a.contenthelp1:active {color:#000000;text-decoration:none;border-bottom:1px dashed #3399cc }

a.contenthelp2:link {color:#000000; text-decoration:none;border-bottom:1px dashed #3399cc}
a.contenthelp2:visited {color:#000000; text-decoration:none; border-bottom:1px dashed #3399cc}
a.contenthelp2:hover {color:#000000;text-decoration:none;border-bottom:1px solid #3399cc;}
a.contenthelp2:active {color:#000000;text-decoration:none;border-bottom:1px dashed #3399cc }


a.contentright:link {color:#3399ff; text-decoration:none;}
a.contentright:visited {color:#3399ff; text-decoration:none;}
a.contentright:hover {color:#ff6600;text-decoration:none;border-bottom:1px solid #ff6600}
a.contentright:active {color:#3399ff;text-decoration:none;}



a.contentsl:link {color:#ff6600; text-decoration:none;}
a.contentsl:visited {color:#ff6600; text-decoration:none; }
a.contentsl:hover {color:#3399cc;text-decoration:none;}
a.contentsl:active {color:#ff6600;text-decoration:none; } 

a.contents2:link {color:#3399ff; text-decoration:none;}
a.contents2:visited {color:#3399ff; text-decoration:none; }
a.contents2:hover {color:#ff6600;text-decoration:none;}
a.contents2:active {color:#3399ff;text-decoration:none; } 

a.menucontent:link {color:white; text-decoration:none;}
a.menucontent:visited {color:white; text-decoration: none; }
a.menucontent:hover {color:#ff0066; text-decoration:none;}
a.menucontent:active {color:white;text-decoration:none; }

a.menufooter:link {color:#000000; text-decoration:none;border:0}
a.menufooter:visited {color:#000000;text-decoration:none;border:0 }
a.menufooter:hover {color:#3399ff;text-decoration:none;border:0}
a.menufooter:active {color:#000000;text-decoration:none; border:0}

a.menutop:link {color:white; text-decoration:none;}
a.menutop:visited {color:white;text-decoration:none; }
a.menutop:hover {color:white;text-decoration:none;border-bottom:1px solid white}
a.menutop:active {color:white;text-decoration:none; }

a.newslink:link {color:#99cc00; text-decoration:none;}
a.newslink:visited {color:#99cc00; text-decoration:none; }
a.newslink:hover {color:#3399ff;text-decoration:none;}
a.newslink:active {color:#99cc00;text-decoration:none; }


.img{
display:block;
margin-top:10px;
margin-bottom:10px;
clear:both;
}



.noborder img{
border: 0px solid #ccc;
}

.noborder:hover img{
border: 0px solid #3399ff;
}


#nav ul {
    position:absolute;
	margin: 70px 0px 5px 10px;
	
	text-align: left;
	list-style-type: none;
	}


#nav ul a.menux {
	padding: 9px 10px 9px 43px;
	display: block;
	list-style: none;
    text-decoration: none;
	border-bottom: solid 1px #ededed;
	background: #fff url(images/nav.gif) 20px 50% no-repeat;
	color: #424343;
	width: 151px;
	\width: 180px;
	w\idth: 100px;
	
	}
	
#nav li a:hover {
    background: #f5f5f5 url(images/bullet.gif) 20px 50% no-repeat;
 	}
	
#nav ul a.subservices { 
color: #000000; font-weight: normal; 
text-decoration: none; background: #fff url(images/nav2.gif) no-repeat 20px 50%;
display: block;

padding: 9px 10px 9px 50px; 
width: 100px;
border-bottom: 1px solid #ededed; 
   }
   
  #nav ul a.subservicesActive { 
color: #000000; font-weight: normal; 
text-decoration: none; background: #eeeeee url(images/nav3.gif) no-repeat 20px 50%;
display: block;
padding: 9px 10px 9px 50px; 
width: 100px;
border-bottom: 1px solid #ededed; 
   }

#nav li a:hover{ background: #f5f5f5 url(images/nav.gif) no-repeat 20px 50%; }

#nav li a.subservices:hover{ background: #f5f5f5 url(images/nav3.gif) no-repeat 20px 50%; }
	
#logoposition {
position:absolute;
left:16px;
top:-63px;
width:738px;
height:55px;
background-color:#DCF1F0;

border-top:6px solid #3399cc;
z-index:1;
}

#topmenutransparentlayer{
position:absolute;
top:0px;
left:15px;
width:739px;
height:18px;
background-color:#3399cc;
border-bottom:1px solid #3399cc;
z-index:1;

}

#topnav {
position:absolute;
top:0px;
left:16px;
width:739px;
height:18px;
border-bottom:2px solid #3399ff;
z-index:2;
}

#description {

display:block;
top:270px;
left:250px;
width:739px;
height:auto;
width:500px;
padding-top:270px;
padding-right:250px;


}


#links {
position:absolute;
top:455px;
left:50px;
height:190px;
width:200px;



}

#publications {
position:absolute;
top:370px;
left:50px;
height:auto;
text-align:left;
padding:0px;

}

#literature {
display:block;
margin-left:230px;
margin-top:-320px;
margin-bottom:20px;
width:340px;
min-height:400px;
}
#literaturehome {
display:block;
margin-left:20px;
margin-top:-20px;
margin-bottom:20px;
width:90%;
/*min-height:400px;*/
}

#literatureall {
display:block;
margin-left:230px;
margin-top:-320px;
margin-bottom:20px;
width:500px;
min-height:400px;

}

#literatureproduct {
display:block;
margin-left:230px;
margin-top:-320px;
margin-bottom:20px;
width:500px;
min-height:400px;

}
#literaturemanufacturing {
display:block;
margin-left:230px;
margin-top:-320px;
margin-bottom:20px;
width:500px;
min-height:400px;
}

#literatureresearch {
display:block;
margin-left:230px;
margin-top:-320px;
margin-bottom:20px;
width:500px;
min-height:400px;
}


#pageposition {
display:block;
text-align:right;
margin-bottom:10px;
font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:#ff6600;
}

#internationaloffices {
display:block;
margin-top:50px;

}

#latestnews {
position:absolute;
width:150px;
top:205px;
left:600px;
}

.newsblock {
display:block;
border-bottom:1px solid #dddddd;
padding-left:24px;
padding-bottom:10px;

}

.newsblock1 {
display:block;
border-bottom:1px solid #dddddd;
padding-left:24px;
padding-bottom:10px;
margin-left:5px;

}

#footerlinks {
position:absolute;
left:140px;
top:10px;
margin-top:0px;
width:650px;
height:30px;
text-align:center;
}

#copyright {
position:absolute;
left:350px;
top:30px;
font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
        color: #000000;
}

#search {
position:absolute;
left:518px;
top:-49px;
width:220px;
height:40px;


z-index:1;
}

form     {

              
               padding:3px 6px 3px 6px;
}

input.txt {
           width:125px;
           height:18px; 

 background-color: white; 
 color: #333333; 
 border: 1px solid #bbbbbb; 
 margin-right: 0px; 
 font-size:9px;}
 
select {
background-color: #666699; 
 color: #ffffff;
}



input.txt1 {
           width:180px;
           height:16px; 

 background-color: white; 
 color: #333333; 
 border: 1px solid #99cc33; 
 margin-right: 0px; 
 font-size:9px;

} 

input.txt2 {
           width:180px;
           height:60px; 

 background-color: white; 
 color: #333333; 
 border: 1px solid #99cc33; 
 margin-right: 0px; 
 font-size:9px;

} 


input.btn {
           
cursor:pointer;
border:outset 1px #99cc33;
font-size:10px;
background:#99cc33;
color:#99cc33;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}


.table {
display:block;
margin-left:5px;

font-family: "lucida grande",Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:#9966cc;
border:0px;
text-align:left;
padding:1px;
}

.table td {
border:0px;
width:auto;
text-align:left;
padding:1px;
}

.faqblock {
display:block;
width:400px;
background-color:#3399ff;
height:15px;
font-family: "lucida grande",Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight:normal;
	font-variant: normal;
	color:white;
border:0px;
padding-left:20px;
}

/*form styles*/

form     {

              
               padding:3px 6px 3px 6px;
}

input.txt {
           width:125px;
           height:18px; 

 background-color: white; 
 color: #333333; 
 border: 1px solid #99cc33; 
 margin-right: 0px; 
 font-size:9px;

} 
input.txt1 {
           width:180px;
           height:16px; 

 background-color: white; 
 color: #333333; 
 border: 1px solid #99cc33; 
 margin-right: 0px; 
 font-size:9px;

} 

input.txt2 {
           width:180px;
           height:60px; 

 background-color: white; 
 color: #333333; 
 border: 1px solid #99cc33; 
 margin-right: 0px; 
 font-size:9px;

} 


input.btn {
           
cursor:pointer;
border:outset 1px #99cc33;
font-size:10px;
background:#99cc33;
color:#99cc33;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}

select,option{	font-family: "Trebuchet MS", Georgia, "New York", serif;
	padding: 0px;
        
	font-size: 10px;
        width:130px;
	color: #000000;
	background-color: white;
	border:outset 0px #99cc33;
        }
.contentCopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	border: 1px solid #999999;
	width: 150px;
}
.contentCopy2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	border: 1px solid #999999;
	width: 300px;
}
.formbox {
	border: 0.5px solid #003366;
}
.contentformfield {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #CCCCFF;

}
.contentsmallCopy {

	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
        color: #000000;
}
#requestlogin {
	display:block;
	width:550px;
	margin-left:140px;
	padding-top:4px;
	background-color:#C6D0E1;
}