/* ========== Start of Sales styling ================================================================================ */

@media all {

#addressConfirmationForm {
    clear:both;
}

/* Around 'Billing Address' details */
#addressConfirmationForm fieldset {
    width:95%;
}

#checkout .styledbutton,
#checkout a.styledbutton,
#showbilling .styledbutton,
#showbilling a.styledbutton {
    float:right;
    margin-top:-32px;
}

#showbilling .zeromessage {
    height: 32px;
    clear: both;
}

#checkout {
    display:none;
}

/* This is designed to work with the cart notice which is almost unaddressable... */
.notice {
    background-color:#ffffff;
    border:none 1px #ffffff;
    padding-left:0;
}

.cartSeparatorLine {
    border:none 1px #ffffff;
}

#showbilling > div img {
    margin-right:5px;
}

div.buttoncontainer #goToPayments {
    float:right;
}

div.buttoncontainer a.btn-orange {
    background-color:#3075ad;
    border:solid 1px #cccccc;
    color:#ffffff;
    font-family:"Trebuchet MS", sans-serif;
    font-size:14px;
    font-weight:bold;
    height:23px;
    padding:0 8px;
    text-decoration:none;
    text-transform:uppercase;
}

#cartValues {
    float:left;
    border-bottom:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    margin-bottom:15px;
    margin-top:15px;
}

#cartValues td {
    line-height:1.3em;
}

#cartValues tfoot {
    font-size:20px;
    font-style:normal;
}

#cartValues .styledbutton {
    font-size:0.8em;
    height:18px;
    margin-top:3px;
    min-width:90px;
    padding-top:1px;
}

#cartValues thead th:nth-child(1),
#cartValues tbody td:nth-child(1),
#cartValues tfoot th:nth-child(1),
#cartValues tfoot td:nth-child(1) {
    width:52%;
}

#cartValues thead th:nth-child(2),
#cartValues tbody td:nth-child(2),
#cartValues tfoot th:nth-child(2),
#cartValues tfoot td:nth-child(2) {
    display:none;
}

#cartValues thead th:nth-child(3),
#cartValues tbody td:nth-child(3),
#cartValues tfoot th:nth-child(3),
#cartValues tfoot td:nth-child(3) {
    width:12%;
}

#cartValues thead th:nth-child(4),
#cartValues tbody td:nth-child(4),
#cartValues tfoot th:nth-child(4),
#cartValues tfoot td:nth-child(4) {
    text-align:right;
    width:12%;
}

#cartValues thead th:nth-child(5),
#cartValues tbody td:nth-child(5),
#cartValues tfoot th:nth-child(5),
#cartValues tfoot td:nth-child(5) {
    text-align:right;
    width:12%;
}

#cartValues thead th:nth-child(6),
#cartValues tbody td:nth-child(6),
#cartValues tfoot th:nth-child(6),
#cartValues tfoot td:nth-child(6) {
    display:none;
}

#cartValues thead th:nth-child(7),
#cartValues tbody td:nth-child(7),
#cartValues tfoot th:nth-child(7),
#cartValues tfoot td:nth-child(7) {
    text-align:right;
    width:12%;
}

#cartValues tbody td {
    vertical-align:top;
}

/* Hide all the rows in the footer... */
#cartValues tfoot tr {
    display:none;
}

/* Then just reveal the last row... */
#cartValues tfoot tr:last-child {
    display:table-row;
}

#cartValues tfoot tr {
    display:none;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* The next few selectors are incredibly ugly, but in the absence of any useful identifiers on the page, they seem to */
/* be the only way to achieve our aims...                                                                             */
/* ------------------------------------------------------------------------------------------------------------------ */

/* Hide the 'Offer Code' paragraph... */
#cartTable + div + div {
    display:none;
}

/* Adjust the 'Continue browsing' paragraph... */
#cartTable + div + div + div + div + div {
    margin-bottom:10px;
    margin-top:10px;
}

/* Adjust the 'Subscriptions' paragraph...*/
#cartTable + div + div + div + div + div + div + div ul {
    margin-left:0;
}

.paymentagencies {
    clear:both;
    border:none 1px #ffffff;
}

#content #shoppingreceipt .receiptdetails {
    font-family: Arial, sans-serif;
}

}

@media print {

#content #breadcrumb,
#content #shoppingreceipt .printbutton {
    display: none;
}

#content #shoppingreceipt .receiptdetails {
    font-size: smaller;
}

}

/* ========== End   of Sales stylings =============================================================================== */