@charset "UTF-8";
/* Top Section width */
#prodInfoLeft {
    width: 50%;
    position: relative;
}

#prodInfoRight {
    width: 50%;
}

@media screen and (max-width: 767.99px) {
    #prodInfoLeft, #prodInfoRight {
        width: 100%;
    }
}

@media screen and (min-width : 768px) and (max-width : 1023.99px) {
    #prodInfoLeft, #prodInfoRight {
        width: 100%;
    }
}

/* change order */
.productBrands {
    order: -3;
}

.productName {
    order: -2;
    margin: 0;
    font-size: 1.25rem;
}
/* -- Mobile Phones  -- */
@media screen and (max-width: 767.99px) {
    .productName {
        font-size: 1rem;
    }
}

.detailOrder {
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 2em;
}

.ctaMain > div {
    padding: 32px;
    clear: both;
    width: 100%;
}

    .ctaMain > div:last-of-type {
        padding-bottom: 64px
    }

/* -- Mobile Phones  -- */
@media screen and (max-width: 767.9px) {
    .detailOrder {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2em;
    }

    .ctaMain {
        padding: 16px !important;
    }

    .detailOrder > div {
        grid-column: 1/13 !important;
        grid-row: auto;
        border: none;
        text-align: left;
        padding: 0;
    }

    .ctaMain > div {
        padding: 16px 0 0 0;
    }

    .ctaMessage {
        max-width: 100%;
        margin: inherit;
    }
}

/* iPads (portrait and landscape) --------------------------------------------------------------- */
@media screen and (min-width : 768px) and (max-width : 1023.9px) {
    .detailOrder {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2em;
    }

        .detailOrder > div {
            grid-column: 1/13 !important;
            grid-row: auto;
        }

    .ctaMain > div {
        padding: 16px
    }

    .ctaMessage {
    }
}


.detailOrder > div, .detailOrder > span {
    grid-column: 1/13;
}

.detalCTA {
    grid-column: 1/8 !important;
    grid-row: 1/2;
}

.ctaMain {
    grid-column: 8/13 !important;
    border: 1px solid #dcdcdc;
    text-align: center;
    background: #FAFAFA;
}

    .ctaMain .courierCountrySearch li {
        background: #fff;
    }

.productName {
    order: -2;
}

.productPrices {
    order: -1;
}

.productTechInfo {
    order: 5;
}

.productAddtoBasket {
    order: 1;
}

.productColourPicker {
    order: 7;
}

.productCustomerRewards {
    order: 6
}

.CTA {
    order: 9
}

#tagAlongPanel {
    order: 10
}

#prodInfoRight {
    align-items: start;
}

#firstdetails {
    max-width: 100%;
    margin: inherit;
}

/* Call to Actions on minial */
.ctaIconLink {
    margin-top: 16px;
    display: inline-block
}

.ctaRight {
    border: 1px solid #dcdcdc;
}

.tdelay {
    color: #552249;
}

.timehour, .timeminutes, .fastone {
}

    .timehour .timehour, .timehour .timeminutes {
        color: #008a00;
    }

.fastone {
    margin-bottom: 0px;
}

.ctaRight > div {
    padding: 32px;
    display: inline-block;
    clear: both;
    width: 100%;
}

    .ctaRight > div:last-of-type {
        padding-bottom: 64px
    }

    .ctaRight > div a {
        color: inherit
    }

.ctaIcon {
    font-size: 26px;
}

    .ctaIcon.stars {
        font-size: 22px
    }

.ctaTitle, .ctaTitle span, .fastone strong {
    font-size: 1em;
    margin: 16px 0;
}

.ctaMessage {
}

    .ctaMessage p {
        margin: 0;
        padding: 0;
    }

/* Call to Actions on minial */

.ctaIconLink {
    margin-top: 16px;
    display: inline-block
}

.ctaRight {
    border: 1px solid #dcdcdc;
}

.tdelay {
    color: #552249;
}

.timehour, .timeminutes, .fastone {
}

    .timehour .timehour, .timehour .timeminutes {
        color: #008a00;
    }

.fastone {
    margin-bottom: 0px;
}



.ctaMain > div a {
    color: inherit;
}

.ctaIcon {
    font-size: 26px;
    display: inline-block;
    margin-right: 16px;
}

    .ctaIcon.stars {
        font-size: 22px
    }

.ctaTitle, .ctaTitle span, .fastone strong {
    font-size: 1em;
    margin: 0px 0;
    margin-bottom: 16px;
    display: inline-block;
}

.ctaMessage {
}

.ct.ctaNextday {
    display: none !important
}

aMessage p {
    margin: 0;
    padding: 0;
    display: inline-block
}

.ctaNextday {
    display: none
}

.more {
    color: cornflowerblue !important;
    font-size: small;
}



/* Custom Builder Overrides */
form[action*="/builder/"] #firstdetails .productName {
    font-size: 1.6rem;
    margin-bottom: 16px;
}

form[action*="/builder/"] #firstdetails .longDesc {
    order: 2;
}

#ProductCustom1_panAttributes {
    display: grid;
    padding: 0;
    grid-gap: 1em;
    grid-template-columns: repeat(3,1fr);
    -ms-grid-columns: 1fr 1fr 1fr;
}

    #ProductCustom1_panAttributes > .cpb {
        padding: 16px;
        background: white;
    }

.cpb-Header {
    border-bottom: 1px solid #999;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

    .cpb-Header strong {
        font-weight: normal;
        font-family: 'citrfontbold';
    }

.cpb .attBlock {
    display: grid;
    padding: 0;
    grid-gap: 0em 0.5em;
    grid-template-columns: 50px 5fr repeat(2, 1fr);
    -ms-grid-columns: 50px 5fr repeat(2, 1fr);
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F4F4F4;
    align-items: stretch;
    align-content: stretch;
}

    .cpb .attBlock .attName {
        grid-row: 1;
        grid-column: 2;
    }

    .cpb .attBlock .attPrice {
        grid-row: 2;
        grid-column: 2;
    }

    .cpb .attBlock .attImage {
        grid-row-start: 1;
        grid-row-end: 3;
        grid-column: 1;
    }

    .cpb .attBlock .attMoreInfoOuter {
        grid-column: 3;
    }

    .cpb .attBlock .attSelected {
        grid-column: 4;
    }

    .cpb .attBlock .attSelected,
    .cpb .attBlock .attMoreInfoOuter {
        grid-row-start: 1;
        grid-row-end: 3;
    }

        .cpb .attBlock .attSelected a,
        .cpb .attBlock .attMoreInfo a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 50px;
            padding: 0 6px;
            position: relative;
        }

    .cpb .attBlock:nth-last-of-type(2) {
        border-bottom: none;
    }

    .cpb .attBlock > div {
    }

    .cpb .attBlock .attName {
    }

    .cpb .attBlock .attPrice {
        font-size: small;
    }

    .cpb .attBlock div[style="display: block; width: 50px; height: 50px; float: left; margin-left: 8px; background: #fff"] {
        margin-left: 0 !important;
        height: 50px;
    }

    .cpb .attBlock .attImage {
        height: 50px;
    }

        .cpb .attBlock .attImage img#imgProductImage {
            border: 0 !important;
        }

    .cpb .attBlock .attSelected {
        height: 100%;
    }

        .cpb .attBlock .attSelected a,
        .cpb .attBlock .attMoreInfo a {
            display: flex;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 125%;
            padding: 6px 12px;
            position: relative;
            vertical-align: middle;
            font-size: 13px;
            align-items: center;
            justify-items: center;
            justify-content: center;
        }

            .cpb .attBlock .attSelected a[data-selected="true"] {
                overflow: hidden;
                text-indent: -9999px;
                white-space: nowrap;
                background: #6db60e;
                font-size: 0;
                line-height: 0;
            }

                .cpb .attBlock .attSelected a[data-selected="true"]:before {
                    text-indent: 0;
                    font-family: 'feather';
                    content: "\e116";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    line-height: 100%;
                    -moz-transform: translateX(-50%) translateY(-50%);
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    -o-transform: translateX(-50%) translateY(-50%);
                    -ms-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    font-size: 25px;
                }


        .cpb .attBlock .attSelected input {
            width: 50px;
            height: 50px;
            padding: 0;
        }

.cpb-summaryAttLabel {
    padding-bottom: 16px;
    font-size: 1.2rem;
    font-family: 'citrfontbold';
}

#cpb-summary li {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: minmax(min-content, 180px) 1fr;
    -ms-grid-columns: minmax(min-content, 180px) 1fr;
    list-style: none;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.15)
}

    #cpb-summary li > .cpb-selectedOption {
        grid-column: 1;
    }

    #cpb-summary li > .cpb-chosenAtt {
        grid-column: 2;
    }

.cpb-buttonAdd a:before {
    display: block;
    float: left;
    color: white;
    line-height: 100%;
}

.cpb-buttonAdd a img {
    display: none;
}

@media screen and (max-width: 768px) {
    #ProductCustom1_panAttributes {
        grid-gap: 0.5em;
        grid-template-columns: 1fr;
    }

    .cpb .attBlock {
        grid-template-columns: 50px 2fr repeat(2, 1fr);
    }
}

@media screen and (min-width : 769px) and (max-width : 1440px) {
    #ProductCustom1_panAttributes {
        grid-gap: 0.5em;
        grid-template-columns: repeat(2, 1fr);
    }

    .cpb .attBlock {
        grid-template-columns: 50px 2fr repeat(2, 1fr);
    }
}