article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:hover, a:active { outline: 0; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { /* Responsive images (ensure images don't scale beyond their parents) */ max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }

#map_canvas img, .google-maps img { max-width: none; }

button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }

button, input { *overflow: visible; line-height: normal; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

textarea { overflow: auto; vertical-align: top; }

@font-face { font-family: "fontawesome"; src: url("/templates/divesupport/fonts/font-awesome/fontawesome-webfont.eot"); src: url("/templates/divesupport/fonts/font-awesome/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("/templates/divesupport/fonts/font-awesome/fontawesome-webfont.woff") format("woff"), url("/templates/divesupport/fonts/font-awesome/fontawesome-webfont.ttf") format("truetype"), url("/templates/divesupport/fonts/font-awesome/fontawesome-webfont.svg#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
/*
*   body
*/
body { margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1; color: #000000; background-color: #eeeeee; }

/*
*   hr
*/
hr { display: block; height: 1px; border: none; border-top: 1px solid #d4d8d9; }
hr.hr-dotted { border-top-style: dotted; }
hr.hr-gray { border-top-color: #969696; }

/*
*   links
*/
a { color: #000000; text-decoration: none; }
a > span, a .asf { color: #000000; }
a:hover { color: #f25e13; }
a:hover > span, a:hover .asf { color: #f25e13; }

/*
*   lists
*/
ul { margin: 0px; padding: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; }

/*
*   p
*/
p { margin: 0; padding: 0; }

/*
*   headings
*/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; color: #000000; text-rendering: optimizelegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #000000; }

h1 { font-size: 1.2em; }

h2 { font-size: 1em; }

h3 { font-size: 0.9em; }

/*
*   content columns
*/
.default-columns { position: relative; width: 100%; float: left; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.default-columns.clearnone { clear: none; }

.column { width: 100%; position: relative; display: block; margin-bottom: 2.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.column.column-shadow { -webkit-box-shadow: 7px 7px 7px 1px #cecece; -moz-box-shadow: 7px 7px 7px 1px #cecece; box-shadow: 7px 7px 7px 1px #cecece; }

[class$="columns-two"] > .column { width: 48.75%; margin-right: 2.5%; float: left; margin-bottom: 2.5%; }
[class$="columns-two"] > :nth-child(2n+2) { margin-right: 0; }

[class$="columns-three"] > .column { width: 31.66667%; margin-right: 2.5%; float: left; margin-bottom: 2.5%; }
[class$="columns-three"] > :nth-child(3n+3) { margin-right: 0; }

[class$="columns-four"] > .column { width: 23.125%; margin-right: 2.5%; float: left; margin-bottom: 2.5%; }
[class$="columns-four"] > :nth-child(4n+4) { margin-right: 0; }

[class$="columns-five"] > .column { width: 18%; margin-right: 2.5%; float: left; margin-bottom: 2.5%; }
[class$="columns-five"] > :nth-child(5n+5) { margin-right: 0; }

[class$="columns-eight"] > .column { width: 10.3125%; margin-right: 2.5%; float: left; margin-bottom: 2.5%; }
[class$="columns-eight"] > :nth-child(8n+8) { margin-right: 0; }

/*
*   wrapper
*/
.wrapper { position: relative; width: 1000px; margin: auto; background-color: #fff; -webkit-box-shadow: 0px 0px 15px 5px rgba(179, 180, 182, 0.8); -moz-box-shadow: 0px 0px 15px 5px rgba(179, 180, 182, 0.8); box-shadow: 0px 0px 15px 5px rgba(179, 180, 182, 0.8); }
.wrapper .overlay { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 5000; cursor: pointer; background-color: rgba(0, 0, 0, 0.3); }

/*
*   default styles for all containers
*/
.container-fluid { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
*   header container
*/
header.container-fluid { padding: 10px; background: url("../img/bg-header.gif") top left repeat-x #09046b; }
header.container-fluid .header-logo { display: block; float: left; width: 215px; }
header.container-fluid .header-logo > img { display: block; width: 100%; }

/*
*   content container
*/
section.container-fluid { min-height: 500px; float: left; background-color: transparent; padding: 15px 10px 15px 10px; }

/*
*   footer container
*/
footer.container-fluid { z-index: 1; float: left; padding: 20px 10px; }
footer.container-fluid .footer-contact { display: none; padding: 0px 10px; margin-bottom: 40px; }
footer.container-fluid .footer-contact > div { float: left; background-color: #3f3f3f; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
footer.container-fluid .footer-contact > div .asf { color: inherit; }
footer.container-fluid .footer-contact > div.left { width: 88%; margin-right: 2%; padding: 10px 13px; }
footer.container-fluid .footer-contact > div.right { width: 10%; padding: 10px 0px; }
footer.container-fluid .footer-info { display: none; padding: 0px 10px; margin-bottom: 40px; }
footer.container-fluid .footer-info div { width: 50%; }
footer.container-fluid .footer-info span { display: block; margin-bottom: 10px; font-size: 0.8em; }
footer.container-fluid .footer-info span i { width: 20px; text-align: left; }
footer.container-fluid .footer-boxes { padding: 10px; border: 3px solid #eee; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
footer.container-fluid .footer-box-own { margin-top: 30px; font-size: 0.8em; }
footer.container-fluid .footer-copyright { margin-top: 70px; font-size: 0.8em; font-weight: bold; text-align: center; }

/*
*   index layout 2 columns left
*   2columns-left.html
*/
.columns-two-left { position: relative; float: left; width: 100%; }
.columns-two-left .column-left { float: left; display: block; width: 21%; }
.columns-two-left .column-middle { float: left; width: 79%; min-height: 500px; padding-left: 20px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.content-padding { padding: 0px 55px 0px 50px; }

.content-head { margin-bottom: 8px; padding: 7px 0px; font-size: 1em; font-weight: bold; color: #000; }

.content-default { position: relative; margin-bottom: 15px; }

.content-text { font-size: 0.8em; line-height: 1.3; }

.content-line { margin-bottom: 15px; }

.content-box { border: 1px solid #afafaf; background-color: #fff; -webkit-box-shadow: 1px 1px 4px 0px #afafaf; -moz-box-shadow: 1px 1px 4px 0px #afafaf; box-shadow: 1px 1px 4px 0px #afafaf; }
.content-box .head, .content-box .content { padding: 10px; }
.content-box .head { background-color: #e6e6e6; font-size: 0.8em; font-weight: bold; }
.content-box .content { position: relative; background-color: #fff; }
.content-box .content.content-links a { display: block; padding-bottom: 10px; font-size: 0.8em; }
.content-box .content.content-links a .asf { width: 20px; margin-right: 5px; font-size: 1.2em; text-align: left; color: #a2a2a2; }

/*
*   forms
*/
form { width: 100%; margin: 0; padding: 0; }

.form-buttons { position: relative; /* set form inline-block for checkout success */ }
.form-buttons.absolute { position: absolute; }
.form-buttons.bottom { bottom: 10px; }
.form-buttons.left { left: 10px; }
.form-buttons.right { right: 10px; }
.form-buttons > * { margin-right: 5px; }
.form-buttons > *:last-child { margin-right: 0; }
.form-buttons > form { display: inline-block; width: auto; }

.form-link { font-size: 0.8em; }

/*
*   form default list
*/
.form-list-default { position: relative; width: 100%; float: left; margin: 0; padding: 0; }
.form-list-default > li { width: 100%; clear: both; float: left; margin-bottom: 8px; }
.form-list-default > li > label { position: relative; float: left; display: block; width: 44%; margin-right: 1%; padding: 10px 0; font-size: 0.8em; }
.form-list-default > li > label.full { width: 100%; }
.form-list-default > li > label em { position: absolute; top: 8px; margin-left: 2px; color: #cf0f0f; font-style: normal; font-size: 0.7em; }
.form-list-default > li > div { position: relative; float: left; width: 55%; }
.form-list-default > li > div.form-error { width: 100%; }
.form-list-default > li > div.form-vvcode { position: relative; width: 200px; height: 40px; border: 1px solid #d4d4d4; background-color: #fff; text-align: center; }
.form-list-default > li > div.form-vvcode .form-captcha-reload { display: block; position: absolute; width: 33px; height: 33px; right: -38px; top: 50%; margin-top: -16.5px; }
.form-list-default > li > div.form-vvcode .form-captcha-reload .asf { font-size: 1.3em; margin-top: 6px; }
.form-list-default > li:last-child { margin-bottom: 0; }

/*
*   form list vertical label, div inherit .form-list-default styles
*/
.form-list-vertical { float: none; }
.form-list-vertical > li { float: none; margin-bottom: 8px; }
.form-list-vertical > li > label { float: none; width: 100%; margin-right: 0px; padding: 0 0 5px 0; }
.form-list-vertical > li > div { float: none; width: 100%; }

/*
*   form error
*   
*   <span class="form-error" form-error-id="ID">TEXT</span>
*/
.form-error { display: none; margin-left: 5px; padding: 5px 0; font-size: 0.8em; color: #cf0f0f; line-height: 1.3; }
.form-error:before { display: inline-block; margin-right: 5px; font-family: fontawesome; content: "\f176"; }

/*
*   address inputs
*/
.address { float: left; }
.address.address-street, .address.address-city { width: 77%; }
.address.address-street { margin-right: 3%; }
.address.address-city { margin-left: 3%; }
.address.address-number, .address.address-code { width: 20%; }

/*
*    dob inputs
*/
.dob { float: left; }
.dob.dob-day, .dob.dob-month, .dob.dob-year { width: 32%; }
.dob.dob-day, .dob.dob-month { margin-right: 2%; }

/*
*   inputs
*/
textarea, select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="date"], input[type="email"] { display: inline-block; width: 100%; padding: 6px 8px 6px 8px; vertical-align: middle; color: #454545; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d4d4d4; background-color: #fcfcfc; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }

textarea { height: auto; resize: vertical; }

textarea:focus, select:focus, input:focus { border-color: #aeaeae; }

/*
*   checkbox & radio
*/
.radio, .checkbox { padding: 6px 0px; display: block; font-size: 0.8em; }
.radio small, .checkbox small { font-size: 0.8em; }
.radio span, .checkbox span { display: inline-block; margin-left: 28px; margin-top: -18px; }

.radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-right: 10px; }

.radio.inline, .checkbox.inline { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.radio.right > *, .radio.right input, .checkbox.right > *, .checkbox.right input { margin-right: 0; margin-left: 10px; }

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }

/*
*   styled select field
*   <div class="select-styled"><select>...</select></div>
*/
.select-styled { position: relative; }
.select-styled:after { position: absolute; top: 5px; bottom: 5px; right: 1px; width: 30px; padding: 4px 0px; content: '\f107'; border-left: 1px solid #d4d4d4; pointer-events: none; font-family: fontawesome; font-weight: normal; font-size: 1em; text-align: center; color: #454545; }
.select-styled:before { position: absolute; content: ''; display: block; top: 1px; right: 1px; width: 30px; height: 24px; pointer-events: none; }
.select-styled select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; background-color: transparent; }
.select-styled select::-ms-expand { display: none; }
.select-styled select option { padding: 1px 8px; }

.select-styled, .select-styled:before, .select-styled:after { background-color: #fafafa; background-image: -moz-linear-gradient(top, #fff, #f3f3f3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f3f3f3)); background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); background-image: -o-linear-gradient(top, #fff, #f3f3f3); background-image: linear-gradient(to bottom, #ffffff, #f3f3f3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3', GradientType=0); }

/*
*   buttons
*/
.btn { position: relative; display: inline-block; border: none; padding: 6px 12px; margin-bottom: 0; cursor: pointer; vertical-align: middle; text-align: center; text-decoration: none; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3; *display: inline; *zoom: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color: #fff; background-color: #908e8f; }
.btn > .asf { color: inherit; }
.btn.btn-small { padding: 2px 9px; }
.btn.btn-no-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.btn.btn-radius-right { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; }
.btn.btn-radius-bottom { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }
.btn:hover { color: #fff; background-color: #f25e13; text-decoration: none; }
.btn:hover > .asf { color: inherit; }

.btn-primary { color: #fff; background-color: #f25e13; }
.btn-primary:hover { background-color: #f25e13; }

.btn-asf-left .asf { margin-right: 12px; }

.btn-asf-right .asf { margin-left: 12px; }

.btn-gradient-gray { background-color: #efefef; background-image: -moz-linear-gradient(top, #fafafa, #dfdfdf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dfdfdf)); background-image: -webkit-linear-gradient(top, #fafafa, #dfdfdf); background-image: -o-linear-gradient(top, #fafafa, #dfdfdf); background-image: linear-gradient(to bottom, #fafafa, #dfdfdf); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFAFA', endColorstr='#FFDFDFDF', GradientType=0); text-shadow: 1px 1px 1px #fff; border: 1px solid #e6e6e6; color: #4b4949; }
.btn-gradient-gray:hover { color: #636161; }

.btn-close { position: absolute; display: block; width: 26px; height: 26px; line-height: 26px; right: -13px; top: -13px; z-index: 9999; background-color: #fff; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.4); text-align: center; text-decoration: none; font-size: 1.4em; color: #898989; }
.btn-close:hover { color: #f25e13; }
.btn-close .asf { color: inherit; }

/*
*   tables
*/
table { max-width: 100%; border-collapse: collapse; border-spacing: 0; }

/*
*   default table
*/
.table { width: 100%; }
.table th, .table td { vertical-align: middle; text-align: left; }
.table th { font-weight: bold; }
.table td.text-left { text-align: left; }
.table td.text-right { text-align: right; }
.table td.text-center { text-align: center; }
.table td.text-top { vertical-align: text-top; }

/*
*   account info default
*/
.table-account-info { width: auto; margin: 10px; }
.table-account-info tr td:first-child { padding-right: 15px; }
.table-account-info td { line-height: 1.3; }

/*
*   default list
*/
.default-list { position: relative; list-style-position: inside; list-style-type: disc; }

/**
*   box footer image list (payment, shipping)
*/
.box-footer-image-list { float: left; width: 100%; }
.box-footer-image-list li { float: left; margin-bottom: 13px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-footer-image-list li:nth-child(2n+2) { _margin-left: 17px; }
.box-footer-image-list li:nth-child(2n+3) { clear: left; }
.box-footer-image-list li.text { _margin-left: 10px; padding-top: 3px; }
.box-footer-image-list li.image.image-sofort img { width: 65%; }

/*
*   aside link list
*/
.aside-link-list a { position: relative; display: block; padding: 6px 0px; text-decoration: none; }
.aside-link-list a .asf { padding-right: 10px; color: inherit; }
.aside-link-list a > i { position: absolute; right: 0px; font-weight: normal; font-style: normal; color: #f25e13; }

/*
*   account history default list (overview & detail)
*/
.account-history-default-list { position: relative; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.account-history-default-list > li { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.account-history-list > li.list-head, .account-history-info-product-list > li.list-head { font-weight: bold; }
.account-history-list > li > a > span, .account-history-list > li > span, .account-history-info-product-list > li > a > span, .account-history-info-product-list > li > span { float: left; display: block; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.account-history-info-product-list, .account-history-info-total-list, .account-history-info-address-list { padding: 10px; }

/*
*   account history overview
*/
.account-history-list > li { margin-bottom: 10px; background-color: #fff; font-size: 0.8em; }
.account-history-list > li > a { width: 100%; float: left; display: block; }
.account-history-list > .list-head { border: 1px solid #afafaf; }
.account-history-list > .list-head > span { overflow: hidden; }
.account-history-list > .list-item { border: 1px solid #fff; }
.account-history-list > .list-item:hover { border-color: #afafaf; }
.account-history-list > .list-head, .account-history-list > .list-item { -webkit-box-shadow: 1px 1px 4px 0px #afafaf; -moz-box-shadow: 1px 1px 4px 0px #afafaf; box-shadow: 1px 1px 4px 0px #afafaf; }
.account-history-list > .list-head .item-empty, .account-history-list > .list-item .item-empty { width: 100%; text-align: center; }
.account-history-list > .list-head .item-date, .account-history-list > .list-head .item-id, .account-history-list > .list-head .item-total, .account-history-list > .list-head .item-status, .account-history-list > .list-item .item-date, .account-history-list > .list-item .item-id, .account-history-list > .list-item .item-total, .account-history-list > .list-item .item-status { width: 17%; }
.account-history-list > .list-head .item-products, .account-history-list > .list-item .item-products { width: 32%; }
.account-history-list > .list-head .item-id, .account-history-list > .list-item .item-id { text-align: center; }
.account-history-list > .list-head .item-total, .account-history-list > .list-head .item-status, .account-history-list > .list-item .item-total, .account-history-list > .list-item .item-status { text-align: right; }

/*
*   account history detail
*/
.account-history-info-list > .list-item { background-color: #e6e6e6; border-color: #afafaf; }

/*
*   account history detail - product list
*/
.account-history-info-product-list > li:last-child { border: none; }
.account-history-info-product-list > .list-head > span { overflow: hidden; }
.account-history-info-product-list > .list-item { border-bottom: 1px solid #fff; background-color: #f2f2f2; }
.account-history-info-product-list > .list-item > span { height: 105px; overflow: hidden; }
.account-history-info-product-list > .list-item .item-product, .account-history-info-product-list > .list-item .item-attribute, .account-history-info-product-list > .list-item .item-image, .account-history-info-product-list > .list-item .item-model, .account-history-info-product-list > .list-item .item-qty { border-right: 1px solid #fff; }
.account-history-info-product-list > .list-head .item-product, .account-history-info-product-list > .list-item .item-product { width: 30%; }
.account-history-info-product-list > .list-head .item-attribute, .account-history-info-product-list > .list-head .item-image, .account-history-info-product-list > .list-head .item-model, .account-history-info-product-list > .list-head .item-price, .account-history-info-product-list > .list-item .item-attribute, .account-history-info-product-list > .list-item .item-image, .account-history-info-product-list > .list-item .item-model, .account-history-info-product-list > .list-item .item-price { width: 15%; }
.account-history-info-product-list > .list-head .item-image, .account-history-info-product-list > .list-head .item-model, .account-history-info-product-list > .list-head .item-qty, .account-history-info-product-list > .list-head .item-price, .account-history-info-product-list > .list-item .item-image, .account-history-info-product-list > .list-item .item-model, .account-history-info-product-list > .list-item .item-qty, .account-history-info-product-list > .list-item .item-price { text-align: center; }
.account-history-info-product-list > .list-head .item-qty, .account-history-info-product-list > .list-item .item-qty { width: 10%; }

/*
*   account history detail - total list
*/
.account-history-info-total-list > li span { float: left; padding: 4px 0px; text-align: right; }
.account-history-info-total-list > li .item-title { width: 80%; }
.account-history-info-total-list > li .item-text { width: 20%; }

/*
*   account history detail - address list
*/
.account-history-info-address-list > li { width: 50%; padding: 10px; background-color: #f2f2f2; line-height: 1.3; }
.account-history-info-address-list > li strong { display: block; margin-bottom: 20px; }

/*
*   cart product list
*/
.cart-product-list { position: relative; float: left; width: 100%; }
.cart-product-list > li { position: relative; clear: left; float: left; width: 100%; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cart-product-list > li > * { float: left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cart-product-list .list-head, .cart-product-list .list-item { background-color: #fff; }
.cart-product-list .list-head .item-image, .cart-product-list .list-item .item-image { width: 15%; }
.cart-product-list .list-head .item-description, .cart-product-list .list-item .item-description { width: 40%; padding: 0 10px; }
.cart-product-list .list-head .item-qty, .cart-product-list .list-item .item-qty { width: 15%; padding: 0 10px; text-align: center; }
.cart-product-list .list-head .item-price-single, .cart-product-list .list-item .item-price-single { width: 15%; padding: 0 10px; text-align: center; }
.cart-product-list .list-head .item-price-total, .cart-product-list .list-item .item-price-total { width: 15%; padding: 0 10px; }
.cart-product-list .list-head { padding: 5px 10px; border: 1px solid #afafaf; -webkit-box-shadow: 2px 2px 2px 0px #d2d2d2; -moz-box-shadow: 2px 2px 2px 0px #d2d2d2; box-shadow: 2px 2px 2px 0px #d2d2d2; }
.cart-product-list .list-head > * { font-size: 0.8em; font-weight: bold; }
.cart-product-list .list-item { padding: 15px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 2px 0px #e5e5e5; -moz-box-shadow: 0px 0px 2px 0px #e5e5e5; box-shadow: 0px 0px 2px 0px #e5e5e5; }
.cart-product-list .list-item .item-config-name, .cart-product-list .list-item .item-description, .cart-product-list .list-item .item-shipping-time, .cart-product-list .list-item .item-price-single, .cart-product-list .list-item .item-price-total { font-size: 0.8em; }
.cart-product-list .list-item .item-description, .cart-product-list .list-item .item-shipping-time, .cart-product-list .list-item .item-qty, .cart-product-list .list-item .item-price-single, .cart-product-list .list-item .item-price-total { padding-top: 5px; padding-bottom: 5px; }
.cart-product-list .list-item .item-image { height: 140px; overflow: hidden; padding: 5px; border: 1px solid #afafaf; }
.cart-product-list .list-item .item-config-name { width: 100%; font-weight: bold; }
.cart-product-list .list-item .item-clear { clear: both; width: 100%; height: 20px; }
.cart-product-list .list-item .item-description a { display: block; margin-bottom: 10px; font-weight: bold; text-decoration: underline; }
.cart-product-list .list-item .item-description span { display: block; margin-bottom: 5px; font-style: italic; }
.cart-product-list .list-item .item-qty > div { width: 80%; margin: auto; padding: 2px; background-color: #ccc; }
.cart-product-list .list-item .item-qty > div input { float: left; width: 70%; border: none; -webkit-box-shadow: 0px 0 2px 1px #eee inset; -moz-box-shadow: 0px 0 2px 1px #eee inset; box-shadow: 0px 0 2px 1px #eee inset; }
.cart-product-list .list-item .item-qty > div a { display: block; float: right; width: 30%; text-align: center; }
.cart-product-list .list-item .item-qty > div a .asf { padding: 5px 0; color: #fff; }
.cart-product-list .list-item .btn-close { width: 22px; height: 22px; top: -10px; right: -4px; line-height: normal; font-size: 1.2em; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; }
.cart-product-list .list-item .btn-close .asf { padding: 1px; }

/*
*   checkout product list
*/
.checkout-product-list .list-head, .checkout-product-list .list-item { background-color: #fff; }
.checkout-product-list .list-head .item-image, .checkout-product-list .list-item .item-image { width: 15%; }
.checkout-product-list .list-head .item-description, .checkout-product-list .list-item .item-description { width: 36%; }
.checkout-product-list .list-head .item-shipping-time, .checkout-product-list .list-item .item-shipping-time { width: 15%; padding-left: 10px; padding-right: 10px; }
.checkout-product-list .list-head .item-qty, .checkout-product-list .list-item .item-qty { width: 10%; text-align: center; font-size: 0.8em; }
.checkout-product-list .list-head .item-price-single, .checkout-product-list .list-head .item-price-total, .checkout-product-list .list-item .item-price-single, .checkout-product-list .list-item .item-price-total { width: 12%; text-align: right; }

/*
*   checkout total list
*/
.checkout-total-list { width: 100%; position: relative; float: left; }
.checkout-total-list > li { float: left; width: 100%; padding: 3px 0; font-size: 0.8em; }
.checkout-total-list > li > * { float: left; display: block; text-align: right; }
.checkout-total-list > li .item-text { width: 85%; }
.checkout-total-list > li .item-value { width: 15%; }
.checkout-total-list > li .item-text-full { width: 100%; }

/*
*   messages used for:
*       - category pages no products found
*       - specials page
*       - new products page
*       - ...
*/
.messages { position: relative; margin: 30px 0; padding: 15px 10px; background-color: #fcfcfc; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; color: #f25e13; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 0.8em; text-align: center; line-height: 1.2; }
.messages.messages-content-box { margin: 0px -10px 20px; text-align: left; }
.messages.messages-account-content { margin-top: 0px; text-align: left; }

/*
*   message text
*
*   <span class="message message-error">...</span>
*/
.message { display: block; padding-bottom: 5px; }
.message:last-child { padding-bottom: 0px; }
.message img { display: inline-block; margin-top: -2px; margin-right: 10px; }
.message.message-error { color: #cf0f0f; }
.message.message-warning, .message.message-info { color: #f25e13; }
.message.message-success { color: #00cc00; }

/*
*   header main menu
*/
.header-menu { position: absolute; left: 235px; bottom: 0px; }
.header-menu > ul.main-menu { float: left; }
.header-menu > ul.main-menu > li { float: left; }
.header-menu > ul.main-menu > li:first-child a { border-left: 1px solid #7779bd; }
.header-menu > ul.main-menu > li a { display: block; padding: 7px 8px; border-right: 1px solid #7779bd; color: #fff; text-decoration: none; font-size: 0.8em; }
.header-menu > ul.main-menu > li a:hover { color: #f25e13; }

/*
*   breadcrumb
*/
.page-breadcrumb { width: 100%; margin-bottom: 15px; font-size: 0.8em; }
.page-breadcrumb a { text-decoration: none; }
.page-breadcrumb a:hover { text-decoration: underline; }

/*
*   page pagination listing used in:
*       - article listing (default, special, new)
*       - orders listing
*       - review listing
*/
.pagination-listing, .pagination-detail { position: relative; width: 100%; margin-bottom: 15px; border-top: 1px solid #d4d8d9; border-bottom: 1px solid #d4d8d9; }
.pagination-listing .pagination-text, .pagination-detail .pagination-text { float: left; padding: 14px 0px; font-size: 0.8em; }
.pagination-listing .pagination-links, .pagination-detail .pagination-links { float: right; margin: 6px 0px; }
.pagination-listing .pagination-links .btn, .pagination-detail .pagination-links .btn { margin-left: 3px; padding: 5px 9px; }

/**
*   link add to wishlist & print in article detail
*/
.lnk-article-wishlist-print { display: block; margin-left: 30px; margin-bottom: 5px; font-size: 0.8em; color: #414141; }
.lnk-article-wishlist-print .asf { margin-right: 5px; color: inherit; }

/**
*   link cart & wishlist in mobile menu
*/
.lnk-cart-wish:after { position: absolute; display: block; width: 18px; height: 18px; top: -5px; right: -5px; padding: 2px 0px; content: attr(data-count); background-color: #f25e13; text-align: center; font-size: 0.5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
*   boxes header
*/
.box-header-languages, .box-header-cart { position: relative; float: right; margin-top: 25px; }

.box-header-languages { z-index: 2000; margin-right: 210px; }
.box-header-languages a { display: block; margin-top: 12px; }

.box-header-cart { position: absolute; z-index: 2001; right: 10px; width: 176px; padding: 10px 10px 5px; border: 1px solid #bdbfbc; font-size: 0.8em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffcfc+0,f7f2ef+30,c3bebc+80,c3bebc+100 */ background: #fffcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fffcfc 0%, #f7f2ef 30%, #c3bebc 80%, #c3bebc 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fffcfc 0%, #f7f2ef 30%, #c3bebc 80%, #c3bebc 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fffcfc 0%, #f7f2ef 30%, #c3bebc 80%, #c3bebc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#c3bebc',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.box-header-cart .box-cart-left { width: 37px; }
.box-header-cart .box-cart-right a { display: block; margin-bottom: 5px; }
.box-header-cart .box-cart-content { display: none; padding: 15px 0 5px; }
.box-header-cart .box-cart-content .box-item .item-name { margin-bottom: 3px; }
.box-header-cart .box-cart-content .box-cart-empty { display: block; text-align: center; color: #f25e13; }
.box-header-cart .box-cart-links { margin-top: 10px; font-weight: bold; }
.box-header-cart .box-cart-links a { display: block; width: 50%; }
.box-header-cart .box-cart-links a .asf-caret-down, .box-header-cart .box-cart-links a .asf-caret-up { margin-right: 5px; }
.box-header-cart .box-cart-links a .asf-caret-right { margin-left: 5px; }

.box-header-search { position: absolute; z-index: 2000; bottom: 10px; right: 10px; width: 240px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-header-search input[type="text"] { padding: 3px 8px; border-color: #f25e13; }
.box-header-search input[type="image"] { position: absolute; top: 3px; right: 6px; }

/*
*   boxes left aside
*/
.box-aside { margin-bottom: 15px; padding: 10px; }
.box-aside .box-head { margin-bottom: 10px; color: #f25e13; font-size: 0.9em; }
.box-aside .box-content { font-size: 0.8em; }

/*
*   box aside main category
*/
.box-aside-category { padding: 0; border-top: 3px solid #fa0001; border-bottom: 3px solid #fa0001; }
.box-aside-category a { display: block; padding: 4px 0 4px 5px; font-size: 0.8em; }
.box-aside-category a:hover { background: url("../img/bg-aside-category-link-hover.gif") left center repeat-x transparent; color: #fff; }
.box-aside-category a.active { background: url("../img/bg-aside-category-link-active.gif") left center repeat-x transparent; color: #000; }
.box-aside-category a.active:hover { color: #fff; }
.box-aside-category ul.level-1 li.active ul.level-2, .box-aside-category ul.level-2 li.active ul.level-3, .box-aside-category ul.level-3 li.active ul.level-4 { margin-left: 15px; }
.box-aside-category ul.level-1 > li.active { border-bottom: 1px solid #dedede; }
.box-aside-category ul.level-1 > li.active > a { border-bottom: none; }
.box-aside-category ul.level-1 > li > a { border-bottom: 1px solid #dedede; font-weight: bold; }
.box-aside-category ul.level-1 > li > a:first-letter { font-size: 1.07em; }
.box-aside-category ul.level-2 > li:first-child > a { border-top: 1px solid #fff; }

/*
*   box aside admin
*/
.box-aside-admin { border: 2px solid #dedede; }
.box-aside-admin .box-footer .btn { margin-top: 5px; }
.box-aside-admin .box-footer .btn:first-child { margin-top: 0px; }

/*
*   box content images own & box content own (only on startpage)
*/
.box-content-images-own table tr td, .box-content-own table tr td { width: 33.333%; padding-right: 2px; padding-bottom: 2px; }
.box-content-images-own table tr td img, .box-content-own table tr td img { width: 100%; }
.box-content-images-own table tr td:last-child, .box-content-own table tr td:last-child { padding-right: 0; }

/*
*   boxes footer
*/
.box-footer.column { margin-bottom: 0; }
.box-footer .box-head { margin-bottom: 15px; font-size: 0.8em; font-weight: bold; }
.box-footer .box-content { position: relative; font-size: 0.8em; }
.box-footer .box-content > a { display: block; padding-bottom: 3px; }
.box-footer .box-content .img-paragraph { position: absolute; top: -40px; right: 65px; height: 83px; }
.box-footer .box-content small { font-size: 7pt; letter-spacing: -0.3pt; }
.box-footer .box-content-rights { margin-top: 25px; }

/*
*   awesome font
*
*   @link http://fortawesome.github.io/Font-Awesome/icons/
*
*   <span class="asf asf-dashboard"></span>
*   
*/
.asf { display: inline-block; font-family: fontawesome; font-style: normal; font-weight: normal; line-height: 1; color: #000000; text-align: center; }

.asf-caret-left:before { content: "\f0d9"; }

.asf-caret-right:before { content: "\f0da"; }

.asf-caret-up:before { content: "\f0d8"; }

.asf-caret-down:before { content: "\f0d7"; }

.asf-chevron-left:before { content: "\f053"; }

.asf-chevron-right:before { content: "\f054"; }

.asf-chevron-up:before { content: "\f077"; }

.asf-chevron-down:before { content: "\f078"; }

.asf-angle-right:before { content: "\f105"; }

.asf-angle-left:before { content: "\f104"; }

.asf-angle-double-right:before { content: "\f101"; }

.asf-cog:before { content: "\f013"; }

.asf-search:before { content: "\f002"; }

.asf-close:before { content: "\f057"; }

.asf-trash:before { content: "\f1f8"; }

.asf-plus-circle:before { content: "\f055"; }

.asf-minus-circle:before { content: "\f056"; }

.asf-print:before { content: "\f02f"; }

.asf-file-text-o:before { content: "\f0f6"; }

.asf-clipboard:before { content: "\f0ea"; }

.asf-user:before { content: "\f007"; }

.asf-lock:before { content: "\f023"; }

.asf-newspaper-o:before { content: "\f1ea"; }

.asf-inbox:before { content: "\f01c"; }

.asf-bookmark:before { content: "\f02e"; }

.asf-sign-out:before { content: "\f08b"; }

.asf-sign-in:before { content: "\f090"; }

.asf-refresh:before { content: "\f021"; }

.asf-check:before { content: "\f00c"; }

.asf-th:before { content: "\f00a"; }

.asf-th-list:before { content: "\f00b"; }

.asf-envelope:before { content: "\f0e0"; }

.asf-rocket:before { content: "\f135"; }

.asf-shield:before { content: "\f132"; }

.asf-shopping-cart:before { content: "\f07a"; }

.asf-heart:before { content: "\f004"; }

.asf-search:before { content: "\f002"; }

/*
*   default autocomplete
*/
.ui-helper-hidden-accessible { display: none; }

.ui-autocomplete { position: absolute; width: 533px; top: 143px; left: 591px; z-index: 10000; border: 1px solid #ccc; background-color: #fff; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; }
.ui-autocomplete .ui-loading, .ui-autocomplete .ui-pre-text { padding: 20px 0; font-size: 0.8em; }
.ui-autocomplete .ui-loading { background: url("../img/img-search-loader.gif") no-repeat scroll center 18px transparent; }
.ui-autocomplete .ui-pre-text { text-align: center; }

/*
*   ajax search suggestions
*/
.suggestion { float: left; }
.suggestion > h2, .suggestion > a, .suggestion .no-suggestions { padding: 8px 10px; font-size: 0.8em; }
.suggestion > h2 { border-bottom: 1px solid #ccc; text-shadow: 1px 1px 1px #fff; background-color: #f3f3f3; background-image: -moz-linear-gradient(top, #f8f8f8, #ececec); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#ececec)); background-image: -webkit-linear-gradient(top, #f8f8f8, #ececec); background-image: -o-linear-gradient(top, #f8f8f8, #ececec); background-image: linear-gradient(to bottom, #f8f8f8, #ececec); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F8', endColorstr='#FFECECEC', GradientType=0); }
.suggestion > a { display: block; width: 100%; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.suggestion > a:hover { background-color: #eee; color: #000; }
.suggestion.suggestion-categories { width: 40%; }
.suggestion.suggestion-products { width: 60%; }
.suggestion.suggestion-products > h2, .suggestion.suggestion-products > a, .suggestion.suggestion-products .no-suggestions { border-left: 1px solid #ccc; }
.suggestion.suggestion-products > a { float: left; }
.suggestion.suggestion-products > a:hover { -webkit-box-shadow: inset 0px 0px 3px 1px #d2d2d2; -moz-box-shadow: inset 0px 0px 3px 1px #d2d2d2; box-shadow: inset 0px 0px 3px 1px #d2d2d2; }

.suggestion-products > a > * { float: left; }
.suggestion-products > a .image { width: 50px; height: 50px; overflow: hidden; padding: 3px; border: 1px soid #ccc; background-color: #fff; text-align: center; -webkit-box-shadow: 0px 1px 2px 0px #d2d2d2; -moz-box-shadow: 0px 1px 2px 0px #d2d2d2; box-shadow: 0px 1px 2px 0px #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.suggestion-products > a .image img { width: 100%; }
.suggestion-products > a .name { width: 210px; margin-left: 10px; }
.suggestion-products > a .asf { float: right; padding: 5px 0; font-size: 3.2em; color: #f25e13; }

.lnk-suggestion-all { display: block; margin: 4px; padding: 12px 0; border: 1px solid #ccc; background-color: #eee; color: #000; text-align: center; text-shadow: 1px 1px 1px #fff; font-size: 0.9em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.lnk-suggestion-all:hover { color: #000; }

/*
*   modal styles
*/
.modal-backdrop { position: fixed; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9997; background-color: #000; opacity: 0; filter: alpha(opacity=0); }

.modal { position: absolute; top: 5%; left: 10%; right: 10%; z-index: 9998; background-color: #fff; border: 0px solid #fff; margin: auto; max-width: 950px; opacity: 0; filter: alpha(opacity=0); }
.modal > [class^="modal-"] { position: relative; padding: 15px; background-color: #fff; }

.modal-header h1 { display: inline-block; margin-bottom: 0; float: none; }

.modal-close { position: absolute; display: block; width: 28px; height: 28px; line-height: 28px; right: -14px; top: -14px; z-index: 9999; background-color: #fff; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.4); text-align: center; text-decoration: none; font-size: 1.6em; color: #000; }

.modal-body { max-height: 500px; overflow-y: auto; }
.modal-body .content-text { clear: both; margin-bottom: 2.5%; }
.modal-body .content-text ol { margin-left: 30px; }
.modal-body .content-text p { font-size: 1em; }
.modal-body .content-text h2, .modal-body .content-text h3 { font-size: 1em; }

.modal-footer { text-align: right; }
.modal-footer > * { margin-right: 10px; }
.modal-footer > *:last-child { margin-right: 0px; }

/*
*   styles for modal content
*/
#modalbackdrop-content { z-index: 10017; }

#modal-content { z-index: 10018; }
#modal-content .modal-close { z-index: 10019; }

/*
*   styles for modal quick buy in listing
*/
#modal-quick-buy { left: -20px; right: -20px; top: -20px; }
#modal-quick-buy .modal-close { position: absolute; padding: 0; }
#modal-quick-buy .modal-body { padding: 10px; }

/*
*   styles for modal add to cart info
*/
#modalbackdrop-addtocart-info { z-index: 10007; }

#modal-addtocart-info { left: 20%; right: 20%; z-index: 10008; }
#modal-addtocart-info .modal-close { display: none; position: absolute; padding: 0; z-index: 10009; }
#modal-addtocart-info .modal-body { padding: 2px; }

/*
*   styles for modal video in article detail
*/
#modal-video { width: 883px; }
#modal-video .modal-header { padding: 0 !important; }

/**
*   slider styles
*/
.imageslider { position: relative; width: 100%; height: 450px; overflow: hidden; margin: auto; }
.imageslider .slider-content { position: absolute; width: 100%; height: 100%; }
.imageslider .slider-content .slider-content-link { position: absolute; display: none; width: 100%; height: 100%; background-color: #fff; }
.imageslider .slider-content .slider-content-image { position: absolute; cursor: pointer; width: 100%; max-height: 100%; }

/**
*   slider navigation
*/
.slider-navigation { position: absolute; display: block; top: 0px; bottom: 0px; width: 0%; background-color: transparent; z-index: 50; }
.slider-navigation.prev { left: 0px; }
.slider-navigation.next { right: 0px; }

.slider-navigation > a { position: absolute; width: 30px; height: 40px; top: 50%; margin-top: -20px; text-decoration: none; text-align: center; font-size: 1.6em; line-height: 42px; /* IE fallback */ background-color: black; background-color: rgba(0, 0, 0, 0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; }
.slider-navigation.prev > a { left: 10px; }
.slider-navigation.next > a { right: 10px; }

/*
*   imagezoom
*/
.imagezoom { width: 100%; margin: auto; text-align: center; }

.imagezoom-container { position: relative; width: 100%; margin: 0px auto; text-align: center; overflow: hidden; cursor: pointer; border: none; }

.imagezoom-main { display: block; margin: auto; max-width: 100%; }

.imagezoom-big { display: block; position: absolute; left: 0px; top: 0px; z-index: 1000; visibility: hidden; /* overwrite max-width default value */ max-width: 1000%; width: 160%; }

.imagezoom-section { position: absolute; left: 50%; top: 50%; z-index: 10001; cursor: initial; display: none; border: 0px solid #bbb; background-color: transparent; }

/*
*   element scroll horizontal default
*/
.element-scroll-horizontal { position: relative; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.element-scroll-horizontal .element-sroll-content { position: relative; float: left; width: inherit; overflow: hidden; }
.element-scroll-horizontal .element-sroll-content > div { position: relative; float: left; width: 90000px; overflow: hidden; }
.element-scroll-horizontal .element-sroll-content .element-scroll-item { position: relative; float: left; display: block; overflow: hidden; cursor: pointer; }
.element-scroll-horizontal .element-scroll-navigation { position: absolute; top: 0px; bottom: 0px; width: 25px; z-index: 900; background-color: transparent; }
.element-scroll-horizontal .element-scroll-navigation.prev { left: 0; }
.element-scroll-horizontal .element-scroll-navigation.next { right: 0; }
.element-scroll-horizontal .element-scroll-navigation > a { position: absolute; display: block; width: 100%; height: 25px; top: 50%; margin-top: -12.5px; background-color: #ccc; font-weight: bold; font-size: 1em; text-align: center; color: #fff; }
.element-scroll-horizontal .element-scroll-navigation > a .asf { padding: 5px 0; color: inherit; }

/*
*   article scroll (cross sell, also manufacturer articles, ...) in article detail
*/
.article-scroll { height: 170px; padding-top: 5px; border-top: 1px solid #ccc; }
.article-scroll .element-sroll-content .element-scroll-item { width: 184px; height: 160px; margin-bottom: 0; }
.article-scroll .element-sroll-content .element-scroll-item > * { margin: 0 25px; }
.article-scroll .element-sroll-content .element-scroll-item .listing-image { height: 115px; text-align: center; background-color: #fff; }
.article-scroll .element-sroll-content .element-scroll-item .listing-image img { height: 100%; }
.article-scroll .element-sroll-content .element-scroll-item .listing-name, .article-scroll .element-sroll-content .element-scroll-item .listing-price { margin-top: 2px; text-align: center; font-size: 0.7em; }
.article-scroll .element-sroll-content .element-scroll-item .listing-name { height: 24px; overflow: hidden; font-weight: normal; }
.article-scroll .element-sroll-content .element-scroll-item .listing-price { position: relative; left: auto; right: auto; bottom: auto; }
.article-scroll .element-sroll-content .element-scroll-item .listing-price .ProInfoOldPrice { display: none; }

/*
*   element scroll overlay - product_info_v1.html
*/
.element-scroll-overlay { position: relative; float: left; width: 100%; height: 200px; overflow: hidden; margin-bottom: 15px; border: 1px solid #ccc; }
.element-scroll-overlay h3 { position: relative; display: inline-block; padding: 7px 10px; margin-left: -4px; border-right: 1px solid #ccc; cursor: pointer; color: #ccc; font-size: 1em; }
.element-scroll-overlay h3.active, .element-scroll-overlay h3:hover { color: #fff; background-color: #ccc; }
.element-scroll-overlay h3:nth-child(1) { margin-left: 0px; }
.element-scroll-overlay .article-scroll { position: absolute; display: none; }
.element-scroll-overlay > div:nth-child(2) { display: block; }

/*
*   categorie children columns (categorie_listing.html)
*/
.category-children-columns .column { padding: 0px 20px; text-align: center; }
.category-children-columns .column > div { display: table; width: 100%; height: 68px; background-color: #f2f2f2; background-image: -moz-linear-gradient(top, #fcfcfc, #e4e4e4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#e4e4e4)); background-image: -webkit-linear-gradient(top, #fcfcfc, #e4e4e4); background-image: -o-linear-gradient(top, #fcfcfc, #e4e4e4); background-image: linear-gradient(to bottom, #fcfcfc, #e4e4e4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCFCFC', endColorstr='#FFE4E4E4', GradientType=0); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 0px 0px 2px 1px rgba(102, 102, 102, 0.6); -moz-box-shadow: inset 0px 0px 2px 1px rgba(102, 102, 102, 0.6); box-shadow: inset 0px 0px 2px 1px rgba(102, 102, 102, 0.6); }
.category-children-columns .column > div span { display: table-cell; padding: 0 5px; vertical-align: middle; word-break: normal; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #6f6f6f; line-height: 1.1; text-shadow: 1px 1px 1px #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.category-children-columns .column > span { display: block; margin-top: 10px; margin-bottom: 20px; font-size: 12px; }

/*
*   category listing
*
.category-children { float: left; width: 100%; margin-bottom: 15px;  a { position: relative; display: block; float: left; width: 49.75%; padding: 10px 15px; margin-bottom: 0.5%; margin-right: 0.5%; @include box-sizing(border-box); background-color: $categoryMoreBackground; color: #000; font-style:italic; font-size: ($baseFontSize - 0.1);  &:hover { background-color: $highlightBackgroundColor; color: #fff; }  .asf { position: absolute; top: 8px; right: 15px; font-size: ($baseFontSize + 0.2); color: inherit; } }  & > :nth-child(2n+2) { margin-right:0; }
}
*/
/*
*   article listing
*/
.article-columns > .column { height: 320px; padding: 10px; }

.listing-image { display: block; height: 215px; overflow: hidden; margin-bottom: 0px; text-align: center; }

.listing-actions { position: relative; height: 18px; margin: -10px 0px 15px; text-align: right; }
.listing-actions .listing-cart { display: block; }
.listing-actions .listing-cart img { margin-top: -17px; margin-right: -8px; }

.listing-band { position: absolute; padding: 2px 7px; left: -7px; top: 0px; font-weight: bold; font-size: 0.8em; color: #fff; }
.listing-band .corner { position: absolute; display: block; width: 7px; height: 7px; left: 0; bottom: -7px; background: url("../img/bg-listing-corner.png") no-repeat scroll left top transparent; }
.listing-band.listing-band-shadow { -webkit-box-shadow: 1px 1px 2px #707070; -moz-box-shadow: 1px 1px 2px #707070; box-shadow: 1px 1px 2px #707070; }
.listing-band.new { background-color: #0fef14; }
.listing-band.sale { background-color: #dd0017; text-transform: uppercase; white-space: nowrap; }
.listing-band.sale .corner { background-position: -8px 0px; }
.listing-band.video { background-color: #0072ff; }
.listing-band.video .corner { background-position: -16px 0px; }

.listing-name { display: block; font-weight: bold; font-size: 0.8em; }

.listing-price { position: absolute; left: 10px; right: 10px; bottom: 10px; text-align: right; font-weight: bold; font-size: 1em; color: #000; }
.listing-price > br { display: none; }
.listing-price .ProInfoOldPrice { position: absolute; display: block; left: 0; bottom: -1px; text-align: left; font-size: 0.7em; font-weight: normal; color: #808080; }
.listing-price .ProInfoOldPrice > * { display: block; }

.listing-quick-buy { display: none; }

/*
*   quick buy modal in listing
*/
.quick-buy { max-height: none; }
.quick-buy .quick-buy-image, .quick-buy .quick-buy-name, .quick-buy .quick-buy-options, .quick-buy .quick-buy-button, .quick-buy .quick-buy-button .btn { margin-bottom: 20px; }
.quick-buy .quick-buy-image { height: 260px; overflow: hidden; text-align: center; }
.quick-buy .quick-buy-name { display: block; font-size: 0.8em; font-weight: bold; }
.quick-buy .quick-buy-price { margin-bottom: 10px; }
.quick-buy .quick-buy-price table td { padding-bottom: 10px; }
.quick-buy .quick-buy-price .price-default { font-size: 1.1em; font-weight: bold; }
.quick-buy .quick-buy-price .price-tax a { text-decoration: underline; color: inherit; }
.quick-buy .quick-buy-price .price-you-save { white-space: nowrap; font-size: 0.8em; font-weight: bold; color: #cf0f0f; }
.quick-buy .quick-buy-price .price-old, .quick-buy .quick-buy-price .price-tax { font-size: 0.7em; color: #808080; }
.quick-buy .quick-buy-button { text-align: center; }
.quick-buy .quick-buy-button > span { display: inline-block; font-size: 0.7em; }
.quick-buy .quick-buy-button > span .txt-green { font-weight: bold; }

/*
*   add to cart info modal
*/
.addtocart-info { max-height: none; }
.addtocart-info .addtocart-header { position: relative; height: 200px; overflow: hidden; }
.addtocart-info .addtocart-header .image { margin-top: -115px; }
.addtocart-info .addtocart-header .text { position: absolute; right: 0px; bottom: 0px; padding: 15px; }
.addtocart-info .addtocart-header .text span, .addtocart-info .addtocart-header .text em { display: block; text-transform: uppercase; color: #fff; text-align: right; text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.addtocart-info .addtocart-header .text span { font-weight: bold; font-size: 2.4em; }
.addtocart-info .addtocart-header .text em { font-weight: normal; font-size: 1.2em; }
.addtocart-info .addtocart-content { padding: 15px 25px 0px; }
.addtocart-info .addtocart-content h1 { font-weight: bold; font-size: 1em; color: #656a6e; }
.addtocart-info .addtocart-content hr { margin: 15px 0; }
.addtocart-info .addtocart-content .image { width: 15%; margin-right: 2%; }
.addtocart-info .addtocart-content .text.text-red { font-size: 0.8em; }
.addtocart-info .addtocart-content .text.float-left { width: 83%; }
.addtocart-info .addtocart-content .text span { display: block; margin-bottom: 10px; }
.addtocart-info .addtocart-content .text span:last-child { margin-bottom: 0px; }
.addtocart-info .addtocart-content .text .manufacturer, .addtocart-info .addtocart-content .text .price { line-height: 1.3; font-size: 0.8em; color: #656a6e; }
.addtocart-info .addtocart-content .text .manufacturer, .addtocart-info .addtocart-content .text .name { font-weight: bold; }
.addtocart-info .addtocart-content .text .name { font-size: 1em; color: #f25e13; }
.addtocart-info .addtocart-content .buttons { width: 49%; }

/*
*   article info default
*/
.article-info { float: left; margin-bottom: 15px; border-bottom: 1px solid #f3f3f3; }
.article-info > .column { margin-right: 0; margin-bottom: 0; background-color: #fff; }
.article-info > .column.article-image { width: 60%; padding-right: 10px; }
.article-info > .column.article-detail { width: 40%; padding-left: 10px; }

.article-info-more { border-bottom: none !important; }
.article-info-more > .column.article-image { border-right: none !important; }
.article-info-more > .column.article-detail { border-left: none !important; }

.article-head-name { margin-bottom: 15px; font-size: 1.6em; font-weight: bold; font-family: Calibri, Arial; color: #414141; }

.article-image .article-image-more > .column { height: 47px; overflow: hidden; padding: 1px; border: 1px solid #969696; background-color: #fff; }
.article-image .article-image-more > .column.no-border { border: none; }
.article-image .article-image-more > .column:hover { border-color: #f25e13; }
.article-image .article-image-more > .column img { width: 100%; height: 100%; }

.article-detail-price, .article-attributes, .article-express, .article-staffel, .article-action { border-bottom: 1px solid #969696; padding: 10px 0; }

.article-detail-price { padding-top: 0px; padding-bottom: 20px; }
.article-detail-price span { display: block; }
.article-detail-price .price-old, .article-detail-price .price-tax, .article-detail-price .price-expire { font-size: 0.7em; color: #808080; }
.article-detail-price .price-current { float: left; padding: 4px 0; font-size: 2.1em; font-weight: bold; font-family: Calibri, Arial; color: #414141; }
.article-detail-price .price-current.price-red { color: #cf0f0f; }
.article-detail-price .price-saved { float: right; padding: 8px 0; font-size: 0.8em; font-weight: bold; color: #cf0f0f; }
.article-detail-price .price-saved img { width: 20px; vertical-align: middle; }
.article-detail-price .price-tax { clear: left; float: left; }
.article-detail-price .price-tax a { color: inherit; }
.article-detail-price .price-tax a:hover { color: #f25e13; }
.article-detail-price .price-expire { clear: right; float: right; margin-top: 2px; }

.article-attributes .form-list-default li { margin-bottom: 5px; }
.article-attributes .form-list-default li:last-child { margin-bottom: 0; }
.article-attributes .form-list-default label { width: 34%; }
.article-attributes .form-list-default div { width: 65%; }

.article-express { font-size: 0.8em; }

.article-staffel { padding-bottom: 5px; font-size: 0.8em; }
.article-staffel .column { margin-bottom: 5px; background-color: #fff; border: 1px solid #969696; text-align: center; }
.article-staffel .column > span { display: block; padding: 4px; }

.article-action { border-bottom: none; }
.article-action .article-qty { position: relative; float: left; width: 28%; margin-right: 2%; padding: 2px 0; border: 1px solid #d4d4d4; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article-action .article-qty span { display: block; font-size: 0.8em; color: #808080; text-transform: uppercase; }
.article-action .article-qty input { width: 40%; border: none; padding: 0; font-weight: bold; font-size: 1.2em; text-align: center; }
.article-action .article-qty .article-qty-controls { position: absolute; display: block; width: 15px; height: 15px; top: 50%; margin-top: -2px; }
.article-action .article-qty .article-qty-controls .asf { font-size: 1em; color: #f25e13; }
.article-action .article-qty .article-qty-controls.qty-minus { left: 5px; }
.article-action .article-qty .article-qty-controls.qty-plus { right: 5px; }
.article-action .btn { float: left; width: 70%; padding: 12px 0px; font-size: 0.8em; font-weight: bold; text-align: left; color: #000; }
.article-action .btn img { display: block; position: absolute; width: 35px; top: 5px; left: 10px; }
.article-action .btn span { display: block; margin-left: 50px; }

/*
@-moz-document url-prefix() { .btn.btn-article-detail-cart  {padding: 15px 0px 14px;} .btn.btn-article-detail-cart img {left: 10px;} .btn.btn-article-detail-cart span {margin-left: 49px;}
}
*/
/*
*   article manufacturer image
*/
.article-manufacturer-image { width: 150px; max-height: 150px; overflow: hidden; margin: auto; text-align: center; }

/*
*   article name & description bottom
*/
.article-name { margin: 15px 0px; font-size: 1em; font-weight: bold; }

.article-description { margin-bottom: 15px; }
.article-description > p { margin-right: 10px; }

.article-description-image { float: right; margin-left: 15px; margin-bottom: 15px; max-width: 240px; }

/*
*   login
*/
.account-login-columns .content-box .content { height: 140px; }

/*
*   account overview
*/
.account-columns > .column { margin-bottom: 5%; }
.account-columns > .column h3 { margin-bottom: 15px; font-size: 0.8em; font-weight: bold; }
.account-columns > .column span { float: left; display: block; }
.account-columns > .column .asf { width: 10%; font-size: 1.8em; text-align: left; color: #a2a2a2; }
.account-columns > .column .content-text { width: 90%; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
*   address overview
*/
.account-address-columns > .column { height: 230px; padding: 10px; margin-top: 15px; background-color: #fff; -webkit-box-shadow: 1px 1px 4px 0px #afafaf; -moz-box-shadow: 1px 1px 4px 0px #afafaf; box-shadow: 1px 1px 4px 0px #afafaf; }
.account-address-columns > .column h3 { margin-bottom: 15px; font-size: 0.8em; font-weight: bold; }
.account-address-columns > .column .content-buttons { position: absolute; left: 10px; right: 10px; bottom: 10px; text-align: center; }

/*
*   wishlist products
*/
.account-wishlist-columns > .column { min-height: 140px; padding: 5px; margin-bottom: 5%; background-color: #fff; }
.account-wishlist-columns > .column .listing-image, .account-wishlist-columns > .column .listing-detail { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.account-wishlist-columns > .column .listing-image { width: 25%; height: 90px; }
.account-wishlist-columns > .column .listing-detail { width: 75%; padding-left: 10px; }
.account-wishlist-columns > .column .listing-name { margin-bottom: 15px; }
.account-wishlist-columns > .column .listing-price { position: relative; left: auto; right: auto; bottom: auto; }
.account-wishlist-columns > .column .listing-price .price-default { color: #f25e13; }
.account-wishlist-columns > .column .listing-price .price-old { margin-bottom: 4px; text-decoration: line-through; font-size: 0.7em; font-weight: normal; color: #808080; }
.account-wishlist-columns > .column .listing-wishlist-buy-now { display: block; width: 100%; font-weight: bold; font-size: 0.8em; text-align: center; }
.account-wishlist-columns > .column .listing-wishlist-buy { display: none; }
.account-wishlist-columns > .column .listing-wishlist-buy .listing-button { text-align: center; }
.account-wishlist-columns > .column .listing-wishlist-buy .listing-button .price-tax, .account-wishlist-columns > .column .listing-wishlist-buy .listing-button .shipping-info { font-size: 0.7em; }
.account-wishlist-columns > .column .listing-wishlist-buy .listing-button .price-tax { margin-top: 5px; color: #808080; }
.account-wishlist-columns > .column .listing-wishlist-buy .listing-button .price-tax a { text-decoration: underline; color: inherit; }

/*
*   account box
*/
.account-box, .account-content { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.account-box { width: 23%; margin-right: 2%; }
.account-box .content-links a { position: relative; padding-top: 2px; padding-left: 25px; line-height: 1.1; }
.account-box .content-links a:before { position: absolute; display: block; width: 20px; height: 20px; left: 0px; top: 0px; content: ""; font-family: fontawesome; font-size: 1.2em; color: #a2a2a2; }
.account-box .content-links a.cog:before { content: "\f013"; }
.account-box .content-links a.clipboard:before { content: "\f0ea"; }
.account-box .content-links a.user:before { content: "\f007"; }
.account-box .content-links a.lock:before { content: "\f023"; }
.account-box .content-links a.inbox:before { content: "\f01c"; }
.account-box .content-links a.bookmark:before { content: "\f02e"; }
.account-box .content-links a.newspaper-o:before { content: "\f1ea"; }
.account-box .content-links a.sign-out:before { content: "\f08b"; }
.account-box .content-links a.sign-in:before { content: "\f090"; }
.account-box .content-links a.close:before { content: "\f057"; }

.account-content { width: 75%; }

.cart-head { width: 100%; height: 70px; margin-bottom: 10px; background-color: #d0cccb; background-image: -moz-linear-gradient(left, #f8f8f7, #d0cccb); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#f8f8f7), to(#d0cccb)); background-image: -webkit-linear-gradient(left, #f8f8f7, #d0cccb); background-image: -o-linear-gradient(left, #f8f8f7, #d0cccb); background-image: linear-gradient(to right, #f8f8f7, #d0cccb); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8F8F7', endColorstr='#FFD0CCCB', GradientType=1); }
.cart-head img, .cart-head h1 { float: left; }
.cart-head img { height: 60px; margin: 5px 20px 5px 5px; }
.cart-head h1 { padding: 25px 0; }
.cart-head h1 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cart-head h1 span { display: inline-block; padding-left: 5px; font-size: 0.8em; font-weight: normal; text-transform: none; }

.cart-head-recommend img { height: 94px; margin: -15px 20px 0px 0px; }

.cart-content-recommend { margin-right: 9px; }

.cart-empty { margin: 25px 0px; font-size: 1em; }

.cart-empty-continue { margin: 45px 0 70px; }

.cart-content { margin-bottom: 70px; background-color: #f6f6f6; }

.cart-products { padding: 6px 8px; }

.cart-totals { clear: both; padding: 6px 8px; }
.cart-totals > div { margin-bottom: 5px; padding: 10px 8px; border: 1px solid #afafaf; background-color: #fff; -webkit-box-shadow: 2px 2px 2px 0px #d2d2d2; -moz-box-shadow: 2px 2px 2px 0px #d2d2d2; box-shadow: 2px 2px 2px 0px #d2d2d2; }

.cart-gift, .cart-total { width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cart-gift { float: left; }
.cart-gift .gift-content { padding: 5px; border: 5px solid #ddd; }
.cart-gift .gift-content strong { font-size: 0.9em; }
.cart-gift .gift-content input { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cart-gift .gift-content-message { margin: 5px 0px; font-size: 0.8em; }

.cart-total { float: right; }
.cart-total .subtotal-content, .cart-total .total-content { margin-top: 5px; padding-left: 6px; padding-right: 6px; }
.cart-total .subtotal-content .float-left, .cart-total .total-content .float-left { position: relative; width: 77%; }
.cart-total .subtotal-content .float-right, .cart-total .total-content .float-right { position: relative; width: 22%; }
.cart-total .subtotal-content { font-size: 13px; }
.cart-total .subtotal-content .float-left, .cart-total .subtotal-content .float-right { margin-bottom: 7px; }
.cart-total .subtotal-content .btn-close { width: 14px; height: 14px; line-height: 14px; right: -18px; top: -5px; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.cart-total .total-content { padding: 15px 6px 14px; background-color: #ddd; font-weight: bold; font-size: 16px; }
.cart-total .total-content small { display: inline-block; margin-left: 5px; font-size: 0.8em; }
.cart-total .total-shipping { padding: 5px 6px 0px 0px; font-size: 0.8em; color: #464445; }
.cart-total .total-shipping a { font-size: inherit; color: inherit; }

/*
*    checkout navigation
*/
.checkout-navigation { float: right; margin: 2px 0px; font-size: 0.8em; font-weight: normal; }
.checkout-navigation .passed { color: #00ca06; }
.checkout-navigation .active { color: #000000; }
.checkout-navigation .default { color: #aeaeae; }

/*
*    checkout buttons
*/
.checkout-buttons .btn-checkout-left { float: left; }
.checkout-buttons .btn-checkout-right { float: right; }

/**
*   checkout shipping
*/
.checkout-shipping-columns.columns-two > :first-child { width: 31%; }
.checkout-shipping-columns.columns-two > :last-child { width: 66.5%; }
.checkout-shipping-columns.columns-two .content-box { height: 280px; }

/**
*   checkout payment
*/
.checkout-payment-columns.columns-two .column .content-box { _height: 230px; }

/**
*   checkout payment block
*/
.checkout-payment-block { position: relative; line-height: 1.2; font-size: 0.8em; font-family: Arial; color: #3f3f3f; }
.checkout-payment-block .row-paypalplus { position: relative; display: block; width: 100%; z-index: 1; }
.checkout-payment-block .row-paypalplus input[type="radio"], .checkout-payment-block .row-paypalplus .name, .checkout-payment-block .row-paypalplus .info { display: none; }
.checkout-payment-block .row-paypalplus #ppp_result #ppplus { margin: -26px 0px -29px; }
.checkout-payment-block .row-paypalplus #ppp_result #ppplus iframe { height: 100% !important; }
.checkout-payment-block .row { position: relative; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 0px 16px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #dfdfdf; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkout-payment-block .row:first-child { border-top: 1px solid #dfdfdf; }
.checkout-payment-block .row:hover, .checkout-payment-block .row.is-active { background-color: #f9f9f9; }
.checkout-payment-block .row input[type="radio"] { display: none; }
.checkout-payment-block .row input[type="radio"]:checked ~ .name strong { font-weight: bold; }
.checkout-payment-block .row input[type="radio"]:checked ~ .check { visibility: visible; }
.checkout-payment-block .row input[type="radio"]:checked ~ .description { display: block; }
.checkout-payment-block .row .image { width: 125px; }
.checkout-payment-block .row .image.image-sofort img { width: 60%; }
.checkout-payment-block .row .name { display: flex; height: 64px; justify-content: center; align-items: flex-start; flex-direction: column; }
.checkout-payment-block .row .name strong { font-weight: normal; }
.checkout-payment-block .row .check { position: absolute; width: 23px; height: 20px; right: 16px; top: 50%; margin-top: -10px; visibility: hidden; background-image: url("../img/icon-ppp-checkmark.png"); background-position: right center; background-repeat: no-repeat; }
.checkout-payment-block .row .description { width: 100%; display: none; padding-bottom: 25px; }
.checkout-payment-block .row .description.is-active { display: block; }

/*
*    checkout confirmation page
*/
.checkout-confirmation-columns .column .content-box .content { min-height: 130px; }

.checkout-confirmation-dpdexpressinfo > a { display: inline-block; padding: 0 10px; }

.checkout-products { position: relative; padding: 15px 30px; background-color: #b3d4ff; -webkit-box-shadow: -5px 5px 5px #cecece; -moz-box-shadow: -5px 5px 5px #cecece; box-shadow: -5px 5px 5px #cecece; }

/*
*   no javascript enabled
*/
.global-site-notice { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9997; /* IE fallback */ background-color: black; background-color: rgba(0, 0, 0, 0.8); }
.global-site-notice .notice-inner { position: absolute; top: 5%; left: 30%; right: 30%; z-index: 9998; background-color: #fff; padding: 20px 0; }
.global-site-notice .notice-inner .messages { font-size: 1em; line-height: 1.3; }

/*
*   cookie consent
*/
.cookie-consent { position: relative; width: 100%; z-index: 10; padding: 8px 0; font-size: 0.8em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* IE fallback */ background-color: white; background-color: rgba(255, 255, 255, 0.9); }
.cookie-consent a { display: inline-block; text-decoration: underline; }

/*
*   array ouput
*/
.pr { padding: 20px 10px; background-color: #fff; color: #000; font-size: 0.8em; }

/*
*   scroll top element
*/
.scroll-top { position: fixed; width: 50px; height: 50px; /* IE fallback */ background-color: black; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity: 0; filter: alpha(opacity=0); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: 100; right: 15px; bottom: 15px; cursor: pointer; line-height: 50px; text-align: center; }
.scroll-top:hover { /* IE fallback */ background-color: #f25e13; background-color: rgba(242, 94, 19, 0.8); }
.scroll-top .asf { font-size: 1.4em; color: #fff; }

/*
*   text styles colors, align, size
*/
.text-left { text-align: left; }

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

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

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

.text-italic { font-style: italic; }

.text-bold { font-weight: bold; }

.text-underline { text-decoration: underline; }

.text-uppercase { text-transform: uppercase; }

.text-linethrough { text-decoration: line-through; }

.text-red { color: #cf0f0f; }

.text-green { color: #00cc00; }

.text-white { color: #fff; }

.text-highlight { color: #f25e13 !important; }

.font-size-base { font-size: 0.8em; }

.font-serif { font-family: Georgia, "Times New Roman", Times, serif; }

/*
*   spacer
*/
.margin-bottom-base { margin-bottom: 15px; }

/*
*   misc
*/
.float-left { float: left; }

.float-right { float: right; }

.clearnone { clear: none; }

.clearboth { clear: both; height: 0px !important; }

.clearleft { clear: left; }

/*
*   reset styles
*/
.no-display { display: none; }

.no-padding { padding: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-border-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }

.no-wrap { white-space: nowrap !important; }

/*
*   width
*/
.width-100p { width: 100%; }