/*
Theme Name: IRPC
Theme URI: http://www.flixelhouse.com/
Author: Flixel House (Thailand) Co.,ltd.
Author URI: http://www.flixelhouse.com/
Description: Custom Theme for IRPC
Version: 1.0

-------------------------------------------------------------- */

body{
background:#fff;
color:#666666;
font-size:11px;
}

#menu{z-index:2;}
#bg2, #bg1, #container{z-index:1;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

iframe { display:block; width:890px; border:none; background-color:transparent; }
iframe#settrade { display:block; width:200px; border:none; background-color:transparent; }

ol, ul{
padding-left:20px;
}
a{
text-decoration:none;
color:#666;
font-weight:bold;
}

a:hover{
color:#00A3D9;
}



.alignright{
float:right;
}

.alignleft{
float:left;
}


#container{
	
}
#container2{
	padding:10px 0 10px 16px;
	
}
#container3{
	padding:10px 16px 10px 16px;
	
}
.navbar{
	margin-top:10px;
	text-align:right;
	}
#bg{

	background:url(images/bg.gif) repeat-x; background-position:left bottom;

	/*background:url(images/bg.gif) repeat-x;
	min-height: 100%;
    height: auto !important;
    height: 100%;*/
}
#bg2{
	background:url(images/bg2.gif) repeat-x;
}
#logo{
	margin:10px 0 0 15px;
}
#logo a{
	background:url(images/logo.jpg) no-repeat;
	display:block;
	width:144px;
	height:56px;
	text-indent:-9999px;
}
#formsearch{
	margin:30px 0 0 22px;
	height:32px;
}
input{
	border: none;
	float: left;
}
input.search {
	color: #2fb8e2;
	font-size: 12px;
	width: 164px;
	height: 32px;
	background:  url(images/search1.gif) repeat-x;
	vertical-align:baseline;
}
input.btn {
	width: 41px;
	height: 32px;

	cursor: pointer;
	color:#666;
	background: url(images/search2.gif) no-repeat;
	
	overflow: hidden;
	font-size:0;
	text-indent:-9999px;
}


    

#formsearch2{
	margin-left:8px;

}
input.search2 {
	color: #2fb8e2;
	font-size: 13px;
	width: 135px;
	height: 25px;
	padding-left:5px;
	background:  url(images/newsinput.jpg) repeat-x;
}
input.search3 {
	border:1px solid #9ADCF2;
	background:#faf8f8;
	color: #9ADCF2;
	font-size: 13px;
	width: 135px;
	height: 18px;
	margin:1px 5px 1px 5px;
}
input.search4 {
	border:1px solid #9ADCF2;
	color: #9ADCF2;
	background:#faf8f8;
	font-size: 13px;
	height: 18px;
	margin:1px 5px 1px 5px;
}
input.btn2 {
	margin-left:10px;
	width: 73px;
	height: 25px;
	cursor: pointer;
	color:#666;
	background: url(images/newssubmit.jpg) no-repeat;
	text-indent:-9999px;
}
input.btn3 {
	float:left;
	margin:2px 0 0 10px;
	width: 62px;
	height: 22px;
	cursor: pointer;
	color:#666;
	background: url(images/regisbtn.jpg) no-repeat;
	text-indent:-9999px;

}
input.btn4 {
		
	margin-left:10px;
	width: 73px;
	height: 25px;
	cursor: pointer;
	color:#666;
	background: url(images/bbb.jpg) no-repeat;
}

input.btn5 {
	float:left;
	margin:0px 0 0 10px;
	width: 74px;
	height: 25px;
	cursor: pointer;
	color:#666;
	background: url(images/searbtn.jpg) no-repeat;
		overflow: hidden;
	font-size:0;
	text-indent:-9999px;
	line-height: 0px;

}
input.btn5en {
	float:left;
	margin:0px 0 0 10px;
	width: 74px;
	height: 25px;
	cursor: pointer;
	color:#666;
	background: url(images/searbtnen.jpg) no-repeat;

		overflow: hidden;
	font-size:0;
	text-indent:-9999px;
	line-height: 0px;

}

input.btn6, input.btn6en {
	float:left;
	margin-top:2px;
	width: 62px;
	height: 22px;
	cursor: pointer;
	color:#666;
	background: url(images/regisbtn.jpg) no-repeat;
	text-indent:-9999px;
		overflow: hidden;
	font-size:0;
	text-indent:-9999px;
	line-height: 0px;

}
input.btn6en {

	background: url(images/regisbtnen.jpg) no-repeat;

}
input.btn7, input.btn7en {
	float:left;
	margin:2px 0 0 8px;
	width: 62px;
	height: 22px;
	cursor: pointer;
	color:#666;
	background: url(images/resetbtn.jpg) no-repeat;
	text-indent:-9999px;
		overflow: hidden;
	font-size:0;
	text-indent:-9999px;
	line-height: 0px;

}
input.btn7en {

	background: url(images/resetbtnen.jpg) no-repeat;

}



#tabnavi{
	position:relative;
	width:100%;
}
.tabnavibg{
	background:url(images/tabnavi2.gif) repeat-x;
	height:27px;
	width:100%;
	top:86px;
	position:absolute;
}
#tab{
	position:relative;
	width:100%; 	
}
.tabbg{
	background:url(images/tab2.jpg) no-repeat;
	height:280px;
	width:412px;
	top:330px;
	position:absolute;
}
.tabbg2, .tabbg3, .tabbg4, .tabbg7{
	background:url(images/tab3.jpg) no-repeat;
	height:402px;
	width:325px;
	top:70px;
	position:absolute;
	margin-left:15px;
}
.tabbg3{
	top:100px;
	margin-left:15px;
}
.tabbg4{
	top:90px;
	margin-left:15px;
}
.tabbg7{
	top:100px;
	margin-left:15px;
}
.tabbg5, .tabbg6, .tabbg8{
	background:url(images/tab4.jpg) no-repeat;
	height:320px;
	width:325px;
	top:90px;
	position:absolute;
	margin-left:160px;
	
}
.tabbg6{

	margin-left:30px;
	
}
.tabbg8{
	top:73px;
	margin-left:180px;
	
}
.btnweb1, .btnweb2, .btnweb3, .btnweb4, .btnweb1en, .btnweb2en{
	background:url(images/btnpro1.png) no-repeat;
	height:34px;
	width:189px;
	top:25px;
	position:absolute;
	margin-left:380px;
	}
.btnweb1en{
	background:url(images/btnpro1en.png) no-repeat;
}
.btnweb2en{
	background:url(images/btnpro2en.png) no-repeat;
}

.btnweb5{
	background:url(images/btnpro1.png) no-repeat;
	height:34px;
	width:189px;
	top:10px;
	position:absolute;
	margin-left:380px;
	}
.btnweb2{
	background:url(images/btnpro2.png) no-repeat;
}
.btnweb3{
	background:url(images/btnpro3.png) no-repeat;
}
.btnweb4{
	background:url(images/btnpro4.png) no-repeat;
}

.boxnav{
	height:26px;
}
.picslide{
	margin:0 0 10px 10px;
	}
.title{
	float:left;
	display: inline;
	margin-bottom:17px;
	}
.title2{
	float:left;
	display: inline;
	margin-bottom:15px;
	}
.title3{
	display: block;
	margin:0 0 10px;
	}
.title4, .title5, .title6{

	color:#2a246e;
	font-size:15px;
	}
.title5{
	color:#3f9fcf;
	font-size:12px;
	}
	
h2.pagetitle{
	color:#3f9fcf;
	font-size:23px;
}	

h3.procurementsub{
	color:#3f9fcf;
	font-size:18px;
	margin-bottom:0;
}
.subprocure{
background:#eee;
margin:10px;
}	
.title6{
	color:#2a246e;
	font-size:18px;
	}
#product-left{
	float:left;
	width:150px;
}
#product-left img{
	margin:2px;
	vertical-align:middle;
}
#product-left a,#product-right a{
	color:#666;
	text-decoration:none;
}
#product-right{
	float:right;
	width:150px;
}
#product-right img{
	margin:2px;
	vertical-align:middle;
}
.fl{
	float:left;
	width:380px;
}
.fr{
	float:left;
	width:280px;
}
#bgpic, #bgpic3{
	float:left;
	display:block;
	margin:0 6px 0 21px;
	height:92px;
	width:92px;
	}
#bgpic2{
	float:left;
	display:block;
	margin:0 6px 0 21px;
	height:33px;
	width:33px;
	}
#bgpic3{

	margin:0 6px 0 0px;

	}
#textbg{
	display:block;
	margin:10px 0 5px 0;
	}
	
	#textbg8{
	
	display:block;
	margin:10px 0 5px 0;
	float:left;
	}
	
	
.textbgtak{
	width:220px;
}	
.textbgtak .alignright{


}
#textbg2{
	float:left;
	display:block;
	margin:10px 0 5px 0;
	width:370px;
	
	}
/*picslide*/
#wrap ul li{
	float:left;
	width:80px;
	height:140px;
}

#wrap2 ul li{
	
float:left;
	width:270px;
	height:auto;
	
}
/* footer */
#footer{ margin-top:20px; margin-bottom:20px;}
#ftmenu{text-align:right;}
/* end footer */




#head1{
	background:url(images/curve1.gif) no-repeat;
	height:20px;
	}
#head2{
	overflow:hidden;
	background:url(images/curve3.gif) repeat-y;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	}
#head3{
	background:url(images/curve2.gif) no-repeat;
	padding-bottom:30px;
	height:19px;
	}
	
	
.head1{
	background:url(images/curve1.gif) no-repeat;
	height:20px;
	}
.head2{
	overflow:hidden;
	background:url(images/curve3.gif) repeat-y;
	min-height: 100%;
    height: auto !important;
    height: 100%;
	}
.head3{
	background:url(images/curve2.gif) no-repeat;
	padding-bottom:30px;
	height:19px;
	}	
.head4{
	background:url(images/curve4.gif) no-repeat;
	height:20px;
	}	
	
.print{
	float:left;
	margin-left:20px;
	width:200px;
	
	}
/*-----------------------sub sub menucg--------------------------------*/

#navicg ul{
	list-style:none;
	padding:0;
	width:283px;
}
#navicg ul li{
	margin-top:10px;



}
#navicg ul li a{
	display:block;
	text-indent:-9999px;

}
li.cg1 a {background:url(images/manucg.jpg) 0px 0px no-repeat; width:283px; height:61px;}
li.cg2 a {background:url(images/manucg.jpg) 0px -76px no-repeat; width:283px; height:61px;}
li.cg3 a {background:url(images/manucg.jpg) 0px -151px no-repeat; width:283px; height:61px;}
li.cg4 a {background:url(images/manucg.jpg) 0px -227px no-repeat; width:283px; height:61px;}
li.cg5 a {background:url(images/manucg.jpg) 0px -303px no-repeat; width:283px; height:61px;}
li.cg6 a {background:url(images/manucg.jpg) 0px -379px no-repeat; width:283px; height:61px;}
li.cg7 a {background:url(images/manucg.jpg) 0px -454px no-repeat; width:283px; height:61px;}
li.cg8 a {background:url(images/manucg.jpg) 0px -530px no-repeat; width:283px; height:61px;}
li.cg9 a {background:url(images/manucg.jpg) 0px bottom no-repeat; width:283px; height:61px;}


li.cg1 a:hover, li.cg1 a.current{background:url(images/manucg.jpg) -283px 0px no-repeat; width:283px; height:61px;}
li.cg2 a:hover, li.cg2 a.current{background:url(images/manucg.jpg) -283px -76px no-repeat; width:283px; height:61px;}
li.cg3 a:hover, li.cg3 a.current{background:url(images/manucg.jpg) -283px -151px no-repeat; width:283px; height:61px;}
li.cg4 a:hover, li.cg4 a.current{background:url(images/manucg.jpg) -283px -227px no-repeat; width:283px; height:61px;}
li.cg5 a:hover, li.cg5 a.current{background:url(images/manucg.jpg) -283px -303px no-repeat; width:283px; height:61px;}
li.cg6 a:hover, li.cg6 a.current{background:url(images/manucg.jpg) -283px -379px no-repeat; width:283px; height:61px;}
li.cg7 a:hover, li.cg7 a.current{background:url(images/manucg.jpg) -283px -454px no-repeat; width:283px; height:61px;}
li.cg8 a:hover, li.cg8 a.current{background:url(images/manucg.jpg) -283px -530px no-repeat; width:283px; height:61px;}
li.cg9 a:hover, li.cg9 a.current{background:url(images/manucg.jpg) -283px bottom no-repeat; width:283px; height:61px;}

/*-----------------------end menucg--------------------------------*/



/*-----------------------sub sub menuproduct--------------------------------*/
#navipro{
	display:block;
	margin-top:30px;
	width:283px;
}
#navipro ul{
	list-style:none;
	padding:0;
	width:283px;
}
#navipro ul li{
	margin-top:10px;
	width:283px;

}
#navipro ul li a{
	display:block;
	text-indent:-9999px;

}
li.pro1 a {background:url(images/manucg2.jpg) 0px 0px no-repeat; width:283px; height:61px;}
li.pro2 a {background:url(images/manucg2.jpg) 0px -76px no-repeat; width:283px; height:61px;}
li.pro3 a {background:url(images/manucg2.jpg) 0px -151px no-repeat; width:283px; height:61px;}
li.pro4 a {background:url(images/manucg2.jpg) 0px -227px no-repeat; width:283px; height:61px;}
li.pro5 a {background:url(images/manucg2.jpg) 0px -303px no-repeat; width:283px; height:61px;}


li.pro1 a:hover{background:url(images/manucg2.jpg) -283px 0px no-repeat; width:283px; height:61px;}
li.pro2 a:hover{background:url(images/manucg2.jpg) -283px -76px no-repeat; width:283px; height:61px;}
li.pro3 a:hover{background:url(images/manucg2.jpg) -283px -151px no-repeat; width:283px; height:61px;}
li.pro4 a:hover{background:url(images/manucg2.jpg) -283px -227px no-repeat; width:283px; height:61px;}
li.pro5 a:hover{background:url(images/manucg2.jpg) -283px -303px no-repeat; width:283px; height:61px;}


li.pro1.current a{background:url(images/manucg2.jpg) -283px 0px no-repeat; width:283px; height:61px;}
li.pro2.current a{background:url(images/manucg2.jpg) -283px -76px no-repeat; width:283px; height:61px;}
li.pro3.current a{background:url(images/manucg2.jpg) -283px -151px no-repeat; width:283px; height:61px;}
li.pro4.current a{background:url(images/manucg2.jpg) -283px -227px no-repeat; width:283px; height:61px;}
li.pro5.current a{background:url(images/manucg2.jpg) -283px -303px no-repeat; width:283px; height:61px;}

/*-----------------------end menuproduct--------------------------------*/

/*-----------------------form contact--------------------------------*/

.titlehead{

	float:left;
	width:600px;
	clear:both;

}
.titlehead2{
	float:left;
	width:200px;
	padding:  5px  0;
}
.titlehead3{
	float:left;
	width:130px;
	padding:  5px  0;
}
.titlehead4{
	float:left;
	width:90px;
}
.titlehead5{
	float:left;
	width:230px;
	padding:  5px  0;
	margin-top: -20px;

}
.formct{
	float:left;
	display:block;
	width:360px;
	}
.formct2{
	float:left;
	display:block;
	width:170px;
	margin-right:6px;
	}
.formct2 input{
	margin-right:6px;
	}
.fcontact, .fcontact2, .fcontact3{
	border:1px solid #3f9fcf;
	background:#f0f0f0;
	color:#3f9fcf;
	margin: 5px 0 5px 0;
	}	
.fcontact{
	height:20px;
	
	}
.fcontact2{
	height:90px;
	}
.fcontact3{
	height:20px;
	margin-right:10px;
}
.btn_contact{
	float:left;
	display:block;
	background:url(images/btcontact.png) no-repeat;
	width:58px;
	height:21px;
	margin:5px;
	color:#FFF;
	}
/*-----------------------end form contact--------------------------------*/
/*----------------------- Product--------------------------------*/
#pro1, #pro2, #pro3, #pro4, #pro5{
	background:url(images/pro1h.jpg) no-repeat;
	width:581px;
	height:358px;
	margin:0px 0 0 20px;
	}
#pro2{
	background:url(images/pro2h.jpg) no-repeat;
	}
#pro3{
	background:url(images/pro3h.jpg) no-repeat;
	}
#pro4{
	background:url(images/pro4h.jpg) no-repeat;
	}
#pro5{
	background:url(images/pro5h.jpg) no-repeat;
	}
.textpro{
	float:left;
	margin:90px 5px 5px 10px;
	}
.textpro2{
	float:left;
	margin:50px 5px 5px 10px;
	}
.textpro3{
	float:left;
	margin:0px 5px 5px 10px;
	}
.textpro4{
	width:270px;
	}
.textpro5{
	/*float:left;
	width:590px;*/

	}
p {
  margin-bottom: 15px; }
  
/*
p + p {
  text-indent: 40px;
  margin-top: 0 }
  
*/
/*-----------------------end Product--------------------------------*/



/*----------------------- contact--------------------------------*/
#map{
	height:auto;
	margin:30px 0 0 50px;
	}
#navimap{
	float:left;
	display:block;
	margin-left:30px;
}
#navimap ul{
	list-style:none;
}
#navimap ul li{
	float:left;

}
#navimap ul li a{
	display:block;
	text-indent:-9999px;

}
li.contact1 a {background:url(images/btncontact.png) no-repeat; width:187px; height:33px;}
li.contact2 a {background:url(images/btncontact.png) -187px 0px no-repeat; width:186px; height:33px;}
li.contact3 a {background:url(images/btncontact.png) -373px 0px no-repeat; width:188px; height:33px;}



li.contact1 a:hover, li.contact1 a.current{background:url(images/btncontact.png) 0px -33px no-repeat; width:187px; height:33px;}
li.contact2 a:hover, li.contact2 a.current{background:url(images/btncontact.png) -187px -33px no-repeat; width:186px; height:33px;}
li.contact3 a:hover, li.contact3 a.current{background:url(images/btncontact.png) -373px -33px no-repeat; width:188px; height:33px;}

/*-----------------------end contact--------------------------------*/

.bothli{
	margin-left:20px;
	}
.postimg{
	float:left;
	display:block;
	margin:10px;
	}

.postimg a img{
	border:3px solid #ccc;
	}	
	
.postimg a:hover img{
	border:3px solid #21b4e2;
	}		
	
	
	
	/*----------------------- tooltip--------------------------------*/
	
.thumbnail-item { 
	/* position relative so that we can use position absolute for the tooltip */
	position: relative; 
	float: left;  
	margin: 5px; 
}

.thumbnail-item a { 
	display: block; 
	
}

.thumbnail-item img.thumbnail {
	border:3px solid #ccc;	
}
/*
.coda-slider, .coda-slider .panel {
width:350px;
}
*/
.fl  .coda-slider,.fl .coda-slider .panel {
width:350px;
}
.coda-slider .panel-wrapper {
height:110px;
float:left;
}
.fl .coda-slider .panel-wrapper {
height:140px;
float:none;
}

.coda-slider-no-js .coda-slider {
overflow:hidden;
padding:0;
height:600px;
}

.coda-slider-wrapper  {
margin:0px 0 0 20px;
padding:20px 0;
}
/*-----------------------end tooltip--------------------------------*/

.postimgtext a, .postimgtext2 a, .postimgtext3 a{
	text-decoration:none;
	 float:left;  
	 color:#2a246e;
	 width:185px;
	
	}
.postimgtext2 a{

	 width:500px;
	 margin-top:5px;
	
	}
.postimgtext3 a{

	 width:55px;
	 margin-top:10px;
	
	}
	
/*----------------------- calendar--------------------------------*/	
	    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
		background:url(images/bollon.png) no-repeat;
        color:#333333; 
        display:block;
        position:absolute; 
        margin-top:-130px; 
		margin-left:30px;
        padding:3px; 
        width:175px;
		height:102px;
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:33px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
		background:url(images/bgcalen2.jpg) repeat-x;
     }
	 
	 a.prevbut{
		 float:left;
		 text-indent:-9999px;
		 display:block;
		 width:24px;
		 height:24px;
		 margin-top:7px;
		 background:url(images/btnleft.jpg) no-repeat;
		 
		 
		 }
		 
		 
		a.nextbut{
		 float:right;
		 text-indent:-9999px;
		 display:block;
		 width:24px;
		 height:24px;
		 margin-top:7px;
		 background:url(images/btnright.jpg) no-repeat;
		 
		 
		 }
	/* 
     .calendar-next {
		float:right;
        width:25%;
        text-align:center;
		background:url(images/btnright.jpg) no-repeat;
		margin-top:7px;
		text-indent:-9999px;
		
     }
		
     .calendar-prev {
		float:left;
        width:25%;
        text-align:center;
		background:url(images/btnleft.jpg) no-repeat;
		margin-top:7px;
		text-indent:-9999px;
     }
	 */
     .calendar-month {
		
        width:50%;
		vertical-align:middle;
        text-align:center;
        font-weight:bold;
		color:#fff;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
		background:url(images/bgcalen.jpg) repeat-x;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
		background:url(images/bgcalen.jpg) repeat-x;
     }
     .day-with-date {
        vertical-align:middle;
        text-align:center;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
		background:#abf2f6 url(images/calbtn2.jpg) repeat-x;
     }
     .no-events {
	 background:#fff;
     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:middle;
        text-align:center;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
		background:#abf2f6 url(images/calbtn.jpg) repeat-x;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:left;
        font-weight:bold;
        font-size:1.2em;
		
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
	}	
	
	     .event-title-break {
        background:none;
     }
     .event-content-break {
        background:none;
     }
	 
	 
	.timetest{
	float:left;
	display:block;
	width:100px;
	
	}
	.events{
	float:left;
	display:block;
	color:#666;
	}
	.eventss{
	float:left;
	display:block;
	color:#666;
	}
	.eventss li{
	list-style:none;
	}
	
	.eventss ul li li{

	margin:0;
padding:0;
padding-left:40px;
background-image:url(images/piccalen3.jpg);
background-repeat:no-repeat;
background-position:12px 8px;
	}

  


/*-----------------------Milestone--------------------------------*/	
#demo-frame {

clear:right;
height:400px;
overflow:auto;
position:relative;
width:940px;
}


#demo-frame-2 {
margin-left:10px;
clear:right;
height:400px;
overflow:auto;
position:relative;
width:920px;
}

#demo-frame-48{
margin-left:10px;
clear:right;
height:400px;
overflow:hide;
position:relative;
width:920px;
}


		#demo-frame > div.demo { padding: 10px !important;}
		.scroll-pane { overflow: auto; width: 99%; float:left; }
		.scroll-content { width: 1800px; float: left; }
		.scroll-content-2 { width: 1300px; float: left; }
		.scroll-content-3 { width: 2700px; float: left; }
		.scroll-content-4 { width: 1810px; float: left; }
		.scroll-content-5 { width: 2100px; float: left; }
		/*
		.scroll-content-item { width: 232px; float: left; margin: 10px; text-align: left; background:url(../images/bg_milstone.gif) #DFDFDF repeat-x ; }
		*/

		.scroll-content-item { width: 232px; float: left; margin: 10px; text-align: left; background:#FFF; border:1px solid #ccc;padding:1px; min-height:250px; height:auto !important;}
		* html .scroll-content-item { height: 250px;}
		
		.slidebox {background:url(images/bg_milstone.png) repeat; min-height:250px; height:auto !important;}
		.slidebox p{margin-top:10px;}
		* html .slidebox { height: 250px;}
		.slidebox img{clear:both;}
		.slidebox{padding:15px 15px 10px 15px;}
		
		
		
		.scroll-content-item2 { width: 288px; float: left; margin: 5px; text-align: left; background:#FFF; border:1px solid #ccc;padding:1px; min-height:250px; height:auto !important;}
		* html .scroll-content-item2 { height: 250px;}
		
		/*.slidebox2 {overflow:hidden; background:url(images/bg_milstone.png) repeat; min-height:250px; height:auto !important;}*/
		.slidebox2 p{margin-top:10px;}
		* html .slidebox2 { height: 250px;}
		.slidebox2 img{clear:both;}
		.slidebox2{padding:15px 15px 10px 10px;}

		
		.scroll-content-item span{font-family:Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal; line-height:12px;display:block;}
		* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
		.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; background:url(images/bg_scroll.jpg)  repeat-x; }
		.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
		.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
		.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
		.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
		.jan05{background:url(../images/2005/01.png) no-repeat;}
		.mar05{background:url(../images/2005/03.png) no-repeat;}
		.apr05{background:url(../images/2005/04.png) no-repeat;}

		
		
/*-----------------------Milestone--------------------------------*/	


.breadcrumb{
font-size:10px;
}

.breadcrumb a, .breadcrumb a:visited{
font-size:10px;
color:#666;
font-weight:normal;
}

.breadcrumb a:hover, .blue{
color:#00A3D9;
}


/*--------------- Bread --------------------------------------*/

.bread_menu {
margin-top:0px;
}
.bread_menu img{
float:left;

}

#mainNav{

float:right;
margin-right:10px;
margin-bottom:0;
}

#mainNav li{
	height:28px;
	list-style:none;
	float:left;

	background-image: url(images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.zcurrent{

	background-image: url(images/navCurrentBtn.gif);
	width:65px;
}

#mainNav li.lastDone{

	background-image: url(images/navLastDoneBtn.gif);
}

#mainNav li.done{

	background-image: url(images/navDoneBtn.gif);
}

#mainNav li.BFcurrent{

	background-image: url(images/navB4Btn.gif);
}


#mainNav li.lastBTN{

	background: url(images/navLastBtn.gif) repeat-x;

}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active, #mainNav li a:hover {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a{
display:block;
margin:3px 0 0 5px;
font-style:normal;
font-weight:bold;
font-size:15px;
}



#mainNav li.mainNavNoBg{
background: url(images/navEndBtn.gif) repeat-x;
}

#mainNav li a{
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:65px;}
#mainNav.fiveStep li a{width:65px;}



.datetime{
font-size:10px;
}

.postListing{
margin:0 0 15px;
}

.leftbox{
margin-bottom:20px;
}

img.shadow {
	background: url(images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

.day-with-date{
color:#FFF;
}


.day-with-date a{
color:#FFF;
}


.day-with-date.no-events{
color:#666;
}

.navigation{
display:block;
text-align:center;
width:90%;
margin:0 auto;
margin:20px 0;
}

.print a{
font-size:10px;
font-weight:normal;
}

/*------------------------nextpost&previouspost -------------------------*/

.nextpost{
	float:right;
	display:block;
	margin-bottom:10px;
	}

.previouspost{
	float:left;
	display:block;
	margin:0 15px 10px 0;
	
}





/*------------------------END nextpost&previouspost -------------------------*/

/*-------------------------register---------------------------------------*/
#rem1{
	margin:20px 0 0 15px;
	background:url(images/rem.gif) no-repeat;
	display:block;
	width:137px;
	height:48px;

}
#rem03{
	margin-left:0;
	background:url(images/rem03.gif) no-repeat;
	display:block;
	vertical-align:middle;
}
#rem06{
	margin-left:0;
	background:url(images/rem06.gif) no-repeat;
	display:block;
	vertical-align:middle;
}


a.reveal{
background:url(images/button.jpg) no-repeat;
display:block;
width:38px;
height:16px;
text-indent:-9999px;
cursor:pointer;
}
a.zoom{

background:url(images/button.jpg) no-repeat;
display:block;
width:38px;
height:16px;
text-indent:-9999px;
cursor:pointer;

}

a.zoomen{

background:url(images/en/button.jpg) no-repeat;
display:block;
width:38px;
height:16px;
text-indent:-9999px;
cursor:pointer;

}

/*-----------Notifier------------------*/
#notify-container {
color:#2eb3ff;
font-size:130%;
font-weight:bold;
left:0;
position:fixed;
text-align:center;
top:0;
width:100%;
z-index:100;

background-color:#f4fbff;
border-bottom:1px solid #2eb3ff;
}

#notify-container a {
color:#735005;
text-decoration:underline;
}

#notify-container div {
padding:7px 0;
}

#notify-container span.notify-close {
background-color:#FAD163;
border:2px solid #735005;
cursor:pointer;
display:block;
float:right;
margin-right:20px;
padding-left:4px;
padding-right:4px;
text-decoration:none;
}

#notify-container span.notify-close a {
text-decoration:none;
}
/*-----------Notifier------------------*/

#wpa_marquee a{

font-weight:normal;

}

.linkfl{
	display:block;
	float:left;
	width:125px;
	margin:0 0 20px 0px;

}
.linkfr{
	display:block;
	float:right;
	width:125px;
	margin:0 0 20px 0;

}
.postimage{
	text-align:center;
}

/* ------------------------ MENU --------------------*/
#menu {
float: left;
margin-top:20px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu a, #menu h2 {
display: block;
margin: 0;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {

}

#menu a:hover {

}

#menu li, #menu li.current  {position: relative;z-index:500;height:27px;}

#menu ul ul {
position: absolute;
z-index: 600;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul li.current:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu ul li a{
	display:block;
	text-indent:-9999px;
}

#menu li#home a{background:url(images/menu.jpg) no-repeat; width:80px; height:27px;}
#menu li#about a{background:url(images/menu.jpg) -80px 0px no-repeat; width:103px; height:27px;}
#menu li#products a{background:url(images/menu.jpg) -183px 0px no-repeat; width:136px; height:27px;}
#menu li#innovation a{background:url(images/menu.jpg) -319px 0px no-repeat; width:102px; height:27px;}
#menu li#news a{background:url(images/menu.jpg) -421px 0px no-repeat; width:114px; height:27px;}
#menu li#social a{background:url(images/menu.jpg) -535px 0px no-repeat; width:139px; height:27px;}
#menu li#rela a{background:url(images/menu.jpg) -674px 0px no-repeat; width:119px; height:27px;}
#menu li#care a{background:url(images/menu.jpg) -793px 0px no-repeat; width:147px; height:27px;}

#menu li#home a:hover{background:url(images/menu.jpg) 0px -27px no-repeat; width:80px; height:27px;}
#menu li#about a:hover{background:url(images/menu.jpg) -80px -27px no-repeat; width:103px; height:27px;}
#menu li#products a:hover{background:url(images/menu.jpg) -183px -27px no-repeat; width:136px; height:27px;}
#menu li#innovation a:hover{background:url(images/menu.jpg) -319px -27px no-repeat; width:102px; height:27px;}
#menu li#news a:hover{background:url(images/menu.jpg) -421px -27px no-repeat; width:114px; height:27px;}
#menu li#social a:hover{background:url(images/menu.jpg) -535px -27px no-repeat; width:139px; height:27px;}
#menu li#rela a:hover{background:url(images/menu.jpg) -674px -27px no-repeat; width:119px; height:27px;}
#menu li#care a:hover{background:url(images/menu.jpg) -793px -27px no-repeat; width:147px; height:27px;}


#menu li#home.current a{background:url(images/menu.jpg) 0px -54px no-repeat; width:80px; height:27px;}
#menu li#about.current a{background:url(images/menu.jpg) -80px -54px no-repeat; width:103px; height:27px;}
#menu li#products.current a{background:url(images/menu.jpg) -183px -54px no-repeat; width:136px; height:27px;}
#menu li#innovation.current a{background:url(images/menu.jpg) -319px -54px no-repeat; width:102px; height:27px;}
#menu li#news.current a{background:url(images/menu.jpg) -421px -54px no-repeat; width:114px; height:27px;}
#menu li#social.current a{background:url(images/menu.jpg) -535px -54px no-repeat; width:139px; height:27px;}
#menu li#rela.current a{background:url(images/menu.jpg) -674px -54px no-repeat; width:119px; height:27px;}
#menu li#care.current a{background:url(images/menu.jpg) -793px -54px no-repeat; width:147px; height:27px;}

#menu li#home.current li a, #menu li#about.current li a, #menu li#products.current li a, #menu li#innovation.current li a, #menu li#news.current li a, #menu li#social.current li a, #menu li#rela.current li a, #menu li#care.current li a{background:none; text-indent:0; color:#FFF;width:240px;padding:5px 10px 5px;border-top:1px solid #359fdb;}

#menu li#home li a, #menu li#about li a, #menu li#products li a, #menu li#innovation li a, #menu li#news li a, #menu li#social li a, #menu li#rela li a, #menu li#care li a{background:none; text-indent:0; color:#FFF;width:240px;padding:5px 10px 5px;border-top:1px solid #359fdb;}
#menu li#home li a:hover, #menu li#about li a:hover, #menu li#products li a:hover, #menu li#innovation li a:hover, #menu li#news li a:hover, #menu li#social li a:hover, #menu li#rela li a:hover, #menu li#care li a:hover{background:none;width:240px;padding:5px 10px 5px;border-top:1px solid #00405f;background-color:#00699c;}




#menu li#innovation li.page-item-2658 a, #menu li#innovation li.page-item-4294 a, #menu li#innovation li.page-item-3649 a{background:#99cc33; text-indent:0; color:#FFF;width:240px;padding:5px 10px 5px;border-top:1px solid #ccff66;}
#menu li#innovation li.page-item-2658 a:hover, #menu li#innovation li.page-item-4294 a:hover, #menu li#innovation li.page-item-3649 a:hover{background:#99cc33;width:240px;padding:5px 10px 5px;border-top:1px solid #ccff66;background-color:#669900;}




#menu ul ul{
background-color:#359fdb;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
opacity:0.9;
text-transform:none;
width:260px;
}

#menu ul li ul li, #menu ul li ul li:hover{
	border-bottom:1px solid #6cbbe0;
	width:240px;
	height:38px;
	
	}
	


	
#menu ul ul li a{
color:#FFFFFF;
font-weight:normal;
width:240px;
}	

/*new8-06-53*/
.contentbox, .contentbox2{
padding:5px 15px 15px;
}

.contentbox3{
padding-left:15px;
}

.contentbox blockquote {
border-left:3px solid #CFCFCF;
font-size:13px;
font-style:italic;
margin:0 0 1.5em;
padding:5px 0 0 10px;
}


.innoimg{
margin-right:15px;
}

.innoimgr{
margin-left:15px;
}

.innocontent{
width:560px;
}

.clear2{
display:block;
width:100%;
clear:both;
margin-bottom:30px;
font-size:1px;
}
/*
ul.dropdown li {
background-color:#FFF;
color:#FFFFFF;
line-height:normal;
}
*/
.indexnews{
float:right; width:205px; margin-right:-7px;
}

li.contact1en a {background:url(images/en/btncontact.png) no-repeat; width:187px; height:33px;}
li.contact2en a {background:url(images/en/btncontact.png) -187px 0px no-repeat; width:186px; height:33px;}
li.contact3en a {background:url(images/en/btncontact.png) -373px 0px no-repeat; width:188px; height:33px;}



li.contact1en a:hover, li.contact1en a.current{background:url(images/en/btncontact.png) 0px -33px no-repeat; width:187px; height:33px;}
li.contact2en a:hover, li.contact2en a.current{background:url(images/en/btncontact.png) -187px -33px no-repeat; width:186px; height:33px;}
li.contact3en a:hover, li.contact3en a.current{background:url(images/en/btncontact.png) -373px -33px no-repeat; width:188px; height:33px;}


/*  HOT LINKS */

#hotlinks ul{
	list-style:none;
	padding:0;
	width:275px;
}
#hotlinks ul li{
	margin:0 10px 15px 0px;
	float:left;
}

#hotlinks ul li a{
	display:block;
	text-indent:-9999px;

}

						
						
#hotlinks li#hl_b2b a {background:url(images/homebut.jpg) 0px 0px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_chemical a {background:url(images/homebut.jpg) 0px -33px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_iron a {background:url(images/homebut.jpg) 0px -66px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_petroleum a {background:url(images/homebut.jpg) 0px -99px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_billpayment a {background:url(images/homebut.jpg) 0px -132px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_procurement a {background:url(images/homebut.jpg) 0px -165px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_esop a {background:url(images/homebut.jpg) 0px -198px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_etrack a {background:url(images/homebut.jpg) 0px -231px no-repeat; width:125px; height:33px;}


#hotlinks li#hl_b2b a:hover {background:url(images/homebut.jpg) -125px 0px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_chemical a:hover {background:url(images/homebut.jpg) -125px -33px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_iron a:hover {background:url(images/homebut.jpg) -125px -66px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_petroleum a:hover {background:url(images/homebut.jpg) -125px -99px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_billpayment a:hover {background:url(images/homebut.jpg) -125px -132px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_procurement a:hover {background:url(images/homebut.jpg) -125px -165px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_esop a:hover {background:url(images/homebut.jpg) -125px -198px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_etrack a:hover {background:url(images/homebut.jpg) -125px -231px no-repeat; width:125px; height:33px;}


/*------------------ class h2 -------------------------*/
h2.symbol1 , h2.symbol2 , h2.symbol3{
	background:url(images/habout1.jpg) no-repeat;
	height:35px;
	width:156px;
	text-indent:-9999px;
}
h2.symbol2{
	background:url(images/habout2.jpg) no-repeat;
	width:107px;
}
h2.symbol3{
	background:url(images/habout3.jpg) no-repeat;
	width:140px;
}
h2.vision{
	background:url(images/vision.jpg) no-repeat;
	height:29px;
	width:179px;
	text-indent:-9999px;
}
h2.backg{
	background:url(images/about3.jpg) no-repeat;
	height:26px;
	width:177px;
	text-indent:-9999px;
}
h2.board{
	background:url(images/about4.jpg) no-repeat;
	height:24px;
	width:170px;
	text-indent:-9999px;
}
h2.manage{
	background:url(images/about4-2.jpg) no-repeat;
	height:24px;
	width:170px;
	text-indent:-9999px;
}
h2.board2{
	background:url(images/aboutus-5.jpg) no-repeat;
	height:25px;
	width:139px;
	text-indent:-9999px;
}
h2.awards , h2.awards2{
	background:url(images/awards.jpg) no-repeat;
	height:23px;
	width:164px;
	text-indent:-9999px;
}
h2.awards2{
	background:url(images/awards2.jpg) no-repeat;
}

h2.producthead{
	background:url(images/productbg.jpg) no-repeat;
	height:29px;
	width:172px;
	text-indent:-9999px;
	margin-bottom:10px;
}
h2.innohead{
	background:url(images/inno.jpg) no-repeat;
	height:29px;
	width:87px;
	text-indent:-9999px;
}
h2.innohead1{
	background:url(images/innosucc.jpg) no-repeat;
	height:25px;
	width:120px;
	text-indent:-9999px;
}
h2.innohead2{
	background:url(images/greenabs.jpg) no-repeat;
	height:25px;
	width:91px;
	text-indent:-9999px;
}
h2.innohead3{
	background:url(images/ptfe.jpg) no-repeat;
	height:50px;
	width:200px;
	text-indent:-9999px;
}
h2.innohead4{
	background:url(images/mbs.jpg) no-repeat;
	height:50px;
	width:220px;
	text-indent:-9999px;
}
h2.innohead5{
	background:url(images/ab.jpg) no-repeat;
	height:25px;
	width:169px;
	text-indent:-9999px;
}
h2.innohead6{
	background:url(images/powder.jpg) no-repeat;
	height:25px;
	width:169px;
	text-indent:-9999px;
}

h2.solution1{
	background:url(images/ideal.jpg) no-repeat;
	height:34px;
	width:140px;
	text-indent:-9999px;
	margin-bottom:0px;
}
h2.solution2{
	background:url(images/pda.jpg) no-repeat;
	height:25px;
	width:43px;
	text-indent:-9999px;
	margin-bottom:0px;
}
h2.solution3{
	background:url(images/b2b.jpg) no-repeat;
	height:25px;
	width:37px;
	text-indent:-9999px;
	margin-bottom:0px;
}
h2.solution4 ,h2.solution5 , h2.solution6{
	background:url(images/epay.jpg) no-repeat;
	height:25px;
	width:182px;
	text-indent:-9999px;
	margin-bottom:0px;
}
h2.solution5{
	background:url(images/etrac.jpg) no-repeat;
}
h2.solution6{
	background:url(images/pro.jpg) no-repeat;
}



h2.newshead{
	background:url(images/newhead.jpg) no-repeat;
	height:28px;
	width:147px;
	text-indent:-9999px;
}
h2.newshead2{
	background:url(images/newshead3.jpg) no-repeat;
	height:18px;
	width:106px;
	text-indent:-9999px;
}


h2.newshead3{
	background:url(images/newshead2.jpg) no-repeat;
	height:22px;
	width:160px;
	text-indent:-9999px;
}
h2.newshead4{
	background:url(images/newshead4.jpg) no-repeat;
	height:18px;
	width:117px;
	text-indent:-9999px;
}
h2.newshead5{
	background:url(images/newshead5.jpg) no-repeat;
	height:19px;
	width:135px;
	text-indent:-9999px;
}
h2.filehead{
	background:url(images/newshead.jpg) no-repeat;
	height:26px;
	width:127px;
	text-indent:-9999px;
}

h2.csrhead1{
	background:url(images/csrhead1.jpg) no-repeat;
	height:29px;
	width:165px;
	text-indent:-9999px;
}
h2.csrhead2{
	background:url(images/csrt1.jpg) no-repeat;
	height:22px;
	width:170px;
	text-indent:-9999px;
}
h2.csrhead3{
	background:url(images/csrv1.jpg) no-repeat;
	height:24px;
	width:206px;
	text-indent:-9999px;
}
h2.csrhead4{
	background:url(images/csrs1.jpg) no-repeat;
	height:30px;
	width:131px;
	text-indent:-9999px;
}
h2.csrhead5{
	background:url(images/csre1.jpg) no-repeat;
	height:32px;
	width:127px;
	text-indent:-9999px;
}

h2.cghead{
	background:url(images/cghead.jpg) no-repeat;
	height:33px;
	width:205px;
	text-indent:-9999px;
}








/*------------------ end class h2 -------------------------*/




/* ----------------EN----------------------*/

#menu li#homeen a{background:url(images/en/menu.jpg) no-repeat; width:80px; height:27px;}
#menu li#abouten a{background:url(images/en/menu.jpg) -80px 0px no-repeat; width:103px; height:27px;}
#menu li#productsen a{background:url(images/en/menu.jpg) -183px 0px no-repeat; width:136px; height:27px;}
#menu li#innovationen a{background:url(images/en/menu.jpg) -319px 0px no-repeat; width:102px; height:27px;}
#menu li#newsen a{background:url(images/en/menu.jpg) -421px 0px no-repeat; width:114px; height:27px;}
#menu li#socialen a{background:url(images/en/menu.jpg) -535px 0px no-repeat; width:139px; height:27px;}
#menu li#relaen a{background:url(images/en/menu.jpg) -674px 0px no-repeat; width:119px; height:27px;}
#menu li#careen a{background:url(images/en/menu.jpg) -793px 0px no-repeat; width:147px; height:27px;}

#menu li#homeen a:hover{background:url(images/en/menu.jpg) 0px -27px no-repeat; width:80px; height:27px;}
#menu li#abouten a:hover{background:url(images/en/menu.jpg) -80px -27px no-repeat; width:103px; height:27px;}
#menu li#productsen a:hover{background:url(images/en/menu.jpg) -183px -27px no-repeat; width:136px; height:27px;}
#menu li#innovationen a:hover{background:url(images/en/menu.jpg) -319px -27px no-repeat; width:102px; height:27px;}
#menu li#newsen a:hover{background:url(images/en/menu.jpg) -421px -27px no-repeat; width:114px; height:27px;}
#menu li#socialen a:hover{background:url(images/en/menu.jpg) -535px -27px no-repeat; width:139px; height:27px;}
#menu li#relaen a:hover{background:url(images/en/menu.jpg) -674px -27px no-repeat; width:119px; height:27px;}
#menu li#careen a:hover{background:url(images/en/menu.jpg) -793px -27px no-repeat; width:147px; height:27px;}


#menu li#homeen.current a{background:url(images/en/menu.jpg) 0px -54px no-repeat; width:80px; height:27px;}
#menu li#abouten.current a{background:url(images/en/menu.jpg) -80px -54px no-repeat; width:103px; height:27px;}
#menu li#productsen.current a{background:url(images/en/menu.jpg) -183px -54px no-repeat; width:136px; height:27px;}
#menu li#innovationen.current a{background:url(images/en/menu.jpg) -319px -54px no-repeat; width:102px; height:27px;}
#menu li#newsen.current a{background:url(images/en/menu.jpg) -421px -54px no-repeat; width:114px; height:27px;}
#menu li#socialen.current a{background:url(images/en/menu.jpg) -535px -54px no-repeat; width:139px; height:27px;}
#menu li#relaen.current a{background:url(images/en/menu.jpg) -674px -54px no-repeat; width:119px; height:27px;}
#menu li#careen.current a{background:url(images/en/menu.jpg) -793px -54px no-repeat; width:147px; height:27px;}

#menu li#homeen.current li a, #menu li#abouten.current li a, #menu li#productsen.current li a, #menu li#innovationen.current li a, #menu li#newsen.current li a, #menu li#socialen.current li a, #menu li#relaen.current li a, #menu li#careen.current li a{background:none; text-indent:0; color:#FFF;width:240px;padding:5px 10px 5px;border-top:1px solid #359fdb;}

#menu li#homeen li a, #menu li#abouten li a, #menu li#productsen li a, #menu li#innovationen li a, #menu li#newsen li a, #menu li#socialen li a, #menu li#relaen li a, #menu li#careen li a{background:none; text-indent:0; color:#FFF;width:240px;padding:5px 10px 5px;border-top:1px solid #359fdb;}
#menu li#homeen li a:hover, #menu li#abouten li a:hover, #menu li#productsen li a:hover, #menu li#innovationen li a:hover, #menu li#newsen li a:hover, #menu li#socialen li a:hover, #menu li#relaen li a:hover, #menu li#careen li a:hover{background:none;width:240px;padding:5px 10px 5px;border-top:1px solid #00405f;background-color:#00699c;}




#menu li#innovationen li.page-item-2660 a, #menu li#innovationen li.page-item-5221 a, #menu li#innovationen li.page-item-3652 a{background:#99cc33; text-indent:0; color:#FFF;width:240px;padding:5px 10px 5px;border-top:1px solid #ccff66;}
#menu li#innovationen li.page-item-2660 a:hover, #menu li#innovationen li.page-item-5221 a:hover, #menu li#innovationen li.page-item-3652 a:hover{background:#99cc33;width:240px;padding:5px 10px 5px;border-top:1px solid #ccff66;background-color:#669900;}







#hotlinks li#hl_b2ben a {background:url(images/en/homebut.jpg) 0px 0px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_chemicalen a {background:url(images/en/homebut.jpg) 0px -33px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_ironen a {background:url(images/en/homebut.jpg) 0px -66px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_petroleumen a {background:url(images/en/homebut.jpg) 0px -99px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_billpaymenten a {background:url(images/en/homebut.jpg) 0px -132px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_procurementen a {background:url(images/en/homebut.jpg) 0px -165px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_esopen a {background:url(images/en/homebut.jpg) 0px -198px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_etracken a {background:url(images/en/homebut.jpg) 0px -231px no-repeat; width:125px; height:33px;}


#hotlinks li#hl_b2ben a:hover {background:url(images/en/homebut.jpg) -125px 0px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_chemicalen a:hover {background:url(images/en/homebut.jpg) -125px -33px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_ironen a:hover {background:url(images/en/homebut.jpg) -125px -66px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_petroleumen a:hover {background:url(images/en/homebut.jpg) -125px -99px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_billpaymenten a:hover {background:url(images/en/homebut.jpg) -125px -132px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_procurementen a:hover {background:url(images/en/homebut.jpg) -125px -165px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_esopen a:hover {background:url(images/en/homebut.jpg) -125px -198px no-repeat; width:125px; height:33px;}
#hotlinks li#hl_etracken a {background:url(images/en/homebut.jpg) 0px -231px no-repeat; width:125px; height:33px;}



h2.symbol1en , h2.symbol2en , h2.symbol3en{
	background:url(images/en/habout1.jpg) no-repeat;
	height:35px;
	width:156px;
	text-indent:-9999px;
}
h2.symbol2en{
	background:url(images/en/habout2.jpg) no-repeat;
	width:145px;
}
h2.symbol3en{
	background:url(images/en/habout3.jpg) no-repeat;
	width:200px;
}


h2.visionen{
	background:url(images/en/vision.jpg) no-repeat;
	height:29px;
	width:179px;
	text-indent:-9999px;
}

h2.backgen{
	background:url(images/en/about3.jpg) no-repeat;
	height:26px;
	width:220px;
	text-indent:-9999px;
}

h2.boarden{
	background:url(images/en/about4.jpg) no-repeat;
	height:24px;
	width:170px;
	text-indent:-9999px;
}

h2.manageen{
	background:url(images/en/about4-2.jpg) no-repeat;
	height:24px;
	width:170px;
	text-indent:-9999px;
}

h2.awardsen{
	background:url(images/en/awards.jpg) no-repeat;
	height:23px;
	width:220px;
	text-indent:-9999px;
}

h2.board2en{
	background:url(images/en/aboutus-5.jpg) no-repeat;
	height:25px;
	width:180px;
	text-indent:-9999px;
}

h2.productheaden{
	background:url(images/en/productbg.jpg) no-repeat;
	height:29px;
	width:172px;
	text-indent:-9999px;
	margin-bottom:10px;
}

h2.innoheaden{
	background:url(images/en/inno.jpg) no-repeat;
	height:29px;
	width:96px;
	text-indent:-9999px;
}


h2.csrhead1en{
	background:url(images/en/csrhead1.jpg) no-repeat;
	height:29px;
	width:189px;
	text-indent:-9999px;
}
h2.csrhead2en{
	background:url(images/en/csrt1.jpg) no-repeat;
	height:22px;
	width:195px;
	text-indent:-9999px;
}
h2.csrhead3en{
	background:url(images/en/csrv1.jpg) no-repeat;
	height:24px;
	width:206px;
	text-indent:-9999px;
}
h2.csrhead4en{
	background:url(images/en/csrs1.jpg) no-repeat;
	height:30px;
	width:131px;
	text-indent:-9999px;
}
h2.csrhead5en{
	background:url(images/en/csre1.jpg) no-repeat;
	height:32px;
	width:127px;
	text-indent:-9999px;
}

h2.cgheaden{
	background:url(images/en/cghead.jpg) no-repeat;
	height:33px;
	width:205px;
	text-indent:-9999px;
}

h2.newsheaden{
	background:url(images/en/newhead.jpg) no-repeat;
	height:28px;
	width:147px;
	text-indent:-9999px;
}
h2.newshead2en{
	background:url(images/en/newshead3.jpg) no-repeat;
	height:18px;
	width:106px;
	text-indent:-9999px;
}


h2.newshead3en{
	background:url(images/en/newshead2.jpg) no-repeat;
	height:22px;
	width:160px;
	text-indent:-9999px;
}
h2.newshead4en{
	background:url(images/en/newshead4.jpg) no-repeat;
	height:18px;
	width:117px;
	text-indent:-9999px;
}
h2.newshead5en{
	background:url(images/en/newshead5.jpg) no-repeat;
	height:19px;
	width:135px;
	text-indent:-9999px;
}

h2.fileheaden{
	background:url(images/en/newshead.jpg) no-repeat;
	height:26px;
	width:127px;
	text-indent:-9999px;
}

/*-----------------------sub sub menuproductEN--------------------------------*/

li.pro1en a {background:url(images/en/manucg2.jpg) 0px 0px no-repeat; width:283px; height:61px;}
li.pro2en a {background:url(images/en/manucg2.jpg) 0px -76px no-repeat; width:283px; height:61px;}
li.pro3en a {background:url(images/en/manucg2.jpg) 0px -151px no-repeat; width:283px; height:61px;}
li.pro4en a {background:url(images/en/manucg2.jpg) 0px -227px no-repeat; width:283px; height:61px;}
li.pro5en a {background:url(images/en/manucg2.jpg) 0px -303px no-repeat; width:283px; height:61px;}


li.pro1en a:hover{background:url(images/en/manucg2.jpg) -283px 0px no-repeat; width:283px; height:61px;}
li.pro2en a:hover{background:url(images/en/manucg2.jpg) -283px -76px no-repeat; width:283px; height:61px;}
li.pro3en a:hover{background:url(images/en/manucg2.jpg) -283px -151px no-repeat; width:283px; height:61px;}
li.pro4en a:hover{background:url(images/en/manucg2.jpg) -283px -227px no-repeat; width:283px; height:61px;}
li.pro5en a:hover{background:url(images/en/manucg2.jpg) -283px -303px no-repeat; width:283px; height:61px;}


li.pro1en.current a{background:url(images/en/manucg2.jpg) -283px 0px no-repeat; width:283px; height:61px;}
li.pro2en.current a{background:url(images/en/manucg2.jpg) -283px -76px no-repeat; width:283px; height:61px;}
li.pro3en.current a{background:url(images/en/manucg2.jpg) -283px -151px no-repeat; width:283px; height:61px;}
li.pro4en.current a{background:url(images/en/manucg2.jpg) -283px -227px no-repeat; width:283px; height:61px;}
li.pro5en.current a{background:url(images/en/manucg2.jpg) -283px -303px no-repeat; width:283px; height:61px;}

/*-----------------------end menuproductEN--------------------------------*/


li.cg1en a {background:url(images/en/manucg.jpg) 0px 0px no-repeat; width:283px; height:61px;}
li.cg2en a {background:url(images/en/manucg.jpg) 0px -76px no-repeat; width:283px; height:61px;}
li.cg3en a {background:url(images/en/manucg.jpg) 0px -151px no-repeat; width:283px; height:61px;}
li.cg4en a {background:url(images/en/manucg.jpg) 0px -227px no-repeat; width:283px; height:61px;}
li.cg5en a {background:url(images/en/manucg.jpg) 0px -303px no-repeat; width:283px; height:61px;}
li.cg6en a {background:url(images/en/manucg.jpg) 0px -379px no-repeat; width:283px; height:61px;}
li.cg7en a {background:url(images/en/manucg.jpg) 0px -454px no-repeat; width:283px; height:61px;}
li.cg8en a {background:url(images/en/manucg.jpg) 0px -530px no-repeat; width:283px; height:61px;}
li.cg9en a {background:url(images/en/manucg.jpg) 0px bottom no-repeat; width:283px; height:61px;}


li.cg1en a:hover, li.cg1en a.current{background:url(images/en/manucg.jpg) -283px 0px no-repeat; width:283px; height:61px;}
li.cg2en a:hover, li.cg2en a.current{background:url(images/en/manucg.jpg) -283px -76px no-repeat; width:283px; height:61px;}
li.cg3en a:hover, li.cg3en a.current{background:url(images/en/manucg.jpg) -283px -151px no-repeat; width:283px; height:61px;}
li.cg4en a:hover, li.cg4en a.current{background:url(images/en/manucg.jpg) -283px -227px no-repeat; width:283px; height:61px;}
li.cg5en a:hover, li.cg5en a.current{background:url(images/en/manucg.jpg) -283px -303px no-repeat; width:283px; height:61px;}
li.cg6en a:hover, li.cg6en a.current{background:url(images/en/manucg.jpg) -283px -379px no-repeat; width:283px; height:61px;}
li.cg7en a:hover, li.cg7en a.current{background:url(images/en/manucg.jpg) -283px -454px no-repeat; width:283px; height:61px;}
li.cg8en a:hover, li.cg8en a.current{background:url(images/en/manucg.jpg) -283px -530px no-repeat; width:283px; height:61px;}
li.cg9en a:hover, li.cg9en a.current{background:url(images/en/manucg.jpg) -283px bottom no-repeat; width:283px; height:61px;}






/* ----------------EN----------------------*/


#footer_language_list{
  margin-bottom: 25px;
  text-align: center;
}

#footer_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
   margin-top:10px;
}

#footer_language_list ul li img{
  margin-right:5px;

}

#footer_language_list ul li{
  display:inline;
  margin:5px 5px 0 5px;
  padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited{
  color: #666;
}

#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
  color: #00A3D9;
}

#wpml_credit_footer{
display:none;
visibility:hidden;
}


.coda-slider, .coda-slider-wrapper, .fl{
overflow:hidden
}

.fl{
height:200px;
}