@import "/style/base.css";
@import "/style/layout/ly-top.css";
@import "/style/layout/ly-footer.css";
@import "/style/layout/ly-pager.css";
@import "/style/solution/sl-middle.css";

a{
	color:#039;
}

a:hover{
	color:#f50;
}

/*sprites*/
#all-cate h3,
#all-cate div,
#all-cate div a,
#join-oem li,
#featured-supplier .ar a {
	background-image:url(/images/oem/sprites.png);
	background-repeat:no-repeat;
}

#top .cont, #header, #wrapper {
	width:980px;
	margin:0 auto;
}

#top, #header, #banner, #bread, #wrapper{
	margin-bottom:10px;
}

#header h2 {
	background: url("/images/bg_subtitle.png") no-repeat scroll left center transparent;
    color: #666666;
    float: left;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 12px 0 0 10px;
    padding-left: 20px;
}

#bread {
	padding-left:10px;
}

#bread span {
	font-family:tahoma;
}

#aside {
	width:190px;
	float:left;
}

#all-cate {
	border: 1px solid #fac43e;
	margin-bottom:10px;
}

#all-cate h3 {
	height:28px;
	line-height:28px;
	background-position:0 0;
	background-repeat:repeat-x;
	color:#fff;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

#all-cate a {
	color:#333;
	display:block;
	padding:5px 10px;
}

#all-cate a:hover {
	color:#f50;
}

#all-cate ul li {
	border-bottom:1px solid #feeab8;
	background:#fffbf2;
}

#all-cate .on a{
	background:#fff8e8;
	color:#f50;
	font-weight:bold;
}
#all-cate .last {
	border:none;
}

#all-cate div{
	background-position:0 -36px;
	background-repeat:repeat-x;
}

#all-cate .more a{
	background-position:110px -68px;
}

#all-cate .less{
	display:none;
}

#all-cate .less a{
	background-position:110px -108px;
}

#all-cate .more-cate{
	display:none;
}

#rfq {
	margin-bottom:10px;
}

#aside .item {
	border:1px solid #e6e6e6;
	margin-bottom:10px;
}

#aside .item h3 {
	background:#eee;
	border-bottom:1px solid #eee;
	line-height:28px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

#aside .wrap {
	padding:10px;
}

#join-oem p{
	margin-bottom:10px;
	color:#666;
}

#join-oem li{
	font-size:11px;
	margin-bottom:5px;
	padding-left:17px;
	background-position:0 -158px;
	line-height:1.4;
}

#join-oem .btn{
	text-align:center;
	padding:10px 0 5px;
}

#popular-search a {
	color:#666;
	margin-right:10px;
	white-space:nowrap;
	line-height:1.5;
}

#popular-search strong a {
	color:#0853b0;
	font-size:16px;
}

#popular-search a:hover {
	color:#f50;
}



#main {
	width:780px;
	float:right;
}

#main .title{
	line-height:28px;
	padding:0 10px;
}

#main h3{
	font-size:14px;
	font-weight:bold;
}


#featured-supplier .cf{
	padding-left:1px
}

#featured-supplier .item {
	width:165px;
	height:272px;
	float:left;
	border:1px solid #f0f0f0;
	padding:10px;
	margin:0 10px 10px 0;
}

#featured-supplier .last{
	margin-right:0;
}

#featured-supplier .sl-middle {
	width:160px;
	height:160px;
	margin:0 auto 10px;
}

#featured-supplier .item p{
	margin:5px 0;
}

#featured-supplier .com-name{
	height:36px;
	overflow:hidden;
}

#featured-supplier .attr{
	font-size:11px;
}

#featured-supplier .attr em{
	color:#049802;
	font-weight:bold;
}

#featured-supplier .ar a {
	padding:1px 30px 1px 0;
	background-position:right -240px;
}

#hot-products {
	margin-bottom:10px;
}
#hot-products .title h3{
	float:left;
}

#hot-products .title ul{
	float:right;
	padding-top:5px;
}
#hot-products .title li{
	float:left;
	width:16px;
	height:16px;
	background:#f3f3f3;
	border-radius:3px;
	margin-left:5px;
	cursor:pointer;
	vertical-align:middle;
	line-height:16px;
	text-align:center;
	color:#999;
	border:1px solid #d8d8d8;
	font-weight:bold;
}
#hot-products .title .on {
	background:#fee799;
	border-color:#fed73a;
	color:#f50;

}

#hot-products .wrap{
	border:1px solid #e8e8e8;
	padding:10px 0;
	overflow:hidden;
	width:778px;
	position:relative;
}

#hot-products .wrap .cnt{
	margin-left:-1px;
}

#hot-products .item {
	width:175px;
	padding:0 10px;
	float:left;
	text-align:center;
}

#hot-products .sl-middle{
	width:160px;
	height:160px;
	margin:0 auto 10px;
}

#hot-products .pro-name {
	margin-bottom:5px;
}

#hot-products .attr{
	color:#666;
	font-size:11px;
}

#requests{
	margin-bottom:10px;
}

#requests .wrap, #about-process .wrap{
	border:1px solid #e8e8e8;
}
#requests .wrap{
	padding:1px;
}
#requests .item{
	width:346px;
	line-height:28px;
	padding:0 20px;
}

#requests .bg{
	background:#f5f5f5;
}

#requests .flag{
	float:right;
	_padding-top:5px;
}

#about-process .title{
	padding-right:0;
}

#about-process .title p{
	color:#3b73ee;
	padding-left:25px;
}
#about-process img{
	_vertical-align:top;
}
/* for multi-language*/
.multi-lang{float:right;margin-left:20px;width:90px;}
.multi-lang .english{font-size:11px;-webkit-text-size-adjust:none;display:block;padding:2px 0 2px 10px;width:60px;position:relative;z-index:20;background: url(/images/multi-lang.png) 0 -240px no-repeat;}
.multi-lang .hover{border:1px solid #ddd;border-bottom:0 none;padding:1px 0 2px 9px;text-decoration:none;background:#fff url(/images/multi-lang.png) 0 -260px no-repeat;}
.multi-lang .other-lang{display:none;position:absolute;border:1px solid #ddd;background:#fff;width:90px;margin-top:-1px;padding:4px 0;z-index:15;}
.multi-lang .other-lang a{line-height:20px;height:20px;display:block;padding:0 10px;text-decoration:none;}
.multi-lang .other-lang a:hover{background-color:#e5ecfa;}
.multi-lang .other-lang .es{background: url(/images/multi-lang.png) 0 0px no-repeat;}
.multi-lang .other-lang .pt{background: url(/images/multi-lang.png) 0 -20px no-repeat;}
.multi-lang .other-lang .fra{background: url(/images/multi-lang.png) 0 -40px no-repeat;}
.multi-lang .other-lang .ru{background: url(/images/multi-lang.png) 0 -60px no-repeat;}
.multi-lang .other-lang .it{background: url(/images/multi-lang.png) 0 -80px no-repeat;}
.multi-lang .other-lang .de{background: url(/images/multi-lang.png) 0 -100px  no-repeat;}
.multi-lang .other-lang .nl{background: url(/images/multi-lang.png) 0 -120px  no-repeat;}
.multi-lang .other-lang .sa{background: url(/images/multi-lang.png) 0 -140px no-repeat;}
.multi-lang .other-lang .kr{background: url(/images/multi-lang.png) 0 -160px no-repeat;}
.multi-lang .other-lang .jp{background: url(/images/multi-lang.png) 0 -180px no-repeat;}
.multi-lang .other-lang .cn{background: url(/images/multi-lang.png) 0 -200px no-repeat;}
.multi-lang .other-lang .big5{background: url(/images/multi-lang.png) 0 -220px no-repeat;}