/*通用页面布局样式*/
* { margin:0; padding:0; }
html,body { margin:0px; padding:0px; background:#FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, "宋体"; text-align:center; color:#333333; }
body { font-size:10px; }
img { border:none; }
div, p { text-align:left; margin:0; padding:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *height:1%; }
.channel { width:980px; margin:0 auto; }
.lft { float:left; }
.rht { float:right; }
input.text,textarea.text { border:1px solid #CCCCCC; vertical-align:middle; }
a { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }
a.thumb { width:14px; height:14px; display:block; overflow:hidden; background:url(viewIMG.gif) no-repeat -4px 0px; }
/** header **/
#header { height:127px !important; height:122px; overflow:hidden; }
#logo { float:left; }
#logo a { width:332px; height:122px; display:block; text-indent:-99999px; overflow:hidden; margin-top:10px !important; margin-top:0px; background:url(logo.gif) no-repeat 0 0; }
#top { text-align:right; font-size:1.2em; position:relative; margin-bottom:8px; height:20px; }
#top div { display:inline; margin:0; padding:0; }
#top label { color:#6D90B0; }
#top label input { background:#EDF5FB; border:1px solid #6D90B0; width:80px; height:13px; vertical-align:middle; }
#top .submit { border:none; background:url(icon.png) no-repeat left top; _background-image:url(icon_ie6.png); width:50px; height:15px; }
#top a { color:#6D90B0; line-height:22px; text-decoration:none; }
#top a:hover { color:#FF0000; text-decoration:underline; }
#top a.cart { background:url(icon.png) no-repeat -423px 0px; _background-image:url(icon_ie6.png); padding-left:16px; *background-position:-423px -2px; }
#top a.register { background:url(icon.png) no-repeat -425px -150px; _background-image:url(icon_ie6.png); padding-left:16px; *background-position:-425px -152px; }
#top a.help { background:url(icon.png) no-repeat -423px -540px; _background-image:url(icon_ie6.png); padding-left:16px; *background-position:-423px -542px; }
#top a.zhCN { background:url(icon.png) no-repeat 0px -103px; _background-image:url(icon_ie6.png); height:20px; line-height:20px; padding:5px 5px 5px 40px; }
#top a.enUS { background:url(icon.png) no-repeat 0px -164px; _background-image:url(icon_ie6.png); height:20px; line-height:20px; padding:5px 5px 5px 40px; }
#banner { text-align:right; }
/** nav **/
#nav { list-style:none; width:980px; height:30px; overflow:hidden; display:block; margin:10px auto 0 auto; }
#nav li { float:left; height:30px; line-height:30px; font-size:1.3em; font-weight:900; width:134px; text-align:center; border-right:1px solid #FFFFFF; }
#nav li a { color:#FFFFFF; text-decoration:none; display:block; background:url(navbg.gif) repeat-x; }
#nav li a:hover { background:url(navbg.gif) repeat-x left bottom; }
#nav li.partner { width:169px; }
/** newlytabs **/
#newlytabs { width:978px; height:210px; border:1px solid #FF5D03; overflow:hidden; margin:10px auto; font-size:1.2em; background:#FFF6EF; }
#newlytabs ul { list-style:none; margin:0; padding:0; }
#newlytabs ul.tab li { float:left; width:195px; height:30px; line-height:30px; }
#newlytabs ul.tab li a { display:block; background:#FFE6D2; border-right:1px solid #FFC293; border-bottom:1px solid #FFC293; color:#FF3300; font-weight:900; text-decoration:none; text-align:center; }
#newlytabs ul.tab li a:hover { background:#FFF6EF; }
#newlytabs ul.tab li a.current { background:#FFF6EF; border-bottom:1px solid #FFF6EF; }
#newlytabs .list { margin:0; padding:0; }
#newlytabs .list td { width:120px; height:160px; padding:10px 15px; text-align:center; line-height:22px; vertical-align:top; overflow:hidden; }
#newlytabs .list .thumbnail { width:120px; height:90px; display:block; }
#newlytabs .list td img { width:120px; height:90px; }
#newlytabs .list td strong { clear:both; display:block; line-height:18px; height:36px; overflow:hidden; }
#newlytabs .list td em { font-style:normal; clear:both; display:block; line-height:18px; height:18px; overflow:hidden; }
#newlytabs .list td strong a, #newlytabs .list td em a { text-decoration:none; color:#FF3300; }
#newlytabs .list td strong a:hover, #newlytabs .list td em a:hover { text-decoration:underline; }
/** catalog **/
div#catalog { float:left; width:218px; font-size:1.2em; padding-top:12px; background:url(icon.png) no-repeat 0px -852px; _background-image:url(icon_ie6.png); color:#FFFFFF; overflow:hidden; }
div#catalog div { background: url(catalogBg.png) repeat-x; overflow: hidden; }
div#catalog div.collapsed { height: 29px; }
div#catalog div span { display:block; padding:7px 25px; font-weight:bold; color:white; background:url(expanded.gif) no-repeat 10px center; cursor:default; border-bottom:1px solid #ddd; overflow:hidden; white-space:nowrap; }
div#catalog div.collapsed span { background-image: url(collapsed.gif); }
div#catalog div a { padding: 5px 10px; background: #eee; display: block; border-bottom: 1px solid #ddd; color: #066; }
div#catalog div a.current { background : #ccc; }
div#catalog div a:hover { background : #066 url(linkarrow.gif) no-repeat right center; color: #fff; text-decoration: none; }
div#catalog .bottom { background:url(icon.png) no-repeat right bottom; display:block; height:19px; overflow:hidden; _background-image:url(icon_ie6.png); }
/** search **/
#search { border:1px solid #CCCCCC; width:520px; float:left; margin:0 10px; border-top:none; background:url(serarch.gif) no-repeat 390px 40px; }
#search caption { font-size:1.4em; background:#F7F7F7; border:1px solid #CCCCCC; height:29px; line-height:29px; padding:0 10px; font-weight:900; text-align:left; }
#search th { height:30px; line-height:30px; padding:0px 5px; font-size:1.2em; text-align:right; width:150px; }
#search td { font-size:1.2em; }
#search select { width:280px; }
#search input.button { background:url(icon.png) no-repeat 0px -22px; width:156px; height:23px; text-align:center; border:none; }
#search input.hover { background-position:0px -47px; cursor:pointer; }
/** newlynews **/
#newlynews { margin:10px 0px 0px 0px; width:218px; border:1px solid #FF5D03; }
#newlynews h2 { background:url(titleBg.gif) repeat-x; padding-left:10px; height:28px; line-height:28px; font-size:1.4em; font-weight:900; }
#newlynews h2 a { color:#FFFFFF; text-decoration:none; }
#newlynews ul { width:218px; height:92px; overflow:hidden; list-style:none; padding:0; margin:0; }
#newlynews li { margin:0; #margin-left:-14px; padding:3px 0px; width:218px; height:20px; line-height:20px; font-size:1.2em; overflow:hidden; display:block; background:url(h_line_bg.gif) repeat-x left bottom; }
#newlynews li a { background:url(icon.png) no-repeat -415px -570px; _background:url(icon_ie6.png) no-repeat -415px -568px; padding-left:16px; white-space:nowrap; display:block; overflow:hidden; text-decoration:none; color:#000000; }
#newlynews li a:hover { text-decoration:underline; }
/** partner **/
#partner { margin:0 auto 10px auto; width:978px; border:1px solid #FF5D03; border-top:none; list-style:none; }
#partner li { float:left; width:150px; height:60px; line-height:60px; padding:0px; text-align:center; display:block; }
#partner li img { width:120px; height:48px; }
/** manufacturer **/
#manufacturer { float:left; margin:10px 0 0 10px; width:750px; border:1px solid #FF5D03; }
#manufacturer dt { background:url(titleBg.gif) repeat-x; padding-left:10px; height:28px; line-height:28px; font-size:1.4em; font-weight:900; color:#FFFFFF; }
#manufacturer dd { float:left; width:130px; height:100px; padding:10px; text-align:center; }
#manufacturer dd img { width:120px; height:90px; }
#manufacturer dd strong { width:100%; padding:5px 0; height:30px; line-height:18px; display:block; font-size:1.2em; overflow:hidden; }
#manufacturer dd strong a { text-decoration:none; }
/** searchBar **/
#searchBar { margin-bottom:10px; width:857px; padding-left:121px; border:1px solid #FA9150; background:#FFF6EF url(icon.png) no-repeat -315px -802px; height:30px; padding-top:5px; font-size:1.2em; }
#searchBar select { vertical-align:middle; }
#searchBar input.button { border:none; background:url(icon.png) no-repeat -170px -1px; width:41px; height:18px; }
#searchBar a { margin-left:8px; color:#FF0000; text-decoration:none; }
#searchBar a:hover { text-decoration:underline; }
h2.catalogTitle { font-size:1.4em; font-weight:900; color:#FF9C00; background:url(icon.png) no-repeat -415px -418px; _background-image:url(icon_ie6.png); padding-left:22px; line-height:24px; margin-bottom:8px; }
/** navigator **/
#navigator { float:left; margin:10px 0 0 10px; width:752px; background:url(h_line_bg.gif) repeat-x left bottom; padding-bottom:5px; margin-bottom:10px; }
#navigator .title { font-size:1.4em; float:left; background:url(icon.png) no-repeat -419px -501px; _background-image:url(icon_ie6.png); line-height:22px; padding-left:22px; }
#navigator p { float:right; background:url(icon.png) no-repeat -422px -182px; _background-image:url(icon_ie6.png); padding-left:20px; line-height:22px; font-size:1.2em; }
/** goodsContact **/
#goodsContact { border:1px solid #FFC5A8; width:216px; }
#goodsContact h2 { font-size:1.2em; }
#goodsContact strong { display:block; font-size:1.2em; padding:0px 8px; font-weight:normal; line-height:22px; }
/** goodsDetailList **/
#goodsDetailList { float:right; width:752px; }
#goodsDetailList dt { float:left; width:400px; height:300px; background:#EEEEEE; border:1px solid #CCCCCC; padding:10px; display:block; overflow:hidden; }
#goodsDetailList dt img { width:400px; height:300px; }
#goodsDetailList dd { float:right; clear:right; font-size:1.2em; line-height:28px; text-align:left; width:320px; background:url(h_line_bg.gif) repeat-x left bottom; }
#goodsDetailList dd span { line-height:28px; padding-left:22px; background:url(icon.png) no-repeat -410px -570px; _background-image:url(icon_ie6.png); font-weight:900; margin-right:10px; }
/** goodsDetailList **/
dl.goodsDetailList { float:right; width:752px; background:url(h_line_bg.gif) repeat-x left bottom; padding-bottom:10px; margin-top:10px; }
dl.goodsDetailList dt { float:left; width:400px; height:300px; background:#EEEEEE; border:1px solid #CCCCCC; padding:10px; display:block; overflow:hidden; }
dl.goodsDetailList dt img { width:400px; height:300px; }
dl.goodsDetailList dd { float:right; clear:right; font-size:1.2em; line-height:28px; text-align:left; width:320px; background:url(h_line_bg.gif) repeat-x left bottom; }
dl.goodsDetailList dd span { line-height:28px; padding-left:22px; background:url(icon.png) no-repeat -410px -570px; _background-image:url(icon_ie6.png); font-weight:900; margin-right:10px; }
#leftPanel { width:218px; }
#leftPanel dt { height:28px; line-height:28px; background:url(titleBg.gif) repeat-x; color:#FFFFFF; font-size:1.4em; padding-left:22px; margin-bottom:10px; font-weight:900; }
#leftPanel dd { margin-bottom:3px; }
#leftPanel dd a { padding-left:25px; font-size:1.2em; border:1px solid #DC7942; background:#FFF7EB url(icon.png) no-repeat -420px -253px; _background-image:url(icon_ie6.png); display:block; height:25px; line-height:25px; color:#000000; text-decoration:none; }
#leftPanel dd a:hover { background-color:#FFE8BE; color:#DC0005; border:1px solid #FF8F27; }
#content { float:right; width:732px; padding:10px; line-height:200%; text-align:center; }
#content h5{ color:#f60; text-align:center; }
#content p{ text-align:left; margin:0; padding:0; font-size:1.2em; }
#contact_fiel{ border:1px solid #ccc; padding:8px; width:80%; }
#contact_fiel legend{ font-weight:bold; color:#f30; font-size:1.2em; }
#contact_fiel th { text-align:center; font-size:1.2em; height:28px; line-height:28px; }
#contact_fiel td{ text-align:left; padding:4px; font-size:1.2em; } 
/** passport **/
#passport { border:1px solid #DDD; float:right; width:730px; padding:10px; line-height:200%; font-size:1.2em; }
#passport dt { background:url(tablethbg.gif) repeat-x; height:27px; line-height:27px; text-align:left; padding:0 5px; font-weight:900; }
#passport dd { border-top:1px solid #DDD; height:30px; line-height:30px; padding:0 5px; }
#passport dd label { text-align:right; padding-right:10px; width:150px; float:left; }
#passport dd label u { color:#FF0000; text-decoration:none; }
#passport dd input.text { width:220px; }
#passport dd textarea.text { width:380px; height:40px; }
#passport input.button { background:url(icon.png) no-repeat 0px -22px; width:156px; height:23px; text-align:center; border:none; }
#passport input.hover { background-position:0px -47px; cursor:pointer; }
/** orderlist **/
#orderlist { background:#FFFFFF; border:1px solid #FF8F27; width:980px; font-size:1.2em; }
#orderlist th { height:24px; line-height:24px; background:url(thbg.gif) repeat-x; padding:0 5px; }
#orderlist td { background:#FFFFFF; padding:3px 5px; background:url(h_line_bg.gif) repeat-x left bottom; }
#orderlist td .text { width:48px; }
#orderlist dl { margin:0; padding:0; line-height:180%; }
#orderlist dt { font-weight:900; }
#orderlist dd { color:#999; }
#orderbutton a.button { background:url(icon.png) no-repeat 0px -22px; width:156px; height:23px; line-height:23px; display:block; font-size:1.2em; text-align:center; border:none; float:left; margin-right:8px; }
#orderbutton a.button:hover { background-position:0px -47px; cursor:pointer; text-decoration:none; }
/** orderhistory **/
#orderhistory { background:#FFFFFF; border:1px solid #FF8F27; width:750px; float:right; font-size:1.2em; }
#orderhistory th { height:24px; line-height:24px; background:url(thbg.gif) repeat-x; padding:0 5px; }
#orderhistory td { background:#FFFFFF; padding:3px 5px; background:url(h_line_bg.gif) repeat-x left bottom; text-align:center; }
/** Pager **/
div.Pager { width:752px; float:right; font-size:1.2em; margin-top:10px; text-align:right; }
.Pager input.text { vertical-align:middle; }
.Pager input.go { width:23px; height:20px; overflow:hidden; text-indent:-99999px; background:url(go.gif) no-repeat; border:none; ie:expression(this.value=""); vertical-align:middle; margin-left:2px; }
/** footer **/
#footer { border-top:1px solid #CCCCCC; font-size:1.2em; line-height:22px; margin-top:10px; }
#footer p { text-align:center; }