/* stylesheet for zsjc.com/shangye
	Date:2009-06-25
	Author:youngsoul(boyce)
	Email:youngsoul@126.com
	QQ:277841301
*/
@import url("footer.css");
@import url("header.css");

html {

zoom: expression(function(ele){

	ele.style.zoom = "1";

	document.execCommand("BackgroundImageCache", false, true);

}(this));

}

/*base setup*/
*{
	margin:0; 
	padding:0;
	}
ul,li{
	list-style:none;
	}
a img{
	border:0;
	}
form,input,select,textarea,table,tr,td,th{
	font-size:12px;
	}
body{
	font-size:12px;
	}
a{
	color:#002d81; 
	text-decoration:none;
	}
a:hover{
	color:#a91400; 
	text-decoration:underline;
	}
input,select{
	padding-left:2px;
	vertical-align:middle; 
	}
img{
	vertical-align:middle;
	}


										/*===================> Static Classes <======================*/
.clear{
	clear:both; 
	float:none; 
	line-height:0%;
	}
.cRed, a.detail{color:#ba2636;}


#container{
	margin:0 auto;
	width:1000px;
	background-color:#fff;
	}
	
	#scrumb{
		margin-bottom:10px;
		padding:8px 8px 4px 8px;
		height:14px;
		border:1px solid #e4e4e6;
		border-left:5px solid #0039a3;
		}

	#search{
		margin-bottom:10px;
		padding:15px 30px 0 165px;
		height:112px;
		background:url(../images/syxxSearchBg.gif) no-repeat;
		}
		#search .form{
			margin-bottom:5px;
			padding-bottom:10px;
			background:url(../images/syxxIcon.gif) no-repeat left -534px;
			}
			#search select{
				margin-right:10px;
				width:80px;
				}
			#search .form input.txt{
				color:#999;
				width:120px;
				height:16px;
				}
		#search #kind{
			line-height:200%;
			}
			#search #kind a{
				margin-right:8px;
				}
				#search #kind a.active{
					color:#a91400;
					}

	#sponsor{
		margin-bottom:10px;
		position:relative;
		padding:10px;
		background-color:#fff8dd;
		}
		#sponsor .tip{
			position:absolute;
			top:5px;
			right:5px;
			color:#888;
			}
		#sponsor .item{
			margin-bottom:5px;
			}
			#sponsor .item p{
				padding:3px 0;
				color:#121212;
				}
				#sponsor .item p strong{
					font:normal 16px "宋体";
					}
				#sponsor .item p a{
					color:#008000;
					}
					#sponsor .item p strong a{
						color:#2706cd;
						text-decoration:underline;
						}					
	#mainContent{
		margin:10px 0;
		}
		#listCon, #productCon{
			float:left;
			width:740px;
			}				
			#fenLeiXinXi{
				border-bottom:4px solid #002975;
				}
				#fenLeiXinXi ul{
					height:36px;
					border:1px solid #ebecef;
					border-bottom-width:0;
					background:url(../images/syxxIcon.gif) repeat-x left -205px;
					}
					#fenLeiXinXi ul li{
						float:left;
						display:inline;
						width:92px;
						height:36px;
						text-align:center;
						}
						#fenLeiXinXi ul li h3{
							padding:12px 0 0 0;
							font-size:14px;
							
							}
						#fenLeiXinXi ul li.active{
							width:93px;
							background:url(../images/syxxIcon.gif) no-repeat -707px -250px;
							}
							#fenLeiXinXi ul li.active h3 a{
								color:#fff;
								}
		#listCon .item{
			margin:5px 0;
			padding:10px;
			background:url(../images/syxxIcon.gif) left -320px;
			}
			#listCon .item .image{
				float:left;
				display:inline;
				width:126px;
				height:108px;			
				}
				#listCon .item .image a img{
					width:122px;
					height:90px;
					border:1px solid #eaebef;
					}
				#listCon .item .image a:hover img{
					border-color:#d00;
					}
			#listCon .item .info{
				float:left;
				display:inline;
				margin-left:20px;
				width:400px;
				}
				#listCon .item .info h4{
					margin-bottom:5px;
					padding:5px 0;
					font-size:14px;
					}
					#listCon .item .info h4 a{
						color:#003391;
						}
				#listCon .item .info p{					
					line-height:180%;
					color:#555;
					}
			#listCon .item .sideBox{
				float:right;
				width:150px;
				}
				#listCon .item .sideBox p{
					padding:5px 0 10px 0;
					background:url(../images/syxxIcon.gif) no-repeat -5px -540px;
					}
					#listCon .item .sideBox p.cGray{
						color:#9e9ea1;
						}
					#listCon .item .sideBox p.cBlue{
						color:#002975;
						}
					#listCon .item .sideBox span{
						display:block;
						margin-top:10px;
						padding:4px 0 0 20px;
						width:92px;
						height:18px;
						font-size:14px;
						background:url(../images/syxxIcon.gif) no-repeat left -251px;
						}
						
	.pageFooter{
		padding:6px 0;
		background-color:#ebecef;
		text-align:center;
		}
					
		#sideCon{
			float:right;
			width:240px;
			overflow:visible;
			}
			#freeRelease{
				width:240px;
				height:40px;
				overflow:hidden;
				}
			#sideCon .adArea{
				border:1px solid #ccc;
				padding:15px 0 15px 15px;
				width:223px;
				background-color:#f3f3f3;
				}
				
	/*===> 产品详情页面 <===*/
	
	#productCon .info{
		padding:10px;
		background:url(../images/syxxIcon.gif) no-repeat left -320px;
		}
		#productCon .info .image{
			float:left;
			display:inline;
			margin-right:12px;
			padding:3px;
			background-color:#fff;
			border:1px solid #ccc;
			}
			#productCon .info .image img{
				width:248px;
				height:184px;
				}
			#productCon .info div table{
				width:450px;
				}
				#productCon .info div table th, #productCon .info div table td{
					padding:6px 0;
					font-size:14px;
					border-bottom:1px dashed #ddd;
					}
				#productCon .info div table th.noBorder{
					padding-top:20px;
					border-bottom:none;
					font-weight:normal;
					text-align:left;
					}
					#productCon .info div table .fix, #productCon .info div table .price{
						float:left;
						display:inline;
						margin-right:20px;
						padding:4px 0 0 18px;
						width:94px;
						height:18px;
						background:url(../images/syxxIcon.gif) no-repeat -131px -251px;
						}
					#productCon .info div table .fix a{
						color:#910003;
						}
					#productCon .info div table .price{
						background:url(../images/syxxIcon.gif) no-repeat left -251px;
						}	
					#productCon .info div table .contact{
						float:right;
						padding:5px 25px 5px 10px;
						background:#efebeb url(../images/syxxIcon.gif) no-repeat right -130px;
						}
		#productCon .intro .title, #productCon .cmtCon .title, #productCon .form .title{
			margin:0 0 15px 5px;
			height:28px;
			padding-bottom:1px;
			border-bottom:1px solid #d4d5d8;
			background:url(../images/syxxIcon.gif) no-repeat -691px -166px;
			}
			#productCon .intro .title h3, #productCon .cmtCon .title h3, #productCon .form .title h3{
				padding:8px 0 0 24px;
				font-size:14px;
				}
		#productCon .intro .con, #productCon .cmtCon .con, #productCon .form .con{
			margin-bottom:10px;
			padding:0 10px;
			}
			#productCon .intro .con p{
				font-size:13px;
				text-indent:2em;
				line-height:180%;
				}
			#productCon .form table td{
				padding:4px 0;
				}
			#productCon .form textarea{
				padding:2px;
				width:600px;
				height:100px;
				border:1px solid #ddd;
				background-color:#fafafa;
				color:#999;
				}
			#productCon .form input.txt{
				padding:2px;
				width:96px;
				height:16px;
				border:1px solid #ddd;
				background-color:#fafafa;
				color:#999;
				}
			#productCon .cmtCon .item{
				margin:10px 0;
				border: solid #dedede;
				border-width:1px 0 1px 0;
				}
				#productCon .cmtCon .item p{
					padding:0 10px;
					margin-bottom:1px;
					height:22px;
					background-color:#f3f3f3;
					line-height:24px;
					}
				#productCon .cmtCon .item div{
					padding:10px;
					background-color:#fafafa;
					line-height:180%;
					text-indent:2em;
					color:#003391;
					}
										
	#eCard{	
		position:relative;		
		margin:10px 0;
		padding:10px;
		overflow:visible;
		border:1px solid #003391;		
		line-height:200%;
		background-color:#f2f6ff;
		}
		#eCard h5{
			padding:5px 0;
			font-size:12px;
			}
		#eCard span#corner{
			position:absolute;
			top:40px;
			left:-8px;
			_left:-18px;
			width:8px;
			height:15px;
			background:url(../images/syxxIcon.gif) no-repeat -792px -318px;
			}
			
	.alert{
		margin-bottom:5px;
		padding:2px 10px 0 10px;
		height:26px;
		border-top:1px solid #003391;
		background-color:#f2f6ff;
		color:#003391;	
		}
		.alert a{
			color:#d00;
			}
		.alert a img{
			margin:0 10px;
			vertical-align:text-bottom;
			}
		#free, #noReg{
			border-color:#d00;
			color:#d00;
			background-color:#fef7f1;
			}
			#noReg{
				line-height:28px;
				}
	.related{
		margin-bottom:10px;
		padding:2px;
		border:1px solid #ddd;
		}
		.related .title{	
			margin-bottom:10px;		
			padding-left:5px;
			font:bold 12px "宋体";
			height:24px;
			background-color:#003391;
			color:#fff;
			line-height:24px;
			}
		.related .item{
			margin:10px 0;
			padding:5px;
			border-bottom:1px dashed #ccc;
			}
			.related .item h5{
				margin-bottom:5px;
				font-size:12px;
				line-height:150%;
				}
			.related .item p{
				text-indent:2em;
				line-height:150%;
				color:#565656;
				height:74px;
				overflow:hidden;
				}
	.adBox{
		margin:10px 0;
		height:60px;
		overflow:hidden;
		}
		.adBox .adLeft{
			float:left;
			width:496px;
			}
		.adBox .adRight{
			float:right;
			width:496px;
			}
			
	#productKind{
		margin-bottom:10px;
		border-bottom:1px solid #ccc;
		}
		#productKind .title{
			padding:1px;
			height:26px;
			background-color:#fff;
			border: solid #ccc;
			border-width:1px 0 1px 0;
			}
			#productKind .title h2{
				float:left;
				padding:6px 5px 0 14px;
				width:61px;
				height:20px;
				background:#f3f3f3 url(../images/syxxIcon.gif) no-repeat -790px -42px;
				font-size:14px;
				color:#0039a3;
				border-right:1px solid #ccc;				
				}
			#productKind .title p{
				float:left;
				padding:8px 0 0 5px;
				height:18px;
				width:650px;				
				background-color:#f3f3f3;
				color:#0039a3;
				}
				#productKind .title p span{
					color:#cd0638;
					}
		#productKind .con{
			padding:10px 0;
			margin-left:81px;
			border-left:1px solid #ccc;
			}
			#productKind .con p{
				padding-left:20px;
				margin-bottom:10px;
				background:url(../images/syxxIcon.gif) no-repeat -788px -91px;
				color:#cd0638;
				}
				#productKind .con p strong{
					margin:0 5px;					
					}
			#productKind .con div{
				margin:0 0 10px 20px;
				padding:10px;
				background-color:#f9f9f9;
				border:1px dashed #cdcdcd;
				line-height:180%;
				}
				#productKind .con div a{
					margin-right:10px;
					color:#0039a3;					
					}
	#recommendProduct{
		margin-bottom:10px;
		}
		#recommendProduct .title{
			height:46px;
			background:url(../images/syxxIcon.gif) no-repeat -313px -64px;
			}
			#recommendProduct .title h2{
				padding:8px 0 0 15px;
				color:#fff;
				background:url(../images/syxxIcon.gif) -788px -388px;
				font-size:12px;
				}
		#recommendProduct .con .sideBox{
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom:1px dashed #dbe0e3;		
			}
			#recommendProduct .con .sideBox .image{
				float:left;
				display:inline;
				margin-right:5px;
				}
				#recommendProduct .con .sideBox .image a img{
					width:62px;
					height:60px;
					border:1px solid #ddd;
					}
					#recommendProduct .con .sideBox .image a:hover img{
						border-color:#0039a3;
						}
		#recommendProduct .con h4{
			margin:5px 0;
			font-size:12px;
			}
		#recommendProduct .con p{
			padding:3px 0;
			color:#666;
			}