html{background:url(../img/background.png) top left repeat;}
.fw{width:1000px;margin:0 auto;}

/*header .row1 .col-1{ width:16%;padding: 10px 0;}
header .row1 .col-2{ width:63%; padding:10px 40px 10px 80px}*/

header .row1 .col-1{width:16%;padding: 7px 0;}
header .row1 .col-2{width:55%; padding:10px 25px;}
header .row1 .col-3{padding:10px 0px;}

.no-rgba header .row1 .col-1{ width:200px; float:left}
.no-rgba header .row1 .col-2{ width:500px; float:left}

.accHead{ display:inline-block; position:relative}
.accHead:after{ content:""; position:absolute; border:5px solid transparent; border-top-color:#666; display:table-cell; left:45%; bottom:0px}

.accDetail{ border:1px solid #ccc; width:180px; background:rgba(255,255,255,.95); padding:15px; right:0; top:35px; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box}
#account_button a.button{ display:block}
.accHead .iconJoin{ background:none; border:none; border-radius:0; display:inline-block; padding:0; box-shadow:none; font-size:10px;}


.top_reg{ position:fixed; top:0; left:0; width:100%; z-index:1000;background:#fff ;border-bottom:1px solid #5d5d5d ; }
.top_reg_margin{margin-bottom:15px;}

#ei-logo a{ background:url(../img/member_ei.png) ;width:200px; height:39px; text-indent:-99999px }
.button_post{ display:inline-block; background:#08c; border:1px solid #39a3d7; padding:10px 10px 9px; color:#fff; text-shadow:1px 1px #000}
a.button_post:hover{ color:#fff}
.button_join{background-color:#dcdcdc;color:#666;border:1px solid #777;border:1px solid #aaa; padding:9px 15px 9px;color:#666;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#e0e0e0');
					background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1)));
					background:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
					background:   -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
					background:     -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
					background:      -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
					background:         linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
					width:110px;} 
.button_join:hover{ color:#222}
.button_join.dul{ color:#999}

header .col-1,header .col-2,header .col-3{vertical-align:middle;}
header .col-1.vat,header .col-2.vat,header .col-3.vat{vertical-align:top;}
.no-rgba header .row2 .col-1{ width:500px; float:left}
.no-rgba header .row2 .col-2{ width:230px; float:right}
.no-rgba .row2{width:1000px}


header .row2{ background:#fff; border-top:3px solid ;/*margin-top:63px;*/}
#buyReqForm {margin-bottom:15px;}
header .row2 .col-1{  box-sizing:border-box; -moz-box-sizing:border-box;padding:22px 0 16px 20px; }
header .row2 .col-2{text-align:right;box-sizing:border-box; -moz-box-sizing:border-box;padding:22px 20px 16px 0; }


.commpany p,.commpany p a,.commpany p a:hover{font:bold 30px/1.1em 'Roboto', Helvetica, sans-serif;}

					
.send-enq{border-radius:3px; display:inline-block; border:1px solid ; text-transform:uppercase; color:#fff; text-shadow:1px 1px rgba(0,0,0,.2); padding:3px 10px; font-size:18px; box-shadow:1px 1px inset rgba(255,255,255,.4),-1px -1px inset rgba(255,255,255,.4); }
.send-enq a{ border-left:2px solid #fff;display: inline-block ; position:relative; vertical-align:middle; margin-right:5px;color:#fff; position:relative; padding:8px 0 8px 18px}
.send-enq a:hover{color:#fff}
.send-enq a:after{ content:''; display:table-cell; border:3px solid transparent; border-left-color:#fe9800; position:absolute; top:39%; left:-2px}
.send-enq a:before{ content:''; display:table-cell; border:3px solid transparent; border-left-color:#fff; position:absolute; top:39%; left:-0px }
			

#tml>ul li{float:left; position:relative;border-left:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(255,255,255,.2);}
#tml>ul>li:first-child{ border-left:none;}
#tml>ul>li:last-child{ border-right:none}
#tml > ul>li a{ padding:14px 25px; display:block;position:relative; z-index:1; transition:all .4s ease; -webkit-transition:all .4s ease;color:#fff; color:rgba(255,255,255,.8); text-transform:uppercase; font-weight:bold; font-size:15px}
#tml > ul>li:hover a,#tml > ul>li.on a{ color:#fff;}

#tml ul ul{position:absolute;width:250px;display:none;font:12px/1.5em Arial, Helvetica, sans-serif;background:#ff9900;}
#tml ul ul li{ padding:0;float:none;text-transform:inherit; color:#fff;border-bottom:1px solid rgba(0,0,0,.2); border-top:1px solid rgba(255,255,255,.2); border-left:none; border-right:none}
#tml li li:first-child{border-top:none}
#tml li li:last-child{border-bottom:none}
#tml > ul  ul > li a{ padding:9px; text-transform:inherit;  text-shadow:none}

.downarrowclass{background:url(../img/sprite_icons.png) -152px -1px no-repeat;height:3px;width:5px;display:inline-block;position:absolute;bottom:10px;left:50%;margin-left:-2px;outline:none;} 
.rightarrowclass{background:url(../img/sprite_icons.png) -140px -0px no-repeat;height:7px;width:5px;display:inline-block;position:absolute;right:10px;top:48%;margin-left:-2px;} 


header .bx-viewport{padding:40px 0;}
header .bx-viewport ul{ padding:50px 0; margin-top:-50px}
header .slider li{ background:#fff; border:1px solid #eee; padding:10px 0 0; text-align:center; border-radius:10px; position:relative; font:16px/1.5em 'Roboto', Helvetica, sans-serif; color:#666}
header .bxslider .imgFrame{width:200px;height:200px;}
header .bxslider .imgFrame img{max-width:200px;max-height:200px;display:inline-block;}

header .imgFrame.bdr{border:none;}

.hotProduct .imgFrame{width:150px;height:150px;}
.hotProduct .imgFrame img{max-width:150px;max-height:150px;display:inline-block;}
.responsiveLargeImageWidth img{/*width:90%;*/max-height:auto; border:1px solid #ccc; padding:2px}


header .slider li:hover{ transform:scale(1.02); transition:transform ease .2s;}
header .slider li p{ display:inline-block;}
header .slider li:before{ content:''; position:absolute; border:20px solid transparent; display:table-cell; border-width:50px 108px 25px 108px; border-bottom-color:#fff; top:-74px; left:.8%}
header .slider li:after{ content:''; position:absolute; border:20px solid transparent; display:table-cell; border-width:25px 108px 50px 108px; border-top-color:#fff; bottom:-74px; left:1%;}


#middle .col-1,#middle .col-2,#middle .col-3,.td-1,.td-2{vertical-align:top;}
#bodyFormat1 .row1 .col-1,#bodyFormat1 .row2 .col-1{width:26%;}
#bodyFormat1 .row1 .col-2,#bodyFormat1 .row2 .col-2{padding:0 20px;word-wrap:break-word;}
#bodyFormat1 .row1 .col-3,#bodyFormat1 .row2 .col-3{width:26%;}
#bodyFormat1 .row1 .width35{width:35%;}
#bodyFormat1 .row1 .width38{width:38%;}
#bodyFormat1 .row1 .width50{width:50%;}
#bodyFormat1 .row1 .width60{width:60%;}
#bodyFormat1 .columns12 .col-2{ padding-right:0}
#bodyFormat1 .columns23 .col-2{ padding-left:0; max-width:680px}
#bodyFormat1,#footerFormat1,.mainBgWhite{ padding:15px 17px; box-sizing:border-box; -moz-box-sizing:border-box; }

.no-rgba #bodyFormat1.fw{ width:1000px}
.no-rgba #bodyFormat1 .row1 .col-1,.no-rgba #bodyFormat1 .row2 .col-1{width:260px; float:left}
.no-rgba #bodyFormat1 .row1 .col-2,.no-rgba #bodyFormat1 .row2 .col-2{width:680px; float:right}
.no-rgba .input, .no-rgba select,.no-rgba textarea{ width:80%;}
.no-rgba select{height:37px}



.tcl{line-height:1.2em; font-size:13px}
.tcl ul, .tcl li{margin:0;padding:0;list-style:none;}
.tcl ul ul{margin:5px 0 0 14px;}
.tcl li, .qc p{padding:13px;}
.tcl li li{padding:4px 0;}
.tcl .m{text-align:right;font-size:.9em;margin-top:5px;}

/********THIN COLUMN LINKS********/
.tcl ul > li .plus{float:right;cursor:pointer;}
.tcl ul > li .plus:after{font-family:"icomoon";content:'\e681';color:#bbb; line-height:1em}
.tcl ul > li .plus.act:after{font-family:"icomoon";content:'\e683';}
.tcl.divider ul > li:last-child{border-bottom:0;}
#expanderContent  ul > li:first-child{ border-top:1px solid}

.tcl.float ul > li{padding:2px 0;float:left;margin-left:2px;margin-bottom:5px;}
.tcl.float.two li{width:49%;}  .tcl.float.three li{width:31%;}  .tcl.float.four li{width:24%;}
.tcl.float ul:after{clear:both;content:'';display:table;}

.tcl.divider ul > li{border-bottom:1px solid #ededed;}
.tcl.border ul > li{border:1px solid #666;}
.tcl li li a{ text-transform:none;}
.tcl{ position:relative}
.adjust{ font-size:12px;  color:#a33232; padding:7px 15px; display:inline-block; background:#f3f3f3; position:relative bottom:0; left:0; cursor:pointer}

 .qc .hr{border-bottom:1px solid #ededed; padding:0}
 .e-brochure,.view-google{ border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.1)));
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.1));
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.1));
	background:      -o-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.1));
	background:         linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.1)); border:1px solid #ccc; color:#404040; font:16px/1.5em Roboto, Helvetica, sans-serif; text-transform:uppercase;}
.e-brochure span{ position:relative; display:inline-block; border-radius:5px 0 0 5px; display:inline-block; padding:7px 12px ; margin-right:15px}
.e-brochure span:after{ content:''; position:absolute; display:table-cell; border:9px solid transparent;  right:-17px; top:31%}
	
.view-google span{ position:relative; display:inline-block; border-radius:5px 0 0 5px; display:inline-block; padding:7px 12px ; margin-right:15px}
.view-google span:after{content:''; position:absolute; display:table-cell; border:9px solid transparent;  right:-17px; top:31%}

.qc .float li{ width:48%; float:left;}
.qc li{padding:5px;}
.qc li p,#buyReqForm li p,#buyReqForm .your-detail,.inq li p:first-child+p+p{ padding:0px; color:#999; color:rgba(0,0,0,.3); text-transform:inherit}
.input, select, textarea{ background:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,.3); padding:8px 8px 8px 34px; display:inline-block; font-size:15px; box-shadow:1px 1px rgba(255,255,255,.35) inset,-1px -1px rgba(255,255,255,.4) inset; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; position:relative}
.placeholder{font-size:15px; color:#aaa}
.input.w20{ width:20%}

.input.pl10px { padding-left:10px}


.your-country ,.your-city,.your-state{ width: 100%; overflow: hidden;border-right:1px solid #ccc}
#buyReqForm .your-city,#buyReqForm .your-state,#buyReqForm .your-country{border-right:0; position:relative}
#buyReqForm .your-country select,.your-city  select,.your-state  select,.your-country select{width: 108%;}
#buyReqForm .your-country:after{content:''; position:absolute; border-right:1px solid #ccc; height:38px;display:table-cell; right:0; top:0}




.no-rgba .your-country ,.no-rgba .your-city,.no-rgba .your-state{ width: 90%;}
.no-rgba #buyReqForm .your-country select,.no-rgba .your-city  select,.no-rgba .your-state  select,.no-rgba .your-country select{width: 100%;}
.your-country select:focus,.your-city  select:focus {outline: none}

.your-name,.your-contact,.your-email,.your-country,.your-detail,.your-product,.your-confirm,.your-company,.your-city,.your-state{ position:relative;}
a.button{ background:#d00; border:1px solid ; color:#fff; padding:8px 15px; display:inline-block; text-decoration:none}
a.button.view{ color:#fff; padding:8px 15px; display:inline-block; text-decoration:none}
a:hover.button.view{color:#fff}


#breadcrumb{ color:#999 ;}
#breadcrumb b{ padding:0 5px}

.contact-detail .data{ border:1px solid rgba(0,0,0,.1) !important}

.blogs li{ border-top:1px dashed #ccc; margin-bottom:10px ; padding:10px 0;}
.blogs li:first-child{ border:none;}
.apply{ padding:4px 10px; border-radius:3px; background:#666; color:#fff;}
.apply:hover{ color:#fff}

.inq .your-confirm input{ width:50%}

.inq li{ padding:10px 0; line-height:2.5em}
.inq li p{ padding:3px 0; float:left; margin:0 5px}
.inq li p:first-child{ width:20%}
.inq li p:last-child{ width:60%;line-height:1.2em}


.td-1 img {transform: scale(1, 1); transition-duration: 0.5s;transition-timing-function: cubic-bezier(0, 0, 0.58, 1);}
.td-1 img:hover{transform: scale(1.05, 1.05); transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 0, 0.58, 1);}
.td-1{ position:relative}
.td-1 .zoom{ position:absolute; top:48%; left:48%; visibility:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; 	-o-transition: all 0.5s ease; transition: all 0.5s ease;opacity:0;}
.td-1:hover .zoom{opacity:0.5; visibility:visible;}



#footerFormat1{ text-align:center; margin-top:7px;}
#footerFormat1 .fgl{ padding:5px 0 7px}
#footerFormat1 .col-1{ text-align:left;}#footerFormat1 .col-2{ text-align:right;}

.no-rgba #footerFormat1.fw{ width:1000px}
.no-rgba #footerFormat1 .col-1{ width:500px; float:left}
.no-rgba #footerFormat1 .col-2{ width:350px; float:right}

.trade-leads .td-1.w200,.product .td-1.w200,.product-cat .td-1.w200{ display:table-cell;width:200px; height:200px; border:1px solid #ccc;text-align:center; vertical-align:middle; }
.trade-leads .td-2,.product .td-2,.product-cat .td-2{padding-left:20px;}
.trade-leads li,.product li,.product-cat li{ border-top:1px dashed #ddd; padding:20px 0}
.trade-leads li:first-child,.product li:first-child,.product-cat li:first-child{ margin-top:0;border-top:none; padding-top:0}


.hotProduct li{ float:left; width:23% ; padding:5px }


/***** MODIFY THEME *****/
#saveThemeContainer{top:70px; z-index:999999}
#saveThemeToggle,#saveThemeContent{
	background:#222 none no-repeat center center;border:1px solid #fff;border-left:0;border-top:0;
	
	box-shadow:0 0 7px #000;}
#saveThemeToggle{background-image:url(../img/icon_16x16_setting_anim.gif);width:30px;height:30px;margin-left:-1px;}


#buyReqForm{ border:2px solid #999; border-radius:10px; margin-top:80px; background:#fff; padding:25px}
#buyReqForm td:first-child{ width:48%; padding-right:10px}
#buyReqForm li{ padding:3px; width:47%; display:inline-block; vertical-align:top}
#buyReqForm td textarea{min-height:120px;}
.wideColumn #buyReqForm li:last-child{ width:100%;}

#buyReqForm li.w20{ width:21%}
#buyReqForm li.w75{ width:75%}
#buyReqForm li.w20 .input{ padding:8px} .mc{position:relative}
.wideColumn .adjust{ background:none; position:absolute; text-align:right; top:7px; right:-5px}
.tcl.three ul > li .plus,.tcl.four ul > li .plus{ display:none}


/*****************************************common CSS******************************************************/
.ec-bgfafafa > *:nth-child(2n), .ecc-bgfafafa > * > *:nth-child(2n){ background:rgba(0,0,0,.03)}
.bgf1f1f1, .bgf1f1f1-hover:hover, .ac-bgf1f1f1 > *, .ac-bgf1f1f1-hover > *:hover, .acac-bgf1f1f1 > * > *, .acac-bgf1f1f1-hover > * > *:hover{background:rgba(0,0,0,.05)}

/******NORGBA---ie*********/
.no-rgba .your-name span:first-child, .no-rgba .your-contact span:first-child, .no-rgba .your-email span:first-child, .no-rgba .your-country span:first-child, .no-rgba .your-detail span:first-child, .no-rgba .your-mobile span:first-child, .no-rgba .your-tele span:first-child, .no-rgba .your-product span:first-child, .no-rgba .your-confirm span:first-child, .no-rgba .your-company span:first-child, .no-rgba .view-google b span:first-child, .no-rgba .e-brochure b span:first-child, .no-rgba .your-city span:first-child, .no-rgba .your-state span:first-child {display:none !important;}

.no-rgba #buyReqForm .placeholder{left:0 !important;}
.no-rgba #buyReqForm li{float:left;width:45%;}

/***** FORM STYLES *****/
#prod_form textarea, #prod_form input:not([type=submit]) {
	margin: 0 0 10px 0;
}

span.wpcf7-not-valid-tip {
  font-size: 11px;
  color: #fff;
	background:#990000;
	padding:5px 10px;
}

#prod_form .wpcf7-response-output {
	text-align:center;
	font-size:15px;
	margin:25px 0;
	padding:15px 0;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
	background-color:#fff;
}

/*Pagination*/
.threadpagenav {
    width: 100%;
    float: right;
    margin-right:-16px;
    margin-top: 30px;
}
.threadpagenav .pagination {
    float: right;
    clear: left;
    position: relative;
    margin-left: 10px;
}
.pagination span {
    display: block;
    float: left;
    clear: right;
}
.pagination span.selected a {
    padding: 6px;
    margin-left: 6px;
}
.pagination span.selected a {
    background: #555555;
    color: #fff;
    border: 1px solid #555555;
    height: 18px;
    font-weight: bold;
}
.pagination span a {
    border-radius: 4px;
    display: inline-block;
    min-width: 18px;
    text-align: center;
    top: 0px !important;
}
.pagination span a {
    text-decoration: none;
}
.pagination span a {
    border-radius: 4px;
    padding: 6px;
    margin-left: 6px;
    display: inline-block;
    min-width: 18px;
    text-align: center;
    top: 0px !important;
}
.pagination span a {
    border: 1px solid #C1C1C1;
    height: 18px;
    background: #FFF;
    text-decoration: none;
    color: #343434;
}
.pagination .separator, .pagination .elipsis {
    margin-left: 6px;
    padding: 5px 0px 0px;
}
.pagination .separator, .pagination .elipsis {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
}