ÿþ/*  common css

***************************************/

*			{padding:0; margin:0; font-family: "Tahoma", Helvetica, sans-serif; font-size:11px; color:#666; border:none; outline:none}

body		{background:#fff}

li, ul		{list-style:none}

p			{line-height:16px}

a			{text-decoration:none}

a:hover		{text-decoration:underline}

table {border-collapse:collapse;}

td {vertical-align:top; }

h2{font-size:14px; font-weight:normal}

h3{font-size:12px}

h4{font-size:11px; font-weight:bold}

/*  basic classes

***************************************/

.clear {clear:both; height:0; line-height:0}



.btnLeft {float:left; text-align:left; padding:5px 0 0 0; clear:left}

.btnRight {float:right; text-align:right; padding:5px 0 0 0; clear:left}

.btnCenter {text-align:center; padding:5px 0 0 0; clear:left}

	.mainpageWrap .btnSend, .mainpageWrap .btnCancel, .mainpageWrap .btnGo, .mainpageWrap .btnUpdate, .mainpageWrap .btnAdd, .mainpageWrap .btnOrder {border:none; height:20px; width:auto!important; border:none!important}

	.mainpageWrap .btnSend{width:44px}

	.mainpageWrap .btnCancel{width:53px}

	.mainpageWrap .btnGo{width:40px}

	.mainpageWrap .btnUpdate{width:63px}

	.mainpageWrap .btnAdd{width:98px}

	.mainpageWrap .btnOrder{width:63px}

				

/*  main structure

***************************************/

.mainpage{/*width:1144px; overflow:hidden; margin:0 auto*/}

.colLetf, .colRight{width:160px; min-height:100px; height:auto!important; height:100px; overflow:hidden; float:left; padding-top:155px }

.mainpageWrap {width:823px; overflow:hidden; text-align:left; background:#FFF; margin:0 auto;}

	.header{width:823px; overflow:hidden; padding:8px 0 0 0}

	

		/*top nav*/

		.topNav{float:right; padding:2px 10px 0 0}

				.topNav li{display:inline; padding:0 10px 0 0 }

					.topNav li img{float:left}

					.topNav li table{float:left}

						.topNav li td{padding:0 10px}

						.topNav a{cursor:default}

						.topNav a:hover{text-decoration:none}

						.topNav .active a{color:#3898bc; cursor:pointer}

						.topNav .active a:hover{text-decoration:underline}

	

		h1{float:left; padding:35px 0 0 20px}

		.topAds{width:552px; height:65px; overflow:hidden; padding:5px 0}

		.nav{width:813px; overflow: hidden; border-bottom:#eeedeb solid 1px; padding:0 10px 8px 0}

			.nav li{float: right; padding:0 0 0 33px}

			.nav a{ font-size:11px; color:#969696; font-weight:bold}

			.nav a:hover, .nav .active{color:#0074ae; text-decoration:none}

			

		.subNav{width:803px; overflow: hidden; border-bottom:#eeedeb solid 1px; padding:8px 20px 8px 0; margin:0 0 5px 0}

			.subNav li{float: right; padding:0 0 0 33px}

			.subNav a{color:#969696;}

			.subNav a:hover, .subNav .active{color:#0074ae; text-decoration:none}

			

		.banner{width:823px; overflow:hidden;}

		

	.container{width:823px; overflow:hidden; background:url(../images/bgd_container.gif) 0 0 no-repeat}

		.indexProducts{width:823px; overflow:hidden; padding:6px 0 0 0}

			.indexProducts li{float:left; padding:0 3px 0 0}

				.indexProducts .last{padding:0; float:right}

				.indexProducts .last input{width:205px;}

				.indexProducts span{text-align:center; color:#868686; font-size:13px; font-weight:bold; padding:3px 0 5px 0; background:url(../images/bgd_indexProduct_title.gif) 0 0 repeat-x; display:block}

					.indexProducts span a{color:#868686; font-size:13px; font-weight:bold;}

					.indexProducts .last span a{width:205px!important}

				.indexProducts a:hover span{color:#0074ae}

					.indexProducts a:hover span a{color:#0074ae}

		h2{color:#969696; /*border-bottom: #ededed solid 1px;*/ padding:0 0 3px 15px; margin:15px 0}

		h2 span{color:#969696; font-size:14px; font-weight:normal}

		.container p{padding:0 0 15px 0}

			

	/*content*/

	.contType1{width:823px; overflow:hidden; padding:0}

	.contType2	{width:823px; overflow:hidden; background:url(../images/bgd_content_wrap.gif) 0 100% no-repeat; padding:0 0 20px 0}

	.contType3	{width:823px; overflow:hidden; background:url(../images/bgd_contType3.gif) 0 0 no-repeat; padding:8px 0 0 0}

		.contType2 .submenu{width:783px; overflow: hidden; background:url(../images/bgd_submenu.gif) 0 100% no-repeat; padding:11px 20px}

			.contType2 .submenu li{float:left; padding:0 8px 0 0}

				.contType2 .submenu li a{color:#3898bc; font-size:11px; font-weight:bold; background:url(../images/bgd_submenu_type2.gif) 0 0 no-repeat; width:126px; height:43px; display:block; float:left; padding:4px 0 0 0; text-align:center}

				.contType2 .submenu li a:hover, .contType2 .submenu li .active{color:#666; text-decoration:none; background:url(../images/bgd_submenu_type2_a.gif) 0 0 no-repeat}

			

		

		/*about us*/

		.history{width:803px; overflow:hidden; padding:10px 10px 0 10px;}

			.history .photo{float: left; padding:0 20px 0 0; clear:left}

			.history .historyList{float:left; width:500px; overflow:hidden}

				.historyList dt{font-weight:bold; color:#000; padding:0 0 5px 0}

				.historyList dd{padding:0 0 10px 0}

					.historyList dd ul{list-style:circle; padding:0 0 5px 25px}

						.historyList dd ul li{list-style:circle; display:list-item}

					.historyList dd ol{list-style:decimal; padding:0 0 5px 25px}

						.historyList dd ol li{list-style:decimal; display:list-item}

		

		/*products*/

		.productIntro{/*border-bottom:1px solid #EDEDED;*/ margin:15px 0; padding:0 0 3px 15px;}

		.productsList{width:823px; overflow:hidden; padding:15px 0}

			.productsList li{float:left; height:150px; padding:0 3px 0 0; margin:0 0 5px 0}

				.productsList .last{padding:0; float:right}

				.productsList span{text-align:center; color:#969696; font-size:12px; font-weight:bold; padding:3px 0 5px 0; display:block}

					.productsList span a{color:#969696; font-size:12px;}

					.productsList span a:hover{color:#0074ae; text-decoration:none}

				.productsList a:hover span{color:#0074ae; text-decoration:none}

		

		/*special product*/

		.specialProduct{width:803px; overflow:hidden; padding:10px 10px 20px 10px}

			.specialProduct h3{padding:0 0 10px 0; color:#003b8b; font-size:15px}

			.specialProduct .photo{float:left; width: 262px; overflow:hidden; text-align:center;  padding:5px 50px 0 8px}

			.specialProduct .specialPList{float:left; width:480px; overflow: hidden}

				

				.specialProduct .specialPList ul{list-style:circle; padding:0 0 5px 25px}

					.specialProduct .specialPList ul li{list-style:circle; display:list-item}

				.specialProduct .specialPList ol{list-style:decimal; padding:0 0 5px 25px}

					.specialProduct .specialPList ol li{list-style:decimal; display:list-item}

				

				.specialProduct .specialPList .specialPItem{width:461px; overflow: hidden; padding:20px 0 0 0}

				.specialProduct .specialPList .thumb{float:left; text-align:center; width:103px; overflow:hidden; padding:0 25px 0 0}

				.specialProduct .specialPList .info{float:left; width:325px; overflow:hidden}

				.specialProduct .specialPList h4{font-size:11px; padding:0 0 5px 0; color:#000}

				.specialProduct .specialPList p{padding:0 0 5px 0!important}

				.specialProduct .specialPList .more{text-align:right; }

					.specialProduct .specialPList .more a{color:#2a94c6; text-decoration:underline}

					.specialProduct .specialPList .more a:hover{text-decoration:none}

				.specialProduct .specialPList .pagging{width:480px; padding:15px 0 0 0}

		

		/*manual*/

		.manualList{float:left; width:480px; overflow: hidden;}

			.manualList h4 {font-size:12px; color:#666; font-weight:bold; padding:0 0 10px 0}

			.manualList h4 a{font-size:12px; color:#666; font-weight:bold;}

			.manualList p{padding:0 0 5px 0}

			.manualList ul{padding:5px 0 10px 20px}

				.manualList li{background:url(../images/ico_dot_01.gif) 0 4px no-repeat; padding:0 0 8px 18px;}

					.manualList li ul{list-style:circle; padding:0 0 5px 25px}

						.manualList li ul li{list-style:circle; display:list-item}

					.manualList li ol{list-style:decimal; padding:0 0 5px 25px}

						.manualList li ol li{list-style:decimal; display:list-item}

		

		/*news*/

		.news{width:763px; overflow:hidden; padding:30px 30px 10px 30px}			

			.lastNews{float:left; width:440px; overflow: hidden;}

				.lastNews h4{}

					.lastNews h4 a{font-size:11px; color:#666; font-weight:bold;}

					.lastNews h4 span{display:block; color:#999; font-size:11px; font-weight:normal; padding:5px 0 10px 0}

				.lastNews div{width:461px; overflow: hidden; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:#ededed solid 1px;}

					.lastNews div div{border:none; margin:0}

				.lastNews .last{border:none; padding:0}

				.lastNews .careerCont{width:auto; overflow: hidden; padding:0 0 10px 0}	

					.lastNews .careerList{padding:5px 0 10px 20px; list-style:decimal;}

						.lastNews .careerList li{padding:0 0 3px 0; list-style:decimal; display:list-item}

					.lastNews ul{padding:5px 0 10px 20px; list-style:circle}

						.lastNews ul li{padding:0 0 3px 0; list-style:circle; display:list-item}

					.lastNews ol{padding:5px 0 10px 20px; list-style:decimal;}

						.lastNews ol li{padding:0 0 3px 0; list-style:decimal; display:list-item}

							

					.lastNews .careerTime{background:url(../images/ico_arrow_02.gif) 0 4px no-repeat; padding:0 0 5px 10px!important}

					.lastNews p{padding:0 0 5px 0!important}



					.lastNews .more{text-align:right; padding:0 0 0 10px; display:block}

					.lastNews .more a{color:#2a94c6; text-decoration:underline}

					.lastNews .more a:hover{text-decoration:none}

					.lastNews .photo{float:left; width:112px; overflow:hidden; padding:0 10px 0 0!important}

					.lastNews .info{width:310px; float:left; text-align:justify}

						.lastNews .info ul{list-style:circle; padding:0 0 5px 25px}

							.lastNews .info ul li{list-style:circle; display:list-item}

						.lastNews .info ol{list-style:decimal; padding:0 0 5px 25px}

							.lastNews .info ol li{list-style:decimal; display:list-item}

					.lastNews .lightBlue{color:#2a94c6} /*color for group content*/

					

			.news .pagging{width:440px}

			.otherNews{float:right; width: 246px; overflow:hidden; background:url(../images/bgd_other_new.gif) 0 100% no-repeat}

				.otherNewsWrap{width: 246px; overflow:hidden; background:url(../images/bgd_other_new_wrap.gif) 0 0 no-repeat}

				.otherNews h3{color:#707070; padding: 6px 0 20px 15px}

				.otherNews h4{padding:0 8px 0 15px}	

					.otherNews h4 a{color:#3898bc}

				.otherNews dl{width: 220px; overflow:hidden; padding:5px 8px 15px 15px}

					.otherNews dt a{font-size:11px; font-weight:bold; color:#969696;}

					.otherNews dt span{display:block; color:#999; font-size:11px; font-weight:normal; padding:5px 0}

					.otherNews dd{}

						.otherNews dd ul{list-style:circle; padding:0 0 5px 25px}

							.otherNews dd ul li{list-style:circle; display:list-item}

						.otherNews dd ol{list-style:decimal; padding:0 0 5px 25px}

							.otherNews dd ol li{list-style:decimal; display:list-item}

						

				.otherNews .careerList{padding:0 0 5px 10px}

						.otherNews .careerList li{padding:0 0 2px 0}

					.otherNews .careerTime{background:url(../images/ico_arrow_02.gif) 0 4px no-repeat; padding:0 0 3px 10px!important}

					

		/*promoteList*/			

		.promoteList{width:803px; overflow:hidden; padding:20px 10px; border-top:#999 solid 1px;}

		.firstP{border:none; padding:10px 10px 20px 10px}

			.promoteList .photo{width:276px; overflow:hidden; padding:0 20px 0 0; float:left}

			.promoteList .info{width:441px; overflow: hidden}

				.promoteList h4{}

				.promoteList h4 a{font-size:12px; font-weight:bold}

				.promoteList h4 span{display:block; color:#999; font-size:11px; font-weight:normal; padding:0 0 5px 0}

				.promoteList span{color:#2a94c6}

		

		/*price*/

		.priceList{width:793px; overflow:hidden; padding:10px 15px}

		.priceList .list1, .list2{float:left; width:390px; overflow:hidden; padding:0 5px 0 0}

			.priceList .list2{padding:0 0 0 5px}

			.priceList li{background:url(../images/ico_04.gif) 0 11px no-repeat ;padding:0 0 10px 15px; width:375px; overflow:hidden}

				.priceList li span{padding:6px 5px 0 0; float:left}

				.priceList .action{padding:0; width:120px; float:left}

					.priceList .action li{border-right:#0d6ef0 solid 1px; background:none; display:inline; padding:0 5px 0 0}

					.priceList .action .dowload{border:none; padding:0 0 0 5px}

						.priceList .action img{padding:0 0 0 5px}

						.priceList .action a{color:#0d6ef0}

					

		/*productInfo*/

		.productInfo{width:763px; overflow:hidden; padding:15px 30px 10px 30px}

			.productInfo .infoLeft{float:left; width:430px; overflow:hidden}

				.productInfo .infoLeft .photo{text-align:center; padding:0 0 20px 0}

					.productInfo .infoLeft .photo div{width:430px; overflow:hidden}

					.productInfo .infoLeft .photo img{padding:0 0 15px 0; }

					.productInfo .infoLeft .photo h4{color:#969696}

					.productInfo .infoLeft .photo p{padding:0!important}

					.productInfo .infoLeft .price{color:#fc0101;}

					.productInfo .infoLeft .order a{background:url(../images/ico_order.gif) 100% 0 no-repeat; color:#969696; padding:0 25px 0 10px}

					.productInfo .infoLeft li{display:inline}

						.productInfo .infoLeft li a{color:#00a1cb; /*border-right:#00a1cb solid 1px; padding:0 5px*/}

						/*.productInfo .infoLeft li .download{background:url(../images/ico_pdf.gif) 100% 0 no-repeat; padding:0 20px 10px 5px; border-right:none}*/

				.productInfo .infoLeft h3{color:#969696; padding:0 0 10px 0}

				.productInfo .infoLeft .info p{padding:0 0 5px 0!important}

					.productInfo .infoLeft .info ul{list-style:circle; padding:0 0 5px 25px}

						.productInfo .infoLeft .info ul li{list-style:circle; display:list-item}

					.productInfo .infoLeft .info ol{list-style:decimal; padding:0 0 5px 25px}

						.productInfo .infoLeft .info ol li{list-style:decimal; display:list-item}

				

				/*color*/

				.color{}

					.productInfo .infoLeft .color li{display:inline}

						.productInfo .infoLeft .photo  .color li img{width:auto; padding:0 0 8px 0;}

				

				/*model*/

				.productInfo .infoLeft .modelList{width:400px; overflow:hidden; padding:15px 0 0 30px}

					.productInfo .infoLeft .modelList li{background:url(../images/ico_dot_01.gif) 0 4px no-repeat; padding:0 0 25px 20px; display:block; clear:both}

						.productInfo .infoLeft .modelList span{float:left;color:#666; }

						.productInfo .infoLeft .modelList a{color:#ccc; float:left}

						.productInfo .infoLeft .modelList .name{width:195px; overflow:hidden; white-space:nowrap}

						.productInfo .infoLeft .modelList .price{padding:0 12px}

							.productInfo .infoLeft .modelList .price i{color:#666; font-style:normal; float:left}

							.productInfo .infoLeft .modelList .price span{color:#FF0000; width:100px; overflow:hidden; white-space:nowrap}

							

				

				/*warranty*/

				.productInfo .infoLeft .warranty{width:400px; overflow:hidden; padding:15px 0 0 30px}

					.productInfo .infoLeft .warranty li{background:url(../images/ico_dot_01.gif) 0 4px no-repeat; padding:0 0 10px 20px; display:block; clear:both}

						.productInfo .infoLeft .warranty p{padding:0}

						.productInfo .infoLeft .warranty li ul{list-style:circle; padding:0 0 5px 25px}

							.productInfo .infoLeft .warranty li ul li{list-style:circle; display:list-item}

						.productInfo .infoLeft .warranty li ol{list-style:decimal; padding:0 0 5px 25px}

							.productInfo .infoLeft .warranty li ol li{list-style:decimal; display:list-item}

				/*why*/

				.productInfo .infoLeft .why{padding:15px 0 0 30px; list-style:decimal!important}

					.productInfo .infoLeft .why li{padding:0 0 10px 0; list-style:decimal!important; display:list-item}

				

			.productInfo .infoRight{float:right; width:302px; overflow:hidden}

				.productInfo .infoRight .search{width:246px; overflow:hidden; float:right; background:url(../images/bgd_productInfo_search.gif) 0 100% no-repeat; margin:0 0 15px 0}

					.productInfo .infoRight .searchWrap{width:246px; overflow:hidden; background:url(../images/bgd_productInfo_search_wrap.gif) 0 0 no-repeat; padding:0 0 10px 0}

						.productInfo .infoRight .search h3{color:#405359; font-size:11px; font-weight:bold;  padding: 10px 0 4px 5px; margin:0 15px; border-bottom:#cdcbcc solid 1px}

						.productInfo .infoRight .frmDealer{width:272px; overflow:hidden; padding:10px 15px}

							.productInfo .infoRight input{float:left; color:#2a94c6; width:75px; overflow:hidden; padding:2px 5px; border:#bdbdbd solid 1px; margin:0}

							.productInfo .infoRight .btnGo{padding:0;}

							.productInfo .infoRight select{float:left; color:#2a94c6; width:80px; overflow:hidden; padding:1px 0 1px 5px ; border:#bdbdbd solid 1px; margin:0 5px 0 5px}

							.productInfo .infoRight .submit{margin:0}

				

		/*order*/		

		.productOrder{width:803px; overflow:hidden; padding:10px 10px 0 10px;}

			.productOrder h3{padding:0 0 15px 0}

			.productOrder p{padding:0 0 10px 0}

			.productOrder .promoteDate{color:#f80606}

			.productOrder table{border: #ccc solid 1px;}

					.productOrder th{background:#e2f5fc; color:#00a1cb; text-align:center; padding:5px 10px; border:#ccc solid 1px; border-bottom:none}

						.productOrder th A{color:#00a1cb}

					.productOrder td{padding:5px 10px; border:#ccc solid 1px; border-top:none; text-align:center; vertical-align:middle;}

					.productOrder table .info{text-align:left; vertical-align:top}

						/*define for editor*/

						.productOrder table .info ul{list-style:circle; padding:0 0 5px 20px}

							.productOrder table .info ul li{list-style:circle; display:list-item}

						.productOrder table .info ol{list-style:decimal; padding:0 0 5px 20px}

							.productOrder table .info ol li{list-style:decimal; display:list-item}

					.productOrder table .check{ width:20px}

						.productOrder table .check input{width:15px}

					.productOrder table p{padding:0 0 3px 0}

					.productOrder table input{width:45px; padding:3px 5px; border:#f0f0f0 solid 1px}			

			.productOrder .orderActions{width:803px; overflow:hidden; padding:15px 0 }

				.productOrder .orderActions .btn{float:left; padding:10px 0 0 0}

					.productOrder .orderActions .btn input{margin:0 10px 0 0}

				.productOrder .orderActions dl{float:right; width:460px; text-align:right}

					.productOrder .orderActions dt{width:310px; float:left; padding:0 0 5px 0}

					.productOrder .orderActions dd{color:#fa0303; width:150px; float:left; padding:0 0 5px 0}

			.frmOrder{width:783px; padding:10px; overflow:hidden; background:#f8f8f8; margin:0 0 20px 0}

				.frmOrder .frmOrderWrap{background:#fff; width:783px; overflow:hidden; padding:20px 0}

				.frmOrder p{width:542px; overflow:hidden; padding:0 0 5px 0}

						.frmOrder label {float:left; text-align:right; width:260px; overflow:hidden;  padding:3px 10px 0 0}

						.frmOrder input{float:left; width:250px; padding:3px 5px; border:#f0f0f0 solid 1px}

						.frmOrder select{float:left; width:262px; padding:3px 3px 3px 5px; border:#f0f0f0 solid 1px}

						.frmOrder textarea{width:250px; border:#f0f0f0 solid 1px; padding:5px}

						.frmOrder .code {width:542px; overflow:hidden; padding:0 0 5px 0; line-height:16px}

						.frmOrder .code input{width:100px; margin:0 10px 0 0;}

						.frmOrder .code div{width:100px!important; overflow:hidden; padding:0; margin:0}

						.frmOrder .code div img{padding:0; margin:0; width:100px}

						/*.frmOrder .code img{float:right}*/

						.frmOrder .request{color:#fa0303; font-size:14px; float:right; width:5px; overflow:hidden; padding:5px 0 0 5px;}

						.frmOrder .btnLeft{padding:0 0 0 265px; width:auto}	

			

			

			/*pagging*/

			.pagging{width:763px; overflow:hidden; clear:left; text-align:center}

				.pagging li{display:inline; font-weight:bold; color:#969696; padding:0 5px 0 0}

					.pagging a{color:#969696; text-decoration:none}

					.pagging a:hover{color:#029FCA;}

					

		/*contact*/	

		.contact{width:811px; overflow:hidden; padding:5px; border:#f0f0f0 solid 1px}

			.contactWrap{width:811px; height:355px; overflow:hidden; background:url(../images/bgd_contact.gif) 0 0 no-repeat;}

				.frmContact{float:left; width:340px; overflow:hidden; padding:15px 20px}

					.frmContact p{width:330px; overflow:hidden; padding:0 0 5px 0!important}

						.frmContact label{float:left; width:80px; overflow:hidden;  padding:3px 0 0 0}

						.frmContact input{float:left; width:238px/*162px*/; padding:3px 5px; border:#f0f0f0 solid 1px}

						.frmContact select{float:left; width:250px; padding:2px 5px; border:#f0f0f0 solid 1px}

						.frmContact textarea{float:left; width:238px; height:80px; padding:5px; border:#f0f0f0 solid 1px}

						.frmContact span{color:#ff0000; padding:0 0 0 5px}

					.frmContact .phone{float:left; width:190px}

					.frmContact .fax{float:right; width:140px}

						.frmContact .phone input{width:90px}

						.frmContact .fax input{width:90px; float:right; margin:0 10px 0 0}

						.frmContact .fax label{width:25px}

						.frmContact .btnRight{padding:5px 6px 0 0!important}

							.frmContact .btnRight input{float:right}

							

				.adds{float:right; width:355px; height:295px; overflow:hidden; padding:15px}

					.adds li{padding:0 0 8px 0}

					.adds .website a{color:#2a94c6}

					.adds span{}

					

		/*search agent*/			

		.searchAgent{width:550px; overflow:hidden; border:#c7c6c6 solid 1px; float:left}

			.searchAgent h3{font-size:14px; padding:0 0 15px 0}

			.searchAgent .txtIntro{padding:0 0 10px 0!important}

			.frmZipCode{float:left; background:#f8f8f8; width:506px; overflow:hidden; padding:15px 20px; margin:2px;}

				.frmZipCode p{width:350px; overflow:hidden; padding:0 0 5px 0!important}

					.searchAgent label{float:left; width:80px; overflow:hidden;  padding:3px 0 0 0}

					.searchAgent input{float:left; width:150px; padding:3px 5px; border:#f0f0f0 solid 1px}

					.searchAgent select{float:left; width:162px; padding:2px 5px; border:#f0f0f0 solid 1px}

					.searchAgent .btnRight{float:left; text-align:right; width:245px}

			.searchAgent .block2{width:550px; overflow:hidden; border-top:#c7c6c6 solid 1px; padding:20px 0 15px 0}

				.searchAgent .frmState, .searchAgent .frmRetailer{width:234px; overflow:hidden; float:left; padding:0 20px}

				.searchAgent .frmState{border-right:#dbdbdb solid 1px}

					.searchAgent .block2 p{width:234px; overflow:hidden; padding:0 0 5px 0!important}

						.searchAgent .block2  input{width:120px}

						.searchAgent .block2  select{width:132px}

						.searchAgent .block2 .btnRight{width:215px}

		.blockTip{background:url(../images/bgd_block_tip_bottom.gif) 0 100% no-repeat; width:231px; overflow:hidden; float:right}

			.blockTipWrap{background:url(../images/bgd_block_tip_top.gif) 0 0 no-repeat; width:219px; overflow:hidden; padding:0 0 0 12px}	

				.blockTip h3{padding:15px 0 20px 40px}

				.notFlip{background:url(../images/bgd_not_flip_it.gif) 0 0 no-repeat; padding:11px 20px!important; margin:0 0 0 6px}

				.tips{background:#dbf1fc; width:171px; overflow:hidden; padding:12px 18px 0 18px; margin:5px 6px 0 6px}

					.tips p{text-align:justify}

				.tipPagging{width:209px; overflow:hidden; border-top:#ccc solid 1px; padding:5px; margin:5px 0 0 0}

					.next, .prev{width:100px; float:left; padding:0!important}

					.next{float:right; text-align:right}

						.next a, .prev a {color:#4d9ee1}

						

		/*search agent result*/	

			.searchAgentResult{width:552px; overflow:hidden;}

				.searchBlock{width:550px; overflow:hidden; border:#c7c6c6 solid 1px; float:left; padding:10px 0}

					.searchBlock h3{font-size:11px; padding:0 0 10px 0}

						.searchBlock .frmLocation, .searchAgentResult .frmAgent{width:234px; overflow:hidden; float:left; padding:0 20px}

						.searchAgentResult .frmAgent{display:none}

						.searchBlock .frmLocation{width:500px}

						.searchBlock .frmProduct{width:510px; overflow:hidden; padding:0 20px}

							.searchBlock .frmProduct p{width:510px; overflow:hidden;}

								.searchBlock .frmProduct label{width:130px}

								.searchBlock .frmProduct .btnGo{padding:1px 0 0 10px}

						

							.searchAgentResult p{width:400px; overflow:hidden; padding:0 0 5px 0!important}

								.searchAgentResult label{float:left; width:80px; overflow:hidden;  padding:3px 0 0 0}

								.searchAgentResult input{float:left; width:140px; padding:3px 5px; border:#f0f0f0 solid 1px}

								.searchAgentResult select{float:left; width:252px; padding:2px 2px 2px 5px; border:#f0f0f0 solid 1px}

								.searchAgentResult .btnLeft	{padding:0 0 0 75px!important}

								

							

				.resultBlock{width:552px; overflow:hidden;}

					.resultBlock h3{padding:20px 0 15px 0}

					.agentResult{border: #ccc solid 1px; width:550px; float:right}

					.agentResult th{background:#e2f5fc; color:#969696; text-align:left; padding:5px 10px; border:#ccc solid 1px; border-bottom:none}

					.agentResult td{padding:5px 10px; border:#ccc solid 1px; border-top:none}

						.agentResult .photo{float:left; width:73px; padding:5px 0}

						.agentResult .info{float:left; padding:5px 0 5px 10px}

						.agentResult .info p{padding:0!important; width:200px}

						.agentResult .info a{color:#2a94c6;}

							.agentResult .info .more{text-align:right}

						

						.agentResult .proInfo p{font-weight:bold; color:#969696}

							.agentResult .proInfo span{color:#969696}

							.agentResult .proInfo .more a{font-weight:normal}

						.agentResult .price{color:#fc0101}

						.agentResult .order a{background:url(../images/ico_order.gif) 0 0 no-repeat; color:#969696; padding:0 0 0 25px}

						

					/*.agentResult{border-left: #ccc solid 1px; width:550px; float:right}

						.agentResult table{border:none}

						.agentResult th{background:#e2f5fc; color:#969696; text-align:left; padding:5px 10px; border:#ccc solid 1px; border-bottom:none}

						.agentResult table td{padding:5px 10px; border:#ccc solid 1px; border-top:none}

							.agentResult .photo{float:left; width:73px; padding:5px 0}

							.agentResult .info{float:left; padding:5px 0 5px 10px}

							.agentResult .info p{padding:0!important}

							.agentResult .info a{color:#2a94c6;}

								.agentResult .info .more{text-align:right}

							

							.agentResult .proInfo p{font-weight:bold; color:#969696}

								.agentResult .proInfo span{color:#969696}

								.agentResult .proInfo .more a{font-weight:normal}

							.agentResult .price{color:#fc0101}

							.agentResult .order a{background:url(../images/ico_order.gif) 0 0 no-repeat; color:#969696; padding:0 0 0 25px}*/

				

				.resultBlock .pagging{width:550px; overflow:hidden; padding:10px 0 0 0}

					.resultBlock .pagging a{font-size:12px}

							

			.handbook{float:right; width: 246px; overflow:hidden; background:url(../images/bgd_other_new.gif) 0 100% no-repeat}

				.handbookWrap{width: 216px; overflow:hidden; background:url(../images/bgd_other_new_wrap.gif) 0 0 no-repeat; padding:0 15px}

					.handbookWrap div{}

						.handbookWrap div ul{list-style:circle; padding:0 0 5px 25px}

							.handbookWrap div ul li{list-style:circle; display:list-item}

						.handbookWrap div ol{list-style:decimal; padding:0 0 5px 25px}

							.handbookWrap div ol li{list-style:decimal; display:list-item}

											.handbook h3{color:#000; padding: 6px 0 20px 15px}

					.handbook h4{}

					.handbook p{padding:0 0 5px 0!important}

					.handbook  .more{text-align:right; }

						.handbook .more a{color:#2a94c6;}	

					

		

		/*form*/

		.form{width:781px; overflow:hidden; background:#fff}

			.login, .edit, .accInfo{width:400px; overflow:hidden; margin:55px auto}

			.edit{width:480px}

			.accInfo{width:600px; margin:20px auto}

			

					.login p, .edit p, .accInfo p{width:400px; overflow:hidden; padding:0 0 5px 0!important}

					.edit p{width:480px}

					.accInfo p{width:600px}

						.login label, .edit label, .accInfo label {float:left; text-align:right; width:100px; overflow:hidden;  padding:3px 10px 0 0}

						.edit label, .accInfo label{width:180px}

						.login input, .edit input, .accInfo input{float:left; width:238px; padding:3px 5px; border:#f0f0f0 solid 1px}

						.accInfo input{width:350px}

						.accInfo .fName, .accInfo .lName{width:167px}

						.accInfo .fName{width:166px; margin-right:5px}

						.accInfo select{float:left; width:362px; padding:0 0 0 5px; border:#f0f0f0 solid 1px}

						.accInfo .gender input{width:15px; margin:4px 5px 0 0}

						.accInfo .gender  .lb{width:100px; text-align:left}

						.accInfo .code{padding:0 0 5px 190px!important}

						

					.login .phone{float:left; width:215px}

					.login .fax{float:left; width:150px; padding:0 0 5px 5px!important}

						.login .phone input{width:90px}

						.login .fax input{width:90px; float:right; margin:0 10px 0 0}

						.login .fax label{width:25px}

						

					.login .btnLeft{padding:0 0 0 105px!important}

					.edit .btnLeft{padding:0 0 0 185px!important}

					.accInfo .btnLeft{padding:0 0 0 185px!important;}

					

	/*footer*/				

	.footer{width:823px; overflow:hidden; background:#f9f9f9 url(../images/bgd_footer.gif) 0 0 repeat-x; padding:15px 0 0 0; margin:25px 0 0 0}	 

		.footer ul{width: 580px; overflow:hidden; padding:0 0 0 10px; float:left}

			.footer li{float:left; padding:0 20px 0 0}

			.footer a{color:#999}

		.footer p{color:#999; float:right; width:220px; line-height:normal; text-align:right; padding:0 10px 0 0}

			.footer span{color:#014689}

			

		/*remove searchform from header to footer*/

		.frmsearch{float:left; width:803px; overflow:hidden; clear:both; padding:15px 10px}

			.footer .frmsearch li{float:none!important; padding:0!important}

			.footer .frmsearch p{float:left; text-align:left; width:auto}

				.footer .frmsearch a{display:block; float:left; font-size:11px; color:#3898bc; font-weight:bold; margin:2px 0 0}

				.frmsearch label{font-size:14px; font-weight:bold; color:#0070a7; float:left; padding:0 10px 0 0}

				.frmsearch input{border:#d7d7d9 solid 1px; width:150px; padding:2px 5px; margin:0 5px 0 0; float:left}

				.frmsearch .btn{width:43px; height:19px; float:left; border:none; padding:0; margin:0}