/*
 * Copyright (c) 2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/*Page layout styles*/

html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */

    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: small;
    background-image: url(../images/cart-page-back.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #f3f4f8;
}

a {
    cursor: pointer;
}

div#container {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    /*width:750px;*/

    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/

    min-height: 100%; /* real browsers */
}

div#header-area {
    padding-left: 1em;
    width: 980px;
    height: 139px;
    background-image: url(../images/chart-headder-back.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

div#content-area {
    padding: 1em 1em 1em 1em; /* bottom padding for footer */
    width: 980px;
    padding-bottom: 70px;
    margin-top: -30px;
}

div#footer-area {
    position: relative;
    width: 99%;
    bottom: 0; /* stick to bottom */
    background-color: #e6e6e6;
    border-top: solid 3px #14566d;
    padding-top: 1em;
    font-size: 11px;
    color: #333;
    padding-bottom: 50px;
}

div#footer-area p {
    padding-left: 20px;
}

/* Page decration styles*/
.cart-expbox {
    width: 100%;
}

.cart-expbox-02 {
    background-image: url(../images/cart-expbox-02.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 1px;
    height: 9px;
}

.cart-expbox-04 {
    background-image: url(../images/cart-expbox-04.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    width: 10px;
    font-size: 1px;
}

.cart-expbox-06 {
    background-image: url(../images/cart-expbox-06.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    font-size: 1px;
    height: 9px;
}

.cart-expbox-08 {
    background-image: url(../images/cart-expbox-08.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    width: 10px;
}

.cart-expbox-09 {
    background-image: url(../images/cart-expbox-09.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #4f9db9;
    text-align: right;
}

.cart-expbox-09 a {
    color: #fff;
    padding-left: 30px;
    padding-right: 10px;
}

.cart-expbox-09 a.cart-checkout {
    background-image: url(../images/cart-checkout-icon.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.cart-expbox-09 a.cart-show-white {
    background-image: url(../images/cart-cart-icon-white.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

a.cart-show-black {
    padding-left: 30px;
    font-weight: bold;
    background-image: url(../images/cart-cart-icon-black.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.cart-tab-mid {
    background-image: url(../images/cart-tab-mid.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    cursor: pointer;
}

.cart-tab-left {
    width: 11px;
    font-size: 1px;
}

.cart-tab-right {
    width: 11px;
    font-size: 1px;
}

.cart-tabs {
    padding-left: 20px;
}

.product-box {
    background-image: url(../images/cart-content-back.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    border: solid 1px #ececec;
    background-color: #fff;
    margin-top: 10px;
    padding: 1em;
    margin-bottom: 40px;
    color: #535353;
    line-height: 30px;
}

.price {
    color: #dc0000;
    font-size: 24px;
}

.cartData {
    text-align: left;
}

.show-items {
    color: #fffc8f;
}

.item-list {
    border-left: solid 1px #d2e6ec;
    border-top: solid 1px #d2e6ec;
    width: 100%;
}

.item-list thead th {
    background-color: #a1d2e5;
    border-right: solid 1px #d2e6ec;
    border-bottom: solid 1px #d2e6ec;
    padding-left: 5px;
    padding-top: 3px;
}

.item-list tbody td {
    border-right: solid 1px #d2e6ec;
    border-bottom: solid 1px #d2e6ec;
    padding-left: 5px;
    padding-right: 3px;
    padding-top: 3px;
    color: #fff;
}

.delete-icon {
    background-image: url(../images/trash.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.lastColWidth {
    width: 100px;
}

.pricecol {
    text-align: right;
}

.price-total {
    padding-top: 10px;
    font-size: 20px;
    color: #fff;
}

.checkout-wrapper {
    padding-top: 10px;
    text-align: right;
}

.cartData h1 {
    color: #fff;
}