﻿.SimpleHeader {
    height: 110px;
}


.OrderNav {
    margin-left: -3px;
}

    .OrderNav h1 {
        margin: -35px 0 0 51px;
        color: #5d5d5d;
        font-size: 17px;
        border: 0px;
    }

.HeaderSagePay {
    float: right;
    margin-top: 30px;
}

    .HeaderSagePay img {
        float: left;
        margin-right: 10px;
    }

    .HeaderSagePay .OrderNavButton {
        padding: 4px;
        width: 150px;
        text-align: center;
        margin-top: 9px;
        display: inline-block;
    }

.BasketProduct {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-top: 4px solid #e6e6e6;
    border-left: 4px solid #e6e6e6;
    padding-top: 10px;
}

    .BasketProduct > img {
        float: left;
    }

    .BasketProduct .ProductImage {
        float: left;
        width: 148px;
        height: 148px;
        margin-right: 10px;
    }

        .BasketProduct .ProductImage tr td {
            position: relative;
            width: 148px;
            height: 148px;
            text-align: center;
            vertical-align: middle;
        }

    .BasketProduct table.ProductImage tr td img.OverlayImage {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }

    .BasketProduct .ProductImage tr td img {
        width: 140px;
    }

    .BasketProduct table.ProductInfo {
        float: left;
        width: 720px;
        text-align: center;
        border-collapse: collapse;
    }

    .BasketProduct th {
        border-bottom: 1px solid #959494;
        font-weight: bold;
    }

    .BasketProduct .ProductInfo p {
        margin-bottom: 0;
        font-weight: bold;
        line-height: 16px;
    }

    .BasketProduct .ProductInfo .SingleATBRed a {
        color: #e91f24;
    }

    .BasketProduct .ProductInfo p span {
        font-weight: normal;
        margin-left: 5px;
    }

    .BasketProduct .ProductInfo .Quantity input {
        width: 50px;
        border: 1px solid #DEDDDD;
        text-align: center;
        padding: 4px 5px;
    }

    .BasketProduct .ProductInfo .Quantity a {
        padding: 6px 10px;
        cursor: pointer;
    }

.FirstRow {
    padding-bottom: 15px;
    width: 290px;
}

.BasketProductClose {
    float: left;
    margin: 5px 0px 0px 20px;
    cursor: pointer;
}

.BasketDeliveryContainer {
}

.BasketInternational {
    background: #e6e6e6;
    padding: 20px;
    width: 550px;
    margin-top: 10px;
    float: left;
}

    .BasketInternational h2 {
        color: #6a6969;
        margin-bottom: 15px;
    }

    .BasketInternational .ButtonPrimary {
        margin-top: 10px;
    }

.InterButton {
    float: right;
    padding: 4px 9px;
}

.BasketPromotion {
    width: 590px;
    text-align: right;
    float: left;
    margin-top: 15px;
}

    .BasketPromotion input {
        width: 200px;
        padding: 2px;
    }

.BasketPromotionButton {
    padding: 4px;
    margin-left: 0px;
    margin-right: 0;
}

.BasketTotal {
    float: right;
    border-top: 1px solid #cac9c9;
    width: 310px;
    padding: 10px 0 0 0;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .BasketTotal .Column1 {
        float: left;
        text-align: right;
        width: 150px;
        margin-top: 7px;
        margin-bottom: 6px;
    }

    .BasketTotal .Column2 {
        float: right;
        margin-left: 5px;
        margin-bottom: 10px;
        border: 1px solid #CDCCCC;
        padding: 6px 10px;
        width: 120px;
    }

    .BasketTotal .BasketTotalTitleBold {
        font-weight: bold;
    }

.BasketTotalLast {
    float: right;
    border-top: 1px solid #cac9c9;
    width: 310px;
    padding: 15px 0 0 0;
}

    .BasketTotalLast select {
        float: right;
    }

    .BasketTotalLast .PurchaseOrder {
        margin-top: 30px;
    }

        .BasketTotalLast .PurchaseOrder .Column1 {
            width: 130px;
            text-align: left;
        }

        .BasketTotalLast .PurchaseOrder .Column2 {
            width: 180px;
        }

            .BasketTotalLast .PurchaseOrder .Column2 input {
                width: 176px;
            }

.BasketButtons {
    margin: 10px 0 0 0;
    padding-top: 10px;
    clear: both;
}

.BasketContinue {
    padding: 7px 15px;
    float: left;
    cursor: pointer;
}

.BasketCheckout {
    float: right;
    padding: 10px 20px;
    cursor: pointer;
}

.Login {
    width: 560px;
    margin: 0 auto;
    text-align: center;
    border-top: 4px solid #e6e6e6;
    border-left: 4px solid #e6e6e6;
    margin-top: 50px;
    padding: 20px;
}

    .Login .Row {
    }

        .Login .Row .Column1 {
            width: 100px;
            text-align: right;
            margin-right: 20px;
        }

        .Login .Row .Column2 {
            width: 400px;
        }

            .Login .Row .Column2 input {
                width: 400px;
            }

    .Login .RadioButtons {
        text-align: left;
        padding-left: 120px;
    }

    .Login .LoginForgotPassword {
        text-align: right;
        margin: 5px 40px 0px 0px;
    }

        .Login .LoginForgotPassword a {
            color: #e91f24;
        }

    .Login .LoginStep {
        border-top: 1px solid #CECECE;
        margin-top: 20px;
        padding: 15px;
    }

    .Login .LoginPrevious {
        float: left;
    }

    .Login .LoginNext {
        float: right;
    }

        .Login .LoginPrevious a, .Login .LoginNext a {
            padding: 10px 30px;
        }

.CheckoutAddresses {
    margin-left: -20px;
    margin-top: 50px;
}

.CheckoutAddressForm {
    width: 400px;
    padding: 20px;
    float: left;
    margin-left: 20px;
    border-left: 10px solid #e6e6e6;
    border-top: 10px solid #e6e6e6;
    position: relative;
}

    .CheckoutAddressForm h2 {
        border-bottom: 1px solid #797878;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    .CheckoutAddressForm .RegisterHeader {
        margin-top: 40px;
    }

    .CheckoutAddressForm .SameAsBilling {
        position: absolute;
        top: 15px;
        right: 20px;
    }

    .CheckoutAddressForm .CollectAddress {
        margin-top: 15px;
        line-height: 20px;
        font-weight: bold;
    }

.Buttons {
}

    .Buttons .ButtonPrimary,
    .Buttons .ButtonSecondary {
    }

    .Buttons .ButtonPrimary {
        padding: 10px 20px;
    }

    .Buttons .ButtonSecondary {
        padding: 7px 15px;
    }


.OrderSummary {
    margin-top: 50px;
}

    .OrderSummary .BasketProduct table.ProductInfo {
        width: 760px;
    }

    .OrderSummary .PaymentMethod {
        float: right;
        border-top: 1px solid #cac9c9;
        border-bottom: 1px solid #cac9c9;
        width: 310px;
        padding: 15px 0 15px 0;
        text-align: right;
    }

    .OrderSummary .PurchaseOrder {
        margin-top: 10px;
    }

        .OrderSummary .PurchaseOrder .Column1 {
            width: 135px;
            text-align: right;
            line-height: 20px;
        }

        .OrderSummary .PurchaseOrder .Column2 {
            width: 175px;
            font-weight: bold;
            line-height: 20px;
        }

    .OrderSummary .OrderFinalTerms {
        float: right;
        margin-top: 15px;
    }

    .OrderSummary .AddressDisplay {
        border-top: 5px solid #E6E6E6;
        border-left: 5px solid #E6E6E6;
        padding: 15px;
        width: 400px;
        height: 170px;
        margin-bottom: 30px;
    }

        .OrderSummary .AddressDisplay h2 {
            border-bottom: 1px solid #797878;
            padding: 0px 0px 6px 0px;
            margin: 0px 0px 15px 0px;
        }

        .OrderSummary .AddressDisplay .AddressRow {
            line-height: 16px;
        }

        .OrderSummary .AddressDisplay .Name {
            font-weight: bold;
            line-height: 20px;
        }

        .OrderSummary .AddressDisplay .Phone {
            font-weight: bold;
            line-height: 20px;
        }

        .OrderSummary .AddressDisplay .Buttons {
            text-align: right;
        }

            .OrderSummary .AddressDisplay .Buttons a {
                background: #e91f24;
                color: #ffffff;
                padding: 5px 10px;
            }

.AddressSelect {
    margin-top: 40px;
}

    .AddressSelect .BackButton {
        text-align: right;
        margin-bottom: 20px;
    }

        .AddressSelect .BackButton a {
            padding: 5px 10px;
        }

.AddressList .AddressContainer {
    margin-left: -40px;
}

.AddressList .AddressItem {
    width: 274px;
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    border: 5px solid #E6E6E6;
    border-width: 5px 0px 0px 5px;
}

    .AddressList .AddressItem .Address {
        padding: 10px;
        background: #fff;
        width: 254px;
        height: 150px;
    }

        .AddressList .AddressItem .Address .AddressRow {
            margin-bottom: 3px;
        }

        .AddressList .AddressItem .Address .AddressType {
            margin-bottom: 10px;
            border-bottom: 1px solid #999999;
            padding-bottom: 2px;
            font-weight: bold;
        }

        .AddressList .AddressItem .Address .Name {
            font-weight: bold;
        }

        .AddressList .AddressItem .Address .Phone {
            font-weight: bold;
        }

    .AddressList .AddressItem .Buttons {
        margin: 0px 10px 10px 10px;
    }

        .AddressList .AddressItem .Buttons a {
            padding: 5px 10px;
            display: inline-block;
            margin: 0px;
            float: right;
            margin-left: 10px;
        }

    .AddressList .AddressItem .noLongerDeliverable {
        -moz-transform: rotate(0.07turn);
        -ms-transform: rotate(0.07turn);
        -o-transform: rotate(0.07turn);
        -webkit-transform: rotate(0.07turn);
        transform: rotate(0.07turn);
        position: absolute;
        width: 225px;
        margin-top: 50px;
        margin-left: 30px;
        font-size: 20px;
    }

    .AddressList .AddressItem .Faded{
        opacity: 0.25;
    }

.AddressList .SubmitButton {
    text-align: right;
    width: 398px;
}

    .AddressList .AddButton a, .AddressList .SubmitButton a {
        display: inline-block;
        padding: 5px 10px;
        margin: 0px;
    }


.SagePay {
    text-align: center;
    line-height: 300px;
    margin: 0 auto;
    margin-top: 20px;
    border-top: 1px solid #CAC9C9;
    padding-top: 20px;
}


.OrderComplete {
    margin-top: 60px;
    text-align: center;
}

    .OrderComplete .Logo {
        margin-bottom: 20px;
    }

    .OrderComplete .OrderCompleteTitle {
        margin-bottom: 30px;
    }

    .OrderComplete p {
        margin-bottom: 40px;
        font-weight: bold;
    }

    .OrderComplete .OrderCompleteButton {
        padding: 8px 20px;
        margin-bottom: 100px;
        font-size: 15px;
    }


.InternationalError {
    border-top: 4px solid red;
    border-left: 4px solid red;
}
