﻿body,html {background:url(../images/bg_top.gif) repeat-x #fff;}
/*font style*/
.font666{ color:#666; font:12px Arial, Helvetica, sans-serif;}
.reqTitle{ padding:0px 15px; font-weight:bold;text-align:left; vertical-align:top;white-space:nowrap; color:#666; padding-top:5px;}
.fontBold{ font-weight:bold;}

/*form style*/
.inputborder{border:1px solid #ccc; background:#fff; padding-left:5px; color:#666; font:12px Arial, Helvetica, sans-serif;}

.PL10{ padding-left:10px;}






#search {background:url(../images/bg_search_input.jpg) left top no-repeat;color:#fff;}
.proInformation{ width:711px; float:left; margin-top:10px; margin-left:5px;}
.explain{ font:12px Arial, Helvetica, sans-serif; color:#000; margin:0px;}
.explain h2{ font-size:18px; line-height:40px;}
.explain h2 strong{ color:#266dba;}
.explain h2 em{ color:#5f930e;}
.explain div{ margin:10px 0px;}
.explain div img{ margin:0px 10px;}
.explain p{ height:25px; background:#f9f9f9; margin:5px 0px; line-height:25px; vertical-align:middle; padding-left:2px;}
.explain p strong{ font-weight:bold; color:#000; font-style:normal;}

/*table*/
.searchList{ /*min-height:300px;*/ clear:both; margin-top:10px;}
.searchList table a{color:#000; text-decoration:none;}
.searchList table a:hover{ color:#356fae;}
.searchList table{ width:100%; text-align:center;}
th{ height:32px;font:12px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/bg_tab_title.gif) left top repeat-x; vertical-align:middle;}
tr{ height:30px;}
.bgBlue{background:#d9e1e4;}
.PartNumber{ text-align:left; min-width:100px; overflow:hidden;}
.addCart{ text-align:right;}
table span{ color:#FF0000;}
.needNumber{ width:40px;border:1px solid #ccc; background:#f0f8fd; color:#737373;}
.searchList p{ width:100%;display: inline;}
.searchList ul{ list-style:none; margin:10px 0px; float:right;}
.searchList ul li{ display:block; padding:0px 5px; float:left; font:12px Arial, Helvetica, sans-serif;}
.searchList li a{ color:#6d6e6e; text-decoration:none;}
.searchList li a:hover{ color:#2e2e2e; text-decoration:underline;}

/*feature*/
.inputFeature{ background:url(../images/middle_inputFeature.gif) repeat-y; margin:0; padding:0; clear:both; height:auto; overflow:auto; width:711px;font:11px Arial, Helvetica, sans-serif; line-height:14px; margin-bottom:10px;}
.featureContent{ margin-top:10px;}
.inputFeature .feature{ width:159px; height:123px; float:left;margin:2px 0px; margin-left:10px; display:inline; padding:3px;}
.inputFeature ul li{list-style:none;display:block; float:left;width:auto; height:auto; margin:0px;line-height:14px;}
.inputFeature .feature div{ clear:both; margin-top:-2px;}
.inputFeature .feature div span{ display:block; float:left; font:11px Arial, Helvetica, sans-serif;}
.inputFeature .feature div span img{margin-top:28px;}
.inputFeature .featureText{ width:140px;}

.inputFeature .featureBg1{ background:url(../images/bg_inputfeature1.jpg) no-repeat; margin-left:15px;}
.inputFeature .featureBg2{ background:url(../images/bg_inputfeature2.jpg) no-repeat;}
.inputFeature .featureBg3{ background:url(../images/bg_inputfeature3.jpg) no-repeat;}
.inputFeature .featureBg4{ background:url(../images/bg_inputfeature4.jpg) no-repeat;}
.inputFeature .featureTitle{ font:14px Arial, Helvetica, sans-serif; font-weight:bold; }
.inputFeature .numeral{ font-size:37px; font-weight:bold; margin-top:30px; margin-left:5px; text-align:center;}
.inputFeature .Letters{ font-size:14px; margin-top:15px;margin-left:3px; text-align:center;}
.inputFeature .hours{ margin-left:10px;}

/*right*/
.favorList{width:178px; height:auto; float:left; background:url(../images/middle_bgfavorList.gif) left repeat-y; margin-left:10px;}
.favorList h2 {height:39px; font:14px Arial, Helvetica, sans-serif; background:url(../images/top_bgfavorList.gif) no-repeat; padding:10px 0px 0px 30px; font-weight:bold;}
.favorList a{ text-decoration:none;color:#ccc; }
.favorList h2 a:hover{ color:#fdb427;}
.favorList h2 span{ font:12px Arial, Helvetica, sans-serif; color:#ccc; padding-left:14px;}
/*.favorList ul{ width:150px; margin:0 auto; list-style:none; font:12px Arial, Helvetica, sans-serif;}*/
.favorList li{/*padding-left:5px;*/ margin:0; padding:0;display:block; height:18px;background:url(../images/line_Number.gif) bottom repeat-x; padding-bottom:10px;list-style:none; margin:5px 10px; display:block;}
.proname a{color:#fdb427; margin-right:5px;}
.proname a:hover{ text-decoration:underline;}
.proname img{ margin-right:5px;}
.proname strong{ color:#cfdcbb;}
.buttum_del{ height:18px;}
/*.favorMore{ width:140px; height:25px; background:url(../images/line_more.gif) bottom repeat-x; margin:0 auto; text-align:right; margin-bottom:10px;}*/
.favorMore a{ color:#fff; text-decoration:none;}
.favorMore a:hover{ color:#999;}

.inquiry{ font:12px Arial, Helvetica, sans-serif; color:#fff; width:140px; margin:0 auto;}
.inquiry p{ margin-bottom:8px;}
.inquiry p strong,.reqInfor strong,.placebox strong{ color:#FF0000; font-size:14px;}
.inquiryInput{ width:140px;font:12px Arial, Helvetica, sans-serif; color:#666; height:18px; margin-top:-5px;}
.inputText{ width:140px;font:12px Arial, Helvetica, sans-serif;margin-top:-5px; color:#666; height:50px;}
.buttumInq{ text-align:center;}


/*inputRe*/
.inputRe{ background:url(../images/bg_input_req.gif) top no-repeat;}
.reqContent,.reqInfor{margin:10px auto; width:860px;}
.reqContent h2{ font:22px Arial, Helvetica, sans-serif; color:#fff; padding:32px 0px;}
.requestList{ margin:0 auto; width:820px;}
.requestList table{width:100%; text-align:center; margin-bottom:20px;}
.reqID{ padding:0 10px;}

.buttumReq{ padding:10px 10px 10px 0px;}

.inputOrder{background:url(../images/bg_input_req.gif) top no-repeat;}
.orderSearch{ width:860px; text-align:center; height:180px;}
.orderSearch h3{color:#373737; margin-bottom:20px; font:15px Arial, Helvetica, sans-serif;}
.orderSearch span{ display:block; width:auto; margin:0 auto;/* margin-top:30px;*/}
.inputOrSearch{ width:213px; height:21px; border:1px solid #c1c1c1; font:12px Arial, Helvetica, sans-serif; color:#666; line-height:21px; vertical-align:middle; background:#f2f2f2; margin-top:-17px;*margin-top:-14px;}

.reqPay h2{ margin-left:20px;}
.del{ padding-top:5px; text-align:right;}
.MultiInput.shoppingInput,.shoppingText{ width:200px; height:20px; line-height:20px;}
.shoppingText{ width:595px; height:50px; text-indent:0px; padding-left:5px;}
.MultiIputMessage{ width:590px; height:50px; text-indent:0px; padding-left:5px;}


.pay{ width:682px; height:auto; background:url(../images/bgPay.gif) repeat-y; margin:0px auto; text-align:center; margin-bottom:30px;}
.pay table{ text-align:left; width:600px;margin:10px auto; color:#6b6b6b; font:12px Arial, Helvetica, sans-serif;}
.pay table tr img{ padding:15px 3px;}
.pay span{ display:block; width:620px; height:auto; margin:10px auto; background:url(../images/bg_pay.gif) top repeat-x; text-align:center; margin-top:20px;}
.next{ margin-top:30px;}


.bgReqfor{ width:827px; height:auto; background:url(../images/bg_reqfor.gif) top repeat-y; margin:0 auto;}
.reqInforlist{ width:800px; height:auto; margin:0 auto; margin-top:6px; background:#f7f7f7;}
.reqInforlist table{ width:700px; color:#666;}
.reqInforlist table span{ color:#666;}
.multiList table{ width:600px; margin:10px 0px 30px 73px;}
.reqInforlist hr{ width:735px; border:1px solid #e4e4e4;background:#e4e4e4; margin:10px auto;}
.requestFor table{ width:735px; margin:10px 0px 20px 32px; text-align:left; border:1px solid #b0aeae; border-collapse: collapse;}
.requestFor hr{ margin:0 auto; width:780px;}
.requestFor table th{ height:35px; background:#b0aeae; font-weight:bold; border:1px solid #b0aeae;padding-left:20px;}
.requestFor table tr,.requestFor table td{ border:1px solid #b0aeae; padding-left:20px;}
.reqButtm{ width:827px; height:auto; background:#e9e9e9; text-align:center;}
.multiList p{ text-align:center;}



.placebox{ width:853px; height:auto; background:url(../images/bgplace.gif) top repeat-y; margin:0 auto;}
.place table{ width:100%; color:#818181;}
/*.placePadd{ padding-left:10px;}*/
.place table img{ padding-right:5px;}
/*.inputplace{border:1px solid #b9b9b9; font:12px Arial, Helvetica, sans-serif;color:#a09e9e;}*/
.IputPlaceOrder180/*.inputplace1*/{width:180px; height:20px; line-height:20px;}
.IputPlaceOrder170{ width:170px; height:20px; background:#f6f6f6; line-height:20px;}
.placeList{ background:#f5f8fb; border:1px solid #d7e3ed; width:800px; margin:10px auto; border-collapse: collapse; text-align:left;}
.placeList td{ border-right:1px solid #d7e3ed; text-indent:10px;}
.placeList th{ text-align:left; height:30px; text-indent:10px; background:#e2eef4; font-weight:bold; color:#1467ba;} 
.IputPlaceOrder113{ width:113px; height:18px;}
.inputplace4{ width:82px;}
.placePay{ width:auto; margin-left:30px;}
.line{ width:830px; height:5px; margin:10px auto; background:url(../images/bg_line.gif) top repeat-x;}
.inputRemark/*.placeText*/{ width:640px; height:70px;margin-left:30px;}
.placeButtum{ text-align:center;color:#818181; width:370px; margin-left:160px; }
.placeButtum label{ margin-right:10px; display:block; float:left;}
.placeButtum a{ font-size:11px; color:#1467ba; text-decoration:underline;}
.placeButtum a:hover{ color:#0080ff; text-decoration:none;}
.check{ padding-top:5px;*padding-top:3px;}
.check span{ padding-left:5px;}


/*pro*/
.pro,.relevant{width:711px; height:auto; }
.proleft{float:left;text-align:center; width:260px; margin-bottom:20px; text-align:left;}
.proimg{ width:192px;height:auto; border:1px solid #dfdfdf; padding:10px;margin-bottom:10px;}
.proimg img{ display:block; margin:0 auto;}
.proleft p a img{ padding-right:5px;}
.proleft p a{ color:#90908f; text-decoration:none; display:block; text-align:center; width:192px;}
.proleft p a:hover{ color:#0079b7;}
.proright{ color:#666; text-align:left; width:445px; float:left;}
.proright table,.shipsearch table{ border:1px solid #e0e0e0;border-collapse: collapse; width:100%;}
.proright th{ background:#f7f7f7; font-weight:bold; color:#666; width:110px; padding-left:10px;}
.proright th,.proright td,.proright tr{ border:1px solid #e0e0e0; }
.proright td{ padding-left:10px;}
.proright p{ margin-top:6px; text-align:right; width:445px;}
.relevant h3{ font:14px Arial, Helvetica, sans-serif; color:#666; font-weight:bold;}
.ProductThumb{ width:711px; margin:10px auto;}
.ProductThumb ul{list-style:none;}
.ProductThumb ul li{ display:block; float:left;}
.imgsmall{ width:623px; height:146px;background:#f3f6f8;}
.imgsmall img{ padding:5px; background:#fff; border:1px solid #c7c7c7; margin:20px 15px;}

/*pay*/
.orderSearch p{ font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#666;}
.orderSearch strong{line-height:30px; padding-bottom:10px; display:block; float:left; margin-right:10px;}
.paySearch{ float:left; margin-top:5px;}
.payinput{ width:450px; overflow:auto; margin:30px auto; padding-bottom:60px;}
.reckoning{width:735px; margin:10px auto;}
.reckoning tr{ height:15px; width:100%;}
.money{ font-size:16px; font-weight:bold; color:#0c7ab5;}

.payinfor{width:100%; height:auto; background:#e3e9ed; clear:both; overflow:auto;}
.payinfor p{margin:0 15px; padding:8px;}
.paytab tr,.paytab td{ height:15px;padding:0px; }
.paytab{ margin-left:15px; width:735px; color:#666; }
.buttumpayM{ float:right; margin-right:30px;}
.payinfor hr{ clear:both; margin:0px;}
.payinfor span{ display:block; width:100%; height:25px;}
.reqButtm span{ display:block; widows:735px; text-align:center; margin-top:-8px; padding-bottom:10px;}
.payhelp{ width:800px; margin:5px auto; clear:both; height:25px;}
.payhelp a{ display:block;margin-right:10px; float:right; color:#60aa01;}
.payhelp a:hover{ color:#567c24;}
.payhelp span{ display:block; float:left;}


.prohotlist{width:705px; height:auto; clear:both;margin:20px 0px 10px 0px;}
.prohotlist div{border:1px solid #e2e2e2; background:#f9f9f9; margin:5px auto; height:auto; overflow:auto; padding:10px;}
.prohotlist ul{ list-style:none; height:auto; padding-bottom:20px; }
.prohotlist ul li{ display:block; width:136px; float:left; overflow:hidden; height:25px;}
.prohotlist ul li a{color:#7b7b7b; text-decoration:none;}
.prohotlist ul li a:hover{ color:#000; text-decoration:underline;}
.prohotlist h3{ margin:0px; padding:0px; font:14px Arial, Helvetica, sans-serif; color:#666; font-weight:bold;}

/*online*/
.online{ background:url(../images/bg_online.gif) top no-repeat;}
.step{ margin-left:15px; font-weight:bold;}
.step img{ padding-right:5px;}
.order{ margin:15px;}
.placeList strong{ color:#3670aa;}
.total{  float:right; margin-right:20px; font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
.total strong{ font-size:18px; color:#3670aa;}
.sure{ clear:both; width:100%; text-align:center; color:#ffa302;}


.orderinfor {width:735px; margin:10px 0px 20px 32px; text-align:left; font:12px Arial, Helvetica, sans-serif; color:#666;}
.orderinfor table span{ color:#666;}
.orderinfor p strong{ font-weight:bold; color:#9e2f1d;}
.orderinfor table{ width:735px; margin-top:20px ; text-align:left; border:1px solid #b0aeae; border-collapse: collapse;  background:#f9f9f9;
}
.orderinfor table tr,.orderinfor table td,.shipsearch table th,.shipsearch table td{ border:1px solid #b0aeae; padding-left:20px;height:22px;}
.reqList{width:903px; margin:0 auto;background:url(../images/bg_input_ordercut.jpg) top right no-repeat; padding-top:10px; padding-left:10px;}
.reqList h3{ font:18px Arial, Helvetica, sans-serif;color:#505050; margin-bottom:15px; margin-top:20px;}
.reqList ul{ padding-bottom:25px;}
.reqList ul li a,.reqList ul li {color:#7b7b7b; text-decoration:none;display:block; width:160px; float:left; overflow:hidden; height:25px; margin-right:20px;}
.reqList ul li a:hover{ color:#000; text-decoration:underline;}
.searchinput{ height:120px;}



/*page*/
.content_add{padding:50px; text-align:justify;	height:200px;}
.content_add img{
	margin:15px;
	border: 1px solid #CCCCCC;
}
.pageContent{ width:827px; height:250px; background:url(../images/bg_reqfor.gif) top repeat-y; margin:0 auto;}


/*product image play*/
.rollBox{width:704px;overflow:hidden; background:#f3f6f8; margin:10px 0 20px 0;} 
.rollBox .LeftBotton{float:left;} 
.rollBox .RightBotton{float:left;} 
.rollBox .Cont{width:615px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{width:156px;float:left;text-align:center; margin-top:20px; } 
.rollBox .Cont .pic Image{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} 
.rollBox .Cont .pic p{line-height:26px;color:#505050;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;} 



/*Menubox*/
.Menubox{ width:860px;color:#676767; margin-top:20px; background:url(../images/bg_linemenu.gif) bottom repeat-x; height:29px;}
.Menubox ul{ list-style:none;}
.Menubox ul li{ display:block; float:left; height:29px; background:url(../images/bg_tabmenu_left.gif) left  no-repeat;font-size:12px; font-weight:bold; padding-left:20px; margin-right:2px;}
.Menubox ul li a{ display:block; height:29px; background:url(../images/bg_tabmenu_right.gif) right no-repeat;padding-right:20px; width:auto; float:left; line-height:29px; vertical-align:middle; color:#595858; text-decoration:none;}
.Menubox li.hover{background:url(../images/bg_hover_left.gif) left  no-repeat;}
.Menubox li.hover a{background:url(../images/bg_hover_right.gif) right no-repeat; color:#0c7ab5; text-decoration:none; font-weight:bold;}
.Contentbox{ width:860px; height:auto; border:1px solid #b5b3b3; border-top:none; clear:both; overflow:auto;}
.Contentbox div{ margin:10px;color:#676767;}
.menuboxPro{ width:700px;}
.proChosse{ margin-bottom:20px;}

.shipsearch{ width:820px; height:auto; background:url(../images/bg_tabmiddle.gif) left repeat-y; text-align:center;}
.shipsearch h3{ font:14px Arial, Helvetica, sans-serif; color:#636363; width:820px; height:58px; background:url(../images/bg_tabtop.gif) no-repeat; line-height:58px; vertical-align:bottom;}
.shipsearch h3 strong{ font-weight:bold; color:#126fc5;}
.shipsearch table{ width:700px; margin:0 auto; background:#fff; text-align:left;}
.shipsearch table th{ background:none; color:#000; font-size:12px;}
.shipbuttum{ display:block; float:left; margin:5px 0px; margin-right:5px;}
.textBlue{ font-weight:bold; color:#4a8ad5;}
.word{ text-align:center; margin:20px auto;}
.shipping table{width:760px; clear:both;}


.shipping span{ display:block; float:left; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:20px;}
.shipping p{ float:right; margin-top:20px;}

.shipping table th{ height:35px; background:#b0aeae; font-weight:bold; border:1px solid #b0aeae;padding-left:10px;}

.characteristic div{ float:left; margin:20px 10px 10px 10px; padding-bottom:80px;}
.characteristic h3{ font:17px Arial, Helvetica, sans-serif; color:#0c7ab5; font-weight:bold;}
.characteristic ul{ margin-top:10px; list-style:none;}
.characteristic ul li{ display:block; background:url(../images/icon_service.gif) left no-repeat; padding-left:20px;}

/*menuboxPro*/
.menuboxPro{ width:700px;}


/*Place order confirm*/
.step2 span{ margin-right:10px; color:#818181;}
.step2 span em{ font-style:normal; margin:0px 5px;}
.step2 ul{ list-style:none;}
.step2 ul li{ background:url(../images/icon_left.gif) left center no-repeat; padding-left:10px; height:25px;}
.step2 hr{ border:1px solid #e4e4e4;background:#e4e4e4; }


.AspNetPager{ width:auto; padding-bottom:10px;}
.AspNetPager table{ width:auto; float:right;}
.AspNetPager a{ text-decoration:none; color:#666;}
.AspNetPager a:hover{color:#333;}
.AspNetPager .CurrentPageColor { font-weight: bold; color: #000;}

.modalBackground {background-color: Gray;filter:alpha(opacity=50);opacity: 0.5;}

#pay ul,#ship ul{ width:550px;height:auto; margin-left:76px; margin-top:10px; border:2px solid #d6d6d6; color:#838383; list-style:none; padding:6px 0px;}
#ship ul{ width:700px;}
#pay ul li, #ship ul li{ display:block; background:url(../images/icon_left.gif) left center no-repeat; padding:2px 0px 2px 15px; margin-left:10px;}




.value{ margin:20px auto; width:90%;}
.value h5{ font:16px Arial, Helvetica, sans-serif; color:#0c7ab5; line-height:16px;}
.value h5 img{ margin-left:10px;}
.value p{ font-size:12px; line-height:18px; color:#595959; margin:10px 0px;}
.dashedLine{ height:10px; background:url(../images/line_dashed.gif) left center repeat-x;}

.text1{color:#666;}

.OrderIformiation table{ width:780px; margin:10px auto;}
.OrderIformiation th{ background:none; border-bottom:2px solid #666; height:30px; line-height:30px; font:12px Arial, Helvetica, sans-serif; color:#666;font-weight:bold; text-align:left;}
.OrderStaProList h3{ padding-top:25px;}

/*you*/
.reqContent ul{list-style:none;}
.youdian{margin:8px;display:block; margin-top:70px;}
.youdian li{ display:block; width:auto; padding-bottom:10px; clear:both; overflow:auto; margin-bottom:20px;}
.youdian li span{ display:block; float:left; margin:5px; height:auto;}
.youtext{ width:590px;}
.youtitle{ margin-bottom:20px; font-size:14px;}

.GraceProList table{ width:680px; margin:0px;}
.GraceProList table th{ background:#d9d8d8; color:#666;border:1px solid #d9d8d8;}
.GraceProList table tr,.GraceProList table td{border:1px solid #d9d8d8; color:#666;}
.GraceProList table a{color:#666; text-decoration:none;}
.GraceProList table a:hover{ color:#000; text-decoration:underline;}

.pdfstyle{ margin-top:10px;}
.pdfstyle h4{ font:16px Arial, Helvetica, sans-serif; color:#666; margin-left:20px; margin-top:30px; font-weight:bold;}
.pdfstyle table{ margin:0px; margin-left:20px; margin-top:20px;}

.liuyan{ width:827px; height:auto; padding-top:10px; background:url(../images/bg_input_ordercut.jpg) top right no-repeat;}
.liuyan table{ margin:0 auto;}
.liuyan table strong{color:#FF0000;}
.liuyan h3{ margin-top:30px; text-indent:15px;font:18px Arial, Helvetica, sans-serif;color:#505050; margin-bottom:15px; }

.Jons{ display:block; margin:25px auto; height:50px;}
.Jons span{ font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#1587c6;}/*未找到的产品名*/


.textThank{ font-size:12px; font-weight:bold; width:95%; margin:30px auto; color:#666;}

.inputHotPro ul li{ display:block; float:left; margin:8px; width:125px; height:22px; overflow:hidden;}
.inputHotPro ul li a{ font:12px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
.inputHotPro ul li a:hover{ color:#000; text-decoration:underline;}

#AspNetPager1 table{ border:none;}

#AspNetPager1 table tr,#AspNetPager1 table td{ border:none;}

/*1.5*/
.order500{ width:690px;}
.15placelist{ width:600px;}


/*12-11*/


.requestForUser {width:100%; border:1px solid white;}
.requestForUser table{ width:670px; margin:10px auto; text-align:left; border:1px solid #b0aeae; border-collapse: collapse;}
.requestForUser hr{ margin:0 auto; width:780px;}
.requestForUser table th{ height:35px; background:#b0aeae; font-weight:bold; border:1px solid #b0aeae;padding-left:20px;}
.requestForUser table tr,.requestForUser table td{ border:1px solid #b0aeae; padding-left:20px;}




