/*
 * CSS for shopping cart
 * These styles are also defined in /mail/order_receipt.php
 */

span.ItemNo {   /* display in e-mail message only! */
    display: none;
}

table.Cart {
    margin: 6px auto;
    width: 100%;
}

table.Cart th,
table.Cart td {
    border-bottom: 1px solid #c3c4c6;
    text-align: left;
}

@media screen and (max-width:420px) {   /* smaller font and hide image */
    table.Cart th,
    table.Cart td {
        font-size: 14px;
    }
    table.Cart th:first-child,
    table.Cart td:first-child {
        display: none;
    }
}

table.Cart th.Qty,
table.Cart td.Qty {
    text-align: center;
}

table.Cart th.Price,
table.Cart td.Price {
    padding-right: 10px;
    text-align: right;
}

table.Cart td.Qty input {
    width: 50px;
    text-align: right;
}

table.Cart th.Qty button {
	margin: 0;
    text-align: right;
}

table.Cart th.Remove,
table.Cart td.Remove {
    text-align: center;
}

table.Cart th.Remove.hidden,
table.Cart td.Remove.hidden {
    display: none;
}

table.Cart th.Remove button {
    text-align: center;
}

table.Cart td.blank_th {
    border-bottom: 0;
}

table.Cart button:hover {
    background-color: #64002D;
}


main#public_template div.info div.CCLogos {
    float: right;
    width: 40%;
    text-align: left;
}

@media screen and (max-width:420px) {   /* hide images */
    main#public_template div.info div.CCLogos {
        display:none;
    }
}

main#public_template div.info div.CCLogos img {
    margin: 0 4px 8px 4px;
}

table.Receipt th {
    text-align: left;
}

table.Receipt th.SectionHdr {
    padding: 16px 0 0 0;
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    color: #b1005d;
}

table.Cart tr.Total th {
    border-bottom: 0;
}

table.Cart tr.Total th.title {
    text-align: right;
}

main div.info form fieldset legend {    /* same as H2 */
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 1.6em;
    text-align: left;
    color: #58595B;
    font-weight: bold;
}