@charset "utf-8";
/* Author: wjas */
/* date to build: 2012-08-10*/
/* last Modified Author: wjas */
/* last Modified: 2012-08-11 */

.area{width:980px;}
.order_box{width:940px; border:1px solid #ccc; padding:19px; background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); }
.process{width:940px; height:25px; background:url(../images/process.gif) center 0 no-repeat;}
.process_table{width:938px; border:1px solid #e5e5e5; background:#e5e5e5; padding:0; border-radius:6px; margin:20px 0;}
.process_table th{background:none; height:46px; font-size:14px; color:#333; font-weight:bold; text-align:center;}
.process_table th.l{text-align:left; text-indent:20px;}
.process_table td{height:80px; background:#fff; border-bottom:1px solid #e5e5e5; color:#666; font-size:14px; font-weight:bold;}
.process_table td strong{color:#f80; font-size:14px;}
.process_table td a{width:100%; height:18px; float:left; font-weight:normal; color:#39f; clear:both; font-size:12px; line-height:18px;}
.process_table .number{width:118px; height:26px; margin:27px auto; overflow:hidden;}
.process_table .number .button{width:26px; height:26px; border:1px solid #aaa; background:#eee; padding:0; color:#666; font-size:20px; line-height:24px; float:left; cursor:pointer;}
.process_table .number .button:hover{color:#333; background:#ddd; text-shadow:0 1px 0 rgba(255,255,255,1);}
.process_table .number .button:active{box-shadow: inset 0 3px 2px rgba(0,0,0,.15);}
.process_table .number .text{width:50px; height:24px; float:left; padding:0 5px; border:1px solid #aaa; background:#fff; margin:0 2px; display:inline; color:#666; font-size:20px; line-height:24px; box-shadow: inset 0 3px 2px rgba(0,0,0,.15); text-align:center; font-size:14px; line-height:24px; font-weight:bold; overflow:hidden;}
.process_table td .pro{width:390px; height:62px; margin:10px 20px;}
.process_table td .pro img{width:58px; height:58px; padding:1px; background:#fff; border:1px solid #ccc; float:left;}
.process_table td .pro h1{width:320px; height:50px; margin:5px 0; float:right; text-align:left; font-size:14px; line-height:25px;}
.process_table td .pro textarea{width:320px; height:50px; margin:5px 0; _margin:5px 0 0 8px; float:right; display:inline; text-align:left; font-size:14px; line-height:25px; border:0; padding:0; font-weight:bold; overflow:hidden; color:#666; box-shadow:0; outline:0; resize:none;}
.process_table td.b{height:60px; background:none; border-bottom:0;}
.process_table td.b h2{font-size:20px; text-align:right; padding-right:28px; color:#333;}
.process_table td.b strong{font-size:30px; color:#f80;}
.process_table td.b .btn05,.btn05{width:auto; height:38px; border:1px solid #39f; padding:0 20px; float:left; margin:10px 20px; color:#fff; font-size:18px; text-decoration:none; line-height:38px; font-weight:bold; text-shadow:0 1px 1px rgba(0,0,0,.3); box-shadow: inset 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(255,255,255,1); border-radius:4px; background:#39f;
background:-webkit-gradient(linear, left top, left bottom, from(#77bbff),to(#3399ff));
background:-moz-linear-gradient( top, #77bbff, #3399ff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bbff',endColorstr='#3399ff');}
.process_table td.b .btn05:hover,.btn05:hover{box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 15px 15px rgba(255,255,255,.15), 0 1px 1px rgba(255,255,255,1);}
.process_table td.b .btn05:active,.btn05:active{box-shadow: inset 0 5px 10px rgba(0,0,0,.2), 0 1px 1px rgba(255,255,255,1);}
.orderamount{width:100%; height:40px; float:right; margin:0 0 20px;}
.orderamount .btn06{margin:0; float:right; color:#fff;}
.btn05:visited,.btn06:visited{color:#fff;}
.orderamount h1{height:40px; float:right; font-size:20px; line-height:40px; color:#666; margin-right:20px;}
.orderamount strong{font-size:30px; color:#f80;}
.process_table .user{border:0; padding:0; margin:20px; float:left; display:}
.process_table .user td{height:50px; padding:0 5px; border:0;}
.process_table .user td.bt{text-align:right;}
.process_table .user input[type='text']{height:26px; border:1px solid #aaa; background:#fff; padding:0 5px; float:left; width:100%; box-shadow: inset 0 3px 2px rgba(0,0,0,.15); line-height:24px; color:#666;}

.process_table td .btn07,.btn07{width:auto; height:38px; float:right; margin:10px 20px; padding:0 40px; font-size:18px; font-weight:bold; line-height:38px; color:#fff; border:1px solid #f80; border-radius:4px; box-shadow: inset 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(255,255,255,1); display:inline;}
.btn07:visited,.btn07:hover,.btn07:active{color:#fff;}
.process_table td .btn07:hover,.btn07:hover{box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 15px 20px rgba(255,255,255,.2), 0 1px 1px rgba(255,255,255,1);}
.process_table td .btn07:active,.btn07:active{box-shadow: inset 0 5px 5px rgba(0,0,0,.2), 0 1px 1px rgba(255,255,255,1);}


.orderid{width:100%; padding:40px 0; text-align:center; line-height:80px;}
.orderid h1{font-size:34px; color:#09c;}
.orderid h2{font-size:24px; color:#690;}
.orderid h3{font-size:34px; color:#f80;}
.orderid strong{color:#f80;}


.promotionSmallBadge {
    background: url("/images/promotion_small.png") no-repeat scroll 0 0 transparent;
    height: 34px;
    position: absolute;
    width: 34px;
}
.process_table .order_item_comment
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.15) inset;
    color: #666666;
    display: inline;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0 2px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    width: 75%;
}
.process_table .unavailable_products_notifiction
{
    height: 28px; background: none repeat scroll 0 0 transparent;
}
.process_table .unavailable_products_notifiction .info
{
    font-weight: normal; text-align: left; font-size: 20px; margin: 5px 20px; color: #CC0001;
}
.timeout {
    color: #CC0000;
    display: inline;
    float: right;
    font-size: 20px;
    height: 38px;
    line-height: 38px;
    margin: 10px 20px;
    text-align: right;
    width: 500px;
}
.Payment{width:145px; height:26px; padding:0 5px; border:1px solid #aaa; margin:0 9px 0 0; float:left; font-size:14px; text-align:left; line-height:26px; color:#666;}
.Payment span{float:left; margin-left:5px;}
.Payment input[type='radio']{float:left; width:26px; height:26px; padding:0; margin:0;}

.P-checked{color:#3a92ff; border:1px solid #7ab5ff;}


/* 支付结果 */
.pay-bg{width:100%; height:100%; _height:1000px; float:left; background:#000; background:rgba(0,0,0,.3); position:fixed; _position:absolute; z-index:999; top:0; left:0; filter:alpha(opacity=30); -moz-opacity:1; opacity:1;}
.pay-z{width:100%; height:100%; _height:1000px; float:left; position:fixed; _position:absolute; z-index:9999; top:0; left:0;}
.pay-w{width:420px; height:220px; border-radius:4px; background:#f8f3ed; box-shadow:0 0 8px rgba(0,0,0,.3);}
.pay-title{width:100%; height:50px; border-bottom:3px solid #73b8b8; line-height:50px; font-size:22px; color:#f80; text-align:center;}
.pay-w span{width:100%; height:30px; margin:30px 0; float:left; text-align:center; font-size:18px; color:#666; line-height:30px; font-weight:bold;}
.pay-w .btnbox{width:100%; height:30px; float:left;}
.pay-w .btnbox .pay-btn1,.pay-w .btnbox .pay-btn2{width:41%; height:50px; margin:0 6%; float:left; text-align:center; line-height:50px; font-size:20px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.3); text-decoration:none; border-radius:4px; cursor:pointer;}
.pay-w .btnbox .pay-btn1{background:#6baa57; background:-webkit-gradient(linear, left top, left bottom, from(#96ca87),to(#6baa57)); background:-moz-linear-gradient( top, #96ca87, #6baa57);}
.pay-w .btnbox .pay-btn2{background:#60b3b3; background:-webkit-gradient(linear, left top, left bottom, from(#81c6c6),to(#60b3b3)); margin:0;background:-moz-linear-gradient( top, #81c6c6, #60b3b3);}
.pay-w .btnbox a:hover{box-shadow: inset 0 30px 30px rgba(255,255,255,.1);}



/* 温馨提示 */
.Prompt{width:920px; height:40px; padding:0 10px; margin:10px 0; float:left; border-radius:3px; background:#f33;}
.Prompt h3{width:880px; height:40px; line-height:40px; float:left; color:#fff; font-size:16px; overflow:hidden; text-align:left;}
.Prompt .Prompt_close{width:20px; height:20px; float:right; margin:10px 0; background:url(../images/Prompt_close.png) no-repeat; cursor:pointer;}