@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
article {
	padding-top:10px; padding-bottom:10px; border-bottom: 2px solid grey; margin-bottom: 20px;
}
body {
	line-height: 1;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:11.5pt !important;
}
h1{font-size:18px; color:#7E7E7E; margin:0px; padding:20px 0px 20px 0px;}
p{line-height:18px; font-size:17px; color:#7e7e7e; line-height:24px; margin:0px; padding:0px 0px 20px 0px;}
strong{color:#7e7e7e; font-weight:bold;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
} 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear:after{ content:""; display:block; clear:both; visibility:hidden; font-size:0; height:0;}
/* start commented backslash hack \*/
*html .clear{ height:1%;}
.clear { clear:both;}
/* close commented backslash hack \*/
.warraper{ width:980px; margin:0 auto; position:relative;}

.body{ font-family: Calibri; font-weight:400; background:#FFF}

/*.h-part{ background:#093282;  height:100px;} */
.h-part{ background:#083181;  height:100px;}

	.logo{ float:left; padding:15px 0px 0px 30px;}
	.icon_right{  float: right; padding:0;width: 180px;}
	.icon_right ul{ padding:0 0 0 0;}
	.icon_right ul li{ padding: 0 0 0 30px; float:left; text-align:center; float:none; display:inline-block; }
	.icon_right ul li a{ color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-top:5px; text-decoration:none;}
	.icon_right ul li a p{padding:0; color:#fff !important;}
	
/*.menu-part{ background:#FFF;  background:url(../image/texcher-1.png) no-repeat bottom;} */
.menu-part{ background:#FFF;  background:url(../image/backimage3.png) no-repeat bottom; background-size:contain; }
.con-menu-part{ background:#FFF;  background:url(../image/banner_bg.png) no-repeat bottom;}
	.menu{ padding:0 0 0 0; background:#a1a1a1; margin-top: 5px; float:left; width:100%; position:relative; z-index:1000;}
/*	.menu ul{ padding:0 0 0 0; background:#a1a1a1;}
	.menu ul li{ float: left; position: relative;}
	.menu ul li a{     color: #FFFFFF;
    display: block;
    font-family: Calibri;
    font-size: 18px;
   padding: 6px 65px 8px;
    text-decoration: none;}
	.menu ul li a:hover{    background:#949494;}
	
	.menu ul li ul{ position: absolute; top: 32px;
  left: 0; width: 150px; display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s; }
  
  .menu ul li ul li{ background: #949494; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;  }
  
  .menu ul li ul li a{ padding:5px 0 5px 10px; display:block; }
  
  .menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}*/


/* drop-down menu css
-------------------*/
 .menu  ul {list-style: none;padding: 0px;margin: 0px;}
 .menu  ul li {display: block; position: relative;float: left; }
 .menu  li ul {display: none; width:188px; border-top:2px solid #fff;}
 .menu  ul li a {display: block; padding: 6px 65px 8px; font-size: 20px; text-decoration: none; white-space: nowrap;color: #fff; }
 .menu  ul li ul li a{ border-bottom:2px solid #fff; padding:6px 10px; margin:0px; font-size:18px } 
 .menu-item { width: 196px; }		  	
 .menu  ul li a:hover {background: #949494;}
 .menu  li:hover ul {/*display: block;*/ position: absolute; }
 .menu  li:hover li {float: none;}
 .menu  li:hover a {background: #949494; }
 .menu  li:hover li a:hover {background: #989898; }
 
 .menu ul li:hover ul{display:block;}
 .menu li ul{display:none;}
 
 .menu ul li:hover ul ul{display:none;}
 .menu ul ul li:hover ul{display:block; left:196px; top:-2px; border-left:2px solid #FFF;}
 
 .menu ul li:hover ul ul ul{display:none;}
 .menu ul ul ul li:hover ul{display:block; left:195px; top:-2px;}
  
  
  
	
	/*.search-box{padding: 150px 0 40px 713px; } */
	.search-box {padding: 115px 0 73px 713px; }
	input.search{ border: 1px solid #A1A1A1;height: 20px;width: 174px;padding: 0 5px;}*/
	.search_button {background: none repeat scroll 0 0 #A1A1A1;border: medium none; color:#FFF; font-family:Calibri; font-weight:lighter; font-size:18px; cursor:pointer; }
	
/*.banner{ width:980px; margin:0px; padding:5px 0px 5px 0px; border:5px solid #00F; border-left:none; border-right:none; }*/
.banner{ width:980px; margin:0px; padding:5px 0px 5px 0px; border-top:9px solid #083181; }
.product_banner{ width:980px; margin:10px 0px 0px 0px; padding:0px; border:3px solid #CCC; border-left:none; border-right:none; }
	.slidder{ padding:0px; margin:0px; border-top: 2px solid #a1a1a1; border-bottom: 2px solid #a1a1a1;}	
	
.middle-part{ margin:0px; padding:0px;}
.about_al{
	padding:30px 0px 0px 20px;
	background:#FFF; height:auto;
	background:url(../image/backimage3.png) no-repeat bottom;
	border-top: 10px solid #083181;
	border-bottom:9px solid #083181;
	padding-bottom:95px;
	background-size:contain; 
	}

/* .about_al{ padding:0px; background:#FFF;  height:auto; background:url(../image/texcher-1.png) no-repeat bottom; border-bottom:5px solid #00F; padding-bottom:150px;} */
	/*.about_al h1{ padding-top:40px; color:#7e7e7e; font-size:18px;}*/
	/*.about_al p{ padding-top:40px; color:#7e7e7e; font-size:16px; line-height:24px;}*/
	/*.about_al strong{color:#7e7e7e; font-size:16px; font-weight:bold;}	*/
	
	.contact_info{
	border-top: 10px solid #083181;
	border-bottom: 10px solid #083181;
	border-left:0px none;
	border-right:0px none;
    margin:0 0 5px 0; float:left;
    padding: 0 0 5px;
    width: 980px;
	}
		  .co-map{padding:10px 0px; margin:0px; float:left;}
		  .co-add{padding:0px; margin:0px; float:right; }
		  .co-add h1{padding: 100px 0 0; color:#7e7e7e; font-size:18px; font-weight:bold; text-align:right; }
		  .co-add h2{padding: 30px 0 0; color:#7e7e7e; font-size:16px; text-align:right; line-height:20px; }
		  .co-add a{padding: 0 15px 0 20px; text-decoration:none; color:#083181; font-size:16px; text-align:right; float:right; line-height:20px; }
	
.co_icon{ margin:0px; padding:5px 0px;}
.co_icon ul{ margin:0px; padding:0px; border-bottom: 2px solid #A1A1A1; display: table;}
.co_icon ul li{border:1px solid #a1a1a1; float:left;-webkit-box-shadow: inset 5px 4px 5px -3px rgba(0,0,0,1);
-moz-box-shadow: inset 5px 4px 5px -3px rgba(0,0,0,1);
box-shadow: inset 5px 4px 5px -3px rgba(0,0,0,1); background:#8b8b8b; height: 50px;
    margin: 0;
    padding: 5px 0px 0;
    width: 161px;
	text-align:center;
}

.slide_img{ margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;border:2px solid #a1a1a1; border-left:0px; border-right:0px;}
.slide_img img {padding: 3px 0px 0px 0px;}
.co_icon ul li a{ padding:0 0 0 0 }

.contant_middle{margin:0px; padding-top:0px; float:left; padding-bottom:60px; border-bottom:10px solid #083181;  background:url(../image/banner_bg.png) no-repeat bottom;}
/*.contant_middle h1{ margin:0px; padding-top:5px; color:#7e7e7e; font-family:Calibri; font-size:18px;}
.contant_middle p{ margin:0px; padding-top:10px; padding-bottom:10px; color:#7e7e7e; font-family:Calibri; font-size:16px; line-height:20px; border-bottom:8px solid #083181;  background:url(../image/banner_bg.png) no-repeat bottom;}*/

.arteline_slider{ margin:0px; padding:0px; width:983px;}
.arteline_slid_left_img{ margin:0px; padding:0px; float:left; width:166px; height:383px; }
.arteline_slid_left_img img{width:166px; height:383px;}

.arteline_slid_right_img{ margin:0px;padding:0px; float:left; width:814px; background:#a1a1a1; height:383px; }
.slid_right_img{ padding:0px; }
.slid_right_left{ float:left; width:200px; /* margin-left: 3px;  padding: 5px; */ }
.slid_right_left img { width:205px; height:199px; position:relative; top:0px; }
.slid_right_right{ float:left;width:609px; /* padding-top:5px; */  margin-left: 5px;}

.slid_right_img_bottom{ padding:0px; }
.slid_right_bottom_left{ float:left; width:204px; padding-top:140px; }
.slid_right_bottom_left a{ padding:0 0 0 30px; color:#343131; text-decoration:none; font-size:18px;}

.slid_right_bottom_right{ float:left;width:610px; height: 180px;}
.slid_right_bottom_right ul{}
.slid_right_bottom_right ul li {  float: left; padding: 10px 20px 0 10px;}


.arteline_con_middle{ padding-top:20px; padding-bottom:60px; padding-left:21px; border-bottom:10px solid #083181;  background:url(../image/banner_bg.png) no-repeat bottom;  float: left;}
/*.arteline_con_middle p{}
.arteline_con_middle strong{ color:#7e7e7e; font-weight:bold;font-family:Calibri; font-size:16px; }
*/

.arteline_con_middle a {
text-decoration: none;
color: #7e7e7e;
}

.footer-top{}	
.footer{ margin:0px; padding:0px;  height:50px; clear:both; }
/*.footer ul{ margin:0px; padding: 10px 0 0 255px;} */
.footer ul { width: 968px; padding: 10px 0 0 10px; height: 35px; text-align: center; }
/*.footer ul li{ float: left;width: 15%; } */
.footer ul li { display: inline-block; text-align: center; *display:inline; /*IE7*/ *zoom:1; /*IE7*/}
.footer ul  li a{ text-decoration:none; font-family:Calibri; color:#7e7e7e; font-size:18px; padding:0px; }
.footer ul  li a:hover{ color:#093282}
.border{  border-right: 1px solid #a1a1a1;float: right;height: 20px;  }
	
nav select{ display:none;}

/*added by BM*/
#scroller img{height:200px;}
.simply-scroll{height:auto !important; margin-bottom:0px !important;}
.banner{overflow:hidden;}


@-webkit-keyframes fadeeffect 
  {       
    0% {opacity: 1;}
    25% {opacity: 0.4;}
    50% {opacity: 0.1;}
    75% {opacity: 0.4;}
    100% {opacity: 1;}
  }

  @-moz-keyframes fadeeffect 
  {       
    0% {opacity: 1;}
    25% {opacity: 0.4;}
    50% {opacity: 0.1;}
    75% {opacity: 0.4;}
    100% {opacity: 1;}
  }
  
  .fade_img
  {
   	-webkit-animation: fadeeffect 5s linear infinite;
    -moz-animation: fadeeffect 5s linear infinite;  
    height: 383px;
    width: 165px;
  }
  
  #scroller li
  {
  	border: 0px none;
  	box-shadow: 0px none;
  	-webkit-box-shadow: 0px none;
  	-moz-box-shadow: 0px none;
  	padding: 0px;
  }
  
  .catalouge_img
  {
  	width: 610px; height: 180px;
  }
  
  .co-links
  {
  	float: left;
  }
  
  td.link_name:before
  {
  	content: "• ";
  }
  .link_name
  {
  	color: #7e7e7e;
  	text-align: left; font-weight:bold;
  	font-size: 16px; padding-left: 5px;
  }
  
  .link_link
  {
  	color: #173e89; font-weight:bold;
  	font-size: 16px;
  	text-align: right;
  }
  
  .link_link a
  {
  	color: #173e89; text-decoration: none;
  }



 td.download_name:before
  {
  	content: "• ";
  }
  .download_name
  {
  	color: #7e7e7e;
  	text-align: left; font-weight:bold;
  	font-size: 16px; padding-left: 5px;
  }
  
  .download_link
  {
  	color: #173e89; font-weight:bold;
  	font-size: 16px;
  	text-align: right;
  }
  
  .download_link a
  {
  	color: #173e89; text-decoration: none;
  }
  

  
  .download_category h1, .download_maker h1
  {
  	text-transform: uppercase;
  	color: #173e89;
  	font-size: 17px; font-weight: bold;
  }
  
  .download_ul li
  {
  	color: #7e7e7e;
  	font-size: 17px;
  	margin-bottom: 10px;
  }
  
  .download_ul ul
  {
  	margin-left: 30px;
  }
  .download_ul ul li
  {
  	margin-bottom: 5px;
  }
  
  
  .download_ul ul li a
  {
  	color: #7e7e7e;
  	font-size: 14px; text-decoration: none;
  }
  
  .download_maker_ul li
  {
  	width: 100px; height: 100px; float:left; margin-left: 5px;
  	margin-bottom: 10px; border: 1px solid #CCC;
  }
  
  .download_maker_ul li a
  {
  	display: block;
  }
  
  .download_maker_ul li a img
  {
  	width: 100px; height: 100px; 
  }
  
  
  .water_icon
{
	width: 138px !important;
}

#content-water
{
	background: url(../image/water_header.png) no-repeat bottom !important;
	width:98%;
}
#footer_menu  ul li{
	width:95px;
	border-right: 2px solid #a1a1a1;
	height: 20px;
}
#footer_menu  ul li:last-child {
	border-right: 0px;
	text-align: left;
	padding-left: 15px;
}
#menu-item-743{margin-left:-396px;} 
#menu-item-744{margin-left:-396px;}
#gallery { position: relative; margin:0; padding:0; height: 383px;}
#gallery li { display: block; }
#water_section { background:url(../image/water_header.png) no-repeat bottom !important; }
#home_section { background:url(../image/banner_bg.png) no-repeat bottom !important; }
ul.dwld{padding:0; margin:30px 25px}
ul.dwld li{list-style:none; padding:5px 0}
ul.dwld li a{color:#8E8E8E; text-decoration:none; font-size:18px;}
ul.dwld li a:hover{color:#000;}
#dwld_prd_name { color: #083181; font-weight: bold; position: relative; top: 230px; left: 25px; font-size: 16px; width: 400px; height:0;}
.about_al a { text-decoration: none; color: #7e7e7e; }

.page-template-careerpage-php .co-add {
	width:415px;
	padding:10px;
}

.page-template-careerpage-php .co-add h3 {
	color:#083181;
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}

.page-template-careerpage-php .co-add a {
	text-align:left;
	float:none;
	padding:0;
}

.product_banner .simply-scroll .simply-scroll-list li {
	width:17717px!important;
	display:inline-block;
}

.page-template-homepage-php .simply-scroll .simply-scroll-list li {
	width:1914px!important;
	display:inline-block;
}

.page-template-home_template-php .simply-scroll .simply-scroll-list li {
	width:5906px!important;
	display:inline-block;
}

.page-template-water_template-php .simply-scroll .simply-scroll-list li {
	width:5906px!important;
	display:inline-block;
}

.page-template-contactpage-php .co-map {
	margin-left:10px;	
}

.page-template-contactpage-php .co-add {
	margin-right:20px;	
}
.middle-part li {
	font:inherit;
	color:#7E7E7E;
	font-size:17px;
}
.arteline_con_middle li {
	list-style: initial;
	margin-left: 25px;
	padding: 3px;
}
.slider-content img { width:980px; height:371px; }
.bx-wrapper img { height:199px; }

/*menu*/
.dropdown_bg { background:#a1a1a1; width:100%; height:40px; display:none;}
.dropbtn {
    background-color: #949494;
    color: white;
    padding: 11px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 90px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	right:0;
	
}

.dropdown-content a {
    color: #FFF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-size: 18px;
}

.dropdown-content a:hover {background-color: #949494}

.dropdown:hover .dropdown-content {
    display: block;
	background-color: #a1a1a1;
}

.dropdown:hover .dropbtn {
    background-color: #a1a1a1;
}

/*menu*/