/* #3399CC */
/* #11B400 */
/* #333333 */
/* Outlines */
/* Box */
/* #ECECEC */
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) {
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) {
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) {
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) {
    div { color:#888; }
}

// ----------------------------------------------
*/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/*
 * Removes default margin.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    -webkit-tap-highlight-color: transparent;
    /* Prevent tap highlight on iOS/Android */
    -webkit-text-size-adjust: 100%;
    /* Prevent automatic scaling on iOS */
}

body {
    background: #FFFFFF;
    color: #000000;
    line-height: 1;
}

html,
body,
img,
fieldset,
abbr,
acronym {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

th,
code,
cite,
caption {
    font-weight: normal;
    font-style: normal;
    text-align: left;
}

address {
    font-style: normal;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

img {
    display: block;
}

ol,
ul {
    list-style: none;
}

q:before,
q:after {
    content: '';
}

input:focus,
input[type="search"]:focus {
    outline-offset: -2px;
}

input[type="search"] {
    -webkit-appearance: none;
    /* 1 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* 2 */
    box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
a, button {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

body,
button,
input,
select,
table,
textarea {
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #636363;
    font-size: 14px;
    line-height: 1.5;
}

a {
    color: #0059a9;
    text-decoration: none;
}

a:hover {
    color: #004c8f;
    text-decoration: underline;
}

a:focus {
    outline:none;
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1 {
    margin: 0;
    margin-bottom: 0.7em;
    color: #0059a9;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 24px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: none;
}

h2, .h2 {
    margin: 0;
    margin-bottom: 0.5em;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: none;
}

h3, .h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
}

h4, .h4 {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
}

h5, .h5 {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
}

h6, .h6 {
    margin: 0;
    margin-bottom: 5px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
    /*text-transform: $transform;*/
    font-family: "Droid Sans";
    font-size: 24px;
    font-weight: 400;
    color: #0059a9;
    /*border-bottom: 1px solid $c-module-border-light;*/
    padding-bottom: 3px;
    margin-bottom: 15px;
    text-transform: none;
}

/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
    margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
    margin-bottom: 0;
}

.block-title {
    position: relative;
    padding: 0 0 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
}

.block-title small {
    font-size: 100%;
    font-weight: normal;
    color: #A0A0A0;
}

body:not(.customer-account) .block:first-child .block-title {
    border-top: none;
    padding-top: 0;
}

.block-subtitle {
    font-weight: 400;
    margin-bottom: 7px;
    color: #0059a9;
}

.block-content {
    margin-top: 5px;
}

.block-content.unpad {
    padding: 0;
}
.block-content li.item:last-child {
    margin-bottom: 0;
}

.block .actions {
    margin: 10px 0 0;
}
.block .actions:after {
    content: '';
    display: table;
    clear: both;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
    line-height: 33px;
    margin-right: 5px;
}

@media only screen and (max-width: 770px) {
    .sidebar .block:not(.block-layered-nav) {
        margin-bottom: 0;
    }
    .sidebar .block:not(.block-layered-nav) .block-title {
        padding: 0;
        margin-top: 0;
        border-bottom: none;
        border-top: none;
        margin-bottom: 0;
    }
    .sidebar .block:not(.block-layered-nav) .block-title > strong {
        margin: 0;
        margin-bottom: 10px;
        color: #636363;
        font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        line-height: 1.4;
        text-rendering: optimizeSpeed;
        text-transform: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        /*border-width: 1px;
    border-style: solid;
    border-color: $border-color;*/
        border-top: 0;
        position: relative;
        background-color: #0059a9;
        /*$c-module-background;*/
        color: #E6E6E6;
        display: block;
        width: 100%;
        cursor: pointer;
        border-bottom: 0;
    }
    .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #0059a9;
        border-right: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
        background-color: #ececec;
    }
    .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
        margin: 0;
        margin-bottom: 10px;
        color: #636363;
        font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        line-height: 1.4;
        text-rendering: optimizeSpeed;
        text-transform: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        /*border-width: 1px;
    border-style: solid;
    border-color: $border-color;*/
        border-top: 0;
        position: relative;
        background-color: #0059a9;
        /*$c-module-background;*/
        color: #E6E6E6;
    }
    .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #0059a9;
        border-bottom: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
        background-color: #ececec;
    }
    .sidebar .block:not(.block-layered-nav) .block-content {
        padding: 0;
        margin-top: 0;
        border: 0;
    }
    .sidebar .block:last-of-type {
        border-bottom: 1px solid #DDDDDD;
    }
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
    padding-top: 0;
    border-top: none;
}
.block-account li,
.block-cms-menu li {
    text-transform: none;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin: 7px 0;
}
.block-account li strong,
.block-cms-menu li strong {
    font-weight: 400;
    color: #0059a9;
}
.block-account li a,
.block-cms-menu li a {
    color: #636363;
}
.block-account li a:hover,
.block-cms-menu li a:hover {
    color: #0059a9;
}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
    background: #DDDDDD;
    color: #636363;
    padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
    background: #d0d0d0;
    cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
    background: #c4c4c4;
    color: #636363;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
    color: #636363;
    background: #c4c4c4;
    outline: none;
}

.sidebar .actions button.button {
    white-space: normal;
}

/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
    background: #df280a;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 19px;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
}
.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
    background: #00908c;
    cursor: pointer;
}
.button:active,
.cart-table .product-cart-actions .button:active,
#co-shipping-method-form .buttons-set .button:active,
.footer .button:active {
    background: #007773;
    color: #FFFFFF;
}
.button:focus,
.cart-table .product-cart-actions .button:focus,
#co-shipping-method-form .buttons-set .button:focus,
.footer .button:focus {
    background-color: #007773;
    outline: none;
    color: #FFFFFF;
}

a.button {
    text-decoration: none;
}

a.button:hover {
    color: #FFFFFF;
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
    background: #C8C8C8;
    opacity: 0.6;
    cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
    margin-left: 5px;
}

.button2 {
    border: 0;
    padding: 0 5px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
}

.button2:focus {
    outline: none;
}

.button2 span,
.button2 span span {
    line-height: 30px;
    height: 30px;
    text-decoration: underline;
    text-transform: none;
    display: inline-block;
    color: #0059a9;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.button2 span:hover,
.button2 span span:hover {
    text-decoration: none;
    color: #00315c;
}

@media only screen and (max-width: 770px) {
    .col2-set .buttons-set .button,
    .col2-set .buttons-set .button2 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .col2-set .buttons-set .back-link {
        display: none;
    }
    .col2-set .buttons-set .required {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .buttons-set .button {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 7px;
    }
    .buttons-set .back-link {
        display: none;
    }
    .buttons-set .required {
        display: none;
    }
}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
    float: left;
}

.paypal-after .paypal-or {
    float: left;
}

.paypal-or {
    line-height: 34px;
    margin: 0px 10px 5px;
}

.paypal-after .paypal-button {
    float: left;
}

.paypal-button {
    line-height: 0px;
}

.paypal-button img {
    display: inline;
}

@media only screen and (max-width: 740px) {
    .paypal-or {
        line-height: 20px;
    }

    .paypal-logo,
    .paypal-or,
    .paypal-button {
        text-align: center;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
    clear: both;
    margin: 10px 0 0;
    padding-top: 10px;
    border-top: 1px solid #F6F6F6;
    text-align: right;
}
.buttons-set p.required {
    margin: 0;
    margin-left: 10px;
    line-height: 33px;
    float: right;
}
.buttons-set .back-link {
    float: left;
    margin: 0;
    line-height: 33px;
}
.buttons-set a:not(.button) {
    line-height: 20px;
    display: inline-block;
    padding: 5px;
}
.buttons-set button.button {
    float: right;
    margin-left: 5px;
    min-width: 140px;
}
.buttons-set:after {
    content: '';
    display: table;
    clear: both;
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image: url(../images/icon_sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
    .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
        background-image: url(../images/icon_sprite@2x.png);
        background-size: 100px 1000px;
    }
}
/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
    overflow: hidden;
    margin: -15px 0 15px;
}

.breadcrumbs li {
    float: left;
    font-size: 12px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    text-transform: none;
}

.breadcrumbs a {
    float: left;
    color: #636363;
}

.breadcrumbs a:hover {
    color: #0059a9;
}

.breadcrumbs strong {
    color: #636363;
    font-weight: normal;
}

.breadcrumbs span {
    float: left;
    padding: 0 7px;
}

@media only screen and (max-width: 770px) {
    .breadcrumbs {
        display: none;
    }
}
/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #F6F6F6;
    text-align: center;
    /* Hide text */
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
    background-color: #0059a9;
    border-color: #0059a9;
}

.btn-remove:after {
    content: 'X';
    color: #0059a9;
    height: 20px;
    line-height: 20px;
    width: 100%;
    font-size: 10px;
    font-family: Arial, "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: bold;
}
.btn-remove:hover:after {
    color: #FFFFFF;
    text-decoration: none;
}

.btn-remove2 {
    background-position: 4px -648px;
    border: none;
    vertical-align: top;
}
.btn-remove2:after {
    display: none;
}
.btn-remove2:hover {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.btn-previous:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #0059a9;
    border-left: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -4px;
}
.btn-previous:hover:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #FFFFFF;
    border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
    float: right;
    margin-left: 6px;
}

/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
    margin-left: 10px;
    font-size: 13px;
    line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container{
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
}
.main-container:after,
.footer-container:after {
    content: '';
    display: table;
    clear: both;
}
.footer-container {
    padding-top: 0px;
}

/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
    content: '';
    display: table;
    clear: both;
}

.col-left,
.col-right,
.col-main {
    padding: 0 10px;
}

.col-left {
    float: left;
    width: 25%;
    padding-left: 0;
    /* Remove the 15px padding */
    clear: left;
}
.col-left img {
    max-width: 100%;
}

.col-right {
    float: right;
    width: 25%;
    padding-right: 0;
    /* Remove the 15px padding */
}
.col-right img {
    max-width: 100%;
}

.col-main {
    float: left;
    width: 75%;
}

.col1-layout .col-main {
    float: none;
    width: auto;
    padding: 0;
    /* Remove the 15px padding */
}

.col2-left-layout .col-main {
    float: right;
    padding-right: 0;
    /* Remove the 15px padding */
}

.col2-right-layout .col-main {
    padding-left: 0;
    /* Remove the 15px padding */
}

.col3-layout .col-right {
    width: 20.83333%;
}
.col3-layout .col-wrapper {
    float: left;
    width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
    float: right;
    width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
    width: 26.31579%;
}

@media only screen and (max-width: 1000px) {
    .col3-layout .col-right {
        float: left;
        clear: left;
        padding-left: 0;
        padding-right: 10px;
        width: 25%;
    }
    .col3-layout .col-wrapper {
        float: right;
        width: 100%;
    }
    .col3-layout .col-wrapper .col-main {
        float: right;
        width: 75%;
    }
    .col3-layout .col-wrapper .col-left {
        width: 25%;
    }
}
@media only screen and (max-width: 770px) {
    .col-left,
    .col-right,
    .col-main,
    .col1-layout .col-left,
    .col1-layout .col-right,
    .col1-layout .col-main,
    .col2-left-layout .col-left,
    .col2-left-layout .col-right,
    .col2-left-layout .col-main,
    .col2-right-layout .col-left,
    .col2-right-layout .col-right,
    .col2-right-layout .col-main,
    .col3-layout .col-wrapper .col-left,
    .col3-layout .col-right,
    .col3-layout .col-wrapper .col-main {
        padding: 0;
        margin-bottom: 10px;
        float: none;
        width: auto;
    }

    .col3-layout .col-wrapper {
        float: none;
        width: auto;
    }

    .col-main {
        float: none;
        width: auto;
    }

    .col-main .col-left {
        padding: 0;
        /* On product listing pages, the left column gets moved inside col-main on small viewports */
    }
}
/* Content Columns */
.col2-set {
    width: 100%;
}
.col2-set .col-1,
.col2-set .col-2 {
    width: 50%;
    padding: 20px;
}
@media only screen and (max-width: 770px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        padding: 10px;
    }
}
.col2-set .col-1 {
    float: left;
    padding-left: 0;
}
.col2-set .col-2 {
    float: right;
    padding-right: 0;
}
@media only screen and (max-width: 479px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        float: none;
        width: auto;
        border: 0;
        padding-right: 0;
        padding-left: 0;
    }
}
.col2-set .narrow {
    width: 33%;
}
.col2-set .wide {
    width: 65%;
}
.col2-set:after {
    content: '';
    display: table;
    clear: both;
}

/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 768px) {
    .top-container {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0 30px;
    }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
    background: #676157;
    color: #E6E6E6;
    font-size: 11px;
}
.global-site-notice .notice-inner {
    padding-left: 120px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    line-height: 11px;
    min-height: 40px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    background-image: url("../images/demo-logo.png");
    background-position: left;
    background-repeat: no-repeat;
}
.global-site-notice p {
    margin-bottom: 0;
}

/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
    color: #0059a9;
    text-align: center;
    margin: 10px;
    text-transform: none;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
    content: '';
    display: table;
    clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
    color: #00AAA5;
}

.error {
    color: #DF280A;
    font-weight: bold;
}

.notice {
    color: #E26703;
    font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
    margin-bottom: 10px;
}

.messages li li {
    position: relative;
    margin-bottom: 5px;
    padding: 7px 10px 7px 20px;
    background: #F4F4F4;
    font-size: 15px;
}

.messages li li:before {
    top: 50%;
    left: 0;
    margin-top: -6px;
}

.messages .error-msg li {
    color: #000000;
    border-left: 5px solid #DF280A;
    background-color: #FAEBE7;
}

.messages .error-msg li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #DF280A;
    border-right: none;
}

.messages .notice-msg li {
    color: #000000;
    border-left: 5px solid #E26703;
    background-color: #F9EBE6;
}

.messages .notice-msg li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #E26703;
    border-right: none;
}

.messages .success-msg li {
    color: #000000;
    border-left: 5px solid #00AAA5;
    background-color: #EFF5EA;
}

.messages .success-msg li:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #00AAA5;
    border-right: none;
}

@media only screen and (min-width: 915px) {
    .order-list-grid .col-1 {
        width: 30%;
    }

    .order-list-grid .col-2 {
        width: 50%;
        padding-right: 20px;
    }

    .order-list-grid .col-3 {
        clear: none;
        width: 20%;
        padding-top: 0;
    }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
    padding: 20px;
    background: #FFFFFF;
    height: auto;
}

.page-popup h1 {
    margin: 0 0 0.5em;
    font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
    margin-bottom: 20px;
}

.payment-methods dt {
    padding: 5px 0;
}

.payment-methods dd {
    padding-top: 10px;
}

.payment-methods .form-list {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 5px 15px 15px;
    padding: 15px;
    border: 1px solid #DDDDDD;
    background: #F4F4F4;
}

.payment-methods .form-list:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #DDDDDD;
    border-top: none;
    top: -11px;
    left: 30px;
}

.payment-methods .form-list:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #F4F4F4;
    border-top: none;
    top: -10px;
    left: 30px;
}

.payment-methods .form-list li:last-child {
    margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    line-height: 24px;
    height: 24px;
    white-space: nowrap;
    /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
    float: left;
    margin-right: 5px;
    width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
    margin: 7px 0;
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-box p {
    margin-bottom: 0;
}

.price-notice {
    color: #A0A0A0;
}

.price-box .price {
    color: #0059a9;
    font-size: 30px !important;
}

.search-autocomplete .price-box .price {
    font-size: 1.6rem !important;
}

.price-box .price,
.price {
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-box .price-label {
    color: #A0A0A0;
    white-space: nowrap;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.price-box .minimal-price-link {
    padding-left: 1em;
    color: #0059a9;
    display: block;
    /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
    color: #A0A0A0;
}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
    display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
    display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
    display: inline-block;
}

.price-box .old-price .price {
    color: #A0A0A0;
    text-decoration: line-through;
}

.price-box .special-price {
    color: #0059a9;
    padding-left: 1em;
}
.price-box .special-price .price-label {
    color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
    display: block;
}

span.weee {
    display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.tax-details{
    display: block;
}
.prices-tier.items {
    display: inline-block;
    padding: 4px 8px;
    background: #FBF4DE;
    border: 1px solid #E2D4C7;
    margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
    font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
    font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
    font-weight: bold;
}
.prices-tier .price,.prices-tier .price-excluding-tax,
.prices-tier .price-including-tax:before,.prices-tier .price-excluding-tax:before{
    font-size: 12px !important;
    font-weight: 700;
}
.weee[data-label]:before{
    font-size: 12px;
}
.prices-tier strong{
    font-style: italic;
}
/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
    font-size: 14px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.item-options:after {
    content: '';
    display: table;
    clear: both;
}
.item-options dt {
    float: left;
    clear: left;
    font-weight: 600;
    padding-right: 5px;
    font-style: italic;
}
.item-options dt:after {
    content: ': ';
}
.item-options dd {
    float: left;
    padding-left: 10px;
    margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
    cursor: help;
}

.truncated a.details {
    cursor: help;
    height: 16px;
    line-height: 16px;
}
.truncated a.details:hover {
    text-decoration: none;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 300;
}

.truncated .truncated_full_value .item-options {
    display: none;
    position: absolute;
    z-index: 300;
    width: 200px;
    padding: 8px;
    border: 1px solid #0059a9;
    background-color: #F6F6F6;
    top: 21px;
    left: -100px;
}
.truncated .truncated_full_value .item-options:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #0059a9;
    border-top: none;
    left: 97px;
    top: -7px;
}

.truncated .truncated_full_value .item-options > p {
    font-weight: bold;
    text-transform: none;
    margin-bottom: 8px;
}

.truncated .show .item-options {
    display: block;
}

@media only screen and (max-width: 479px) {
    .truncated {
        cursor: inherit;
    }
    .truncated a.details {
        display: none;
    }
    .truncated .truncated_full_value .item-options {
        display: block;
        position: static;
        z-index: 1;
        width: 100%;
        border: none;
        background-color: transparent;
    }
    .truncated .truncated_full_value .item-options p {
        float: none;
    }
    .truncated .truncated_full_value .item-options:after {
        display: none;
    }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
    width: 6.5in;
    margin: 20px;
    background: #FFFFFF;
}

/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
    margin: 7px 0;
}
.add-to-links a {
    display: inline-block;
    padding: 0px 3px 3px;
}

.add-to-links .separator {
    display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
    border: 1px solid #F6F6F6;
}

@media only screen and (max-width: 770px) {
    body .product-img-box .product-image:hover {
        border-color: #F6F6F6;
    }
}
.no-touch .product-image:hover {
    border-color: #0059a9;
}

/* -------------------------------------------- *
 * Ratings
 */
.ratings {
    margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
    margin: 5px 0;
}
.ratings .rating-box {
    width: 65px;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 -615px;
    overflow: hidden;
}
.ratings .rating-box .rating {
    float: left;
    height: 13px;
    background-repeat: repeat-x;
    background-position: 0 -600px;
}
.ratings .amount {
    display: block;
    margin: 5px auto;
}
.ratings .rating-links .separator {
    margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
    margin: 0 0 1.5em;
}

.std ol {
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.std ol li {
    margin-left: 2em;
}

.std ul {
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.std ul li {
    margin-left: 2em;
}

.std .note {
    color: #A0A0A0;
    font-size: 13px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
    margin-bottom: 10px;
    background: #FFFFFF;
}

/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
    /*$c-module-border;*/
    border-top: 1px solid #DDDDDD;
    /*$c-module-border;*/
    background: #F6F6F6;
    /*$c-module-background;*/
    padding: 5px 10px 5px 10px;
}
.toolbar:after {
    content: '';
    display: table;
    clear: both;
}

.pager-no-toolbar {
    margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
    margin-top: 10px;
}

.toolbar,
.pager {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #636363;
    line-height: 30px;
    font-size: 12px;
}

.toolbar label,
.pager-no-toolbar label {
    font-weight: normal;
    text-transform: none;
}

@media only screen and (max-width: 479px) {
    .pager .amount--has-pages {
        display: none;
    }

    .pages {
        float: left;
    }

    .limiter label {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .col1-layout .sorter,
    .col1-layout .pager {
        width: 100%;
    }
    .col1-layout .pager {
        float: left;
        clear: both;
    }
    .col1-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col1-layout .pager .count-container {
        float: right;
    }
}
@media only screen and (max-width: 991px) {
    .col2-left-layout .sorter,
    .col2-left-layout .pager,
    .col2-right-layout .sorter,
    .col2-right-layout .pager,
    .col3-layout .sorter,
    .col3-layout .pager {
        width: 100%;
    }
    .col2-left-layout .pager,
    .col2-right-layout .pager,
    .col3-layout .pager {
        float: left;
        clear: both;
    }
    .col2-left-layout .pager .pages,
    .col2-right-layout .pager .pages,
    .col3-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col2-left-layout .pager .count-container,
    .col2-right-layout .pager .count-container,
    .col3-layout .pager .count-container {
        float: right;
    }
}
@media only screen and (max-width: 1279px) {
    .toolbar .view-mode > label {
        display: none;
    }
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
    text-align: center;
}

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

.no-display {
    display: none !important;
}

.nobr,
.nowrap {
    white-space: nowrap;
}

.width-full {
    width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
    display: none;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
    margin: 0 0 15px;
}

.page-print .print-head .logo {
    float: none;
    max-height: 50px;
    width: auto;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
    margin-bottom: 7px;
}
.fieldset p.required {
    margin-bottom: 5px;
    float: right;
    font-size: 12px;
    margin-top: 0px;
}


form .legend {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
    margin-bottom: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid #F6F6F6;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
    padding-top: 2px;
}
.input-box:after {
    content: '';
    display: table;
    clear: both;
}

li.centinel-logos div.input-box img {
    display: inline;
    vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
    float: left;
    margin-right: 5px;
    max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */
label {
    display: inline-block;
    font-size: 15px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: 100;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

label.required:after,
span.required:after {
    content: ' *';
    color: #DF280A;
    font-weight: normal;
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}

label.required em,
span.required em {
    display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
    color: #A0A0A0;
    font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
    font-size: 14px;
    /*background: $c-blue;
  color: $c-text-white;*/
}

select + select {
    margin-left: 5px;
}

select[multiple] {
    width: 270px;
    border: 1px solid #C0C0C0;
    font-size: 15px;
    padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 450px;
    padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #C0C0C0;
    background: #FFFFFF;
    font-size: 15px;
}
.input-text:focus {
    border: 1px solid #0059a9;
}

.input-text.validation-failed {
    border-color: #DF280A;
}

.input-text.validation-failed:focus {
    outline-color: #ef9384;
}

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
    input[type=email],
    input[type=search],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    select {
        font-size: 16px;
        /* Prevent from zooming on focus */
    }
}
.ie8 .input-text {
    max-width: none;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
    width: 3em;
    text-align: center;
    vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
    color: #fff;
}

input:-moz-placeholder {
    color: #A0A0A0;
}
input[type="search"]#search::-webkit-input-placeholder {
    color: #fff;
}
input[type="search"]#searchinput:-moz-placeholder{
    color:#fff;
}
/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
    position: relative;
    top: -1px;
    display: inline-block;
}

.checkbox + label:not(.rating),
.radio + label:not(.rating) {
    width: auto;
    max-width: 85%;
    padding: 0 0 0 8px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
    margin: 5px 0 0;
    color: #DF280A;
    font-size: 13px;
}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
    margin-bottom: 10px;
}
.form-list select {
    margin-top: 4px;
    width: 365px;
    max-width: 100%;
}
.form-list .input-range .input-text {
    width: 74px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
    margin-bottom: 10px;
}
.product-options ul.options-list label,
.col2-set .form-list .control label {
    min-width: inherit;
    width: 250px;
    max-width: 100%;
}

.form-list .control.remember-me-box label {
    width: auto;
    max-width: none;
    min-width: inherit;
}

.form-list .control {
    margin-top: 10px;
}
.form-list .control label {
    float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
    margin-right: 6px;
}
.form-list .control .input-box {
    clear: none;
    display: inline-block;
    width: auto;
    padding: 0;
}

form .form-instructions {
    font-style: normal;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 13px;
    color: #A0A0A0;
}

/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
    text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
    width: 100%;
}

.data-table td,
.data-table th {
    padding: 10px;
    vertical-align: top;
}

.data-table th {
    background: #F4F4F4;
    text-transform: uppercase;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 1.4;
    white-space: nowrap;
}

.data-table thead th,
.data-table tbody td {
    border-bottom: 1px solid #C0C0C0;
}

.data-table tbody td,
.data-table tfoot td {
    font-family: Georgia, Times, "Times New Roman", serif;
}

.data-table tfoot tr {
    background: #F4F4F4;
}

.data-table tbody td .item-options {
    margin-left: 20px;
    margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
    content: ':';
}

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
    border: 1px solid #C0C0C0;
    padding: 12px 15px;
    margin: 0 0 15px;
}
.info-box h2 {
    font-weight: bold;
    font-size: 13px;
}

.info-table th,
.info-table td {
    vertical-align: top;
}

.info-table th {
    font-weight: bold;
    padding: 4px 20px 4px 0;
}

.info-table td {
    padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
    border-top: 1px solid #C0C0C0;
}
.zebra-table td,
.zebra-table th {
    border-bottom: 1px solid #C0C0C0;
    padding: 6px;
    background-color: transparent;
}
.zebra-table tr {
    background-color: #EEEDED;
}
.zebra-table tr:nth-child(odd) {
    background-color: #F8F7F5;
}

/* ============================================ *
 * Linearize Table
 * ============================================ */
@media only screen and (max-width: 479px) {
    .linearize-table {
        /* Helpers */
    }
    .linearize-table tr,
    .linearize-table th,
    .linearize-table td {
        display: block;
    }
    .linearize-table thead th {
        border-right: 0;
        border-left: 0;
    }
    .linearize-table thead th.lin-hide {
        display: none;
    }
    .linearize-table thead th:nth-child(1n+2) {
        display: none;
    }
    .linearize-table tbody tr {
        position: relative;
        border-bottom: 1px solid #DDDDDD;
    }
    .linearize-table tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .linearize-table tbody td.lin-hide {
        display: none;
    }
    .linearize-table tbody td:first-child {
        padding-top: 10px;
    }
    .linearize-table tbody td:first-child,
    .linearize-table tbody td:first-child h3 {
        font-weight: bold;
    }
    .linearize-table tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 30px;
    }
    .linearize-table tbody td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        font-size: 12px;
        font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
        padding-right: 5px;
        text-transform: uppercase;
    }
    .linearize-table tfoot tr {
        display: block;
        text-align: right;
    }
    .linearize-table tfoot tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .linearize-table tfoot td {
        display: block;
        float: left;
    }
    .linearize-table tfoot td.lin-hide {
        display: none;
    }
    .linearize-table tfoot td:nth-child(odd) {
        clear: left;
        width: 60%;
    }
    .linearize-table tfoot td:nth-child(even) {
        text-align: left;
        width: 40%;
    }
    .linearize-table .linearize-hide {
        display: none;
    }
    .linearize-table .linearize-unpad {
        padding: 0;
    }
    .linearize-table .linearize-show {
        display: block;
    }
}
@media only screen and (max-width: 599px) {
    .linearize-table-large {
        /* Helpers */
    }
    .linearize-table-large tr,
    .linearize-table-large th,
    .linearize-table-large td {
        display: block;
    }
    .linearize-table-large thead th {
        border-right: 0;
        border-left: 0;
    }
    .linearize-table-large thead th.lin-hide {
        display: none;
    }
    .linearize-table-large thead th:nth-child(1n+2) {
        display: none;
    }
    .linearize-table-large tbody tr {
        position: relative;
        border-bottom: 1px solid #DDDDDD;
    }
    .linearize-table-large tbody td {
        padding: 0 10px 4px;
        border-right: 0;
        border-bottom: 0;
    }
    .linearize-table-large tbody td.lin-hide {
        display: none;
    }
    .linearize-table-large tbody td:first-child {
        padding-top: 10px;
    }
    .linearize-table-large tbody td:first-child,
    .linearize-table-large tbody td:first-child h3 {
        font-weight: bold;
    }
    .linearize-table-large tbody td[data-rwd-label] {
        text-align: left;
        padding-left: 30px;
    }
    .linearize-table-large tbody td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        font-size: 12px;
        font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
        padding-right: 5px;
        text-transform: uppercase;
    }
    .linearize-table-large tfoot tr {
        display: block;
        text-align: right;
    }
    .linearize-table-large tfoot tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .linearize-table-large tfoot td {
        display: block;
        float: left;
    }
    .linearize-table-large tfoot td.lin-hide {
        display: none;
    }
    .linearize-table-large tfoot td:nth-child(odd) {
        clear: left;
        width: 60%;
    }
    .linearize-table-large tfoot td:nth-child(even) {
        text-align: left;
        width: 40%;
    }
    .linearize-table-large .linearize-hide {
        display: none;
    }
    .linearize-table-large .linearize-unpad {
        padding: 0;
    }
    .linearize-table-large .linearize-show {
        display: block;
    }
}
@media only screen and (min-width: 600px) {
    .linearize-table .linearize-collapse {
        display: none;
    }
}
/* ============================================ *
 * Global
 * ============================================ */
html,
body {
    height: 100%;
}

.wrapper {
    min-width: 320px;
    min-height: 100%;
    margin: 0 auto;
    background: #FFFFFF;
}

.wrapper:after {
    content: '';
    display: table;
    clear: both;
}

/* ============================================ *
 * Header
 * ============================================ */
@media only screen and (min-width: 768px) {

    .page-header-container {
        position: relative;
    }
}
.header-language-container,

    /* ============================================ *
     * Language switcher + welcome message
     * ============================================ */
.header-language-background {
    padding: 10px;
    background-color: #0059a9;
    text-transform: none;
    display: none;
    /**/
}
.header-language-background .header-language-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.header-language-background:after {
    content: '';
    display: table;
    clear: both;
}
.header-language-background .form-language,
.header-language-background .currency-switcher {
    float: left;
    margin-right: 10px;
}
.header-language-background .welcome-msg {
    float: right;
}

.page-header-container .store-language-container {
    float: right;
    max-width: 35%;
    padding: 13px 15px 10px 10px;
}
.page-header-container .store-language-container label {
    display: none;
}
.page-header-container .store-language-container select {
    max-width: 100%;
}

.switcher .switcher-option.languages {
    margin-right: 5px !important;
    padding: 0 !important;
}
.switcher .switcher-option.languages img {
    width: 25px;
}

.store_switcher .list-store li.store {
    vertical-align: middle;
}

@media only screen and (max-width: 479px) {
    .page-header-container .store-language-container {
        padding-top: 8px;
    }
    .page-header-container .store-language-container select {
        font-size: 12px;
    }
}
.header-language-background,
.header-language-background a {
    color: #E6E6E6;
}

@media only screen and (max-width: 767px) {
    .header-language-background {
        display: none;
    }
}

/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
    clear: both;
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

@media only screen and (min-width: 768px) {
    .skip-links {
        border: 0;
    }
}
/* -------------------------------------------- *
 * Skip - Link
 */
.skip-link {
    position: relative;
    float: left;
    width: 20%;
    background: #FFFFFF;
    color: #636363;
    text-align: center;
    display: block;
}

a.skip-link {
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    .skip-link {
        border-right: 1px solid #EDEDED;
    }

    .skip-link:last-child {
        border-right: 0;
    }
}
@media only screen and (min-width: 500px) {
    .skip-link {
        width: 25%;
    }
}
/* -------------------------------------------- *
 * Skip Link - Active
 */
@media only screen and (max-width: 767px) {
    .skip-link.skip-active {
        background-color: #6299CF;
        color: inherit;
    }

    .skip-link.skip-active span {
        color: inherit;
    }
}
/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    vertical-align: top;
}

.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
    margin-right: 3px;
}

@media only screen and (min-width: 500px) {
    .skip-link .icon {
        margin-right: 3px;
    }
}
/* -------------------------------------------- *
 * Skip Link - Label - small width
 */
.skip-link .label {
    display: none;
    color: #0059a9;
    line-height: 10px;
    font-size: 12px;
}

@media only screen and (min-width: 500px) {
    .skip-link .label {
        margin-top:5px;
        display: block;
    }
}
/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
    display: none;
}

.skip-content.skip-active {
    display: block;
    background: #0059a9;
}

/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 767px) {
    .skip-link .label {
        display: none;
        /* ---------  */
    }

    #header-account li a,
    .nav-primary a.level0 {
        padding: 0 15px 0 25px;
        border-bottom: 1px solid #DDDDDD;
        text-align: left;
        color: #636363;
        text-transform: none;
        line-height: 30px;
    }

    #header-account li:last-child a,
    .nav-primary li.level0:last-child a.level0 {
        border-bottom: 0;
    }

    .no-touch #header-account a:hover,
    .no-touch .nav-primary a:hover {
        background-color: #F4F4F4;
        text-decoration: none;
    }
}
@media only screen and (max-width: 767px) {
    .account-cart-wrapper {
        position: static;
    }
}

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.skip-nav {
    width: 33%;
    background-color: #6299CF;
}
.skip-nav:not(.skip-active):hover {
    text-decoration: none;
}
.skip-nav:not(.skip-active):hover .icon {
    background-position: -46px 4px;
    /*background-position: -75px+4px ($toolbar-icon-padding-offset/2);*/
}

.skip-nav span.label {
    display: none;
    /* */
}

.skip-nav .icon {
    background-position: 4px 4px;
}

@media only screen and (min-width: 500px) {
    .skip-nav {
        width: 25%;
        height: auto;
    }

    .skip-nav span.label {
        display: none;
        /* none mobi label ausblenden */
    }

    span.label {
        /*     display: none; */
    }
}
@media only screen and (min-width: 768px) {
    .skip-nav {
        display: none;
    }

    .skip-nav .label {
        display: none;
    }
}
/* ============================================ *
 * Nav Primary
 * ============================================ */
@media only screen and (min-width: 768px) {
    .nav-primary {
        display: block;
        margin-top: 15px;
    }
}
/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
    text-decoration: none;
    position: relative;
    display: block;
    color: #636363;
    line-height: 50px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.nav-primary li {
    position: relative;
}
.nav-primary li.level1 a {
    /*border-bottom: 1px solid $c-module-border;*/
}

.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
    display: block;
}

.nav-primary li.level0 > a {
    text-transform: none;
}

/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */
@media only screen and (max-width: 767px) {
    .nav-primary a.level0,
    .nav-primary a {
        line-height: 55px;
    }
    .nav-primary li.level0 ul {
        display: none;
    }
    .nav-primary li.level0 li {
        padding: 0 0 0 25px;
    }
    .nav-primary li.level1 a {
        padding: 0 15px 0 25px;
    }
    .nav-primary li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #fff;
        border-right: none;
        top: 50%;
        left: 10px;
        right: auto;
        margin-top: -5px;
    }
    .nav-primary li.parent.sub-menu-active > a:after,
    .nav-primary li.parent.menu-active > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #fff;
        border-bottom: none;
        top: 50%;
        left: 10px;
        right: auto;
        margin-top: -5px;
    }
    .nav-primary li.menu-active > a,
    .nav-primary li.sub-menu-active > a {
        color: #0059a9;
    }
}
/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */
@media only screen and (min-width: 768px) {
    .nav-primary {
        /* Default styles for 1+ drop-down menus */
        /* Level 2+ */
        /* Class for js to add briefly to evaluate element positioning. */
        /* Correct menus that will hang off the page (class added by js) */
        /* Level 1+ */
    }
    .nav-primary a.level0 {
        padding: 0 25px;
    }
    .nav-primary li.level0,
    .nav-primary a.level0 {
        display: inline-block;
    }
    .nav-primary li:last-child > a {
        border-bottom: none;
    }
    .nav-primary a:hover,
    .nav-primary li:hover > a {
        color: #0059a9;
    }
    .nav-primary .menu-active {
        z-index: 200;
    }
    .nav-primary li.level0 ul {
        background: #FBFBFB;
        border: solid 1px #DDDDDD;
        position: absolute;
        left: 0;
        top: 50px;
        /* Height of ".nav-primary a.level0" */
        z-index: 10;
        width: 250px;
        padding-left: 10px;
        padding-right: 10px;
        display: none;
        /* Hide until displayed. */
    }
    .nav-primary li.level1 ul {
        left: 60px;
        top: 15px;
    }
    .nav-primary li.level0 ul.level0.position-test {
        display: block;
    }
    .nav-primary li.level0 ul.level0.spill {
        right: 0;
        left: auto;
    }
    .nav-primary li.level0 ul.level0.spill li.level1 ul {
        left: auto;
        right: 50px;
        top: 20px;
    }
    .nav-primary li.level0 li.parent > a {
        position: relative;
    }
    .nav-primary li.level0 li.parent > a:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #ccc;
        border-right: none;
        right: 5px;
        top: 50%;
        margin-top: -3px;
    }
}
.nav-primary li.menu-active > ul {
    display: block;
}

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search {
    background-color: #6299CF;
}
.skip-search:not(.skip-active):hover .icon {
    background-position: -46px -146px;
}
.skip-search .icon {
    background-position: 4px -146px;
}

@media only screen and (min-width: 768px) {
    .skip-search {
        display: none;
    }
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
    padding: 20px;
}

@media only screen and (min-width: 768px) {
    #header-search {
        display: block;
        position: absolute;
        bottom: -5px;
        right: 25%;
        width: 45%;
        height: 50px;
        padding: 0;
    }
}
/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
    position: relative;
    padding-top: 0;
}

#search_mini_form label {
    display: none;
}

#search {
    width: 100%;
    height: 40px;
    padding-left: 40px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    color: #fff;
}

input[type="search"]#search {
    font-size: 18px;
    border: none;
    background-color: #6299CF;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

#search_mini_form .search-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
    line-height: 30px;
}
#search_mini_form .search-button span{
    display: none;
}
#search_mini_form .search-button:before {
    content: "\f002";
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background-image:none;
    text-indent: 0;
}
#search_mini_form .search-button:hover:before {
    opacity: 0.8;
}

#search_mini_form .search-button:active:before {
    margin-top: -13px;
    margin-left: -13px;
}

/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account {
    /*span.label { display: none; }*/
}
.skip-account:not(.skip-active):hover .icon {
    background-position: -46px -44px;
}
.skip-account .icon {
    background-position: 4px -44px;
}
.header-minicart {
    display: inline-block;
}
@media only screen and (min-width: 768px) {
    .skip-account {
        float: none;
        width: auto;
        vertical-align: top;
        display: inline-block;
        padding: 0 10px;
        text-transform: none;
        /*position: absolute;
            top: 0;
            right: 115px;
            width: auto;
            padding: 0 10px;
            text-transform: $transform;*/
    }

    #header-account.skip-active {
        background: #FBFBFB;
        border: solid 1px #DDDDDD;
        display: block;
        position: absolute;
        z-index: 200;
        top: 40px;
        right: 55px;
        width: 200px;
    }

    #header-account a {
        display: block;
        padding: 5px 10px;
        color: #636363;
        line-height: 2;
    }

    #header-account a:hover {
        color: #0059a9;
    }
}
/* -------------------------------------------- *
 * Account Links
 */
#header-account {
    padding: 5px 0;
}

#header-account a {
    position: relative;
    display: block;
    padding: 5px 10px;
    line-height: 23px;
    text-align: left;
}

#header-account a:hover {
    color: #0059a9;
}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart:not(.skip-active):hover .icon {
    background-position: -50px -95px;
}
.skip-cart .icon {
    background: none;
}
.skip-cart .icon:before{
    font-family: "Font Awesome\ 5 Pro";
    content: "\f07a";
    font-size: 24px;
    color: #0059a9;
    display: block;
    text-indent: 0;
    font-weight: 700;
    margin-top: 1px;
}
.counter.qty.empty{
    display: none !important;
}
@media only screen and (min-width: 768px) {
    .skip-cart {
        width: auto;
        padding: 0 10px;
    }

    #header-cart.skip-active {
        background: #FBFBFB;
        border: solid 1px #DDDDDD;
        display: block;
        position: absolute;
        z-index: 200;
        top: 40px;
        right: 0;
        width: 320px;
        background: white;
    }
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    display: inline-block;
    top: -6px;
    position: relative;
    z-index: 5;
    width: 22px;
    height: 22px;
    background: rgba(0, 89, 169, 0.9);
    color: #FFFFFF;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.skip-link.skip-active .count {
    color: white;
}

.skip-cart.no-count .count {
    display: none;
}

@media only screen and (max-width: 499px) {
    .skip-cart .count {
        margin-left: -12px;
    }
}
@media only screen and (min-width: 768px) {
    .skip-cart {
        color: #fff;
        text-transform: none;
    }
    .skip-cart:hover {
        text-decoration: none;
    }
    .skip-cart .count {
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        position: relative;
        top: -55px;
        right: -15px;
        /*background: none;*/
        background-color: red;
        margin-left: 0px;
        width: 22px;
        height: 22px;
        font-size: 14px;
        /*width: auto;*/
    }
    .skip-cart .count:before {
        /* content: '(';*/
    }
    .skip-cart .count:after {
        /* content: ')';*/
    }

    .skip-cart .count,
    .skip-link.skip-active .count {
        color: #E6E6E6;
    }
}
.skip-cart .count.empty {
    display: none;
}

/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
    padding: 20px;
    text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
    overflow: hidden;
    padding: 15px;
}

.cart-menu .actions .button {
    float: left;
    width: 48%;
}

.cart-menu .actions .button + .button {
    margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
    padding: 0 15px 15px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.2;
}

/* List */
.mini-cart-list {
    margin-bottom: 5px;
}

.mini-cart-list li {
    position: relative;
    min-height: 90px;
    padding: 15px 15px 15px 90px;
    border-top: 1px solid #DDDDDD;
    font-size: 13px;
    line-height: 1.35;
}

.mini-cart-list .product-name {
    display: inline-block;
}

.mini-cart-list .product-image {
    position: absolute;
    left: 15px;
    top: 15px;
}

.mini-cart-list .product-image img {
    width: 60px;
    height: 60px;
}

.mini-cart-list .has-options {
    margin-bottom: 0;
    color: #A0A0A0;
    font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
    padding: 10px 15px 15px;
    border-top: 1px solid #DDDDDD;
    font-size: 13px;
}

/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */
.footer,
.footer button {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}

.footer {
    clear: both;
    width: 100%;
    /*border-top: 1px solid $c-module-border;*/
    padding-top: 30px;
    background-color: #00AAA5;
    padding: 20px;
    /* -------------------------------------------- *
   * Social icons
   */
    /* 24 */
    /* , 15*/
}
@media only screen and (max-width: 479px) {
    .footer {
        padding-top: 15px;
    }
}
.footer .block-title {
    border-top: 0;
    border-bottom: 1px solid #DDDDDD;
    padding: 3px 0;
    text-transform: none;
}
.footer .block-title strong {
    font-weight: normal;
    color: #E6E6E6;
    font-size: 18px;
    text-transform: none;
}
.footer .block-title,
.footer address {
    color: #E6E6E6;
    text-transform: none;
}
.footer address.copyright {
    text-align: left;
    border: none;
    font-size: 12px;
}
.footer .links li {
    word-break: break-all;
    line-height: 1.6;
    padding: 4px 0;
}
.footer .links a, .footer .links p {
    color: #E6E6E6;
}
.footer .links a:hover, .footer .links p:hover {
    color: #E6E6E6;
}
.footer .block-subscribe {
    float: right;
    width: 320px;
    margin-bottom: 30px;
}
.footer .links,
.footer .block-subscribe {
    text-transform: none;
    font-size: 16px;
}
.footer .form-subscribe-header {
    display: none;
}
.footer .links.user-account em,
.footer .links.contact em {
    background-image: url(../images/footer_icons.png);
    background-repeat: no-repeat;
    width: 22px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .footer .links.user-account em,
    .footer .links.contact em {
        background-image: url(../images/footer_icons@2x.png);
        background-size: 50px 125px;
    }
}
.footer .links.user-account em.myaccount,
.footer .links.contact em.myaccount {
    background-position: 0 -1px;
    height: 22px;
}
.footer .links.user-account a:hover em.myaccount,
.footer .links.contact a:hover em.myaccount {
    background-position: -25px -1px;
}
.footer .links.user-account em.mybasket,
.footer .links.contact em.mybasket {
    background-position: 0 -27px;
    height: 22px;
}
.footer .links.user-account a:hover em.mybasket,
.footer .links.contact a:hover em.mybasket {
    background-position: -25px -27px;
}
.footer .links.user-account em.register,
.footer .links.contact em.register {
    background-position: 0 -51px;
    height: 22px;
}
.footer .links.user-account a:hover em.register,
.footer .links.contact a:hover em.register {
    background-position: -25px -51px;
}
.footer .links.user-account em.login,
.footer .links.contact em.login {
    background-position: 0 -76px;
    height: 22px;
}
.footer .links.user-account a:hover em.login,
.footer .links.contact a:hover em.login {
    background-position: -25px -76px;
}
.footer .links.user-account em.rss,
.footer .links.contact em.rss {
    background-position: 0 -99px;
    height: 22px;
}
.footer .links.user-account a:hover em.rss,
.footer .links.contact a:hover em.rss {
    background-position: -25px -99px;
}
.footer .links.user-account em.serviceline,
.footer .links.contact em.serviceline {
    background-position: 0 -125px;
    height: 22px;
}
.footer .links.user-account a:hover em.serviceline,
.footer .links.contact a:hover em.serviceline {
    background-position: -25px -125px;
}
.footer .links.user-account em.inquiry,
.footer .links.contact em.inquiry {
    background-position: 0 -101px;
    height: 22px;
}
.footer .links.user-account a:hover em.inquiry,
.footer .links.contact a:hover em.inquiry {
    background-position: -25px -101px;
}
.footer .block-subscribe .input-box {
    float: left;
    width: 65.625%;
    padding-top: 0;
}
.footer .block-subscribe .input-text {
    width: 100%;
    border-right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.footer .block-subscribe .block-content {
    padding-top: 7px;
}
.footer .block-subscribe .block-content:after {
    content: '';
    display: table;
    clear: both;
}
.footer .block-subscribe .actions {
    float: left;
    width: 34.375%;
    margin: 0;
}
.footer .block-subscribe .actions .button {
    height: 30px;
    line-height: 17px;
    float: left;
}
.footer .bugs,
.footer address {
    clear: both;
}
.footer .bugs {
    display: none;
}
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
    clear: both;
    margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
    display: none;
}
.footer address {
    border-top: 1px solid #DDDDDD;
    text-align: center;
    width: 100%;
    font-size: 11px;
    margin-top: 30px;
    padding: 30px 0;
}
@media only screen and (max-width: 1199px) {
    .footer .links {
        padding-right: 0;
        font-size: 12px;
    }
    .footer .links:nth-child(4) {
        margin-right: 0;
    }
    .footer .block-subscribe {
        clear: both;
        float: none;
        margin: 0 auto 30px auto;
    }
}
@media only screen and (max-width: 767px) {
    .footer .form-language,
    .footer .currency-switcher {
        display: block;
    }
}
@media only screen and (max-width: 599px) {
    .footer .links:nth-child(odd) {
        clear: both;
    }
    .footer .block-subscribe {
        clear: both;
        float: left;
        width: 100%;
    }
}

/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
    border-bottom: none;
}

.category-image {
    margin-bottom: 1.5em;
}

.products-list .action .button,
.products-grid .actions .button {
    white-space: normal;
}

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
    margin: 0;
    margin-bottom: 0.5em;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: none;
    font-size: 13px;
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.4;
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
    color: #636363;
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
    color: #0059a9;
    text-decoration: none;
}

.products-grid .product-name,
.products-list .product-name {
    text-transform: none;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.products-grid .product-name a,
.products-list .product-name a {
    font-weight: 500;
}

/* ============================================ *
 * Product Grid
 * ============================================ */
.products-grid {
    position: relative;
}

.products-grid:after {
    content: '';
    display: table;
    clear: both;
}

.products-grid > li {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}
.products-grid > li:after {
    content: '';
    display: table;
    clear: both;
}

.products-grid .product-image {
    width: 100%;
    margin-bottom: 15px;
}

.products-grid .product-image img {
    width: 100%;
    height: auto;
}
.products-grid .product-image img:hidden {
    display: none;
}

.widget-new-products .products-grid .product-image {
    width: 75%;
    margin-bottom: 15px;
    margin-left: 10%;
}

/* Config: Two columns + flexible gutter */
.products-grid > li {
    float: left;
    width: 47.72727%;
    margin-right: 4.54545%;
}

.products-grid > li:nth-child(odd) {
    clear: left;
}

.products-grid > li:nth-child(even) {
    margin-right: 0;
}

.products-grid .product-image {
    margin-bottom: 5px;
}
.products-grid .product-image:before, .products-grid .product-image:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.products-grid .product-image:before {
    background-color: white;
    opacity: 0.8;
    z-index: 2;
}
.products-grid .product-image:after {
    background-image: url("../images/opc-ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
}
.products-grid .product-image.loading {
    position: relative;
}
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
    display: block;
}

@media only screen and (min-width: 480px) {
    /* Config: Three columns + flexible gutter */
    .products-grid {
        /* Undo two-column config */
        /* Set three-column config */
    }
    .products-grid > li:nth-child(odd) {
        clear: none;
    }
    .products-grid > li:nth-child(even) {
        margin-right: 3.7037%;
    }
    .products-grid > li {
        width: 30.8642%;
        margin-right: 3.7037%;
    }
    .products-grid > li:nth-child(3n+1) {
        clear: left;
    }
    .products-grid > li:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 960px) {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    .products-grid--max-4-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-4-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-4-col > li:nth-child(even),
    .products-grid--max-4-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }

    /* Set column config */
    .products-grid--max-4-col > li {
        margin-right: 2.22222%;
    }

    .products-grid--max-4-col > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }

    .products-grid--max-4-col > li:nth-child(4n+1) {
        clear: left;
    }

    .products-grid--max-4-col > li:nth-child(4n) {
        margin-right: 0;
    }

    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    .products-grid--max-5-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-5-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-5-col > li:nth-child(even),
    .products-grid--max-5-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }

    /* Set column config */
    .products-grid--max-5-col > li {
        margin-right: 2.22222%;
    }

    .products-grid--max-5-col > li {
        width: 18.22222%;
        margin-right: 2.22222%;
    }

    .products-grid--max-5-col > li:nth-child(5n+1) {
        clear: left;
    }

    .products-grid--max-5-col > li:nth-child(5n) {
        margin-right: 0;
    }

    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    .products-grid--max-6-col > li:nth-child(odd) {
        clear: none;
    }

    .products-grid--max-6-col > li:nth-child(3n+1) {
        clear: none;
    }

    .products-grid--max-6-col > li:nth-child(even),
    .products-grid--max-6-col > li:nth-child(3n) {
        margin-right: 2.22222%;
    }

    /* Set column config */
    .products-grid--max-6-col > li {
        margin-right: 2.22222%;
    }

    .products-grid--max-6-col > li {
        width: 14.81481%;
        margin-right: 2.22222%;
    }

    .products-grid--max-6-col > li:nth-child(6n+1) {
        clear: left;
    }

    .products-grid--max-6-col > li:nth-child(6n) {
        margin-right: 0;
    }
}
/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
    margin-top: 20px;
    margin-bottom: 20px;
}
.products-list > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F6F6F6;
}
.products-list > li:after {
    content: '';
    display: table;
    clear: both;
}
.products-list > li .product-image {
    float: left;
    width: 33.33333%;
}
.products-list > li .product-image img {
    width: 100%;
    max-width: 100%;
}
.products-list > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.products-list .product-shop {
    float: right;
    width: 66.66667%;
    padding-left: 20px;
}
.products-list .product-shop .product-name {
    margin-bottom: 0;
}
.products-list .product-shop .ratings {
    margin: 0;
}
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
    float: left;
    margin-right: 7px;
}
.products-list .product-shop .ratings .rating-links {
    margin-top: 4px;
}
.products-list .product-shop .price-box {
    margin-top: 0;
}
.products-list .product-shop .price-box .price {
    font-size: 18px;
}
.products-list .product-shop .action {
    margin: 7px 0;
}
.products-list .product-shop .desc {
    margin-top: 7px;
}
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
    float: left;
    width: 65%;
    overflow: hidden;
}
.products-list .product-shop .product-secondary {
    float: right;
    width: 35%;
    text-align: right;
    clear: right;
}

@media only screen and (min-width: 480px) {
    .products-list .product-name a {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1279px) {
    .products-list .product-shop .product-primary,
    .products-list .product-shop .desc {
        float: left;
        width: 60%;
        padding-right: 20px;
    }
    .products-list .product-shop .product-secondary {
        float: right;
        width: 40%;
    }
}
@media only screen and (max-width: 600px) {
    .products-list .product-shop .price-box .special-price {
        padding-left: 0;
    }

    .products-list .product-shop .product-primary,
    .products-list .product-shop .product-secondary,
    .products-list .product-shop .desc {
        float: none;
        width: 100%;
        padding-right: 0;
        text-align: left;
    }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
    float: left;
    min-width: 50px;
}
.mini-products-list .product-details {
    margin-left: 60px;
}
.mini-products-list .product-details .product-name {
    padding-top: 10px;
}
.mini-products-list li {
    margin-bottom: 10px;
    clear: both;
}
.mini-products-list li:after {
    content: '';
    display: table;
    clear: both;
}

.mini-products-images-list:after {
    content: '';
    display: table;
    clear: both;
}
.mini-products-images-list li.item {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
    padding-right: 0;
    padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
    display: block;
}
.mini-products-images-list li.item .product-image img {
    width: 100%;
    max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-image {
    border: 1px solid #DDDDDD;
    /*padding: 10px;*/
}
.category-image img {
    width: 100%;
    max-width: 100%;
}
.category-image img:hidden {
    display: none;
}

/* ============================================ *
 * Layered Navigation
 * ============================================ */
.block-layered-nav .block-subtitle--filter {
    display: none;
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    /*border-width: 1px;
  border-style: solid;
  border-color: $border-color;*/
    border-top: 0;
    position: relative;
    background-color: #0059a9;
    /*$c-module-background;*/
    color: #E6E6E6;
    cursor: pointer;
}
.block-layered-nav .block-subtitle--filter:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #0059a9;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
}
.block-layered-nav .block-subtitle--filter:hover {
    background-color: #ececec;
}

.block-layered-nav .block-content .toggle-tabs {
    display: none;
}
.block-layered-nav .block-content > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    /*border-width: 1px;
  border-style: solid;
  border-color: $border-color;*/
    border-top: 0;
    position: relative;
    background-color: #0059a9;
    /*$c-module-background;*/
    color: #E6E6E6;
    display: block;
}
.block-layered-nav .block-content > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #0059a9;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
}
.block-layered-nav .block-content > dl > dt:hover {
    background-color: #ececec;
}
.block-layered-nav .block-content > dl > dd {
    padding: 10px;
    margin: 0;
    /*border-width: 0 1px;
  border-style: solid;
  border-color: $c-module-border;*/
    background-color: #EEEEEE;
    /* */
}
.block-layered-nav .block-content > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
}

.block-layered-nav dl dd {
    margin-bottom: 10px;
    margin-top: 10px;
}
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
    padding: 5px 5px;
    /* 5px 15px*/
    display: block;
}
.block-layered-nav dl dd ol > li > a .count {
    color: #A0A0A0;
}

/* switch min-width to max-width */
@media only screen and (max-width: 767px) {
    .block-layered-nav .block-content > dl > dt {
        padding-left: 10px;
    }
    .block-layered-nav .block-content > dl > dt:after {
        display: none;
    }
}
/* switch max-width to min-width */
@media only screen and (min-width: 768px) {
    .sidebar .block.block-layered-nav {
        border-bottom: none;
    }

    .block-layered-nav--no-filters .block-title {
        display: block;
    }

    .block-layered-nav .block-content {
        padding-top: 0;
        margin-top: 15px;
        /* accordionCollapse */
    }
    .block-layered-nav .block-content > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .block-layered-nav .block-content > dl > dt:hover {
        color: #0059a9;
    }
    .block-layered-nav .block-content > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #fff;
        border-right: none;
        /* $c-action */
    }
    .block-layered-nav .block-content > dl > dt.last {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content > dl > dd {
        display: none;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #fff;
        border-bottom: none;
        /* $c-action */
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dd.current {
        display: block;
    }

    .block-layered-nav .block-subtitle--filter {
        background-color: #0059a9;
        border: 0;
        margin-bottom: 0;
        display: none;
        color: #FFFFFF;
    }
    .block-layered-nav .block-subtitle--filter:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #FFFFFF;
        border-right: none;
        right: 10px;
        /* 10 */
        top: 50%;
        margin-top: -5px;
    }
    .block-layered-nav .block-subtitle--filter:hover {
        background-color: #00908c;
        color: #FFFFFF;
    }
    .block-layered-nav .block-subtitle--filter.active:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #FFFFFF;
        border-bottom: none;
        right: 10px;
        top: 50%;
        margin-top: -3px;
    }

    #narrow-by-list,
    #narrow-by-list2 {
        border-top: 0;
        padding: 0;
        margin: 0;
    }

    .block-layered-nav dl ol > li > a,
    .block-layered-nav dl ol > li > span {
        padding: 7px;
        margin: 2px 0;
        overflow: hidden;
    }

    .block-layered-nav dl ol > li > a {
        color: #636363;
        background-color: #F4F4F4;
        padding: 5px 10px;
    }
    .block-layered-nav dl ol > li > a:hover {
        text-decoration: none;
        background: #ececec;
    }
}
/* Ansicht Small */
@media only screen and (min-width: 768px) {
    .block-layered-nav .block-content > dl > dt {
        padding-left: 20px;
    }
    .block-layered-nav .block-content > dl > dt:after {
        /*display: none;*/
        border-style: solid none solid solid;
        border-width: 4px medium 4px 4px;
        border-color: transparent -moz-use-text-color transparent #ffffff;
    }
}
@media only screen and (max-width: 767px) {
    .sidebar .block.block-layered-nav {
        border-bottom: none;
    }

    .block-layered-nav--no-filters .block-title {
        display: none;
    }

    .block-layered-nav .block-content {
        padding-top: 0;
        margin-top: 15px;
        /* accordionCollapse */
    }
    .block-layered-nav .block-content > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .block-layered-nav .block-content > dl > dt:hover {
        color: #0059a9;
    }
    .block-layered-nav .block-content > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #fff;
        border-right: none;
        /* $c-action */
    }
    .block-layered-nav .block-content > dl > dt.last {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content > dl > dd {
        display: none;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #fff;
        border-bottom: none;
        /* $c-action */
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .block-layered-nav .block-content.accordion-open > dl > dd.current {
        display: block;
    }

    .block-layered-nav .block-subtitle--filter {
        background-color: #0059a9;
        border: 0;
        margin-bottom: 0;
        display: block;
        color: #FFFFFF;
    }
    .block-layered-nav .block-subtitle--filter:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #FFFFFF;
        border-right: none;
        right: 10px;
        /* 10 */
        top: 50%;
        margin-top: -5px;
    }
    .block-layered-nav .block-subtitle--filter:hover {
        background-color: #00908c;
        color: #FFFFFF;
    }
    .block-layered-nav .block-subtitle--filter.active:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #FFFFFF;
        border-bottom: none;
        right: 10px;
        top: 50%;
        margin-top: -3px;
    }

    #narrow-by-list,
    #narrow-by-list2 {
        padding: 10px;
        border: 1px solid #DDDDDD;
        border-top: 0;
        padding: 0;
        margin: 0;
    }

    .block-layered-nav dl ol > li > a,
    .block-layered-nav dl ol > li > span {
        padding: 7px;
        margin: 5px;
    }

    .block-layered-nav dl ol > li > a {
        color: #636363;
        background-color: #F4F4F4;
        padding: 5px 10px;
    }
    .block-layered-nav dl ol > li > a:hover {
        text-decoration: none;
        background: #ececec;
    }
}
/* */
.block-layered-nav .currently .block-subtitle {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
}
.block-layered-nav .currently ol {
    padding-left: 10px;
    margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
    margin-bottom: 5px;
}
.block-layered-nav .currently ol li .label {
    font-weight: bold;
}
.block-layered-nav .currently ol li:after {
    content: '';
    display: table;
    clear: both;
}

.block-layered-nav .actions {
    text-align: right;
    margin-bottom: 7px;
}

/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
    float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
    margin-top: 8px;
    margin-right: 10px;
}
.product-view .product-essential .extra-info .ratings:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .product-essential:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
    color: #0059a9;
    margin-bottom: 10px;
    border: 0;
}
.product-view .product-shop .price-info {
    text-align: right;
}
.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
    /*   max-width: 70%; */
    margin-bottom: 10px;
}
.product-view .product-shop .short-description {
    margin-bottom: 10px;
    clear: both;
}
.product-view .product-shop .ratings {
    margin-bottom: 8px;
}

.product-view .product-shop .price-box {
    margin-top: 0;
    width: 100% !important;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
    padding-right: 0;
    line-height: 1.2;
}
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
    color: #0059a9;
    font-size: 32px;
}
.product-view .product-shop .price-box .special-price .price-label {
    font-size: 16px;
    text-transform: none;
}
.product-view .product-shop .price-box .special-price span.weee {
    color: #636363;
}
.product-view .product-shop .price-box .special-price span.weee span.price {
    font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
    display: block;
    line-height: 1.2;
    color: #636363;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
}
.product-view .price-box.map-info a {
    display: inherit;
}
.product-view .old-price .price-label {
    display: none;
}
.product-view .add-to-cart-wrapper,
.product-view .block-related {
    width: 50%;
    float: right;
    clear: right;
}

@media only screen and (max-width: 850px) {
    .product-view .product-shop .price-box .price-excluding-tax .label,
    .product-view .product-shop .price-box .price-including-tax .label {
        font-size: 15px;
    }
    .product-view .product-shop .price-box .price-excluding-tax .price,
    .product-view .product-shop .price-box .price-including-tax .price {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .product-view .add-to-cart-wrapper {
        float: none;
        width: 100%;
        clear: both;
    }
    .product-view .product-shop .price-box .price-excluding-tax .label,
    .product-view .product-shop .price-box .price-including-tax .label {
        font-size: 16px;
    }
    .product-view .product-shop .price-box .price-excluding-tax .price,
    .product-view .product-shop .price-box .price-including-tax .price {
        font-size: 20px;
    }
}
@media only screen and (max-width: 420px) {
    .product-view .product-shop .price-box .price-excluding-tax,
    .product-view .product-shop .price-box .price-including-tax {
        margin-bottom: 5px;
    }
    .product-view .product-shop .price-box .price-excluding-tax span,
    .product-view .product-shop .price-box .price-including-tax span {
        display: block;
    }
}
.product-img-box {
    width: 50%;
    float: left;
}
.product-img-box .product-name h1 {
    border: 0;
}
.product-img-box .product-image {
    margin-bottom: 10px;
}

.product-view {
    /* Set a min-height so that the floated elements break appropriately */
}
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .add-to-cart {
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
    min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons .button,
.product-view .add-to-cart-buttons .paypal-logo {
    margin-bottom: 10px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart .qty-wrapper label {
    margin-right: 7px;
    float: left;
}
.product-view .add-to-cart .qty-wrapper label {
    line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qty {
    float: left;
    height: 40px;
}
.product-view .add-to-cart-buttons {
    float: left;
    margin-right: 10px;
    max-width: 100%;
}
.product-view .add-to-cart-buttons .paypal-logo {
    clear: left;
    text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
    margin: 0 auto;
    display: block;
    width: 170px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
    display: block;
    width: 174px;
    margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
    text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1;
    text-align: center;
}
.product-view .add-to-cart-buttons .button {
    min-height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding: 0px 30px;
    float: left;
    min-width: 160px;
    width: 100%;
    white-space: normal;
}
.product-view .alert-price,
.product-view .alert-stock {
    clear: both;
}

@media only screen and (max-width: 479px) {
    .product-view .add-to-cart-buttons .paypal-or {
        line-height: 20px;
    }
    .product-view .add-to-cart-buttons .paypal-logo,
    .product-view .add-to-cart-buttons .paypal-or,
    .product-view .add-to-cart-buttons .paypal-button,
    .product-view .add-to-cart-buttons .button {
        text-align: center;
        width: 100%;
        display: block;
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or {
    display: none;
}

.product-view .add-to-links {
    clear: both;
    margin-top: 0px;
    margin-right: 15px;
    float: left;
}
.product-view .add-to-links:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .add-to-links li {
    float: left;
}
.product-view .add-to-links a {
    margin-left: 7px;

    border: 1px solid #0059a9 !important;
    padding: 1px 15px 2px;
    border-radius: 16px;
}

.product-view .sharing-links a:hover,
.product-view .add-to-links a:hover {
    background: #0059a9 !important;
    color: #fff;
    text-decoration: none;
    opacity: 1 !important;
}


.product-view .sharing-links a {
    border: 1px solid #0059a9 !important;
    padding: 1px 15px 2px;
    border-radius: 16px;
}

.product-view .add-to-links li:first-child a {
    margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
    border-right: 0px;
}

.product-view .sharing-links {
    float: left;
}
.product-view .sharing-links:after {
    content: '';
    display: table;
    clear: both;
}
.product-view .sharing-links li {
    float: left;
    padding: 0px 19px 7px 0;
}
.product-view .sharing-links a {
    text-indent: -9999px;
    display: block;
    width: 26px;
    height: 26px;
}
.product-view .sharing-links a:hover {
    opacity: 0.8;
}
.product-view .sharing-links a.link-wishlist {
    background-position: 0px -225px;
}
.product-view .sharing-links a.link-compare {
    background-position: 0px -250px;
}
.product-view .sharing-links a.link-email-friend {
    background-position: 0px -322px;
}
.product-view .sharing-links a.link-facebook {
    background-position: 0px -425px;
}
.product-view .sharing-links a.link-twitter {
    background-position: 0px -372px;
}

@media only screen and (max-width: 599px) {
    .add-to-box .add-to-links a {
        float: none;
        width: auto;
        text-indent: 0;
    }
}
.product-collateral {
    clear: both;
}

.collateral-tabs dd h2 {
    display: none;
}

.box-collateral {
    clear: both;
}

@media only screen and (min-width: 768px) {
    .product-collateral .toggle-tabs {
        display: block;
        width: 100%;
        position: relative;
        /*border: 1px solid $c-module-border;*/
        background-color: #F4F4F4;
        border-top: 0;
    }
    .product-collateral .toggle-tabs li {
        float: left;
        /*border-right: 1px solid transparent;*/
        /*border-left: 1px solid transparent;*/
        height: 42px;
        border-top: 0;
        top: 0;
    }
    .product-collateral .toggle-tabs li > span {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        display: inline-block;
        padding: 0 30px;
        line-height: 40px;
        cursor: pointer;
        text-transform: none;
        font-size: 12px;
        position: relative;
        bottom: -1px;
        border-left: 1px solid #DDDDDD;
        top: 0;
        left: 0;
        border-top: 0;
        border-right: 1px solid #DDDDDD;
    }
    .product-collateral .toggle-tabs li.current {
        /*border-right: 1px solid $c-module-border;*/
        /*border-left: 1px solid $c-module-border;***/
    }
    .product-collateral .toggle-tabs li.current > span {
        background-color: #FFFFFF;
        z-index: 5;
        height: 42px;
        top: 0;
        /*border-right: 1px solid $c-module-border;*/
        /*border-left: 1px solid $c-module-border;*/
    }
    .product-collateral .toggle-tabs li.current span,
    .product-collateral .toggle-tabs li:hover span {
        color: #0059a9;
    }
    .product-collateral .toggle-tabs li:first-child {
        border-left: none;
    }
    .product-collateral .toggle-tabs:after {
        content: '';
        display: table;
        clear: both;
    }
    .product-collateral > dl {
        width: 100%;
    }
    .product-collateral > dl > dt {
        display: none;
    }
    .product-collateral > dl > dd {
        width: 100%;
        display: none;
        padding: 15px;
        border: 1px solid #DDDDDD;
        border-top: 0;
    }
    .product-collateral > dl > dd.current {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .product-collateral .toggle-tabs {
        display: none;
    }
    .product-collateral > dl > dt {
        margin: 0;
        margin-bottom: 10px;
        color: #636363;
        font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        line-height: 1.4;
        text-rendering: optimizeSpeed;
        text-transform: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        font-weight: normal;
        margin-bottom: 0px;
        padding: 7px 10px 7px 24px;
        /*border-width: 1px;
    border-style: solid;
    border-color: $border-color;*/
        border-top: 0;
        position: relative;
        background-color: #0059a9;
        /*$c-module-background;*/
        color: #E6E6E6;
        display: block;
    }
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #0059a9;
        border-bottom: none;
        left: 10px;
        top: 50%;
        margin-top: -3px;
    }
    .product-collateral > dl > dt:hover {
        background-color: #ececec;
    }
    .product-collateral > dl > dd {
        padding: 10px;
        margin: 0;
        /*border-width: 0 1px;
    border-style: solid;
    border-color: $c-module-border;*/
        background-color: #EEEEEE;
        /* */
    }
    .product-collateral > dl > dd:last-child {
        border-width: 0 1px 1px 1px;
    }
    .product-collateral > dl > dt {
        cursor: pointer;
        border-bottom-width: 0;
    }
    .product-collateral > dl > dt:hover {
        color: #0059a9;
    }
    .product-collateral > dl > dt:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #fff;
        border-right: none;
        /* $c-action */
    }
    .product-collateral > dl > dt.last {
        border-bottom-width: 1px;
    }
    .product-collateral > dl > dd {
        display: none;
    }
    .product-collateral.accordion-open > dl > dt.current {
        border-bottom-width: 1px;
    }
    .product-collateral.accordion-open > dl > dt.current:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        display: block;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 4px solid #fff;
        border-bottom: none;
        /* $c-action */
        left: 6px;
        top: 50%;
        margin-top: -3px;
    }
    .product-collateral.accordion-open > dl > dd.current {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .product-view .product-shop,
    .product-view .add-to-cart-wrapper,
    .product-view .block-related,
    .product-img-box,
    .product-collateral {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (min-width: 768px) {
    .product-view .product-shop .product-name {
        display: block;
    }

    .product-img-box .product-name {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .product-view .product-shop,
    .product-img-box,
    .product-collateral,
    .product-view .block-related,
    .box-collateral {
        margin-bottom: 15px;
    }
}
.product-view .ratings .rating-links {
    clear: left;
    float: left;
    margin-top: 0;
}

.product-attribute-specs-table {
    max-width: 50em;
    border: 1px solid #C0C0C0;
}
.product-attribute-specs-table th {
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper {
    border: solid 1px #C0C0C0;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
    border-bottom: none;
}
@media only screen and (max-width: 479px) {
    .grouped-items-table-wrapper {
        margin-bottom: 15px;
    }
}

.grouped-items-table .name-wrapper {
    color: #0059a9;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.grouped-items-table .qty-wrapper {
    padding-top: 7px;
}
.grouped-items-table .qty-label {
    margin-left: 7px;
}
.grouped-items-table td {
    padding: 4px;
}
.grouped-items-table td:last-child {
    width: 30%;
    text-align: left;
}
.grouped-items-table .price-box {
    text-align: right;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */
.product-options {
    width: 100%;
    margin: 10px 0 0;
    padding: 10px 15px 15px;
    border: 1px solid #DDDDDD;
    clear: both;
    position: relative;
}

.product-options p.required {
    position: absolute;
    top: 6px;
    right: 15px;
    text-align: right;
}

@media only screen and (max-width: 979px) {
    .product-view .product-options .required {
        position: static;
    }
}
.product-options dt {
    margin: 10px 0 3px;
    font-weight: normal;
}

.product-options dt:first-child {
    margin-top: 0;
}

.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0 0;
}

.product-options dd .qty-holder .qty {
    width: 3em;
}

.product-options dd .qty-holder label {
    vertical-align: middle;
}

.product-options dd .qty-disabled {
    background: none;
    border: 0;
    padding: 0 2px;
}

.product-options dd {
    padding: 0 0 10px 0;
    margin: 0 0 5px;
    border-bottom: 1px solid #DDDDDD;
}

.product-options dl.last dd.last {
    border-bottom: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.product-options dd .input-text {
    width: 98%;
}

.product-options dd .input-box {
    padding-top: 0;
}

.product-options dd input.datetime-picker {
    width: 150px;
}

.product-options dd .time-picker {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 2px 0;
    vertical-align: middle;
}

.product-options dd textarea {
    width: 98%;
    height: 8em;
}

.product-options dd select {
    width: 330px;
    max-width: 100%;
}

.product-options ul.options-list {
    margin-right: 5px;
}

.product-options ul.options-list li {
    line-height: 1.5;
    margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
    margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
    float: left;
    margin-top: 5px;
}

.product-options ul.options-list .label {
    display: block;
}

.product-options ul.options-list label {
    font-weight: normal;
}

.product-options p.note {
    margin: 0;
    font-size: 11px;
}

.product-options-bottom {
    background-color: none;
    /*$c-gray-lighter;*/
    padding: 15px 20px;
    border: 1px solid #DDDDDD;
    border-top: 0;
    margin-bottom: 10px;
}

.product-options-bottom:after {
    content: '';
    display: table;
    clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
    float: right;
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0;
    color: #636363;
}
@media only screen and (max-width: 1199px) {
    .product-options-bottom .product-pricing,
    .product-options-bottom .tier-prices {
        float: none;
        width: 100%;
        text-align: right;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #DDDDDD;
    }
}

.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
    color: #636363;
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
    display: none;
    float: right;
    margin: 0 0 10px;
    padding: 0;
}

@media only screen and (max-width: 479px) {
    .product-options-bottom .price-box .price-as-configured {
        text-align: right;
    }
    .product-options-bottom .price-box .price-as-configured .price-label {
        display: block;
    }
}
.product-options-bottom .price-tax {
    float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */
.block-related li {
    margin-bottom: 7px;
}
.block-related .block-title {
    border-bottom: none;
}
.block-related .block-title h2 {
    margin: 0;
    margin-bottom: 0.5em;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: none;
    margin-bottom: 0;
}
.block-related .block-subtitle {
    margin-bottom: 7px;
}
.block-related .product {
    margin-left: 20px;
    position: relative;
}
.block-related .checkbox {
    float: left;
    margin-top: 36px;
}
.block-related .product-details {
    margin-left: 90px;
}
.block-related .product-name {
    margin-bottom: 3px;
}
.block-related .product-details .price-box {
    margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
    float: left;
    margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
    margin-left: 0;
    font-size: 16px;
    padding-right: 5px;
    padding-left: 5px;
}
.block-related .product-details .price-box a .tax-details,
.block-related .product-details .price-box p .tax-details,
.block-related .product-details .price-box span .tax-details {
    padding: 20px;
}
.block-related .product-details .price-box:after {
    content: '';
    display: table;
    clear: both;
}
.block-related .link-wishlist {
    display: none;
}

/* -------------------------------------------- *
 * Upsell Products
 */
.box-up-sell {
    margin-top: 20px;
}
.box-up-sell .ratings {
    display: none;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: right;
    text-transform: uppercase;
}

.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
}

.map-popup {
    background: #FFFFFF;
    border: 5px solid #DDDDDD;
    margin: 12px 0 0;
    position: absolute;
    text-align: left;
    width: 450px;
    z-index: 100;
}
@media only screen and (min-width: 768px) {
    .map-popup.map-popup-right {
        left: 10px !important;
    }
    .map-popup.map-popup-left {
        left: auto !important;
        right: 10px !important;
    }
}
@media only screen and (max-width: 767px) {
    .map-popup {
        width: 100%;
        left: 0px !important;
    }
}
.map-popup .map-popup-heading {
    padding: 8px 10px;
    margin-right: 40px;
    width: auto;
}
.map-popup .map-popup-heading h3 {
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word;
    text-align: left;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-heading h3 {
        text-align: center;
    }
}
.map-popup .map-popup-close {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 36px;
    width: 36px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
}
.map-popup .map-popup-content {
    border-top: 1px solid #F6F6F6;
    padding: 10px;
    margin: 0 10px;
    overflow: hidden;
    text-align: left;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-content {
        text-align: center;
    }
}
.map-popup .map-popup-checkout {
    padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
    content: '';
    display: table;
    clear: both;
}
.map-popup .map-popup-checkout span {
    display: block;
}
.map-popup .map-popup-checkout .button {
    float: left;
    margin: 0 2px;
    clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
    float: left;
    min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
    list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
    width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
    display: inline-block;
    float: left;
    clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: left;
    text-align: center;
    padding: 5px 15px;
    clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
    content: '';
    display: table;
    clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
    clear: left;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-checkout {
        text-align: center;
    }
    .map-popup .map-popup-checkout .button,
    .map-popup .map-popup-checkout .additional-addtocart-box,
    .map-popup .map-popup-checkout .paypal-logo a,
    .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        float: none;
    }
    .map-popup .map-popup-checkout .additional-addtocart-box {
        min-width: 0px;
    }
    .map-popup .map-popup-checkout .paypal-logo .paypal-or {
        margin: 0px;
        margin-bottom: 10px;
    }
}
.map-popup .map-popup-checkout:after {
    content: '';
    display: table;
    clear: both;
}
.map-popup .map-popup-price {
    padding: 10px 0;
}
@media only screen and (max-width: 479px) {
    .map-popup .map-popup-price {
        text-align: center;
        padding-top: 0px;
    }
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
    display: inline-block;
}
.map-popup .map-popup-text {
    padding: 10px 0;
    margin: 0 10px;
    word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
    border-top: 1px solid #F6F6F6;
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
    display: block;
    text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
    content: '';
    display: table;
    clear: both;
}

.compare-table .product-image {
    display: inline-block;
}

.compare-table .product-shop-row.top td {
    padding-bottom: 0;
    border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
    padding-top: 0;
}

/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.cart-table {
    float: left;
    width: 60%;
}

.cart .button {
    white-space: normal;
}

.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
    margin-bottom: 20px;
}

.checkout-cart-index #postcode {
    width: 100%;
}

.display-both-prices .cart-table {
    float: none;
    width: 100%;
}
.display-both-prices .cart-forms {
    float: left;
    padding-right: 10px;
    padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
    padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
    width: 50%;
}
.display-both-prices .crosssell {
    clear: right;
    float: right;
}

@media only screen and (max-width: 979px) {
    .display-single-price .cart-table {
        float: none;
        width: 100%;
    }
    .display-single-price .cart-forms {
        float: left;
        padding-right: 10px;
        padding-left: 0;
    }
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        padding-left: 10px;
    }
    .display-single-price .cart-forms,
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        width: 50%;
    }
    .display-single-price .crosssell {
        clear: right;
        float: right;
    }
}
@media only screen and (max-width: 599px) {
    .product-cart-sku {
        display: none;
    }

    .display-both-prices .cart-forms,
    .display-both-prices .cart-totals-wrapper,
    .display-both-prices .crosssell,
    .display-single-price .cart-forms,
    .display-single-price .cart-totals-wrapper,
    .display-single-price .crosssell {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        float: none;
        width: 100%;
    }
}
.display-single-price:after {
    content: '';
    display: table;
    clear: both;
}

/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.cart .page-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}
.cart .page-title:after {
    content: '';
    display: table;
    clear: both;
}
.cart .page-title h1 {
    float: left;
    border-bottom: none;
    margin-bottom: 6px;
    margin-right: 10px;
}
@media only screen and (max-width: 599px) {
    .btn-checkout {
        width: 100%;
    }
}
.cart-table {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
    border-bottom: none;
    vertical-align: top;
}
.cart-table h2 {
    color: #636363;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.cart-table thead th,
.cart-table tbody td {
    background-color: transparent;
    padding: 10px 5px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table .product-cart-info,
.cart-table .product-cart-actions {
    padding-left: 15px;
}
.cart-table tr {
    border-bottom: 1px solid #DDDDDD;
}
.cart-table tfoot tr {
    background: none;
}
.cart-table tfoot tr > td:after {
    content: '';
    display: table;
    clear: both;
}
.cart-table span.or {
    font-size: 9px;
    padding: 0 5px;
    text-transform: none;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
    display: none;
}
.cart-table .product-cart-image {
    padding-left: 0;
    padding-right: 0;
}
.cart-table .product-cart-image .product-image img {
    max-width: 100%;
    width: 100%;
}
.cart-table .product-cart-image a.cart-edit {
    display: none;
}
.cart-table .product-cart-sku {
    font-family: Georgia, Times, "Times New Roman", serif;
    /*font-style: italic;*/
    font-size: 12px;
    margin: 5px 0 12px;
}
.cart-table .product-cart-sku .label {
    font-weight: 600;
}
.cart-table .btn-empty {
    float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price {
    text-align: center;
}
.cart-table .cart-tax-total {
    position: relative;
    cursor: pointer;
}
.cart-table .cart-tax-total:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #0059a9;
    border-left: none;
    position: absolute;
    top: 3px;
    right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #0059a9;
    border-bottom: none;
    right: -15px;
    top: 6px;
}
.cart-table .cart-links > li {
    white-space: nowrap;
    line-height: 1.3;
    margin-bottom: 5px;
    min-width: 65px;
    font-size: 13px;
}
.cart-table .cart-links > li > a {
    display: block;
}
.cart-table .cart-links > li:last-child {
    margin-bottom: 0;
}
.cart-table .product-cart-actions {
    min-width: 60px;
    text-align: center;
}
.cart-table .product-cart-actions .qty {
    height: 30px;
    border-color: #C0C0C0;
    border-radius: 0;
    margin-bottom: 10px;
    text-align: center;
    width: 3.2em;
}
.cart-table .product-cart-actions .button {
    margin-bottom: 5px;
}
.cart-table .item-options {
    padding-left: 15px;
}

@media only screen and (max-width: 767px) {
    .cart-table th {
        font-size: 12px;
    }
    .cart-table th,
    .cart-table td {
        padding: 7px 6px;
    }
    .cart-table .product-cart-actions > li {
        white-space: inherit;
    }
}
@media only screen and (max-width: 699px) {
    .display-both-prices .cart-table thead th.cart-total-head,
    .display-both-prices .cart-table td.product-cart-total {
        display: none;
    }
}
@media only screen and (max-width: 599px) {
    .cart-table colgroup, .cart-table thead {
        display: none;
    }
    .cart-table tr {
        display: block;
        margin-bottom: 10px;
        padding-bottom: 10px;
        position: relative;
        width: 100%;
    }
    .cart-table tr:after {
        content: '';
        display: table;
        clear: both;
    }
    .cart-table tr:last-child {
        margin-bottom: 0;
    }
    .cart-table tfoot tr {
        padding-bottom: 0;
    }
    .cart-table td {
        border: none;
        display: block;
    }
    .cart-table td[data-rwd-label] {
        padding-left: 15px;
        margin-bottom: 6px;
    }
    .cart-table td[data-rwd-label] .price {
        font-weight: normal;
    }
    .cart-table td[data-rwd-label]:before {
        content: attr(data-rwd-label) ":";
        font-size: 12px;
        font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
        padding-right: 5px;
        text-transform: none;
    }
    .cart-table td.product-cart-price {
        text-align: left;
    }
    .cart-table h2 {
        font-size: 12px;
    }
    .cart-table .cart-links {
        padding-top: 5px;
        padding-right: 5px;
    }
    .cart-table .cart-links > li {
        white-space: normal;
        text-align: center;
    }
    .cart-table .cart-links > li > a {
        padding: 2px 0px;
    }
    .cart-table .cart-tax-info {
        /*font-style: italic;*/
        padding-left: 15px;
        font-size: 13px;
    }
    .cart-table .cart-tax-info .price {
        font-size: 13px;
    }
    .cart-table .product-cart-image {
        width: 25%;
        float: left;
        padding-bottom: 0;
    }
    .cart-table .product-cart-image a.cart-edit {
        display: block;
        font-size: 16px;
        text-align: center;
        text-transform: none;
    }
    .cart-table .product-cart-info,
    .cart-table td[data-rwd-label] {
        float: right;
        width: 75%;
    }
    .cart-table .product-cart-actions,
    .cart-table .product-cart-price {
        padding-bottom: 0;
        padding-top: 0;
        float: right;
    }
    .cart-table .product-cart-remove,
    .cart-table .product-cart-total,
    .cart-table .product-cart-actions .cart-links {
        display: none;
    }
    .cart-table .product-cart-image .cart-links,
    .cart-table .product-cart-info .btn-remove {
        display: block;
    }
    .cart-table .product-cart-actions .button {
        display: none;
    }
    .cart-table .product-cart-info .btn-remove {
        float: right;
        margin: -4px 0px 2px 7px;
    }
    .cart-table .product-cart-info .product-cart-sku {
        margin-bottom: 5px;
    }
    .cart-table .product-cart-actions {
        text-align: left;
    }
    .cart-table .product-cart-actions .qty {
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .cart-table .price,
    .cart-table .product-cart-price:before {
        font-weight: 100;
        font-size: 15px;
        font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
    }
    .cart-table .cart-footer-actions {
        text-align: center;
        width: 100%;
    }
    .cart-table .cart-footer-actions #empty_cart_button {
        float: right;
    }
    .cart-table .cart-footer-actions .btn-continue {
        float: left;
    }
    .cart-table .cart-footer-actions .btn-update,
    .cart-table .cart-footer-actions span.or {
        display: none;
    }

    .display-both-prices .cart-table td[data-rwd-tax-label]:before {
        content: attr(data-rwd-tax-label) ":";
    }
}
/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */
.shipping h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
}
.shipping select {
    max-width: 100%;
    height: 40px;
    display: block;
    border: 1px solid #C0C0C0;
}
.shipping select.validation-failed {
    border-color: #DF280A;
}
.shipping .shipping-desc {
    display: none;
}
.shipping .buttons-set {
    border: none;
    margin: 0;
    padding: 0;
}
.shipping .form-list:after {
    content: '';
    display: table;
    clear: both;
}
.shipping .form-list li {
    float: left;
    margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
    width: 37%;
}
.shipping .form-list .shipping-region {
    width: 41%;
}
.shipping .form-list .shipping-postcode {
    margin-right: 0;
    width: 18%;
}
.shipping .form-list .shipping-postcode input {
    margin-top: 4px;
}
.shipping .form-list .input-box {
    padding-top: 0;
}
.shipping .form-list input {
    height: 30px;
    margin-top: 4px;
}
.shipping .form-list label {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 100;
    text-transform: none;
    white-space: nowrap;
}
.shipping .sp-methods {
    padding: 10px 0 0;
    text-align: left;
}
.shipping .sp-methods dd {
    margin-bottom: 10px;
}
.shipping .sp-methods label {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 12px;
    /*font-style: italic;*/
    min-width: 100px;
}
.shipping .sp-methods label span {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: 100;
    font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
    float: left;
    margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
    border: 1px solid #DDDDDD;
    background-color: #ececec;
    min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
    background-color: #dbdbdb;
}

@media only screen and (max-width: 767px) {
    .shipping .shipping-form .form-list > li {
        width: 100%;
        float: none;
    }
    .shipping .shipping-form .form-list > li label {
        display: block;
    }
    .shipping .shipping-form .form-list > li input,
    .shipping .shipping-form .form-list > li select {
        width: 100%;
    }
}
.cart .cart-totals {
    text-align: right;
}
.cart .cart-totals:after {
    content: '';
    display: table;
    clear: both;
}
.cart .cart-totals table {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: none;
    width: 100%;
}
.cart .cart-totals table td {
    padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
    padding-right: 10px;
    min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
    padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.cart .cart-totals table tfoot td {
    font-size: 24px;
    padding: 2px 5px;
    vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.cart .cart-totals table tfoot strong {
    font-weight: 100;
}

@media only screen and (max-width: 600px) {
    .cart-totals {
        text-align: right;
    }
}
@media only screen and (max-width: 767px) {
    .cart .cart-totals table tfoot td {
        font-size: 18px;
    }
}
.discount-form:after,
#giftcard-form:after {
    content: '';
    display: table;
    clear: both;
}

#discount-coupon-form,
.cart .giftcard {
    width: 100%;
}
#discount-coupon-form h2,
.cart .giftcard h2 {
    display: none;
}
#discount-coupon-form label,
.cart .giftcard label {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    min-width: 105px;
    display: inline-block;
    margin-right: 10px;
}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
    display: inline-block;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
    display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
    display: inline-block;
    vertical-align: bottom;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
    float: left;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
    border-radius: 0;
    width: 190px;
}

.cart .giftcard p {
    margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
    float: left;
    padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
    font-size: 14px;
    text-transform: none;
}

/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {
    color: #0059a9;
}
.crosssell .item a.product-image {
    width: auto;
    float: left;
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 979px) {
    .crosssell {
        /* Undo three-column config */
    }
    .crosssell .products-grid > li:nth-child(even),
    .crosssell .products-grid > li:nth-child(3n),
    .crosssell .products-grid > li {
        width: 47.72727%;
        margin-right: 4.54545%;
    }
    .crosssell .products-grid > li:nth-child(odd) {
        clear: left;
    }
    .crosssell .products-grid > li:nth-child(even) {
        margin-right: 0;
    }
    .crosssell .products-grid > li:nth-child(3n+1) {
        clear: none;
    }
}
@media only screen and (max-width: 599px) {
    .cart-table .cart-tax-total:after {
        right: -9px;
    }
    .cart-table .cart-tax-total.cart-tax-total-expanded:after {
        right: -13px;
    }
}
@media only screen and (max-width: 320px) {
    .crosssell ul .item {
        padding: 0 0px 40px;
    }
    .crosssell ul .product-details .crosssell-actions {
        padding: 0 5px;
    }
}
/* ============================================ *
 * Customer
 * ============================================ */
.customer-account-login .scaffold-form label:first-child {
    width: 115px;
}
.customer-account-login .col2-set .buttons-set {
    text-align: left;
    border-top: 0;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
    float: none;
    min-width: 50%;
    margin: 0;
}
.customer-account-login .col2-set .col-1 ul {
    list-style: disc;
    padding-left: 20px;
    margin: 10px 0 20px 0;
}
@media only screen and (min-width: 480px) {
    .customer-account-login .col2-set .col-1,
    .customer-account-login .col2-set .col-2 {
        padding-top: 0;
        margin-top: 20px;
    }
    .customer-account-login .col2-set .col-1 {
        padding-right: 20px;
    }
    .customer-account-login .col2-set .col-2 {
        padding-left: 20px;
        border-left: 1px solid #F6F6F6;
    }
}
@media only screen and (min-width: 768px) {
    .customer-account-login .col2-set .col-1 {
        padding-right: 0;
    }
    .customer-account-login .col2-set .col-2 {
        padding-left: 60px;
        border-left: 1px solid #F6F6F6;
    }
}
@media only screen and (max-width: 479px) {
    .customer-account-login .col2-set .col-1 {
        padding-bottom: 30px;
    }
    .customer-account-login .col2-set .col-2 {
        padding-top: 30px;
        border-top: 1px solid #F6F6F6;
    }
}
@media only screen and (max-width: 767px) {
    .customer-account-login .col2-set p.required {
        display: none;
    }
}

.customer-account-create .scaffold-form label:first-child {
    width: 140px;
}

.opc #opc-login p:not(.required) {
    font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 13px;
    color: #A0A0A0;
}

.remember-me-box a.hide {
    display: none;
}
.remember-me-box .link-tip {
    font-size: 13px;
    padding-left: 10px;
}

.remember-me-popup {
    display: none;
    border: 1px solid #DDDDDD;
    padding: 10px;
    position: relative;
}
.remember-me-popup.show {
    display: block;
}
.remember-me-popup p {
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
    display: none;
}

.customer-account-forgotpassword .fieldset .input-box input.input-text {
    width: 100%;
}

/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
    position: relative;
    display: block;
    width: 100%;
    /*margin: $gap 0;
  border: 1px solid $c-module-border-light;*/
}
.slideshow-container .slideshow,
.slideshow-container .slideshow-main,
.slideshow-container .slideshow-brands {
    width: 100%;
    padding: 0;
    position: relative;
    margin: 0;
    /*border: 10px solid #FFFFFF;*/
}
.slideshow-container .slideshow > li,
.slideshow-container .slideshow-main > li,
.slideshow-container .slideshow-brands > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
    margin: 0;
}
.slideshow-container .slideshow > li:first-child,
.slideshow-container .slideshow-main > li:first-child,
.slideshow-container .slideshow-brands > li:first-child {
    position: static;
    z-index: 100;
}
.slideshow-container .slideshow > li img,
.slideshow-container .slideshow-main > li img,
.slideshow-container .slideshow-brands > li img {
    max-width: 100%;
    width: 100%;
}

.slideshow-pager {
    text-align: center;
    width: 100%;
    z-index: 115;
    position: absolute;
    bottom: 0px;
    top: auto;
    overflow: hidden;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: none;
}
.slideshow-pager span {
    font-family: arial;
    width: 44px;
    height: 44px;
    display: inline-block;
    color: #DDDDDD;
    cursor: pointer;
}
.slideshow-pager span:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border-radius: 1px;
    background-color: #FFFFFF;
    position: relative;
}
.slideshow-pager span:hover:before {
    background-color: #00908c;
}
.slideshow-pager span.cycle-pager-active:before {
    background-color: #007773;
}
.slideshow-pager > * {
    cursor: pointer;
}

.element-builder .owl-prev,
.element-builder .owl-next {
    position: absolute;
    top: 31%;
    width: 15%;
    max-width: 80px;
    opacity: 0.6;
    z-index: 110;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.brand-slider img{
    max-height: 80px;
}
.brand-slider .product.data.items > .item.content{
    padding:0 !important;
}
.element-builder .owl-prev:before,
.element-builder .owl-next:before {
    content: '';
    width: 0;
    height: 0;
    font-size: 0;
    position: absolute;
    border-style: solid;
    display: block;
    top: 50%;
    margin-top: -15px;
}
.element-builder .owl-prev:hover,
.element-builder .owl-next:hover {
    opacity: 1;
}
.element-builder .owl-prev.disabled,
.element-builder .owl-next.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

.element-builder .owl-prev {
    left: 8px;
}
.element-builder .owl-prev:before {
    border-width: 15px 15px 15px 0;
    border-color: transparent #FFFFFF transparent transparent;
    top: 50%;
    left: 10px;
}
.element-builder .owl-prev:hover:before {
    border-color: transparent #00908c transparent transparent;
}

.element-builder .owl-next {
    right: 8px;
}
.element-builder .owl-next:before {
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #FFFFFF;
    top: 50%;
    right: 10px;
}
.element-builder .owl-next:hover:before {
    border-color: transparent transparent transparent #00908c;
}

.cycle-caption {
    position: absolute;
    color: white;
    bottom: 15px;
    right: 15px;
    z-index: 110;
}

.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 120;
    background: black;
    color: white;
    padding: 15px;
    opacity: .5;
}

/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
    border-bottom: 1px solid #DDDDDD;
    font-size: 16px;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.product-review .product-img-box .rating-box {
    margin: 15px 0;
}
.product-review .product-details h2 {
    border-bottom: 1px solid #DDDDDD;
    color: #3399CC;
    font-size: 16px;
    font-weight: 600;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    padding-bottom: 10px;
}
.product-review .ratings-table {
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.product-review .ratings-table th {
    padding-right: 10px;
}
.product-review .ratings-table tr {
    float: left;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
}
.product-review .ratings-description dt {
    border-bottom: 1px solid #DDDDDD;
    font-size: 16px;
    font-weight: 400;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    margin-top: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}
.product-review .ratings-description dd {
    color: #737373;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
}

@media only screen and (min-width: 768px) {
    .product-review .ratings-table tr {
        float: none;
    }
}
@media only screen and (min-width: 1126px) {
    .product-review .ratings-table tr {
        float: left;
        margin-right: 15px;
    }
}
@media only screen and (max-width: 320px) {
    .product-review .ratings-table tr {
        float: none;
    }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
    border: none;
}
.cms-page-view .column.main img,
.cms-no-route .column.main img {
    max-width: 100%;
}
.cms-page-view .column.main p,
.cms-no-route .column.main p {
    color: #636363;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}
.cms-page-view .column.main h1,
.cms-no-route .column.main h1 {
    color: #0059a9;
}
.cms-page-view .column.main h2,
.cms-no-route .column.main h2 {
    color: #0059a9;
}
.cms-page-view .column.main li,
.cms-no-route .column.main li {
    color: #636363;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
    content: '';
    display: table;
    clear: both;
}

.cms-no-route .column.main img {
    width: 100%;
}

#accordion .toggle-tabs {
    display: none;
}
#accordion > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    /*border-width: 1px;
  border-style: solid;
  border-color: $border-color;*/
    border-top: 0;
    position: relative;
    background-color: #0059a9;
    /*$c-module-background;*/
    color: #E6E6E6;
    display: block;
}
#accordion > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #0059a9;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
}
#accordion > dl > dt:hover {
    background-color: #ececec;
}
#accordion > dl > dd {
    padding: 10px;
    margin: 0;
    /*border-width: 0 1px;
  border-style: solid;
  border-color: $c-module-border;*/
    background-color: #EEEEEE;
    /* */
}
#accordion > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
}
#accordion li {
    position: relative;
    overflow: hidden;
}
#accordion li .plusimage h2 {
    margin-right: 10px;
}

.page-sitemap .links {
    display: block;
    text-align: right;
    margin: 0 20px 0 0;
}
.page-sitemap .links a {
    position: relative;
}
.page-sitemap .sitemap {
    padding: 0 20px;
    margin: 15px 0;
    font-size: 12px;
}
.page-sitemap .sitemap li {
    margin: 3px 0;
}

.contacts-index-index h1 {
    border: none;
}

#contactForm {
    padding-left: 40px;
}
#contactForm h2 {
    display: none;
}
#contactForm:after {
    content: '';
    display: table;
    clear: both;
}
#contactForm .fieldset .legend + .required {
    margin: 0;
}

@media only screen and (max-width: 767px) {
    #contactForm {
        padding-left: 0;
    }
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
    color: #CF5050;
    font-family: "Droid Sans", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.map-info {
    white-space: nowrap;
}

.catalog-product-view .map-info {
    white-space: normal;
}
.catalog-product-view .map-info > span {
    float: right;
    margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
    float: right;
    width: 100%;
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
    padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
}
.notice-cookie .notice-text {
    float: left;
    max-width: 90%;
    padding-top: 4px;
    text-align: left;
}
.notice-cookie .notice-text p {
    padding-bottom: 14.5px;
    line-height: 1.3;
}
.notice-cookie .actions {
    float: left;
    text-align: right;
    padding-bottom: 14.5px;
}

@media only screen and (max-width: 979px) {
    .notice-cookie .notice-text {
        max-width: 86%;
    }
}
@media only screen and (max-width: 767px) {
    .notice-cookie {
        padding: 0 20px;
    }
    .notice-cookie .notice-text {
        max-width: 82%;
        padding-top: 0;
    }
}
@media only screen and (max-width: 620px) {
    .notice-cookie {
        padding: 0 20px;
    }
    .notice-cookie .notice-inner {
        background-position: left 10px;
    }
    .notice-cookie .notice-inner:after {
        content: '';
        display: table;
        clear: both;
    }
    .notice-cookie .notice-text {
        float: none;
        max-width: 100%;
        padding-top: 0;
    }
    .notice-cookie .actions {
        text-align: left;
    }
}
/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
    margin-top: 5px;
    margin-bottom: 10px;
}

#addTagForm .form-add {
    margin-top: 10px;
}

.product-tags {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    float: left;
    margin-bottom: 10px;
    padding: 5px 1% 10px;
    width: 98%;
}

.product-tags li {
    float: left;
    margin-right: 15px;
}

.product-tags li.last {
    margin-right: 0px;
}

.tags-list {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.tags-list > li {
    float: left;
    margin-right: 10px;
}

.block-tags .actions > a {
    font-size: 12px;
}

.my-tag-edit .button.btn-remove {
    padding: 0;
}
.my-tag-edit .button.btn-remove:after {
    color: white;
}

@media only screen and (max-width: 767px) {
    .tags-list > li,
    .tags-list {
        float: none;
    }
}
/* ============================================ *
 * Captcha
 * ============================================ */
.captcha-note {
    clear: left;
    padding-top: 5px;
}

.captcha-image {
    float: left;
    display: inline;
    max-width: 100%;
    position: relative;
    width: 258px;
    margin-bottom: 10px;
}

.captcha-image .captcha-img {
    border: 1px solid #b6b6b6;
    vertical-align: bottom;
    width: 100%;
}

.registered-users .captcha-image {
    margin: 0;
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px;
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear;
}

.customer-account-create .scaffold-form .captcha-input-container label:first-child {
    width: 100%;
}

.captcha-reload {
    position: absolute;
    right: 4px;
    top: 4px;
}

.captcha-img {
    border: 20px solid #bbb;
}

.captcha-input-container {
    margin-bottom: 10px;
}

.control.newsletter-box, .captcha-input-container, .captcha-img-container {
    float: none;
    clear: both;
}
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
    content: '';
    content: '';
    display: table;
    clear: both;
}

/* ============================================ *
 * Checkout Billing Fix to place the Captcha properly
 * ============================================ */
#co-billing-form ul.form-list > .control {
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */
@media only screen and (max-width: 479px) {
    .sales-order-invoice .sub-title,
    .sales-order-creditmemo .sub-title,
    .sales-order-shipment .sub-title {
        float: left;
        font-size: 15px;
        text-align: center;
        width: 100%;
    }
    .sales-order-invoice .order-links,
    .sales-order-creditmemo .order-links,
    .sales-order-shipment .order-links {
        text-align: center;
        width: 100%;
    }
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view th {
    white-space: normal;
}
#recurring_profile_list_view th span {
    white-space: inherit;
}
@media only screen and (max-width: 479px) {
    #recurring_profile_list_view {
        font-size: 12px;
    }
    #recurring_profile_list_view a {
        font-size: inherit;
    }
    #recurring_profile_list_view th,
    #recurring_profile_list_view td {
        padding: 2px;
    }
}

.recurring-profiles-title {
    float: left;
}
.recurring-profiles-title h1 {
    margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
    float: right;
    text-align: right;
    margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
    body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
        text-align: center;
        float: none;
    }
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
    position: static;
}

.recurring-profiles-messages:after {
    content: '';
    display: table;
    clear: both;
}

#recurring_start_date_trig {
    display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
    margin-bottom: 30px;
}
.billing-agreements .info-box:after {
    content: '';
    display: table;
    clear: both;
}
.billing-agreements .info-box .form-list {
    max-width: 400px;
    width: 100%;
}
.billing-agreements .info-box .box-title {
    margin-top: 20px;
    margin-bottom: 7px;
}
.billing-agreements .info-box .button {
    float: right;
    margin-top: 7px;
}
@media only screen and (max-width: 479px) {
    .billing-agreements .info-box .button {
        width: 100%;
        float: none;
    }
}
.billing-agreements #payment_method {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
    max-width: 80%;
}
@media only screen and (max-width: 479px) {
    .billing-agreement-view-header-wrapper .heading {
        max-width: 100%;
    }
}

.billing-agreement-details td, .billing-agreement-details th {
    padding: 3.5px;
}

@media only screen and (max-width: 979px) {
    .billing-agreements .data-table .created-at,
    .billing-agreements .data-table .updated-at {
        display: none;
    }
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
    float: left;
    width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
    float: left;
    height: 40px;
    margin-right: 25px;
}

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
        max-width: 100px;
    }
}

.widget {
    clear: both;
}

.widget .pager {
    float: none;
    width: 100%;
}

@media only screen and (min-width: 1199px) {
    .col2-left-layout .col-main .widget,
    .col2-right-layout .col-main .widget,
    .col3-layout .col-main .widget {
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
        clear: left;
    }
    .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
    .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
    .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
        margin-right: 0;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
        width: 18.22222%;
        margin-right: 2.22222%;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
        clear: left;
    }
    .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
    .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
    .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 768px) {
    .col1-layout .col-main .widget {
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
        /* Config: Columns + flexible gutter */
        /* Undo three-column config */
        /* Set column config */
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
        width: 23.33333%;
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
        clear: left;
    }
    .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
        margin-right: 0;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
        clear: none;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
        width: 18.22222%;
        margin-right: 2.22222%;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
        clear: left;
    }
    .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
        margin-right: 0;
    }
}

/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
    border-collapse: separate;
}
div.calendar table td.button {
    display: table-cell;
    background: inherit;
    color: inherit;
    text-transform: none;
}

/* duc-nh */
.catalog-category-view .sidebar .block-compare {
    display: none;
}
div#checkout-step-login .col-1 ul:not(.form-list) li {
    list-style: disc;
    margin-left: 17px;
    padding-left: 0;
}
.traub-popup-window{
    position: fixed;
    padding-top: 80px;
    height: 100%;
    top: 0px;
    z-index: 2000;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}


.traub-popup-window #popup-traub_close{
    height: 30px;
    background-color: #0059a9;
    margin-left: -15px;
    margin-right: -15px;
}

.traub-popup-window .popup-container{
    background-color: white;
    position: relative;
}

.cta-widget .widget-content{
    display: none;
}

.brands.slider-container .brand-slider-slides{
    background-color: #EEEEEE;
    border: #DDDDDD 1px solid;
}

.brands.slider-container .toggle-tabs{
    background: none;
    list-style: none;
    margin-top: 30px;
    border: none;
    margin-bottom: -1px;
}
.brands.slider-container .toggle-tabs li{
    padding-left: 0;
    margin-left: 0;

}

.cms-home .col-main .std > p{
    display: none;
}

.brands.slider-container .toggle-tabs li span{
    background: #EEEEEE;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 0 30px;
    line-height: 40px;
    cursor: pointer;
    font-size: 18px;
    bottom: -1px;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #0059a9;
    height: 42px;
}
.page-header-container .skip-links .payment-header-block img{
    width: 240px;
}

.page-header-container .skip-links .block-title{
    display: none;
}

.traub-popup-window .product-attribute-specs-table,
.desktop-shipping .product-attribute-specs-table{
    display: none;
}

table[data-src=versand-dropdown] tr > td:first-of-type{
    position: relative;
}

table[data-src=versand-dropdown] tr > td:first-of-type:before{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    display: block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0059a9;
    border-right: none;
    top: 30%;
    margin-top: -3px;
    margin-left: -2px;
}

table[data-src=versand-dropdown] tr > td:first-of-type img{
    margin-left: 20px;
}
.short-description {
    font-size: 16px;
    color: #0059a9;
}

.footer .links ul li {
    margin: 0;
    color: #E6E6E6;
}

.more-views img {
    border: 1px solid #ddd;
    float: left;
    margin: 0px 5px;
}

.more-views h4 {
    display: none;
}

/* Tabs Homepage */
.product-collateral ul.toggle-tabs {
    margin-top: 10px; /* Madison Island CSS */
}

.widget-static-block a.itemMenuName {
    padding: 0;
    margin: 0;
}

.widget-static-block a span {
    padding: 0;
    margin: 0;
    display: block;
    line-height: 25px;
    border-bottom: 1px solid #ccc;
}

/* Slideshow */
ul.slideshow-brands li img {
    display: inline-block;
}

ul.slideshow-brands li a:hover {
    opacity: .5;
}

.slideshow-container .slideshow > li img, .slideshow-container .slideshow-main > li img, .slideshow-container .slideshow-brands > li img {
    width: auto!important;
    padding: 0!important;
    margin: 0!important;
    border: 0!important;
}

.owl-prev, .owl-next {
    max-width: 30px!important;
    z-index:100!important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Product Options */
.product-options .input-box dd {
    padding: 3px;
}

.product-options .input-box dd:nth-child(2n+1) {
    background: #eee;
}

/* Popup-Menu*/
div.wp-custom-menu-popup {
    background: #E2EBF5;
    border-bottom: 1px solid #285CA5;
    border-left: 1px solid #285CA5;
    border-right: 1px solid #285CA5;
    text-align: center;
    padding: 10px;
}

div.menu a:hover {
    background: #E2EBF5 url("../images/icon_sprite.png") no-repeat scroll -25px 15px;
    border-bottom: 1px solid #285CA5;
    border-left: 1px solid #285CA5;
    border-top: 1px solid #285CA5;
    color: #0059a9;
}
.contact_box {
    position: absolute;
    top: -50px;
    right: -190px;
    width:210px;
    height:auto;
    background:#f2f2f2;
    padding: 10px;
    text-align: center;
}
/*
.contact_box {
  position: relative;;
  top: 0px;
  left:0;
  width:210px;
  height:auto;
  background:#f2f2f2;
  padding: 10px;
  text-align: center;
}*/


.contact_box img {
    padding-top:10px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

div#notice-cookie-block {
    background: #0059a9 !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

div#notice-cookie-block.notice-cookie .notice-inner {
    background: none !important;
    padding-left: 0 !important;
    text-align: center;
}

div#notice-cookie-block.notice-cookie .notice-text p {
    color: #fff;
    padding-right: 15px;
    line-height: 26px !important;
}
div#notice-cookie-block.notice-cookie .notice-text,
div#notice-cookie-block.notice-cookie .actions {
    display: inline-block;
    float: none;
}
div#notice-cookie-block.notice-cookie .actions {
    vertical-align: top;
}
.notice-cookie .notice-text a {
    color: #fff;
    text-decoration: underline;
}

.add-to-links a.link-compare {
    display: none;
}

ul.sharing-links li {
    display: none;
}



.product-view .sharing-links .to-print a,
.product-view .sharing-links .link-email-friend-wrapper a.link-email-friend {
    display: block !important;
    text-indent: 0;
    background: none;
    width: auto !important;
    line-height: 22px;
}

.product-view .sharing-links .to-print,
.product-view .link-email-friend-wrapper {
    display: block !important;
}



.itemMenu.level1 > img {
    padding-bottom: 140px;
    position: relative;
}
.itemMenu .widget-static-block.default-widget {
    display: none;
}

.block-line.active .itemMenu .widget-static-block.default-widget {
    display: block;
}
.block-line.active .itemMenu.level1 > img {
    padding-bottom: 60px;
}

.block-line {
    position: relative;
    clear: both;
}

.block-line:before {
    content: "";
    width: 100%;
    top: 188px;
    left: 0;
    border-top: 2px solid #0059a9;
    height: 3px;
    position: absolute;

}
.block-line-before {
    position: absolute;
    top: 175px;
    width: auto;
    content: "Mehr Kategorien...";
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #0059a9;
    background: #fff;
    padding: 0 30px;
    cursor: pointer;
    z-index: 9;
}
.block-line-before:hover {
    text-decoration: underline;
}

.shop_notice_inner {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
}
/********************* megamenu *********************/
#custommenu {
    position: relative;
    font-size: 16px;
    width: 100%;
    border-radius: 2px;
    height: auto;

}
/*IE7 fix*/
*:first-child+html #custommenu {
    z-index: 998;
}
div.menu {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}
div.menu a:link, div.menu a:visited {
    display: block;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    padding-bottom: 0;
}
div.menu a span {
    display: block;
    /*height: 28px;*/
    padding-right: 0px;
    /*padding-top: 12px;*/
    line-height: 50px;
}
div.menu a span:hover {
    cursor: pointer;
}
div.wp-custom-menu-popup {
    position: absolute;
    z-index: 1000;
    display: none;
    text-align: left;
    padding: 0px 0px 10px 0px;
    border-top: 0;
    width: 100%;
    margin-top: -1px;
}
div.menu a, div.wp-custom-menu-popup a {
    text-decoration: none;
    display:block;
    cursor: pointer;
    _height: 0;
    height: auto;
    line-height:13px;
}
div.level1 {
    margin-bottom: 5px;
}
div.level2 {
    margin-bottom: 5px;
}
div.block2 {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}
a.level1:link, a.level1:visited {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 2px;
}
a.level2:link, a.level2:visited {
    padding: 3px 10px;
    border-radius: 2px;
}
/* Clearfix */
div.block2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] div.block2 {
    display: block;
}
* html div.block2 {
    height: 1%;
}
div.block2 p {
    margin-bottom: 3px;
    line-height: 120%;
    color: #000;
    font-size: 11px;
}
div.block2 p a {
    display: inline;
}
div.block2 a img {
    opacity: .9;
    filter: alpha(opacity=90);
}
div.block2 a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
div.block2 .brand a:hover img {
    -webkit-transition: all 0;
    -moz-transition: all 0;
    -ms-transition: all 0;
    transition: all 0;
}
div.wp-custom-menu-popup hr {
    margin: 0px 0px 10px 0px;
}
/******************************************* COLUMN WIDTH ***************************** */

div.column .widget-category-link a span {
    display: block;
    padding: 5px 0;
    margin: 5px 0px;
}

div.itemSubMenu {
    margin-left: 0px;
}
.clearBoth {
    clear:both;
    height: 0;
    overflow: hidden;
}
div.level1 {
    margin-bottom: 0px;
}
/*BG*/
#custommenu {
}
div.wp-custom-menu-popup {
    background-color: #fff;
    border: solid 1px #ddd;
    border-top: none;
}
div.menu a:link, div.menu a:visited {
}
div.menu a:hover {
    background: #f1f1f1;
}
div.menu a, div.wp-custom-menu-popup a {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
}
div.menu .brand a, div.wp-custom-menu-popup .brand a {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    transition: all 0s linear;
}
/*FONTS*/
div.menu {
    font-weight: normal;
    font-size: 20px;
    text-transform: normal;
    font-family: "Mako", "Helvetica Neue", Verdana, Arial, sans-serif;
    line-height: 0;
    letter-spacing: 1px;

}
a.level1:link, a.level1:visited {
    text-transform: none;
    font-weight: normal;
}
a.level2:link, a.level2:visited {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    margin-left: 0px;
}
/*COLOR*/
#custommenu {
    background-color: #0059a9;
}
div.menu a:link, div.menu a:visited {
    background: #0059a9 url('../images/icon_sprite.png') no-repeat 25px 15px; /* #00AAA5 */
    color: #fff;
    text-transform: normal;
    text-indent: 40px;
}
div.menu a:link, div.menu a:visited {
    background-color: #fff;
    background-position: -28px 15px;
    color: #0059a9;
    border: 1px solid #0059a9;
    -webkit-box-shadow: inset 0px 0px 0px 1px #0059a9;
    -moz-box-shadow: inset 0px 0px 0px 1px #0059a9;
    box-shadow: inset 0px 0px 0px 1px #0059a9;
}
div.menu a span {
    line-height: 48px;
}

a.level1:link, a.level1:visited {
    color: #636363;
}
a.level2:link, a.level2:visited {
    color: #636363;
}
div.menu a:hover,
div.menu.act a,
div.menu.active a {
    background: #fff url('../images/icon_sprite.png') no-repeat -25px 15px;
    color: #0059a9;
    /*background-color: #fff;*/
    /*border-bottom: 5px solid #fff;*/
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
a.level1:hover, a.level1.act, a.level1.actParent {
    color: #3399cc;
}
a.level2:hover, a.level2.act, a.level2.actParent {
    color: #3399cc;
}
.block2 table.brand {
    float: left;
}
.block2 .single_menu_product {
    float: left;
    position: relative;
    max-width: 150px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 0px;
}
/*MOBILE MENU STYLES*/
#menu-button, .parentMenu {
    display: inline-block;

}
html[xmlns] #menu-button, html[xmlns] .parentMenu {
    display: block;
}
* html #menu-button, * html .parentMenu {
    height: 1%;
}
#menu-button:after, .parentMenu:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#custommenu-mobile {
    position:relative;
    margin: 0 auto;
    padding: 0;
    z-index: 999;
}
#menu-button {
    float: none;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #fff;
    text-transform: normal;
    display: none;
}
#menu-button a:link, #menu-button a:visited {
    color: #fff;
    display: block;
    float: left;
    margin-left: 45%;
    position: relative;
    padding: 0px 10px;
}
#menu-button a span:after {
    display: block;
    position: relative;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 4px solid #dadada;
    margin: 8px 0px 0px 5px;
    float: right;
    opacity: 0.7;
}
#menu-button:hover {
    cursor: pointer;
}
#menu-button:hover a:after {
    opacity: 1;
}
.menu-mobile div.column {
    float:none;
    padding:5px;
    background: #fff;
}
.menu-mobile a.itemMenuName {
    display: block;
    text-align: left;
}
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
    float: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #fff;
}
.menu-mobile div.column {
    float: none;
    width: 100%;
    padding: 0px 0;
    margin: 0px 0px 0px 0px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 10px 10px;
    border-radius: 2px;
    color: #000;
}
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {
    padding: 10px 10px;
    border-radius: 2px;
}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
    color: #555;
}
.menu-mobile a.level1:hover {
    background-color: #f1f1f1;
}
.menu-mobile .parent {
    background-color: #fff;
}
/*buttons level 01*/
.menu-mobile .parentMenu {
    padding: 0px 0px;
    display: block;
    text-align: left;
    border-bottom: 1px solid #dadada;
}
.menu-mobile .parentMenu a:link,
.menu-mobile .parentMenu a:visited {
    padding: 10px 0px 10px 10px;
    margin-right: 80px;
    color: #636363;
    display: block;
}
.menu-mobile .parentMenu:hover {
    cursor: pointer;
}
.parentMenu {
    position: relative;
}
.parentMenu a {
    display: block;
}
#menu-button {
    cursor: pointer;
}
.menu-mobile div.level2 {
    margin-bottom: 0;
}
.menu-mobile a:hover {
    text-decoration: none;
}
.menu-mobile.level0 .parentMenu a:link,
.menu-mobile.level0 .parentMenu a:visited {
    text-transform: uppercase;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited,
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
    text-transform: none;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited {
    margin-left: 20px;
}
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
    margin-left: 40px;
}
.menu-mobile .parentMenu a:hover,
.menu-mobile .parentMenu a.act,
.menu-mobile .parentMenu a.actParent {
    color: #3399cc;
}
#custommenu-mobile .button {
    cursor: pointer;
    position: absolute;
    right: 1%;
    top: 0px;
    display: block;
    width: 80px;
    height: 38px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
}
#custommenu-mobile .button.open {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
}
#custommenu-mobile .level1 .button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
}
#custommenu-mobile .level1 .button.open {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
}
/*BG*/
#custommenu-mobile  .parentMenu:hover a:link, #custommenu-mobile  .parentMenu:hover a:visited, #custommenu-mobile  .parentMenu:hover {
    background-color: #fff;
}
#custommenu-mobile .level0 {
    background-color: #ededed;
}
#custommenu-mobile .level1 {
    background-color: #e4e4e4;
}
#custommenu-mobile .level2 {
    background-color: #f1f1f1;
}
.page-header-container{
    margin-bottom:20px;
}
.page-header-container .top{
    padding:15px 0;
}
.footer .footer-bottom-col1, .footer .footer-bottom-col2, .footer .footer-bottom-col3, .footer .footer-bottom-col4{
    font-size: 12px;
    display: inline-block;
    color: #e6e6e6;
}
.footer p{
    margin:0;
}
.footer .footer-bottom-col4:last-child{
    margin-right: 0;
}
.footer .footer-bottom-col4 img {
    width: 100%;
    height: auto;
    max-width: 150px;
}
.cms-index-index .slider.owl-carousel.nav-small .owl-nav button span{
    display: none;
}
.cms-index-index .slider.owl-carousel.nav-small .owl-nav{
    position: static;
}
.cms-index-index .slider.owl-carousel .owl-prev, .cms-index-index .element-builder .owl-next{
    top: 50%;
}
.cms-index-index .slider.owl-carousel.nav-big .owl-nav button.owl-prev,
.cms-index-index .slider.owl-carousel.nav-big .owl-nav button.owl-next{
    margin: 0;
}
.cms-index-index .slider.owl-carousel .owl-item img {
    width: calc(100% - 20px);
    margin: 0 10px;
    line-height: 0;
    vertical-align: middle;
}
.cms-index-index .slider.owl-carousel .owl-item a {
    display: flex;
    height: 90px;
    align-items: center;
}
/** Store switch */
.store_switcher .list-store li.store{
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 15px 0 0;
    border: 1px solid transparent;
}
.store_switcher .list-store li.store:not(.active) a{
    color: #fff;
}
.store_switcher .list-store li.store:not(.active):hover a{
    text-decoration: none;
}
.store_switcher .list-store li.store.active{
    background: #fff;
}
.store_switcher .list-store li.store:not(.active):hover{
    border-color: #fff;
}
.store_switcher .list-store li.store.lang{
    display: none;
    border-color: #fff;
}
/** End */
.products-sliders.block-new-products .owl-next:before,
.products-sliders.block-new-products .owl-prev:before,
.products-sliders .block-products-list .owl-next:before,
.products-sliders .block-products-list .owl-prev:before{
    display: none;
}
.element-builder.tab .products-sliders.block-new-products .owl-nav,
.element-builder.tab .products-sliders .block-products-list .owl-nav{
    position: absolute;
    top: -95px;
    right: -20px;
}
.products-sliders.block-new-products .owl-prev,
.products-sliders.block-new-products .owl-next,
.products-sliders .block-products-list .owl-prev,
.products-sliders .block-products-list .owl-next{
    position: static;
}
.product.data.items>.item.title>.switch{
    border: 0;
    right: 0;
}
/**
    Amasty Cart
 */

#confirmBox{
    border: 0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) !important;
}
#confirmOverlay,
#amprogress{
    background: transparent !important;
}
#amprogress{
    display: none !important;
}
#confirmBox #messageBox p:last-child{
    border-right: 0 !important;
}
span#tooltip-label.label{
    display: none !important;
}
.field-tooltip{
    top: 0 !important;
}
/**
    Check out
 */
.checkout-index-index .header.content{
    padding: 30px 0;
}
.checkout-index-index .header.content .logo img{
    margin: auto;
}
.cart span.product-image-container {
    width: 80px !important;
}
.minicart-items .product-image-photo,.minicart-items .product-image-container,.minicart-items .product-image-container img{
    width: 87px !important;
    height: 87px !important;
}
.opc-wrapper .fieldset>.checkout-agreement.field.required>label:after, .opc-wrapper .fieldset>.checkout-agreement.field._required>label:after{
    content: '';
    margin-left: 0;
}

.checkout-index-index .additional-options .checkout-agreements .action-show {
    margin-left: 5px;
}

.checkout-index-index .additional-options .checkout-agreements .action-show:before {
    content: '*';
    color: #e02b27;
    font-size: 1.4rem;
    margin: 0;
    margin-left: -10px;
}

.popup-fix-footer .help-marker {
    position: fixed;
    top: 40%;
    z-index: 2000;
    padding: 15px;
    background-color: #00aaa5;
    color: #fff;
    cursor: pointer;
    transform: rotate(90deg);
    right: -50px;
    font-size: 16px;
}
.popup-fix-footer .widget-content .contact_box {
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 1000;
    width: 225px;
    padding: 20px;
}
.owl-carousel{
    display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}
.catalog-product-view .crosssell.block{
    margin-top: 20px;
}
.catalog-product-view .crosssell.block .block-title strong{
    font-weight: 400;
    font-size: 1.3em;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
}
.catalog-product-view .crosssell.block .product-item-info{
    text-align: left;
    display: flex;
}
.catalog-product-view .crosssell.block .product-item-photo{
    margin-right: 20px;
    border: 1px solid #eee;
    max-width: 80px;
}
.catalog-product-view .crosssell.block .product-item-name,
.catalog-product-view .crosssell.block .product-item .price-box{
    min-height: auto !important;
    margin-top: 0;
    margin-bottom: 0;
}
.catalog-product-view .crosssell.block .price-box .price{
    font-size: 1.4em!important;
}
.catalog-product-view .crosssell.block input[type=checkbox]{
    display: block;
    margin-right: 10px;
}
.catalog-product-view .crosssell.block .product-item{
    margin-bottom: 15px;
}
.fotorama__wrap .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img,
.fotorama__wrap .fotorama__nav-wrap .fotorama_horizontal_ratio .fotorama__img{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    position: absolute;
    left: auto;
    top: 50%;
    width: 100%;
}
.catalog-product-view .product-info-social{
    width: 100%;
    float: right;
    margin-top: 20px;
}

.catalog-product-view .anchor-link-manufacturer {
    float: left;
    width: 50%;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}

.catalog-product-view .anchor-link-manufacturer:hover {
    text-decoration: none;
}

.crosssell.block{
    float: right;
}

.customer-account-create .fieldset>.field:not(.choice)>.control{
    width: 100%;
    float: none;
}
.customer-account-create .fieldset>.field:not(.choice)>.label{
    margin-bottom: 5px;
}
.customer-account-create .fieldset>.field{
    margin-bottom: 20px;
}
.customer-account-create .fieldset{
    margin-bottom: 0;
}
.customer-account-create .fieldset.create.account{
    margin-top: 0;
}
.form-create-account .actions-toolbar .primary{
    float: right;
}
.form-create-account .actions-toolbar .secondary {
    display: block;
    float: left;
}
.customer-account-create .page-title-wrapper h1{
    margin-bottom: 30px !important;
}
.form-create-account .actions-toolbar{
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.form-create-account .messages{
    margin-bottom: 0;
}
.products-list .product-item-photo{
    width: 210px;
    max-width: 100%;
}
.checkout-payment-method .checkout-billing-address{
    padding-left: 0;
}
.checkout-index-index .opc-wrapper.am-opc-wrapper .payment-method-content{
    padding-left: 33px;
}
.account-cart-wrapper .account-links{
    display: inline;
    position: relative;
}
.account-cart-wrapper .links{
    position: absolute;
    border: solid 1px #ddd;
    display: none;
    z-index: 200;
    width: 180px;
    right: 0;
    top: calc(100% + 5px);
    background: #fbfbfb;
}
.account-cart-wrapper .account-links.active .links{
    display: block;
}
.account-cart-wrapper .links li{
    margin-bottom: 0;
}
.account-cart-wrapper .links a{
    position: relative;
    display: block;
    padding: 5px 10px;
    line-height: 23px;
    text-align: left;
}
#layered-filter-block-mobile .block.filter .filter-title{
    padding-bottom: 0;
    border: 0;
}
#layered-filter-block-mobile .block.filter .filter-title strong{
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 10px 7px 24px;
    text-align: left;
    background-color: #0059a9;
    border-radius: 0;
    margin: 0;
    color: #fff;
}
#layered-filter-block-mobile .block.filter .filter-title strong:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #fff;
    border-right: none;
    border-style: solid none solid solid;
    border-width: 4px medium 4px 4px;
    left: 12px;
    top: 14px;
}
#layered-filter-block-mobile .block.filter .filter-title strong:after{
    display: none;
}
#layered-filter-block-mobile .block.filter:not(.active) .filter-content{
    display: none;
}
.filter-options dt.filter-options-title:before{
    border-left: 4px solid #fff;
}
#layered-filter-block-mobile .block.filter .filter-title strong{

}
#layered-filter-block-mobile .filter-options .filter-options-title:before{
    border-left: 4px solid #636363;
}
.am-attachments-tab .am-fileicon{
    display: none;
}
.checkout-index-index .shipping-method-buttons-container{
    display: none;
}
.checkout-index-index .required-note{
    color: #df280a;
}
.checkout-index-index .checkout-agreement .mage-error{
    color: #df280a;
    margin-top: -10px;
    margin-left: 35px;
}

.account-cart-wrapper .account-links {
    float: left;
}
.account-cart-wrapper .account-links .login {
    display: block;
    position: absolute;
    width: 100px;
    left: -25px;
    font-size: 12px;
}

.minicart-items .item-qty {
    width: 50% !important;
}

.cart.table-wrapper .col.qty .control input {
    width: 80% !important;
}

.checkout-index-index .opc-block-summary .minicart-items input.qty {
    width: 40% !important;
}


.seo-row {
    background-color: #eeeeee;
    padding: 1em;
    margin-top: 2em;
    margin-bottom: 1.5em;
}

.seo-row div {
    padding: 15px;
    margin: 0 0 1.5em;
}

.seo-row h1 {
    font-family: "droid sans",helvetica neue,Verdana,Arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .7em;
    font-style: normal;
    text-rendering: optimizeLegibility;
    text-transform: none;
    color: #0059a9;

}

.seo-row img{
    display: inline;
}

.seo-row a {
    font-weight: bold;
    color: #0059a9;
}

.production-preview-row {
    padding: 1em;
    padding-bottom: 30px;
    margin-top: 2em;
    margin-bottom: 1.5em;
    border-bottom: solid;
    border-width: 1px;
    border-color: #cccccc;
}

.production-preview-row ul {
    list-style: disc;
    padding: .7em;
    padding-left: 1em;
}

.production-preview-row h2 {
    font-weight: 700;
    font-size: xx-large;
}

.production-preview-column h3 {
    padding-top: 15px;
}

.production-preview-column {
    position: relative;
}

@media only screen and (min-width: 768px) {
    .production-preview-column {
        position: relative;
    }

    .production-preview-column a {
        position: absolute;
        bottom: -30px;
    }
}

div.vatId-info {
    margin-left: .5em;
}

span.payment-info {
    color: #df280a;
    font-weight: 700;
    line-break: auto;
}
