/*#region ### Notes ### */

/*
Settings
Border: 30px
Gutter: 20px
Max width: 1280px (1190px)
Min width: 300px
Header Height: auto
Footer Height: 75px
Menu Height: 50px
Menu Height (Mobile Sub Menu Fixed Height): 40px
Menu Switch Width: 768px
Menu Padding: 20px
Note .main-menu ul {top:##px;} must be set so that rollover works correctly 

Media points: 
	Fixed: 1280px (1190px), 1024px (934px), 
	Full Width: 768px (748px), 500px (100%), 360px (100%)
	Menu Switch: 768px
	
Fixed Width Calc = Size - (2 * Border) - ScrollBarwidth
Fixed width to Full Width Calc = Size - (Gutter / 2)
Full Width Calc = width:100%
ScrollBarwidth = 30 for older browsers. Add only for widths => 768 as mobiles don't have this issue
*/

/*#endregion*/

/*#region Defaults */

.clearer {
    clear: both;
}

.sp10 {
    height: 10px;
}

.sp20 {
    height: 20px;
}

.sp30 {
    height: 30px;
}

.sp40 {
    height: 40px;
}

.sp50 {
    height: 50px;
}

.sp100 {
    height: 100px;
}

/*#endregion*/

/*#region Page Setup */

* {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

html, body, form {
    height: 100%;
    min-width: 300px;
}

p, h1, h2, h3, h4 {
    width: 100%;
}

li {
    margin-left: 20px;
}

label {
    display: inline-block;
    margin-bottom: 0.8rem;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="search"], select, textarea, button {
    margin-bottom: 1em;
    padding: 15px;
    width: 100%;
    border: 1px solid #c6d4d6;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #edf3f4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    input[type="text"].readonly {
        border: 0px;
        background-color: #f1f1f1;
    }

table input[type="text"]:last-child,
table input[type="password"]:last-child,
table input[type="number"]:last-child,
table input[type="email"]:last-child,
table input[type="search"]:last-child,
table select:last-child,
table textarea:last-child,
table button:last-child {
    margin-bottom: 0;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, button {
    -moz-appearance: textfield;
    -webkit-appearance: none;
}

    input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, select:focus, textarea:focus, button:focus {
        border-color: #17a4ad;
        background-color: #fff;
        outline: none;
    }

    input[type="search"]::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

textarea {
    resize: vertical;
    min-height: 100px;
}

input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #3d4d5d;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    input[type=checkbox]:focus {
        outline: none;
    }

    input[type=checkbox]:checked {
        background-color: #17a4ad;
        border-color: #17a4ad;
        background-image: url(/images/template/icon-tick.svg);
        background-position: center center;
        background-repeat: no-repeat;
    }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-moz-outer-spin-button,
input[type=number]::-moz-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

select {
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-image: url(/images/template/icon-arrow-down.svg);
}

.errortext {
    color: #ed1c25;
}

.error-notice {
    margin: 5px 0 3px;
    padding: 5px 5px 5px 20px;
    display: inline-block;
    color: #fff;
    line-height: 1.2em;
    background-color: #ed1c25;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

    .error-notice:before {
        font-family: FontAwesome;
        content: "\f06a";
        margin-right: 5px;
        position: absolute;
        left: 5px;
    }

    .error-notice:after {
        content: '';
        width: 0;
        height: 0;
        border-width: 6px;
        border-style: solid;
        border-color: #ed1c25 transparent transparent;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -3px;
    }

span.error-notice[style*="inline"] {
    display: inline-block !Important;
}

.error-summary {
    background-color: #fff;
    color: #ed1c25 !important;
    border: #ed1c25 1px solid;
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin: 0 0 10px;
}

    .error-summary ul li:before,
    .error-summary ol li:before {
        color: #ed1c25 !important;
    }

.error-summary-title {
    color: #ed1c25 !important;
}

.error-summary a {
    color: #ed1c25 !important;
    text-decoration: underline;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

address, cite {
    font-style: normal;
}

/*#endregion*/

/*#region Helpers */

a.underline {
    text-decoration: underline;
}

    a.underline:hover, a.underline:focus {
        text-decoration: none;
    }

.valign-child {
    display: table-cell;
    vertical-align: middle;
}

.full-width {
    width: 100%;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.icon-before {
    padding-left: 1.25em;
    position: relative;
}

    .icon-before .fa {
        position: absolute;
        left: 0;
    }

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

table.borderless,
table.borderless tr {
    border: none;
}

/*#endregion*/


/*#region Wrappers*/

/*#region Outer Wrappers*/

.outer-wrapper {
    padding: 0;
    width: 100%;
    background-color: #fdfff1;
}

.outer-wrapper-preheader {
    background-color: #8b9698;
    position: relative;
    background-image: url(/images/template/bg-preheader.gif);
    background-repeat: repeat-y;
    background-position: top center;
}

.outer-wrapper-header {
    background-color: #fff;
}

.outer-wrapper-menu {
    background-color: #33414f;
    z-index: 1;
}

.outer-wrapper-content {
    background-color: #fdfff1;
    min-height: 400px;
}

.outer-wrapper-usp {
    border-bottom: 1px solid #c6d4d6;
}

.outer-wrapper-usp,
.outer-wrapper-extracontent-primary {
    background-color: #edf3f4;
    border-top: 1px solid #c6d4d6;
}

.outer-wrapper-extracontent-secondary {
    background-color: #fff;
    border-top: 1px solid #c6d4d6;
}

.outer-wrapper-content, .outer-wrapper-extracontent-primary, .outer-wrapper-extracontent-secondary {
    padding-top: 15px;
    padding-bottom: 15px;
}

.outer-wrapper-footer {
    background-color: #17a4ad;
}

.outer-wrapper-smallprint {
    background-color: #33414f;
}

.outer-page {
    min-height: 90%;
    background-color: #fdfff1;
}

    .outer-page:after {
        content: "";
        display: block;
    }


    .outer-footer, .outer-page:after {
    }

/*#endregion*/

/*#region InnerWrappers*/

.inner-wrapper {
    margin: 0 auto;
    padding: 0;
}

.inner-wrapper, .row, .row-menu {
    max-width: 1060px;
    width: 100%;
}

.row {
    padding: 0 5px;
}

.row-group {
    padding-top: 10px;
}

.col {
    padding: 15px;
    float: left;
}

    .col.col-slim {
        padding-top: 0;
        padding-bottom: 0;
    }

.col-primary {
    width: 65%;
}

.col-secondary {
    width: 35%;
}

.col-breadcrumbs {
    width: 75%;
}

.col-productnav {
    width: 25%;
}

    .col-productnav .productnav a {
        z-index: 1;
    }

.col-alltitles {
    float: right;
    text-align: right;
    padding-top: 0;
}

.col-publisherlist {
    width: 100%;
}

.col-half {
    width: 50%;
}

.col-full {
    width: 100%;
}

.halves .col-half:nth-child(3n - 2) {
    padding-right: 10px;
}

.halves .col-half:nth-child(2n) {
    padding-left: 10px;
}

.boxed {
    background-color: #fff;
    border: 1px solid #c6d4d6;
}

.labelleft {
    float: left;
    width: 140px;
    padding: 20px 10px 10px 0;
}

.fieldoverflow {
    overflow: hidden;
}

/*#endregion*/

/*#endregion*/


/*#region Buttons */

.button, .button:link, .button:visited, .button:hover, .button:focus, .outer-wrapper-content .button, .outer-wrapper-content .button:link, .outer-wrapper-content .button:visited, .outer-wrapper-content .button:hover, .outer-wrapper-content .button:focus {
    color: #fff;
}

    .button, .button:link, .button:visited {
        display: inline-block;
        text-align: center;
        padding: 14px 44px;
        white-space: nowrap;
    }

        .button:not(:last-child) {
            margin-bottom: 0.5em;
        }

.button-small, .button-small:link, .button-small:visited {
    padding: 10px 24px;
}

.button-xsmall, .button-xsmall:link, .button-xsmall:visited {
    padding: 10px;
    font-size: .8rem;
}

.button-large, .button-large:link, .button-large:visited {
    padding: 18px 74px;
}

.button.button-full {
    width: 100%;
}

.button-primary {
    background-color: #ed1c25;
}

    .button-primary:hover, .button-primary:focus {
        background-color: #fe3545;
    }

.button-secondary {
    background-color: #17a4ad;
}

    .button-secondary:hover, .button-secondary:focus {
        background-color: #2dc2cb;
    }

.button-tertiary {
    background-color: #33414f;
}

    .button-tertiary:hover, .button-tertiary:focus {
        background-color: #516476;
    }

.outer-wrapper-content .button.button-quarternary {
    background-color: transparent;
    color: #3d4d5d;
}

    .outer-wrapper-content .button.button-quarternary:hover,
    .outer-wrapper-content .button.button-quarternary:focus {
        color: #ed1c25;
    }

.button-recess {
    border-width: 2px;
    border-style: solid;
    padding: 10px 40px;
    background-color: transparent;
}

    .button-recess.button-large {
        padding: 14px 70px;
    }

    .button-recess.button-primary {
        border-color: #ed1c25;
    }

        .button-recess.button-primary:hover,
        .button-recess.button-primary:focus {
            border-color: #fe3545;
        }

    .button-recess.button-secondary {
        border-color: #17a4ad;
    }

        .button-recess.button-secondary:hover,
        .button-recess.button-secondary:focus {
            border-color: #2dc2cb;
        }

    .button-recess.button-tertiary {
        border-color: #33414f;
    }

        .button-recess.button-tertiary:hover,
        .button-recess.button-tertiary:focus {
            border-color: #516476;
        }

    .button-recess.button-quarternary {
        border-color: #fff;
    }

        .button-recess.button-quarternary:hover, .button-recess.button-quarternary:focus {
            border-color: #fff;
        }

/*#endregion*/

/*#region Tooltips */

.tooltip {
    position: relative;
    line-height: 1.1em;
}

.tooltip-text {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    position: absolute;
    top: 100%;
    width: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*#endregion*/

/*#region Pagination */

.pagination {
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size: 1.1em;
    line-height: 1.2em;
}

.pagination-records {
    float: left;
    padding: 0.5em 0;
    border: 1px solid transparent;
}

.pagination-nav {
    float: right;
}

    .pagination-nav a,
    .pagination-nav strong {
        float: left;
        padding: 0.5em;
        text-align: center;
    }

.pagination-nav-prev:before,
.pagination-nav-next:after {
    font-family: FontAwesome;
}

.pagination-nav-prev:before {
    content: "\f104";
    margin-right: 0.5em;
}

.pagination-nav-next:after {
    content: "\f105";
    margin-left: 0.5em;
}

/*#endregion*/

/*#region Tables */

table {
    width: 100%;
    background-color: #fff;
    border: 1px solid #c6d4d6;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.2em;
}

thead, tfoot tr:first-of-type {
    background-color: #edf3f4;
    border-bottom: 1px solid #c6d4d6;
}

thead, tfoot {
    text-transform: uppercase;
}

tfoot {
    margin-bottom: 20px;
}

tr {
    border-bottom: 1px solid #c6d4d6;
}

th, tfoot td {
    padding: 10px 15px;
    font-weight: 400;
}

td {
    padding: 15px;
}

table.singleBorder {
    border-collapse: collapse;
}

    table.singleBorder td {
        border: 1px solid #c6d4d6;
    }

.contentarea {
    background-color: #fff;
    border: 1px solid #c6d4d6;
}

.table-title {
    font-weight: 700;
    padding: 15px;
    margin-bottom: 0 !important;
    background-color: #fff;
    border-left: 1px solid #c6d4d6;
    border-top: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
}

.table-basket-foot {
    border-top: none;
}

.table-basket tr th:last-of-type, .table-basket tr td:last-of-type {
    text-align: right;
}

.basket-qty, input.basket-qty {
    width: 30px;
    padding: 3px;
    text-align: center;
    margin-bottom: 0;
}

.buttonlist {
    list-style: none;
}

    .buttonlist li {
        float: left;
        margin: 0 20px 20px 0;
    }

.buttonlist-basket {
    float: right;
}

    .buttonlist-basket li {
        margin: 0 0 20px 20px;
    }

.basket-sub-delivery {
    text-transform: uppercase;
    display: block;
}

.basket-detail {
    font-size: 1.1em;
    padding: 20px;
    border-bottom: 1px solid #c6d4d6;
    border-left: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
}

.basket-detail-title {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.basket-detail input[type="text"], .basket-detail textarea {
    background-color: #fff;
}

.basket-detail-gift {
    background-color: #edf3f4;
}

.basket-detail-promotion {
    background-color: #74cacf;
}

.basket-detail-total {
    color: #fff;
    background-color: #17a4ad;
}

.gift-message-label {
    margin-bottom: 0;
}

.gift-message-field {
    line-height: 1.2em;
}

.promotioncode {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
}

.promotioncode-field, input[type=text].promotioncode-field {
    width: calc(80% - 20px);
    float: left;
    padding: 10px;
    margin-bottom: 0;
}

.promotioncode-button, .promotioncode-button.button {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 20px;
}

.basket-detail-end {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    margin-right: -4px;
    line-height: 1.3em;
}

.basket-detail-enditem {
    width: 50%;
    float: left;
}

.basket-detail-postage {
    background-color: #fff;
}

.postage-dropdown {
    width: 100%;
    height: 10%;
    float: right;
}

.footable-toggle {
    display: none;
}

    .footable-toggle:before {
        content: "\f055";
        font-family: FontAwesome;
        font-size: 1.2em;
    }

.footable-detail-show footable-toggle:before {
    content: "\f056";
}

.footable-row-detail {
    background-color: #edf3f4;
}

.footable-row-detail-name {
    text-align: left;
}

.footable-row-detail-name, .footable-row-detail-value {
    padding: 5px 0;
    width: 50%;
    float: left;
}

.footable-row-detail-name {
    font-weight: bold;
}

/*#endregion*/

/*#region Tabs */

.responsive-tabs-wrapper {
    clear: both;
    zoom: 1;
}

    .responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
        content: "";
        display: table;
    }

    .responsive-tabs-wrapper:after {
        clear: both;
    }

.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {
    outline: 1px solid #ccc;
}

.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {
    outline: none !important;
}

.responsive-tabs__list {
    margin: 10px 0 0 0 !important;
    padding: 0;
    line-height: 1em;
    display: table !important;
    table-layout: fixed;
    width: 100%;
}

.responsive-tabs__list__item {
    color: #3d4d5d;
    background: #edf3f4;
    padding: 10px 20px;
    margin: 0 0 -1px;
    text-align: center;
    border-top: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    border-bottom: 1px solid #c6d4d6;
    display: table-cell;
    font-size: 1.15em;
    letter-spacing: 0.03em;
}

.responsive-tabs__list .responsive-tabs__list__item:before {
    content: '';
}

.responsive-tabs__list__item:first-of-type {
    border-left: 1px solid #c6d4d6;
}

.responsive-tabs__list__item:hover {
    background: #fff;
}

.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover {
    background: #fff;
    border-bottom-color: #fff;
    z-index: 2;
    position: relative;
}

.responsive-tabs__list .responsive-tabs__list__item--active:before {
    content: '';
    width: 100%;
    height: 10px;
    top: -10px;
    left: -1px;
    position: absolute;
    background: #fff;
    display: block;
    border-top: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    border-left: 1px solid #c6d4d6;
}

.responsive-tabs__panel {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #fff;
    border-left: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    border-bottom: 1px solid #c6d4d6;
}

.rt-panel-container.hidden {
    overflow: hidden;
    position: relative;
    height: 0;
}

.responsive-tabs-nopadding .responsive-tabs__panel {
    padding: 0;
}

@media (max-width: 767px) {

    .responsive-tabs__heading {
        padding: 15px 20px;
        border-top: 1px solid #c6d4d6;
        border-left: 1px solid #c6d4d6;
        border-right: 1px solid #c6d4d6;
        background: #edf3f4;
        position: relative;
        font-size: 1.2em;
        margin-bottom: 0;
    }

        .responsive-tabs__heading:last-of-type {
            border-bottom: 1px solid #c6d4d6;
        }



        .responsive-tabs__heading:after {
            content: "\f107";
            float: right;
            color: #3d4d5d;
            font-family: FontAwesome;
            font-size: 1em;
        }

        .responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover {
            background-color: #fff;
        }

    .responsive-tabs__heading--active {
        background: #fff;
    }

        .responsive-tabs__heading--active:after {
            content: "\f106";
        }

    .responsive-tabs__panel {
        margin-bottom: 0;
        border-bottom: none;
    }

        .responsive-tabs__panel:last-of-type {
            border-bottom: 1px solid #c6d4d6;
        }
}

/* END - Optional - Basic Skin */

/* REQUIRED for core functionality */

.responsive-tabs__heading {
    display: none;
}

.responsive-tabs__list__item {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1.3em;
}


@media (max-width: 767px) {
    .responsive-tabs__list {
        display: none !important;
    }

    .responsive-tabs__heading {
        display: block;
        cursor: pointer;
    }

    .responsive-tabs__panel--closed-accordion-only {
        display: none;
    }
}

@media (min-width: 768px) {
    .responsive-tabs__panel--closed-accordion-only {
        display: block !important;
    }

    .responsive-tabs__list {
        display: table;
    }
}

/* END - Required for core functionality */




/*#endregion*/



/*#region List Links */

.list-links {
    list-style: none;
    border: 1px solid #c6d4d6;
}

    .list-links,
    .list-links li {
        width: 100%;
        margin: 0;
        padding: 0;
        background: url('/images/template/menu-arrow.gif') no-repeat right center;
    }

        .list-links li:nth-of-type(n + 2) {
            border-top: 1px solid #c6d4d6;
        }

        .list-links a {
            letter-spacing: 0.03em;
            padding: 15px 20px;
            display: block;
            background: #fff;
            position: relative;
            font-size: 1.2em;
            margin-bottom: 0;
            cursor: pointer;
            line-height: 1.4em;
        }

        .list-links li .list-links {
            border: 0;
            border-top: 1px solid #c6d4d6;
        }

        .list-links li li a {
            padding: 10px 20px 10px 35px;
            font-size: 1em;
        }

/*#endregion*/

/*#region Accordion */

.accordion-title {
    width: 100%;
    color: #fff;
    background-color: #17a4ad;
    margin-bottom: 0;
    padding: 15px 20px;
    border-top: 1px solid #c6d4d6;
    border-left: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    font-weight: 700;
    letter-spacing: 0.03em;
}

    .accordion-title .fa {
        margin-right: 10px;
    }

.accordion {
    border-top: 1px solid #c6d4d6;
    border-bottom: 1px solid #c6d4d6;
}

.accordion-heading {
    letter-spacing: 0.03em;
    padding: 15px 20px;
    border-left: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    background: #fff;
    position: relative;
    font-size: 1.2em;
    margin-bottom: 0;
    cursor: pointer;
}

    .accordion-heading:nth-of-type(n + 2) {
        border-top: 1px solid #c6d4d6;
    }

    .accordion-heading:after {
        content: "\f107";
        float: right;
        color: #3d4d5d;
        font-family: FontAwesome;
        font-size: 1em;
    }

    .accordion-heading:hover {
        background-color: #edf3f4;
    }

.accordion-heading-active {
}

    .accordion-heading-active:after {
        content: "\f106";
    }


.accordion-panel {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 1.4em;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.accordion-panel-inactive {
    max-height: 0;
}

.accordion-panel-active {
    max-height: 1000px;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    transition: all 3s ease;
}

.accordion-panel-inner {
    width: 100%;
    display: block;
    padding: 20px;
    border-top: 1px solid #c6d4d6;
    border-left: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    background-color: #edf3f4;
}

.accordionlist, .checkboxlist {
    list-style: none;
}

    .accordionlist li {
        margin: 5px 0;
        padding-left: 20px !important;
    }

    .checkboxlist li {
        margin: 5px 0;
        padding-left: 0;
    }

    .checkboxlist > li > a {
        font-weight: 700;
    }

    .checkboxlist a {
        line-height: 1.2em;
        margin-bottom: 5px;
        display: inline-block;
    }

/*#endregion*/

/*#region PreHeader */

.preheader {
    width: 100%;
    padding: 0 10px;
    font-size: 1.15em;
}

.preheader-link-title {
    text-transform: uppercase;
}

.preheader-links-left {
    display: inline-block;
    width: 19%;
    font-size: 0.8em;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    .preheader-links-left > li {
        display: inline-block;
        padding: 0;
        margin: 0 -2px;
    }

        .preheader-links-left > li .preheader-link {
            padding: 0 10px 0 10px;
            text-transform: uppercase;
        }

    .preheader-links {
    display: inline-block;
    width: 80%;
    text-align: right;
    font-size: 0.8em;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    .preheader-links > li {
        display: inline-block;
        padding: 0;
        margin: 0 -2px;
    }

        .preheader-links > li:last-child,
        .preheader-links > li:last-child:after {
            background-color: #5f6b73;
        }
/*
.preheader-links > li:last-child:after
{
	content: '';
	width: 1000%;
	height: 25px;
	position: absolute;
	left: 100%;
	top: 0;
}*/

.preheader-link {
    display: block;
    padding: 0 10px 0 25px;
    color: #fff;
    position: relative;
    line-height: 25px;
    z-index: 10;
}

    .preheader-link:hover,
    .preheader-link:visited {
        color: #fff;
    }

    .preheader-link:before {
        font-family: FontAwesome;
        position: absolute;
        left: 8px;
        z-index: 1;
    }

.preheader-link-login:before,
.preheader-link-my-account:before {
    content: "\f007";
}

.preheader-link-login {
    display: inline-block;
    padding-right: 0px;
}

.preheader-link-register {
    display: inline-block;
    padding-left: 0px;
}

.preheader-link-my-account {
    display: inline-block;
    padding-right: 0px;
}

.preheader-link-logout {
    display: inline-block;
    padding-left: 0px;
}

.preheader-link-cart:before {
    content: "\f07a";
}

.preheader-cart-qty {
    position: relative;
    top: -2px;
    margin-left: 0;
    display: inline-block;
    padding: 2px 3px;
    color: #fff;
    background-color: #17a4ad;
    font-size: 0.8em;
    line-height: 1em;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    z-index: 2;
}

.preheader-dropdown {
    display: block;
    width: 280px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);
    box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.preheader-links > li:hover > a {
    background-color: #fff;
    color: #33414f;
}

.preheader-links > li:hover .preheader-dropdown,
.preheader-links > li .preheader-dropdown.visible {
    visibility: visible;
    opacity: 1;
}

.preheader-dropdown-login {
    padding: 15px;
}

.preheader-login-title:before {
    content: '';
    display: block;
    border: 2px solid #33414f;
    width: 28px;
    height: 28px;
    margin: 0 auto 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/images/template/icon-login.svg);
}

.preheader-login-forgotten {
    display: inline-block;
    margin: 10px 0;
}

/*#endregion*/

/*#region Header */

.quicknav {
    list-style: none;
}

    .quicknav li {
        margin: 0;
    }

    .quicknav,
    .quicknav li {
        display: inline-block;
    }

.quicknav-link {
    color: #fff;
}

.quicknav .quicknav-link-menu,
.quicknav .quicknav-link-search,
.quicknav .quicknav-link-login,
.quicknav .quicknav-link-cart {
    display: none;
}

.quicknav-link a:before {
    font-family: FontAwesome;
}

.quicknav-link-menu a:before {
    content: "\f0c9";
}

.quicknav-link-search a:before {
    content: "\f002";
}

.quicknav-link-login a:before {
    content: "\f007";
}

.quicknav-link-cart a:before {
    content: "\f07a";
}

.quicknav-link-menu a.active:before,
.quicknav-link-search a.active:before,
.quicknav-link-login a.active:before,
.quicknav-link-cart a.active:before {
    content: "\f00d";
}

.header {
    width: 100%;
    position: relative;
}

.inner-wrapper .row header {
    padding-top: 2em;
    padding-bottom: 2em;
}

.header-logo {
    display: inline-block;
    vertical-align: middle;
    max-width: 155px;
}

.header-search {
    float: right;
    font-size: 0.9em;
    width: 33.333%;
    margin: 0;
    height: 40px;
}

.search-field, .search-field[type=search] {
    border: none;
    color: #3d4d5d;
    background-color: #edf3f4;
    float: left;
    height: 40px;
    line-height: 40px;
    width: calc(100% - 70px);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .search-field, .search-field[type=search] {
        height: 41px;
        line-height: 41px;
    }
}

.search-field:focus {
    outline: none;
}

.search-field::-webkit-input-placeholder {
    color: #5f6b73;
}

.search-field:-moz-placeholder {
    color: #5f6b73;
}

.search-field::-moz-placeholder {
    color: #5f6b73;
}

.search-field:-ms-input-placeholder {
    color: #5f6b73;
}

.header-search .search-field {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    position: absolute;
    right: 55px;
    top: 50%;
    width: 26%;
    padding: 0 14px;
    margin-top: -21px;
    margin-bottom: 0;
}


.search-submit {
    float: right;
    background-color: #edf3f4;
    color: #5f6b73;
    padding: 7px 10px;
    line-height: 25px;
    width: 40px;
    text-align: center;
}

    .search-submit:before {
        font-family: FontAwesome;
        content: "\f002";
    }

    .search-submit:hover, .search-submit:focus {
        color: #edf3f4;
        background-color: #17a4ad;
    }

.button-checkout.button {
    padding-left: 24px;
    padding-right: 24px;
}

/*#endregion*/

/*#region Footer */

.footer {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff;
    font-size: 1.1em;
}

    .footer abbr[title] {
        border-bottom: none;
    }

    .footer a, .footer a:visited {
        color: #fff;
    }


        .footer a:hover, .footer a:focus {
            color: #33414f;
        }

.footer-links-primary {
    width: 15%;
}

.footer-links-secondary {
    width: 24%;
}

.footer-links {
    list-style: none;
}

    .footer-links li {
        margin: 0 0 0.6em;
    }

        .footer-links li:last-child {
            margin-bottom: 0;
        }

.footer-signup {
    width: 32%;
    padding-right: 4%;
}

.footer-address {
    width: 26%;
    text-align: right;
    float: right;
}

    .footer-address address {
        margin-top: -0.3em;
    }



/*#endregion*/

/*#region Smallprint */

.smallprint {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
}

    .smallprint a, .smallprint a:visited {
        color: #fff;
    }

        .smallprint a:hover, .smallprint a:focus {
            color: #17a4ad;
        }

.smallprint-timetorock {
    float: left;
}

.smallprint-copyright {
    float: right;
}

/*#endregion*/

/*#region Cart */

.cart-list {
    list-style: none;
    margin: 0;
    width: 100%;
    color: #3d4d5d;
}

    .cart-list > li {
        display: inline-block;
        width: 100%;
        padding: 15px;
        margin: 0;
        border-bottom: 1px solid #edf3f4;
        text-align: left;
    }

    .cart-list a, .cart-list a:visited {
        color: #3d4d5d;
    }

        .cart-list a:hover, .cart-list a:focus {
            color: #17a4ad;
        }

.cart-list-footer {
    padding: 15px;
    color: #3d4d5d;
}

    .cart-list-footer .button {
        margin-bottom: 0;
    }

.cart-list-image-container {
    width: 25%;
    position: relative;
}

    .cart-list-image-container img {
        display: block;
    }

.cart-list-remove,
.cart-list-remove:visited,
.cart-list-remove:hover,
.cart-list-remove:focus,
.cart-list a.cart-list-remove {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    background-color: #33414f;
    background-color: rgba(51,65,79,0.5);
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cart-list > li:hover .cart-list-remove,
.cart-list > li:hover .cart-list-remove:visited,
.cart-list > li:hover .cart-list-remove:hover,
.cart-list > li:hover .cart-list-remove:focus {
    opacity: 1;
}

.cart-list-remove:before {
    content: "\f00d";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: -10px 0 0 -10px;
    text-align: center;
    font-size: 1.6em;
}

.cart-list-title {
    width: 55%;
    padding: 10px;
    font-weight: bold;
}

.cart-list-price {
    width: 20%;
    text-align: right;
    padding-left: 5px;
    padding-top: 10px;
}

.cart-list-image-container, .cart-list-title, .cart-list-price {
    display: inline-block;
    vertical-align: middle;
    margin-right: -2px;
}

.cart-summary {
    display: inline-block;
    list-style: none;
    margin: 0 -1px 15px;
    text-align: left;
}

.cart-summary-usp {
    width: 55%;
}

.cart-summary-totals {
    width: 45%;
    text-align: right;
}

.cart-summary li {
    width: 100%;
    margin: 5px 0;
}

.cart-summary .fa {
    width: 15px;
}

.cart-summary-total {
    width: 45px;
    display: inline-block;
}

/*#endregion*/

/*#region Signup Field */

.signup-field {
    color: #5f6b73;
    border: none;
    padding: 7px 25px 7px 15px !important;
    background-color: #fff;
    border: 2px solid #fff;
    line-height: 1.2em;
}

    .signup-field:focus, .signup-field[type=email]:focus, .footer signup-field:focus {
        outline: none;
        border-color: #33414f;
    }

    .signup-field[type=email] {
        color: #5f6b73;
        border: none;
        padding: 7px 25px 7px 15px !important;
        background-color: #fff;
        border: 2px solid #fff;
        background-image: url(/images/template/icon-envelope.svg);
        background-repeat: no-repeat;
        background-position: right 12px center;
        line-height: 1.2em;
    }

.signup-submit {
    border: 2px solid #fff;
    padding: 10px 25px;
    display: inline-block;
    text-align: center;
}

    .signup-submit:hover, .signup-submit:focus, .footer .signup-submit:hover, .footer .signup-submit:focus {
        outline: none;
        background-color: #fff;
        color: #17a4ad;
    }

.signup-field::-webkit-input-placeholder {
    color: #17a4ad;
}

.signup-field:-moz-placeholder {
    color: #17a4ad;
}

.signup-field::-moz-placeholder {
    color: #17a4ad;
}

.signup-field:-ms-input-placeholder {
    color: #17a4ad;
}

/*#endregion*/

/*#region Carousels/Banners */

.hero-carousel {
    display: block;
}

.carousel {
    list-style: none;
}

    .carousel li {
        float: left;
    }

.outer-wrapper-banner,
.outer-wrapper-carousel {
    background-color: #17a4ad;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

@media all and (max-width: 767px) {
    .outer-wrapper-banner-product-listing {
        background-position-x: 25%;
    }
}

.hero-carousel .outer-wrapper-banner:nth-of-type(n + 2) {
    display: none;
}

.caroufredsel_wrapper .hero-carousel .outer-wrapper-banner:nth-of-type(n + 2) {
    display: block;
}

.outer-wrapper-carousel-home {
    background-image: url(/uploads/image/banners/home-bokeh.jpg);
}

.outer-wrapper-carousel .outer-wrapper-banner {
    background-color: transparent;
}

.outer-wrapper-carousel .outer-wrapper-banner {
    float: left;
}

.outer-wrapper-banner {
    height: 250px;
}

.outer-wrapper-banner-large {
    height: 400px;
}

.outer-wrapper-banner .col {
    width: 100%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    display: table;
}

.outer-wrapper-banner .button {
    vertical-align: middle;
}

.banner-title {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0.2em;
    width: 75%;
}

    .banner-title a,
    .banner-title a:link,
    .banner-title a:visited {
        color: #fff;
    }

.banner-availability {
    color: #33414f;
    display: inline-block;
    vertical-align: middle;
    font-size: 2em;
    width: 75%;
}

    .banner-availability a,
    .banner-availability a:link,
    .banner-availability a:visited {
        color: #33414f;
    }

.outer-wrapper-banner-large .banner-availability {
    margin: 0 0 1em;
}

.outer-wrapper-banner .banner-copy {
    width: 100%;
    height: 220px;
    font-size: 1.15em;
}

.outer-wrapper-banner-large .banner-copy {
    height: 370px;
}

.banner-media {
    width: 50%;
    height: 380px;
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 8;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 580px;
    perspective: 580px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.banner-medium {
    display: block;
    -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
    float: left;
    position: absolute;
}

.banner-medium-traditional {
    width: 250px;
    height: 330px;
    background-color: #f5f5f5;
    padding-right: 3px;
    border-right: 3px solid #e0e0e0;
    left: 0;
    top: 50%;
    z-index: 2;
    -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-515deg) rotateY(164deg) rotateZ(156deg) translate3d(-70px, -20px, -60px) skew(0deg, 0deg);
    transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-515deg) rotateY(164deg) rotateZ(156deg) translate3d-70px, -20px, -60px) skew(0deg, 0deg);
    -webkit-animation: shuffleMediaTraditional 15s infinite;
    animation: shuffleMediaTraditional 15s infinite;
}

.banner-medium-digital {
    width: 400px;
    height: 533px;
    background-color: #f5f5f5;
    padding-right: 3px;
    border-right: 3px solid #e0e0e0;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: 1px solid #e0e0e0;
    padding: 35px;
    top: 30px;
    right: 0;
    z-index: 10;
    -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-510deg) rotateY(190deg) rotateZ(205deg) translate3d(-60px, 20px, 5px) skew(0deg, 0deg);
    transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-510deg) rotateY(190deg) rotateZ(205deg) translate3d(-60px, 20px, 5px) skew(0deg, 0deg);
    -webkit-animation: shuffleMediaDigtal 15s infinite;
    animation: shuffleMediaDigtal 15s infinite;
}

    .banner-medium-digital:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 17px;
        width: 4px;
        height: 4px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: #000;
    }

    .banner-medium-digital img {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.1);
    }

@-webkit-keyframes shuffleMediaTraditional {
    0%,100% {
        -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-515deg) rotateY(164deg) rotateZ(156deg) translate3d(-70px, -20px, -60px) skew(0deg, 0deg);
    }

    33% {
        -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-520deg) rotateY(159deg) rotateZ(154deg) translate3d(-76px, -25px, -72px) skew(0deg, 0deg);
    }

    66% {
        -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-518deg) rotateY(162deg) rotateZ(155deg) translate3d(-73px, -24px, -69px) skew(0deg, 0deg);
    }
}

@keyframes shuffleMediaTraditional {
    0%,100% {
        transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-515deg) rotateY(164deg) rotateZ(156deg) translate3d(-70px, -20px, -60px) skew(0deg, 0deg);
    }

    33% {
        transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-520deg) rotateY(159deg) rotateZ(154deg) translate3d(-76px, -25px, -72px) skew(0deg, 0deg);
    }

    66% {
        transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-518deg) rotateY(162deg) rotateZ(155deg) translate3d(-73px, -24px, -69px) skew(0deg, 0deg);
    }
}

@-webkit-keyframes shuffleMediaDigtal {
    0%,100% {
        -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-510deg) rotateY(190deg) rotateZ(205deg) translate3d(-60px, 20px, 5px) skew(0deg, 0deg);
    }

    33% {
        -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-512deg) rotateY(187deg) rotateZ(206deg) translate3d(-50px, 30px, 0px) skew(0deg, 0deg);
    }

    66% {
        -webkit-transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-513deg) rotateY(186deg) rotateZ(207deg) translate3d(-55px, 35px, 3px) skew(0deg, 0deg);
    }
}

@keyframes shuffleMediaDigtal {
    0%,100% {
        transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-510deg) rotateY(190deg) rotateZ(205deg) translate3d(-60px, 20px, 5px) skew(0deg, 0deg);
    }

    33% {
        transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-512deg) rotateY(187deg) rotateZ(206deg) translate3d(-50px, 30px, 0px) skew(0deg, 0deg);
    }

    66% {
        transform: scale3d(1, 1, 1) skew(0deg, 0deg) rotateX(-513deg) rotateY(186deg) rotateZ(207deg) translate3d(-55px, 35px, 3px) skew(0deg, 0deg);
    }
}


.carousel-nav {
    width: 30px;
    height: 100%;
    font-size: 4em;
    position: absolute;
    z-index: 12;
    top: 0;
    display: block;
    color: #fff;
    cursor: pointer;
    opacity: 0.3;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .carousel-nav:hover {
        opacity: 1;
    }

.carousel-nav-prev:before,
.carousel-nav-next:before {
    line-height: 400px;
    font-family: FontAwesome;
}

.carousel-nav-prev {
    left: 0;
}

    .carousel-nav-prev:before {
        content: "\f104";
    }

.carousel-nav-next {
    right: 0;
}

    .carousel-nav-next:before {
        content: "\f105";
    }

/*#endregion*/

/*#region Content */

.content ul,
.content ol {
    list-style: none;
    margin-bottom: 1em;
    display: inline-block;
    width: 100%;
}

    .content ul li,
    .content ol li {
        padding-left: 20px;
        width: 100%;
        margin: 1em 0;
        line-height: 1.4em;
        position: relative;
    }

        .content ul li:before,
        .content ol li:before {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 1.2em;
            line-height: 1em;
            color: #17a4ad;
        }

        .content ul li:before {
            font-family: FontAwesome;
            content: "\f105";
        }

.content ol {
    counter-reset: ol;
}

    .content ol li:before {
        counter-increment: ol;
        content: counters(ol,".") ". ";
    }

.reBottomTable ol li:before, .reBottomTable ul li:before {
    content: '';
}

.reBottomTable ol li, .reBottomTable ul li {
    width: auto;
}

/*#region Breadcrumbs */

.breadcrumbs {
    list-style: none;
    line-height: 1.4em;
    width: 100%;
}

    .breadcrumbs li {
        display: inline-block;
        margin: 0 12px 0 0;
    }

        .breadcrumbs li:nth-of-type(n + 2):before {
            content: "\f105";
            font-family: FontAwesome;
            margin-right: 12px;
        }

    .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:visited {
    }

        .breadcrumbs a:hover, .breadcrumbs a:focus {
        }

/*#endregion*/

/*#region ContentArea*/

.contentlist {
    list-style: none;
    width: 100%;
}

    .contentlist li {
        width: 100%;
    }

        .contentlist li:nth-of-type(2n - 1) {
            margin-bottom: 20px;
        }

.contentlisticon li {
    position: relative;
    margin-left: 0;
}

    .contentlisticon li:nth-child(n + 2) {
        margin-top: 10px;
    }


.contentlisticon-icon {
    position: absolute;
    left: 0;
    top: 0;
}

    .contentlisticon-icon.fa {
        font-size: 1.6em;
    }



.contentlisticon-text {
    padding-left: 30px;
}

/*#endregion*/


/*#region Home */

.title-dotm {
    width: 100%;
    background-color: #17a4ad;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

    .title-dotm:after {
        content: '';
        border-width: 10px;
        border-style: solid;
        border-color: #17a4ad transparent transparent;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -10px;
    }

.title-dotm-italic {
    font-weight: 400;
    font-family: Arial;
    font-style: italic;
    text-transform: lowercase;
}

.usp-list {
    color: #3d4d5d;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
}

    .usp-list li {
        display: table-cell;
        vertical-align: middle;
        margin: 0;
    }

        .usp-list li:nth-of-type(2) {
            text-align: center
        }

        .usp-list li:last-of-type {
            text-align: right;
        }

.usp-listitem {
    display: inline-block;
    position: relative;
    padding-left: 50px;
}

.usp-image {
    width: 40px;
    height: auto;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
}


/*#endregion*/

/*#region Product Detail */

.productnav {
    list-style: none;
    float: right;
    font-size: 1.2em;
}

.responsive-tabs__panel productnav {
    margin-bottom: 10px;
}

.productnav a,
.productnav a:link {
    color: #aeb4b1;
    display: block;
    text-align: center;
}

    .productnav a:hover, .productnav a:focus {
        color: #17a4ad;
    }

.productnav li {
    margin-left: 15px;
    display: inline-block;
}

.row-categorylist .productnav {
    width: 100%;
}

    .row-categorylist .productnav li {
        width: 33.3333%;
        margin: 0;
        float: left;
    }

.productnav .fa {
    padding: 0 5px;
}

.product-image-primary {
    width: 100%;
    display: inline-block;
    margin-bottom: 1em;
    position: relative;
}

.product-copy ul li
{
    margin: 10px 0px 10px 20px;
}

.product-backissues {
    display: block;
    width: 100%;
}

.product-backissueslist {
    list-style: none;
    width: 100%;
}

    .product-backissueslist li {
        margin-left: 3%;
        margin-bottom: 3%;
        float: left;
        width: 14.1%;
    }

        .product-backissueslist li:nth-of-type(6n + 1) {
            margin-left: 0;
        }

.product-image-primary img, .product-backissues img {
    border: 1px solid #c6d4d6;
}

.product-title {
    font-size: 1.8em;
    margin-bottom: 0.25em;
    font-weight: bold;
}

.product-rrp {
    font-size: 1.1em;
}

.product-rrp, .product-rating {
    width: 100%;
    display: inline-block;
    margin-bottom: 1em;
}

.rating-stars {
    color: #17a4ad;
    display: inline-block;
}

.rating-stars-product {
    font-size: 1.8em;
}

.product-rating-summary {
    display: inline-block;
}

.product-related {
    list-style: none;
}

    .product-related > li {
        margin: 0 0 1.2% 1.2%;
        width: 15.666%;
        float: left;
    }

        .product-related > li:nth-of-type(6n + 1) {
            margin-left: 0;
        }

.subscriptionlist {
    list-style: none;
    width: 100%;
    display: inline-block;
}

    .subscriptionlist li {
        margin: 0;
        width: 100%;
        padding: 15px;
        display: table;
        vertical-align: middle;
    }

        .subscriptionlist li:nth-child(n + 2) {
            border-top: 1px solid #c6d4d6;
        }

.subscription-price, .subscription-detail, .subscription-cta {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

.subscription-old-price {
    width: 100%;
    margin-bottom: 0.5em;
}


.subscription-cta .button {
    float: right;
}

.subscription-price {
    color: #17a4ad;
    font-size: 3.5em;
    line-height: 1em;
    width: 170px;
}

    .subscription-price.discount,
    .productitem-price.discount {
        color: #ed1c25;
    }

    .productitem-price .sub-text,
    .productitem-price .last-price,
    .subscription-price .sub-text,
    .subscription-price .last-price {
        font-size: 12px;
        line-height: 1;
        margin-bottom: 0;
    }

    .productitem-price .last-price,
    .subscription-price .last-price {
        color: #3d4d5d;
        margin-bottom: 8px;
    }

.productitem-price .last-price {
    margin-top: 10px;
}

    .productitem-price .last-price span,
    .subscription-price .last-price span {
        text-decoration: line-through;
    }

.subscription-title {
    text-transform: uppercase;
    font-size: 1.1em;
}

.subscription-summary {
    display: block;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.subscription-text {
    display: block;
    margin-bottom: 1.5em;
    line-height: 1.3em;
}

    .subscription-text img {
        float: left;
        max-width: 95px;
        margin-right: 10px;
    }

.subscription-stock {
    color: #17a4ad;
}

.reviewlist {
    list-style: none;
    width: 100%;
    display: block;
    margin-bottom: 1em;
}

    .reviewlist li {
        width: 100%;
        display: block;
        margin: 0 0 1.5em;
    }

.review-title {
    display: inline-block;
}

.button-review {
    margin-bottom: 0;
}


/*#endregion*/

/*#region Product List/Category */

.productlist {
    list-style: none;
}

    .productlist li {
        float: left;
        margin-left: 3%;
        margin-bottom: 30px;
        width: 22.75%;
    }

    .productlist.backissuelist {
        min-height: 280px;
        clear: both;
    }

        .productlist.backissuelist li {
            float: left;
            margin-left: 2%;
            margin-bottom: 30px;
            width: 13.8%;
        }

.row-home .productlist li {
    margin-bottom: 0;
}

.productlist.backissuelist li:nth-of-type(6n + 1) {
    margin-left: 0;
}

.productlist.backissuelist li:nth-of-type(4n + 1) {
    margin-left: 3%;
}

.productlist li:nth-of-type(4n + 1) {
    margin-left: 0;
}




.upselling-productlist {
    background-color: #edf3f4;
    border-top: 1px solid #c6d4d6;
    display: inline-block;
    padding: 1rem;
    width: 100%;
}

    .upselling-productlist ul.productlist {
        margin-top: 20px;
    }

    .upselling-productlist .productlist li {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        width: 33%;
    }

        .upselling-productlist .productlist li:nth-child(3n) {
            padding-left: 20px;
        }

        .upselling-productlist .productlist li:nth-child(3n + 1) {
            padding-right: 20px;
            margin-left: 0;
        }

    .upselling-productlist .productitem {
        max-width: 110px;
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .upselling-productlist .productitem-title {
        font-size: 1rem;
        line-height: 1rem;
        word-break: break-word;
    }

    .upselling-productlist .productitem-image {
        border: 0;
    }

    .upselling-productlist .productitem-price {
        font-size: 1rem;
    }

    .upselling-productlist .cta {
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .upselling-productlist .subscription-cta .button {
        float: none;
    }


.productitem, .productitem:visited {
    color: #3d4d5d;
}





    .productitem:hover .productitem-title, .productitem:focus .productitem-title {
        color: #17a4ad;
    }

.productitem-image {
    position: relative;
    margin-bottom: 0.5em;
    position: relative;
    border: 1px solid #c6d4d6;
    height: 0;
    padding-bottom: 140%;
    overflow: hidden;
}

.productitem-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: #ed1c25;
    color: #fff;
    padding: 5px;
    margin: 30px 2px 0 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
    box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
}

    .productitem-ribbon:before,
    .productitem-ribbon:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        background-color: #ed1c25;
    }

    .productitem-ribbon:before {
        right: 85%;
        -moz-transform: skewX(-45deg);
        -webkit-transform: skewX(-45deg);
        -o-transform: skewX(-45deg);
        -ms-transform: skewX(-45deg);
        transform: skewX(-45deg);
    }

    .productitem-ribbon:after {
        left: 85%;
        -moz-transform: skewX(45deg);
        -webkit-transform: skewX(45deg);
        -o-transform: skewX(45deg);
        -ms-transform: skewX(45deg);
        transform: skewX(45deg);
    }

.productitem-ribbon-text {
    position: relative;
    z-index: 1;
}

.productitem-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
}

.productitem-image:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 1.75em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    z-index: 3;
}

.productitem-image:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #17a4ad;
    background-color: rgba(23,164,173,0.6);
}

.productitem-image:before, .productitem-image:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.productitem:hover .productitem-image:before, .productitem:hover .productitem-image:after {
    opacity: 1;
    visibility: visible;
}

.productitem-title {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.productitem-price {
    color: #17a4ad;
    font-size: 1.7em;
    line-height: 1.2em;
    margin-bottom: 0.25em;
}

.productitem-saving {
    color: #ed1c25;
    margin-bottom: 0.25em;
    line-height: 1.2em;
}

.productitem-period {
    color: #8b9698;
    line-height: 1.2em;
}

.productitem-image,
.productitem-image img,
.productitem-title,
.productitem-price,
.productitem-saving,
.productitem-period {
    display: block;
}

.productitem-subscribe {
    background-color: #ed1c25;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px;
}

.other-products__container {
    display: flex;
    flex-wrap: wrap;
    padding: 2rem 0;
}

.other-products__inner {
    margin: 0 auto;
    width: 16.667%;
}

.other-products__box {
    padding: 0 0.7rem;
}

    .other-products__box img {
        width: 100%;
        max-height: 250px;
    }

/*#endregion*/

/*#region Rad Dropdown */

.outer-wrapper .RadDropDownList_Default {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #3d4d5d;
    font-size: 1em;
    margin-bottom: 10px;
}

    .outer-wrapper .RadDropDownList_Default .rddlInner {
        background: #edf3f4;
        color: #3d4d5d;
        padding: 1em;
        border-color: #c6d4d6;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .outer-wrapper .RadDropDownList_Default .rddlFocused {
        outline: none;
        border-color: #17a4ad;
        background-color: #fff;
    }

    .outer-wrapper .RadDropDownList_Default .rddlIcon {
        background-image: none;
        width: 30px;
    }

        .outer-wrapper .RadDropDownList_Default .rddlIcon:after {
            content: "\f107";
            font-family: FontAwesome;
            font-size: 2em;
            color: #17a4ad;
            position: absolute;
            right: 0.5em;
            top: 50%;
            margin-top: -0.3em;
        }

    .outer-wrapper .RadDropDownList_Default .rddlFocused .rddlIcon:after {
        content: "\f106";
        margin-top: -0.35em;
    }

    .outer-wrapper .RadDropDownList_Default .rddlPopup_Default {
        border-color: #c8c8c8;
    }

.outer-wrapper .rddlPopup_Default ul.rddlList {
    padding: 10px;
}

.rddlSlide .rddlPopup_Default {
    border-color: #c6c7c8;
}

    .rddlSlide .rddlPopup_Default .rddlItem {
        font-family: Arial, Sans-Serif;
        font-size: 1.2em;
        padding: 10px;
        line-height: 1em;
        color: #3d4d5d;
        background-color: #edf3f4;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .rddlSlide .rddlPopup_Default .rddlItem:nth-of-type(n + 2) {
            border-top: 1px solid #c6d4d6;
        }

    .rddlSlide .rddlPopup_Default .rddlItemSelected,
    .rddlSlide .rddlPopup_Default .rddlItemHovered {
        background-color: #fff;
    }

/*#endregion*/

/*#region RadTabStrio */

.RadTabStrip.RadTabStrip_rt {
    width: 100%;
}

    .RadTabStrip.RadTabStrip_rt .rtsLevel {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .RadTabStrip.RadTabStrip_rt .rtsUL:after,
    .RadTabStrip.RadTabStrip_rt .RadTabStripVertical .rtsUL:after {
        display: none;
    }

    .RadTabStrip.RadTabStrip_rt .rtsUL {
        display: table-row;
        float: none;
    }

    .RadTabStrip.RadTabStrip_rt .rtsLI {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: auto;
        cursor: pointer;
        line-height: 1.3em;
        color: #3d4d5d;
        background: #edf3f4;
        padding: 10px 20px;
        margin: 0 0 -1px;
        text-align: center;
        border-top: 1px solid #c6d4d6;
        border-right: 1px solid #c6d4d6;
        border-bottom: 1px solid #c6d4d6;
        font-size: 1.15em;
        letter-spacing: 0.03em;
    }

        .RadTabStrip.RadTabStrip_rt .rtsLI.rtsFirst {
            border-left: 1px solid #c6d4d6;
        }

        .RadTabStrip.RadTabStrip_rt .rtsLI:before {
            display: none;
        }

        .RadTabStrip.RadTabStrip_rt .rtsLI:hover {
            background-color: #fff;
        }

            .RadTabStrip.RadTabStrip_rt .rtsLI a,
            .RadTabStrip.RadTabStrip_rt .rtsLI:hover a {
                color: #3d4d5d;
            }

    .RadTabStrip.RadTabStrip_rt .rtsOut,
    .RadTabStrip.RadTabStrip_rt.RadTabStripVertical .rtsOut,
    .RadTabStrip.RadTabStrip_rt .rtsIn,
    .RadTabStrip.RadTabStrip_rt.RadTabStripVertical .rtsIn {
        padding: 0;
    }

.active {
    background: #fff;
    border-bottom-color: #fff;
    z-index: 2;
    position: relative;
}

.acitve:after {
    content: '';
    width: 100%;
    height: 10px;
    top: -10px;
    left: -1px;
    position: absolute;
    background: #fff;
    display: block;
    border-top: 1px solid #c6d4d6;
    border-right: 1px solid #c6d4d6;
    border-left: 1px solid #c6d4d6;
}

/*#endregion*/

/*#region [page or template name] */






/*#endregion*/

/*#endregion*/

/*#region Useful  */

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.ie9 label.visuallyhidden {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    margin-bottom: 5px;
    display: inline-block;
}

::-moz-selection {
    background-color: #3d4d5d;
    color: #fff;
}

::selection {
    background-color: #3d4d5d;
    color: #fff;
}

/*#endregion*/

/*#region Fonts */

/*
Non Page Manager fonts only
No padding, positioning, margins, etc
*/

.banner-availability, .footer, .smallprint, .productitem-price, .content ol li:before {
    font-family: 'Roboto Slab', Arial, Sans-Serif;
}

.col p, address, .col span {
    line-height: 1.7em;
}

.col p {
    margin-bottom: 1em;
}

/*
ED - REMOVED AS CAUSED PROBLEMS WITH BOXES TOUCHING THE LAST PARAGRAPH TAG IS SOME CASES
.col p:last-child
{
	margin-bottom: 0;
}
*/

/*#endregion*/

/*#region PM Panel */

.pm-panel input[type="submit"] {
    padding: 0 3px;
    margin: 0 3px;
    border: 2px outset buttonface;
}

.pm-panel select {
    padding: 0;
    margin: 0 3px;
    width: auto;
    background-color: White;
    border: 1px solid #a9a9a9;
}

/*#endregion*/

/*#region Notices */

.message-panel {
    position: fixed;
    z-index: 20;
    top: 10px;
    line-height: 1.4em;
}

.adminnoticered {
    padding: 10px;
    background-color: #fe3545;
    border: solid 3px #990033;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    position: relative;
    margin: 0 10px;
}

    .adminnoticered a:link, .adminnoticered a:visited, .adminnoticered a:hover, .adminnoticered a:active {
        color: #333;
    }

.adminnoticeorange {
    padding: 10px;
    background-color: #ff9933;
    border: solid 3px #cc6633;
    margin: 0 auto;
    text-align: center;
    color: #333;
    position: relative;
    margin: 0 10px;
}

    .adminnoticeorange a:link, .adminnoticeorange a:visited, .adminnoticeorange a:hover, .adminnoticeorange a:active {
        color: #333;
    }

.adminnoticegreen {
    padding: 10px;
    background-color: #ecffa8;
    border: solid 3px #bbdd72;
    margin: 0 auto;
    text-align: center;
    color: #333;
    position: relative;
    margin: 0 10px;
}

    .adminnoticegreen a:link, .adminnoticegreen a:visited, .adminnoticegreen a:hover, .adminnoticegreen a:active {
        color: #333;
    }

.message-close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 7px;
    height: 7px;
}

.change-password h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/*#endregion*/


/* Back Issues */
.backissue-load-more {
    border: 2px solid #ebf0f1;
    padding: 10px 25px;
    display: inline-block;
    text-align: center;
    margin-left: 3%;
    width: 94%;
    color: #000000;
}

    .backissue-load-more:hover, .backissue-load-more:focus {
        outline: none;
        background-color: #f7f9f9;
    }

/*#endregion*/

/*#region Loader */

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    z-index: 9999;
    filter: blur(20px) contrast(20);
}

    .loader:before,
    .loader:after,
    .loader-loading:before {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-color: #000000;
        position: absolute;
        top: 0;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

    .loader:before {
        left: -20px;
    }

    .loader:after {
        right: -20px;
    }

.loader-loading:after {
    content: 'Loading';
    position: absolute;
    top: 40px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.loader-loading:before {
    animation: loading 1s linear infinite;
}

@keyframes loading {
    0%, 100% {
        -moz-transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    50.1% {
        -moz-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }
}

/*#endregion*/

.delivery-address {
    width: 100%;
    clear: both;
    padding: 0px;
    min-height: 100px;
    margin-top: 10px;
}

    .delivery-address input {
        float: left;
    }

.delivery-address-details {
    float: left;
    line-height: 1.4em;
    min-width: 100%;
}

/*#region Publisher Pages*/

.publisher-product {
    padding-bottom: 30px;
}

.publisher-image {
    width: 100%;
    max-width: 100px;
    max-height: 200px;
    display: inline-block;
    vertical-align: middle;
}

.publisher-text {
    display: inline-block;
    width: calc(100% - 105px);
    vertical-align: top;
    padding: 10px 0 10px 30px;
}

/*#endregion*/

/*#region Checkout*/

span.key {
    color: #17a4ad;
}

.checkout-details input[type=text], .checkout-details input[type=search], .checkout-details input[type=radio], .checkout-details select {
    line-height: 1.4;
    font-size: 0.95rem;
    padding: 12px;
}

select::-ms-expand {
    display: none;
}

@media only screen and (min-width: 769px) {
    .checkout-details input[type=text], .checkout-details input[type=search], .checkout-details input[type=radio], .checkout-details select {
        padding: 15px;
        padding-right: 3rem;
    }
}

.checkout-details input[type=checkbox]:checked {
    background-color: #17a4ad;
    background-position: 1px 2px;
}

.checkout-details label {
    font-size: 0.95rem;
    line-height: normal;
}

.registration-header h2.title {
    margin: 0.5rem 0px;
}

.registration-header p {
    margin: 0;
    font-size: 14px;
    max-width: 430px;
    width: 100%;
}

.user-header h2.title {
    margin: 0.5rem 0px;
}

.user-header p {
    margin: 0;
    font-size: 14px;
    max-width: 430px;
    width: 100%;
}

.checkout-details .col-full, .checkout-details .col-half {
    padding: 0.1rem 0.25rem;
}

.checkout-details h3.title {
    margin: 2rem 0 1.6rem 0;
}

.checkout-details .search-lookup-address {
    padding-bottom: 50px;
}

    .checkout-details .search-lookup-address input {
        /*width: calc(100% - 50px);
    border-right: 1px solid #edf3f4;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        transition: all 0.3s ease;
        padding-right: 0;
    }

        .checkout-details .search-lookup-address input:focus {
            border-right: 1px solid #17a4ad;
        }

    .checkout-details .search-lookup-address .search-submit {
        border: 1px solid #c4d5d6;
        border-left: 0;
        padding: 10px;
        height: 45px;
        width: 50px;
        margin-bottom: 1em;
        line-height: 2;
    }

@media only screen and (min-width: 769px) {
    .checkout-details .search-lookup-address .search-submit {
        height: 51px;
    }
}

.checkout-details .checkbox-delivery-address input {
    padding: 0.5rem;
    border-radius: 0;
    border-color: #c4d5d6;
    background-color: #edf3f4;
    margin-bottom: -3px;
}

.checkout-details .checkbox-delivery-address label {
    padding-left: 10px;
}

.border-top {
    border-top: 1px solid #c4d5d6;
}

.login-prompt {
    padding: 1.5rem 0;
    text-align: center;
    background: #ffffff;
    border: 1px solid #c6d4d6;
    margin-top: 22px;
}

@media only screen and (min-width: 769px) {
    .login-prompt {
        margin-top: -10px;
    }
}

.login-prompt .title {
    margin: 0;
}

.create-account,
.customer-details,
.billing-address,
.contact-numbers,
.further-information,
.registered-delivery-address,
.registered-billing-address {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 25px 0;
}

.alternative-delivery-address {
    display: flex;
    flex-wrap: wrap;
}

.create-account {
    margin: 10px 0 0 0;
}

.create-account__accordion {
    width: 100%;
}

.create-account__accordion--show {
    margin-bottom: 10px;
    transition: 0.4s;
}

.create-account__accordion--hidden {
    margin-bottom: 0;
}

.create-account__accordion--view .button-container {
    margin: 0.5rem auto;
    width: 190px;
}

@media only screen and (min-width: 769px) {
    .create-account__accordion--view .button-container {
        margin: 0.5rem 0;
        width: 100%;
    }
}

.create-account__accordion--view .button {
    font-size: 15px;
}

.create-account__accordion .button.create-account__accordion--toggle {
    background: inherit;
    color: #3d4d5d;
    text-align: left;
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1.2rem;
    border: 0;
    margin: 0;
    font-size: 18px;
}

    .create-account__accordion .button.create-account__accordion--toggle:hover {
        color: #3d4d5d;
    }

.create-account__accordion .create-account__accordion--toggle .create-account__icon {
    display: inline;
}

    .create-account__accordion .create-account__accordion--toggle .create-account__icon img {
        padding-left: 5px;
        margin-bottom: -3px;
    }

.create-account__accordion .create-account__accordion--toggle .arrow {
    float: right;
    padding: 0 0.25rem;
    transition: 0.4s;
}

.create-account__accordion--show .create-account__accordion--toggle .arrow {
    transform: rotate(-180deg);
}

.create-account__accordion--hidden .create-account__accordion--toggle .arrow {
    transform: none;
}

.create-account__accordion .arrow img {
    height: 15px;
}

.create-account__accordion .create-account__accordion--view {
    overflow: hidden;
    transition: 0.4s;
    padding-top: 2rem;
}

.create-account__accordion--hidden .create-account__accordion--view {
    padding-top: 0;
}

.billing-address .checkbox-delivery-address {
    padding: 1rem 0.25rem;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .billing-address .checkbox-delivery-address label {
        margin-bottom: 0;
    }

.further-information .f-information-input .f-information-input__selection {
    margin: 0;
    position: relative;
    display: inline-block;
    font-size: 22px;
}

    .further-information .f-information-input .f-information-input__selection input {
        opacity: 0;
        display: none;
    }

    .further-information .f-information-input .f-information-input__selection label {
        padding-left: 27px;
        margin-bottom: 1rem;
        display: inline-block;
        position: relative;
        cursor: pointer;
        z-index: 1;
        margin-right: 10px;
    }

.further-information.further-information--customer-user .f-information-label {
    width: 100%;
    font-size: 0.95rem;
}

.further-information.further-information--customer-user .f-information-input {
    width: 100%;
    padding-top: 18px;
}

    .further-information.further-information--customer-user .f-information-input .f-information-input__selection {
        font-size: 14px;
    }

        .further-information.further-information--customer-user .f-information-input .f-information-input__selection label {
            padding-top: 2.5px;
            font-size: 0.9em;
        }

.further-information .f-information-input .f-information-input__selection .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 0;
    border: 1px solid #c4d5d6;
    z-index: 0;
    padding: 0.5rem;
}

.further-information .f-information-input .f-information-input__selection input:checked ~ .checkmark {
    background-color: #17a4ad;
    border-radius: 2px;
}

.further-information .f-information-input .f-information-input__selection .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.further-information .f-information-input .f-information-input__selection input:checked ~ .checkmark:after {
    display: block;
}

.further-information .f-information-input .f-information-input__selection .checkmark:after {
    top: 2px;
    left: 1px;
    width: 10px;
    height: 10px;
    background-image: url(/images/template/icon-tick.svg);
    background-repeat: no-repeat;
}

.c-account-input,
.c-details-input,
.b-address-input,
.a-delivery-address-input,
.c-number-input,
.f-information-input {
    padding-bottom: 0.5rem;
}








.order-summary {
    background-color: #ffffff;
    border: 1px solid #c6d4d6;
}

    .order-summary input[type=checkbox]:checked {
        background-color: #757575;
        background-position: 2px 2px;
    }

    .order-summary .order-summary__header,
    .order-summary .order-summary__cart-count,
    .order-summary .order-summary__products,
    .order-summary .order-summary__subtotal,
    .order-summary .order-summary__gift,
    .order-summary .order-summary__promo,
    .order-summary .order-summary__total {
        padding: 1rem;
        border-top: 1px solid #c6d4d6;
        display: flex;
        flex-wrap: wrap;
    }

    .order-summary .order-summary__header {
        border-top: 0;
    }

    .order-summary .order-summary__header {
    }

        .order-summary .order-summary__header .title {
            margin: 0;
        }

    .order-summary .order-summary__cart-count {
        background-color: #edf3f4;
        padding: 0.7rem 1rem;
    }

        .order-summary .order-summary__cart-count p {
            margin: 0;
            font-size: 15px;
        }

    .order-summary .order-summary__products .p-image {
        width: 27%;
    }

        .order-summary .order-summary__products .p-image img {
            height: auto;
            max-height: 190px;
            max-width: 139px;
            width: 100%;
        }

    .order-summary .order-summary__products .p-details {
        padding-left: 1rem;
        width: calc(72% - 60px);
    }

.p-details p {
    margin: 0;
}

.p-details .p-details__title {
    padding-bottom: 0.5rem;
}

    .p-details .p-details__title h4 {
        font-size: 18px;
        margin: 0;
    }

.p-details .p-details__desc {
    padding-bottom: 0.5rem;
}

.p-details .p-details__link a {
    font-size: 14px;
}

.p-details .p-details__issue-choice {
    padding-bottom: 0.5rem;
}

    .p-details .p-details__issue-choice select {
        padding: 0.5rem;
        padding-right: 3rem;
        line-height: 17px;
        margin: 0;
        color: #000000;
    }

.p-details .p-details__quantity {
    padding-bottom: 1rem;
}

    .p-details .p-details__quantity input {
        padding: 0.4rem 0.1rem;
        max-width: 35px;
        text-align: center;
        margin: 0;
        margin-left: 1rem;
        line-height: 12px;
        color: #000000;
    }

.order-summary .order-summary__products .p-price {
    text-align: right;
    width: 60px;
}

.order-summary .order-summary__subtotal .figures__container p {
    margin: 0;
}

.order-summary .order-summary__subtotal {
    background-color: #edf3f4;
    width: 100%;
    display: inline-table;
}

    .order-summary .order-summary__subtotal .button-container {
        float: left;
    }

        .order-summary .order-summary__subtotal .button-container .button {
            background-color: #a2afbf;
            padding: 1rem 1.5rem;
        }

@media only screen and (min-width: 500px) {
    .order-summary .order-summary__subtotal .button-container .button {
        padding: 1rem 2rem;
    }
}

.order-summary .order-summary__subtotal .button-container .button:hover {
    background-color: #516476;
}

.order-summary .order-summary__subtotal .figures__container {
    float: right;
    display: flex;
    flex-wrap: nowrap;
    align-self: flex-end;
    max-width: 100%;
    min-width: 128px;
}

.order-summary .order-summary__subtotal .st-text {
    align-self: flex-end;
    text-transform: uppercase;
    width: auto;
    max-width: 90px;
}

.order-summary .order-summary__subtotal .st-prices {
    align-self: flex-end;
    width: 100%;
    text-align: right;
    padding-left: 1rem;
}

.order-summary .order-summary__gift {
    background-color: #edf3f4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}

    .order-summary .order-summary__gift input {
        user-select: none;
        border-radius: 0;
        border-color: #c4d5d6;
        background-color: #ffffff;
        padding: 0.5rem;
    }

    .order-summary .order-summary__gift label {
        margin-top: 2px;
        margin-bottom: 0;
        padding-left: 10px;
    }

.order-summary .order-summary__promo {
    background-color: #74cacf;
    display: inline-table;
    width: 100%;
}

    .order-summary .order-summary__promo h4 {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: bold;
        width: 100%;
        font-size: 16px;
    }

    .order-summary .order-summary__promo .code__container {
        padding-bottom: 0.6rem;
    }

        .order-summary .order-summary__promo .code__container input {
            width: calc(100% - 100px);
            margin: 0;
            height: 40px;
            padding: 0.5rem 1rem;
            background-color: #ffffff;
        }

        .order-summary .order-summary__promo .code__container .button {
            width: auto;
            color: #ffffff;
            border: 0;
            padding: 0.8rem 1.2rem;
            margin: 0;
            height: 40px;
            margin-left: 0.8rem;
            font-size: 11px;
        }

            .order-summary .order-summary__promo .code__container .button:hover {
                background-color: #15929a;
            }

    .order-summary .order-summary__promo .figures__container p {
        margin: 0;
        line-height: 1.2;
    }

    .order-summary .order-summary__promo .figures__container {
        padding-left: 0.25rem;
        padding: 0.6rem 0.25rem;
        width: 100%;
        margin-top: -15px;
        min-height: 55px;
    }

    .order-summary .order-summary__promo .totals_container {
        float: right;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0.25rem;
        padding: 0.6rem 0.25rem;
        width: 135px;
        margin-top: -15px;
        min-height: 55px;
    }


        .order-summary .order-summary__promo .figures__container span {
            padding-bottom: 14px;
            position: relative;
        }

            .order-summary .order-summary__promo .figures__container span a {
                position: absolute;
                right: 0;
            }

        .order-summary .order-summary__promo .figures__container .p-text {
            font-weight: bold;
            align-self: flex-end;
            text-transform: uppercase;
            width: 50%;
            text-align: left;
        }

        .order-summary .order-summary__promo .figures__container .p-prices {
            font-weight: bold;
            align-self: flex-end;
            text-align: right;
            width: 50%;
        }

.order-summary .order-summary__total {
    background-color: #17a4ad;
    display: inline-table;
    width: 100%;
}

    .order-summary .order-summary__total p {
        margin: 0;
        line-height: 1.2;
    }

    .order-summary .order-summary__total .figures__container {
        padding: 0.5rem 0;
        float: right;
        display: flex;
        flex-wrap: nowrap;
        padding-left: 0.25rem;
        align-self: flex-end;
        padding: 0.6rem 0.25rem;
        max-width: 100%;
        min-width: 128px;
    }

        .order-summary .order-summary__total .figures__container .t-text {
            color: #ffffff;
            font-weight: bold;
            align-self: flex-end;
            text-transform: uppercase;
            width: auto;
            max-width: 70px;
        }

        .order-summary .order-summary__total .figures__container .t-price {
            color: #ffffff;
            font-weight: bold;
            align-self: flex-end;
            width: 100%;
            text-align: right;
            padding-left: 1rem;
        }

.cart-details .checkout__buttons {
    float: right;
    padding: 1.5rem 0;
}

    .cart-details .checkout__buttons .button {
        margin-right: 1.5rem;
    }

        .cart-details .checkout__buttons .button:last-child {
            margin-right: 0.1rem;
        }









.registered-delivery-address input[type=radio]:checked,
.registered-billing-address input[type=radio]:checked {
    background-color: #17a4ad;
    background-position: 1px 1px;
}

.registered-delivery-address .button-container,
.registered-billing-address .button-container {
    margin-bottom: 1.6rem;
}

    .registered-delivery-address .button-container a,
    .registered-billing-address .button-container a {
        padding: 12px 16px;
        font-size: 12px;
        margin: 0;
    }

    .registered-delivery-address .button-container button,
    .registered-billing-address .button-container button {
        padding: 12px 16px;
        font-size: 12px;
        margin: 0;
    }

.registered-delivery-address .listed-delivery-address,
.registered-billing-address .listed-billing-address {
    width: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .registered-delivery-address .listed-delivery-address ul,
    .registered-billing-address .listed-billing-address ul {
        list-style-type: none;
    }

    .registered-delivery-address .listed-delivery-address li,
    .registered-billing-address .listed-billing-address li {
        margin: 0;
        position: relative;
        display: block;
    }

    .registered-delivery-address .listed-delivery-address input,
    .registered-billing-address .listed-billing-address input {
        opacity: 0;
        display: none;
    }

    .registered-delivery-address .listed-delivery-address p,
    .registered-billing-address .listed-billing-address p {
        margin-bottom: 0;
        line-height: normal;
        font-size: 0.95rem;
    }

    .registered-delivery-address .listed-delivery-address label,
    .registered-billing-address .listed-billing-address label {
        width: 100%;
        padding-left: 2rem;
        margin-bottom: 1rem;
        display: block;
        position: relative;
        cursor: pointer;
        z-index: 1;
    }

.registered-delivery-address .checkmark,
.registered-billing-address .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 0;
    border: 1px solid #c4d5d6;
    z-index: 0;
    padding: 0.5rem;
}

.registered-delivery-address .listed-delivery-address li input:checked ~ label .checkmark,
.registered-billing-address .listed-billing-address li input:checked ~ label .checkmark {
    background-color: #17a4ad;
}

.registered-delivery-address .checkmark:after,
.registered-billing-address .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.registered-delivery-address .listed-delivery-address li input:checked ~ label .checkmark:after,
.registered-billing-address .listed-billing-address li input:checked ~ label .checkmark:after {
    display: block;
}

.registered-delivery-address .listed-delivery-address li .checkmark:after,
.registered-billing-address .listed-billing-address li .checkmark:after {
    top: 2px;
    left: 1px;
    width: 10px;
    height: 10px;
    background-image: url(/images/template/icon-tick.svg);
    background-repeat: no-repeat;
}

#rtPrivacyBanner {
    top: initial !important;
    bottom: 0px !important;
    position:fixed !important;
}

/*#endregion*/