.hidden {
    transition: display 0.5s ease;
    display: none;
}

.show {
    transition: display 0.5s ease;
    display: block;
}

.if-material_1 {
    display: block;
}

.clear {
    clear: both;
}

.if-color_top img,
.if-color_top .swatch-color,
.if-color_bottom img {
    width: 30px !important;
    height: 30px !important;
}

.if-color_top .swatch-color,
.if-color_top .container-swatch-color,
.if-color_bottom .swatch-color,
.if-color_bottom .container-swatch-color {
    width: 20px !important;
    height: 20px !important;
}

.one-column .if-color_top .swatch-color,
.one-column .if-color_top .container-swatch-color,
.one-column .if-color_bottom .swatch-color,
.one-column .if-color_bottom .container-swatch-color,
.one-column-full .if-color_top .swatch-color,
.one-column-full .if-color_top .container-swatch-color,
.one-column-full .if-color_bottom .swatch-color,
.one-column-full .if-color_bottom .container-swatch-color,
.one-column-full-configurator .if-color_top .swatch-color,
.one-column-full-configurator .if-color_top .container-swatch-color,
.one-column-full-configurator .if-color_bottom .swatch-color,
.one-column-full-configurator .if-color_bottom .container-swatch-color {
    width: 28px !important;
    height: 28px !important;
}

.hideDepend {
    display: none;
}

.if-color_top,
.if-color_bottom {
    margin-top: 10px;
}

.swatch-color-with-background-image {
    background-size: 30px 30px !important;
}

#customProductImageCanvas {

}

.custom_option_wrapper {

}

.custom_option_wrapper_left {
    float: left;
    margin-right: 20px;
}

.custom_option_wrapper_left .show {
    margin-right: 18px;
}

.custom_option_wrapper_right {
    float: left;
}

.custom_option_wrapper select {
    width: 150px;
}

.toolTipHeader:first-letter {
    text-transform: capitalize;
}

#customProductImageCanvas .item {
    box-shadow: 0 0 2px #888;
    border: 1px solid #fff;
    margin-bottom: 5px;
}

#customProductImageCanvas .itemInfo {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    text-shadow: 0 0 3px #000;
    margin-left: 8px;
    margin-top: 3px;
}

.addNext,
.removeThis,
.control,
.data,
.addSettings {
    float: left;
}

.addNext,
.removeThis,
.addSettings {
    cursor: pointer;
}

.control {
    margin-left: 10px;
    margin-top: 25px;
}

.addNext,
.addSettings {
    margin-right: 10px;
}

#product-options-wrapper {
    border: 1px solid #fff;

}

.containerInner .control {
    margin-top: 0;
    padding-top: 5px;
    float: right;
}

.iconOverImage {
    color: white;
    text-shadow: 0 0 3px #000;
}

.containerInner .control .removeThis {
    margin-right: 10px;
}

.inActiveAction {
    opacity: 0.4;
}

.colorTopName,
.colorBottomName {
    margin-left: 2px;
}

.colorTopName {
    margin-top: 2px;
    margin-bottom: 5px;
}

.colorBottomName {
    margin-top: 5px;
    margin-bottom: 2px;
}

.colorTopLabel,
.colorLabel {
    font-weight: bold;
}

.option select {
    border-radius: 4px !important;
    border: 1px solid #bbb;
}

.option select option {

}

.container-swatch-color, .swatch-color {
    border-radius: 2px;
}

.option img.swatch-selected, .option div.swatch-selected {
    border: 1px solid #fff !important;
    margin-bottom: 4px;
    box-shadow: 0 0 2px #888;
    padding-bottom: 4px;
    padding-right: 4px;
}

.colorTopColor, .colorBottomColor {
    border: 1px solid #fff;
    box-shadow: 0 0 2px #888;
}

.validation-failed {
    border: 2px solid #B94A48 !important;
}

.ui-widget-overlay {
    opacity: .50 !important;
    filter: Alpha(Opacity=50) !important;
    background-color: rgb(50, 50, 50) !important;
}

.swatch-color {
    border: 1px solid;
}

.swatch-color:hover {
    border: 1px solid #fff;
}

.custom_dependency .inActiveAction:hover {
    color: #666666;
}

.containerInner .inActiveAction:hover {
    color: #ffffff;
}

ul.company_links ul {
    display: none;
}

ul.company_links ul:hover {
    display: block
}

ul.company_links li {

}

ul.company_links li ul {

}

ul.company_links li ul li {

}

.b-flexible-menu-bottom-container {
    background: none;
}

.b-flexible-menu-bottom-container ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.b-flexible-menu-bottom-container li:not(:first-child):before {
    content: "|";
    padding: 0 14px 0 13px;
    color: #35312e;
}

.b-flexible-menu-bottom-container ul li {
    line-height: 20px;
    display: inline-block;
}

.b-flexible-menu-bottom-container ul li a span {
    color: #35312e;
    font-size: 11px;
    font-weight: normal;
}

#sns_header #sns_topheader .sns-quickaccess .quickaccess-inner ul.links li.first:before {
    content: "|" !important;
    padding: 0 10px !important;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.cms_content ul, .cms_content ol {
    margin-left: 12px;
    margin-bottom: 0;
}

.cms_content a {
    text-decoration: underline;
}

.imprint_outer_table {
    width: 100%;
}

.imprint_logo_col {
    vertical-align: top;
    text-align: right;
}

.custom_copyright {
    text-align: right;
    padding: 0 !important;
}

#sns_footer {
    box-shadow: 0 10px 10px #888;

}

html {
    background: none repeat scroll 0 0 #eee;
}

#google_map {
    border: 1px solid #909090;
}

body.db,
body.db_en {

}

body.db #sns_header,
body.db #sns_footer {
    background: #580703;
}

body.base,
body.base_en {

}

#sns_content .block.block-layered-nav .custom-layer-nav {
    padding-top: 0 !important;
}

#sns_content .block.block-layered-nav .custom-layer-nav .price {
    margin-top: 0 !important;
}

.toolbar {

}

.toolbar .view-mode .list {

}

.toolbar .sort-by {

}

.custom-layer-nav {
    padding-left: 15px;
    padding-right: 15px;
}

#sns_ajaxfilter div.proces {
    border-radius: 4px;
}

.sns-products-container .item-title a:hover {
    color: #666666 !important;
}

.ui-tooltip {
    background: #666;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
}

.ui-tooltip-content {
    position: relative;
    padding: 1em;
}

.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}

.ui-tooltip-content::after {
    top: -10px;
    left: 10px;
    border-color: #666 transparent;
    border-width: 0 10px 10px;
}

body .ui-tooltip {
    border-width: 0;
    background: #666 !important;
    box-shadow: 0 !important;
    color: #fff !important;
    opacity: 0.8 !important;
}

.mainProductImagePlaceHolder {
    display: none;
}

.products-list .tax-details,
.products-list .shipping-cost-details a,
.products-list .shipping-cost-details,
.products-grid .tax-details,
.products-grid .shipping-cost-details a,
.products-grid .shipping-cost-details {
    font-size: 11px;
}

.products-grid li.item:first-child,
.products-grid li.item:nth-child(2),
.products-grid li.item:nth-child(3) {
    margin-top: 30px;
}

.configuratorHide {
    display: none;
}

.configuratorContentTooltip {

}

.configuratorContentImage {
    border: 1px solid #bbb;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}

.configuratorContentDescription {

}