﻿@charset "utf-8";
/* CSS Document */
/* ------------ Reset ------------ */

/* cart */
.table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; background-color:#fff; }
.table tr { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.table tr:hover { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.table td
{
    border: 1px solid #E7E7E7;
    padding: 15px;
}
.table th
{
    padding: 10px;
    text-align: left;
}
.table th { font-weight: bold; background-color: #eeeeee; border-bottom: 1px solid #E7E7E7; }
.th.quantity, .td.quantity { text-align: left; }
.th .price, .th .total, .tbody .price, .tbody .total { text-align: right; }
.th .quantity a { margin-top:-5px }
.tbody td { vertical-align: top; border-bottom: 1px solid #E7E7E7; }
.tbody .remove { vertical-align: middle; }
.tbody .remove, .tbody .image { text-align: center; }
.tbody .name, .tbody .model { text-align: left; }
.tbody span.stock { color: #F00; font-weight: bold; }
.cart-module .cart-heading { border: 1px solid #E7E7E7; padding: 8px 8px 8px 22px; font-weight: bold; font-size: 12px; margin-bottom: 15px; cursor: pointer; background: #ffffff url('../image/arrow-right.png') 10px 50% no-repeat; }
.cart-module .active { background: #ffffff url('../image/arrow-down.png') 7px 50% no-repeat; }
.cart-module .cart-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; }
.cart-module > div { display: none; }
.cart-total { border-top: 1px solid #E7E7E7; overflow: auto; padding-top: 8px; margin-bottom: 15px; }
.cart-total table { float: right; }
.cart-total td { padding: 3px; text-align: right; }
.cartoptionbox { background:#fff; padding:15px; border:1px solid #ddd; margin-bottom:40px }
ul.total { font-size:16px; margin-top:5px; margin-right:10px }
ul.total li { padding:10px 0 }
ul.total li span.extra { width:150px; float:left; text-align:right; padding-right:20px }
.totalamout { font-size:22px; color:#03956D }
