/*
	stylesheet for caigou
	Date:2010-07-15
	Author:boyce(youngsoul)
	Email:youngsoul@126.com
	QQ:277841301	
*/

@import url("../../css/reset.css");

html {
zoom: expression(function(ele){
	ele.style.zoom = "1";
	document.execCommand("BackgroundImageCache", false, true);
}(this));
}


body{font-size:12px; background:#fff url(../images/bodyBg.gif) repeat-x;}
a{color:#e9f0f1; text-decoration:none;}
a:hover{color:#61d7e9;}
.clear{clear:both; line-height:0; height:0;}
.orange{color:#c25700;}
.gray{color:#999;}
.f22{font:bold 16px "΢ÈíÑźÚ","ËÎÌå"; color:#c00;}
.del{text-decoration:line-through;}

/*= layout =*/
#caigouWrapper{position:relative; z-index:111; margin:0 auto; padding-bottom:80px; width:950px; background:#f1f4f5 url(../images/mainBottom.gif) no-repeat left bottom;}
	#top{position:relative; height:369px; background:url(../images/top.gif) no-repeat;}
		#top h1{position:relative; padding:66px 0 0 30px; width:242px; height:23px; font:normal 38px "΢ÈíÑźÚ", "ºÚÌå";}
			#top h1 span{position:absolute; left:30px; top:66px; display:block; width:272px; height:89px; background:url(../images/logo.gif) no-repeat;}
		#top div{position:absolute; right:0; top:0; padding:6px 0 0 10px; width:272px; height:18px; background:url(../images/linkBg.gif) no-repeat;}
			#top div a{margin-right:6px; padding-left:10px; background:url(../images/caigouIcon.gif) no-repeat left -62px;}
			#top div a#onlineService{padding-left:25px; background:url(../images/kefuIcon.gif) no-repeat;}
	
	.module{margin-bottom:10px;}
		.module .title{margin-bottom:10px; height:45px;}
			.module .title h2{padding:12px 20px 0 20px; width:222px; height:32px; background:#279bb2 url(../images/caigouIcon.gif) no-repeat; font:normal 18px  "ºÚÌå"; color:#fff; text-align:left; overflow:hidden;}
		.module .con{padding:10px;}
			.productBox{float:left; display:inline; position:relative; margin:0 0 5px 5px; width:226px; height:134px; background-color:#fff; border-right:1px dashed #ccc;}
			.activeBox{background-color:#f8eec0; border-color:#fff;}
				.productBox .image{position:relative; padding:5px 0 0 9px; width:103px;}
				.productBox .clock{position:absolute; z-index:5; left:9px; bottom:3px; width:110px; height:20px; line-height:20px;font:normal 12px Arial, Helvetica, sans-serif;}
					.productBox .clock span{margin-left:1px; padding:1px 1px 0 1px; background-color:#188098; color:#fff;}
					.productBox .image img{width:104px; height:102px; border:1px solid #ccc;}
					.productBox .image a:hover img{border-color:#c25700;}
					.productBox .image span{position:absolute; top:0; left:0; display:block; width:92px; height:30px; background:url(../images/qianggouIcon.png); behavior:url(images/iepngfix.htc);}
					.productBox .checkbox{position:absolute; z-index:6; right:5px; bottom:2px; padding:3px 0 0 9px; width:72px; height:17px; color:#f2974f; background:url(../images/caigouButton.gif) no-repeat right bottom; color:#fff;}
						* html .productBox .checkbox{padding-top:0; height:20px;}
						*+html .productBox .checkbox{padding-top:0; height:20px;}
						.productBox .checkbox input{margin-left:2px; vertical-align:text-bottom;}
			 .productBox ul{margin:-104px 0 0 120px;}
			 	.productBox ul li{padding:3px 0;}
					.productBox ul li span.f22{display:block; margin-top:5px;}
					.productBox ul li a{color:#000;}
					.productBox ul li a:hover{text-decoration:underline;}
			 	
		#kind .con{height:104px; background:url(../images/choisebg.gif) repeat-x;}
			#kind .con ul li{float:left; display:inline; margin:0 10px 17px 5px; padding:3px 0 0 5px; width:83px; height:22px; background:#1e8e99 url(../images/caigouIcon.gif) no-repeat -515px -1px; color:#fff; font-size:14px;}
			
				#kind .con ul li input{margin-right:2px; vertical-align:text-bottom;}
				#kind .con ul li label{cursor:pointer; font-size:12px;}
				
		#brand .con{ background:url(../images/caigouIcon.gif) no-repeat left bottom;}
			#brand .con dt{float:left; width:80px; text-align:right; font:bold 16px "ËÎÌå"; color:#1f8e98;}
			#brand .con dd{margin:0 0 0 90px; padding-left:10px; height:100px; border-left:1px solid #c5cdcf;}
				#brand .con dd ul li{float:left; display:inline; margin:0 10px 10px 0; width:80px;}
					#brand .con dd ul li input{margin-right:3px; vertical-align:text-bottom;}

	#form{}
		#form .con{margin:0 30px; border:3px solid #fff; background-color:#f8fafa;}
			#form .con p{margin-bottom:10px; color:#a04800;}
			#form .con table{width:100%;}
				#form .con table td,
				#form .con table th{padding:6px 2px;}
				#form .con table th{width:100px;}
				#form .con table .w60{width:80px;}
				#form .con table .w250{width:250px;}
				#form .con button{margin:10px 0 0 100px; width:174px; height:47px; border:none; background:none; background:url(../images/caigouIcon.gif) no-repeat right 1px; color:#fff; font:normal 16px "΢ÈíÑźÚ", "ºÚÌå"; cursor:pointer;}
				#form .con textarea{width:250px; height:80px;}
				
	#entrance{position:absolute; left:950px; top:85px; padding:6px 0 0 6px; width:19px; height:139px; background:url(../images/wdlinkBg.png) no-repeat;}
	* html #entrance{left:953px; padding:6px 3px 0 3px; width:19px; behavior:url(images/iepngfix.htc);}
		#entrance a span{color:#fc0;}

	#footerWrapper{position:relative; z-index:110; top:-30px; background-color:#1f8e98;}
		#footer{margin:0 auto; padding-top:30px; width:950px; height:55px; overflow:hidden; text-align:center; color:#fff;}
			#footer li{display:inline;}
			#footer p{line-height:2;}
	.space{margin-top:-30px; background-color:#1f8e98; height:30px;}
	
	#categoryWrapper{padding:10px;}
		#productsCategory{float:left; width:88px; overflow:hidden; border-right:1px solid #279db3;}
			#productsCategory li{float:left; display:inline; margin-bottom:3px; padding-top:9px; width:85px; height:20px; background:url(../images/jcMarketIcon.gif) no-repeat left -40px; text-align:center; color:#828282; font-size:13px; cursor:pointer;}
			#productsCategory li.active{padding-top:10px; width:88px; height:23px; background-position:left top; font:bold 14px "ËÎÌå"; cursor:default; color:#fff;}
		#categoryWrapper .con{float:right; display:none; width:821px; min-height:525px; background:#fff url(../images/jcMarketConBg.gif) repeat-y;}
		* html #categoryWrapper .con{height:525px;}
		#categoryWrapper #categoryCon1{display:block;}
			#categoryWrapper .con .productBox{width:265px;}