/* CSS Document */
body { padding:0; margin:0; font:12px/16px Arial, Helvetica, sans-serif; color:#545454; background:#f2e7d3 url('../images/bg.jpg') repeat-x top center;}
div, img, h1, h2, h3, h4, h5, h6, h7, h8, h9, form, input, textarea, select, ul, li{padding:0; margin:0;}
a{text-decoration:underline;color:#0a9921;}
a:hover{text-decoration:none;color:#f2518d;}
p{ padding:0; margin:0;}
img{ border:0;}
a { color:#FF0000; text-decoration:none;}
a:hover{ color:#fa2932; text-decoration: underline;}
.spacer{ clear:both; font-size:0; line-height:0;}

.flt-lft{ float:left;}
.flt-rgt{ float:right;}
.marg-top-0 {margin-top:0;}

h1{margin:32px 0 0 30px;padding:0;float:left;font:normal 18px/20px Arial;}
h2{font: 20px/23px 'Nokia Pure Text', 'Proxima Nova Rg',  Tahoma, Arial; color:#2c6d34;}
h3{font:bold 14px/16px  Arial; color:#fff; margin:5px 0 0 0; text-transform:uppercase; border-bottom:#473b36 1px solid; padding:0 0 5px 0;}
h4{font:12px/16px  Arial; color:#fff;}
h5{font:16px/18px 'Nokia Pure Text', 'Proxima Nova Rg',  Arial; color:#eb3c0a; margin:0 18px 10px 15px; padding:5px 0 10px 0; border-bottom:#CCCCCC dotted 1px;}
.marg-right10{margin-right:10px;}
.marg-botom{margin-bottom:0;}


@font-face {
    font-family: "Nokia Pure Text";
    src: url(fonts/nokiapuretext.ttf) format("truetype");
}

@font-face {
    font-family: "Proxima Nova Rg";
    src: url(fonts/ProximaNova-Regular.ttf) format("truetype");
}

@font-face {
	font-family: 'Swis721 LtCn BT';
	src: url('fonts/swisscl.ttf');
}

@font-face {
	font-family: 'swis721 Th BT ';
	src: url('fonts/swz721t.ttf');
}

@font-face {
	font-family: 'Amplitude-Regular';
	src: url('fonts/Amplitude-Regular.ttf');
}

@font-face {
font-family: 'LJHookerRegular';
src: url('fonts/lj_hooker-light-webfont.eot');
src: url('fonts/lj_hooker-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/lj_hooker-light-webfont.woff') format('woff'),
     url('fonts/lj_hooker-light-webfont.ttf') format('truetype'),
     url('fonts/lj_hooker-light-webfont.svg#LJHookerLight') format('svg');
font-weight: normal;
font-style: normal;
}

.txt-1{text-align:justify; padding:0 15px 0 15px; line-height:20px; color:#545454;}
.txt-1 strong{color:#000; padding:0;}
.txt-1 a{color:#069248; text-decoration:none; }
.txt-1 a:hover{color:#ff0a32;text-decoration:none;}

.txt-2{line-height:18px; margin:0 0 0 10px; color:#6a6a6a; width:690px; padding:10px 0 0 0;}
.txt-2 a{font-weight:bold; color:#292121; text-decoration:none; }
.txt-2 a:hover{color:#5ca125;text-decoration:underline;}
.txt-3{font-size:12px; line-height:17px; color:#a49e9e; font-family: Arial, Helvetica, sans-serif; padding:8px 0 0 0;}
.txt-3 strong{color:#11459d;}

.txt-4{font-size:13px; line-height:15px; color:#FFFFFF; font-family: 'Nokia Pure Text', Arial, Helvetica, sans-serif; float:left; margin:0 0 20px 0;}

.txt-5{ clear:both; margin:15px 10px 0; color:#FFFFFF; font-size:12px; line-height:14px; font-family: 'Nokia Pure Text', Arial; border-bottom:#6d6767 dotted 1px; padding:0 0 5px 0;}
.txt-5 span{color:#5ca125; float:right;}
.txt-5 strong{color:#fff; padding-left:167px}
.txt-6{float:left; border-right:#6d6767 dotted 1px; font:11px/13px Arial, Helvetica, sans-serif; color:#a49e9e; min-height:80px; padding:5px 15px 0 0;}
.txt-6 span{ color:#5ca125; font-weight:bold; padding:0 0 0 5px;}
.txt-7{font-size:11px; line-height:16px; color:#a49e9e; font-family:Arial, Helvetica, sans-serif; margin:0;}
.txt-7 a{color:#a49e9e;}
.txt-7 a:hover{color:#e9e585;}


.txt-8{font-size:11px; line-height:15px; color:#000; font-family:Arial, Helvetica, sans-serif; float:left; width:450px; padding:0 0 0 10px;}
/*---------------------------------General End-----------------------------------*/
#wrapper {width:1003px; padding:0; margin:auto; position:relative; background:url(../images/bg-shadow.png) repeat-y; display:block; overflow:hidden;}
.header-bg{background:url(../images/top-green.png) repeat-x bottom; width:993px; margin:auto; display:block; overflow:hidden;}

/*ul.social-icons{list-style-type:none; float:right; padding:10px 10px 0 0;}
ul.social-icons li{float:left;}
ul.social-icons li a{float:left; margin-left:4px;}
ul.social-icons li a.fb{background:transparent url('../images/social-icon.png') no-repeat 0 0; height:23px; width:23px;}
ul.social-icons li a.tw{background:transparent url('../images/social-icon.png') no-repeat -27px 0; height:23px; width:23px;}
ul.social-icons li a.go{background:transparent url('../images/social-icon.png') no-repeat -54px 0; height:23px; width:23px;}*/

.top-sky{ float:left; background: url(../images/top-sky-bg.png) repeat-x; width:993px;}

.logo-area{float:left; min-height:60px;}
.logo{float:left; margin:16px 0 0 21px; padding:0;}
.email{ float:right; padding:22px 16px 0 0; }


/*--------Top Nav----------*/
.topnav-sp{ margin:33px 0 0 0; float:left; width:959px;}

ul.nav-text{ margin:0 0 0 20px; float:left; list-style:none; width:961px}
ul.nav-text li{text-decoration:none; font: bold 12px/15px Arial, Helvetica, sans-serif; text-align:center;}
ul.nav-text a{color:#fff; background:#2d6000; float:left; padding:8px 32px 0 32px; height:25px; text-decoration:none; }
ul.nav-text a:hover{color:#000; text-decoration:none; background:#e4dd3d;}

/* drop Down */

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6  {z-index:3000; float:left; position:absolute; left:123px; top:142px; text-decoration:none; visibility: hidden;}
.menu2 {left:280px}
.menu3 {left:347px;}
.menu4 {left:449px;}

.sub-menu1, .sub-menu2, .sub-menu3, .sub-menu4, .sub-menu5 {z-index:3000; float:left; position:absolute; left:180px; top:0; text-decoration:none; visibility: hidden;}
.sub-menu2 {top:50px;}
.sub-menu3 {top:52px;}
.sub-menu4 {top:25px;}
.sub-menu5 {top:102px;}

.dropmenu-area ul{
margin:0;
list-style-type:none;
width:180px;
overflow:hidden;
background:#e9e585;
}
.dropmenu-area ul li{
color:#6c5936;
font-weight:bold;
margin:0;
padding:0;
text-decoration:none;
text-align:left;
}
.dropmenu-area ul li a{
display:block;
width:160px;
font-family:Arial;
font-size:12px; 
line-height:14px; 
font-weight:normal;
color:#fff; 
text-transform:none;
margin:0;
padding:5px 10px 0px 14px;
background:#1e582c;
border-bottom:1px solid #256434;
height:19px;
}
.dropmenu-area ul li a:hover{
background:#49a345;
color:#FFFFFF;
}
.dropmenu-area ul li:last-child{
border-bottom:0;
}

/*--------------out-matter------------*/
.contanner-area{ width:993px; background:#FFFFFF; background:url(../images/mid-header-bg.gif) repeat-x; margin:auto; display:block; overflow:hidden;}

/*--------------ind-matter------------*/

.ind-area-sp{ float:left; padding:0 0 0 20px; margin:0; width:703px;}

/*--------left sp----------*/
.ind-left-matter-sp{ margin:10px 0 0 0; position:relative; float:left; width:722px;}
.left-matter-sp{ margin:10px 0 0 0; position:relative; float:left; width:723px; border-bottom: dotted 1px #dddddd;}

ul.left-header{ float:left; padding:0 0 6px 12px;  width:300px; margin:0; }
ul.left-header li{ list-style-type:none; float:left; color:#696969;}
ul.left-header li a{ text-decoration:none; text-transform:uppercase; font-size:10px; color:#696969; padding:0 5px 0 5px;}
ul.left-header li a:hover{ text-decoration:none; color:#92c00d;}

.left-boder-area{ float:left; margin:10px 0 20px 0; width:720px; border:#ededed 1px solid; background:#f8f8f8; }
.header-bg-sp{ float:left; background:url(../images/header-bg.png) repeat-x; width:100%; font:16px/19px "LJHookerRegular",Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:2px; height:42px;}


.ind-boder-area{ float:left; margin:10px 20px 20px 0; width:700px; }
.ind-header-bg-sp{ float:left; background:url(../images/about-img.png) no-repeat; width:698px; font:16px/19px "LJHookerRegular",Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 10px 0; height:42px; }

.pro-icon{ float:left; padding:0 0 0 12px;}


ul.photo-gallery-th{
margin:0;
padding:0 0 10px;
list-style-type:none;
}

ul.photo-gallery-th li{
float:left;
margin:0 6px 12px;
padding:10px 0 0 13px;
list-style-type:none;
background:transparent url('../images/product-bg.png') no-repeat 0 0;
width:195px;
min-height:155px
}
ul.photo-gallery-th li img{width:184px; height:121px;}


.color-area{float:left; width:112px; margin:5px 0 10px 4px; }
.color-bg{ float:left; padding:5px 0 0 10px; background:url(../images/color-bg.png) no-repeat 10px 0; width:112px; text-align:center;   min-height:82px; position:relative;}

.handles-area{float:left; width:164px; margin:10px 0 10px 10px; }
.handles-bg{ float:left; padding:15px 0 0 10px; background:url(../images/handles-bg.png) no-repeat 10px 0; width:171px; text-align:center;  margin-bottom:15px; min-height:95px; position:relative;}
.handles-item-code{margin:0 0 10px 0; color:#666666; text-align:center}

.pro-area{float:left; width:340px; margin:10px 0 20px 10px; border-bottom:#d2d2d2 1px dotted;}
.pro-bg{ float:left; padding:15px 0 0 10px; background:url(../images/product-bg.png) no-repeat 10px 0; width:171px; text-align:center; border-left:#d2d2d2 1px dotted; margin-bottom:15px; min-height:167px; position:relative;}
.zoom-icon{ position:absolute; top:20px; right:-19px;}
.item-code{ float:left; margin:93px 0 0 12px; color:#666666;}
.size-code{ float:left; margin:10px 0 0 12px; color:#606060; font:10px/12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
a.find-out { float:left; margin:10px 0 0 12px; background:url(../images/find-out-but.png) no-repeat; width:122px; height:26px; text-indent:-9999px;}
a:hover.find-out {background:url(../images/find-out-hover.png) no-repeat;}

.ind-pic-gallery{ float:left; padding:0; margin:20px 0 0 10px; width:670px;}
.pic-sp{ float:left; padding:0 0 0 10px;}

.inr-in-page{ float:left; width:380px; padding:0 15px 20px 15px;}


ul.print-area{list-style-type:none; float:right; margin:8px 0 6px 0;}
ul.print-area li{float:left; margin-right:10px;}
ul.print-area li a{float:left; font-size:10px; font-weight:bold; color:#7f7f7f; height:16px; padding:0 0 0 20px; line-height:11px; text-decoration:none;}
ul.print-area li a:hover{color:#ff6600;}
ul.print-area li a.print{background:transparent url('../images/print-icon.png') no-repeat 0 0;}
ul.print-area li a.mail{background:transparent url('../images/email-icon.png') no-repeat 0 0;}



/*--------Ind-Quality Sp----------*/
.ind-quality-area{ float:left; padding:10px 0 0 250px; width:550px; min-height:42px; background:url(../images/quality-bar.png) 0 0 no-repeat; }




/*--------Right Sp----------*/
.right-area-sp{ float:right; width:250px;}
.ind-right-area-sp{ float:right; width:253px;}
.ind-right-matter-sp{ margin:48px 0 0 0; position:relative; float:left; width:250px;}
.right-matter-sp{ margin:55px 10px 0 10px; position:relative; float:left; width:230px;}
.head-area{ float:left; padding:5px 0 0 5px; background:url(../images/head-area-bg.png) no-repeat; width:220px; height:33px; }
.pro-icon-right{ float:left; padding:0 0 0 6px;}
.pro-head-sp{font:20px/22px "LJHookerRegular",Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:4px; float:left;}




/*--------right Nav----------*/

ul.right-nav{ margin:0 0  0 0; float:left; list-style:none; border:#ededed 1px solid; border-bottom:none;}
ul.right-nav li{float:left; text-decoration:none; background:url(../images/arrow.png) no-repeat 7px 8px; width:193px; padding:4px 10px 4px 20px; clear:both; border-bottom:#f7f7f6 1px solid; font-weight:bold;}
ul.right-nav a{text-decoration:none; color:#010101;}
ul.right-nav a:hover{color:#f29f1e;  text-decoration:none;}

.go-green{ float:left; padding:0; margin:0; width:226px;}
.left-down-bg{ padding:26px 0 10px 10px; margin:0; float:left; width:229px;  border-top:1px solid #fff;}

.ind-go-green{ float:left; padding:0; margin:0; width:240px;}




.about-pic{ float:left; margin:0; width:301px}

.right-text-sp{border-top:#CCCCCC 1px solid; padding:10px 0 0 10px; float: left; width:429px}
.ind-text-sp{padding:20px 0 0 10px; float: left; width:470px; background:url(../images/ind-mid-down-bg.png) no-repeat 30px bottom; min-height:284px}

ul.features{ margin:8px 0  0 0; float:left; list-style:none;}
ul.features li{float:left; text-decoration:none; background:url(../images/arrow.png) no-repeat 4px 11px; width:400px; padding:8px 12px 8px 20px; clear:both; text-align:justify}
ul.features a{text-decoration:none; color:#fff; }
ul.features a:hover{color:#f5eb0f;  text-decoration:none;}


ul.more{ float:left; margin:20px 0 0 0;list-style-type:none;}
ul.more li{ float:left }
ul.more li a{ background:transparent url('../images/more.png') no-repeat; width:56px; height:23px; float:left}
ul.more li a:hover{ background:transparent url('../images/more1.png') no-repeat;}


ul.ind-mid-but{ padding:0; margin:0; float:left; list-style:none; }
ul.ind-mid-but li{text-decoration:none; float:left; font: 14px/17px'Proxima Nova Rg', Arial, Helvetica, sans-serif; text-align:center;}
ul.ind-mid-but a{color:#fff; background:url(../images/ind-mid-but.png) no-repeat 100% 0;  float:left; padding:6px 0 0 0;  width:131px; height:22px; margin:0 1px 0 0;  text-decoration:none;}
ul.ind-mid-but a:hover{color:#fff; text-decoration:none; background:url(../images/ind-mid-but-hover.png) no-repeat 100% 0;}

.ind-health-sp{width:222px; float:left; padding:0 0 0 15px; border-left:1px dotted #9fadac; margin:20px 0;}

.testimonial-bg{ float:left; width:235px; padding:20px 0; background:url(../images/testi-bg.png) no-repeat 0 top;}

/*--------Down Sp----------*/
.down-area{width:963px; background:#292121 url('../images/doewn-bg.jpg') no-repeat 0 top; margin:auto; min-height:170px; padding:100px 20px 0 10px; border-bottom:#7db926 5px solid;}
.down-left-sp{ float:left; width:510px;}
.down-sectors-sp{ float:left; width:220px; padding:8px 15px 0 15px; border-right:#6d6767 dotted 1px; min-height:150px}
.down-right-sp{ float:left; width:453px; }

.down-address-sp{float:left; width:147px; padding:8px 0 0 15px;}
.down-follow-sp{float:left; width:130px; padding:8px 0 0 15px;}
.down-link-sp{ float:left; width:120px; padding:8px 0 0 15px; display: none;}

ul.down-icon{ float:left; padding:10px 10px 0 0; width:110px; border-right:#6d6767 dotted 1px; min-height:75px; padding:10px 0 0 0;}
ul.down-icon li{ list-style-type:none; font-size:11px; line-height:13px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;  }
ul.down-icon li a{ text-decoration:none; color:#FFFFFF;}
ul.down-icon li a:hover{ text-decoration:none; color:#e9e585;}
ul.down-icon li.facebook{background:url(../images/facebook.png) no-repeat 2px 0; padding:0 0 8px 25px;}
ul.down-icon li.twi-icon{background:url(../images/twi-icon.png) no-repeat 2px 0; padding:0 0 8px 25px;}