/* 品項類頁共同設計 >>> */

    /* todo: 與訂單明細等關聯應考慮拆分 */

    div.shopping-list {
        width: 960px;
        margin-left: auto;
        margin-right: auto;

        color: #484848;
        font-family: Arial, Helvetica, sans-serif;
    }

    div.shopping-list a {
        color: #1DAAB0;
        text-decoration: underline;
        cursor: pointer;
    }

    div.shopping-list em {
        color: #f00;
        font-weight: normal;
        font-style: normal;
    }

    div.shopping-list strong {
        color: #f00;
        font-weight: bold;
    }

    div.shopping-list ins {
        font-weight: bold;
        text-decoration: none;
    }

    div.shopping-list del {
        color: #999;
    }

    div.shopping-list input,
    div.shopping-list select {
        font-size: 11px;
    }

/* <<< 品項類頁共同設計 */




/* 購物車導向指示 >>> */

    ul#NavCart {
        display: block;

        width: 100%;
        height: 50px;
        margin: 0;
        margin-top: 20px;
        padding: 0;
        padding-left: 5px;

        border-bottom: 1px solid #aaa;
    }

    ul#NavCart li {
        display: inline;
    }

    ul#NavCart li a {
        display: block;
        float: left;
        position: relative;
        top: 1px;
        height: 50px;
        margin-left: 8px;
        text-indent: -3000px;
        background-image: url(../images/cart-tabs.png);
        background-repeat: no-repeat;
    }

    li#CartItemList a {
        width: 124px;
        background-position: 0px 24px;
    }

    li#CartWishList a {
        width: 153px;
        background-position: -124px 24px;
    }

    li#CartItemList a:hover,
    li#CartItemList.current a {
        background-position: 0px -26px;
    }

    li#CartWishList a:hover,
    li#CartWishList.current a {
        background-position: -124px -26px;
    }

/* <<< 購物車導向指示 */




/* 購物車注意說明 >>> */

   div#CartSupplement {
       float: left;

       width: 330px;
       margin-top: 15px;

       font-size: 12px;
       text-align: left;
   }

/* <<< 購物車注意說明 */



/* 付款方式選擇 >>> */

   form#CartPayment {
       float: right;

       width: 570px;
       margin-top: 15px;

       text-align: left;
   }

   form#CartPayment h3 {
       display: block;

       width: 135px;
       height: 19px;
       margin-bottom: 10px;

       text-indent: -3000px;

       background: url(../images/cart-payment-title.gif) center no-repeat;
   }

   form#CartPayment input.button {
       display: block;
       float: right;

       width: 163px;
       height: 37px;
       border: 0;

       cursor: pointer;
       text-indent: -3000px;
       background: url(../images/cart-payment-checkout.gif) center no-repeat;
   }

   form#CartPayment table {
       width: 100%;
       border-collapse: collapse;

       font-size: 12px;
       line-height: 21px;
   }

   form#CartPayment table td,
   form#CartPayment table th {
       height: 24px;
       padding: 0 8px;
       border: 1px solid #ccc;

       line-height: 24px;
   }

   form#CartPayment table th {
       width: 5px;
       padding: 5px;

       text-align: center;
       vertical-align: top;

       background-color: #eee;

   }

    form#CartPayment span {
        color: #999;
    }

    form#CartPayment tr#PaymentGatewayESun td {
        padding-left: 28px;
        background: url('../images/ic.png') no-repeat 4px center;
    }

    tr#PaymentGatewayESun td span {
        margin-left: 20px;
        margin-right: 20px;
    }

    div.payment-installment-plans {
        border-top: 1px solid #aaa;
        line-height: 24px;
    }

    div.payment-installment-plans dl {
        margin-top: 0;
        line-height: 28px;
    }

    div.payment-installment-plans dd,
    div.payment-installment-plans dt {
        background-color: #eee;
        height: 28px;
    }

   div.payment-installment-plans dt {
       float: left;
       clear: left;

       padding: 0;
       margin: 0;

       width: 160px;
   }

   div.payment-installment-plans dd {
       float: left;

       padding: 0;
       margin: 0;
       width: 350px;
   }

   div.payment-installment-plans dd a {
       float: right;
       width: 180px;
   }

   div.payment-installment-plans dd a.only-one {
        color: #000 !important;
        cursor: text !important;
   }

/* <<< 付款方式選擇 */



/* 加購品選擇 >>> */

    div#CartAddon{
        border:#CCC 1px solid;
    }
    div#CartAddon h3 {
        display: block;

        padding: 10px;
        margin: 0px;

        font-weight: normal;
        line-height: 16px;
    }

    div#CartAddon h3 strong {
        font-weight: normal;
    }

    div#AddonList {
        overflow: hidden;

        width: 838px;
        margin-left: 30px;
    }

    div#AddonList p {
        margin: 0;
    }

   div.addon-list-control-left,
   div.addon-list-control-right {
        width: 30px;
        height: 36px;

        cursor: pointer;
        text-indent: -3000px;

        background: url(../images/cart-addon-control.png) no-repeat;

        float:left;

        margin-top:50px;
    }

    div.addon-list-control-right {
        background-position: -30px 0px;
        float:right;
    }

    div#CartAddon ol {
        overflow: hidden;

        width: 3000px;
        height: 216px;
        padding: 0;
        margin: 0;
    }

    div#CartAddon ol li {
        float: left;

        width: 168px;
        height: 210px;

        text-align: center;
        line-height: 24px;

        background-image: url(../../common/images/line_dot.gif);
        background-position: right;
        background-repeat: repeat-y;
    }


    div#CartAddon ol li a {
        color: #000;
        text-decoration: none;
    }

    div#CartAddon ol li a span {
        display: block;
    }

    div#CartAddon ol li div {
        width: 166px;
        height: 112px;
    }

    div#CartAddon ol li em {
        margin-left: 5px;
        color: #fe7a3f;
        font-size: 16px;
        font-weight: bold;
    }

    div#CartAddon select {
        width: 120px;
        margin: 3px;
    }

    div#CartAddon span.slogan {
        display: block;
        width: 140px;

        margin: 0 auto 0 auto;
        overflow: hidden;
        white-space: nowrap;
    }

    div#CartAddon input {
        border: 1px solid #666;
        color: #fff;
        font-size: 12px;
        background-color: #666;
    }

    div#CartAddon input.disabled {
        margin: 0 20px;

        text-decoration: line-through;
        color: #666;
        background-color: #fff;
    }

    div#CartAddon select.disabled {
        visibility: hidden;
    }

/* <<< 加購品選擇 */