﻿/* Common */

.crumbNav,
#bottomItem .hd li a { background: url(./images/bg_sprites_step.gif) repeat-x; }

/* Btn */
.btn { display: inline-block; padding:0px !important; width: 136px; height: 37px; overflow: hidden; text-indent: -9999px; background: url(./images/submit_btns.png) no-repeat; border: none; cursor: pointer; *line-height: 9999px; *text-indent: 0; *display: inline; *zoom: 1; }
.btn-big-go { width: 136px;}
.btn-big-submit { width: 136px; height: 37px; background-position: 0 -200px; }
.btnAddress { background-position: 0 -40px; width: 136px;height:30px;  }
.btn-logistic { background-position: 0 -80px;width:115px;height:30px;  }
.btn-payment { background-position: 0 -120px; width:115px;height:30px;  }
.btn-remark { background-position: 0 -160px; width:115px;height:30px; }
.btn-submit { background-position: 0 -250px; width: 60px;height:25px; }
.btn-small-go { width: 52px; height: 21px; line-height: 21px; display: inline-block; color: #FFF; font-weight: bold; text-align: center; border: none; cursor: pointer; background: url(./images/btn_orange.gif) no-repeat; }

/* Header */
.header { height: 100px; }
.crumbNav { height: 35px; line-height: 26px; color: #999; background: none; margin-top: 10px; }
.crumbNav a { color: #049; display: inline-block; }
.crumbNav a.home { padding-left: 10px; }

/* Step */
#steps { overflow: hidden; zoom: 1; padding: 25px 0 25px 60px;margin:15px 0;   }
#steps li { height: 30px; width: 200px; float: left; text-indent: -9999px; background: url(./images/step.gif) no-repeat; }
#steps li.part { width: 11px; background: url(./images/step_part.gif) no-repeat left 8px; margin: 0 50px; }
#steps li#step1 { width: 175px; background-position: 0 0; }
#steps li#step1.current { width: 225px; background-position: -200px 0; }
#steps li#step2 { background-position: 0 -30px; }
#steps li#step2.current { width: 250px; background-position: -200px -30px; }
#steps li#step3 { background-position: 0 -60px; }
#steps li#step3.current { width: 250px; background-position: -200px -60px; }

/* Item table */
.wrapper { margin-bottom: 10px; }
.wrapper .tips { color: #666; }
.wrapper .tips a { color: #1a66b3; }
.wrapper .tips-red { padding: 20px; background: #fffded; border: #eb0606 1px solid; line-height: 24px; margin: 25px 20px 20px; overflow: hidden; }
.wrapper .tips-red dt { float: left; width: 70px; text-align: right; font-weight: bold; }
.wrapper .tips-red dd { float: left; }

/**/
.ebuycar_infouser{text-align:right; margin:10px 0; }
.ebuycar_infouser span{color:#0583D0;}


/* top info */
.topInfo { line-height: 28px; padding-left: 10px; margin-bottom: 10px; }
.topInfo .tips a { color: #D80000; }
.topInfo .totalFee .btn-small-go { margin-left: 5px; margin-top: 3px; }
.topInfo .totalFee-info .total { font-size: 15px; color: #D80000; }

/* bottom info */
.bottomInfo { text-align: left; padding-top: 15px; background: url(./images/bg_blue_shadow.gif) repeat-x; font-family:Simsun;}
.bottomInfo .clear-cart { color: #2178d0; background: url(./images/i_delete.gif) no-repeat 1px 1px; padding-left: 20px; padding-bottom: 25px; margin-left: 8px; }
.bottomInfo .chargeInfo { text-align: right; }
.bottomInfo .chargeInfo .total { font-size: 20px; color: #D80000; margin:0 10px; }
.bottomInfo .chargeBtn { margin-top: 20px; line-height: 40px; }
.bottomInfo .charge-goback { line-height: 40px; margin-right: 20px; }
.bottomInfo .charge-goback a { color: #2178d0; }

/* item list */
.itemList table { width: 100%; text-align: center; border-bottom: #a7cbff 2px solid; border-collapse:separate;}
.itemList thead th { background: #e2f2ff; line-height: 33px; border-top: #a7cbff 2px solid; border-bottom: #d1e3fd 1px solid; text-align: center; }
.itemList tbody td { border-top: #d1e3fd 1px solid; border-right: #d1e3fd 1px solid; padding: 10px; word-break: break-all; }
.itemList tbody tr.even td { background: #e2f2ff; }
.itemList td.item-title { text-align: left; padding-left: 105px; line-height: 24px; word-break: break-all; }
.itemList td.item-title-text { padding-left: 10px; }
.itemList td.item-title a { color: #2178d0; }
.itemList td.item-title a:hover { color: #ff8f44; }
.itemList td.item-title .item-pic { float: left; width: 78px; height: 78px; padding: 1px; margin-left: -95px; border: #e2f2ff 1px solid; overflow: hidden; _display: inline; text-align: center; cursor: pointer; }
.itemList td.item-title .item-pic img { max-width: 78px; max-height: 78px; _width: 78px; }
.itemList td.item-title .item-info span { margin-right: 20px; color: #808080; }
.itemList td.item-point { width: 90px; }
.itemList td.item-point em { color: #404040; font-weight: bold; }
.itemList td.item-price { width: 110px; }
.itemList td.item-unit { width: 50px; }
.itemList td.item-amount { width: 115px; }
.itemList td.item-amount .text { display: inline-block; width: 40px; padding: 3px; text-align: center; color: #666; ime-mode: disabled; }
.itemList td.item-amount a.plus { margin-left: 5px; }
.itemList td.item-amount a { display: inline-block; width: 9px; height: 9px; line-height: 9px; text-align: center; background: white; font-family: arial; overflow: hidden; color: #555; border: 1px solid #DBDBDB; margin: 5px 0 0; }
.itemList td.item-amount a:hover,
.itemList td.item-amount a:active { border-color: #D80000; }
.itemList td.item-amount a.no-minus { text-indent: 1px; margin-right: 3px; margin-left: 0; color: #DBDBDB; cursor: default; }
.itemList td.item-total { border-right: none; width: 100px; text-align: center; white-space: nowrap; }
#shoppingCartList td.item-total { width: auto; }
#shoppingCartList td.item-total em span{font-size:18px;margin:0 10px; }

#shoppingCartList td{border-right:none}

.itemList td.item-total em { color: #D80000;  }
.itemList td.item-del { border-right: none; width: 30px; }
.itemList td.item-del a { display: block; color: #2178d0; line-height: 24px; }

/* presentProject and hotCollect */
.boxInCart{border:none}
.boxInCart .hd{border-bottom:2px solid #A7CBFF; }
.boxInCart .hd h3{margin:0px;padding:0px;  }
.boxInCart .hd h3 strong{margin:0px; }
#presentProject{}
#hotCollect{}



/* Step 2 */
.topInfo .confirm { color: #999; }
.customerInfo { border-top: #a7cbff 2px solid; margin-bottom: 10px; }
.customerInfoItem { padding: 15px 25px; border-bottom: #a7cbff 1px solid; background: #f0f8ff; /*background: url(images/edit_done.png) no-repeat right top;*/ }
.customerInfoItem .hd { height: 32px; line-height: 32px; }
.customerInfoItem .hd span { color: #333; font-size: 15px; font-weight: bold; margin-right: 10px; }
.customerInfoItem .hd a { color: #2178d0; }
.customerInfoItem .info
.customerInfoItem .bd { padding: 0 10px; line-height: 30px; }
.customerInfoItem .bd .editBox { display: none; }
.editInfo { background: #FFF; }
.editInfo .editResult { display: none; }
.editResult{color:#666;}
.editResult strong{color:#e67b11;font-weight:normal;}
.editInfo .editBox { display: block !important; padding:0 }
.editInfo .editBox li { padding:5px 0;  }
.editInfo .editBox li input { margin-right: 3px; vertical-align:middle; }
.editInfo .editBox li input.text { width: 180px; height: 20px; line-height: 20px; border:1px solid #f3f3f3;border-left:1px solid #aaa;border-top:1px solid #aaa;   }
.editInfo .editBox .inputxt{padding:1px 0 0 1px;border:1px solid #f3f3f3;border-left:1px solid #aaa;border-top:1px solid #aaa; font-size:12px; }
.editInfo .editBox li .require { padding: 0 5px; color: #F03; }
.editInfo .editBox .submit { margin-top: 10px; }
.customerInfoItem .infoClose { display: none; }
.editInfo .infoEdit { display: none !important; }
.editInfo .infoClose { display: inline !important; }
.customerInfoItem .infoEdit { display: inline; }



/* address */
.editAddressAdd { background:#f7f5f4; border-top: #d3cac2 1px dotted; margin: 10px 0 0; padding: 10px 0 0; overflow: hidden; zoom: 1; }
.editAddressAdd li { clear: both; }
.editAddressAdd li label { float: left; width: 65px; text-align: right; }
.editAddressAdd li p { vertical-align: middle; float: left; }
.editAddressAdd li select { }
.editAddressAdd li .current { border-color: #f87817; cursor: text; }
.editAddressAdd li .success,
.editAddressAdd li .error { padding-left: 22px; height: 20px; line-height: 20px; zoom: 1; background: url(./images/i_status.gif) no-repeat; display: inline-block; *display: inline; *zoom: 1; }
.editAddressAdd li .success { color: #3b8036; background-position: 0 7px; }
.editAddressAdd li .error { color: #F03; background-position: 0 -17px; }

/* logistic */
.editLogisticList { overflow: hidden; zoom: 1; }
.editLogisticList .listTop { border-bottom: #a7cbff 1px dotted; padding-left: 5px; font-weight: bold; margin-bottom: 5px; float: none; width: auto; }
.editLogisticList li { position: relative; float: left; width: 200px; }
.editLogisticList li .logisticPrice { margin: 0 10px; color: #D80000; font-weight: bold; }

/* payment */
.editPaymentList li { }
.editPaymentList li .tips { color: #9b9a9a; margin-left: 20px; }
.editPaymentList li .tips a { color: #2178d0; }
.editPaymentList li .subTips { margin: 5px 20px; }

/* showGroupBuy */
.showGroupBuy{ position:relative; padding:10px;margin:15px 0 10px 0; background:#fffbe6;border:1px solid #ffc96f;height:25px; }

.showGroupBuy span.arr{position:absolute; right:55px;top:-8px;border:6px solid #ffc96f;border-top:0;border-right-color:#fff;border-left-color:#fff ; display:inline-block;width:1px;height:1px;font-size:0px;    }
.showGroupBuy #LblEarnestMoney{color:#D80000;margin:0 5px; }
.showGroupBuy .fr{overflow:hidden;}
.showGroupBuy .fr table{height:30px;margin:-15px 0 0 0;  }


/* remark */
.edit-remark p { color: #9b9a9a; }
.edit-remark textarea { width: 400px; height: 80px; }

/* item list */
.itemHd { height: 30px; line-height: 30px; padding: 0 5px 0 10px; }
.itemHd .fl { font-size: 15px; font-weight: bold; }
.itemHd .fr { color: #999; }
.itemHd .fr a { color: #2178d0; }

/* extra */
#extra .hd { font-weight: bold; }
#extra .customerInfoItem { background: #FFF; border: none; padding: 0 10px; }
#extra .editBox { border-top: #a7cbff 1px solid; border-bottom: #a7cbff 1px solid; background: #f0f8ff; padding: 10px 20px; margin-bottom: 10px; }
#extra label { margin-right: 10px; }
#customerInfoFapiao .tips { color: #9b9a9a; }
#customerInfoFapiao .tips a { color: #2178d0; }
#customerInfoFapiao .tips .editSwitch { float: right; }
#customerInfoLiquan .tips { font-size: 15px; font-weight: bold; color: #404040; margin-bottom: 5px; }
#customerInfoLiquan .tips a { font-size: 12px; font-weight: normal; color: #2178d0; }
#customerInfoLiquan .editBox { overflow: hidden; _zoom: 1; }
#customerInfoLiquan .editBox li { height: 30px; line-height: 30px; vertical-align: middle; }
#customerInfoLiquan .editBox li.new-liquan {position: relative; overflow: hidden; }
#customerInfoLiquan .editBox li.new-liquan span#yourNum{float:left; }
#customerInfoLiquan .editBox li.new-liquan #yourSelect{position:absolute; left:80px}
#customerInfoLiquan .editBox li.new-liquan #yourChoose{position:absolute; left:280px}
#customerInfoLiquan .editBox li.new-liquan #yourChoose #LbtnCancelCoupon{color:#2178D0;}

#customerInfoLiquan .editBox li.new-liquan td { vertical-align: middle; }
#customerInfoLiquan .editBox li.new-liquan td div { position: absolute; left: 0; top: 4px; z-index: 1; }
#customerInfoLiquan .editBox li.new-liquan td iframe { position: absolute; top: 0; left: 0; z-index: 2 !important; width: 160px !important; height: 16px !important; background: #f30 !important; }
#customerInfoLiquan .editBox li.new-liquan td input { height: 20px !important; line-height: 20px !important; width: 150px !important; outline: none; padding: 0 5px; position: absolute; left: 0; top: 0; z-index:3; }
#customerInfoLiquan .editBox li.new-liquan td select { height: 22px !important; width: 180px !important; position: absolute; top: 4px; left: 0; z-index: 0; }
#customerInfoLiquan .editBox li.new-liquan .save_button { width: 50px; height: 24px; line-height: 24px; margin: 0 10px; border: none; cursor: pointer; color: #2178d0; font-weight: bold; background: url(./images/btn_gray.gif) no-repeat; }
#customerInfoLiquan .editBox li.new-liquan .save_button:hover { color: #439BF2; }
#customerInfoLiquan .editBox .know-more a { color: #2178d0; }


/*
Step 3
*/
.order-box { border-top: #a7cbff 2px solid; border-bottom: #a7cbff 2px solid; background: #f0f8ff; padding: 20px 30px; }
.order-info { padding-left: 70px; background: url(./images/i_success_s.gif) no-repeat; line-height: 24px; }
.order-info .order-message { font-size: 16px; font-weight: bold; }
.order-info .order-detail { color: #4f4d4d; }
.order-info .order-detail span { margin-right: 40px; }
.order-info .order-detail span em { color: #eb0606; font-weight: bold; }
.order-success .order-info { background: url(./images/i_success.gif) no-repeat; padding-left: 100px; margin: 20px 0; height: 90px; }
.order-success .order-message { line-height: 50px; margin-bottom: 5px; }
.order-success .tips { padding-left: 100px; }

.pay-list { margin: 25px 10px 0; }
.pay-list .tips { padding-left: 30px; }
.pay-list .pay-list-box { border: #e7e7e7 1px solid; background: #fffefd; padding: 12px 18px; margin: 10px 0; }
.pay-list .pay-list-box .tips-title { font-size: 15px; font-weight: bold; color: #404040; line-height: 30px; clear: both; }
.pay-list .tips-content { padding: 10px 20px; margin-bottom: 10px; border-bottom: #e7e7e7 1px dashed; overflow: hidden; zoom: 1; }
.pay-list .tips-content .tips-title-sub { font-size: 12px; font-weight: bold; color: #666; line-height: 40px; }
.pay-list .tips-content .tips-title-sub a { font-weight: normal; color: #1a66b3; }

#last-use { padding-left: 130px; }
#last-use .tips-title-sub { float: left; margin-left: -120px; display: inline; position: relative; zoom: 1; }
#last-use .bank-list { float: left; width: 100%; }
#last-use .bank-list li { margin-bottom: 10px; margin-right: 20px; }
.tips-help { color: #666; padding-left: 25px; line-height: 24px; }
.tips-help dt { font-weight: bold; }
.tips-help dd { padding: 0 0 1em 2em; }

#bank-select { padding-top: 0; }
/* bank list */
.bank-list { margin-right: -70px; overflow: hidden; position: relative; zoom: 1; *padding-bottom: 10px; }
.bank-list li { width: 140px; height: 40px; overflow: hidden; float: left; margin-right: 70px; margin-bottom: 20px; }
.bank-list li a { display: block; width: 100%; height: 100%; }
.bank-list li a img { width: 140px; height: 40px; }

#DivPaymentTips { width: 500px; height: auto; }
#DivPaymentTips .dialog-payment { border: #767576 6px solid; background: #FFF; padding: 20px; line-height: 24px; }
#DivPaymentTips strong { font-weight: bold; }
#DivPaymentTips a { color: #07F; }
#DivPaymentTips .tips { margin: 5px 0; color: #4d4d4d; background: url(./images/i_tips.gif) no-repeat 0 4px; padding-left: 25px; }
.ui-dialog-titlebar { height: 25px; border-bottom: #CCC 1px solid; position: relative; }
.ui-dialog-title { font-size: 16px; font-weight: bold; float: left; }
.ui-dialog-titlebar .close { float: right; font-size: 15px; color: #07F; }
.ui-dialog-titlebar .close:hover { text-decoration: none; }

/* other */
.addtocart a { background: url("../images/bgSplit.jpg") 0 -346px repeat-x; display: inline-block; border: #1751A4 1px solid; padding: 0 15px; height: 22px; line-height: 22px; color: #FFF; }
.addtocart a:hover { background-position: 0 -458px; color: #FFF; text-decoration: none; }
.tips-red .btnPay { background: url("../images/bgSplit.jpg") 0 -346px repeat-x; border: 1px solid #1751A4; padding: 0 15px; display: inline-block; margin: 0 5px; height: 22px; line-height: 22px; color: white; }
.tips-red .btnPay:hover { background-position: 0 -458px; text-decoration: none; }
/* remark */
.edit-remark span.text { display: block; }
.edit-remark label { margin: 0 15px 0 2px; }


.model_info_content,
.ebuycar_order,
#payOnlineBox { border: #D8E9F8 2px solid; background: url(images/bgMainBox.gif) repeat-x 3px 1px; padding: 10px 20px; margin: 0 10px 20px;  }
.online_pay_number { padding: 0px; }
#payOnlineBox h1,
#payOnlinResult h1,
.online_pay_number h1,
.member_online h1,
#LblResult { font-size: 14px; color: #2178D0; padding: 10px 20px; font-weight: bold; border: none; }
.online_pay_number ul { padding: 5px 50px; font-size: 14px; }
.online_pay_number ul #TxtvMoney { height: 24px; line-height: 24px; }
.member_online #radlPayPlatform { margin: 5px 50px; vertical-align: middle; }
.online_pay_next { margin: 10px 0 10px; padding-left: 22px; }
.p_main_box { /*padding: 10px 0;*/ }
.p_main_box table { width: 100%; }
.p_main_box table td { line-height: 30px; padding: 0 10px; }
#payOnlineBox .ok_tab { width: 20%; background: #EFF7FF; }
#payOnlineBox .title strong { color: #2178D0; font-size: 16px; }
#payOnlineBox .payOnlineTableInner { border: #D1E3FD solid; border-width: 1px 0 0 1px; }
#payOnlineBox td { border: #D1E3FD solid; border-width: 0 1px 1px 0; }
#payOnlineBox td.youhui { padding: 0; }
#payOnlineBox .title td { background: #F0FAFF; }
#LblHiddenValue { display: block; text-align: center; }
#LblPayPlatformName { font-weight: bold; margin: 0 5px; color: #D80000; }
#payOnlinResult .result { padding-left: 20px; color: #666; }
.payonline_tips { line-height: 40px; margin-top: 10px; }
.payonline_tips a { display: inline-block; padding: 0 10px; line-height: 22px; background: url(../images/btnSplit.gif) no-repeat -20px -132px; border: #CCC solid; border-width: 0 1px; margin: 0 5px; }
.table_coulmn { border: #D1E3FD solid; border-width: 1px 0 0 1px; }
.table_coulmn .ok_tab { width: 20% !important; background: #EFF7FF; }
.table_coulmn td { padding: 0 10px; line-height: 30px; border: #CCE3F9 solid; border-width: 0 1px 1px 0; }
#radlPayPlatform { width: 50%; }
#radlPayPlatform td { padding: 0 10px; line-height: 30px; }
#radlPayPlatform td input { margin-right: 2px; }
.orderinfo_button { margin: 20px 0 10px; padding-left: 20px; }
.orderinfo_button input { display: inline-block; padding: 0 10px; line-height: 22px; background: url(../images/btnSplit.gif) no-repeat -20px -132px; border: #CCC solid; margin: 0 5px; border-width: 0 1px; cursor: pointer; }



/* PE积分商品信息核对页 */
.giftOrder select{ border:1px solid #ccc; background:#fff; height:20px; line-height:20px;     }
.giftOrder .orderinfoListbox{ padding:0 25px;  }
.giftOrder .orderinfoListbox h4{ padding-bottom:10px;  }
.giftOrder .orderinfoListbox h4 a{ color:#2178D0;   }
.giftOrder .orderinfoList table{ border-collapse: collapse; empty-cells:show; width:100%; }
.giftOrder .orderinfoList table .title{ font-weight:bold; background:#f3f3f3; }
.giftOrder .orderinfoList table td{ border:#ddd solid 1px; padding:5px 10px; border-right:1px solid #ddd !important; text-align:center;  }
.giftOrder .orderinfoList table td.productName{ text-align:left;  }
.giftOrder .orderinfoSend{ padding:15px 25px;  text-align:right;  }
.giftOrder .orderinfoSend input{ margin-left:10px;  }
.giftOrder #btnSubmitOrder{ background: url("./images/submit_btns.png") no-repeat 0 -200px; border:0;  cursor: pointer; display: inline-block;
    height: 37px; overflow: hidden; text-indent: -9999px; width: 136px;  }
.giftOrder .productQuantity a{ display:inline-block; *display:inline; zoom:1; border:1px solid #ccc; height:20px; line-height:20px; width:14px;  text-align:center; background:#f6f6f6;  }
.giftOrder .productQuantity a:hover{ text-decoration:none; border-color:#f60;   }
.giftOrder .txtNum{ background:#fff; border:1px solid #ccc; width:20px; height:20px; line-height:20px; text-align:center;    }
.giftOrder .total #allCount,.giftOrder .total #allTotalPoint{ color:#D80000; font:normal 18px/18px Arial; }
.giftOrder .itemPic{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:10px;float:left;   }
.giftOrder .itemPic img{ width:80px; height:auto; padding:2px; border:1px solid #ddd;    }




