/*reset*/
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../images/common/bg.jpg) repeat-y center; color:#333; line-height:normal; display:block;}
html { overflow:-moz-scrollbars-vertical;overflow-y:scroll; }
p, div, html, body, img, h1, h2, ul, li, h3, h4, dl, dt, dd, ol, input{margin:0; padding:0;}
body, html, #container{height:100%;}
img{border:0;}

a:link, a:visited{color:#333; text-decoration:none;}
a:hover{color:#F00; text-decoration:none;}
h1{font-size:22px; height:40px; display:block; line-height:40px;}

/*main*/
#container{width:963px; margin:0 auto;}
#header{background:url(../images/common/logo.jpg) no-repeat; height:98px;}
#top{
	text-align:right;
	padding:20px;
	height:19px;
}
#left-side{float:left; width:197px;}
#left-contact{margin:10px 0;}
#left-contact img{margin:2px 0;}
#info{float:right; width:755px;}

/*footer*/
#footer{background:url(../images/common/footer-bg.jpg) repeat-x; padding:10px;}
#footer-nav{float:left;}
#copyright{float:right;}

/*index*/
#middle{
	float:left;
	width:575px;
	padding:27px 0 0 0;
}
#right-side{float:right; width:168px;}
#index-news{padding:15px 0 0 0;}
#index-news div{ width:280px; margin:5px 3px; float:left;}
#index-news div div{text-align:center; width:120px; margin:10px 10px;}
#index-news span{display:block; overflow:hidden;}
#index-news h2 a{height:22px; text-indent:-10000px;display:block;}
#news-nonwoven h2 a{background:url(../images/index/more01.jpg) no-repeat;}
#news-canvas-cotton h2 a{background:url(../images/index/more02.jpg) no-repeat;}
#news-nylon h2 a{background:url(../images/index/more03.jpg) no-repeat;}
#news-other h2 a{background:url(../images/index/more04.jpg) no-repeat;}
#news-nonwoven-e h2 a{background:url(../images/index/more01-e.jpg) no-repeat;}
#news-canvas-cotton-e h2 a{background:url(../images/index/more02-e.jpg) no-repeat;}
#news-nylon-e h2 a{background:url(../images/index/more03-e.jpg) no-repeat;}
#news-other-e h2 a{background:url(../images/index/more04-e.jpg) no-repeat;}
#news-nonwoven-j h2 a{background:url(../images/index/more01-j.jpg) no-repeat;}
#news-canvas-cotton-j h2 a{background:url(../images/index/more02-j.jpg) no-repeat;}
#news-nylon-j h2 a{background:url(../images/index/more03-j.jpg) no-repeat;}
#news-other-j h2 a{background:url(../images/index/more04-j.jpg) no-repeat;}

/*products*/
#products-info{margin:20px 0 0 0;}
#products-info div{width:320px; float:left; margin:20px; height:300px;}
#products-info h2{font-size:24px; margin:0 0 200px 0;}
#products-nonwoven{background:url(../images/products/nonwoven.jpg) no-repeat;}
#products-canvas-cotton{background:url(../images/products/canvas-cotton.jpg) no-repeat;}
#products-nylon{background:url(../images/products/nylon.jpg) no-repeat;}
#products-oop{background:url(../images/products/oop.jpg) no-repeat;}
#products-nlon{background:url(../images/products/nylon.jpg) no-repeat;}
#products-oop{background:url(../images/products/oop.jpg) no-repeat;}
#products-oxford{background:url(../images/products/oxford.jpg) no-repeat;}
#products-ppmeren{background:url(../images/products/ppmeren.jpg) no-repeat;}
#products-pet{background:url(../images/products/pet.jpg) no-repeat;}
#products-other{background:url(../images/products/other.jpg) no-repeat;}

#products-nav{background:url(../images/common/point.gif) no-repeat left; padding:8px 0 8px 12px;}
#products-btn{width:700px;}
#products-btn ul{list-style:none;}
#products-btn li{float:left;}
#products-btn li a{background:url(../images/products/product-btn.jpg) no-repeat; width:100px; height:30px; display:block; line-height:30px; text-align:center;}
#products-btn li a:hover{background:url(../images/products/product-btn.jpg) bottom; color:#FFC}

#products-list{border-top:1px solid #ccc;}
#products-list div{float:left;text-align:center; width:140px; margin:20px 10px; height:100px;}
#products-list span{display:block;}
#pager{text-align:center; padding:10px;}
#pager a{padding:2px 5px; border:1px solid #999;}
#pager a:hover{background:#CCC; color:#C00;}

/*about*/
#about-info{background:url(../images/about/advertisement_top_img.gif) no-repeat; padding:120px 0 0 0; margin:27px 0 0 0;}
#about-info div{padding:10px; line-height:25px;}

/*contact*/
#contact-info{background:url(../images/contact/email_img.gif) no-repeat; padding:120px 0 0 0; margin:27px 0 0 0;}
#contact-info div{padding:10px; line-height:25px;}

/*order*/
#order-info{background:url(../images/order/client_center_img.gif) no-repeat; padding:120px 0 0 0; margin:27px 0 0 0;}
#order-info div{padding:10px; line-height:25px;}

/*enquiry*/
#enquiry-info{background:url(../images/enquiry/business_top_img.gif) no-repeat; padding:120px 0 0 0; margin:27px 0 0 0;}
#enquiry-info div{padding:10px; line-height:25px;}
#enquiry-info h2{display:block; background:#F0FFF0; padding:2px 10px; font-size:14px; margin:5px 0;}
#enquiry-info dl{width:600px;}
#enquiry-info dt{float:left; width:160px; height:25px;}
#enquiry-info dd{float:left; width:400px; height:25px;}

/*nav*/
#nav{background:url(../images/common/nav-bg.jpg); height:39px; padding:0 0 0 197px; display:block;}
#nav ul{list-style:none;}
#nav li{float:left;}
#nav li a{display:block; height:39px; text-indent:-10000px;}
#nav li #nav-home a{background:url(../images/common/nav-home.jpg); width:91px;}
#nav li #nav-home a:hover{background:url(../images/common/nav-home.jpg) bottom;}
#nav li #nav-about a{background:url(../images/common/nav-about.jpg); width:108px;}
#nav li #nav-about a:hover{background:url(../images/common/nav-about.jpg) bottom;}
#nav li #nav-products a{background:url(../images/common/nav-products.jpg); width:106px;}
#nav li #nav-products a:hover{background:url(../images/common/nav-products.jpg) bottom;}
#nav li #nav-quota a{background:url(../images/common/nav-quota.jpg); width:106px;}
#nav li #nav-quota a:hover{background:url(../images/common/nav-quota.jpg) bottom;}
#nav li #nav-order a{background:url(../images/common/nav-order.jpg); width:106px;}
#nav li #nav-order a:hover{background:url(../images/common/nav-order.jpg) bottom;}
#nav li #nav-contact a{background:url(../images/common/nav-contact.jpg); width:106px;}
#nav li #nav-contact a:hover{background:url(../images/common/nav-contact.jpg) bottom;}

#nave{background:url(../images/common/nav-bg.jpg); height:39px; padding:0 0 0 197px; display:block;}
#nave ul{list-style:none;}
#nave li{float:left;}
#nave li a{display:block; height:39px; text-indent:-10000px;}
#nave li #nav-home a{background:url(../images/common/nav-home-e.jpg); width:91px;}
#nave li #nav-home a:hover{background:url(../images/common/nav-home-e.jpg) bottom;}
#nave li #nav-about a{background:url(../images/common/nav-about-e.jpg); width:108px;}
#nave li #nav-about a:hover{background:url(../images/common/nav-about-e.jpg) bottom;}
#nave li #nav-products a{background:url(../images/common/nav-products-e.jpg); width:106px;}
#nave li #nav-products a:hover{background:url(../images/common/nav-products-e.jpg) bottom;}
#nave li #nav-quota a{background:url(../images/common/nav-quota-e.jpg); width:106px;}
#nave li #nav-quota a:hover{background:url(../images/common/nav-quota-e.jpg) bottom;}
#nave li #nav-order a{background:url(../images/common/nav-order-e.jpg); width:162px;}
#nave li #nav-order a:hover{background:url(../images/common/nav-order-e.jpg) bottom;}
#nave li #nav-contact a{background:url(../images/common/nav-contact-e.jpg); width:106px;}
#nave li #nav-contact a:hover{background:url(../images/common/nav-contact-e.jpg) bottom;}

#navj{background:url(../images/common/nav-bg.jpg); height:39px; padding:0 0 0 197px; display:block;}
#navj ul{list-style:none;}
#navj li{float:left;}
#navj li a{display:block; height:39px; text-indent:-10000px;}
#navj li #nav-home a{background:url(../images/common/nav-home-j.jpg); width:91px;}
#navj li #nav-home a:hover{background:url(../images/common/nav-home-j.jpg) bottom;}
#navj li #nav-about a{background:url(../images/common/nav-about-j.jpg); width:108px;}
#navj li #nav-about a:hover{background:url(../images/common/nav-about-j.jpg) bottom;}
#navj li #nav-products a{background:url(../images/common/nav-products-j.jpg); width:106px;}
#navj li #nav-products a:hover{background:url(../images/common/nav-products-j.jpg) bottom;}
#navj li #nav-quota a{background:url(../images/common/nav-quota-j.jpg); width:106px;}
#navj li #nav-quota a:hover{background:url(../images/common/nav-quota-j.jpg) bottom;}
#navj li #nav-order a{background:url(../images/common/nav-order-j.jpg); width:106px;}
#navj li #nav-order a:hover{background:url(../images/common/nav-order-j.jpg) bottom;}
#navj li #nav-contact a{background:url(../images/common/nav-contact-j.jpg); width:106px;}
#navj li #nav-contact a:hover{background:url(../images/common/nav-contact-j.jpg) bottom;}

/*bag nav*/
#nav-bag{background:url(../images/common/nav-bag-top.jpg) no-repeat; padding:27px 0 0 0;}
#nav-bag ul{list-style:none;}
#nav-bag li a{display:block; text-indent:-10000px;}
#nav-bag #nav-nonwoven a{background:url(../images/common/nav-nonwoven.jpg); height:52px;}
#nav-bag #nav-nonwoven a:hover{background:url(../images/common/nav-nonwoven.jpg) bottom;}
#nav-bag #nav-canvas-cotton a{background:url(../images/common/nav-canvas-cotton.jpg); height:46px;}
#nav-bag #nav-canvas-cotton a:hover{background:url(../images/common/nav-canvas-cotton.jpg) bottom;}
#nav-bag #nav-nylon a{background:url(../images/common/nav-nylon.jpg); height:51px;}
#nav-bag #nav-nylon a:hover{background:url(../images/common/nav-nylon.jpg) bottom;}
#nav-bag #nav-oop a{background:url(../images/common/nav-oop.jpg); height:46px;}
#nav-bag #nav-oop a:hover{background:url(../images/common/nav-oop.jpg) bottom;}
#nav-bag #nav-oxford a{background:url(../images/common/nav-oxford.jpg); height:46px;}
#nav-bag #nav-oxford a:hover{background:url(../images/common/nav-oxford.jpg) bottom;}
#nav-bag #nav-ppmeren a{background:url(../images/common/nav-ppmeren.jpg); height:46px;}
#nav-bag #nav-ppmeren a:hover{background:url(../images/common/nav-ppmeren.jpg) bottom;}
#nav-bag #nav-pet a{background:url(../images/common/nav-pet.jpg); height:51px;}
#nav-bag #nav-pet a:hover{background:url(../images/common/nav-pet.jpg) bottom;}
#nav-bag #nav-other a{background:url(../images/common/nav-other.jpg); height:46px;}
#nav-bag #nav-other a:hover{background:url(../images/common/nav-other.jpg) bottom;}

#nave-bag{background:url(../images/common/nav-bag-top.jpg) no-repeat; padding:27px 0 0 0;}
#nave-bag ul{list-style:none;}
#nave-bag li a{display:block; text-indent:-10000px;}
#nave-bag #nav-nonwoven a{background:url(../images/common/nav-nonwoven-e.jpg); height:52px;}
#nave-bag #nav-nonwoven a:hover{background:url(../images/common/nav-nonwoven-e.jpg) bottom;}
#nave-bag #nav-canvas-cotton a{background:url(../images/common/nav-canvas-cotton-e.jpg); height:46px;}
#nave-bag #nav-canvas-cotton a:hover{background:url(../images/common/nav-canvas-cotton-e.jpg) bottom;}
#nave-bag #nav-nylon a{background:url(../images/common/nav-nylon-e.jpg); height:51px;}
#nave-bag #nav-nylon a:hover{background:url(../images/common/nav-nylon-e.jpg) bottom;}
#nave-bag #nav-oop a{background:url(../images/common/nav-oop-e.jpg); height:46px;}
#nave-bag #nav-oop a:hover{background:url(../images/common/nav-oop-e.jpg) bottom;}
#nave-bag #nav-oxford a{background:url(../images/common/nav-oxford-e.jpg); height:46px;}
#nave-bag #nav-oxford a:hover{background:url(../images/common/nav-oxford-e.jpg) bottom;}
#nave-bag #nav-ppmeren a{background:url(../images/common/nav-ppmeren-e.jpg); height:46px;}
#nave-bag #nav-ppmeren a:hover{background:url(../images/common/nav-ppmeren-e.jpg) bottom;}
#nave-bag #nav-pet a{background:url(../images/common/nav-pet-e.jpg); height:51px;}
#nave-bag #nav-pet a:hover{background:url(../images/common/nav-pet-e.jpg) bottom;}
#nave-bag #nav-other a{background:url(../images/common/nav-other-e.jpg); height:46px;}
#nave-bag #nav-other a:hover{background:url(../images/common/nav-other-e.jpg) bottom;}

#navj-bag{background:url(../images/common/nav-bag-top.jpg) no-repeat; padding:27px 0 0 0;}
#navj-bag ul{list-style:none;}
#navj-bag li a{display:block; text-indent:-10000px;}
#navj-bag #nav-nonwoven a{background:url(../images/common/nav-nonwoven-j.jpg); height:52px;}
#navj-bag #nav-nonwoven a:hover{background:url(../images/common/nav-nonwoven-j.jpg) bottom;}
#navj-bag #nav-canvas-cotton a{background:url(../images/common/nav-canvas-cotton-j.jpg); height:46px;}
#navj-bag #nav-canvas-cotton a:hover{background:url(../images/common/nav-canvas-cotton-j.jpg) bottom;}
#navj-bag #nav-nylon a{background:url(../images/common/nav-nylon-j.jpg); height:51px;}
#navj-bag #nav-nylon a:hover{background:url(../images/common/nav-nylon-j.jpg) bottom;}
#navj-bag #nav-oop a{background:url(../images/common/nav-oop-j.jpg); height:46px;}
#navj-bag #nav-oop a:hover{background:url(../images/common/nav-oop-j.jpg) bottom;}
#navj-bag #nav-oxford a{background:url(../images/common/nav-oxford-j.jpg); height:46px;}
#navj-bag #nav-oxford a:hover{background:url(../images/common/nav-oxford-j.jpg) bottom;}
#navj-bag #nav-ppmeren a{background:url(../images/common/nav-ppmeren-j.jpg); height:46px;}
#navj-bag #nav-ppmeren a:hover{background:url(../images/common/nav-ppmeren-j.jpg) bottom;}
#navj-bag #nav-pet a{background:url(../images/common/nav-pet-j.jpg); height:51px;}
#navj-bag #nav-pet a:hover{background:url(../images/common/nav-pet-j.jpg) bottom;}
#navj-bag #nav-other a{background:url(../images/common/nav-other-j.jpg); height:46px;}
#navj-bag #nav-other a:hover{background:url(../images/common/nav-other-j.jpg) bottom;}

/*commom*/
.right{float:right;}
.left{float:left;}
.clear {zoom:1; clear:both; margin:0; padding:0;}
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}