﻿div.container.cart
{
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    background:#fff;
}

#commerceContainer
{
    width:100%;
    overflow:hidden;
}
#CartDataContainer
{
    display:none;
}

#cartLeftColumn {
    margin-right:270px;
}

#cartRightColumn {
    position:absolute;
    top:0px;
    right:0px;
}

.checkoutContainer h2, .checkoutContainer h3 {
    margin:5px 7px 15px 7px;
    line-height: 20px;
    font-size:26px;
    font-weight: bold;
}

.checkoutContainer h3 {
    font-size:20px;
}

.cartMainFull, .cartMain, .cartMainBottom {
    padding:7px 0px;
    border:solid 2px #999;
}

.cartMainFull {
    border-radius: 7px;
}

.cartMain {
    border-bottom:none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.cartSummaryLabel {
    padding:5px 111px 5px 5px;
    position:relative;
    
}

.cartSummaryLabel, .cartSummaryLabel em {
    font-size:14px;
    font-weight: bold;
    text-align: right;
    color:#fff;
    text-shadow:1px 1px 6px #115995;
}

.cartSummaryLabel em {
    display: block;
    position:absolute;
    width:120px;
    right:0px;
    top:5px;
}

#cartTotal {
    margin:10px 0px;
    border-top:solid 1px #B9E2F7;
    padding:5px 0 0 0;
    border-bottom:solid 1px #B9E2F7;
}

#cartTotal div.orderTotal {
    padding:10px 110px 10px 0px;
}

#cartTotal div.orderTotal em {
    padding:5px 0px;
}

#cartSubTotal div.orderTotal, #cartTotal div.orderTotal, #cartSubTotal div.orderTotal em, #cartTotal div.orderTotal em {
    font-size:18px;
}

.cartSpecial, .cartNote {
    width:260px;
    border:solid 2px #E8BC39;
    padding:7px;
    border-radius: 7px;
    margin-bottom:10px;
    background:#F7ECB0 url(/images/bgYellowFull.jpg) repeat-x;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 0 0px 0 rgba(255, 255, 255, 0.4) inset;
}

.cartSpecial h2, .cartNote h2 {
    color:#575757;
    font-size:18px;
    margin:0 0 5px 0;
    line-height: 20px;
}

.cartNote a {
    font-size:12px;
    color:#3A8FD6;
}

.cartNote ul {
    margin:0 0 0 20px;
}

.cartNote li {
    margin:0;
    padding:0;
    list-style: square;
}

.cartNote p {
    margin-bottom:0;
}

.cartSpecial {
    background:#fff;
    border-color:#999;
}

.cartTable {
    width:100%;
}

.cartTable th {
    font-size:15px;
    font-weight: bold;
    color:#777;
    padding:16px 5px 5px 5px;
    border-bottom:solid 1px #ccc;
}
.cartTable td {
    padding:5px 0 10px 0;
    line-height:22px;
}

input[type=text].quantityInput {
    font-weight: bold;
    text-align: center;
    font-size:14px;
    border:solid 1px #ccc;
    border-radius:7px;
    color:#333;
    padding:3px 7px;
    width:40px;
}

.cartTable td.product, .cartTable th.description {
    text-align: left;
    padding-left:0;
}

.cartTable td 
{
    padding:10px 0;
    border-bottom:solid 1px #ccc;
    color:#555;
}

.cartTable td.product div.productContainer 
{
    padding:2px 0 2px 110px;
    position:relative;
    min-height:100px;
}

.cartTable td.product div.productContainer a.title 
{
    font-size:16px;
}

.cartTable td.product div.productContainer span 
{
    display:block;
    margin:0;
    padding:0;
}

.cartTable td.product div.productContainer div.img 
{
    position:absolute;
    top:0;
    left:0;
}

.cartTable td.product div.productContainer div.img img 
{
    max-width:100px;
    height:105px;
}

.cartTable th.price, .cartTable th.quantity, .cartTable th.total, .cartTable td.price, .cartTable td.quantity, .cartTable td.total {
    width:100px;
    text-align: center;
    font-weight: bold;
    padding-top:16px;   

}

.cartTable td.total.subTotal 
{
    padding:10px 0 10px 5px;
}

.cartTable td span, .cartTable td span a, a.update {
    font-weight: normal;
    color:#999;
    font-size:11px;
}

a.update 
{
    display:none;
}

.cartTable td.quantity input[type=text] {
    width:60px;
}

.cartTable th.total, .cartTable td.total {
    text-align: right;
}

.cartTable td.subTotal
{
    font-size:16px;
    color:#575757;
}

.cartTable th.symbol {
    width:20px;
    padding-top:16px;
}

.cartTable td.symbol {
    padding-top:16px;
}

.cartTable th.spacer, .cartTable td.spacer {
    border-bottom:none;
    width:10px;
}

.cartTable th.side {
    border-bottom:none;
    width:1px;
}

.cartTable td.right 
{
    text-align:right;
}

.checkoutBtn.btn.orange
{
    padding:4px 16px;
    font-size:16px;
    font-weight:bold;
    border-radius:5px;
    margin:10px 0;
    display:block;
    width:220px;
    text-align:center;
    margin:30px 0 10px 0;
    cursor:pointer;
    box-shadow:1px 1px 3px rgba(0,0,0, .5);
    float:right;
}

.checkoutBtn.btn.orange i 
{
    font-size:14px;
    font-weight:normal;
    margin-top:3px;
}

#ReplenishmentDataList h2
{
    margin-top:0;
}

#ReplenishmentDataList h3 
{
    font-size:14px;
}

#ReplenishmentDataList {
    background-color: #008EA9;
    margin: 30px 0;
    padding: 10px;
}

#ReplenishmentDataList td, #ReplenishmentDataList hr
{
    border-bottom:none;
}

.productImage 
{
    
}

#ReplenishmentDataList h2, #ReplenishmentDataList h2 *, #ReplenishmentDataList h3, #ReplenishmentDataList h3 *
{
    color:#fff;
}

#ReplenishmentDataList h4 
{
    font-size:15px;
    font-weight:bold;
    color:#777;
    margin-bottom:0;
    font-style:italic;
}

#ReplenishmentDataList .AutoOrderTemplateItem 
{
    padding:0 7px;
    background:#fff;
    margin-bottom:7px;
}

.cartTable td.subTotal.subTotalAmount
{
    width:130px;
    text-align:right;
}

.item-row
{
    margin:10px 0;
}

.itemPreview
{
    display:block;
}

/* Mobile specific styles. */
@media (max-width: 768px)
{
    .btn.btn-info.checkoutBtn
    {
        display:block;
    }
}