body { font-family:Arial; font-size:14px; padding:0; margin:0; background-color:#f1f1f1; }
* { box-sizing:border-box; }

.clear { clear:both; height:0px; line-height:0px; font-size: 1px; overflow:hidden; display:block; }
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.p-rel { position:relative; }

#top-menu { min-height:75px; }
.content-section { max-width:1320px; margin:0px auto; }
.content-wb { background-color:#fff; }
.content { width:100%; padding:40px 0px; }
.menu-button { float:left; display:none; background: url("../images/menu-button.png") no-repeat center center; height:80px; width:75px; background-size:30px 30px; cursor:pointer; }
.logo { float:left; display:block; background:url("../images/logo.png") no-repeat left +4px center; height:75px; width:19%; background-size:80%; }
.search { margin-top:19px; margin-left:1%; float:left; width:30%; height:37px; border:solid 1px #000; border-radius:7px; }
.search-input { float:left; background-color:#f1f1f1; height:35px; width:86%; border:0px; margin-left:2%; }
.search-button { float:right; border:0px; height:35px; width:35px; color:#999; cursor:pointer; font-weight:bold; }
#search-suggestions { position:absolute; width:400px; border:solid 1px #e1e1e1; background-color:#fff; padding:10px 25px 10px 10px; z-index:9999; border-radius:5px; }
.search-subtitle { font-size:13px; font-weight:bold; padding-top:10px; padding-bottom:5px; }
.search-item { display:table-cell; width:400px; height:40px; padding-left:48px; border-top:solid 1px #e1e1e1; background-repeat:no-repeat; background-size:38px 38px; vertical-align:middle; background-position:left center; }
.search-item-a { color:#000; text-decoration:none; }
.search-item-a:hover { text-decoration:underline; }
#main-search-button { display:none; float:right; width:35px; height:35px; background: url("../images/search-mobile.png") no-repeat center center; margin-top:22px; margin-left:3%; margin-left:3%; margin-right:4%; cursor:pointer; }
.header-buttons-block { float:right; margin-top:15px; margin-left:20px; height:45px; width:145px; cursor:pointer; }
.hbb-title { font-size:16px; margin-top:5px; }
.hbb-subtitle { font-size:13px; color:#999; }
.login-section { width:45px; height:45px; background:url("../images/login.png") no-repeat center center; padding-left:0px; font-size:0px; position:relative; display:block; float:left; cursor:pointer; margin-right:8px; }
.account-section { width:45px; height:45px; background:url("../images/login-account.png") no-repeat center center; padding-left:0px; font-size:0px; position:relative; display:block; float:left; cursor:pointer; margin-right:8px; }
.basket-price { display:none; }
.basket-price-green { display:none; }
.basket-number { position:relative; border:0px; height:45px; width:45px; line-height:44px; border-radius:0px; padding-left:24px; padding-right:2px; padding-top:11px; font-weight:bold; font-size:12px; text-align:center; color:#fff; cursor:pointer; float:left; margin-right:8px; }
.basket-icon { background:url("../images/basket.png") no-repeat center center; }
.basket-icon-warning { animation: basketWarningMobile 2s linear 0s infinite normal; }
.basket-icon-green { background:url("../images/basket-green.png") no-repeat center center; }
.basket-icon-warning-green { animation: basketWarningMobileGreen 2s linear 0s infinite normal; }

.basket-content { position:absolute; z-index:99; width:250px; top:45px; left:-105px; cursor:initial; }
.basket-content-arrow { background:url("../images/arrow-basket-js.png") no-repeat center top; height:11px; }
.basket-content-arrow-green { background:url("../images/arrow-basket-js-green.png") no-repeat center top; height:11px; }
.basket-content-frame { position:relative; background-color:#e1e1e1; border-radius:5px; line-height:normal; color:#fff; }
.basket-content-frame-green { position:relative; line-height:normal; background-color:#e1e1e1; border-radius:5px; color:#222; }
.basket-content-frame-green a { text-decoration:none; }
.basket-js-title { display:block; margin-bottom:5px; padding:5px 10px; line-height:19px; background-color:#e60012; border-radius:5px 5px 0px 0px; color:#fff; text-align:left; }
.basket-js-title-green { display:block; margin-bottom:5px; padding:5px 10px; line-height:19px; background-color:#1b9606; border-radius:5px 5px 0px 0px; color:#fff; text-align:left; }
.basket-js-subtitle { display:block; text-align:center; padding:5px 10px; line-height:19px; background-color:#1b9606; border-radius:0px 0px 5px 5px; color:#fff; }
.basket-js-subtitle:hover { background-color:#43ad30; }
.basket-js-item { display:table; background-color:#fff; height:30px; margin:5px; border-radius:5px; padding:2px; }
.basket-js-item a { color:#000; text-decoration:none; }
.basket-js-item a:hover { text-decoration:underline; }
.basket-js-item-image { display:table-cell; width:30px; height:30px; overflow:hidden; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.basket-js-item-name { display:table-cell; font-size:11px; width:215px; height:30px; padding-left:5px; padding-right:5px; color:#000; font-weight:bold; overflow:hidden; vertical-align:middle; text-align:left; }
.basket-js-item-delete { display:table-cell; height:19px; width:21px; margin-top:5px; background-repeat:no-repeat; background-position:center center; cursor:pointer; }
.basket-js-item-image { display:block; float:left; width:30px; height:30px; background-size:cover; background-position:center center; margin-right:10px; }

.login-content { position:absolute; z-index:99; width:250px; top:42px; left:-103px; cursor:initial; font-size:14px; }
.login-content-arrow { background:url("../images/arrow-login-js.png") no-repeat center top; height:11px; }
.login-content-frame { position:relative; background-color:#e1e1e1; padding:10px; border-radius:5px; line-height:normal; color:#000; }
.login-title { display:block; color:#999; padding-top:10px; font-size:13px; }
.login-input { border:0px; border-radius:5px; margin-top:5px; padding-left:5px; padding-right:5px; float:left; width:190px; font-size:13px; height:20px; }
.login-button { border-radius:5px; margin-top:6px; float:right; background-color:#fff; color:#999; border:solid 1px #999; cursor:pointer; height:20px; }
.login-forgoten-pass { float:left; font-size:13px; margin-top:10px; }
.login-forgoten-pass a { color:#999; text-decoration:none; }
.login-forgoten-pass a:hover { text-decoration:underline; }
.login-new-account { float:right; font-size:13px; margin-top:10px; }
.login-new-account a { color:#999; text-decoration:none; }
.login-new-account a:hover { text-decoration:underline; }
.account-personal-data { display:block; background: url("../images/icon-register.png") no-repeat 4px 1px; padding-left:30px; margin-bottom:5px; color:#000; text-decoration:none; }
.account-personal-data:hover { text-decoration:underline; }
.account-address { display:block; background: url("../images/icon-address.png") no-repeat left 1px; padding-left:30px; margin-bottom:5px; color:#000; text-decoration:none; }
.account-address:hover { text-decoration:underline; }
.account-orders-history { display:block; background: url("../images/icon-orders.png") no-repeat 4px 1px; padding-left:30px; margin-bottom:5px; color:#000; text-decoration:none; }
.account-orders-history:hover { text-decoration:underline; }
.account-favorite-products { display:block; background: url("../images/icon-favorite-menu.png") no-repeat 4px 1px; padding-left:30px; margin-bottom:5px; color:#000; text-decoration:none; }
.account-favorite-products:hover { text-decoration:underline; }
.account-logout { display:block; background: url("../images/icon-logout.png") no-repeat 4px 1px; padding-left:30px; color:#000; text-decoration:none; }
.account-logout:hover { text-decoration:underline; }
.account-user-info-name { padding:0px 5px 5px 5px; margin-bottom:5px; color:#999; border-bottom:solid 1px #999; }
.account-user-info-points  { padding:5px 5px 0px 5px; margin-top:5px; color:#999; border-top:solid 1px #999; }

.main-content { width:80%; float:right; margin:0px; box-shadow:none; }
.static-content { padding: 0px 8px; }
.static-content a { color:#960000; }
.static-content a:hover { text-decoration:none; }
.static-content ul { padding-left:15px; }

.homepage-banner { float:left; position:relative; width:100%; padding-bottom:30px; }
.homepage-banner .banner-image { width:100%; height:100%; max-height:366px; position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-size:contain; background-position:center; background-color:#fff; }
.homepage-banner-buttons { text-align:center; margin-top:375px; margin-bottom:5px; }
.homepage-content-pad { padding:0px 8px; }

.homepage-title-sales { font-size:24px; font-weight:bold; line-height:24px; margin:30px 8px 15px 8px; color:#000; }
.homepage-title-sales span { color:#E80928; }
.homepage-title-news { font-size:24px; font-weight:bold; line-height:24px; margin:30px 8px 15px 8px; color:#000; }
.homepage-title-news span { color:#1b9606; }
.homepage-title-tip { font-size:24px; font-weight:bold; line-height:24px; margin:30px 8px 15px 8px; color:#000; }
.homepage-title-tip span { color:#096ae8; }

.navigation-bg { background-color:#222222; }
.navigation { height:3px; overflow:hidden; color:#fff; max-width:1320px; margin:0px auto; position:relative; }
.nav-logo { display:block; float:left; width:35px; height:19px; background:url("../images/logo-nav.png") no-repeat left top; margin:11px 0px 0px 0px; }
.nav-arrow { display:block; float:left; width:11px; height:41px; background:url("../images/nav-section.png") no-repeat left center; margin:0px 6px 0px 6px; }
.nav-text { display:block; float:left; margin:12px 0px 0px 0px; }
.nav-text a { color:#d7d7d7; text-decoration:none; }
.nav-text a:hover { text-decoration:underline; }

.to-top-button { position:fixed; display:none; width:35px; height:35px; right:10px; top:115px; background: url("../images/icon-to-top.png") no-repeat center center; cursor:pointer; z-index:300; }

@keyframes basketWarning {
 0% { background:#e60012 url("../images/basket.png") no-repeat 7px center; }
 50% { background:#e60012 url("../images/basket.png") no-repeat 7px center; }
 51% { background:#e60012 url("../images/basket-warning.png") no-repeat 7px center; }
 100% { background:#e60012 url("../images/basket-warning.png") no-repeat 7px center; }
}

@keyframes basketWarningGreen {
 0% { background:#1b9606 url("../images/basket-green.png") no-repeat 7px center; }
 50% { background:#1b9606 url("../images/basket-green.png") no-repeat 7px center; }
 51% { background:#1b9606 url("../images/basket-warning-green.png") no-repeat 7px center; }
 100% { background:#1b9606 url("../images/basket-warning-green.png") no-repeat 7px center; }
}

@keyframes basketWarningMobile {
 0% { background:#000 url("../images/basket-mobile.png") no-repeat center center; }
 50% { background:#000 url("../images/basket-mobile.png") no-repeat center center; }
 51% { background:#000 url("../images/basket-mobile-warning.png") no-repeat center center; }
 100% { background:#000 url("../images/basket-mobile-warning.png") no-repeat center center; }
}

@keyframes basketWarningMobileGreen {
 0% { background:#000 url("../images/basket-mobile-green.png") no-repeat center center; }
 50% { background:#000 url("../images/basket-mobile-green.png") no-repeat center center; }
 51% { background:#000 url("../images/basket-mobile-warning-green.png") no-repeat center center; }
 100% { background:#000 url("../images/basket-mobile-warning-green.png") no-repeat center center; }
}

.menu { float:left; width:19%; background-color:#f1f1f1; }
.menu-item { position:relative; display:block; height:41px; border-bottom:solid 1px #fff; padding-left:45px; line-height:41px; font-size:16px; overflow:hidden; }
.menu-item-normal { background-image:url("../images/menu-bg.png"); background-repeat:no-repeat; background-position:left -1px; color:#000; }
.menu-item-hover { background-image:url("../images/menu-bg.png"), url("../images/arrow-menu-down-hover.png"), linear-gradient(to right, #fdfdfd 35%, #e1e1e1); background-repeat:no-repeat, no-repeat, repeat; background-position:left -1px, right 12px center, left top; color:#000; }
.menu-item-selected { background-image:url("../images/menu-bg.png"); background-repeat:no-repeat; background-position:left -1px; }
.menu .menu-href { text-decoration:none; }
.menu-icon { display:block; position:absolute; top:2px; left:2px; width:36px; height:36px; background-position:center; background-repeat:no-repeat; }
.menu-product { width:80%; margin:0px auto; padding:20px 0px; }
.menu-product-image { width:30%; height:58px; background-color:#fff; border:solid 1px #d7d7da; text-align:center; border-radius:5px; }
.menu-product-image img { width:90%; height:auto; }
.menu-product-desc { width:70%; color:#000; font-size:13px; }
.menu-product-desc a { color:#000; text-decoration:none; }
.menu-product-desc a:hover { text-decoration:underline; }
.menu-title { padding-left:10%; padding-top:25px; border-top:solid 1px #fff; color:#888; font-size:15px; }
#menu-mobile-bg { position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color: rgba(71, 66, 77, 0.50); display:none; z-index:450; }

.submenu-js { position:absolute; background-color:#e1e1e1; padding:10px; z-index:99; max-width:820px; min-width:765px; border-radius:0px 5px 5px 0px; }
.submenu-js-close { position:absolute; top:5px; right:5px; border-radius:5px; }
.submenu-js-table { width:100%; }
.submenu-js-table td { vertical-align:top; }
.submenu-js-image { width:30px; overflow:hidden; }
.submenu-js-image-frame { width:30px; height:30px; background-position:center top; background-repeat:no-repeat; background-size:contain; overflow:hidden; }
.submenu-js-content { color:#000; font-size:12px; width:25%; }
.submenu-js-content a { color:#000; text-decoration:none; }
.submenu-js-content a:hover { text-decoration:underline; }
.submenu-js-title { font-size:16px; padding-left:18px; padding-right:10px; padding-top:8px; padding-bottom:8px; background-image:url("../images/arrow-submenu-right.png"); background-repeat:no-repeat; background-position:5px 11px; }
.submenu-js-title a { color:#000; }
.submenu-js-subcontent { padding-left:15px; padding-right:10px; margin-top:3px; background-image:url("../images/arrow-submenu-left.png"); background-repeat:no-repeat; background-position:left 1px; font-size:12px; }
.submenu-js-subcontent a { color:#666; }
.submenu-js-subcontent-dots { padding-left:15px; padding-right:10px; color:#666; font-size:12px; }

.submenu-section { border-bottom:solid 1px #fff; }
.submenu-section ul { list-style-type:none; margin:15px 5px 15px 25px; padding:0; list-style-image: url('../images/arrow-submenu-left.png'); }
.submenu-section ul li { padding-top:2px; padding-bottom:2px; }
.submenu-section ul li a { color:#000; text-decoration:none; }
.submenu-section ul li.sub-selected { list-style-image: url('../images/arrow-submenu-down-active.png'); }
.submenu-section ul li.selected { list-style-image: url('../images/arrow-submenu-left-active.png'); }
.submenu-section ul li a:hover { text-decoration:underline; }
.submenu-section ul li ul { margin:2px 0 5px 18px; padding:0; }

/********************* PRODUCT LIST **********************/
#category-description { padding-bottom:10px; }
.listing-section { background-color:#e6e6e6; border:solid 1px #c6c6c6; height:30px; margin:5px 0px; overflow:hidden; }
.listing-section .text-info { float:left; margin-top:7px; margin-left:10px; font-size:12px; }
.listing-section .text-info a { color:#666; }
.listing-section .text-info a:hover { text-decoration:none; }
.listing-section .listing { float:right; margin-top:2px; margin-right:4px; font-size:12px; }
.listing-section .listing select { color:#ffffff; background-color:#303030; border:solid 1px #ffffff; margin:0 6px; }
.listing-section .listing img { position:relative; top:1px; }
.listing-section .listing-2 { float:right; margin-top:3px; margin-right:4px; font-size:12px; }
.listing-section .listing-2 select { color:#ffffff; background-color:#303030; border:solid 1px #ffffff; margin:0 6px; }
.listing-section .listing-2 img { position:relative; top:1px; }
.plist-bg { float:left; border-left:solid 1px #c6c6c6; border-top:solid 1px #c6c6c6; margin:0px; width:100%; }
.plist-bg .product-bg { float:left; border-right:solid 1px #c6c6c6; border-bottom:solid 1px #c6c6c6; width:14.28%; height:199px; position:relative; }
.plist-bg .product-bg .product-pad { padding:5px; text-align:center; }
.plist-bg .product-bg .product-pad .product-image { width:100px; height:100px; overflow:hidden; margin:0 auto; }
.plist-bg .product-bg .product-pad .product-name { margin-top:5px; font-size:11px; font-weight:bold; height:50px; overflow:hidden; }
.plist-bg .product-bg .product-pad .product-name a { color:#000000; text-decoration:none; }
.plist-bg .product-bg .product-pad .product-name a:hover { text-decoration:underline; }
.plist-bg .product-bg .product-price { position:absolute; bottom:5px; left:5px; right:5px; background-color:#e6e6e6; border:solid 1px #c6c6c6; height:25px; }
.plist-bg .product-bg .product-price .price-text { float:left; margin-top:3px; margin-left:4px; overflow:hidden; width:100px; height:15px; }
.plist-bg .product-bg .product-price .basket-section { float:right; margin-top:5px; margin-right:4px; }
.normal-price { font-size:14px; font-weight:bold; }
.dis-price { font-size:14px; font-weight:bold; color:#ff0000; }
.dis-price-old { font-size:11px; font-weight:bold; text-decoration:line-through; }

.category-info { padding:10px 8px; margin-bottom:20px; }
.category-info h1 { font-weight:normal; font-size:22px; margin-bottom:0px; margin-top:0px; color:#888; }
.category-info h2 { font-weight:normal; font-size:18px; margin-bottom:10px; margin-top:18px; color:#888; }
.category-info .category-description { color:#000; }
.category-info .category-description a { font-weight:bold; color:#000; }
.category-info .category-description a:hover { text-decoration:none; }

/* new list */
.category-list { width:100%; list-style:none; padding:0; margin:12px 0px 0px 0px; }
.category-list li { width:20%; float:left; position:relative; background-color:#fff; overflow:hidden; height:100%; max-height:100%; }
.category-list li a { text-decoration:none; color:#000; }
.category-list li a:hover { text-decoration:underline; }
.category-list li .inner-content { display:block; background-color:#fff; }
.category-list li .inner-content .category-image { display:block; width:90px; height:90px; overflow:hidden; background-size:contain; background-repeat:no-repeat; background-position:center center; margin:0px auto; }
.category-list li .inner-content .category-title { display:block; padding:5% 5% 5% 18px; background-image:url("../images/arrow-submenu-right.png"); background-repeat:no-repeat; background-position:5px 13px; }

/********************* PRODUCT DETAIL **********************/
.content-detail { padding:0px 8px; font-size:12px; }
.content-detail h1 { margin-top:0px; margin-bottom:20px; font-size:22px; color:#888; font-weight:normal; }
.image-container { float:left; padding:5px; border:solid 1px #c6c6c6; width:30%; }
.image-container .image-content { overflow:hidden; text-align:center; }
.image-container .image-content img { width:100%; height:100%; }
.info-container { float:right; width:68%; }
.info-container .price-section { background-color:#e6e6e6; border:solid 1px #c6c6c6; height:34px; overflow:hidden; margin-bottom:20px; }
.info-container .price-section .price-text { float:left; margin-top:5px; margin-left:4px; }
.info-container .price-section .basket { float:right; margin-top:5px; margin-right:4px; }
.info-container .price-section .basket form { margin:0; padding:0; }
.info-container .price-section .basket input[type="text"] { width:26px; height:21px; background-color:#ffffff; border:solid 1px #c6c6c6; font-size:18px; font-weight:bold; text-align:center; }
.info-container .price-section .basket input[type="image"] { position:relative; margin-left:6px; top:2px; }
.info-container .info-section .info-title { float:left; font-weight:bold; width:150px; }
.info-container .info-section .info-desc { float:left; }
.info-container .info-delimiter { height:1px; overflow:hidden; background-color:#c5c5c5; margin:7px 0; }
.desc-container { padding-top:25px; }
.desc-container .desc-short { float:right; width:49%; } 
.desc-container .param-short { float:left; width:49%; } 
.detail-normal-price { font-size:21px; font-weight:bold; }
.detail-dis-price { font-size:21px; font-weight:bold; color:#ff0000; }
.detail-dis-price-old { font-size:21px; font-weight:bold; text-decoration:line-through; }
.description-header { background-color:#e6e6e6; border:solid 1px #c6c6c6; height:26px; line-height:26px; padding:0 5px; margin-bottom:7px; font-size:14px; font-weight:bold; }

/* footer new */
.footer-inner { max-width:1320px; margin:0px auto; position:relative; }
.footer-inner { max-width:1320px; margin:0px auto; position:relative; }
.footer-nb { background-color:inherit; }
.link-section { float:left; padding:20px 0px 15px 15px; }
.footer-icons { float:right; padding:30px 15px 25px 0px; }
.footer-icons img { height:38px; }
.footer-gb { background-color:#d7d7da; }
.footer-info { padding:40px 0; }
.footer-info-section { float:left; text-align:center; }
.footer-info-section a { color:#000; text-decoration:none; }
.footer-info-section a:hover { text-decoration:underline; }
.footer-info-section .section-title { font-weight:bold; margin-bottom:15px; font-size:16px; color:#888; }
.footer-info-section-mobile { display:none; padding:20px 0px; margin:0px 20px; }
.footer-info-section-mobile .section-title a { font-weight:bold; font-size:16px; line-height:22px; color:#888; text-decoration:none; }
.footer-info-section-mobile a { color:#000; text-decoration:none; line-height:20px; display:block; position:relative; padding:5px 0px; }
.footer-info-section-mobile a .info-anchor { position:absolute; top:6px; right:0; display:inline-block; width:12px; height:12px; border-right:2px solid #888; border-bottom:2px solid #888; transform:rotate(45deg); margin-top:1px; margin-right:2px; }
.footer-info-section-mobile a .info-anchor-open { position:absolute; top:12px; right:0; display:inline-block; width:12px; height:12px; border-right:2px solid #888; border-bottom:2px solid #888; transform:rotate(-135deg); margin-top:1px; margin-right:2px; }
.footer-info-section-mobile .footer-info-block { padding: 10px 0px 0px 0px; }
.footer-info-section-mobile a:hover { text-decoration:underline; }
.info-delimiter { border-top:solid 1px #999; }
.footer-bb { background-color:#222222; color:#f1f1f1; }
.footer-contact-section { float:left; width:33.33%; padding-left:65px; color:#999; }
.footer-contact-section .title { color:#f1f1f1; font-weight:bold; font-size:16px; }
.footer-contact-section .highlight { color:#f1f1f1; }
.footer-contact-section a { color:#f1f1f1; }
.footer-contact-section a:hover { text-decoration:none; }
.location-icon { background:url("../images/contact-location.png") no-repeat left top; }
.phone-icon { background:url("../images/contact-phone.png") no-repeat left top; }
.mail-icon { background:url("../images/contact-mail.png") no-repeat left top; }

.cookie-banner { position:fixed; height:90px; background-color:#fff; left:0; right:0; bottom:0; border-top:solid 2px #d7d7da; z-index:999; }
.cookie-banner-info { max-width:1265px; margin:10px auto; }
.cookie-banner-text { float:left; width:80%; color:#555555; }
.cookie-banner-buttons { float:right; width:150px; }
.cookie-banner-accept { width: 140px; padding-top:5px; padding-bottom:5px; text-align:center; color:#1b9606; border:solid 1px #1b9606; cursor:pointer; margin-bottom:10px; }
.cookie-banner-accept:hover { background-color:#1b9606; color:#fff; }
.cookie-banner-refuse { width: 140px; padding-top:5px; padding-bottom:5px; text-align:center; color:#e60012; border:solid 1px #e60012; cursor:pointer; }
.cookie-banner-refuse:hover { background-color:#e60012; color:#fff; }

.search-container { background-color:#e6e6e6; border:solid 1px #c6c6c6; padding:10px; margin-bottom:20px; }
.search-section { float:left; width:50%; }
.search-section-title { float:left; width:30%; }
.search-section-input { float:left; width:70%; }
.search-section-input input, .search-section-input select { width:70%; }
.search-section-button input { margin:15px auto 0px auto; }

.form-section-title { font-size:16px; color:#666666; }
.form-section-data { border:solid 2px #666666; padding:10px; margin-bottom:10px; }
.form-section-data input[type="text"],
.form-section-data input[type="email"],
.form-section-data input[type="password"],
.form-section-data textarea, 
.form-section-data select { border:solid 1px #666666; }
.form-section-data input:required, .form-section-data select:required, .form-section-data textarea:required { background-color:#cccccc; }
.form-info { text-align:right; font-size:12px; color:#666666; }
.form-website-info { display:none; }

.content-table th { background-color:#e6e6e6; border-top:solid 1px #c6c6c6;  border-bottom:solid 1px #c6c6c6; text-align:left; padding:5px 5px; font-size:12px; }
.content-table td { border-bottom:solid 1px #c6c6c6; text-align:left; padding:5px 5px; font-size:12px; }
.content-table td a { color:#888; text-decoration:none; }
.content-table td a:hover { text-decoration:underline; }
.content-table td img { position:relative; top:3px; }
.content-table td form { display:inline; }

.b-mess { text-align:center; padding:0px; border:solid 2px #990000; color:#990000; background-color:#ffcccc; }
.g-mess { text-align:center; padding:0px; border:solid 2px #009900; color:#009900; background-color:#ccffcc; }

.content-button { 
  height:27px;
  line-height:27px;
  font-size:14px;
  font-weight:bold;
  border-radius:10px;  
  background: #b1b3b6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYjNiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjRhNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #b1b3b6 0%, #4b4a4c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b3b6), color-stop(100%,#4b4a4c));
  background: -webkit-linear-gradient(top, #b1b3b6 0%,#4b4a4c 100%);
  background: -o-linear-gradient(top, #b1b3b6 0%,#4b4a4c 100%);
  background: -ms-linear-gradient(top, #b1b3b6 0%,#4b4a4c 100%);
  background: linear-gradient(to bottom, #b1b3b6 0%,#4b4a4c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b3b6', endColorstr='#4b4a4c',GradientType=0 );
  overflow:hidden;
  padding:0 10px 0 10px;
}
.content-button:hover { 
  background: #4b4a4c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGE0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIzYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #4b4a4c 0%, #b1b3b6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4a4c), color-stop(100%,#b1b3b6));
  background: -webkit-linear-gradient(top, #4b4a4c 0%,#b1b3b6 100%);
  background: -o-linear-gradient(top, #4b4a4c 0%,#b1b3b6 100%);
  background: -ms-linear-gradient(top, #4b4a4c 0%,#b1b3b6 100%);
  background: linear-gradient(to bottom, #4b4a4c 0%,#b1b3b6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4a4c', endColorstr='#b1b3b6',GradientType=0 );
}

.content-button a { display:block; color:#ffffff; text-align:center; text-decoration:none; }
.content-button a:hover { color:#c9c9c9; }

.step-table { margin-bottom:10px; }
.step-table td { font-weight:bold; text-align:center; border-bottom:solid 1px #c6c6c6; padding:5px 5px; font-size:12px; color:#cccccc; }
.step-table td.actual { background-color:#666666; color:#ffffff; }
.step-table td.done { background-color:#e6e6e6; color:#000000; }

.step-button { display:block; padding:5px 25px; color:#ffffff; background-color:#666666; border-top:solid 1px #c6c6c6; margin-top:15px; text-decoration:none; font-weight:bold; }
a.step-button { color:#ffffff; }
.step-next { clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); }
.step-back { clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 50%); }
.step-final { border-radius:5px; background-color:#1b9606; }

#hintbox { position:absolute; z-index:2000; top:0; left:0; display:none; background: url("/setup/images/hintbox-arrow-dark.png") no-repeat left 9px; }
#hintbox #hint-content { float:left; border:solid 2px #666666; border-radius:5px; background-color:#cccccc; color:#333333; padding:5px; font-size:11px; max-width:300px; margin-left:5px; text-align:left; }
#hintbox #hint-content a { color:#333333; text-decoration:underline; }
#hintbox #hint-content a:hover { text-decoration:none; }

.basket-amount { width:62px; }
.basket-input { width:25px; text-align:center; border:solid 1px #666666; }

/**** OLD CSS ****/

.account-settings a { background:url("/hummel/images/menu-right.png") no-repeat left center; display:block; color:#000000; text-decoration:none; padding-left:12px; }
.account-settings a:hover { text-decoration:underline; }

.default-button { display:block; background:url("/hummel/images/menu-right.png") no-repeat left center; margin-bottom:10px; padding-left:12px; }
.default-button a { color:#000000; text-decoration:none; }
.default-button a:hover { text-decoration:underline; }

/* responsive settings */
@media screen and (max-width:1300px) {
 .cookie-banner-info { margin:10px; }
}

@media screen and (max-width:1250px) {
 .plist-bg .product-bg { width:16.66%; }
}

@media screen and (max-width:1050px) {
 .plist-bg .product-bg { width:20%; }
}

@media screen and (max-width:1000px) {
 .header-info-gb { position:fixed; top:0px; left:0px; right:0px; z-index:500; }
 .menu { display:none; position:absolute; left:0px; top:85px; width:230px; z-index:480; box-shadow:0 2px 4px 0 rgba(71,66,77,.75); background-color:#ffffff; overflow:hidden; }
 .menu-title { display:none; }
 .menu-product { display:none; }
 #top-menu { position:fixed; top:0px; left:0px; right:0px; z-index:500; box-shadow:0 2px 4px 0 rgba(71,66,77,.75); background-color:#f1f1f1; height:75px; }
 .content { padding:20px 0px; }
 .main-content {display:block; width:100%; }
 .menu-button { display:block; height:75px; }
 .logo { height:75px; width:150px; background-size:90%; }
 .header-buttons-block { width:45px; margin-top:18px; margin-left:0px; margin-right:5px; }
 #account-section { margin-right:11px; }
 #top-menu .header-buttons-block:nth-of-type(2) { margin-right:10px; }
 .login-section { margin:0px; width:35px; height:35px; background:url("../images/login-mobile.png") no-repeat center center; padding-left:0px; font-size:0px; position:unset; }
 .account-section { margin:0px; width:35px; height:35px; background:url("../images/login-mobile-account.png") no-repeat center center; padding-left:0px; font-size:0px; position:unset; }
 .basket-price { display:none; }
 .basket-price-green { display:none; }
 .basket-number { margin:0px; float:right; border-radius:0px; height:35px; padding-left:24px; padding-right:5px; padding-top:5px; font-weight:bold; font-size:11px; position:unset; }
 .basket-icon { background:url("../images/basket-mobile.png") no-repeat center center; }
 .basket-icon-warning { animation: basketWarningMobile 2s linear 0s infinite normal; }
 .basket-icon-green { background:url("../images/basket-mobile-green.png") no-repeat center center; }
 .basket-icon-warning-green { animation: basketWarningMobileGreen 2s linear 0s infinite normal; }
 .search { display:none; position:fixed; top:85px; left:0px; right:0px; z-index:470; margin:0px; padding:10px; background-color:#ffffff; width:unset; height:54px; border:unset; border-radius:unset; box-shadow:0 2px 4px 0 rgba(71,66,77,.75); }
 .search-input { margin:0px; border: solid 1px #d7d7d7; border-radius:7px; width:85%; }
 .search-button { height:33px; font-weight:bold; }
 #search-suggestions { width:100%; top:145px !important; padding:5px 10px; }
 .search-item { width:100%; border:unset; font-size:10px; padding-left:43px; padding-right:5px; }
 .search-item-a { display:block; width:50%; border-top:solid 1px #e1e1e1; float:left; }
 .search-subtitle { padding-top:5px; font-size:12px; }
 #main-search-button { display:block; margin-right:10px; margin-left:10px; }
 #basket-list { position:absolute; width:100%; top:85px; left:0px; right:0px; z-index:480; box-shadow:0 2px 4px 0 rgba(71,66,77,.75); }
 .basket-content-arrow { display:none; }
 .basket-content-frame { border-radius:unset; font-size:14px; font-weight:bold; padding:10px; }
 .basket-content-arrow-green { display:none; }
 .basket-content-frame-green { border-radius:unset; font-size:14px; font-weight:bold; padding:10px; }
 .basket-js-title { background-color:transparent; color:#666; }
 .basket-js-title-green { background-color:transparent; color:#666; }
 .basket-js-subtitle { background-color:#666; border-radius:5px; }
 .basket-js-item { width:100%; margin:2px 0px 8px 0px; }
 .basket-js-item form { display:table-row; }
 .basket-js-item-name { width:95%; font-size:13px; }
 #login-list { width:100%; top:85px; left:0px; right:0px; z-index:480; box-shadow:0 2px 4px 0 rgba(71,66,77,.75); }
 .login-content-arrow { display:none; }
 .login-content-frame { border-radius:unset; font-size:14px; font-weight:bold; padding:10px 35px 10px 10px; }
 .login-input { margin-right:5px; }
 .login-button { float:left; }
 .listing-section { font-size:16px; float:none; margin-right:0px; margin-top:14px; margin-bottom:14px; text-align:center; }
 .listing-section .listing { margin-top:1px; }
 .listing-section .listing-2 { margin-top:4px; }
 .top-links { float:none; width:100%; margin-right:0px; margin-left:0px; padding-left:2%; padding-right:2%; text-align:center; }
 .top-links a { float:none; display:inline-block; margin-bottom:10px; }
 .dropdown { padding: 0px 2% 15px 2%; }
 #filter-button { float:none; display:inline-block; font-weight:bold; text-align:left; }
 #filter-delete-button { float:none; display:inline-block; font-weight:bold; }
 #filter-button-link { text-decoration:none; }
 #filter-confirm-button-loading { float:none; margin:1% auto; }
 .filter-header { text-align:center; }
 .order-button-section { float:none; display:inline-block; font-weight:bold; text-align:left; }
 .vi-info { display:none; }
 .footer-info-section { display:none; }
 .footer-info-section-mobile { display:block; }
 .footer-info { padding:0; }
 .footer-contact-section { float:none; width:330px; margin:0px auto; padding:20px 0px 20px 65px; background-position:left 20px; }
 .phone-icon { border-top:solid 1px #999; }
 .mail-icon { border-top:solid 1px #999; }
 .hbb-title { display:none; }
 .hbb-subtitle { display:none; }
 .navigation-bg { margin-top:72px; }
 .category-info { padding:10px 15px; }
 .basket-section .basket-section-info .total-product-price .product-basket-list { float:left; position:unset; width:35px; left:unset; bottom:unset; right:unset; }
 .link-section { padding: 20px 0px 15px 20px; }
 .footer-icons { padding: 30px 20px 25px 0px; }
 .homepage-banner .banner-image { max-height:270px; }
 .homepage-banner-buttons { margin-top:280px; }
}

@media screen and (max-width:900px) {
 .cookie-banner-text { font-size:12px; }
 .cookie-banner-buttons { width:100px; }
 .cookie-banner-accept { width:100px; }
 .cookie-banner-refuse { width:100px; }
}

@media screen and (max-width:800px) {
  .category-list li { width:25%; }
}

@media screen and (max-width:800px) {
  .search-section { float:unset; width:100%; }
  .search-section-input input, .search-section-input select { width:100%; }
}

@media screen and (max-width:750px) {
 .plist-bg .product-bg { width:25%; }
}

@media screen and (max-width:700px) {
 .homepage-banner .banner-image { max-height:240px; }
 .homepage-banner-buttons { margin-top:250px; }
 .cookie-banner-text { font-size:12px; }
}

@media screen and (max-width:620px) {
 .cookie-banner-text { font-size:11px; }
 .cookie-banner-buttons { width:90px; }
 .cookie-banner-accept { width:90px; }
 .cookie-banner-refuse { width:90px; }
 .cookie-banner { height:100px; }
}

@media screen and (max-width:600px) {
 .plist-bg .product-bg { width:33.33%; }
 .homepage-banner { padding-bottom:10px; }
 .category-list li { width:33.33333%; }
 .image-container { float:unset; width:100%; }
 .info-container { float:unset; width:100%; padding-top:25px; }
 .desc-container .param-short { float:unset; width:100%; }
 .desc-container .desc-short { float:unset; width:100%; padding-top:25px; }
 .form-section-data table { width:100%; }
 .form-section-data table tr:nth-child(2n+1) { background-color:#f1f1f1; }
 .form-section-data table tr td:nth-child(1) { width:30%; }
 .form-section-data table tr td:nth-child(2) { width:70%; }
 .form-section-data input[type=text], .form-section-data input[type=email], .form-section-data input[type=password] { width:95%; }
 .form-section-data textarea { width:95%; }
 .homepage-banner .banner-image { max-height:200px; }
 .homepage-banner-buttons { margin-top:210px; }
}

@media screen and (max-width:500px) {
 .listing-section { height:unset; }
 .listing-section .text-info { float:unset; display:block; text-align:center; padding:5px; margin:0px; }
 .listing-section .listing { float:unset; display:block; text-align:center; padding:5px; margin:0px; }
 .listing-section .listing table { margin:0px auto; }
 .listing-section .listing-2 { float:unset; display:block; text-align:center; padding:5px; margin:0px; }
 .listing-section .listing-2 table { margin:0px auto; }
 #address-table th:nth-child(3) { display:none; }
 #address-table td:nth-child(3) { display:none; }
 .homepage-banner .banner-image { max-height:170px; }
 .homepage-banner-buttons { margin-top:180px; }
 .cookie-banner-text { width:75%; }
 .cookie-banner { height:110px; }
}

@media screen and (max-width:450px) {
 .plist-bg .product-bg { width:50%; }
 .homepage-banner .banner-image { max-height:150px; }
 .homepage-banner-buttons { margin-top:160px; }
}

@media screen and (max-width:400px) {
 .logo { width:100px; background-size:98%; }
 .menu-button { width:45px; background-size:23px 23px; background-position: 14px center; }
 .link-section { float:unset; display:block; text-align:center; padding:15px 5px 5px 5px; }
 .footer-icons { float:unset; display:block; text-align:center; padding:5px 5px 15px 5px; }
 .category-list li { width:50%; }
 #address-table th:nth-child(4) { display:none; }
 #address-table td:nth-child(4) { display:none; }
 .homepage-banner .banner-image { max-height:140px; }
 .homepage-banner-buttons { margin-top:150px; }
 .cookie-banner-text { width:70%; }
 .cookie-banner { height:150px; }
}

@media screen and (max-width:350px) {
 .menu-button { width:30px; background-size:20px 20px; background-position: center center; }
 .basket-number { margin:0px; width:25px; height:25px; padding-left:14px; padding-right:2px; padding-top:12px; font-size:8px; background-size:25px 25px !important; line-height:14px; }
 .login-section { margin:0px; width:25px; height:25px; background-size:25px 25px !important; }
 .account-section { margin:0px; width:25px; height:25px; background-size:25px 25px !important; }
 .header-buttons-block { width:25px; height:25px; margin-top:26px; margin-left:0px; margin-right:8px; }
 #main-search-button { margin-top:27px; width:25px; height:25px; background-size:25px 25px !important; }
 .cookie-banner-text { width:65%; }
 .cookie-banner { height:180px; }
 #account-section { margin-right:17px; }
 .filter-button-active { width:140px; }
 .filter-button-unactive { width:140px; }
 .order-button-unactive { width:140px; }
 .order-options { width:140px; }
 .order-option { width:140px; }
 .listing-section { margin-left:0px; }
 .navigation-active, .navigation-unactive, .navigation-selected { width:28px; }
 .homepage-banner .banner-image { max-height:120px; }
 .homepage-banner-buttons { margin-top:130px; }
}

@media screen and (max-width:300px) {
 .basket-message { height:115px; }
 .cookie-banner-text { width:60%; font-size:10px; }
 .cookie-banner { height:200px; }
}