@charset "utf-8"; /* CSS Document */ /* Global Setting */ body{font:"微软雅黑",Verdana, Arial, Helvetica, sans-serif;margin:0; padding:0;text-align: center; font-size:12px; color:#666;} table{border-collapse:collapse;} ul,li,dd,dl,dt{margin:0; padding:0; list-style:none;} img{border:0;} a{text-decoration:none; border:0; color:#666;} a:hover{color:#0E5FD8;} #wrapper {width: 940px;margin:0 auto;} h1,h2,h3,h4{margin:0;padding:0; font-weight:normal; font-size:14px;} font{ font-size:12px; font-weight:normal;} em{ font-size:12px; font-style:normal;} /*Page Layout Elements*/ /*Page Head*/ #headerDiv{} #headerDiv #topBar{ height:25px;padding-top:10px; background:url(/images/bg_topBar500x35.gif) top right no-repeat;} #headerDiv #topBar #welcomeMsg{float:left;padding-left:10px;padding-top:2px; padding-right:20px; line-height:20px; color:#0C5FD8;} #headerDiv #topBar ul#login{width:150px; float:left;padding-top:2px;line-height:20px;} #headerDiv #topBar ul#login li{float:left; padding:0 2px;} #headerDiv #topBar ul#linkMenu{width:310px; float:right; padding-right:10px;padding-top:3px;} #headerDiv #topBar ul#linkMenu li{ display:block; float:left;padding-left:20px; padding-right:15px;line-height:20px;} #headerDiv #topBar ul#linkMenu li a{padding:0 0.5em;} #headerDiv .navBar{ height:45px; width:940px; background:url(/images/common/bg_mainNav940x45.gif) no-repeat;} #headerDiv ul#mainNav{ width:920px;float:left; padding:0 20px;} #headerDiv ul#mainNav li{float:left; padding:0 0.5em; position:relative;} #headerDiv ul#mainNav li .tag{position:absolute; top:2px; right:5px; width:15px; height:15px; z-index:10;} #headerDiv ul#mainNav a{ height:35px; display:block;} #headerDiv ul#mainNav a:hover{ cursor:pointer;} #headerDiv ul#mainNav a.current{ cursor:default;} #headerDiv ul#mainNav a span{display:none;} #headerDiv ul#mainNav a#navItem1{width:100px; background:url(/images/common/mainNavItems.jpg) scroll 0 -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem1{ background:url(/images/common/mainNavItems.jpg) scroll 0 -91px no-repeat;} #headerDiv ul#mainNav a#navItem1.current{ background:url(/images/common/mainNavItems.jpg) scroll 0 1px no-repeat;} #headerDiv ul#mainNav a#navItem2{width:100px; background:url(/images/common/mainNavItems.jpg) scroll -100px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem2{ background:url(/images/common/mainNavItems.jpg) scroll -100px -91px no-repeat;} #headerDiv ul#mainNav a#navItem2.current{ background:url(/images/common/mainNavItems.jpg) scroll -100px 1px no-repeat;} #headerDiv ul#mainNav a#navItem3{width:90px; background:url(/images/common/mainNavItems.jpg) scroll -200px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem3{ background:url(/images/common/mainNavItems.jpg) scroll -200px -91px no-repeat;} #headerDiv ul#mainNav a#navItem3.current{ background:url(/images/common/mainNavItems.jpg) scroll -200px 1px no-repeat;} #headerDiv ul#mainNav a#navItem4{width:80px; background:url(/images/common/mainNavItems.jpg) scroll -290px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem4{ background:url(/images/common/mainNavItems.jpg) scroll -290px -91px no-repeat;} #headerDiv ul#mainNav a#navItem4.current{ background:url(/images/common/mainNavItems.jpg) scroll -290px 1px no-repeat;} #headerDiv ul#mainNav a#navItem5{width:90px; background:url(/images/common/mainNavItems.jpg) scroll -370px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem5{ background:url(/images/common/mainNavItems.jpg) scroll -370px -91px no-repeat;} #headerDiv ul#mainNav a#navItem5.current{ background:url(/images/common/mainNavItems.jpg) scroll -370px 1px no-repeat;} #headerDiv ul#mainNav a#navItem6{width:76px; background:url(/images/common/mainNavItems.jpg) scroll -460px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem6{ background:url(/images/common/mainNavItems.jpg) scroll -460px -91px no-repeat;} #headerDiv ul#mainNav a#navItem6.current{ background:url(/images/common/mainNavItems.jpg) scroll -460px 1px no-repeat;} #headerDiv ul#mainNav a#navItem7{width:120px; background:url(/images/common/mainNavItems.jpg) scroll -610px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem7{ background:url(/images/common/mainNavItems.jpg) scroll -610px -91px no-repeat;} #headerDiv ul#mainNav a#navItem7.current{ background:url(/images/common/mainNavItems.jpg) scroll -610px 1px no-repeat;} #headerDiv ul#mainNav a#navItem8{width:120px; background:url(/images/common/mainNavItems.jpg) scroll -770px -43px no-repeat;} #headerDiv ul#mainNav a:hover#navItem8{ background:url(/images/common/mainNavItems.jpg) scroll -770px -91px no-repeat;} #headerDiv ul#mainNav a#navItem8.current{ background:url(/images/common/mainNavItems.jpg) scroll -770px 1px no-repeat;} /*Page Body*/ #bodyDiv{width:100%;} .containerHeader{ background:url(/images/common/bg_containerHeader_940x10.gif) bottom no-repeat;height:10px; } .containerBody{ background:url(/images/common/bg_containerBody_940x1.gif) repeat-y; padding:0 14px;} .containerFooter{ background:url(/images/common/bg_containerFooter_940x10.gif) no-repeat;} .containerWithSideNav{} .navPath{text-align:left; padding:5px 0 0 5px; margin-bottom:5px;} .navPath li{display:inline;} #sideContainer{width:195px; height:780px; float:left; background:url(/images/common/bg_containWithSideNav20x760.gif) no-repeat right top; padding:0 10px 0 10px;} #sideContainer ul#navDiv{margin-top:20px; text-align:left; width:180px;} #sideContainer ul#navDiv li{line-height:24px;} #sideContainer ul#navDiv li ul{margin-left:10px;} ul#navDiv li.lv1{ border-top:1px solid #CCC; padding:8px 0;} ul#navDiv li.lv1 a{padding-left:30px; display:block;} ul#navDiv li.lv2{ padding:2px 0;} ul#navDiv li.lv2 a{padding-left:40px;} ul#navDiv li.lv3{ padding:2px 0;} ul#navDiv li.lv3 a{padding-left:50px;} ul#navDiv li.current a{ color:#06C;} ul#navDiv a#catItemAll{background:url(/images/navMenu/menue-icon-0.gif) no-repeat;} ul#navDiv a#catItemAll:hover{ background:url(/images/navMenu/menue-icon-0-active.gif) no-repeat;} ul#navDiv li.current a#catItemAll{background:url(/images/navMenu/menue-icon-0-active.gif) no-repeat;} ul#navDiv a#catItemRecommend{ background:url(/images/navMenu/menue-icon-1.gif) no-repeat;} ul#navDiv a#catItemRecommend:hover{ background:url(/images/navMenu/menue-icon-1-active.gif) no-repeat;} ul#navDiv li.current a#catItemRecommend{background:url(/images/navMenu/menue-icon-1-active.gif) no-repeat;} ul#navDiv a#catItem1{ background:url(/images/navMenu/menue-icon-2.gif) no-repeat;}/*落地灯*/ ul#navDiv a#catItem1:hover{ background:url(/images/navMenu/menue-icon-2-active.gif) no-repeat;} ul#navDiv li.current a#catItem1{background:url(/images/navMenu/menue-icon-2-active.gif) no-repeat;} ul#navDiv a#catItem2{ background:url(/images/navMenu/menue-icon-3.gif) no-repeat;}/*台灯*/ ul#navDiv a#catItem2:hover{ background:url(/images/navMenu/menue-icon-3-active.gif) no-repeat;} ul#navDiv li.current a#catItem2{background:url(/images/navMenu/menue-icon-3-active.gif) no-repeat;} ul#navDiv a#catItem8{ background:url(/images/navMenu/menue-icon-4.gif) no-repeat;}/*镜前灯*/ ul#navDiv a#catItem8:hover{ background:url(/images/navMenu/menue-icon-4-active.gif) no-repeat;} ul#navDiv li.current a#catItem8{background:url(/images/navMenu/menue-icon-4-active.gif) no-repeat;} ul#navDiv a#catItem9{ background:url(/images/navMenu/menue-icon-5.gif) no-repeat;}/*LED*/ ul#navDiv a#catItem9:hover{ background:url(/images/navMenu/menue-icon-5-active.gif) no-repeat;} ul#navDiv li.current a#catItem9{background:url(/images/navMenu/menue-icon-5-active.gif) no-repeat;} ul#navDiv a#catItem10{ background:url(/images/navMenu/menue-icon-6.gif) no-repeat;}/*壁灯*/ ul#navDiv a#catItem10:hover{ background:url(/images/navMenu/menue-icon-6-active.gif) no-repeat;} ul#navDiv li.current a#catItem10{background:url(/images/navMenu/menue-icon-6-active.gif) no-repeat;} ul#navDiv a#catItem11{ background:url(/images/navMenu/menue-icon-7.gif) no-repeat;}/*射灯*/ ul#navDiv a#catItem11:hover{ background:url(/images/navMenu/menue-icon-7-active.gif) no-repeat;} ul#navDiv li.current a#catItem11{background:url(/images/navMenu/menue-icon-7-active.gif) no-repeat;} ul#navDiv a#catItem12{ background:url(/images/navMenu/menue-icon-8.gif) no-repeat;}/*吸顶灯*/ ul#navDiv a#catItem12:hover{ background:url(/images/navMenu/menue-icon-8-active.gif) no-repeat;} ul#navDiv li.current a#catItem12{background:url(/images/navMenu/menue-icon-8-active.gif) no-repeat;} ul#navDiv a#catItem13{ background:url(/images/navMenu/menue-icon-9.gif) no-repeat;} /*支架灯*/ ul#navDiv a#catItem13:hover{ background:url(/images/navMenu/menue-icon-9-active.gif) no-repeat;} ul#navDiv li.current a#catItem13{background:url(/images/navMenu/menue-icon-9-active.gif) no-repeat;} ul#navDiv a#catItem14{ background:url(/images/navMenu/menue-icon-10.gif) no-repeat;}/*吊灯*/ ul#navDiv a#catItem14:hover{ background:url(/images/navMenu/menue-icon-10-active.gif) no-repeat;} ul#navDiv li.current a#catItem14{background:url(/images/navMenu/menue-icon-10-active.gif) no-repeat;} ul#navDiv a#catItem15{ background:url(/images/navMenu/menue-icon-11.gif) no-repeat;}/*随心E镜*/ ul#navDiv a#catItem15:hover{ background:url(/images/navMenu/menue-icon-11-active.gif) no-repeat;} ul#navDiv li.current a#catItem15{background:url(/images/navMenu/menue-icon-11-active.gif) no-repeat;} ul#navDiv a#catItem7{ background:url(/images/navMenu/menue-icon-12.gif) no-repeat;}/*桌灯*/ ul#navDiv a#catItem7:hover{ background:url(/images/navMenu/menue-icon-12-active.gif) no-repeat;} ul#navDiv li.current a#catItem7{background:url(/images/navMenu/menue-icon-12-active.gif) no-repeat;} ul#navDiv a#catItem16{ background:url(/images/navMenu/menue-icon-13.gif) no-repeat;}/*其他*/ ul#navDiv a#catItem16:hover{ background:url(/images/navMenu/menue-icon-13-active.gif) no-repeat;} ul#navDiv li.current a#catItem16{background:url(/images/navMenu/menue-icon-13-active.gif) no-repeat;} #sideContainerMemberCenter{width:185px; height:400px; float:left; padding:0 10px 0 5px; background:url(/images/common/bg_memberCenter15x385.gif) right top no-repeat;} #mainContainer{width:695px; float:left; margin-bottom:20px;} #mainContainer .lstTopBar{background:url(/images/common/bg_lstPageSortBar695x40.gif) left top no-repeat;padding-right:10px;padding-top:5px; float:left;width:685px; height:38px;} #mainContainer #productLstPanel{width:99%;float:left;} #mainContainer #productLstPanel dl{padding:10px 23px;width:182px; height:240px;} #mainContainerMemberCenter{width:695px; float:left; margin-bottom:20px; padding-left:10px;} .oneColContainer{width:99%; float:left;padding:10px 0 10px 0px;} /*Home Page*/ .homeKv{width:910px; height:250px; border:1px solid #CCC;background:#FFF;} .vSep{width:910px; height:15px; background:url(/images/common/bg_horizontalSep940x10.gif) no-repeat bottom;} .vSep_red{width:910px; height:15px; background:url(/images/common/bg_Sep910x15_red.gif) no-repeat bottom;} ul#searchBar{width:220px;float:right;padding:10px 0 0 0;} ul#searchBar li{float:left; line-height:22px;} .h_leftPart{float:left; width:660px;} .h_leftPart .searchPanel{width:530px;height:37px;padding:18px 0 0 130px; background:url(/images/home/bg_search630x55.jjpg.jpg) no-repeat center; float:left;} .h_leftPart .searchPanel li{ float:left; text-align:left;} .h_leftPart .searchPanel .colPrice{width:auto;padding-right:10px;} .h_leftPart .searchPanel .colCategory{width:auto;padding-right:10px;} .h_leftPart .searchPanel .colSerial{width:auto;padding-right:10px;} .h_leftPart .searchPanel .colStyle{width:auto;padding-right:10px;} .h_leftPart .searchPanel .colSearch{width:160px;padding-left:5px;display:block; background:url(/images/common/bg_searchBar155x22.gif) no-repeat left top;} .h_leftPart .searchPanel .colSearch input{float:left; border:none; height:20px; line-height:22px; background:none;} .h_leftPart .searchPanel .colSearch a{display:block; width:50px; height:22px;float:left; cursor:pointer;} .h_rightPart{float:left; width:250px;} #productCategoryPanel{width:910px; height:140px; padding:30px 0 0 0;background:url(/images/home/bg_productCategoryPanel_910x170.gif) no-repeat; float:left;} #productCategoryPanel #productCategoryLst{padding:5px 5px 5px 15px; float:left;} #productCategoryPanel #productCategoryLst a{display:block;width:110px; background:url(/images/home/bg_categoryItem.gif) scroll -3px -8px no-repeat; padding:10px 0 0 0;} #productCategoryPanel #productCategoryLst a span{ color:#0C5FD8; display:block; padding-top:12px;} #productCategoryPanel #productCategoryLst a:hover{background:url(/images/home/bg_categoryItem.gif) scroll -110px -114px no-repeat;} #productCategoryPanel #productCategoryLst a:hover span{ color:#F60;} #shopMsgBoard{width:250px; height:142px; margin-top:10px;padding:2px 0 20px 0px;background:url(/images/home/bg_msgBoard250x160.jpg) no-repeat right top; float:left;} #shopMsgBoard #currentDate{ text-align:right;padding-right:5px; color:#0C5FD8; line-height:20px;} #shopMsgBoard #boardContent{height:120px; overflow:hidden;padding:10px; text-align:left;} .pickedPanel{ background:url(/images/common/bg_panel330x390.jpg) no-repeat; height:360px; width:290px; float:left; padding:15px 20px;} .pickedPanel dl{width:290px; display:block; height:92px;padding:5px 0; text-align:left; overflow:hidden;} .pickedPanel dt{float:left; width:180px; line-height:20px; height:40px; overflow:hidden; color:#0066ff; font-weight:bold;} .pickedPanel dd{float:left;} .pickedPanel dd.category{width:180px;} .pickedPanel dd.price{width:180px;color:#F60;} .pickedPanel dd.img{width:90px; height:90px; float:left;padding-right:5px;} .pickedPanel dd.img a{ display:block; width:90px; height:90px; border:1px solid #CCC;} .hotSaleTitle{background:url(/images/common/bg_titles_150x36.png) no-repeat scroll 0 -180px;width:290px; line-height:24px; margin-bottom:10px;text-align:right;} .newProductTitle{background:url(/images/common/bg_titles_150x36.png) no-repeat scroll 0 -216px;width:290px; line-height:24px; margin-bottom:10px;text-align:right;} .pickedPanel .sepV{border-bottom:1px dotted #CCC; height:2px;} /*Page Footer*/ .h_R_V_PicPanel{width:250px; float:left;}/*Home Page Right Side Vertial Panel*/ .h_R_V_PicPanel li{padding-top:5px;} .h_M_H_PicPanel{width:910px; height:150px;margin-bottom:15px; margin-top:15px;}/*Home Page Mid Horizontal Panel*/ .h_M_H_PicPanel li{width:300px; height:150px;border:1px solid #CCC; float:left;} .h_B_H_PicPanel{width:100%; height:130px;}/*Home Page Bottom Horizontal Panel*/ /*Product List*/ #productSearchPanel{width:550px;height:40px;padding:20px 0 0 110px; background:url(/images/common/bg_productSearchBar660x60.jpg) no-repeat center; float:left; margin:10px 0 10px 10px;} #productSearchPanel li{height:22px; padding:0 2px; float:left;} #productSearchPanel .colPrice{width:auto;} #productSearchPanel .colCategory{width:auto;} #productSearchPanel .colSerial{width:auto;} #productSearchPanel .colStyle{width:auto;} #productSearchPanel .colSearch{width:160px;padding-left:5px;display:block; background:url(/images/common/bg_searchBar155x22.gif) no-repeat left top;} #productSearchPanel .colSearch input{float:left; border:none; height:20px; line-height:22px; background:none;} #productSearchPanel .colSearch a{display:block; width:50px; height:22px;float:left; cursor:pointer;} /*Product Detail*/ #productContainer{width:99%;padding:0;float:left;} #productContainer #headPanel{width:675px;padding-top:8px; float:left;} #productContainer #headPanel h2{font-size:16px; float:left;} #productContainer #headPanel h4{color:#666; font-size:12px;float:right;} #productContainer #bodyPanel{width:100%;float:left;padding:5px 0 10px 0;} #productContainer #bodyPanel #productImg{width:330px; height:410px;float:left;text-align:center;} #productContainer #bodyPanel #productInfo{width:48%; height:390px;float:left; overflow:hidden; padding:0 10px; text-align:left;} #productContainer #bodyPanel #productInfo .summary{width:100%; height:80px; overflow:hidden; line-height:20px; margin-bottom:10px;} #productContainer #bodyPanel #productInfo .productPrice{line-height:20px;} #productContainer #bodyPanel #productInfo .productPrice li{float:left;width:160px;} #productContainer #bodyPanel #productInfo #buyBox{width:99%;float:left;} #productContainer #bodyPanel #productInfo #buyBox td{height:40px; padding:8px 0;} #productContainer #bodyPanel #productInfo #buyBox td.stock{height:10px; padding:5px 0 5px 10px;} #productContainer #bodyPanel #productInfo #infoCount,#productContainer #bodyPanel #productInfo #infoAdd{width:99%;float:left; padding:5px 0; border-bottom: 1px dotted #CCC;} #productContainer #bodyPanel #productInfo #infoCount dd{width:120px;float:left; padding-right:10px; line-height:1.8em; font-size:12px;} #productContainer #bodyPanel #productInfo #infoAdd dd{width:220px; padding-right:10px; line-height:1.8em; font-size:12px;} #productContainer #bodyPanel #productInfo #infoCount dd span,#productContainer #bodyPanel #productInfo #infoAdd dd span{ padding-right:5px;} #productContainer #bodyPanel #productInfo #actionBox{width:99%;float:left; padding:20px 0 2px 0;} #productContainer #bodyPanel #productInfo #actionBox li{ display:block; padding:0 5px; margin-bottom:10px; float:left; margin-right:10px; width:90px;} #productContainer #bodyPanel .detailContent{padding:10px;} #productContainer #bodyPanel .detailContent p{ text-align:left;} #tag{padding-left:2%;line-height:30px; height:20px;display:block; width:98%; height:30px; overflow:hidden;} #tag dt{font-weight:bold;} #tag dd,#tag dt{float:left; padding-right:1em;} #productContainer #footerPanel{border-top:1px solid #CCC; width:100%;float:left; height:26px;margin-top:-1px;} #userCommentPanel{width:690px; background:#f8F6F1;padding:20px 10px 20px 10px;} .commentLst {border-top:1px solid #CCC; text-align:right;} .commentLst li{ background:#FFF;} .commentLst table{ border:1px solid #CCC; width:100%;} .commentLst .userIcon{display:none;} .userComment{text-align:left;} .userComment dd,.userComment dt{padding:5px; line-height:18px;} .commentInfo{width:120px; border-left:1px dotted #CCC; text-align:left; padding:5px;} /* Serial Product*/ #serialProductLstTitle{width:908x; background:url(/images/common/bg_serialProduct.gif) no-repeat; line-height:35px;} #serialProductLstTitle .more{float:right;padding-right:40px;} #serialProductLstPanel{width:908px;} #serialProductLstPanel dl{display:block; height:210px;width:150px;background:url(/images/common/bg_serialProductItem.gif) scroll 0 0 no-repeat; padding:10px 10px 0 10px; margin:5px 25px 0 25px; border:none;overflow:hidden;text-align:center; float:left;} #serialProductLstPanel dl:hover{background:url(/images/common/bg_serialProductItem.gif) scroll -175px -170px no-repeat;} #serialProductLstPanel dd{padding:0;overflow:hidden;} #serialProductLstPanel dd.img{height:150px;} #serialProductLstPanel dd.title{ margin-top:5px;padding:5px 5px 0 5px; height:29px; overflow:hidden; } #serialProductLstPanel dd.price{padding:0 5px 5px 5px; color:#F60;} #serialProductLstPanel dd.img a{height:150px; width:150px; display:block;} /* Cart */ #myCart{padding:30px;} #cartTable em{color:#F60; font-size:16px;} #cartTable{margin:10px 0 30px 0; border:1px solid #CCC;} #cartTable th{ background:#ECECEC; text-align:center; color:#666; line-height:28px;} #cartTable td{border-top:1px solid #CCC; text-align:center;} #cartTable .col0{width:60px;padding:5px;} #cartTable .col1{width:320px; text-align:left;padding:5px; line-height:14px;} #cartTable .col2{width:80px;} #cartTable .col3{width:80px;} #cartTable .col4{width:80px;} #cartTable .col5{width:80px;} #cartTable tfoot td{height:40px;} #myCart a.btnfindStore{display:block; width:150px; height:30px;margin:10px 20px 0 0; background:url(/images/common/bg_titles_150x36.png) scroll 0 -253px no-repeat;} #myCart a:hover.btnfindStore{background:url(/images/common/bg_titles_150x36.png) scroll 0 -288px no-repeat;} #myCart #giftByTotalPrice{text-align:right} #myCart #giftByTotalPrice li{display:block;padding:5px 10px 5px 0;} #myCart .recommendedProduct{ background:url(/images/common/bg_productRecommend430x150.gif) no-repeat; width:430px; height:150px; padding-top:25px; float:left;} #myCart ul#hotProductLst table{width:99%;} #myCart ul#hotProductLst td.img{width:90px; padding:5px;} #myCart ul#hotProductLst dl{padding:5px;text-align:left; font-size:14px;} #myCart ul#hotProductLst dt{color:#06f; height:42px; overflow:hidden;} #myCart ul#hotProductLst dd{line-height:24px; color:#900;} #myCart ul#hotProductLst dd a.button{ display:block; width:60px; height:20px; line-height:20px; text-align:center; background:url(/images/common/btns_160.png) scroll 0 0; color:#FFF;} #myCart #btnMyCart{float:left;} ul#btnMyCart {padding:20px 0 0 20px;} ul#btnMyCart li{ float:left; padding:10px;} a.btnContinueShopping{ display:block; width:120px; line-height:30px; background:url(/images/common/btns_160.png) scroll 0 -36px no-repeat;} a.btnCheck{ display:block; line-height:30px; width:120px; background:url(/images/common/btns_160.png) scroll 0 -72px no-repeat;} .row_totalPrice{ background:url(/images/common/bg_greyLineHoriz1x40.gif) repeat-x; color:#666;} .row_giftByPrice{background: url(/images/common/bg_greyLinear380x1.gif) right repeat-y;} .myCartHeader{ background:url(/images/common/bg_top_870x30.gif) no-repeat; width:870px; height:30px;} .myCartBody{ background:url(/images/common/bg_body_870x1.gif) repeat-y; width:785px; padding:0 30px 0 55px; text-align:left;} .myCartFooter{ background:url(/images/common/bg_bottom_870x20.gif) no-repeat; width:870px; height:20px;} .myCartBody h4{ font-size:12px; color:#06C;} .myCartBody .content{line-height:24px;padding:10px 0;} /* CartLogin */ #cartLogin{padding:10px;} #cartLogin td{line-height:30px;} #cartLogin #loginBox{ padding:0 0 0 100px; text-align:left;} #cartLogin #loginBox td{padding:10px 0;} #cartLogin td.colLab{text-align:right;} #cartLogin td.colContent{text-align:left;} #cartLogin #loginPanel{width:450px;float:left; background:url(/images/common/bg_loginPanel450x400.gif) no-repeat top; padding-top:80px;} #cartLogin #loginPanel ul{padding:100px 20px 20px 20px; text-align:left; color:#0059FF;} #cartLogin #loginPanel ul li{background:url(/images/common/bulletins_36.png) scroll 0px -71px no-repeat; padding-left:15px; margin-top:10px;} #cartLogin #registerPanel{width:450px; height:470px;float:left;background:url(/images/common/bg_registerPanel450x490.gif) no-repeat top;padding-top:80px;} #cartLogin #registerBox{ padding:0 0 0 100px; text-align:left;} /* CartOrder */ #cartOrder{padding:20px 50px 50px 50px; text-align:left; } #cartOrder h3{line-height:24px; background:url(/images/common/bg_titleBg780x24.gif) no-repeat; padding-left:10px; color:#06C; margin-top:10px;} #cartOrder h3.modify{ background:url(/images/common/bg_titleBg780x24.gif) no-repeat; } #cartOrder h3.modify a{margin-left:10px;color:#900; font-size:12px;} #cartOrder h3.tableHead{ width:770px; background:#ECECEC; margin-top:10px;} #cartOrder table#delivery{width:760px;text-align:left;} #cartOrder .col1{width:150px;} #cartOrder .col2{width:600px;padding:5px;} #cartOrder table#paymentSelection{width:760px;text-align:left;} #cartOrder table#delivery_c{width:780px;text-align:left; } #cartOrder .col1_c{width:140px;padding-left:10px;} #cartOrder .col2_c{width:530px; padding:5px 0;} #cartOrder .col3_c{width:100px;text-align:center;} #cartOrder table#paymentSelection_c{width:780px;text-align:left;} #cartOrder ul#addressLst{width:720px; overflow:hidden;} #cartOrder ul#addressLst li{ width:90%; padding:5px 0;} #cartOrder .btnAddAddress {background:url(/images/common/bg_addAddress30x30.gif) no-repeat; padding-left:40px; line-height:30px; width:200px; display:block;} #cartOrder a.btnAddAddress{ color:#333; text-decoration:none;} #cartOrder a:hover.btnAddAddress{ color:#900;} #cartOrder ul.orderBottomBtns{width:98%; border-top:1px solid #CCC; margin:40px 0;} #cartOrder .orderBottomBtns li{float:right; padding:20px 5px;} #cartOrder .orderBottomBtns a.btnNext{ background:url(/images/common/btns_160.png) scroll 0 -108px no-repeat; width:130px; height:30px; display:block;} #cartOrder ul#receiverInfo{ padding:10px 10px 0 10px;} #cartOrder ul#receiverInfo li{padding:5px 0;} #cartOrder #tableProductLst{width:780px; border:1px solid #CCC;} #cartOrder #tableProductLst td,#cartOrder #tableProductLst th{ text-align:center; font-weight:normal;padding:8px 5px; } #cartOrder #tableProductLst th{background:#F6F6F6;color:#666;padding:5px;} #cartOrder #tableProductLst .col1{ width:15%;} #cartOrder #tableProductLst .col2{width:45%;} #cartOrder #tableProductLst .col3{width:15%;} #cartOrder #tableProductLst .col4{width:10%;} #cartOrder #tableProductLst .col5{width:15%;} #cartOrder #tableGiftLst{width:780px; border:1px solid #CCC; float:left;} #cartOrder #tableGiftLst th{ background:#F6F6F6; text-align:center; font-weight:normal; color:#666;} #cartOrder #tableGiftLst td{ text-align:center; padding:10px 5px; } #cartOrder #tableGiftLst .col1{ width:100px;} #cartOrder #tableGiftLst .col2{width:320px;} #cartOrder #tableGiftLst .col3{width:280px;} #cartOrder em{color:#F60; font-size:20px;} #cartOrder .leftPanel{width:430px; float:left; margin-bottom:20px;} #cartOrder .myCouponLst{ background:url(/images/common/bg_myCouponLst430x150.gif) no-repeat; width:430px; height:115px; padding:35px 0 0 5px;} #cartOrder #couponLst table{width:99%;} #cartOrder #couponLst td.img{width:90px; padding:5px;} #cartOrder #couponLst dl{padding:5px;text-align:left; font-size:14px;} #cartOrder #couponLst dt{color:#7C5D1A; height:42px; overflow:hidden;} #cartOrder #couponLst dd{line-height:24px; color:#900;} #cartOrder #couponLst dd a.button{ display:block; width:60px; height:20px; line-height:20px; text-align:center; background:url(/images/common/btns_160.png) scroll 0 0; color:#FFF;} #cartOrder #couponLst dd a.button_usedCoupon {display:block; width:60px; height:20px;background:url(/images/common/btns_160.png) scroll 0 -145px; cursor:default;} #cartOrder .myUsedCouponLst{ width:430px; margin-bottom:20px;} #cartOrder .myUsedCouponLst dl{ display:block; border:1px solid #CCC; } #cartOrder .myUsedCouponLst dt{ padding:0 10px; line-height:24px;background:#F6F6F6;} #cartOrder .myUsedCouponLst dd{ padding:5px 10px;color:#7C5D1A;} #cartOrder .rightPanel{width:330px;float:left; margin-left:15px;} #cartOrder .inputCoupon,#cartOrder .invoiceInfo{ margin:20px 0; border:1px solid #CCC;} #cartOrder .inputCoupon dt,#cartOrder .invoiceInfo dt{ line-height:24px; background:#F6F6F6; padding:0 5px;} #cartOrder .inputCoupon dd,#cartOrder .invoiceInfo dd{ line-height:24px; padding:5px;margin-left:20px;} #cartOrder .invoiceInfo dd{display:none;} #cartOrder .inputComment{ margin:10px 5px;} #cartOrder .btnSubmitOrder{background:url(/images/common/btns_160.png) scroll 0 -180px no-repeat; width:142px; height:30px; display:block;} /*Order*/ .orderMsgBox{border:1px solid #06C; background:#F9FFFF; line-height:20px; width:780px;} ul.orderStatus{width:80%; float:left;} ul.orderStatus li{padding:5px 10px;} .btnOrder{float:left; margin:30px 0; text-align:center; background:url(/images/common/btns_160.png) scroll 0 -433px; display:block; width:92px; height:24px; line-height:24px; color:#FFF;} a:hover.btnOrder{color:#F60;} .tableReceiverInfo,.tableOrderStatus,.tableProductComment,.tableServiceFeedback{width:780px; border:1px solid #CCC;} .tableReceiverInfo .tdLabel,.tableOrderStatus .tdLabel{width:80px; padding:8px 10px; text-align:right;} .tableOrderStatus .tdContent{width:200px; padding:8px 10px; text-align:left;} .tableProductComment th,.tableServiceFeedback th{ background:#F6F6F6; text-align:center; font-weight:normal; padding:5px;} .tableProductComment td,.tableServiceFeedback td{padding:5px;} .tableProductComment .img{ text-align:center;width:10%;padding:5px;} .tableProductComment .desc{width:30%; padding:5px;} .tableServiceFeedback .serviceItem{width:44%; padding:10px; text-align:center;} .tableProductComment .rate,.tableServiceFeedback .rate{width:55%; padding-left:80px;} .tableServiceFeedback .rate span.rateDesc{width:300px; padding:5px;} .starRating {clear:both;} .starRating li{padding:5px 10px; float:left;} .starRating .full{background:url(/images/common/ratingStar32x36.png) scroll 0 0 no-repeat;width:32px; height:26px;} .starRating .null{background:url(/images/common/ratingStar32x36.png) scroll 0 -36px no-repeat;width:32px; height:26px;} .smallStar { clear:both; margin:0 0 10px 0;} .smallStar li{padding:0 2px; float:left; border:none;} .smallStar .full{background:url(/images/common/smallStar14x36.gif) scroll 0 0 no-repeat;width:14px; height:14px;} .smallStar .null{background:url(/images/common/smallStar14x36.gif) scroll 0 -36px no-repeat;width:14px; height:14px;} .btnSubmitComment{background:url(/images/common/btns_160.png) scroll 0 -540px no-repeat; width:100px; height:24px; display:block;} /*Member Center*/ #memberInfo{ line-height:24px; text-align:left; width:162px; height:82px; padding:10px 20px;} ul.tabNav01{ width:675px; height:20px;float:left; padding-left:10px; border-bottom:1px solid #CCC;} ul.tabNav01 li{float:left; text-align:center; line-height:20px; margin-right:5px;} ul.tabNav01 li a{ width:80px;height:20px;display:block;color:#FFF;background:url(/images/common/tabs/tab_80x21.gif) no-repeat;} ul.tabNav01 li a.current,ul.tabNav01 li a:hover.current{color:#666; background:url(/images/common/tabs/tab_80x21_current.gif) no-repeat top right;border-bottom:1px solid #FFF; cursor:default;} ul.tabNav01 li a:hover{color:#FFF;} /*My Favorite*/ #myFavoriteLst{padding:10px 0;} .myFavorite{width:300px; height:100px; background:#F6F6F6;padding:10px 0 10px 10px;margin:5px 10px 5px 20px; float:left; text-align:left;} .myFavorite dt{line-height:20px;padding-bottom:5px;} .myFavorite dd{float:left;width:180px;overflow:hidden;line-height:20px; border-top:1px dotted #CCC;} .myFavorite dd.img{width:90px; height:90px;display:block; border:1px solid #06C; margin-right:10px;} .myFavorite dd.btn{padding-top:5px;} /*My Address*/ #myAdress ul#addressLst{padding-bottom:20px;padding:10px; text-align:left;} #myAdress ul#addressLst li{padding:5px 10px;} #myAdress ul#addressLst li a{margin-left:10px;} #myAdress th{ padding:5px 0 10px 30px; font-size:12px; font-weight:normal;} #myAdress td{text-align:left;padding:5px } #myAdress table {margin:10px 0;} #myAdress table .col1{text-align:right; width:22%;} #myAdress table .col2{width:78%;} .bottom_center{text-align:center; margin:10px 0;} .bottom_center a{ margin-right:20px;} /*My Coupon*/ #myCoupon {width:99%;} #myCoupon td{text-align:center; padding:5px 10px;} #myCoupon .col1,#myCoupon .col2,#myCoupon .col3,#myCoupon .col4{ width:25%} /* Order List Table Style*/ table#orderLst{width:685px; float:left;} table#orderLst .col0{width:60px;} table#orderLst .col1{width:155px;} table#orderLst .col2{width:60px;} table#orderLst .col3{width:45px;} table#orderLst .col4{width:15%;} table#orderLst .col5{width:15%;} table#orderLst .col6{width:15%;} table#orderLst th{ background:url(/images/common/bg_bar1x24.gif) bottom repeat-x; line-height:24px;border-bottom:1px solid #CCC; font:12px; color:#FFF; text-align:center; font-weight:normal;} table#orderLst .colLeft,table#orderLst th.col0{ border-left:1px solid #CCC; border-bottom:1px solid #CCC;} table#orderLst .col2,table#orderLst .col3{text-align:center;border-left:1px dotted #CCC;} table#orderLst .col4,table#orderLst .col5,table#orderLst .col6{text-align:center;border-left:1px dotted #CCC; border-bottom:1px solid #CCC; } table#orderLst .col6{border-right:1px solid #CCC;} table#orderLst .orderHd th{line-height:20px; border:1px solid #CCC; color:#666;} table#orderLst .orderHd ul{padding-left:0.2em; height:20px; display:inline;} table#orderLst .orderHd li{padding-left:1em; line-height:20px; float:left;} table#orderLst .orderHd li span{margin-right:50px;} table#orderLst tbody .orderHd th{background:#F0F6F0;} table#orderLst tbody.order_success .orderHd th,table#orderLst tbody.order_close .orderHd th{background:#F6F6F6;} table#orderLst table.orderItemLst{overflow:hidden;} table#orderLst table.orderItemLst td{text-align:center;padding:2px; height:70px;} table#orderLst table.orderItemLst td span{padding:3px;} table#orderLst tr.sep td{height:20px;} table#orderLst em{color:#999; font-size:12px; font-style:normal;} /*toggle*/ #btnToggle{ float:right; margin-right:5px; margin-top:2px; line-height:24px; width:30px; height:18px; background:url(/images/common/bulletins_36.png) scroll -5px -36px no-repeat; display:block; cursor:pointer;} /* Scroll Frame */ .recommendedProduct .scrollFrame{width:375px;overflow:hidden;position:relative;height:120px;margin:0;float:left;} .recommendedProduct ul.scroll{height:120px;position:absolute;width:1000px;text-align:left; overflow:hidden;} .recommendedProduct ul.scroll li{height:120px; width:375px;float:left;position:relative;margin-right:15px;} .recommendedProduct .btnLeft{ cursor:pointer;width:20px; height:110px;float:left;} .recommendedProduct .btnRight{cursor:pointer;width:20px; height:110px;float:left;} .myCouponLst .scrollFrame{width:375px;overflow:hidden;position:relative;height:120px;margin:0;float:left;} .myCouponLst ul.scroll{height:120px;position:absolute;width:1000px;text-align:left; overflow:hidden;} .myCouponLst ul.scroll li{height:120px; width:375px;float:left;position:relative;margin-right:15px;} .myCouponLst .btnLeft{ cursor:pointer;width:20px; height:110px;float:left;} .myCouponLst .btnRight{cursor:pointer;width:20px; height:110px;float:left;} #productCategoryLst .scrollFrame{width:820px;overflow:hidden;position:relative;height:120px;margin:0 5px;float:left;} #productCategoryLst ul.scroll{height:120px;position:absolute;width:1000px;text-align:left; overflow:hidden; left:0;} #productCategoryLst ul.scroll li{height:120px; width:110px;float:left;position:relative;padding:0px 8px 0 0; text-align:center;} #productCategoryLst .btnLeft{ cursor:pointer;width:20px; height:110px;float:left;} #productCategoryLst .btnRight{cursor:pointer;width:20px; height:110px;float:left;} /*Page Footer*/ #footerDiv{ text-align:center; margin-top:10px;} #footerDiv ul{margin-top:5px;} #footerDiv li{display:inline; padding:10px;} /*item List*/ .itemLst dl{display:block;float:left;text-align:center; overflow:hidden; } .itemLst dt,.itemLst dd{padding:0;overflow:hidden;} .itemLst dd.img{height:180px; border:1px solid #CCC;} .itemLst dd.title{background:#F6F6F6; border:1px solid #CCC;border-top:0;border-bottom:0; padding:5px 5px 0 5px; height:29px; overflow:hidden; } .itemLst dd.price{background:#F6F6F6; border:1px solid #CCC;border-top:0;padding:0 5px 5px 5px; color:#F60;} .itemLst dd.img a{height:180px; width:180px; display:block;} /* Paging */ ul.paging {margin-top:20px;font-size: 12px;text-align:center;width:635px;padding: 2px;float:left;} ul.paging li{list-style-type: none;display: inline;padding-bottom: 1px;margin-left:5px;} ul.paging a, ul.paging a:visited{ padding: 0 5px;border: 1px solid #9aafe5;text-decoration: none;color: #2e6ab1; } ul.paging .currentpage{font-weight: bold;padding: 0 5px;border: 1px solid #9aafe5;background-color: #3AA3DC;color: #FFF;} ul.paging span{margin-left:5px;} /*jquery/jcarousellite*/ .widget {text-align:center;} .widget a.btnPrev,.widget a.btnNext{float:left;display:block;width:20px;height:94px; cursor:pointer;} .widget a.btnPrev{background:url(/images/common/btn_previous20x90.gif) center no-repeat;} .widget a.btnNext{background:url(/images/common/btn_next20x90.gif) center no-repeat;} .widget .mainImg{height:300px; width:300px; overflow:hidden;} .widget .jImgFrame{float:left;position:relative;width:280px; height:96px; overflow:hidden;padding-top:1px; margin:0 1px;} .widget .jImgFrame ul{position:relative;width:1000px;height:92px;} .widget .jImgFrame li{float:left; margin-right:2px;width:92px; height:92px;} .widget .jImgFrame a{display:block;border:1px solid #CCC; cursor:pointer;} /* Pop Div */ #popDiv1{position:relative; top:-220px; left:-10px; height:120px; width:220px; background:#FEDBA7; border:1px solid #C86B04; padding:5px 5px;} #popDiv1 h3{font-size:14px; font-weight:bold; color:#900;} #popDiv1 dl{padding-left:30px;} #popDiv1 dd{padding:0.3em 0.1em; color:#900} #popDiv1 dt{float:left; padding:0.3em 0.2em; margin-right:5px;} /* Goods Delivery Address */ #contact{background:white;position:absolute;border:1px solid #404040;display:none;padding:15px 15px 15px 15px;text-align:left; width:600px;top:100px;} #contact li{padding:0px;border:#fff 1px solid;clear:left;margin-bottom:9px;} #contact li label {text-align:right;line-height:1.2;width:80px;padding-right:8px;float:left;color:#404040;padding-top:4px;padding-left:8px;} #contact li span{color:#808080;} #contact li hr{margin:10px 0px 0px;border:medium none;background-color:#d1d7dc;height:1px;} #contact li textarea{height:44px;padding:2px 2px 2px 2px;} #contact .error{ color:#FF3F00;} #grey_div{position:absolute;background:black;left:0px;top:0px;filter:Alpha(Opacity=30); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; } /*Layout Adjustment Elements*/ .clear {clear:both;height:0;font-size: 1px;line-height: 0px;} /*用于解决父DIV的高度不能根据子DIV自动变化*/ .content-tail{font: 0px/0px sans-serif;clear: both;display: block;}