@-ms-viewport{ width: auto !important; }
.barbour-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .barbour-container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .barbour-container {
        width: 970px;
    }
}
@media (min-width: 120000px) {
    .barbour-container {
        width: 1170px;
    }
}

div:focus {
    outline: none;
}

.dropdown {
    z-index: 999;
}

/*
        Login Page
*/
.login-page:after {
    content: "";
    display: block;
    clear: both;
}

#body-content.login-page {
    padding-left: 0;
}

.login-page #breadcrumb {
    color: #3d3d3d;
    background-color: #dcdcdc;
}

.login-page .header h2 {
    text-align: right;
    font-size: 1.625em;
    padding: 25px 0 15px 0;
}

.login-page .header .error {
    margin: 0 auto;
    border-width: 1px;
    border-style: solid;
    border-color: #e22121;
    padding: 4px;
    width: 472px;
    text-align: center;
}

.login-page .header .error p {
    color: #e22121;
    font-size: 1em;
}

.login-page div.form {
    padding: 15px;
    border: 1px solid #d8d8d8;
    margin: 15px 0 47px;
}

@media(max-width:767px) {
    .login-page div.form {
        margin-bottom: 15px;
    }
}

.login-page legend {
    font-size: inherit;
    border-bottom: none;
}

.login-page .header {
    padding-left: 15px;
    padding-right: 15px;
}

.login-page .secure {
    text-align: center;
    border-bottom: 1px solid #c6c6c6;
}

.login-page .secure .secure-message {
    text-transform: uppercase;

    display: inline-block;
    margin: 5px 0;
    font-size: 1.4em;
    line-height: 2em;
    font-family: "ProximaNovaRegular", "Arial", arial, sans-serif;
    padding-left: 24px;
    background: transparent url(../images/icon-secure-lock.png) no-repeat 0 50%;
}

.login-page .caption {
    clear: both;
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 14px;
    font-style: italic;
}

.login-page .forgot {
    margin-bottom: 20px;
    font-size: 14px;
}

.login-page .forgot a {
    font-weight: normal;
}

.login-page h3 {
    font-family: "ProximaNovaLight", "Arial", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.login-page .guest-register legend {
    margin-bottom: 30px;
}

.field.title select,
.form-group.title select {
    width: auto;
}

@media screen and (min-width: 768px) {
    .login-page div.form {
        border-radius: 4px;
    }
    .login-page .secure {
        border-bottom: none;
    }

    .login-page .secure .secure-message {
        border-bottom: 1px solid #c6c6c6;
        padding-left: 39px;
        padding-right: 15px;
        background-position: 15px 8px;
    }

    #checkout-basket-items li .header-basket-item {
        width: 170px !important;
    }

}

@media screen and (max-width: 767px) {
    .field.title select,
    .form-group.title select {
        width: 100%;
    }
}

.form-group .error {
    clear: both;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 1em;
}

@media(min-width: 992px) {
    .form-group .error {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 1em;
        width: 66.66666667%;
        margin-left: 33.33333333%;
    }
}

.submit-buttons {
    margin-bottom: 15px;
}

.form-group .info {
    font-style: italic;
}

/*label {
        line-height: 2.077em;
    display: block;
    float: left;
}*/

input[type=text],
input[type=password] {
    display: block;
    width: 100%;
}

.form-group {
    /*margin-bottom: 0;*/
    position: relative;
    clear: both;
}

.title-dropdown {
    float: left;
    width: 100px;
    position: relative;
    margin-bottom: 0.5em;
}

.title-dropdown.open {
    border-color: #c6c6c6;
    background-color: #c6c6c6;
    border-width: 1px;
    border-style: solid;
    width: 100px;
}

.title-dropdown .button {
    font-size: 11px;
    position: relative;
    padding: 3px 7px;
    display: block;
    border-color: #949494;
    text-decoration: none;
    color: #3d3d3d;
    border-width: 1px;
    border-style: solid;
    background: transparent url('../images/sort-by-dropdown-icon.gif') no-repeat 85px 10px;
    margin: 0;
}

.title-dropdown .button:hover,
.title-dropdown .button:focus,
.title-dropdown .button:active {
    background-position: 85px -68px;
    border-color: #c6c6c6;
    background-color: #c6c6c6;
    text-decoration: none;
    color: #3d3d3d;
}

.title-dropdown.open .button {
    background-color: #c6c6c6;
    background-position: 84px -30px;
    border: none;
}

.title-dropdown ul {
    list-style-type: none;
    position: absolute;
    z-index: 1;
    display: none;
    background: #c6c6c6;
    width: 100px;
    top: 100%;
    left: -1px;
}

.title-dropdown ul li a {
    display: block;
    padding: 3px 7px;
    margin: 4px 0;
    text-decoration: none;
    color: #3d3d3d;
}

.title-dropdown ul li a:hover,
.title-dropdown ul li a:focus,
.title-dropdown ul li a:active {
    background-color: #8c8c8c;
    color: #ffffff;
}

.fake-checkbox a {
    display: inline-block;
    margin: 10px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    text-decoration: none;
    font-size: 0.01em;
    background: transparent url('../images/login-page-checkbox.gif') no-repeat 0 0;
}

.fake-checkbox a:hover,
.fake-checkbox a:focus,
.fake-checkbox a:active {
    background-position: 0 -15px;
}

.fake-checkbox a.checked {
    background-position: 0 -30px;
}

.fake-checkbox a.checked:hover,
.fake-checkbox a.checked:active,
.fake-checkbox a.checked:active {
    background-position: 0 -45px;
}

/*
        Edit address page
*/
.card-type-dropdown,
.end-month-dropdown,
.end-year-dropdown,
.title-dropdown,
.country-dropdown {
    float: left;
    width: 100px;
    position: relative;
}

.card-type-dropdown,
.country-dropdown {
    width: 172px;
    /*    margin-left:10px;*/
}

@media(max-width:767px) {
    .country-dropdown {
        margin-left: 0;   
    }
}

.card-type-dropdown.open,
.end-month-dropdown.open,
.end-year-dropdown.open,
.title-dropdown.open,
.country-dropdown.open,
.enquiry-dropdown.open {
    background-color: #c6c6c6;
    border: 1px solid #c6c6c6;
    font-size: 13px;
}

.card-type-dropdown .button,
.end-month-dropdown .button,
.end-year-dropdown .button,
.title-dropdown .button,
.country-dropdown .button,
.enquiry-dropdown .button {
    font-size: 13px;
    position: relative;
    text-decoration: none;
    color: #3d3d3d;
    padding: 3px 7px;
    display: block;
    border: 1px solid #949494;
    background: transparent url('../images/sort-by-dropdown-icon.gif') no-repeat 85px 10px;
}

.card-type-dropdown .button,
.country-dropdown .button,
.enquiry-dropdown .button {
    background-position: 160px -68px;
}

.end-month-dropdown .button:hover,
.end-month-dropdown .button:focus,
.end-month-dropdown .button:active,
.end-year-dropdown .button:hover,
.end-year-dropdown .button:focus,
.end-year-dropdown .button:active,
.title-dropdown .button:hover,
.title-dropdown .button:focus,
.title-dropdown .button:active {
    background-position: 85px -68px;
    border-color: #c6c6c6;
    background-color: #c6c6c6;
}
.card-type-dropdown .button:hover,
.card-type-dropdown .button:focus,
.card-type-dropdown .button:active,
.country-dropdown .button:hover,
.country-dropdown .button:focus,
.country-dropdown .button:active {
    background-position: 160px -68px;
    border-color: #c6c6c6;
    background-color: #c6c6c6;
}

.end-month-dropdown.open .button,
.end-year-dropdown.open .button,
.title-dropdown.open .button {
    background-color: #c6c6c6;
    background-position: 84px -30px;
    border: none;
}

.card-type-dropdown.open .button,
.country-dropdown.open .button {
    background-color: #c6c6c6;
    background-position: 160px -30px;
    border: none;
}

.card-type-dropdown ul,
.end-month-dropdown ul,
.end-year-dropdown ul,
.title-dropdown ul,
.country-dropdown ul,
.enquiry-dropdown ul {
    list-style-type: none;
    position: absolute;
    z-index: 2;
    display: none;
    background: #c6c6c6;
    width: 100px;
    top: 100%;
    left: -1px;
}

.card-type-dropdown ul,
.country-dropdown ul {
    width: 172px;
}

.card-type-dropdown ul li a,
.end-month-dropdown ul li a,
.end-year-dropdown ul li a,
.title-dropdown ul li a,
.country-dropdown ul li a,
.enquiry-dropdown ul li a {
    display: block;
    padding: 3px 7px;
    margin: 4px 0;
    text-decoration: none;
    color: #3d3d3d;
}

.card-type-dropdown ul li a:hover,
.card-type-dropdown ul li a:active,
.card-type-dropdown ul li a:focus,
.end-month-dropdown ul li a:hover,
.end-month-dropdown ul li a:active,
.end-month-dropdown ul li a:focus,
.end-year-dropdown ul li a:hover,
.end-year-dropdown ul li a:active,
.end-year-dropdown ul li a:focus,
.title-dropdown ul li a:hover,
.title-dropdown ul li a:active,
.title-dropdown ul li a:focus,
.country-dropdown ul li a:hover,
.country-dropdown ul li a:active,
.country-dropdown ul li a:focus {
    background-color: #8c8c8c;
    color: #ffffff;
}

/*
        Checkout address page
*/

.checkout-address-page .header h2 {
    text-transform: uppercase;
    /*font-size: 1.625em;*/
    font-weight: normal;
    padding: 25px 0 10px 10px;
    text-align: left;
}

.checkout-address-page .new-address h2,
.checkout-address-page .existing h2,
.checkout-address-page .header h2 {
    font-family: "ProximaNovaLight", "Arial", sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 15px;
    font-weight: 300;
}

.checkout-address-page .address-holder .address-item {
    padding-right: 120px;
    margin-bottom: 15px;
}

.checkout-address-page .address-holder .btn.btn-default {
    margin-bottom: 15px;
}

.checkout-address-page .address-finder {
    padding: 0 15px;
}

@media screen and (min-width: 768px) {
    .checkout-address-page .existing h2 {
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .checkout-address-page .address-holder {
        font-size: 14px;
        background: transparent;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #ccc;
    }
    .checkout-address-page .address-holder .address-item {
        padding-right: 0;
        margin-bottom: 0;
    }
}

.new-address .add-button-holder {
    padding: 0 15px;
}

/*
    Form Prompts
*/

.prompt {
    position: absolute;
    right: 10px;
    top: 0;
}

@media (max-width: 767px) {
    .prompt {
        top:25px;
    }
}

.prompt a {

    margin-top: 6px;
    margin-left: 4px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    font-size: 0.01em;
    text-indent: -9999px;
    float:none;
    background: transparent url('../images/icon-help-mobile.png') no-repeat 0 0;
    width: 25px;
    height: 25px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
    .prompt a  {
        background-image: url("../images/icon-help-mobile-2x.png");
        background-size: 25px 25px;
    }
}

.prompt a:hover,
.prompt a:active,
.prompt a:focus {
    background-position: 0 0;
}

.prompt .content p {
    background:#c6c6c6;
    border-bottom:1px solid #474747;
    font-size: 14px;
    padding: 10px;
    margin: 0 0 0 5px;
}

.prompt .content {
    z-index: 999;
    position: absolute;
    top:35px;
    left:auto;
    right:-10px;
    width:auto;
    min-width:200px;
    max-width:400px;
    background: transparent url('../images/address-prompt-arrow-mobile.gif') no-repeat 100% 0;
    padding-top:5px;
}

.country .prompt {
    /*right:188px;*/
    top:-1px;
}

.payment-security .prompt {
    top: -2px;
    left: 105px;
}

.payment-security .prompt .content {
    right: auto;
    left: -10px;
    background-position: 22px 0;
}

@media(max-width:991px) {
    .country .prompt {
        right:10px;
        top:26px;
    }    
}


/*
  Address Form
*/

.address-form .autosuggest .prompt, .account-address-form .autosuggest .prompt {
    right: 10px;
    top: 46px;
    z-index: 1000;
}

@media screen and (max-width: 991px) {
    .address-form .autosuggest .prompt, .account-address-form .autosuggest .prompt {
        top: 72px;
    }
}

.address-form .autosuggest, .account-address-form .autosuggest {
    border: 1px solid #cdcdcd;
    background-color: #efefef;
    padding: 15px 0;
    margin-bottom: 0;
}

.address-form .name-fields, .account-address-form .name-fields {
    border: 1px solid #c6c6c6;
    padding: 15px;
    margin-bottom: 15px;
}

.account-address-form .name-fields {
    padding: 0px;
    padding-top: 20px;
}

.address-form .address-finder .pca-start, .account-address-form .address-finder .pca-start {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

.account-address-form .address-finder .pca-start {
    margin-top: 0px;
    font-family: "ProximaNovaRegular";
}

.address-form .info, .account-address-form .info {
    clear: both;
    padding-top: 10px;
    font-size: 14px;
}

.address-form .address-fields, .account-address-form .address-fields {
    border: 1px solid #cdcdcd;
    border-top: none;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 15px 5px;
    position: relative;
    z-index: 10;
}

.account-address-form .address-fields {
    padding: 0px;
    padding-top: 18px;
}

.account-address-form .address-fields {
    margin-left: 0px;
    margin-right: 0px;
}

.address-form .register-newsletter {
    padding-left: 15px;
    padding-right: 15px;
}

.address-form .register-newsletter label {
    font-weight: normal;
}

.manual-address {
    display: block;
    font-weight: normal;
    font-family: "ProximaNovaRegular", "Arial", sans-serif;
    padding: 10px 15px;
}

.address-form #hk77bg48ga91jf5415197, .account-address-form #hk77bg48ga91jf5415197  {
    width: 100% !important;
    padding-right: 30px !important;
}

.address-form #hk77bg48ga91jf5415197 .inputArea, .account-address-form #hk77bg48ga91jf5415197 .inputArea {
    display: block;
    /*    width: 100%;*/
    height: 34px !important;
    margin-right:30px;
    /*padding: 6px 12px !important;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.address-form #hk77bg48ga91jf5415197 .inputArea #pcainput_hk77bg48ga91jf5415197, .account-address-form #hk77bg48ga91jf5415197 .inputArea #pcainput_hk77bg48ga91jf5415197 {
    top: 4px !important;
}

.address-form .autosuggest .info, .account-address-form .autosuggest .info {
    padding-top: 15px;
}

.address-form .autosuggest label, .account-address-form .autosuggest label {
    font-family: "ProximaNovaBold", "Arial", sans-serif;
    text-transform: uppercase;
}

.checkout-payment-page .address-form .autosuggest {
    border-left: none;
    border-right: none;
}

.checkout-payment-page .address-form .address-fields {
    border: none;
}

.checkout-payment-page .panel-heading.information_message {
    margin-bottom: 0px;
}

.checkout-payment-page .panel-heading.information_message .panel-toggle:hover {
    border: none;
    text-decoration: none;
    color: #fff;
}

.checkout-payment-page .panel-heading.information_message .panel-toggle {
    text-decoration: underline;
    border-bottom: none;
}

.checkout-payment-page #accordion2 .panel {
    border: none;
}

.checkout-payment-page .panel.ratepay .row.ratepay-address {
    margin-top: 15px;
}

.checkout-payment-page #collapseInnerOne {
    background-color: #81afb6;
    padding: 15px;
    color: #fff;
}

.address-form .autosuggest {
    padding: 15px 0;
}

.address-form .address-finder .pca-start {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
    font-family: "ProximaNovaRegular";
}

.manual-address {
    display: block;
}

.address-form .autosuggest label {
    text-transform: none;
}

.card-details {
    z-index: 10;
}

.end-year-dropdown {
    margin-left: 5px;
}

#defaultAddressForm {
    z-index: 20;
    position: relative;
}

.card-name {
    z-index: 10;
}

.form-group.card-name .col-md-8,
.form-group.card-cvn .col-md-8,
.form-group.country .col-md-8 {
    padding-right:45px;
}

.form-group.card-cvn .prompt {
    right: 185px;
    top: 0;
}

.form-group.card-name {
    z-index: 21;
}

@media(max-width:767px) {
    .address-form > form.details {
        margin-left: 15px;
        margin-right: 15px;
    }

    .edit-checkout-address .address-form > form.details {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .form-group.card-cvn .prompt {
        left: 50%;
    }

    .form-group.card-cvn .prompt .content {
        left: 0%;
        background-position: 67px 0;
        margin-left: -55px;
    }
}

@media(max-width:991px) {
    .form-group.card-cvn .prompt,
    .form-group.card-name .prompt {
        top: 25px;
    }
}

/*@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
    
    
    .form-group.card-cvn .prompt .content {
        right:-106px;
        background-position:138px 0;
    }
}
*/
.form-group.card-type {
    z-index: 22;
}
.form-group.date {
    z-index:20;
}

/*
        Checkout payment page
*/

.checkout-payment-page h2 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #474747;
}

.checkout-payment-page .date-selectors select {
    display: block;
    float: left;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.checkout-payment-page .date-selectors .expiry-month {
    width: 48%;
    float: left;
}
.checkout-payment-page .date-selectors .expiry-year {
    width: 48%;
    float: right;
}

.checkout-payment-page .date-selectors .error {
    width: 100%;
    clear: both !important;
    background: none !important;
    padding: 5px;
}

/*.checkout-payment-page .date-selectors select.end-month {
    float: left;
}

.checkout-payment-page .date-selectors select.end-year {
    float: right;
}*/

.checkout-payment-page .date-selectors select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.checkout-payment-page .card-cvn .ccv {
    width: 50%;
    min-width: 100px;
}

.checkout-payment-page .existing-payment .payment-security .error {
    width: 100%;
    margin-left: 0;
    padding: 5px;
}

.checkout-payment-page .panel .panel-heading {
    padding: 0;
}

.checkout-payment-page .panel.debit-credit-card .panel-heading {
    background: transparent url(../images/checkout-debit-icons-mobile.png) no-repeat 10px 35px
}

.checkout-payment-page .panel.paypal-payment .panel-heading {
    background: transparent url(../images/checkout-paypal-icon.png) no-repeat 15px 15px;
}

.checkout-payment-page .panel.ratepay > .panel-heading {
    background: transparent url(../images/checkout-ratepay-icon.png) no-repeat 15px 15px;
}

.checkout-payment-page .panel .panel-heading a {
    display: block;
}

.checkout-payment-page .panel.debit-credit-card .panel-heading a {
    padding: 10px 0 50px 10px;
}

.checkout-payment-page .panel .panel-heading a {
    background: url(../images/confirm-close.png) center right no-repeat;
    background-size: 28px 19px;
    padding-right: 40px !important;
}

.checkout-payment-page .panel .panel-heading a.collapsed {
    background: url(../images/confirm-open.png) center right no-repeat;
    background-size: 28px 19px;
    padding-right: 40px !important;
}

.checkout-payment-page .panel .panel-heading a .show-details {
    position: absolute;
    right: 20px;
    top: 20px;
    display: none;
    text-decoration: underline;
}

.checkout-payment-page .panel .panel-heading a.collapsed .show-details {
    display: block;
}

.checkout-payment-page .panel .panel-heading a .hide-details {
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
    text-decoration: underline;
}

.checkout-payment-page .panel .panel-heading a.collapsed .hide-details {
    display: none;
}

.checkout-payment-page #accordion2 .panel .panel-heading a {
    background: none;
    background-size: 28px 19px;
    padding-right: 40px !important;
    text-decoration: none;
    position: relative;
    padding-left: 70px !important;
}

.checkout-payment-page #accordion2 .panel .panel-heading a.collapsed {
    background: none;
    background-size: 28px 19px;
    padding-right: 40px !important;
}


.checkout-payment-page .panel.paypal-payment .panel-heading a {
    padding-top: 38px;
    overflow: hidden;
    text-indent: -9999px;
}

.checkout-payment-page .panel.ratepay .panel-heading a {
    padding-top: 50px;
    overflow: hidden;
    text-indent: -9999px;
}

.checkout-payment-page .panel-group .panel + .panel {
    margin-top: 15px;
}

.checkout-payment-page .panel {
    border-radius: 0;
    border: 1px solid #cdcdcd;
}

.checkout-payment-page .panel-body h2 {
    margin-left: 15px;
    margin-right: 15px;
}

.checkout-payment-page label.checkbox {
    font-weight: normal;
}

.checkout-payment-page .paypal-checkbox,
.checkout-payment-page .cb_same_billing {
    position: relative;
}

.checkout-payment-page .paypal-checkbox label,
.checkout-payment-page .cb_same_billing label {
    margin-right: 50px;
    margin-bottom: 15px;
}

.checkout-payment-page .paypal-checkbox label {
    padding-left: 0;
    margin-bottom: 30px;
}

.checkout-payment-page .paypal-checkbox .fake-checkbox,
.checkout-payment-page .cb_same_billing .fake-checkbox {
    position: absolute;
    top: -5px;
    right: 10px;
}

.checkout-payment-page .card-details {
    background-color: #efefef;
    padding-top: 8px;
    padding-bottom: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}

.checkout-payment-page .save-payment-info label,
.checkout-payment-page .terms_conditions label,
.checkout-payment-page .row.required {
    margin-bottom: 15px;
}

.checkout-payment-page .payment-form {
/*    padding-left: 15px;
    padding-right: 15px;*/
}

.checkout-payment-page .panel.debit-credit-card .panel-body {
    border-top: none;
    padding: 0 15px;
}

.checkout-payment-page .panel.debit-credit-card .info {
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}

.checkout-payment-page .existing .header h2 {
    margin-left: 0;
    margin-right: 0;
}

.checkout-payment-page .existing .existing-payment {
    background: #efefef;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    margin-bottom: 15px;
}

.checkout-payment-page .existing-payment .payment-address,
.checkout-payment-page .existing-payment .payment-card {
    margin-bottom: 15px;
}

.checkout-payment-page .existing-payment .payment-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
}

.checkout-payment-page .existing-payment .payment-remove a {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/icon-remove-address.png) no-repeat top left;
    text-indent: -9999px;
}

.checkout-payment-page .panel.debit-credit-card .add-button-holder {
    margin-top: 15px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
    .checkout-payment-page .existing-payment .payment-remove a {
        background-image: url("../images/icon-remove-address-2x.png");
        background-size: 32px 32px;
    }
}

.checkout-payment-page .payment-terms .info a,
.checkout-payment-page .existing-payment .info a {
    font-weight: normal;
}

.checkout-payment-page .existing-payment .payment-submit .btn {
    margin-bottom: 5px;
}

.checkout-payment-page .payment-terms,
.checkout-payment-page .payment-form .submit-debit,
.checkout-payment-page #paypal-payment-method .error {
    margin-bottom: 15px;
}

.checkout-payment-page .panel.ratepay #ratepayPaymentForm {
    padding: 0 15px 15px;
}

.checkout-payment-page .panel.ratepay .row.ratepay-address {
    margin-left: 0;
    margin-right: 0;
}


.checkout-payment-page .panel.ratepay .row.ratepay-address,
.checkout-payment-page .panel.ratepay .row.ratepay-dob {
    margin-bottom: 15px;
}

.checkout-payment-page .panel.ratepay .row.ratepay-submit {
    margin-bottom: 0;
}

.checkout-payment-page .panel.ratepay .change-address {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkout-payment-page .panel.ratepay .row.ratepay-dob .form-control {
    display: inline-block;
    width: auto;
}

.checkout-payment-page .panel.ratepay .ratepay-terms label.checkbox {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

.checkout-payment-page .panel.ratepay .info,
.checkout-payment-page .panel.ratepay .ratepay-selected-address {
    font-size: 14px;
}

.checkout-payment-page #paypal-payment-method {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .manual-address {
        display: none !important;
    }

    .address-form .address-fields {
        display: block !important;
    }

    .checkout-payment-page .panel.debit-credit-card .panel-heading {
        background: transparent url(../images/checkout-debit-icons.png) no-repeat 10px 35px;        
    }

    .checkout-payment-page .panel-group .panel + .panel {
        margin-top: -1px;
    }

    .checkout-payment-page .panel.debit-credit-card .panel-heading {
        background-position: 15px center;
    }

    .checkout-payment-page .panel.paypal-payment .panel-heading {
        background-position: 15px center;
    }

    .checkout-payment-page .panel.ratepay .panel-heading {
        background-position: 15px center;
    }

    .checkout-payment-page .panel .panel-heading a {
        display: block;
        padding: 20px 40px 20px 220px !important;
        text-indent: 0 !important;
    }

    .checkout-payment-page h2 {
        font-size: 20px;
        text-transform: uppercase;
        font-family: "ProximaNovaRegular", Arial, sans-serif;
        font-weight: normal;
    }

    .checkout-payment-page .card-details {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media screen and (min-width: 992px) {
    .checkout-payment-page .existing .existing-payment {
        background: transparent;
        margin-bottom: 0;
    }

    .checkout-payment-page .existing .existing-payment + .existing-payment {
        border-top: none;
    }

    .checkout-payment-page .existing-payment .payment-submit .btn {
        margin-bottom: 10px;
    }
}

/*
    Checkout confirm
*/

.checkout-confirm-page .header h2 {
    margin-bottom: 10px;
    font-size: 22px;
}

.checkout-confirm-page .thank-you {
    margin-bottom: 30px;
}

.checkout-confirm-page .thank-you p {
    margin-bottom: 5px;
}

.checkout-confirm-page .details .header {
    padding: 15px;
    border: 1px solid #cdcdcd;
}

.checkout-confirm-page .details .open .header {
    background: url(../images/confirm-close.png) no-repeat center right;
}

.checkout-confirm-page .details .closed .header {
    background: url(../images/confirm-open.png) no-repeat center right;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
    .details .open .header {
        background-image: url(../images/confirm-close-2x.png) !important;
        background-size:28px 19px !important;
    }

    .details .closed .header {
        background-image: url(../images/confirm-open-2x.png) !important;
        background-size:28px 19px !important;        
    }
}

.checkout-confirm-page .details .content {
    display: none;
    font-size: 14px;
}

.checkout-confirm-page .details .content .open,
.checkout-confirm-page .details .content .closed {
    display: block;
}

.checkout-confirm-page .details .header h3 {
    font-family: "ProximaNovaBold", "Arial", sans-serif;
    font-size: 16px;
}

.checkout-confirm-page .details .delivery-address,
.checkout-confirm-page .details .billing-address,
.checkout-confirm-page .details .payment-method,
.checkout-confirm-page .details .delivery-method,
.checkout-confirm-page .details .order-summary {
    margin-bottom: 15px;
}

.checkout-confirm-page .details .content {
    border: 1px solid #cdcdcd;
    border-top: 0;
    padding: 15px;
}

.checkout-confirm-page .details .delivery-address .content,
.checkout-confirm-page .details .billing-address .content {
    padding: 15px;
}

.checkout-confirm-page .details .address-holder {
    margin-bottom: 0;
}

.checkout-confirm-page .order-summary .order-summary-item {
    border-bottom: 1px solid #cdcdcd;
    padding-top: 15px;
    padding-bottom: 15px;
}

.checkout-confirm-page .order-summary .content {
    padding-top: 0;
    padding-bottom: 0;
}

.checkout-confirm-page .order-summary .order-summary-header {
    border-bottom: 1px solid #cdcdcd;
    padding-top: 15px;
    padding-bottom: 15px;
}

.checkout-confirm-page .order-summary .totals div {
    border-bottom: 1px solid #cdcdcd;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.checkout-confirm-page .order-summary .totals .total {
    border-bottom: none;
}

.checkout-confirm-page .order-summary-item .col-product img {
    width: 72px;
    height: 68px;
}

.checkout-confirm-page .order-acknowledge p {
    border: 1px solid #cdcdcd;
    font-size: 14px;
    padding: 10px;
}

.checkout-confirm-page .return-button {
    text-align: right;
    margin-bottom: 15px;
}

.checkout-confirm-page .order-summary .product-title .description-label {
    display: none;
}

.checkout-confirm-page .order-summary .description-value {
    font-family: "ProximaNovaBold", "Arial", sans-serif;
}

.checkout-confirm-page .order-summary .col-price {
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkout-confirm-page .order-summary h2 {
    display: none;
}

.checkout-confirm-page .order-summary-item .col-subtotal {
    text-align: right;
}

.checkout-confirm-page .order-summary-item .description-label {
    text-transform: capitalize;
}

.checkout-confirm-page .totals .total {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

.checkout-confirm-page .quantity-value {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

@media screen and (min-width: 768px) {
    .checkout-confirm-page .order-summary h2,
    .checkout-confirm-page .header h2 {
        font-size: 26px;
        margin-bottom: 15px;
        text-transform: uppercase;
        font-weight: normal;
    }

    .checkout-confirm-page .order-summary h2 {
        margin-left: -15px;
    }

    .checkout-confirm-page .order-summary .description-label {
        color: #707070;
    }

    .checkout-confirm-page .order-summary .product-title .description-label {
        display: inline;
    }

    .checkout-confirm-page .order-summary .col-price {
        margin-top: 0;
        margin-bottom: 0;
    }

    .checkout-confirm-page .order-summary .quantity-label {
        display: none;
    }

    .checkout-confirm-page .order-summary h2 {
        display: block;
    }

    .checkout-confirm-page .details .delivery-address .content,
    .checkout-confirm-page .details .billing-address .content {
        padding: 0;
    }

    .checkout-confirm-page .details .header {
        border: none;
        padding: 0;
        background: transparent !important;
    }

    .checkout-confirm-page .details .header h3 {
        font-family: "ProximaNovaRegular", "Arial", sans-serif;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 0;
        font-size: 16px;
    }

    .checkout-confirm-page .details .content {
        display: block !important;
        border: none;
        padding: 0;
    }

    .checkout-confirm-page .order-summary .header {
        display: none;
    }

    /* Order details 'table' */
    .checkout-confirm-page .details {
        margin-left: 15px;
        margin-right: 15px;
    }

    .checkout-confirm-page .details .column-3 {
        clear: left;
        float: left;
        width: 720px;
        overflow: hidden;
        border: 1px solid #cdcdcd;
        margin-left: -15px;
        margin-right: -15px;
    }

    .checkout-confirm-page .details .column-2,
    .checkout-confirm-page .details .column-1 {
        clear: left;
        float: left;
        width: 721px;
        position: relative;
        right: 240px;
        border-right: 1px solid #cdcdcd
    }

    .checkout-confirm-page .details .delivery-address,
    .checkout-confirm-page .details .billing-address,
    .checkout-confirm-page .details .payment-method {
        float: left;
        width: 240px;
        position: relative;
        left: 480px;
        overflow: hidden;
    }

    .checkout-confirm-page .details .header {
        margin-left: -15px;
        margin-right: -15px;
        padding: 15px 30px;
        border-bottom: 1px solid #cdcdcd;
    }

    .checkout-confirm-page .details .content,
    .checkout-confirm-page .details .delivery-address .content, 
    .checkout-confirm-page .details .billing-address .content {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .details.order-summary {
        margin: 30px -15px 15px;
    }

    .checkout-confirm-page .order-summary .order-summary-header {
        border-top: 1px solid #cdcdcd;
    }

    .checkout-confirm-page .order-summary .totals div {
        border: none;
    }

    .checkout-confirm-page .order-summary-item .subtotal-label {
        display: none;
    }

    .checkout-confirm-page .order-summary-header .col-subtotal,
    .checkout-confirm-page .order-summary-header .col-quantity,
    .checkout-confirm-page .order-summary-item .col-subtotal,
    .checkout-confirm-page .order-summary-item .col-quantity {
        text-align: right;
    }

    .checkout-confirm-page .order-summary-item .description-label {
        text-transform: uppercase;
    }

    .checkout-confirm-page .order-summary-item .col-product {
        margin-left: -15px;
        margin-right: 15px;
        padding-right: 0;
    }

    .checkout-confirm-page .order-summary-item .col-product img {
        border: 1px solid #cdcdcd;
    }

    .checkout-confirm-page .order-summary-header h3 {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
    }

    .checkout-confirm-page .order-summary-header .col-product h3 {
        margin-left: -15px;
    }

    .checkout-confirm-page .totals {
        font-size: 14px;
    }

    .checkout-confirm-page .totals .totals-label {
        text-transform: uppercase;
        color: #707070;
    }

    .checkout-confirm-page .totals .total .totals-label {
        color: #000000;
    }

    .checkout-confirm-page .totals .total {
        font-size: 20px;
    }

    .checkout-confirm-page .quantity-value {
        font-weight: normal;
    }
}

@media screen and (min-width: 992px) {
    .checkout-confirm-page .order-summary {
        margin-top: 30px;
    }

    .checkout-confirm-page .return-button {
        margin-bottom: 60px;
    }

    .checkout-confirm-page .order-acknowledge {
        margin-bottom: 15px;
    }

    .checkout-confirm-page .details .column-3 {
        margin-left: 110px;
        margin-right: 110px;
    }
}

/********************************/
/* Paypal payment details       */
/********************************/

/*.paypal-order-details .details .content {
    padding: 10px 0;
}*/

.paypal-order-details .details .edit-detail {
    display: inline-block;
    margin-top: 30px;
}

.paypal-order-details .details .header {
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 30px;
    border-bottom: 1px solid #cdcdcd;
}

.paypal-order-details .row.order-summary {
    margin: 45px 0 15px;
}

.paypal-order-details .row.paypal-confirm {
    margin-top: 15px;
    margin-bottom: 30px;
}

.paypal-order-details .row.paypal-confirm .btn {
    margin-top: 15px;
}

.paypal-order-details .row.paypal-confirm .col-xs-2 {
    text-align: right;
}

@media screen and (min-width: 992px) { 
    .paypal-order-details .details {
        margin-left: 150px;
    }
    
    .paypal-order-details .details .column-3 {
        clear: left;
        float: left;
        width: 480px;
        overflow: hidden;
        border: 1px solid #cdcdcd;
        margin-left: -15px;
        margin-right: -15px;
    }

    .paypal-order-details .details .column-2,
    .paypal-order-details .details .column-1 {
        clear: left;
        float: left;
        width: 721px;
        position: relative;
        right: 480px;
        border-right: 1px solid #cdcdcd
    }

    .paypal-order-details .details .delivery-address,
    .paypal-order-details .details .billing-address,
    .paypal-order-details .details .payment-method {
        float: left;
        width: 240px;
        position: relative;
        left: 480px;
        overflow: hidden;
    }

    .paypal-order-details .row.paypal-confirm .col-xs-10,
    .paypal-order-details .row.paypal-confirm .col-xs-2 {
        width: auto;
    }
}

@media screen and (min-width: 992px) {
    .paypal-order-details .details {
        margin-left: 100px;
    }
}

@media screen and (max-width: 767px) {
    .paypal-order-details .details {
        margin: 0;
    }

    .paypal-order-details .details .header {
        padding: 15px 30px 15px 15px;
    }

    .paypal-order-details .details .delivery-address,
    .paypal-order-details .details .billing-address,
    .paypal-order-details .details .payment-method {
        margin-bottom: 15px;
    }

    .paypal-order-details .row.order-summary {
        margin: 0;
        border: 1px solid #cdcdcd;
    }
    
    .paypal-order-details .row.order-summary > .order-summary {
        padding: 0;
    }

    .paypal-order-details .row.order-summary > .order-summary .header h3 {
        padding: 15px;
        border-bottom: 1px solid #cdcdcd;
    }

    .paypal-order-details .row.order-summary > .order-summary .content {
        padding: 0 15px;
    }

    .paypal-order-details .details .content {
        margin: 0 -15px;
    }

    .paypal-order-details .header h3 {
        font-family: "ProximaNovaBold", "Arial", sans-serif;
        font-size: 16px;
    }
}

/********************************/
/* Checkout Steps
/********************************/

#checkout-steps {
    overflow: hidden;
    margin: 15px 0 15px;
    text-align: center;
}

#checkout-steps ul {
    list-style:none;
    margin:0 auto;
    padding: 0 15px 0 0;
    /*font-size:1.4em;*/
    text-transform: uppercase;
    font-family: 'ProximaNovaRegular';
    display: inline-block;
}

#checkout-steps li {
    float:left;
    height:38px;
    line-height: 38px;
    background-color: #f7f7f7;
    color:#474747;
    text-align: center;
    margin-left: 18px;
}

#checkout-steps li:first-child {
    margin-left: 0;
}

#checkout-steps li:before,
#checkout-steps li:after {
    width: 0; 
    height: 0; 
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;	
    border-left:12px solid #fff;
    content:"";
    display: block;
    float:left;
}

#checkout-steps li:before {
    margin-right: 30px;
}

#checkout-steps li:after {
    border-left-color: #f7f7f7;
    float: none;
    display: inline-block;
    position: relative;
    right: -12px;
    vertical-align: top;
    margin-left: 18px;
}

#checkout-steps li.active {
    background-color: #c6c6c6;
    color:#474747;
    text-decoration: underline;
}

#checkout-steps li.complete {
    background-color: #004712;
    color:#fff;
}

#checkout-steps li.active:after {
    border-left-color: #c6c6c6;
}

#checkout-steps li.complete:after {
    border-left-color: #004712;
}

#checkout-steps .step-number {
    margin-right:10px;
}

@media(max-width:991px) {
    #checkout-steps li:before {
        margin-right: 18px;
    }

    #checkout-steps li:after {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    #checkout-steps li {
        margin-left:6px;
    }

    #checkout-steps .step-name {
        display:none;
    }

    #checkout-steps .step-number {
        margin:0;
    }

    #checkout-steps .active .step-name {
        display:inline;
    }

    #checkout-steps .active .step-number {
        margin-right:5px;
    }

    #checkout-steps li {
        font-size: 13px;
    }

    #checkout-steps li:before {
        margin-right: 10px;
    }

    #checkout-steps li:after {
        margin-left: -8px;
    }

    #checkout-steps li.active {
        text-decoration: none;
    }
}

@media screen and (min-width: 768px) {
    #checkout-steps .step-number {
        display: none;
    }
}

.card-details {
    background-color: #eee;
    padding-top: 5px;
    padding-bottom: 15px;
}

.address-holder {
    position: relative;
    padding: 15px;
    background: #efefef;
    margin-bottom: 15px;
}

.address-holder .remove-address,
.address-holder .edit-address {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
}

.address-holder .remove-address {
    background: transparent url(../images/icon-remove-address.png) no-repeat 50% 50%;
}

.address-holder .edit-address {
    right: 70px;
    background: transparent url(../images/icon-edit-address.png) no-repeat 50% 50%;
}


/*
        Basket page
*/

.basket-page .header {
    margin-top: 15px;
}

.basket-page .header h2 {
    display: block;
    text-align: center;
}

.basket-page .header .basket-item-count {
    display: block;
    float: left;
}

.basket-page .header .basket-title {
    display: block;
}

.basket-page .header .basket-total-cost {
    float: right;
    text-transform: uppercase;
}

@media(max-width: 767px) {
    .basket-page .header .basket-total-cost {
        text-transform: none;
    }
}

.basket-page .payment-methods p {
    text-align: right;
    margin-bottom: 10px;
}

.basket-page .footer .payment-methods ul li {
    float: right;
}

.basket-page .voucher label {
    display: block;
    float: none;
}

.basket-page .promo-item {
    padding: 15px;
    background-color: #ddd;
    text-align: center;
}

.lt-ie9 .basket-page .promo-item {
    min-height: 0;
}

.basket-page .promo-item.need-help {
    background-color: #333;
    color: #fff;
}

.basket-page .promo-item.need-help a[href^=tel] { 
    color: #fff;
    text-decoration: none;
}

.basket-page .promo-item.returns {
    padding:46px 0 47px;
} 

.basket-page .basket-items .col-product img {
    width: 72px;
    height: 68px;
}

.basket-page .basket-items .col-subtotal {
    text-align: right;
}

.basket-page .basket-items .col-subtotal .subtotal {
    margin-right: 15px;
}

.basket-page .basket-items .col-subtotal .subtotal-label {
    display: inline-block;
}

.basket-page .basket-items .col-quantity form {
    display: inline-block;
    min-width: 100px;
    vertical-align: middle;
}

.basket-page .basket-items .col-quantity label {
    margin-right: 10px;
}

.basket-page .basket-items .col-quantity input {
    width: 40px;
}

.basket-page .basket-items .col-quantity ul {
    display: inline-block;
    margin-left: 4px;
}

.basket-page .basket-items .col-quantity .update,
.basket-page .basket-items .col-quantity .remove {
    display: inline-block;
}

.basket-page .basket-items .col-quantity .update a,
.basket-page .basket-items .col-quantity .remove a {
    font-weight: normal;
}

@media(max-width:767px) {
    .basket-page .basket-items .col-quantity .update a {
        text-decoration:underline;
        color:#1c4f2a;       
    }
}

.basket-page .basket-related-items {
    background-color: #ededed;
}

.basket-page .items .basket-header h3 {
    font-family: "ProximaNovaLight", "Arial", arial, sans-serif;
    font-weight: 300;
    font-size: 0.8em;
    text-transform: uppercase;
}

.basket-page .items hr,
.basket-page .basket-footer hr,
.basket-page .basket-header-buttons > hr {
    border-color: #d2d2d2;
    margin-top: 15px;
    margin-bottom: 15px;
}

.basket-page .items .description-label {
    text-transform: capitalize;
}

@media(max-width:767px) {
    .basket-page .items .description-item {
        float:left;
        margin-right:10px;

    }

    .basket-page .items .description-item.product-title {
        float:none;
    }


}

.basket-page .basket-item {
    font-size: 14px;
}

.basket-page .basket-title .your-basket {
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 10px;
}

.basket-page .basket-title .your-basket h2 {
    font-family: "ProximaNovaRegular", "Arial", arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.basket-page .basket-title .your-basket .basket-item-count {
    margin-left: 15px;
}

.basket-page .basket-total-cost {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

.basket-page .mobile-count-cost {
    margin-top: 15px;
    margin-bottom: 15px;
}

.basket-page .basket-header-buttons .basket-total-cost {
    margin-top: 15px;
    text-transform: uppercase;
}

.basket-page .basket-item .col-price {
    padding-top: 10px;
    padding-bottom: 10px;
}

.basket-page .basket-item .col-price,
.basket-page .basket-item .col-subtotal .subtotal,
.basket-page .basket-item .description-item.product-title {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

.basket-page .basket-item .description-item.product-title .description-label {
    display: none;
}

.basket-page .basket-footer .delivery p {
    text-transform: uppercase;
    float: none;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.basket-page .basket-footer .delivery .dropdown {
    width: 214px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
}

.basket-page .dropdown ul li {
    width: 214px;
}

.basket-page .update a,
.basket-page .remove a {
    text-decoration:none;
}

.basket-page .basket-footer .delivery .dropdown ul {
    padding-right: 80px;
}

.basket-page .basket-footer .delivery {
    margin-bottom: 15px;
    text-align: right;
}

.basket-page .basket-footer .protected-by img {
    margin-top: 28px;
}

@media(max-width:767px) {
    .basket-page .basket-footer .protected-by img {
        margin-top: 3px;
    }
}

.basket-page .basket-footer .checkout .subtotal,
.basket-page .basket-footer .checkout .discount,
.basket-page .basket-footer .checkout .delivery-total {
    text-align: right;
}

.basket-page .basket-footer .checkout {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
    margin-top: 15px;
}

.basket-page .basket-footer .checkout .discount dt,
.basket-page .basket-footer .checkout .discount dd {
    display: inline;
    color: #000;
}

.basket-page .basket-footer .checkout .discount dt {
    text-transform: none;
    margin-right: 2px;
}

.basket-page .basket-footer .checkout .totals-label {
    color: #707070;
    text-transform: uppercase;
}

.basket-page .basket-footer .checkout .totals-value {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

.basket-page .checkout-buttons .paypal-express {
    padding-right: 7.5px;
}

.basket-page .checkout-buttons .secure-checkout {
    padding-left: 7.5px;
}

.promo-items {
    margin-bottom: 15px;
}

@media(max-width:767px) {
  .promo-items {
    margin-bottom:0;
  }

  .voucher .form-control {
    height: 40px;
  }
}

.promo-items > .col-xs-12 {
    padding:0;
}

.col-product img {
    border:1px solid #c6c6c6;
}

.basket-page .checkout .total {
    text-align: right;
}

.basket-page .checkout .total dt,
.basket-page .checkout .total dd {
    display: inline;
    float: none;
}

.basket-page .checkout .total dd {
    padding-left: 5px;
}

@media(min-width: 768px) {
    .basket-page .header h2 {
        display: inline-block;
        text-align: left;
    }

    .basket-page .header .basket-item-count {
        display: inline-block;
        float: none;
    }

    .basket-page .header .basket-title {
        display: block;
    }

    .basket-page .payment-methods p,
    .basket-page .footer .payment-methods ul {
        display:inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        float:none;
    }

    .basket-page .basket-footer .protected-by span {
        text-transform: uppercase;
        display: block;
    }

    .basket-page .promo-item {
        margin: 15px 0 0;
        padding: 15px;
        background-color: #ddd;
        text-align: center;
    }

    /*    .basket-page .promo-item.returns {
            padding: 46px 0;
        }*/

    .lt-ie9 .basket-page .promo-item.returns {
        padding:49px 0 46px;   
    }

    .basket-page .items .description-label {
        text-transform: uppercase;
        color: #707070;
    }

    .basket-page .items .description-value {
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
    }

    .basket-page .basket-items .col-subtotal .subtotal-label {
        display: none;
    }

    .basket-page .basket-items .col-quantity form {
        display: block;
    }

    .basket-page .basket-items .col-quantity input {
        width: 100%;
    }

    .basket-page .basket-items .col-quantity ul {
        display: block;
        margin-left: 0;
    }

    .basket-page .basket-items .col-quantity .update,
    .basket-page .basket-items .col-quantity .remove {
        display: block;
    }

    .basket-page .basket-title .your-basket {
        display: inline-block;
        padding-right: 45px;
        padding-bottom: 0;
    }

    .basket-page .basket-item .col-price {
        padding-top: 0;
        padding-bottom: 0;
    }

    .basket-page .basket-item .col-price,
    .basket-page .basket-item .col-subtotal .subtotal,
    .basket-page .basket-item .description-item.product-title {
        font-weight: normal;
    }

    .basket-page .basket-item .description-item.product-title .description-label {
        display: inline;
    }

    .basket-page .basket-items .col-quantity input.qty {
        text-align: right;
    }

    .basket-page .basket-items .col-quantity .update a,
    .basket-page .basket-items .col-quantity .remove a {
        display: inline-block;
        background: transparent url(../images/icon-basket-update.png) no-repeat top left;
        padding-left: 22px;
        margin-top: 4px;
    }

    .basket-page .basket-items .col-quantity .remove a {
        background: transparent url(../images/icon-basket-remove.png) no-repeat top left;
    }

    .basket-page .basket-footer .delivery {
        margin-top: 15px;
    }   

    .basket-page .basket-footer .protected-by img {
        margin-top: 0px;
    }

    .basket-page .basket-footer .checkout .total {
        margin-top: 0;
    }

    .basket-page .header .basket-total-cost {
        margin-right: 15px;
    }

    .basket-page .checkout .total {
        text-transform: uppercase;
    }
}

.basket-page .basket-footer .delivery form,
.basket-page .basket-footer .delivery .dropdown {
    margin-right:35px;
}

.basket-page .basket-footer .delivery .prompt,
.basket-page .basket-footer .delivery .dropdown + .prompt {
    top:-6px;
    right:0;
}

.basket-page .basket-footer .delivery form + .prompt {
    top:0;
}

.basket-page .basket-footer .delivery form {
    display:inline-block;
    max-width: 320px;
    margin-left: 5px;
}

@media screen and (max-width: 991px) {
    .basket-page .basket-footer .delivery form {
        max-width: 290px;
    }
}

@media(max-width:767px) {
    .basket-page .basket-footer .delivery .prompt {
        top:0;
        right:10px;
    }

    .basket-page .basket-footer .delivery .dropdown + .prompt {
        right:10px;
    }

    .basket-page .basket-footer .delivery form {
        margin-right:45px;
    }
}

@media(max-width: 470px) {
    .basket-page .basket-footer .delivery form {
        max-width:160px;
    }

    html[lang=de] .basket-page .basket-footer .delivery form {
        max-width: 120px;
    }   
}

.basket-page .basket-footer .delivery .prompt a {
    line-height: 999px;
}

.basket-page .basket-footer .delivery .prompt .content p {
    text-transform: none;
    text-align: left;
    padding: 10px;
    display: block;
    font-family: "ProximaNovaRegular", "Arial", arial, sans-serif;
    font-size: 14px;
}

@media screen and (min-width: 992px) {
    .basket-page .header .basket-total-cost {
        margin-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .basket-page .basket-items .col-quantity {
        position: relative;
    }

    .basket-page .basket-items .col-quantity .remove a {
        display: block;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        overflow: hidden;
        background: transparent url(../images/icon-basket-remove.png) no-repeat top left;
        position: absolute;
        right: 30px;
        top: 2px;
    }

    .basket-page .checkout-buttons {
        margin: 0 -22px;
    }

    .basket-page .checkout-buttons .btn-primary {
        font-size:13px;
        padding:7px 0;
    }
}

@media(max-width:380px) {
    .basket-page .basket-items .col-quantity .update, 
    .basket-page .basket-items .col-quantity .remove {
        display:block;
    }

    .basket-page .basket-items .col-quantity .update {
        margin-bottom:10px;
    }

    .basket-page .basket-items .col-quantity .remove a {
        position: static;
    }

    .basket-page .basket-items .col-quantity ul {
        vertical-align: middle;
    }
}

@media screen and (max-width: 991px) {
    .basket-page .checkout-buttons {
        margin-bottom: 15px;
    }
}

/*
        Basket (Checkout)
*/

.basket-container {
    border: 1px solid #c6c6c6;
    padding: 15px;
    margin: 0 0 15px 0;
}

/* NOT NEEDED; HAD TO ADD TO HIDE ADDRESS FORM CONDITIONALLY BEFOR ESCENARIC UPDATE */
.new-address .basket-container {
    display:none;
}

.new-address .address-form {
    width:100%;
    right:0;
}

@media(max-width:767px) {
    .basket-container .closed .basket-header .hidden-desktop {
        display: inline;
        opacity:1;
        transition:opacity 0.5s;
        -webkit-transition:opacity 0.5s;
        margin-left: 5px;
    } 

    .basket-container .open .basket-header .hidden-desktop {
        opacity:0;
        display: inline;
    }
}

.basket-container .basket-header {
    margin: -15px;
}

.basket-container .address-header {
    margin: -15px -15px 0;
}

.basket-container .address-header {
    position: relative;
    border-bottom: 1px solid #cdcdcd;
}

#checkout-address.closed .address-header {
    border-bottom: none;
}

.basket-container .address-header h2 {
    padding-bottom: 10px;
}

.basket-container .address-content {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

.basket-container.basket-address-container {
    padding-bottom: 0;
}

.basket-container .address-content .edit-address,
.paypal-review .edit-address {
    background: transparent url(../images/icon-edit-address.png) no-repeat top left;
    position: absolute;
    top: 10px;
    right: -10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
    .basket-container .address-content .edit-address,
    .paypal-review .edit-address {
        background-image: url("../images/icon-edit-address-2x.png");
        background-size: 32px 32px;
    }
}


.basket-container h2 {
    padding: 15px 10px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "ProximaNovaRegular", "Arial" arial, sans-serif;
    font-weight: normal;
}

#checkout-basket.closed  h2,
#checkout-address.closed  h2 {
    background: transparent url(../images/confirm-open.png) no-repeat right center;
    background-size: 28px 19px; 
}

#checkout-basket.open h2,
#checkout-address.open h2 {
    background: transparent url(../images/confirm-close.png) no-repeat right center;
    background-size: 28px 19px; 
}

.basket-container .basket-content.closed,
#checkout-address .address-content.closed {
    display: none;
}

.basket-container .basket-content.open,
#checkout-address .address-content.open {
    display: block;
}

.address-content p {
    margin-bottom: 10px;
}

.basket-container .basket-delivery,
.basket-container .basket-discount,
.basket-container .basket-overview {
    text-align: right;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

.basket-container .basket-discount {
    padding-top:10px;
}

.basket-container dl.total {
    padding-top: 10px;
    margin-bottom:10px;
}

.basket-container dl.total dt,
.basket-container dl.total dd {
    display: inline;
}

@media screen and (min-width: 768px) {
    .basket-container {
        margin: 0 0 15px 0;
    }

    .basket-container h2 {
        background-image: none !important;
        cursor: default;
    }

    .basket-container .basket-content,
    .basket-container .address-content {
        display: block !important;
    }

    .basket-container .address-header {
        border-bottom: 1px solid #cdcdcd !important;
    }
}

.basket-container dd,
.basket-container dt.item {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

#checkout-basket-items {
    padding: 0;
}

#checkout-basket-items:after {
    content: "";
    display: block;
    clear: both;
}

#checkout-basket-items li {
    list-style-type: none;
    float: none;
    border: none;
    padding: 10px 0 10px 0;
}

#checkout-basket-items li:after {
    content: "";
    display: block;
    clear: both;
}

#checkout-basket-items li .image-holder {
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: #d5d5d5;
    width: 89px;
    overflow: hidden;
    position: relative;
}

#checkout-basket-items li img {
    position: relative;
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: #d5d5d5;
}

#checkout-basket-items li .header-basket-item {
    float: left;
    padding: 0 0 0 10px;
    width: auto;
    text-align: left;
}

#checkout-basket-items li .header-basket-item dl {
    float: left;
    color: #000000;
}

#checkout-basket-items li .header-basket-item dl dt {
    float: left;
    clear: left;
}

#checkout-basket-items li .header-basket-item dl dd {
    float: left;
    padding: 0 0 0 3px;
}

#checkout-basket-items li .header-basket-item dl dt.price,
#checkout-basket-items li .header-basket-item dl dt.item {
    display: none;
}

#checkout-basket-items li .header-basket-item dl dd.price,
#checkout-basket-items li .header-basket-item dl dd.item {
    padding: 0;
    color: #3d3d3d;
}

#checkout-basket-items li .header-basket-item dl dd.item {
    float: none;
    clear: left;
}

#global-footer {
    margin-top: 10px;
    padding-top: 15px;
}

/*
    Account sidebar
*/

#account-nav-container {
    padding-right: 0;
}

#account-sidebar-nav {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-color: #f7f7f7;
    color: #707070;
}

.customer-services-page #sidebar-nav ul li a,
#account-sidebar-nav ul li a {
    font-weight: normal;
    display: block;
    text-decoration: none;
    color: #707070;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 0;
    margin: 0 7.5px;
}

.customer-services-page #sidebar-nav ul li:last-child a,
#account-sidebar-nav ul li:last-child a {
    border-bottom: none;
}

.customer-services-page #sidebar-nav ul li a.active,
#account-sidebar-nav ul li a.active {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
    font-weight: bold;
    color: #3d3d3d;
}

.customer-services-page #sidebar-nav ul li a:hover,
.customer-services-page #sidebar-nav ul li a:focus,
.customer-services-page #sidebar-nav ul li a:active,
#account-sidebar-nav ul li a:hover,
#account-sidebar-nav ul li a:focus,
#account-sidebar-nav ul li a:active {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
}

#account-sidebar-nav h3 {
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    margin: 10px 5px 10px 10px;
    padding-top: 10px;
    color: #474747;
}

@media screen and (max-width: 767px) {
    #account-nav-container {
        padding-left: 8px;
        padding-right: 9px;
    }

    #account-sidebar-nav {
        padding-bottom: 5px;
        margin-bottom: 0;
        background: #ffffff;
    }

    #account-sidebar-nav > .visible-xs {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .account-page .account-page-container {
        margin-left: 0;
    }

    .account-page .account-page-container #account-nav-container {
        padding-left: 0;
    }
}

/*
    Account pages
*/

.account-page .header {
    margin: 15px 0 45px;
}

.account-page .header h2 {
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #cdcdcd;
}

.account-page .header p {
    margin-top: 10px;
    font-size: 14px;
}

.account-page .global_message, 
.account-page .information_message, 
.account-page .confirmation_message, 
.account-page .error_message {
    margin: 0 -15px 0;
}

.account-page #globalMessages {
    margin-left: 15px;
}

@media screen and (max-width: 767px) {
    .account-page .header p {
        font-size: 16px;
    }

    .account-page .global_message, 
    .account-page .information_message, 
    .account-page .confirmation_message, 
    .account-page .error_message {
        margin: 0 10px 0;
    }

    .account-page #globalMessages {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .account-page #globalMessages .global_message {
        margin: 0;
    }
}

/*
    Your account page
*/

.your-account-page .mobile-header h2 {
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 10px 18px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 2px;
}

.your-account-page .account-section h3 {
    font-size: 20px;
    padding: 0 0 10px 0;
    font-weight: normal;
    text-transform: uppercase;
}

.your-account-page .account-section ul {
    list-style-type: none;
    padding: 0 120px 50px 0;
}

.your-account-page .account-section ul li {
    font-size: 13px;
    padding: 5px 0;
}

.your-account-page .account-section ul li a {
    color: #474747;
    text-decoration: none;
    padding-left: 10px;
    display: block;
    line-height: 1.538em;
    background: transparent url('../images/your-account-li-icon.gif') no-repeat 0 7px;
    font-weight: normal;
}

.your-account-page .account-section ul li a:hover,
.your-account-page .account-section ul li a:active,
.your-account-page .account-section ul li a:focus {
    text-decoration: underline;
}

.your-account-page .account-section ul li a span {
    display: block;
}

@media screen and (max-width: 991px) {
    .your-account-page .account-section ul {
        list-style-type: none;
        padding: 0 30px 50px 0;
    }
}

@media screen and (max-width: 767px) {
    .your-account-page #account-sidebar-nav ul li a {
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        font-weight: normal;
        font-size: 15px;
        color: #474747;
        padding: 17px 12px 16px;
        border: 1px solid #cdcdcd;
        border-bottom-width: 0;

        background: transparent;
    }

    .your-account-page #account-sidebar-nav ul li a:after {
        content: '';
        display: block;
        float: right;
        width: 18px;
        height: 18px;

        background: url(../images/account-mobile-arrow2x.png) right center no-repeat;
        background-size: 18px 18px;
    }

    .your-account-page #account-sidebar-nav ul li.last a {
        border-bottom-width: 1px;
    }

    .your-account-page #account-sidebar-nav ul li a:hover {
        background-color: #efefef;
    }
}

/*
    Order history page
*/

.order-history-page .header {
	margin-bottom: 15px;
}

.order-history-page .orders-table {
    font-size: 13px;
    margin-bottom: 15px;
}

.order-history-page .orders-table a {
    color: #004712;
}
.order-history-page .orders-table a:hover {
    color: #000000;
}

.order-history-page .orders-table .orders-table-header,
.order-history-page .orders-table .orders-table-row {
    margin: 0;
}
.order-history-page .orders-table .orders-table-header {
    text-transform: uppercase;
}

.order-history-page .orders-table .orders-table-header .table-header {
    padding: 5px 10px;
    border: 1px solid #949494;
    border-left-width: 0;
}

html[lang=de] .order-history-page .orders-table .orders-table-header .table-header {
    height: 65px;
}

.order-history-page .orders-table .orders-table-header .table-header.first {
    border-left-width: 1px;
}

.order-history-page .orders-table .orders-table-row.last .table-cell {
    border-bottom: 1px solid #949494;
}

.order-history-page .orders-table .orders-table-row .table-cell {
    height: 30px;
    padding: 5px;
}

@media screen and (min-width: 768px) {
    html[lang=de] .order-history-page .orders-table .orders-table-row .table-cell {
        height: 45px;
    }
}

.order-history-page .orders-table .orders-table-row .table-cell.first {
    border-left: 1px solid #949494;
}

.order-history-page .orders-table .orders-table-row .table-cell.last-md {
    border-right: 1px solid #949494;
}

.order-history-page .total-count {
    text-align: right;
    font-size: 14px;
    margin-bottom: 10px;
}

.order-history-page .orders-table .col-order-number,
.order-history-page .orders-table .col-order-status,
.order-history-page .orders-table .col-date-placed {
    float: left;
    width: 20%;
}

.order-history-page .orders-table .col-tracking-id {
    float: left;
    width: 22%;
}

.order-history-page .orders-table .col-order-details {
    float: left;
    width: 18%;
}

.order-history-page .pagination {
    font-size: 14px;
    float: right;
    padding-bottom: 10px;
}

.order-history-page .pagination ul {
    list-style-type: none;
}

.order-history-page .pagination ul li {
    float: left;
    padding: 0 0 0 7px;
    text-transform: uppercase;
}

.order-history-page .orders-pagination .sort-by-dropdown {
    display: none;
}

.order-history-page .pagination ul li a {
    font-family: "ProximaNovaLight", "Arial", arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    text-decoration: none;
    border: none;
    background: #004712;
    color:#fff;
    padding: 10px 16px;
    transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    display: inline-block;
    width: 100px;
    text-align: center;
}

html[lang=de] .order-history-page .pagination ul li a {
    width: 150px;
}

.order-history-page .search-results-bottom-border > .col-sm-4 {
    display: none;
}
.order-history-page .search-results-bottom-border > .col-sm-8 {
    width: 100% !important;
}

.order-history-page .pagination ul li.next a,
.order-history-page .pagination ul li.prev a {
    background: #c6c6c6;
    color:#474747;
}

.order-history-page .pagination ul li a:hover {
    background: #638558;
    color: #fff;
}

.order-history-page .pagination ul li.next a:hover,
.order-history-page .pagination ul li.prev a:hover {
    background: #8c8c8c;
    color:#fff;
}

.order-history-page .pagination ul li span {
    display: inline-block;
    padding: 10px;
}

@media screen and (max-width: 991px) {
    .order-history-page .orders-table .orders-table-row .table-cell.last-sm {
        border-right: 1px solid #949494;
    }

    .order-history-page .orders-table .orders-table-header .table-header {
        font-size: 14px;
        text-align: center;
        padding: 8px 5px;
        background: #efefef;
    }

    .order-history-page .orders-table .col-order-number {
        float: left;
        width: 29%;
    }

    .order-history-page .orders-table .col-order-status {
        float: left;
        width: 23%;
    }

    .order-history-page .orders-table .col-date-placed {
        float: left;
        width: 20%;
    }

    .order-history-page .orders-table .col-tracking-id {
        float: left;
        width: 28%;
    }
}

@media screen and (max-width: 767px) {
    .order-history-page .orders-table a.btn,
    .order-history-page .orders-table a.btn:hover {
        color: #ffffff;
    }

    .order-history-page .total-count {
        margin-top: 10px;
    }

    .order-history-page .total-count {
        font-size: 16px;
    }

    .order-history-page .orders-table {
        font-size: 14px;
    }

    .order-history-page .orders-table .orders-table-row {
        margin-bottom: 15px;
        padding: 5px 2px 15px;
        border: 1px solid #cdcdcd;
        padding-bottom: 23px;
    }

    .order-history-page .orders-table .orders-table-row.last .table-cell,
    .order-history-page .orders-table .orders-table-row .table-cell.last-md,
    .order-history-page .orders-table .orders-table-row .table-cell.last-sm,
    .order-history-page .orders-table .orders-table-row .table-cell.first {
        border: none;
    }

    .order-history-page .orders-table .orders-table-row .mobile-label {
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        font-weight: bold;
        text-align: right;
    }

    .order-history-page .orders-table .col-order-number,
    .order-history-page .orders-table .col-order-status,
    .order-history-page .orders-table .col-date-placed,
    .order-history-page .orders-table .col-tracking-id,
    .order-history-page .orders-table .col-order-details {
        float: left;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .order-history-page .orders-table .col-order-details {
        margin-bottom: 0;
    }

    .order-history-page .pagination {
        margin: 0 0 10px 0;
    }

    .order-history-page .pagination ul li.all {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .col-md-20 {
        float: left;
        width: 20%;
    }

    .col-md-40 {
        float: left;
        width: 40%;
    }

    .col-md-80 {
        float: left;
        width: 80%;
    }

    .col-md-push-20 {
        left: 20%;
    }

    .col-md-pull-80 {
        right: 80%;
    }
}

/*
    Order detail page (Account)
*/

.order-details-page .header {
    margin-bottom: 15px;
}

.order-details-page .header h2 {
    font-size: 20px;
    font-family: "ProximaNovaLight", arial, sans-serif;
    border-bottom: none;
}

.order-details-page .back-to-history {
    text-align: right;
}

.order-details-table {
    font-size: 12px;
    margin: 0 0 15px;
}

.order-details-table .table-header {
    margin: 10px -15px;
    padding: 10px 15px 13px;
    border-bottom: 1px solid #d2d2d2;
}

.order-details-table .col-delivery-address {
    padding-left: 0;
}

.order-details-table .col-delivery-address .table-header {
    margin-left: 0;
    padding-left: 0;
}

.order-details-table {
    border-bottom: 1px solid #949494;
    padding-bottom: 15px;
}

.order-details-table .table-cell strong {
    font-family: "ProximaNovaRegular", "Arial", arial, sans-serif;
    font-weight: normal;
}

.order-details-page .order-buttons {
    margin-top: 15px;
    margin-bottom: 15px;
}

.order-details-page .order-buttons ul li {
    list-style: none;
    float: right;
    margin-left: 10px;
}

.order-details-page .order-items-table {
    font-size: 13px;
    margin: 0 0 15px;
}

.order-details-page .order-items-table .order-items-header {
    font-size: 12px;
    text-transform: uppercase;
}

.order-details-page .order-items-table .col-product,
.order-details-page .order-items-table .col-description,
.order-details-page .order-items-table .col-price,
.order-details-page .order-items-table .col-quantity,
.order-details-page .order-items-table .col-sub-total,
.order-details-page .order-items-table .col-discounts,
.order-details-page .order-items-table .col-total,
.order-details-page .order-items-label {
    padding-left: 5px;
    padding-right: 5px;
}

.order-details-page .order-returns-table .order-returns-header,
.order-details-page .order-returns-table .order-returns-row,
.order-details-page .order-items-table .order-items-header,
.order-details-page .order-items-table .order-items-row {
    border-bottom: 1px solid #d2d2d2;
    padding-top: 10px;
    padding-bottom: 10px;
}

.order-details-page .order-items-table .col-product img {
    border: 1px solid #949494;
    width: 100%;
}

.order-details-page .order-returns-table .col-description dt,
.order-details-page .order-items-table .col-description dt {
    float: left;
    clear: left;
    text-transform: uppercase;
    color: #707070;
    padding-right: 5px;
}

.order-details-page .order-items-table .order-items-delivery,
.order-details-page .order-items-table .order-items-total {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #949494;
}

.order-details-page .order-items-table .order-items-total .order-items-label {
    text-transform: uppercase;
}

.order-details-page .order-items-table .col-price,
.order-details-page .order-items-table .col-quantity,
.order-details-page .order-items-table .col-sub-total,
.order-details-page .order-items-table .col-discounts,
.order-details-page .order-items-table .col-total {
    text-align: right;
}

.order-details-page .order-items-table .col-product {
    padding-left: 0;
}

.order-details-page .order-items-table .col-total {
    padding-right: 0;
}

.order-details-page h3.your-items,
.order-details-page h3.returned-items {
    margin-top: 20px;
    font-family: "ProximaNovaLight";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
}

.order-details-page .order-returns-table .order-returns-header,
.order-details-page .order-returns-table .order-returns-row {
    margin-left: 0;
}

.order-details-page .order-returns-table .order-returns-header .col-return-number,
.order-details-page .order-returns-table .order-returns-row .col-return-number {
    padding-left: 0;
}

.order-returns-table .order-returns-header {
    font-size: 12px;
    text-transform: uppercase;
}

.order-returns-table .orders-label {
    display: none;
}

.order-returns-table .order-returns-row {
    font-size: 13px;
}

.order-returns-table .col-quantity,
.order-returns-table .col-product-refund,
.order-returns-table .col-delivery-refund,
.order-returns-table .col-status,
.order-returns-table .col-total {
    text-align: right;
}

@media screen and (max-width: 991px) {
    .order-details-table {
        font-size: 14px;
        border-bottom: none;
    }

    .order-details-table .table-header {
        text-transform: uppercase;
        font-size: 14px;
        border: none;
        padding: 0;
        margin: 5px 0;
    }

    .order-details-table .col-delivery-address,
    .order-details-table .col-payment-method,
    .order-details-table .col-billing-address,
    .order-details-table .col-tracking-number,
    .order-details-table .col-order-status {
        padding-left: 0;
    }

    .order-details-table .table-header:after {
        content: ':';
    }

    .order-details-table .col-order-status,
    .order-details-table .col-payment-method {
        margin-top: 30px;
    }

    .order-details-page .order-items-table {
        font-size: 14px;
    }

    .order-details-page .order-items-table .col-price,
    .order-details-page .order-items-table .col-quantity {
        text-align: left;
    }

    .order-details-page .order-items-table .col-product {
        padding-left: 5px;
    }

    .order-details-page .order-items-table .col-total {
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        font-weight: bold;
        padding-right: 5px;
    }

    .order-details-page .order-items-table .col-price {
        margin-top: 15px;
    }

    .order-details-page .order-items-table .col-sub-total {
        margin-top: 69px;
    }

    .order-details-page .order-items-table .order-label {
        text-transform: uppercase;
        display: block;
        float: left;
    }

    .order-details-page .order-items-table .col-price,
    .order-details-page .order-items-table .col-sub-total,
    .order-details-page .order-items-table .col-discounts {
        margin-bottom: 5px;
    }

    .order-details-page .order-items-table .order-items-delivery {
        border-bottom: none;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

    .order-details-page .order-items-table .order-items-delivery .col-total {
        font-weight: normal;
        font-family: inherit;
    }

    .order-details-page .order-items-table .order-items-total {
        padding-top: 0;
        font-weight: bold;
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        border-bottom-color: #d2d2d2;
    }

    .order-details-page .order-returns-table .col-description dt,
    .order-details-page .order-items-table .col-description dt {
        color: inherit;
    }

    .order-details-page .order-returns-table .order-returns-row {
        font-size: 14px;
    }

    .order-returns-table .orders-label {
        display: inline-block;
        float: left;
        margin-right: 5px;
    }

    .order-returns-table .col-return-number,
    .order-returns-table .col-total,
    .order-returns-table .col-description dd:first-of-type {
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .order-returns-table .col-description dt:first-of-type {
        display: none;
    }

    .order-returns-table .col-product-refund,
    .order-returns-table .col-delivery-refund,
    .order-returns-table .col-status,
    .order-returns-table .col-total {
        padding-left: 0;
        margin-bottom: 5px;
    }

    .order-details-page .order-returns-table .order-returns-row .col-description {
        padding-left: 0;
    }

    .order-details-page .row.order-buttons {
        margin-left: 0;
    }

    .order-details-page .row.order-buttons > div {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .order-details-page .back-to-history {
        margin-top: 15px;
    }

    .order-details-page .header {
        margin-bottom: 30px;
    }

    .order-details-page .header h2 {
        font-family: "ProximaNovaLight", "Arial", arial, sans-serif;
        font-size: 20px;
        border-bottom: none;
    }

    .order-details-table .col-billing-address,
    .order-details-table .col-tracking-number {
        margin-top: 30px;
    }

    .order-details-table .col-payment-method {
        margin-top: 15px;
    }

    .order-details-table .col-delivery-address {
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 15px;
    }

    .order-details-table .col-order-status {
        border: 1px solid #cdcdcd;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        padding: 15px;
    }

    .order-details-table .col-order-status .table-header,
    .order-details-table .col-order-status .table-cell {
        display: inline;
    }

    .order-details-page .order-buttons ul li {
        display: block;
        float: none;
        margin-bottom: 10px;
    }

    .order-details-page .order-items-table .col-sub-total {
        margin-top: 15px;
    }

    .order-details-page .order-items-table .col-xs-pull-right {
        float: right !important;
    }

    .order-returns-table .col-product-refund {
        margin-top: 15px;
    }

    .order-details-page h3.your-items,
    .order-details-page h3.returned-items {
        font-size: 18px;
    }

    /*    .order-returns-table .col-quantity,
        .order-returns-table .col-product-refund,
        .order-returns-table .col-delivery-refund,
        .order-returns-table .col-status,
        .order-returns-table .col-total {
            text-align: left;
        }*/
}

/*
        404 Page Styles
*/

.error-page {
    min-height: 500px;
}

.error-page .header {
    margin-top: 30px;
}

.error-page .header h2 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: normal;
}

.error-page .content h3 {
    font-size: 18px;
    width: 50%;
    margin: 15px 0 20px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #cdcdcd;
}

.error-page .content ul {
    list-style-type: none;
    padding: 0 0 15px 0;
}

.error-page .content ul li {
    font-size: 14px;
    background: transparent url('../images/product-info-more-info-bullet.gif') no-repeat 2px 7px;
    padding: 0 0 0 10px;
    color: #808080;
}

.error-page .content p {
    font-size: 14px;
    padding: 0 0 15px 0;
    color: #808080;
}

@media screen and (max-width: 991px) {
    .error-page .content h3 {
        width: 66.6666666%;
    }
}

@media screen and (max-width: 767px) {
    .error-page .content h3 {
        width: 100%;
    }
}

/*
        Account: Payment details
*/

.payment-details-page .payment-details-row {
    border: 1px solid #cdcdcd;
    padding: 15px 0;
    margin: 0 0 15px;
    font-size: 14px;
    position: relative;
}

.payment-details-page .payment-details-row.selected {
    background-color: #efefef;
}

.payment-details-page .payment-details-row .default-payment {
    font-weight: bold;
    font-family: "ProximaNovaBold", arial, sans-serif;
    margin-bottom: 10px;
}

.payment-details-page .payment-details-row .default-payment input[type=radio] {
    margin-right: 5px;
}

.payment-details-page .payment-details-row .btn-remove-payment {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.payment-details-page .payment-details-row .submitSetDefault {
    display: none;
}

.payment-details-page .payment-details-row .card-detail {
    margin-left: 22px;
}

.payment-details-page .payment-details-row .card-detail dt {
    float: left;
    margin-right: 5px;
}

@media screen and (max-width: 991px) {
    .payment-details-page .payment-details-row .default-payment {
        text-indent: -22px;
        margin-left: 22px;
        padding-right: 70px;
    }

    .payment-details-page .payment-details-row .btn-remove-payment {
        top: 15px;
        bottom: auto;
        background: transparent url(../images/icon-remove-address.png) top right no-repeat;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        overflow: hidden;
    }

    .payment-details-page .payment-details-row .card-detail {
        margin-left: 0;
    }  
}

@media screen and (max-width: 767px) {
    .payment-details-page .payment-details-row .card-detail,
    .payment-details-page .payment-details-row .address-detail {
        margin-left: 22px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2)   and (max-width: 991px),
    screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 991px),
    screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 991px),
    screen and (        min-device-pixel-ratio: 2)      and (max-width: 991px),
    screen and (                min-resolution: 192dpi) and (max-width: 991px),
    screen and (                min-resolution: 2dppx)  and (max-width: 991px) {
    .payment-details-page .payment-details-row .btn-remove-payment {
        background-image: url(../images/icon-remove-address-2x.png);
        background-size: 32px 32px;
    }
}

@media screen and (max-width: 767px) {
    .payment-details-page .payment-details-row .card-detail {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .payment-details-page .payment-details-row.first {
        margin-top: 15px;
    }
}

/*
        Breadcrumbs
*/

#breadcrumb {
    background: #c6c6c6;
    font-size: 10px;
    text-transform: uppercase;
    font-family: "ProximaNovaBold", arial, sans-serif;
    font-weight: bold;
}

#breadcrumb:after {
    content: '';
    display: block;
    clear: both;
}

#breadcrumb span.divider {
    display: inline-block;
    margin: 0 1px 0 3px;
}

#breadcrumb ul {
    float: left;
    list-style-type: none;
    padding: 10px;
}

#breadcrumb ul li {
    float: left;
}

#breadcrumb ul li a {
    color: #3d3d3d;
    text-decoration: none;
}

#breadcrumb ul li a span {
    padding: 0;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    #breadcrumb ul li.last {
        display: none;
    }
}

/*
        Search results: no results
*/

.search-results-page.search-not-found {
    
}

.search-results-page.search-not-found a {
    color: #004712;
}

.search-results-page.search-not-found a:hover {
    color: #000000;
}

.search-results-page.search-not-found .no-results h3 {
    margin: 0;
    padding: 0 0 10px 5px;
    font-family: 'ProximaNovaLight', 'Verdana', 'sans';
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-transform: uppercase;
    display: table-cell;
    height: 60px;
    vertical-align: bottom;
}

.search-results-page.search-not-found .no-results h3 + ul {
    border-top: 1px solid #c6c6c6;
}

.search-results-page.search-not-found h2 {
    margin: 16px 0 45px 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'ProximaNovaLight', 'Verdana', 'sans';
    font-size: 27px;
    font-weight: normal;
}

.search-results-page.search-not-found dl#search-term dt {
    display: none;
}

.search-results-page.search-not-found dl#search-term dd {
    margin: 0;
    padding: 0;
}

.search-results-page.search-not-found dt {
    display: inline;
    margin: 0;
    padding: 0;
}

.search-results-page.search-not-found dd {
    display: inline;
    margin: 0;
    padding: 0;
}

.search-results-page.search-not-found ul {
    margin: 0;
    padding: 17px 0 18px 5px;
    list-style: none;
}

.search-results-page.search-not-found li {
    margin: 0;
    padding: 0 0 7px 0;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .search-results-page.search-not-found h2 {
        line-height: 34px;
    }

    .search-results-page.search-not-found .no-results h3 {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 15px;
        padding-right: 20%;
    }
}



/*
        Session timeout
*/

#cboxContent {
    border-radius: 3px;
}

#cboxContent h1 {
    margin-top: 0;
    font-family: "ProximaNovaLight", "Arial", arial, sans-serif;
}

#cboxContent p {
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    #colorbox {
        width: 90% !important;
        left: 5% !important;
    }

    #cboxWrapper,
    #cboxLoadedContent {
        width: 100% !important;
    }

    #cboxContent {
        width: 100% !important;
        padding: 10px;
    }
}

@media screen and (max-width: 349px) {
    #cboxContent,
    #cboxWrapper,
    #colorbox {
        height: 160px !important;
    }
}

/*
        FAQ page
*/

.customer-services-page {
    overflow: hidden;
}

.customer-services-page #sidebar-nav-container {
    padding-right: 0;
}

.customer-services-page #sidebar-nav {
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}

#faqs .faq-question {
    font-size: 13px;
    margin: 0 0 20px 0;
    font-weight: 400;
    color: #222;
}

#faqs .faq-question span {
    font-weight: bold;
    margin-right: 5px;
}

#faqs .faq-answer {
    margin: 0;
    padding: 0 0 15px 0;
    color: #555;
}

#faqs .faq-answer p {
    font-size: 13px;
}

#faqs .faq-answer span {
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    #faqs .faq-answer {
        display: block !important;
    }
}

@media screen and (max-width: 991px) {
    .customer-services-page #sidebar-nav {
        padding-bottom: 0;
        margin-bottom: 15px;
    }

    #faqs .faq-question {
        font-size: 16px;
        background: #cccccc;
        padding: 15px;
        text-transform: uppercase;
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        font-weight: bold;
        margin-bottom: 0;
    }

    #faqs .faq-question span {
        font-weight: inherit;
    }

    #faqs .faq-answer {
        margin-bottom: 15px;
        display: none;
        padding: 15px;
        background: #efefef;
    }

    #faqs .faq-answer span {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .customer-services-page #sidebar-nav-container {
        padding-right: 15px;
    }

    #faqs .faq-item {
        margin-bottom: 15px;
    }

    #faqs .faq-question {
        cursor: pointer;
        padding-right: 50px;
        background: #c6c6c6 url(../images/confirm-open.png) no-repeat right center;
        margin-bottom: 0;
    }

    #faqs .faq-question.open {
        background: #c6c6c6 url(../images/confirm-close.png) no-repeat right center;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
	screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px),
	screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
	screen and (min-device-pixel-ratio: 2) and (max-width: 767px),
	screen and (min-resolution: 192dpi) and (max-width: 767px),
	screen and (min-resolution: 2dppx) and (max-width: 767px) {

	#faqs .faq-question {
		background: #c6c6c6 url(../images/confirm-open-2x.png) no-repeat right center !important;
		background-size: 28px 19px !important;
	}

	#faqs .faq-question.open {
		background: #c6c6c6 url(../images/confirm-close-2x.png) no-repeat right center !important;
		background-size: 28px 19px !important;
	}
}

/*
        Gender landing pages
*/
.collection-landing-page,
.gender-landing-page {
    overflow: hidden;
}

.product-listing-page #sidebar-nav,
.gender-landing-page #sidebar-nav,
.collection-landing-page #sidebar-nav {
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}

.gender-landing-page #sidebar-nav-container {
    padding-right: 0;
}

.gender-landing-page .header {
    margin: 15px 0;
    text-align: center;
}

.gender-landing-page .header h1, .collection-landing-page .header h1 {
    text-transform: uppercase;
    text-align:center;
}

.gender-landing-page .header strong {
    font-family: "ProximaNovaRegular", Arial, sans-serif;
}

.gender-landing-page-collection-links {
    padding: 0;
}

.gender-landing-page-collection-links:after {
    content: "";
    display: block;
    clear: both;
}

.gender-landing-page-collection-links .collection-link {
    padding: 0;
}

.gender-landing-page-collection-links .collection-link a  {
    text-decoration: none;
}

.gender-landing-page-collection-links .collection-link dl {
    position: relative;
    overflow: hidden;
}

.gender-landing-page-collection-links .collection-link dl dd {
    height: 190px;
    background: transparent url('../images/overlay-background.png') repeat 0 0;
    position: absolute;
    bottom: -120px;
    width: 100%;
    text-align: center;
}

.gender-landing-page-collection-links .collection-link dl dd h3 {
    padding-top: 17px;
}

.gender-landing-page-collection-links .collection-link dl dd h3 img {
    max-width: 100px;
}

.gender-landing-page-collection-links .collection-link dl dd p {
    display: table;
    height: 57px;
    padding: 0 15px;
    font-size: 0.813em;
    color: #ffffff;
    margin: 0 auto;
}

.gender-landing-page-collection-links .collection-link dl dd span {
    display: table-cell;
    vertical-align: middle;
}

.gender-landing-page-collection-links .collection-link dl dd span.cta {
    display: inline;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #3d3d3d;
    text-decoration: none;
    font-size: 0.813em;
    padding: 3px 6px;
}

.gender-landing-page-collection-links .collection-link dl dd a:hover,
.gender-landing-page-collection-links .collection-link dl dd a:active,
.gender-landing-page-collection-links .collection-link dl dd a:focus {
    text-decoration: underline;
}

.gender-landing-page #sidebar-nav ul li a:hover,
.collection-landing-page #sidebar-nav ul li a:hover {
    background: #808080;
    color: #ffffff;
}

/*#gender-landing-page-promos {
    margin-top: 10px;
}

#gender-landing-page-promos .promo {
    padding: 0;
}

#gender-landing-page-promos .promo.first {
    padding-right: 5px;
}

#gender-landing-page-promos .promo.last {
    padding-left: 5px;
}

#gender-landing-page-promos .promo a {
    text-decoration: none;
}

#gender-landing-page-promos .promo a dl {
    position: relative;
}

#gender-landing-page-promos .promo a dl dd {
    position: absolute;
    bottom: -1px;
    width: 100%;
}

#gender-landing-page-promos .promo a dl dd span {
    font-size: 0.813em;
    text-transform: uppercase;
    display: block;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
    margin: 0 20px;
    padding: 5px 0 0 0;
    font-family: "ProximaNovaRegular";
}

#gender-landing-page-promos .promo a:hover dl dd span,
#gender-landing-page-promos .promo a:focus dl dd span,
#gender-landing-page-promos .promo a:active dl dd span {
    text-decoration: underline;
}*/

.gender-landing-page .main-section,
.collection-landing-page .main-section {
    padding-right: 30px;
}

.gender-landing-page .childrens-banner {
    margin: 0;
    padding: 0;
}

#sidebar-nav-container #sidebar-nav .sidr h3 {
    display: none;
}

#sidebar-nav-container #sidebar-nav > div ul li a.active {
    text-decoration: none;
    color: #004712;
    font-family: "ProximaNovaBold", arial, sans-serif;
    font-weight: bold;
    background: transparent;
}

/* Desktop only */
@media screen and (min-width: 992px) {
    #sidebar-nav-container #sidebar-nav ul {
        display: block !important;
        height: auto !important;
    }

    .gender-landing-page,
    .collection-landing-page,
    .product-listing-page {
        margin-top: -20px;
    }
}

/* Tablet */
@media screen and (max-width: 991px) {
    .gender-landing-page,
    .collection-landing-page {
        overflow: visible;
    }

    .product-listing-page #sidebar-nav,
    .gender-landing-page #sidebar-nav,
    .collection-landing-page #sidebar-nav {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #sidebar-nav-container #sidebar-nav > div ul li a:hover {
        background: transparent;
        color: #707070;
    }

    .gender-landing-page .main-section > div:first-child {
        border-top: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
    }

    .gender-landing-page-collection-links .collection-link.barbour-international {
        padding-right: 3px;
    }

    .gender-landing-page-collection-links .collection-link.barbour-lifestyle {
        padding-right: 2px;
        padding-left: 1px;
    }

    .gender-landing-page-collection-links .collection-link.barbour-heritage {
        padding-right: 1px;
        padding-left: 2px;
    }

    .gender-landing-page-collection-links .collection-link.barbour-sporting {
        padding-left: 3px;
    }

    .gender-landing-page-collection-links .collection-link.last {
        float: right;
    }

    .gender-landing-page-collection-links .collection-link dl dd {
        position: static;
        height: 140px;
    }
    
    .gender-landing-page-collection-links .collection-link dl dd span.cta {
        display: none;
    }
    
    .gender-landing-page-collection-links .collection-link dl dd h3 {
        padding-top: 17px !important;
    }

    .gender-landing-page-collection-links .collection-link.barbour-international dl dd {
        background: #000000;
    }

    .gender-landing-page-collection-links .collection-link.barbour-lifestyle dl dd {
        background: #094425;
    }

    .gender-landing-page-collection-links .collection-link.barbour-heritage dl dd {
        background: #757a73;
    }

    .gender-landing-page-collection-links .collection-link.barbour-sporting dl dd {
        background: #762124;
    }

    #sidebar-nav-container #sidebar-nav > div {
        border: 1px solid #cfcfcf;
        border-bottom: none;
        overflow-x: hidden;
        margin-bottom: 0;
    }

    #sidebar-nav-container #sidebar-nav > div:last-child {
        border-bottom: 1px solid #cfcfcf;
    }

    #sidebar-nav-container #sidebar-nav > div > h3,
    #sidebar-nav-container #sidebar-nav > div > h4 {
        cursor: pointer;
        background: white;
        color: #000;
        font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
        font-weight: bold;
        font-size: 13px;
        line-height: 13px;
        border-bottom: 1px solid #cfcfcf;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
        padding: 15px;
        margin: 0;
    }

    #sidebar-nav-container #sidebar-nav > div > ul li {
        padding: 10px 0;
        border-bottom: 1px solid #cfcfcf;
        margin: 0 5px;
    }

    #sidebar-nav-container #sidebar-nav > div > ul li a {
        padding-left: 5px;
    }

    #sidebar-nav-container #sidebar-nav > div > ul > form:last-child li {
        border-bottom: none;
    }

    #sidebar-nav-container #sidebar-nav .closed ul {
        display: none;
    }

    #sidebar-nav-container #sidebar-nav > div.closed h3,
    #sidebar-nav-container #sidebar-nav > div.closed h4 {
        background: url("../images/footer-reveal.png") no-repeat #fff;
        background-position: 98% 50%;
        background-position: top 12px right 10px;
        padding: 15px;
        margin-bottom: 1px;
    }

    #sidebar-nav-container #sidebar-nav > div.open h3,
    #sidebar-nav-container #sidebar-nav > div.open h4 {
        background: url("../images/footer-hide.png") no-repeat;
        background-position: top 12px right 10px;
    }

    #sidebar-nav-container #sidebar-nav > div.closed + div {
        border-top: none;
    }
    
    #sidebar-nav-container #sidebar-nav > div.closed:last-child {
        border-bottom: none;
    }

    #sidebar-nav-container #sidebar-nav > div.open:last-child {
        border-bottom: 1px solid #cfcfcf;
    }

    .collection-landing-page .main-section .header h2,
    .gender-landing-page .header strong span,
    .gender-landing-page .header span strong {
        font-size: 24px !important;
        line-height: 28px;
        font-family: "ProximaNovaRegular", arial, sans-serif;
        font-weight: normal;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
    screen and (min--moz-device-pixel-ratio: 2) and (max-width: 991px),
    screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
    screen and (min-device-pixel-ratio: 2) and (max-width: 991px),
    screen and (min-resolution: 192dpi) and (max-width: 991px),
    screen and (min-resolution: 2dppx) and (max-width: 991px) {

    .collection-landing-page #sidebar-nav > div.closed h3,
    .collection-landing-page #sidebar-nav > div.closed h4,
    .gender-landing-page #sidebar-nav > div.closed h3,
    .gender-landing-page #sidebar-nav > div.closed h4,
    .product-listing-page #sidebar-nav > div.closed h3,
    .product-listing-page #sidebar-nav > div.closed h4,
    #sidebar-nav-container #sidebar-nav > div.closed h3,
    #sidebar-nav-container #sidebar-nav > div.closed h4 {
        background: #ffffff url(../images/confirm-open-2x.png) right center no-repeat;
        background-size: 28px 19px;
    }

    .collection-landing-page #sidebar-nav > div.open h3,
    .collection-landing-page #sidebar-nav > div.open h4,
    .gender-landing-page #sidebar-nav > div.open h3,
    .gender-landing-page #sidebar-nav > div.open h4,
    .product-listing-page #sidebar-nav > div.open h3,
    .product-listing-page #sidebar-nav > div.open h4,
    #sidebar-nav-container #sidebar-nav > div.open h3,
    #sidebar-nav-container #sidebar-nav > div.open h4 {
        background: #f7f7f7 url(../images/confirm-close-2x.png) right center no-repeat;
        background-size: 28px 19px;
    }
}

@media screen and (max-width: 767px) {
    .gender-landing-page .header {
        margin: 0 0 15px;
    }

    .gender-landing-page .main-section,
    .collection-landing-page .main-section {
        padding-right: 15px;
    }

    .gender-landing-page .main-section > div:first-child {
        border: none;
    }

    .gender-landing-page #sidebar-nav-container {
        padding-right: 15px;
    }

    .collection-landing-page .main-section .header h2,
    .gender-landing-page .header strong span,
    .gender-landing-page .header span strong,
    .gender-landing-page .header strong span {
        font-size: 20px !important;
        font-family: "ProximaNovaBold";
        font-weight: bold;
    }

    .collection-landing-page .main-section .header {
        padding-top: 0px !important;        
    }

    .collection-landing-page .back-to-gender {
        display: none !important;
    }

    .gender-landing-page-collection-links .collection-link dl dt {
        width: 25%;
        padding: 25%;
        box-sizing: border-box;
        float: left;
        position: relative;
    }

    .gender-landing-page-collection-links .collection-link dl dt > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
    
    .gender-landing-page-collection-links .collection-link dl dd {
        background: transparent !important;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 100px;
        margin-top: -50px;
    }

    .gender-landing-page-collection-links .collection-link dl dd h3 {
        padding-top: 0 !important;
    }

    .gender-landing-page-collection-links .collection-link.barbour-international a {
        display: block;
        background: #000000;
    }

    .gender-landing-page-collection-links .collection-link.barbour-lifestyle a {
        display: block;
        background: #094425;
    }

    .gender-landing-page-collection-links .collection-link.barbour-heritage a {
        display: block;
        background: #757a73;
    }

    .gender-landing-page-collection-links .collection-link.barbour-sporting a {
        display: block;
        background: #762124;
    }

    .gender-landing-page-collection-links .collection-link.barbour-international,
    .gender-landing-page-collection-links .collection-link.barbour-lifestyle,
    .gender-landing-page-collection-links .collection-link.barbour-heritage,
    .gender-landing-page-collection-links .collection-link.barbour-sporting {
        padding: 0 15px 10px 15px;
    }

    .collection-landing-page #sidebar-nav > div > ul li,
    .gender-landing-page #sidebar-nav > div > ul li {
        padding: 10px 0;
        margin: 0 15px;
    }

    .collection-landing-page #sidebar-nav > div > ul li a,
    .gender-landing-page #sidebar-nav > div > ul li a {
        padding-left: 15px;
    }

    .collection-landing-page #sidebar-nav > .collections,
    .gender-landing-page #sidebar-nav > .collections {
        display: none !important;
    }

    .collection-landing-page #sidebar-nav > .highlights,
    .gender-landing-page #sidebar-nav > .highlights {
        border-top: 1px solid #cfcfcf !important;
    }

    .collection-landing-page #sidebar-nav > div > h3,
    .collection-landing-page #sidebar-nav > div > h4,
    .gender-landing-page #sidebar-nav > div > h3,
    .gender-landing-page #sidebar-nav > div > h4 {
        font-size: 15px;
    }

    .gender-landing-page .childrens-banner {
        margin-bottom: 15px;
    }
}

/*
        Brand landing page
*/

.collection-landing-page #sidebar-nav .currently-viewing {
    display: none;
}

.collection-landing-page-slideshow {
    padding-left: 0;
    padding-right: 0;
}

.product-listing-page #sidebar-nav-container,
.collection-landing-page #sidebar-nav-container {
    padding-right: 0;
}

.childrens-landing-page #gender-landing-page-promos {
    padding: 0;
}

#gender-landing-page-promos,
#collection-landing-page-promos {
    margin-top: 10px;
}

#gender-landing-page-promos .promo,
#collection-landing-page-promos .promo {
    padding: 0;
}

#gender-landing-page-promos .promo.first,
#collection-landing-page-promos .promo.first {
    padding-right: 5px;
}

#gender-landing-page-promos .promo.last,
#collection-landing-page-promos .promo.last {
    padding-left: 5px;
}

#gender-landing-page-promos .promo a dl,
#collection-landing-page-promos .promo a dl {
    position: relative;
}

#gender-landing-page-promos .promo a dl dd,
#collection-landing-page-promos .promo a dl dd {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#gender-landing-page-promos .promo a dl dd span,
#collection-landing-page-promos .promo a dl dd span {
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    background-color: #ffffff;
    text-align: center;
    margin: 0 20px;
    padding: 5px 0 0 0;
    font-family: "ProximaNovaRegular";
}

#gender-landing-page-promos .promo a:hover dl dd span,
#gender-landing-page-promos .promo a:focus dl dd span,
#gender-landing-page-promos .promo a:active dl dd span,
#collection-landing-page-promos .promo a:hover dl dd span,
#collection-landing-page-promos .promo a:focus dl dd span,
#collection-landing-page-promos .promo a:active dl dd span {
    text-decoration: underline;
}

@-moz-document url-prefix() { 
    .product-page {
        margin-top: -20px;
    }
}

@media screen and (max-width: 991px) {
    #gender-landing-page-promos .promo a,
    #collection-landing-page-promos .promo a {
        text-decoration: none;
    }

    #gender-landing-page-promos .promo a dl,
    #collection-landing-page-promos .promo a dl {
        position: relative;
        overflow: hidden;
    }

    #gender-landing-page-promos .promo a dt,
    #collection-landing-page-promos .promo a dt {
        display: inline-block;
        width: 470px;
        margin-left: -100px;
    }

    #gender-landing-page-promos .promo a dt img,
    #collection-landing-page-promos .promo a dt img {
        width: 100%;
    }

    #gender-landing-page-promos .promo a dl dd::after,
    #collection-landing-page-promos .promo a dl dd::after {
        font-family: "ProximaNovaLight", arial, sans-serif;
        content: '\203A';
        padding-left: 5px;
        font-size: 20px;
    }

    #gender-landing-page-promos .promo a dl dd,
    #collection-landing-page-promos .promo a dl dd {
        color: #fff;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.6);
        text-align: center;
        padding: 10px;
    }

    #gender-landing-page-promos .promo a dl dd span,
    #collection-landing-page-promos .promo a dl dd span {
        font-size: 17px;
        display: inline;
        background: transparent;
        padding: 0;
        margin: 0;
    }
}

.collection-landing-page .main-section .header {
    text-align: center;
    padding: 15px;
}

.collection-landing-page-slideshow .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.no-js .collection-landing-page-slideshow .slideshow > .slide:first-child {display: block;}
.collection-landing-page-slideshow {margin: 0; padding: 0;}
.collection-landing-page-slideshow {margin: 0; padding: 0;}
.collection-landing-page-slideshow .slideshow > .slide {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.collection-landing-page-slideshow .slideshow > .slide.clone:first-child {display: none !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.collection-landing-page-slideshow .slideshow img {width: 100%; display: block;}

.collection-landing-page-slideshow .flex-direction-nav a {
    display: block;
    overflow: hidden;
    font-size: 0.01em;
    text-indent: -99999px;
    width: 40px;
    height: 39px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

.collection-landing-page-slideshow .flex-direction-nav a.flex-prev {
    background: transparent url('../images/collection-landing-page-slideshow-prev.png') no-repeat 0 0;
    left: 15px;
}

.collection-landing-page-slideshow .flex-direction-nav a.flex-next {
    right: 15px;
    background: transparent url('../images/collection-landing-page-slideshow-next.png') no-repeat 0 0;
}

@media screen and (max-width: 991px) {
    .collection-landing-page #sidebar-nav .collections,
    .collection-landing-page #sidebar-nav .currently-viewing {
        display: none;
    }

    .collection-landing-page #sidebar-nav .capsule {
        clear: both;
        border-top: 1px solid #cfcfcf !important;
    }

    .collection-landing-page .main-section > div:first-child {
        border-top: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
    }

    .product-listing-page .back-to-gender,
    .collection-landing-page .back-to-gender {
        background-color: #ffffff;
        text-align: center;
        padding: 17px 0;
        border: 1px solid #cfcfcf;
        border-bottom: none;
    }
    
    .product-listing-page .back-to-gender:before,
    .collection-landing-page .back-to-gender:before {
        content: '\2039';
        font-size: 20px;
        padding-right: 1px;
    }

    .product-listing-page .back-to-gender a,
    .collection-landing-page .back-to-gender a {
        text-decoration: none;
        font-family: "ProximaNovaLight", arial, sans-serif;
        font-weight: 300;
        font-size: 14px;
    }

    .product-listing-page .back-to-gender a:hover,
    .collection-landing-page .back-to-gender a:hover {
        text-decoration: underline;
    }

    .collection-landing-page .main-section .header h2 {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .collection-landing-page .back-to-gender {
        margin-bottom: 15px;
        padding: 0;
        border: none;
    }

    .collection-landing-page .main-section .header h2 {
        font-family: "ProximaNovaBold", arial, sans-serif;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .collection-landing-page .main-section .header p {
        display: none;
    }

    .collection-landing-page #sidebar-nav-container {
        padding-right: 15px;
        margin-top: 15px;
    }

    .collection-landing-page .main-section > div:first-child {
        border: none;
    }

    .collection-landing-page-slideshow .flex-direction-nav a:hover {
        background-position: 0 -20px;
    }

    .collection-landing-page-slideshow .flex-direction-nav a.flex-next,
    .collection-landing-page-slideshow .flex-direction-nav a.flex-prev {
        width: 20px;
        height: 20px;
        background-size: 20px 40px;
        margin-top: -10px;
    }
}

@media screen and (max-width: 767px) {
    .yCmsContentSlot .span-24 {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .product-listing-page > .row:first-child {
        margin-left: -5px;
    }

    .product-listing-page #sidebar-nav-container {
        padding-left: 5px;
    }
}

/*
    Paypal confirmation page
*/

.paypal-confirmation-page .paypal-order-details .header h3 {
    font-family: "ProximaNovaRegular", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 16px;
}

.paypal-confirmation-page .paypal-order-details .content {
    padding: 10px 0;
}

.paypal-confirmation-page .paypal-order-details .content  img {
    margin-bottom: 10px;
}

.paypal-confirmation-page .basket-container h2 {
    padding: 0;
}

@media screen and (max-width: 991px) {
    .paypal-order-details .details .payment-method .header {
        display: none;
    }

    .paypal-order-details .details .delivery-address .header {
        margin: 0;
        padding: 0;
        border: none;
    }

    .paypal-order-details .details .delivery-address .header h3 {
        text-transform: none;
        font-family: "ProximaNovaBold", arial, sans-serif;
        font-weight: bold;
        font-size: 16px;
    }

    .paypal-order-details .details .content {
        font-size: 14px;
    }

    .paypal-order-details .details .edit-detail {
        margin-top: 10px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .paypal-order-details .payment-method {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .paypal-order-details .details .delivery-address .header {
        margin-left: -15px;
        margin-right: -15px;
    }
}