@charset "utf-8";

/* CSS Document */
/************************************************
Author: 朱启标 abelchu@Gmail.com
Development by: Qitag.com
My website: http://www.coolxoo.com/
			http://www.zhuamei.com/
			http://www.qitag.net/
			http://www.qitag.com/
			http://www.weebest.net.cn/
Last updated: 2009/05/08
************************************************/

/*common style*/
@import url("css.css");

#banner{ padding:20px 0 0;margin:0 auto;}
#banner img,#banner a img {width:982px;overflow: hidden;border:0;}

#content{}
.layout{ float:left; width:982px; margin:8px 0;background:url(../images/side_bg.gif) repeat-y left;}

    /*left main content*/
	#content .side {float:left;width:176px;}

			#content .side h2{float:left;width:124px;height:36px;padding:6px 0 0 52px;text-align:left;font-size:14px;font-weight:bold;color:#fcfcfc;background:url(../images/side_title.gif) no-repeat bottom;}

			#left_menu {list-style-type:none;float:left;width:176px;background:#edeeee;}
			#left_menu li {display:block;float:left;width:176px;margin:0 0 3px 0;background:url(../images/side_nav_bg.gif) no-repeat left;}

			#left_menu li a{width:176px;height:22px;padding-top:3px;text-indent:52px;color:#666464;display: block;text-align:left;text-decoration: none;}

			#left_menu li dd {display:none;}

			#left_menu li:hover, 
			#left_menu li a:hover {border:0;text-decoration:underline;color:#328328;font-weight:bold;}

			#left_menu li:hover dt a ,
			#left_menu li a:hover dt a {width:176px;height:22px;padding-top:3px;text-indent:52px;text-decoration:underline;color:#328328;display: block;text-align:left;}

			#left_menu li:hover dd,
			#left_menu li a:hover dd {display:block;text-decoration:underline;color:#328328;}

			#left_menu li:hover dl, 
			#left_menu li a:hover dl {float:left;width:176px;height:auto;background:#edeeee;}

			#left_menu table {width:176px;border-collapse:collapse; padding:0; margin:-4px 0 -4px 0;}

			#left_menu dl {float:left;width:176px;background:#edeeee;cursor:pointer;}
			#left_menu dt {float:left;width:176px;margin:0 0 3px 0;color:#666464;display:block;background:url(../images/side_nav_bg.gif) no-repeat left;}
			#left_menu dd {float:left;width:176px;margin:0 0 3px 0;color:#666464;display:block;}

            /*
			#content .side ul{float:left;width:176px;margin:0 0 0;padding:0 0 0;background:#edeeee}
			#content .side ul li{float:left;width:176px;height:25px;margin:0 0 3px 0;background:url(../images/side_nav_bg.gif) no-repeat;}
			#content .side ul li a {width:124px;height:22px;padding:3px 0 0 52px;color:#666464;display: block;text-align:left;text-decoration: none;}
			#content .side ul li a:hover {color:#d81d13;}
			*/
			#content .side .info {float:left;width:160px;height:205px;margin:50px 0 20px 8px;*margin:50px 0 20px 8px !important;*margin:40px 0 20px 4px;padding:15px 0;background:#edeeee url(../images/side_info_bg.gif) no-repeat;}
			#content .side .info p{width:158px;line-height:20px;padding:0 0 0 2px;text-align:left;color:#626262;}
			#content .side .info p strong{display:block;width:158px;height:40px;line-height:18px;margin:0;text-align:left;color:#2f2f2f;}
			#content .side .info span{text-decoration:underline;color:#328328;}

			#content .side h3{float:left;width:158px;margin:35px 0 0 10px;padding:12px 0 0 0;color:#2f2f2f;text-align:left;font-weight:bold;}
			#content .side .so {float:left;width:160px;height:55px;margin:0 auto 0 8px;*margin:0 auto 0 4px;padding:28px 0 0 0;background:#edeeee url(../images/search_bg.gif) no-repeat;}
			#content .side .so select{float:left;width:145px;height:24px;border:0;line-height:22px;margin:0 0 0 8px;padding:0 0 0 0;text-align:left;color:#626262;}
			#content .side .so .s{float:left;width:145px;height:22px;margin:5px 0 0 8px;*margin:5px 0 0 3px;padding:0 0 5px 0;text-align:left;color:#626262;}
			#content .side .so .s input.search_txt{float:left;color:#676767;width:88px;height:17px;line-height:17px;vertical-align:middle;background:#FFFFFF; border:#dad9d9 solid 1px; text-indent:3px;}
			#content .side .so .s input.search_btn {float:left;width:48px;height:20px;margin:0 0 0 3px;*margin:0 0 0 2px;border:none;background:url(../images/search_btn2.gif) no-repeat;text-indent:-9999pt;cursor:pointer;}

    /*right main content*/	 
    #content .main {width:766px;margin:0;padding:0 5px 0 0;}

            #content .position {width:766px;height:20px;color:#7f7f7f;text-align:right;margin:0 auto;padding:19px 0 0 0;border-bottom:#9BDF70 solid 1px;position:relative;}
            #content .position b {float:left;width:266px;color:#7f7f7f;font-size:14px;text-align:left;}
            #content .position a {height:20px;color:#7f7f7f;margin:0 2px 0 0;padding:0 12px 0 0;background:url(../images/ico05.gif) no-repeat right 2px;}
            #content .position a:hover {text-decoration:underline;color:#328328;}


		    #content .pro_box {width:740px;margin:22px 0 0 0;padding:0 0 0 26px;;}
            #content .pro_box h2 {width:713px;height:34px;line-height:20px;color:#328328;font-weight:bold;vertical-align:top;padding:0 0 0 27px;background:url(../images/main_about_h2.gif) no-repeat left 1px;}
			#content .pro_box ul{float:left;width:713px;padding:0 0 0 27px;}
			#content .pro_box ul li{float:right;width:225px;text-align:center;margin:0 5px 10px auto;padding:5px 0 5px 0;background:#fafafa;}
			#content .pro_box ul li a {float:right;width:225px;padding:0 0 0 0;color:#626262;display: block;text-align:left;text-decoration: none;}
			#content .pro_box ul li a img {width:150px;margin:0 37px 0 37px;border:#dfdfdf solid 1px;text-decoration: none;}
			#content .pro_box ul li a:hover img {border:#328328 solid 1px;text-decoration: none;}
			#content .pro_box ul li a span {width:205px;margin:5px 10px 0 10px;display: block;cursor:pointer;padding:0 0 0 0;color:#626262;text-align:left;}
			#content .pro_box ul li a:hover span {text-decoration:underline;color:#328328;}
			#content .pro_box ul li a:hover {color:#328328;}
			
		    /*list*/
		    #content .list{float:left;width:515px;padding:25px 0;margin:0 auto;border-bottom:#e0e0e0 solid 1px;}

				#content .list .pic {float:left;width:152px;padding:0 0 0 10px;display: block;text-align:center;}
				#content .list .pic a img {width:150px;border:#e0e0e0 solid 1px;}
				#content .list .pic a:hover img {width:150px;border:#328328 solid 1px;}

				#content .list .txt{float:right;width:330px;text-align:left;margin:0 0 0 8px;padding:0 0 0 0;display: block;color:#666666;}
						
						#content .list .txt h3 {float:left;width:330px;text-align:left;margin:0 0 0 0;padding:0 0 0 0;}
						#content .list .txt h3 img{margin:0 0 0 5px;padding:0 0 0 0;}
						#content .list .txt h3 a{color:#328328;font-size:13px;}
						#content .list .txt h3 a:hover {text-decoration:underline;color:#4f4f4f;}					

						#content .list .txt dl{float:left;width:325px;line-height:20px;text-align:left;margin:0 0 0 0;padding:0 0 0 5px;}
						#content .list .txt dl dd{width:315px;text-align:left;color:#666666;padding:0 0 0 10px;background:url(../images/ico06.gif) no-repeat left 5px;}
						
						#content .list .txt dl dd.link{float:left;width:318px:text-align:left;margin:0 0 0 2px;padding:2px 0 2px 0;background:none;}
						#content .list .txt dl dd.link a {float:left;width:89px;height:16px;text-indent:-9999pt;display: block;background:url(../images/product_detail.gif) no-repeat left;}
						#content .list .txt dl dd.link a:hover {text-decoration:underline;color:#328328;}

            #content .pro_category {width:740px;margin:22px 0 0 0;padding:0 0 0 26px;;}
            #content .pro_category h2 {width:713px;height:34px;line-height:20px;color:#328328;font-weight:bold;vertical-align:top;padding:0 0 0 27px;background:url(../images/main_about_h2.gif) no-repeat left 1px;}
			#content .pro_category ul{float:left;width:700px;padding:0 0 0 40px;}
			#content .pro_category ul li{float:left;width:205px;text-align:center;margin:0 5px 10px 0;padding:3px 10px;background:#fafafa;}
			#content .pro_category ul li a {float:left;width:205px;color:#626262;display: block;text-align:left;text-decoration: none;}
			#content .pro_category ul li a:hover {color:#328328;font-weight:bold;text-decoration: underline;}

		    /*box*/
		    #content .box {float:left;width:756px;padding:0 0 0 10px;color:#626262;}

			/*page*/
			#content .box .page{float:left;width:746px;height:22px;padding:4px 10px 4px 0;margin:25px 0 0; color:#888888;border:1px solid #e7e7e7;background:#f6f6f6;text-align:right;}
			#content .box .page img{margin:5px 2px 0; border:none;}
			#content .box .page select{width:40px;height:22px;}
			#content .box .page a{color:#888888;text-decoration:none;}
			#content .box .page a:hover{text-decoration:underline;color:#328328;}