@charset "utf-8";
@import url("media-queries.css");

img, div, a, input { behavior: url(iepngfix.htc) }

* { margin:0; padding:0; }

h1, h3, h4, h5, h6, pre, code, p {
font-size : 1em;
font-family : Arial, Verdana, Helvetica, sans-serif;
margin:0;
padding:0;
}
h7{padding:10px 0px 10px 10px; width:730px; float:left; font-size:15px; margin:10px 0px 10px 0px; background-color:#EFEFEF; border:1px dashed #999999; color:#03547d;}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin : 0;
padding : 0;
}
a img, :link img, :visited img {
border : none;
}
address {
font-style : normal;
}
ul, ol, dl, li {
list-style-type : none;
}

footer{ margin:0; padding:0;}

p {margin: 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

p br {  line-height:10px; }
a, a:visited {color:#00a94f; text-decoration:none;}
 
a:hover {text-decoration:underline;}
a.external {background:none; padding-left:15px; display:block;}

.clear	{ clear:both;}
.left{ float:left;}
.right{ float:right;}
/* Misc **************/

.fl {float:left;}
.fr {float:right;}
.cl {clear:left;}
.cr {clear:right;}




body{
margin:0px;
padding:0px;
height:100%;
font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#fff; font-size:12px; }

.righttab_quick{ top:16em; right:0; float:right; position:fixed; z-index:999;}

.aboutus{
background:url(../images/bg/aboutus.jpg) no-repeat fixed; }

.img-pos img {max-width:100%; height:auto;}

#wrapper{
width:100%;
}

header{
background:url(../images/headerbg.png) repeat center;
/*padding:0px 0px 68px 0px; *height:0px;*/  
width:100%;
}

.headertop{ width:1000px; margin:auto; height:68px;}

.headertopcontent{ float:left; width:100%; padding:0px 0px 40px 0px;}

header figure{
float:left;
}


/*insidepage content*/ 
.headertopcontentin{ float:left; width:100%; padding:0px 0px 20px 0px; *padding-top:120px;} 
article.insidepage { margin:auto; width:982px; background:none; top:40px;}
article.insidepage_seminar { margin:auto; width:76%; background:none; top:40px;}
article .imgtopbtm {margin:0px; padding:0px; float:left; clear:both;}
article .innerpagecnt {width:100%; border-radius: 25px; background:#ffffff; float:left; margin:0px; padding:18px 0; box-shadow: -1px 0px 3px 0px #000; }
article .innerpagecnt_seminar {width:100%;  float:left; margin:0px; padding:10px 0;  }

article .innerpagecnt_seminar .box_new{width:40%;  float:left; position:relative; margin:0px; padding:10px 0;  }
article .innerpagecnt_seminar .box_new h1{font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#fff; font-weight:bold; font-size:50px; line-height:50px; }
article .innerpagecnt_seminar .box_new p {    color: #fff;    font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";    font-size: 13px;    line-height: 20px;    padding: 8px 0 5px;    text-align: justify;}

article .innerpagecnt_seminar .box_new_form{width:40%;  float:right; position:relative; margin:0px; padding:10px 0;  }
article .innerpagecnt_seminar .box_new_form h1{font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#fff; font-weight:bold; font-size:50px; line-height:50px; }
article .innerpagecnt_seminar .box_new_form p {    color: #fff;    font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";    font-size: 13px;    line-height: 20px;    padding: 8px 0 5px;    text-align: justify;}
article .innerpagecnt_seminar .box_new_form .main_form_dive { width:100%; float:left; position:relative; clear:both; margin-bottom:15px;}
article .innerpagecnt_seminar .box_new_form .main_form_dive .namefield { width:30%; padding-right:2%; float:left; text-align:right; position:relative; color: #fff;    font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed"; font-weight:bold;   font-size: 14px; line-height:35px;}
article .innerpagecnt_seminar .box_new_form .main_form_dive .inputbox{ width:60%; padding-right:2%; float:right; text-align:left; position:relative; color: #fff;    font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";    font-size: 13px; line-height:25px;}
article .innerpagecnt_seminar .box_new_form .main_form_dive .inputbox input{ width:100%;  color: #000; padding:5px; margin:0px;   font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed"; color:#000; background:url(../images/in_bg.png) repeat; border:none;   font-size: 13px; line-height:25px;}

article .innerpagecnt_seminar .box_new_form .main_form_dive .inputbox_new{ width:60%; padding-right:2%; float:right; text-align:left; position:relative; color: #fff;    font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";    font-size: 13px; line-height:25px;}
article .innerpagecnt_seminar .box_new_form .main_form_dive .inputbox_new input{ width:100%;  color: #fff; padding:5px; margin:0px; text-align:center;   font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";  background:url(../images/in_bgg.png) repeat; border:none;   font-size: 13px; line-height:25px;}





article .leftpanel { width:67%; float:left; margin-left:3%;}
article .bgborderbig { width:100%; float:left; padding-bottom:5px; background:url(../images/titleimg.jpg) right bottom no-repeat;  border-bottom:1px solid #009645; margin-bottom:0px;  clear:both;}
article .bgborderbig_nobg{ width:100%; float:left; padding-bottom:5px;   border-bottom:1px solid #009645; margin-bottom:0px;  clear:both;}
article h3 {font-family:Tahoma; font-size:30px; font-weight:normal; color:#029746;  background:none; padding:3px 0px 0px 0px; float:left;}
article h4 {font-family:Tahoma; font-size:18px; width:100%; font-weight:normal; color:#029746;  background:none; padding:3px 0px 0px 0px; float:left;}
article p{ font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#1c2e28; font-size:13px; line-height:20px; padding:8px 0px 5px 0px; text-align:justify;}
article p img{ float:left; max-width:100%; height:auto; width:100%; }

article .imgnew{ margin:10px 0px 10px 0px;}
.testspan{color:#009933; padding:8px 0px 8px 0px; font-size:19px; font-weight:normal; font-family:Calibri; line-height:21px;}
.scroll{width:591px; float:left; margin:15px 0px 15px 0px;}
.rightdescontent{margin:15px 0px 15px 25px; float:left; width:310px; }
.rightdestitle{ width:310px; float:left; border-bottom:1px solid #ddd9da; border-top:1px solid #ddd9da; font-family:Calibri; font-size:20px; color:#019646; padding:10px 0px 10px 0px; margin-bottom:10px;}
.rightdestitle p{ font-family:Calibri; font-size:16px; color:#333333; line-height:20px;}
.rightdesback{ width:130px; float:left; background:#eee; text-align:center; color:#01803b; padding:10px; margin-top:10px;}
.rightdesback a{ color:#01803b; text-decoration:none;}



aside { width:26%; float:right; margin-right:2%;}
aside .rightpanel { width:100%;}
aside .rightpanel h4{ background:#293c35; color:#FFFFFF; font-family:Tahoma; font-size:22px; padding:8px; width:93%; font-weight:normal; margin:5px 0px 0px 0px;}
aside .rightpanel ul{ /*float:left; display:inline;*/  list-style:none; margin-left:8px;}
aside .rightpanel ul li{ display:inline; list-style:none; background:url(../images/rightmenuicon.jpg) left no-repeat; width:83%; float:left; padding:12px 8px 12px 20px; border-bottom:1px solid #9e9e9e;}
aside .rightpanel ul li a{ font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#4e7666; font-size:13px;}
aside .rightpanel ul li a:hover{ font-weight:bold;}






article .product { width:95%; float:left; margin-left:3%;}


/****/
.tech-list {  }
.tech-list li { 
    background: url("../images/arrow-right-b.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    color: #000;
    line-height: 22px;    
    margin-bottom: 10px;
    padding-left: 21px; 
}

.emailus {}
.emailus a { color: #009933;}

b, strong {
    font-weight: bold;
}

hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }

.contact-newsletter-cont {
   
    position: relative;
}

.contact-newsletter-cont .contact-newsletter {
    height: 170px;
    padding-top: 20px;
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
}
form#subForm {
    margin-top: 0 !important;
}

.contact-newsletter-cont .contact-newsletter-input {
    background-color: #f4f4f4;
    border: 1px solid #999;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 4px;
    overflow: hidden;
}

.contact-newsletter-cont .contact-newsletter-input input {
    background-color: #f4f4f4;
    border: medium none;
    color: #666;
    font-size: 11px;
    outline: medium none;
    padding: 0 6px;
    width: 92%;
}

.contact-newsletter-cont .contact-newsletter-submit {
    text-align: right;
}

.contact-newsletter-cont .contact-newsletter-submit button span {
    background: #009933;
    display: block;
    padding:6px;
    width: 72px;
	color: #fff;
}

.contact-newsletter-cont button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto;
}

.contact-newsletter-cont input[type="text"], .contact-newsletter-cont input[type="email"] {
    margin-bottom: 0;
    margin-top: 0;
}


/*******************************************/
/* ==============feedback form=================================== */
/*******************************************/

.feedback-form {}

div.envelope{
	width:90%;
	margin: 10px 10% 10px 0%;
	/*background-color:#f4f4f4;*/
	padding:10px 0;
	/*border:1px solid #ccc;	*/
	font-size:14px;
	} 
	
.fields-mark {
		font-size:14px;
		font-weight:600;
	}
.marked_colorRed {
    color: #76011e;
}	
	
/*form{
width:80%;
margin:0 10%;
font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";
    font-size: 12px;
} */ 

form header {
  text-align:center;
 
  }
  
  div.envelope form label {
	  font-weight:600;
	  color:#029746;
  }
 

/* Makes responsive fields.Sets size and field alignment.*/
input[type=text], input[type=email] {
margin-bottom: 15px;
margin-top: 10px;
  width:100%;
  padding: 5px;
  border:1px solid #d3d3d3;
}

select {
  margin-bottom: 15px;
  margin-top: 10px;
  width:100%;
  padding: 2px;
  border:1px solid #d3d3d3;
  background-color:#fafafa;
  height:30px;
}


input[type=submit]
{

  margin-bottom: 2px;
  border:1px solid #d3d3d3; 
}

input[type=reset]
{
	margin-bottom: 2px;
  border:1px solid #d3d3d3;
}

textarea{
	width:95%;
	padding: 15px;
	margin-top: 10px;
    border:1px solid #d3d3d3;
	margin-bottom: 20px;
	resize:none;
	height:50px;
	font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";
    font-size: 12px;
  }
 
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: #4697e4;
}






.seminarform{
margin:0; padding:0;
width:453px;
float:left;


}


.seminarform .form{
	float:left;
	 margin:1% 0 0 0!important;
	 padding:0;
	 color:#000;	 
		 
}

form.seminarform{
	float:left;
	width:200px;
	 
		 
}
.seminarform form label{
	float:left;
	 width:100px;
	 margin:0 0 6% 0;
	 padding:0;
	 color:#029746;
	 text-align:left;
	 font-weight:bold;
	 
}

.seminarform form input{
	margin:0;
	width:250px;
	float:left;
	padding:2px 5px;
	border: 1px solid #d3d3d3;
}


.seminarform form .select {
  width:260px;
  padding: 2px;
  border:1px solid #d3d3d3;
  float:left;
  margin:0 0 3% 0;
  background:#ffffff!important;
}

.seminar-submit {
	background: #009933;
	color:#fff;
	padding:6px 6px!important;
	cursor: pointer;
	width:80px!important;
	margin:0 2% 0 0!important;
	border:none;
}

.seminar-button {
		margin:0 0 0 28%!important;
}


.event{
	float:left;
	width:176px;
	color:#028e6b;


} 

.event h1{
	font-size:15px;
	font-family: 'Tahoma';
}




/* By using @ media form can have different layout for screen, mobile phone, tablet.*/

/* Sets the form layout for mobile phone, tablet*/
@media screen and (max-device-width: 600px){


* {
  
  /*with these codes padding and border does not increase it's width.Gives intuitive style.*/
  
  -webkit-box-sizing: border-box;   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


div.envelope{
	width:80%;
	margin: 10px 10% 10px 10%;
	background-color:#f4f4f4;
	padding:10px 0;
	border:1px solid ccc;
	} 
	
form{
width:80%;
margin:0 10%;
}  

form header {
  text-align:center;
 
  }
 

/* Makes responsive fields.Sets size and field alignment.*/
input[type=text], input[type=email]{
margin-bottom: 15px;
margin-top: 10px;
  width:100%;
  padding: 5px;
  border:1px solid #d3d3d3;
}

select {
  margin-bottom: 15px;
  margin-top: 10px;
  width:100%;
  padding: 2px;
  border:1px solid #d3d3d3;
  background-color:#fafafa;
  height:30px;
}


input[type=submit]
{
 
  margin-bottom: 2px;
  border:1px solid #d3d3d3; 
}

input[type=reset]
{
	margin-bottom: 2px;
  border:1px solid #d3d3d3;
}

textarea{
	width:95%;
	padding: 15px;
	margin-top: 10px;
    border:1px solid #d3d3d3;
	margin-bottom: 20px;
	resize:none;
	height:50px;
	font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";
    font-size: 12px;
  }
 
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: #4697e4;
}

}

input:-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder{color:#d1d1d1;}

textarea:-moz-placeholder{color:#d1d1d1;}
textarea:-ms-input-placeholder{color:#d1d1d1;}

input{padding:0 \ ;}

.feedback-submit {
	background: #009933;
	color:#fff;
	padding:6px 10px;
	cursor: pointer;
}

/****/

.next-steps { margin-top:2% !important; height: 250px !important;}  

.product-contents {  display:inline-block; margin-top: 1%;}

.product-contents .newsarticle{ background:#ddd; float:left; margin:1.5% 3%; padding:2% 4%; text-align:center; color:#000 !important;}




.costsaving img { width:60%; margin:0% 2% 1% 0%; float:left; max-height:auto; }
.innvationsinside img { width:98%; margin:1%; float:left; max-height:auto; }

.listmain {  }

.techlist1 {
    color: #333;
    display: inline-block;
    padding: 5px 0;
}

.back-pg { background:url(../images/circle_back_arrow.png) no-repeat 0 0; padding: 0 0 5px 22px; }

.next-pg { background:url(../images/circle_next_arrow.png) no-repeat 0 0; padding: 0 0 5px 22px; }

/***********************************/
/****/




/**********************/

/******sitemap*****/

.site-map-row { float:left; width:31%; display:block; margin: 10px 10px; }

.site-map-row h3 {
	width:280px;
    font-size: 1.5556em;
    line-height: 1.1429;
    font-weight: 200;
	padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 10px;	
}

.site-map-row h3 a { /*background:url(../images/sitempa-arrow.png) no-repeat right center;*/ display:inline-block; padding-right:28px; color:#029746; text-decoration:none;}

.site-map-row h3 a:hover { color:#262626;}

.site-map-row ul li a:hover { color:#029746; text-decoration:none;}
.site-map-row ul li a{ color:#262626; text-decoration:none;}

.site-map-row ul li { line-height:26px; }

.sitemap-one { margin-bottom:20px; }

/*****************/



/*Footer content*/  
footer{ /*background:#139e53;*/ background:url(../images/bgf1.jpg) repeat-x left; width:100%; float:left; bottom:0; position:relative; font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#fff; font-size:12px;  margin:0 auto; padding:0 ;}
footer .centerpanel{ width:1000px; margin:auto;}
footer .knowmore{ margin:auto; background:url(../images/knowmorebg.png) center no-repeat; width:160px; padding:5px; text-align:center;}
footer .knowmore a{ text-decoration:none; color:#fff;}
footer .knowmore a:hover{ text-decoration:underline; color:#ffff00;}
footer .centerpanel ul{ width:99%; padding:10px 0px 0px 0px;}
footer .centerpanel ul li{ float:left; width:33%;  margin:10px 15px 8px 0px; border-right:1px dashed #fff;}
footer .centerpanel ul li figure{ float:left; margin:0px 8px 8px 0px;}
footer .centerpanel ul li b{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#8efac4; font-weight:normal; float:left; padding:8px 0px 0px 0px; }
footer .centerpanel ul li p{ float:left; line-height:19px; width:98%;}
footer .centerpanel ul li .readmore{ color:#8efac4; font-size:12px;}
footer .centerpanel ul li .readmore a{ color:#9fffcf; font-size:12px;}
footer .centerpanel ul li.packaging{ float:left; width:28%;}
footer .slidedown{ width:100%; float:left; /*background:#139e53;*/}


/*Footer*/  
footer .footermain{ /*border-top:1px solid #0b9249;*/ width:100%; float:left; margin:0px 0px 0px 0px;/* background:#139e53;*/}
footer .footertext{ width:1000px; margin:auto; padding:0px 10px 10px 10px; text-align:center;}
footer .footertext a{ color:#fff;}


.form_enq_neww{  width:100%; clear:both; float:left;  color:#333333; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; text-align:left; line-height:20px; margin-bottom:5px; }
.form_enq_neww .neme_field{ position:relative; float:left; width:90% !important;  color:#333333; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; text-align:left; line-height:20px; }
.form_enq_neww .input_box{ position:relative; float:left;  width:90% !important;  color:#333333; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; text-align:left; line-height:20px; }
.form_enq_neww .input_box .commentBox{font: 11px Arial, Helvetica, sans-serif;	color:#3a525c;	width:100% !important;	height:50px;	padding:5px;	border:1px solid #CCCCCC;	text-align:left; }
.form_enq_neww .input_box .input_field_box{ font: 11px Arial, Helvetica, sans-serif;	color:#3a525c;	width:100% !important;	height:25px;	padding:2px;	border:1px solid #CCCCCC;	text-align:left; }
.submitBtn {	font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; background-color:#139e53 ;	width:auto; padding:5px;  margin-top:5px; cursor:pointer;	 border:none;	color:#FFFFFF;}



.media_press{ width:100%; float:left; height:auto; position:relative;}
.media_press .media_box{ width:30%; margin:0% 2.5% 5% 0%;  float:left; height:auto; position:relative;}
.media_press .media_box img{ width:96%; padding:2%; float:left; height:auto; position:relative;}
.media_press .media_box p{font-family:Arial, Helvetica, sans-serif; padding:2%; color:#656565; line-height:18px; text-align:center; font-size:12px; font-weight:normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.media_press .media_box span{font-family:Arial, Helvetica, sans-serif; color:#ccc; line-height:18px; text-align:center; font-size:12px; font-weight:normal; font-style:italic;}
.media_press .media_box p a{font-family:Arial, Helvetica, sans-serif; color:#656565; line-height:18px; text-decoration:none; text-align:center; font-size:12px; font-weight:normal;}
.media_press .media_box span a{font-family:Arial, Helvetica, sans-serif; color:#ccc; line-height:18px; text-align:center; text-decoration:none; font-size:12px; font-weight:normal; font-style:italic;}
.media_press .media_box:hover{ background-color:#F4F4F4}



article .bgborderbig2 { width:100%; float:left; padding-bottom:5px; background:url(../images/titleimg.jpg) right bottom no-repeat;  border-bottom:1px solid #009645; margin-bottom:0px;  clear:both;}
article .bgborderbig2 h3 { width:50%; position:relative; float:left; font-family:Tahoma; font-size:30px; font-weight:normal; color:#029746;  background:none; padding:3px 0px 0px 0px;}
article .bgborderbig2 .seminar-type{ width:25%; position:relative; float:right; padding-bottom:5px; }

article .bgborderbig2 .seminar-type select{background: rgba(0, 0, 0, 0) url("../images/in_bg.png") repeat scroll 0 0;
    border: medium none;
    color: #333;
    font-family: Arial,Helvetica,sans-serif,"Eurostile Condensed";
    font-size: 14px;
    margin: 0;
    padding: 5px;
    width: 100%;}