@charset "utf-8";
/* CSS Document */
/*@font-face {
font-family: 'calibri';
src: url('../font/calibri.eot'); 
src: url('../font/calibri.woff');
src: url('../font/calibri.eot?#iefix')
format('embedded-opentype'), 
format('embedded-opentype'); 
src: url("../font/calibri.ttf") 
}*/
body{overflow:hidden;} body.enquiries{overflow:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; font-family:Arial;}img a , img{border:0;} a{color:#365093; text-decoration:none;} p, h3{font-family:Tahoma, Geneva, sans-serif;} p{font-size:13px; line-height:20px;}
a:hover {text-decoration:none;} ol,ul {list-style:none inside; } h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
.fL{float:left}.fR{float:right} .fF{float:left; width:100%;} .mL10{margin-left:10px;}
.header {height:50px; float:left; width:100%; background:#000;}.bottom {height:30px; float:left; width:100%;background:#000; position:fixed; bottom:0px;}
.hederbox , .footerbox{width:940px; float:left; background:#000; padding-left:50px;}.footerbox{height:30px;}

.wrap {width:990px; margin:0 auto; position:relative; }.wrap .logo_img{float:left; width:120px;} 
.wrap .head_nav{float:right; width:200px; height:35px; margin-top:15px;}
.wrap .head_nav li {color:#FFF; padding-right:10px; font:12px/13px Arial; float:left;}.wrap .head_nav li a{color:#FFF;}
.centerarea{width:940px; float:left; padding-left:50px;}
.main_area , .main_area_about , .main_area_Markets , .main_area_accreditations , .main_area_embroidery , .main_area_inspection , .main_area_company , .main_area_JVenture , .main_area_Motto , .main_area_pro_process , .main_area_Machinery , .main_area_pairing , .main_area_linking , .main_area_labeling , .main_area_packaging , .main_area_mdetection , .main_area_Steam_Setting , .main_area_quality_control , .main_area_job ,.main_area_contactus,.main_area_productRange , .main_area_enquiry {background:url(../images/home.jpg) no-repeat center top; float:left; width:100%; height:768px; background-size:cover;}

.main_area_about{background-image:url(../images/about.jpg);}.main_area_Markets{background-image:url(../images/our_marketss.jpg)}
.main_area_accreditations{background-image:url(../images/accreditations.jpg)}
.main_area_embroidery{background-image:url(../images/embroidery.jpg)}
.main_area_inspection{background-image:url(../images/inspection.jpg)}
.main_area_company{background-image:url(../images/company.jpg);}
.main_area_JVenture{background-image:url(../images/joint_venture.jpg)}
.main_area_Motto{background-image:url(../images/motto.jpg)}
.main_area_pro_process{background-image:url(../images/production.jpg)}
.main_area_Machinery{background-image:url(../images/machinery.jpg)}
.main_area_pairing{background-image:url(../images/pairing.jpg)}
.main_area_linking{background-image:url(../images/linking.jpg)}
.main_area_labeling {background-image:url(../images/labeling.jpg)}
.main_area_packaging {background-image:url(../images/packaging.jpg)}
.main_area_mdetection{background-image:url(../images/metal_detection.jpg)}
.main_area_Steam_Setting{background-image:url(../images/steam_setting.jpg)}
.main_area_quality_control{background-image:url(../images/quality_control.jpg)}
.main_area_productRange{background-image:url(../images/product_range.jpg)}
.main_area_Machinery{background-image:url(../images/machinery.jpg)}
.main_area_job{background-image:url(../images/jobs.jpg)}
.main_area_contactus{background-image:url(../images/contactus.jpg)}
.main_area_enquiry{background-image:url(../images/enquiries.jpg); height:900px;}




.production_process img:hover{opacity:.8; box-shadow:0 0 2px #000;}.pre_next a{font:
13px/15px Arial; color:#fff; padding-top:35px;}
.pre_next a:hover{text-decoration:underline;}
.wrap .navigation {margin-top:40px;width:165px; float:left;}
.wrap .navigation li {width:160px; height:25px; margin-bottom:5px; background:#000; padding-left:5px;
-moz-transition:width .2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */ 
-moz-transition-timing-function: ease;
float:left; box-shadow:0 0 2px #000; color:#ccc; font:13px/25px Arial;} 

.selected{color:#ccc; font:13px/25px Arial; background:#ccc;}
.wrap .navigation li a {display:block; color:#FFF; font:12px/25px Arial; }
.wrap .navigation li:hover{width:175px;}.subnav{margin:0px; padding:0px; float:right;}

.wrap .subnav{*display:none}
.wrap .subnav li{width:100px; background:#000; float:right; text-align:right; padding-right:5px;}
.wrap .subnav li a{float:right;}
.wrap .subnav li:hover{width:120px;}
.wrap .i6 {display:none;*display:block;width:100px!important; background:#000; float:right!important; text-align:right; padding-right:5px;}

.content_area , .content_area_market, .micraknit{width:260px; background:#000; margin-left:20px; padding:10px; float:left; margin-top:40px; opacity:0.9; padding-bottom:15px;}
.content_area_market , .micraknit{width:485px;}
.content_area_form{width:640px;  background:#000; margin-left:20px; padding:10px; float:left; margin-top:40px; opacity:0.9; padding-bottom:15px;}


.production_process{margin-left:40px;  float:left; width:600px;margin-top:40px;}
.production_process img{float:left; margin-left:20px; margin-top:10px; width:208px; height:76px;}
.machinery , .pairing , .linking , .labeling , .inspection , .packaging , .embroidery , .Metal_Detection , .Steam_Setting , .Quality_Control{width:208px; height:77px; float:left; margin-left:35px; display:inline; margin-bottom:15px; font:12px/15px Arial; color:#666;}
.production_process a{font: 12px/18px Arial; color:#fff; padding-left:5px; height:22px;  display:block;width:203px;padding-top:55px}.production_process a:hover{font: 14px/18px Arial; color:#fff; text-decoration:underline;}
.machinery{ background:url(../images/machinery_img.jpg) no-repeat;}
.pairing { background:url(../images/pairing_img.jpg) no-repeat;}
.linking { background:url(../images/linking_img.jpg) no-repeat;}
.labeling { background:url(../images/labeling_img.jpg) no-repeat;}
.inspection { background:url(../images/inspection_img.jpg) no-repeat;}
.packaging { background:url(../images/packaging_img.jpg) no-repeat;}
.embroidery { background:url(../images/embroidery_img.jpg) no-repeat;}
.Metal_Detection { background:url(../images/metal_img.jpg) no-repeat;}
.Steam_Setting{ background:url(../images/steamsetting_img.jpg) no-repeat;}
.Quality_Control{ background:url(../images/quality_cantrol_img.jpg) no-repeat;}
.job{ background:url(../images/jobs_2.jpg) no-repeat;}


.content_area h2 {font: 25px/25px  Arial; color:#fff; margin:5px 0;}
.content_area p{ font:11px/18px Arial; color:#ACACAC;}.content_area p img{margin-top:5px; float:left; margin-right:10px;}
.content_area h4{font:bold 13px/25px Arial; color:#ccc; padding-top:10px;}
.selected{color:#767676; font:13px/25px Arial; background:#000!important;}
body{background:#2a2a2a;}
.production_box{float:left; margin-left:20px; margin-top:10px; width:208px; height:76px; background-color:#000000;}
.production_box a:hover{font:bold 09px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFF00} 
.content_area_form h2 {font: 16px/25px  Arial; color:#fff; margin:5px 0;}
.content_area_form_area{width:283px; border-right:1px dotted #FFFFFF; margin-left:10px;}
.content_area_form_arearight{width:300px; margin-left:10px;}
.label_name{ font:15px Arial; color:#FFFFFF; margin-top:7px;}
.input_form{ width:227px; height:23px; border-radius:5px;}
.input_checkbox{width:572px; background:#000; margin-left:58px;float:left; margin-top:20px;}
.input_checkbox p{ font:14px/12px Arial; color:#ffffff; padding-left:20px;}
 .input_enquiry{width:572px; background:#000; margin-left:58px;float:left; margin-top:05px;}
 .input_enquiry h2 { font: 16px/25px  Arial; color:#fff; margin:5px 0}
.enquery_box{width:500px; border-radius:5px;}
.contact_box{width:600px; background:#000; float:left; margin-top:10px;}
.contact_box h2{ font: 25px/25px  Arial; color:#fff;  margin-left:150px;}
.contact_box p{ font: 14px/18px  Arial; color:#fff;}
.button_box{width:640px; background:#000;}

#myImageFlow_navigation.navigation{margin-top:0px;}

