body{color:#333333;}
#summaryContent {
position:relative;
}
.borrow-cart-order .billing-info .option select {
    width: 100%;
}
.borrow-cart-order .cart-item{
    border:1px solid #dedede;
    border-bottom:none;
    position:relative;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.borrow-cart-order .cart-item .icon{
    display:none;
}
.borrow-cart-order .cart-item .content{
    padding:30px ;
}
@media (min-width: 768px) {
    .borrow-cart-order .cart-item .icon{
        display:block;width:120px;height:120px;position:absolute;top:30px;left:30px;
    }
    .borrow-cart-order .cart-item .icon img{display:block; margin:0 auto; max-width:120px;max-height:120px;}
    .borrow-cart-order .cart-item .content{
        padding:30px 0 30px 180px;
    }
}
.borrow-cart-order h1 {font-size:150%;margin-top:0;}
.borrow-cart-order .cart-item{font-size:16px;}
.borrow-cart-order h3{font-size:16px; font-weight:bold;padding:0; margin:0 0 15px 0;}

.billing-info{padding:30px;border:1px solid #dedede; border-bottom:none;}
.billing-info h3{font-size:16px; font-weight:bold;}
.billing-info .search-row .title {
    font-size: 16px;color:#333;
}
.borrow-cart-order .billing-info .option select {
    width: 100%;
}
.accessories-info{padding:15px 30px;border:1px solid #dedede; border-bottom:none;}
.accessories-info .accessory{border-bottom:1px solid #dedede;margin:0 -30px; padding: 15px 30px;}
.accessories-info .accessory:first-child {padding-top: 0; }
.accessories-info .accessory:last-child{border-bottom:none;}
.accessories-info label{display:block;}
.accessories-info label *{cursor:pointer;}
.accessories-info .checkbox {float:left;width:20%;}
.accessories-info .icon {float:left;width:50%; margin:0 5%;}
.accessories-info .desc {float:none;clear:both;width:100%; padding-top:15px;}
.accessories-info .desc h4 {font-size:100%; font-weight:bold;} 
.accessories-info .desc p{font-weight:normal;}
.accessories-info .item {border-bottom:1px solid #dedede;}
/*.accessories-info .item:last-child {border-bottom:none;}*/
.accessories-info .item .idx{width:5%;float:left; line-height:28px;padding:5px 0; text-align:center; }
.accessories-info .item .desc{width:78%;float:left;}
.accessories-info .item .desc select{width:100%;}
.accessories-info .item .button{width:12%;float:right;padding:5px 0;}
.accessories-info .item .button button{width:100%;height:28px; line-height:28px;display:block;}
.accessories-info .item .button button.add{color:#fff; background-color:#007a87;}
.accessories-info .item .button button.add:hover {background-color: #005760;}
.accessories-info .item .button button.delete{background-color:#DDD;}
.accessories-info .item .button button.delete:hover {background-color: #CCC;}
.accessories-info .item .button button.delete{display:block;}
.accessories-info .item:last-child .button button.delete{display:none;}
.accessories-info .item .button button.add{display:none;}
.accessories-info .item:last-child .button button.add{display:block;}
.accessories-info .item{padding:5px;}
.accessories-info .items>.item:nth-child(odd) {background: #EEE;}
.accessories-info .items>.item:nth-child(even) {background: #FFF;}
.accessories-info .button-add {background: #FFF;padding:5px 0;}
@media (max-width: 767px) {
.accessories-info{padding:15px 5%;}
.accessories-info .item .desc{width:85%}
.accessories-info .item .button{width:14%;}
.accessories-info .item .desc{float:none;width:auto; padding:0 5%;}
.accessories-info .item .button{float:none;width:auto; padding:0 5%;}
.accessories-info .item .desc select{width:100%;}
.accessories-info .item .date label{width:100%;}
.accessories-info .item .date label input{width:80%;}
}
@media (min-width: 768px) {
    .accessories-info .checkbox {width:5%;}
    .accessories-info .icon {width:15%; margin:0 5%;}
    .accessories-info .desc {float:left;clear:none; width:70%;padding-top:0;}
}

.discount-info{padding:5px;border:1px solid #dedede;border-top:0px;  border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.discount-info .darkGreenBtn{ margin-left:0px; width:100%;}
@media (min-width: 768px) {
    .discount-info .darkGreenBtn{padding:0 20px; margin-left:5px;width:auto;}
}
/**********/
.borrow-cart-summary {border:1px solid  #dedede; border-radius:5px; padding:20px; font-size:16px;
background: -moz-linear-gradient(top,  rgba(237,237,237,1.0) 0%, rgba(255,255,255,1.0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1.0)), color-stop(100%,rgba(255,255,255,1.0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,237,237,1.0) 0%,rgba(255,255,255,1.0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,237,237,1.0) 0%,rgba(255,255,255,1.0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,237,237,1.0) 0%,rgba(255,255,255,1.0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(237,237,237,1.0) 0%,rgba(255,255,255,1.0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEDEDED', endColorstr='#FFFFFFFF',GradientType=0 ); /* IE6-9 */
}
.borrow-cart-summary h2 {color:#007a87;font-size:150%; font-weight:normal;}
.borrow-cart-summary .full-summary,.borrow-cart-summary .half-summary,.borrow-cart-summary .full-error  {margin-bottom:5px;
}
.borrow-cart-summary .half-summary {
width:43%;margin-right:5%;display:inline-block;
}
    .borrow-cart-summary .full-error {
    background-color:#ffeaea; border:1px solid #ff4d4d; padding:5px 10px; border-radius:5px; color:#ff4d4d;
    }
.borrow-cart-summary .main-cart .title,.borrow-cart-summary .accessories-cart .title,.borrow-cart-summary .main-cart p,.borrow-cart-summary .accessories-cart p{margin-bottom:5px;}
.borrow-cart-summary .main-cart .title,.borrow-cart-summary .accessories-cart .title{font-weight:bold;}
.borrow-cart-summary .main-cart p, .borrow-cart-summary .accessories-cart p {color: #555;}
.borrow-cart-summary .main-cart,.borrow-cart-summary .accessories-cart-item{border-bottom:1px solid #c6c6c6; margin-bottom:15px; }
.borrow-cart-summary .cart-totalprice,
.borrow-cart-summary .cart-depositfee,
.borrow-cart-summary .cart-shipfee,
.borrow-cart-summary .cart-coupon-input,
.borrow-cart-summary .cart-discout{margin-top:15px;}

.borrow-cart-summary .cart-totalprice .title,
.borrow-cart-summary .cart-depositfee .title,
.borrow-cart-summary .cart-shipfee .title,
.borrow-cart-summary .cart-discout .title{font-weight:bold; padding-right:10px;width:30%; display:inline-block;}

.borrow-cart-summary .cart-totalprice .price,
.borrow-cart-summary .cart-depositfee .price,
.borrow-cart-summary .cart-shipfee .price,
.borrow-cart-summary .cart-discout .price{font-size:110%; text-align:right;width:60%; display:inline-block;}

.borrow-cart-summary .cart-total{margin-top:30px;}
.borrow-cart-summary .cart-total .title{font-weight:bold; padding-right:10px;width:30%; display:inline-block;}
.borrow-cart-summary .cart-total .price{font-size:180%; text-align:right;width:60%; display:inline-block;}
.borrow-cart-summary .agreement{margin-top:30px;}
.borrow-cart-summary .submit{margin-top:20px; display:block; color:#fff; background-color:#007a87;padding:15px 45px; font-size:150%; width:100%;}
.borrow-cart-summary .submit:hover {background-color: #005760;}
.borrow-cart-summary .remark {margin-top:30px; line-height:1.5;}
/**********/
.borrow-cart-complete h1 {margin-top:10px;margin-bottom:0px; text-align:center;}
.borrow-cart-complete p {font-size:120%; text-align:center;margin-bottom:20px;}
.borrow-cart-complete .cart-header{ background-color:#f3f3f3; color:#333; font-weight:bold;}
    .borrow-cart-complete .cart-header > div {padding:5px 10px;
    }
    .borrow-cart-complete .itmes{border-bottom:1px solid #cccccc;}
    .borrow-cart-complete .itmes > div {padding:20px 10px;
}
.borrow-cart-complete .itmes .prodect img{width:100%;max-width:200px;display:block;
}
@media(max-width:767px){
    .borrow-cart-complete .itmes .prodect img{margin:0 auto;}
}

.borrow-cart-complete .shopping {
    background:#007a87;color:#fff;font-size:120%;
    padding:10px 20px;margin:20px auto; display:block; text-align:center; width:200px;
}
.borrow-cart-complete .shopping:hover {background:#005760; text-decoration:none}

/********************/
.loading-panel{position:absolute; background-color:rgba(255,255,255,0.5); top:0;left:0;right:0;bottom:0; z-index:99999; display:none;}
.loading-panel.full-page{position:fixed;}
.loading-panel .loading {margin:30% auto; width:70%; border: 5px solid #CCC; background-color:#fff; text-align:center;padding:50px;}
.loading-panel.full-page .loading {margin:20% auto }

.getCoupon {
    border: 3px solid #abbacf;
    padding:0 5px;
    margin-right:5px;
    border-radius: 8px;
    background-color: #ecf0f8;
    color: #385b9d;
    display:inline-block;
}