/* ############################################################################
   ##
   ##  Shop Module - Inline Styles
   ##
   ##  Shop module elements that are displayed within regular page templates.
   ##
   ######################################################################### */

/* ####################################
   Shipping Cart Table(s)
   ################################## */

table.shoppingCart {
    width: 100%;
    margin-bottom: 1em;
    border: 0;
}

    table.shoppingCart th {
        padding: 8px;
        background: #f0f0f0;
        border: #e0e0e0 1px solid;
    }

    table.shoppingCart td {
        padding: 8px;
        vertical-align: top;
    }

    table.shoppingCart #BookingsHeaderRow {
    }

    table.shoppingCart #ProductsHeaderRow {
    }

    table.shoppingCart tr.itemsCategory {
        background: #fcfcfc;
    }

        table.shoppingCart tr.itemsCategory th.itemsCategoryLabel {
            border: #f0f0f0 1px solid;
        }

            table.shoppingCart tr.itemsCategory td.itemsCategoryLabel .itemsCategoryName {
            }

            table.shoppingCart tr.itemsCategory td.itemsCategoryLabel .itemsCategoryProductAddLink {
            }

                table.shoppingCart tr.itemsCategory td.itemsCategoryLabel .itemsCategoryProductAddLink a {
                }

    table.shoppingCart .productRow {
    }

        table.shoppingCart .productRow:nth-child(2n+1) {
            background: #fcfcfc;
        }

        table.shoppingCart .productRow td {
            vertical-align: middle;
            border: #f0f0f0 1px solid;
        }

            table.shoppingCart .productRow td.itemInfo {
                width: 60%;
            }

                table.shoppingCart .productRow td.itemInfo .productImage {
                    display: inline-block;
                    vertical-align: middle;
                    width: 75px;
                    height: 75px;
                    margin-right: 10px;
                    text-align: center;
                }

                    table.shoppingCart .productRow td.itemInfo .productImage img {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        max-width: 100%;
                        max-height: 100%;
                    }

                table.shoppingCart .productRow td.itemInfo .productInfo {
                    display: inline-block;
                    vertical-align: middle;
                }

                    table.shoppingCart .productRow td.itemInfo .productInfo .productLabel {
                        margin-bottom: 5px;
                    }

                        table.shoppingCart .productRow td.itemInfo .productInfo .productLabel .productCode {
                            display: inline-block;
                        }

                            table.shoppingCart .productRow td.itemInfo .productInfo .productLabel .productCode:after {
                                text-transform: uppercase;
                                content: " - ";
                            }

                        table.shoppingCart .productRow td.itemInfo .productInfo.productLabel .productName {
                        }

                    table.shoppingCart .productRow td.itemInfo .productInfo .productNote {
                    }

                        table.shoppingCart .productRow td.itemInfo .productInfo .productNote .helpText {
                        }

                    table.shoppingCart .productRow td.itemInfo .productInfo .deliveryType {
                    }

            table.shoppingCart .productRow td.itemCode {
                width: 10%;
                white-space: nowrap;
            }

            table.shoppingCart .productRow td.itemPrice {
                width: 10%;
                white-space: nowrap;
            }

            table.shoppingCart .productRow td.itemQuantity {
                width: 10%;
            }

                table.shoppingCart .productRow td.itemQuantity .quantitySelector {
                    width: 50px;
                }

            table.shoppingCart .productRow td.itemTotal {
                width: 10%;
                white-space: nowrap;
            }

            table.shoppingCart .productRow td.itemOptions {
                width: 10%;
                white-space: nowrap;
            }

                table.shoppingCart .productRow td.itemOptions .removeProductButton {
                }
    
    table.shoppingCart .productRow.noProduct {
    }

    table.shoppingCart tr.cartUpdateTotals {
    }
    
        table.shoppingCart tr.cartUpdateTotals td.rowLabel {
            text-indent: -10000em;
        }

        table.shoppingCart tr.cartUpdateTotals td.rowValue {
            padding-bottom: 2em;
        }

    table.shoppingCart tr.cartRow {
    }

        table.shoppingCart tr.cartRow .rowLabel {
            border: 0;
        }

        table.shoppingCart tr.cartRow .rowValue {
            border: 0;
        }

    table.shoppingCart tr.cartSubTotal {
    }

        table.shoppingCart tr.cartSubTotal td.rowLabel {
            padding-top: 20px;
            font-weight: bold;
            border-top: #e0e0e0 1px solid;
        }

        table.shoppingCart tr.cartSubTotal td.rowValue {
            padding-top: 20px;
            border-top: #e0e0e0 1px solid;
        }

    table.shoppingCart tr.cartSalesTax {
    }

        table.shoppingCart tr.cartSalesTax td.rowLabel {
        }

        table.shoppingCart tr.cartSalesTax td.rowValue {
        }

    table.shoppingCart tr.cartShipping {
    }
    
        table.shoppingCart tr.cartShipping td.rowLabel {
                padding-bottom: 40px;
        }

        table.shoppingCart tr.cartShipping td.rowValue {
        }

    table.shoppingCart tr.cartPostCodeMessage {
    }

    table.shoppingCart tr.cartTotal {
    }

        table.shoppingCart tr.cartTotal td.rowLabel {
            font-weight: bold;
            border-top: #e0e0e0 1px solid;
        }

        table.shoppingCart tr.cartTotal td.rowValue {
            border-top: #e0e0e0 1px solid;
        }

@media screen and (max-width: 480px) {

    table.shoppingCart {
        zoom: 0.8;
    }

}

/* ####################################
   Past Orders
   ################################## */

.pastOrders {
    margin-bottom: 2em;
}

    .pastOrders .sectionTitle {
    }

    .pastOrders table.pastOrdersSummary {
        width: 100%;
    }

        .pastOrders table.pastOrdersSummary thead {
        }

            .pastOrders table.pastOrdersSummary thead th, 
            .pastOrders table.pastOrdersSummary th {
                padding: 8px;
                background: #f0f0f0;
                border: #e0e0e0 1px solid;
            }

        .pastOrders table.pastOrdersSummary tbody {
        }

            .pastOrders table.pastOrdersSummary tbody td,
            .pastOrders table.pastOrdersSummary td {
                padding: 8px;
                vertical-align: top;
                border: #f0f0f0 1px solid;
            }

        .pastOrders table.pastOrdersSummary tr.savedCart {
        }

            .pastOrders table.pastOrdersSummary tr.savedCart td.orderNumber {
            }

            .pastOrders table.pastOrdersSummary tr.savedCart td.orderDate {
            }

            .pastOrders table.pastOrdersSummary tr.savedCart td.orderStatus {
            }

            .pastOrders table.pastOrdersSummary tr.savedCart td.orderPaymentStatus {
            }

            .pastOrders table.pastOrdersSummary tr.savedCart td.orderPaymentType {
            }

            .pastOrders table.pastOrdersSummary tr.savedCart td.orderTotal {
            }

.pastOrderFull {
    margin-bottom: 2em;
}

    .pastOrderFull .sectionTitle {
    }
    
    .pastOrderFull .pastOrderDetailsTitle {
    }
    
    .pastOrderFull #ReceiptOrderInfo {
        /* Same as the cart receipt page. */
    }

/* ####################################
   Saved Carts
   ################################## */

.savedCarts {
    margin-bottom: 2em;
}

    .savedCarts .sectionTitle {
    }

    .savedCarts table.savedCartsSummary {
        width: 100%;
    }

        .savedCarts table.savedCartsSummary thead {
        }

            .savedCarts table.savedCartsSummary thead th, 
            .savedCarts table.savedCartsSummary th {
                padding: 8px;
                background: #f0f0f0;
                border: #e0e0e0 1px solid;
            }

        .savedCarts table.savedCartsSummary tbody {
        }

            .savedCarts table.savedCartsSummary tbody td,
            .savedCarts table.savedCartsSummary td {
                padding: 8px;
                vertical-align: top;
                border: #f0f0f0 1px solid;
            }

        .savedCarts table.savedCartsSummary tr.savedCart {
        }

            .savedCarts table.savedCartsSummary tr.savedCart td.savedCartDate {
            }

            .savedCarts table.savedCartsSummary tr.savedCart td.savedCartTotal {
            }

            .savedCarts table.savedCartsSummary tr.savedCart td.savedCartActions {
            }

                .savedCarts table.savedCartsSummary tr.savedCart td.savedCartActions a {
                    display: inline-block;
                    padding: 5px 30px 5px 14px;
                    color: #ffffff;
                    font-size: 100%;
                    font-weight: normal !important;
                    text-transform: uppercase;
                    background-color: #aa1100;
                    background-image: url('/images/cms/icons/white/arrow_right_white_16.png');
                    background-repeat: no-repeat;
                    background-position: 95% center;
                    border: 0;
                    cursor: pointer;
                }
                
                    .savedCarts table.savedCartsSummary tr.savedCart td.savedCartActions a:hover {
                    }

                .savedCarts table.savedCartsSummary tr.savedCart td.savedCartActions a.cartDetails {
                }

                    .savedCarts table.savedCartsSummary tr.savedCart td.savedCartActions a.cartDetails:before {
                    }

                .savedCarts table.savedCartsSummary tr.savedCart td.savedCartActions a.deleteCart:before {
                }

.savedCartFull {
    margin-bottom: 2em;
}

    .savedCartFull .sectionTitle {
    }

    .savedCartFull .savedCartTitle {
    }

        .savedCartFull .savedCartTitle .savedCartLabel {
        }

        .savedCartFull .savedCartTitle .savedCartLabelSeparator {
        }

        .savedCartFull .savedCartTitle .savedCartLabelDate {
        }

    .savedCartFull .shoppingCart,
    .savedCartFull .shoppingCartProductCategories {
    }

        .savedCartFull table.cart {
        }
        
            .savedCartFull table.cart .cartCategoryProductAddLink {
                display: none !important;
            }

            .savedCartFull table.cart .cartShippingSelect {
                display: none !important;
            }

    .savedCartFull .savedCartActions {
    }

        .savedCartFull .savedCartActions a {
        }

        .savedCartFull .savedCartActions a.deleteCart {
        }

        .savedCartFull .savedCartActions a.restoreCart {
        }
            
    .savedCartFull #ReceiptOrderInfo {
        /* Same as the cart receipt page. */
    }

/* ####################################
   Prices 
   These appear on Product Summary and on the product detail pages under #CartFunctions
   ################################## */

.prices {
}

    .prices ul {
        list-style: none;
        margin: 0 0 0.5em;
        padding: 0;
    }

        .prices ul li {
            margin: 0.5em 0;
        }
            
    .prices .priceLabel {
        display: inline-block;
        width: 65px;
        color: #3b96c3;
        font-weight: bold;
    }
            
    .prices .priceValue {
        display: inline;
        color: #3b96c3;
    }

        .prices .priceValue .fullPrice {
            display: inline-block;
        }

        .prices .priceValue .specialPrice {
            display: inline-block;
        }

            .prices .priceValue .exTax {
            }

            .prices .priceValue .incTax {
                display: table; /* Trick to put it on the next line but not block width */
                font-size: 10px;
            }

                .prices .priceValue .incTax:after {
                    content: " inc. GST";
                }

    .prices .priceValue.tax_priceplustax {
        display: inline-block;
        vertical-align: middle;
    }

        .prices .priceValue.tax_priceplustax .incTax {
            font-size: inherit;
        }

    .prices .pricePublic {
    }

    .prices .priceMembers {
    }
        
    .prices ul.onSpecial {
    }
            
        .prices ul.onSpecial .fullPrice {
            margin-right: 10px;
            text-decoration: line-through;
        }
                
        .prices ul.onSpecial .specialPrice {
        }

/* ####################################
   Product Summary
   ################################## */

.articles:not(.cards):not(.tiles) .content_type_shopct_product {
    position: relative;
    float: left;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 1.5em;
    padding: 20px;
    border: #e0e0e0 1px solid;
}

    .articles:not(.cards):not(.tiles) .content_type_shopct_product:nth-child(2n+1) {
    }

    .articles:not(.cards):not(.tiles) .content_type_shopct_product .thumbnail {
    }
    
        .articles:not(.cards):not(.tiles) .content_type_shopct_product .thumbnail img {
        }

    .articles:not(.cards):not(.tiles) .content_type_shopct_product .text {
    }
    
        .articles:not(.cards):not(.tiles) .content_type_shopct_product .text .title {
            margin-top: 0px;
        }
    
            .content_type_shopct_product .text .title .productCode {
                text-transform: uppercase;
                display: inline-block;
            }
    
                .content_type_shopct_product .text .title .productCode:after {
                    content: " - ";
                }

        .content_type_shopct_product .text .productNote {
            margin: 0 0 0.5em;
            color: #909090;
        }

        .content_type_shopct_product .text .summary {
            margin: 0 0 1em;
        }

            .content_type_shopct_product .text .summary p {
                margin: 0 0 0.5em;
            }

            .content_type_shopct_product .text .summary .readMore {
            }

                .content_type_shopct_product .text .summary .readMore a {
                    font-weight: bold;
                }

                    .content_type_shopct_product .text .summary .readMore a:after {
                        /*content: "\f054";
                        font-family: "Font Awesome 5 Pro";
                        margin-left: 5px;*/
                    }

        .content_type_shopct_product .text .stockInfo {
            margin: 0 0 0.5em;
        }

            .content_type_shopct_product .text .stockInfo .stockLabel {
                display: inline;
                font-weight: bold;
            }

            .content_type_shopct_product .text .stockInfo .stockMessage {
                display: inline;
            }

                .content_type_shopct_product .text .stockInfo .stockMessage .inStock {
                }

        .content_type_shopct_product .text .prices {
        }

            .content_type_shopct_product .text .prices .noPrices {
            }

        .content_type_shopct_product .text .membersOnly {
            margin: 0 0 0.5em;
        }

        .content_type_shopct_product .text .cartOptions {
        }

            .content_type_shopct_product .text .cartOptions .variations {
            }

                .content_type_shopct_product .text .cartOptions .variations.radio {
                }

                    .content_type_shopct_product .text .cartOptions .variations.radio label.productionVariation {
                        display: flex;
                        flex-direction: row;
                        align-items: flex-start;
                    }

                        .content_type_shopct_product .text .cartOptions .variations.radio label.productionVariation .control {
                            padding-right: 5px;
                        }

                        .content_type_shopct_product .text .cartOptions .variations.radio label.productionVariation .text {
                            padding-top: 3px;
                        }

                .content_type_shopct_product .text .cartOptions .variations.dropdown {
                    position: relative;
                    float: left;
                    margin-right: 3px;
                    max-width: 150px;
                }

                    .content_type_shopct_product .text .cartOptions .variations.dropdown select {
                        max-width: 100%;
                        margin-top: 1px;
                        padding: 8px;
                        border-radius: 3px;
                        border: #c0c0c0 1px solid;
                    }
                
            .content_type_shopct_product .text .cartOptions .addToCartButton {
            }

                .content_type_shopct_product .text .cartOptions .addToCartButton .quantitySelector {
                    width: 50px;
                    padding: 9px;
                    border-radius: 3px;
                    border: #c0c0c0 1px solid;
                }

                .content_type_shopct_product .text .cartOptions .addToCartButton .applicationButton {
                }
         
            .content_type_shopct_product .text .cartOptions .addToCartButton.productAdded {
            }
        
                .content_type_shopct_product .text .cartOptions .addToCartButton.productAdded:after {
                    content: "\2714  Product Added";
                    display: inline-block;
                    padding: 10px;
                    font-weight: bold;
                    color: #fff;
                    background: #339900;
                    border-radius: 3px;
                }
       
            .content_type_shopct_product .text .moreInfoButton {
                margin-top: 1em;
            }

                .content_type_shopct_product .text .moreInfoButton a {
                }

/* ####################################
   Product Details
   ################################## */

.productDetails {
}

    .productDetails #PageTitle {
    }

        .productDetails #PageTitle .productCode {
            text-transform: uppercase;
            display: inline-block;
        }

            .productDetails #PageTitle .productCode:after {
                content: " - ";
            }

/* ####################################
   Shopping Cart Summary
   ################################## */

#ShoppingCartSummaryShort {
    padding: 0 20px 20px;
}

    #ShoppingCartSummaryShort #ShoppingCartSummaryInfo {
        display: inline-block; 
        margin-right: 10px;
    }

        #ShoppingCartSummaryShort #ShoppingCartSummaryInfo .cartProducts {
            display: inline-block;
            margin-right: 10px;
        }

            #ShoppingCartSummaryShort #ShoppingCartSummaryInfo .cartProducts > span {
                display: inline-block;
                margin-right: 4px;
            }

        #ShoppingCartSummaryShort .cartTotalPrice {
            display: inline-block;
            margin-right: 10px;
        }
        
            #ShoppingCartSummaryShort #ShoppingCartSummaryInfo .cartTotalPrice > span {
                display: inline-block;
                margin-right: 4px;
            }

    #ShoppingCartSummaryShort ul.cartLinks {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #ShoppingCartSummaryShort ul.cartLinks li {
            display: inline-block;
            margin: 0 10px 0 0;
            padding: 0;
            list-style: none;
        }

            #ShoppingCartSummaryShort ul.cartLinks li a.cartButton {
            }

            #ShoppingCartSummaryShort ul.cartLinks li a.checkoutButton {
            }

#ShoppingCartSummary {
}

    #ShoppingCartSummary .cartDetails {
        border: #e0e0e0 1px solid;
        padding: 8px;
    }

    #ShoppingCartSummary .cartProducts {
    }

    #ShoppingCartSummary .cartTotalPrice {
    }

    #ShoppingCartSummary .cartLinks {
        list-style: none;
    }

        #ShoppingCartSummary .cartLinks .viewCartLink {
            display: inline;
        }

        #ShoppingCartSummary .cartLinks .checkoutLink {
            display: inline;
        }

/* ############################################################################
   ##
   ##  Fixed Shop Module Pages
   ##
   ######################################################################### */

/* ####################################
   Cart Page
   ################################## */

.cartButtons {
    display: inline-block;
    width: 100%;
    margin: 1.5em 0 1.5em;
    text-align: center;
}

    .cartButtons .cartButton {
        /* Defined in Buttons.css */
    }

    .cartButtons .continueShoppingButton {
        display: none; /* An old ASP Classic button that we don't use any more. */
    }

    .cartButtons .emptyCartButton {
        float: left;
    }

    .cartButtons .checkoutButton {
        float: right;
    }

@media screen and (max-width: 600px) {

    .cartButtons .applicationButton {
        float: none !important;
        margin-bottom: 1.5em !important;
    }

}

/* ####################################
   Checkout Form
   + Payment & shipping options lists that appear in various places
   ################################## */

#CheckoutForm {
}

    #CheckoutForm #ContactDetails {
    }

    #CheckoutForm #ContactAddress {
    }

    #CheckoutForm #ShippingAddress {
    }

    #CheckoutForm #AdditionalOrderInfo {
    }

    #CheckoutMethodForm,
    #CheckoutForm #ShippingOptions,
    #ShippingOptions,
    #CheckoutForm #PaymentDetails {
    }

        #CheckoutMethodForm #CheckoutMethodContainer .checkoutType, 
        #CheckoutForm #ShippingOptions .shippingType, 
        #ShippingOptions .shippingType, 
        #CheckoutForm #PaymentDetails .paymentType {
            position: relative;
            float: left;
            width: 100%;
            margin-bottom: 0.75em;
        }

        #CheckoutMethodForm #CheckoutMethodContainer .checkoutType:last-child,
        #CheckoutForm #ShippingOptions .shippingType:last-child,
        #ShippingOptions .shippingType:last-child,
        #CheckoutForm #PaymentDetails .paymentType:last-child {
            margin-bottom: 0;
        }

            #CheckoutMethodForm #CheckoutMethodContainer .checkoutType label,
            #CheckoutForm #ShippingOptions .shippingType label,
            #ShippingOptions .shippingType label,
            #CheckoutForm #PaymentDetails .paymentType label {
                margin-bottom: 0;
            }

                #CheckoutMethodForm #CheckoutMethodContainer .checkoutType label input,
                #CheckoutForm #ShippingOptions .shippingType label input,
                #ShippingOptions .shippingType label input,
                #CheckoutForm #PaymentDetails .paymentType label input {
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                #CheckoutMethodForm #CheckoutMethodContainer .checkoutType label span.title,
                #CheckoutForm #ShippingOptions .shippingType label span.title,
                #ShippingOptions .shippingType label span.title,
                #CheckoutForm #PaymentDetails .paymentType label span.title {
                    display: block;
                    margin: 0 0 0.5em;
                }

                #CheckoutMethodForm #CheckoutMethodContainer .checkoutType label span.summary,
                #CheckoutForm #ShippingOptions .shippingType label span.summary,
                #ShippingOptions .shippingType label span.summary,
                #CheckoutForm #PaymentDetails .paymentType label span.summary {
                    display: block;
                    color: #909090;
                }

        #CheckoutMethodForm #CheckoutMethodContainer .checkoutType div.helpText,
        #CheckoutForm #ShippingOptions .shippingType div.helpText,
        #ShippingOptions .shippingType div.helpText,
        #CheckoutForm #PaymentDetails .paymentType div.helpText {
            margin-top: -5px;
            margin-left: 20px;
        }

    #CheckoutForm .submitButton {
    }

/* ####################################
   Checkout Confirm Page
   ################################## */

#CheckoutConfirmPage {
}

    #CheckoutConfirmPage #CheckoutConfirmPageContent {
    }

        #CheckoutConfirmPage #CheckoutConfirmPageContent #CheckoutConfirmOrderDetails {
        }

            #CheckoutConfirmPage #CheckoutConfirmPageContent #CheckoutConfirmOrderDetails #ConfirmOrderShoppingCart {
                border: 0;
                padding: 0;
            }

                #CheckoutConfirmPage #CheckoutConfirmPageContent #CheckoutConfirmOrderDetails #ConfirmOrderShoppingCart .legend {
                    display: none;
                }
            
            #CheckoutConfirmPage #CheckoutConfirmPageContent #CheckoutConfirmOrderDetails #CustomerDetails {
            }
            
            #CheckoutConfirmPage #CheckoutConfirmPageContent #CheckoutConfirmOrderDetails #AdditionalInfo {
            }
            
            #CheckoutConfirmPage #CheckoutConfirmPageContent #CheckoutConfirmOrderDetails #PaymentInfo {
            }

    #CheckoutConfirmPage table.shoppingCart {
    }

        #CheckoutConfirmPage table.shoppingCart th {
            padding: 8px;
            background: #f0f0f0;
            border: #e0e0e0 1px solid;
        }
    
        #CheckoutConfirmPage table.shoppingCart td {
            vertical-align: top;
            padding: 8px;
            border: #e0e0e0 1px solid;
        }

        #CheckoutConfirmPage table.shoppingCart tr.cartRow {
        }

            #CheckoutConfirmPage table.shoppingCart tr.cartRow td.rowLabel {
                text-align: right;
            }

/* ####################################
   Checkout Payment Form
   ################################## */

#CheckoutPaymentPage {
}

    #CheckoutPaymentPage #CheckoutPaymentPageContent {
    }

#CreditCardForm {
}

    fieldset#CreditCardDetails {
    }

        fieldset#CreditCardDetails select {
            width: auto !important;
        }

/* ####################################
   Shopping Cart Progress Bar
   ################################## */

.progressMeter {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 1em;
    color: #ffffff;
    font-weight: bold;
    font-size: 91.7%;
}

    .progressMeter ol {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .progressMeter ol li {
            position: relative;
            float: left;
            margin: 0 0 0.125% !important;
            padding: 0 0.125% 0 0 !important;
            width: 19.875%;
            list-style-position: inside;
            list-style: none;
        }

        .progressMeter ol li a, .progressMeter ol li span {
            display: inline-block;
            width: 90%;
            padding: 5%;
            color: #ffffff;
            background-color: #c8c0b8;
            background-image: url('/images/cms/icons/white/arrow_right_white_16.png');
            background-repeat: no-repeat;
            background-position: 95% center;
            border: #a8a8a8 1px solid inset;
        }

            .progressMeter ol li a {
                background-color: #787068;
            }

    .progressMeter ol li.currentStep {
    }

        .progressMeter ol li.currentStep a, .progressMeter ol li.currentStep span {
            /*margin-top: -1%;
            padding: 6% 5%;*/
            color: #ffffff;
            border: 0;
            background-color: #181008;
        }

@media screen and (max-width: 768px) {

    .progressMeter {
        font-size: 0.75rem;
        font-weight: normal;
    }

        .progressMeter ol li a, .progressMeter ol li span {
            width: 100%;
            box-sizing: border-box;
            text-align: center;
            background-image: none;
        }

}

@media screen and (max-width: 600px) {

    .progressMeter {
        display: none;
    }

}

/* ####################################
   Receipt
   ################################## */

#ReceiptOrderInfo {
}

    #ReceiptOrderInfo ul.dataFields {
    }

        #ReceiptOrderInfo ul.dataFields li.fieldContainer {
            display: inline-block;
            float: none;
            margin: 0.25em 0;
        }

            #ReceiptOrderInfo ul.dataFields li.fieldContainer .fieldTitle {
                width: 110px;
                padding: 0;
            }

            #ReceiptOrderInfo ul.dataFields li.fieldContainer .fieldText {
                padding: 0;
                background: transparent;
            }

    #ReceiptOrderInfo #OrderIncomplete {
        /* Only displayed in certain cirumstances */
    }

        #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.orderType {
        }

        #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.orderStatus {
        }

        #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus {
        }

            #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText {
            }

                #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusSummary {
                }

                #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse {
                }

                    #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse:before {
                        content: " / ";
                    }

                    #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse .responseCode {
                    }

                        #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse .responseCode:before {
                            content: "Code: ";
                        }

                    #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse .summaryCode {
                    }

                        #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse .summaryCode:before {
                            content: " / ";
                        }

                    #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse .responseText {
                    }

                        #ReceiptOrderInfo #OrderIncomplete ul.dataFields li.paymentStatus .fieldText .paymentStatusResponse .responseText:before {
                            content: " / ";
                        }

    #ReceiptOrderInfo #OrderComplete {
        /* Only displayed in certain cirumstances */
    }

    #ReceiptOrderInfo #OrderConfirmation {
        margin: 0;
        padding: 0;
        font-size: 116.7%;
        border: 0;
    }

        #ReceiptOrderInfo #OrderConfirmation .legend {
            display: none;
        }

        #ReceiptOrderInfo #OrderConfirmation ul.dataFields {
        }

            #ReceiptOrderInfo #OrderConfirmation ul.dataFields li.fieldContainer {
            }

                #ReceiptOrderInfo #OrderConfirmation ul.dataFields li.fieldContainer .fieldTitle {
                    width: 130px;
                }

                #ReceiptOrderInfo #OrderConfirmation ul.dataFields li.fieldContainer .fieldText {
                }

                #ReceiptOrderInfo #OrderConfirmation ul.dataFields li.fieldContainer.orderNumber .fieldText {
                    text-transform: uppercase;
                }

    #ReceiptOrderInfo #OrderInformation {
        border: 0;
        padding: 0;
    }

        #ReceiptOrderInfo #OrderInformation .legend {
            display: none;
        }

        #ReceiptOrderInfo #OrderInformation table.shoppingCart {
        }

            #ReceiptOrderInfo #OrderInformation table.shoppingCart th {
            }

            #ReceiptOrderInfo #OrderInformation table.shoppingCart td {
            }

            #ReceiptOrderInfo #OrderInformation table.shoppingCart tr.cartRow {
            }

                #ReceiptOrderInfo #OrderInformation table.shoppingCart tr.cartRow td.rowLabel {
                    text-align: right;
                }

    #ReceiptOrderInfo #MembershipActivated {
    }

/* ####################################
   Shop Help Popup Window
   ################################## */

#ShopHelpMessage {
}

    #ShopHelpMessage #PageTitle {
    }
    
    #ShopHelpMessage .helpTitle {
    }

    #ShopHelpMessage .helpSummary {
    }

/* ####################################
   Shipping Charges Popup Window
   ################################## */

body#Article_newcollege_shop_shipping_calculator {
}

    body#Article_newcollege_shop_shipping_calculator #PageTitle {
        display: none;
    }

    #ShippingMethodContainer {
    }

        #ShippingMethodContainer .fieldTitle {
            display: none;
        }

        #ShippingMethodContainer .fieldContent {
            width: 100%;
            max-width: 100%;
        }

    #CurrentShippingPrice {
    }

        #CurrentShippingPrice .fieldTitle {
            padding: 0;
        }