/******************/ /**** _globals ****/ body { color: #000; background: #f9f7ee; margin: 0; padding: 0; } ul, ol { list-style-position: inside; } .body_wrap{ overflow: hidden; } .page_container_white { background: #ffffff; } .page_container.boxed { margin: 0 auto 20px auto; padding: 0 30px 40px 30px; -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.25); box-shadow: 0 4px 8px rgba(0,0,0,0.25); } .page_container #box_newsletter { margin: 30px -30px 0 -30px; } .page_container #box_newsletter .container { width: 100% !important; } .page_container #footer { margin: 0 -30px -40px -30px; padding: 30px; } .main_content { margin-bottom: 30px; } .page_container.boxed .main_content { margin-bottom: 0; } /**** _globals ****/ /******************/ /*****************/ /**** _header ****/ /** container **/ #header { height: 120px; } /** logo **/ #header #logo { margin-top: 22px; } #header #logo img { display: inline; } /** custom links **/ #header #custom_linkbar { margin-top: 20px; margin-bottom: 5px; color: #999; font-style: oblique; } #header #custom_linkbar a { color: #999; font-size: 13px; display: inline-block; font-family: 'Open Sans',Arial; font-weight: 100; padding: 3px 8px 4px 8px; } #header #custom_linkbar a:hover { color: #666; } #header #custom_linkbar a span { margin-right: 5px; } #header #custom_linkbar #box_languages, #header #custom_linkbar #box_currencies { position: relative; display: inline-block; cursor: pointer; } #header #custom_linkbar #box_languages .toggle, #header #custom_linkbar #box_currencies .toggle { color: #999; display: block; } #header #custom_linkbar #box_languages .toggle .current, #header #custom_linkbar #box_currencies .toggle .current { margin-right: 10px; } #header #custom_linkbar #box_languages .dropdown, #header #custom_linkbar #box_currencies .dropdown { position: absolute; left: 10px; top: 20px; z-index: 1000; width: 130px; display: none; padding-top: 5px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.25); box-shadow: 0 2px 4px rgba(0,0,0,0.25); } #header #custom_linkbar #box_languages .dropdown .linkbox, #header #custom_linkbar #box_currencies .dropdown .linkbox { border: 1px solid #ddd; background: #fff; display: block; } #header #custom_linkbar #box_languages .toggle.open, #header #custom_linkbar #box_currencies .toggle.open { color: #7b6565; } #header #custom_linkbar #box_languages .dropdown a, #header #custom_linkbar #box_currencies .dropdown a { display: block; border: 0; border-bottom: 1px solid #ddd; padding: 5px 10px; margin-left: 0; text-align: left; } #header #custom_linkbar #box_languages .dropdown a:hover, #header #custom_linkbar #box_currencies .dropdown a:hover { background: #ebedef; } #header #custom_linkbar #box_languages .dropdown a img { margin-right: 10px; } /** box > cart **/ #header #box_cart { display: block; margin-top: 30px; } #header #box_cart a { display: block; height: 60px; } #header #box_cart .cart_symbol { display: block; position: relative; float: right; margin-left: 15px; width: 42px; height: 60px; } #header #box_cart .cart_symbol .badge { position: absolute; background: #f90; border: 1px solid #f3f3f3; box-shadow: 0 2px 4px rgba(0,0,0,0.25); top: -2px; right: -4px; } #header #box_cart .cart_data { display: block; line-height: 17px; text-align: right; padding-top: 5px; } #header #box_cart .cart_data .cart_head { display: block; font-weight: bold; color: #7b6565; font-size: 14px; margin-bottom: 3px; } #header #box_cart .cart_data .cart_count, #header #box_cart .cart_data .cart_sum { display: inline-block; font-size: 12px; } /** box > search **/ #header #box_search { text-align: right; } #header #box_search .keywords{ } #header #box_search .input-append{ margin-bottom: 0; } /** box > admin **/ #box_admin .btn { position: relative; } #box_admin .btn .badge { position: absolute !important; top: -8px !important; right: -12px; padding: 4px 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #f00; border: 2px solid #fff; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.25); box-shadow: 0 2px 2px rgba(0,0,0,0.25); } /**** _header ****/ /*****************/ /********************/ /**** _mainmaenu ****/ /* _mainmaenu: affix */ #topmenu.affix{ position: static; } #topmenu.affix a.level_1 { padding-top: 15px; padding-bottom: 20px; } /** _mainmaenu: defaults **/ #topmenu_container { height: auto; } #topmenu { width: 100%; border: 0; background: #fff; border: 0; border: solid #7b6565; border-width: 1px 0; min-height: 0; border-radius: 0; } #topmenu ul#topnavi { margin: 0; padding: 0; position: relative; float: none; } #topnavi ul, #topnavi li { list-style: none; display: block; margin: 0; padding: 0; } #topnavi a { display: block; font-family: 'Open Sans',Arial; } #topnavi a:hover { text-decoration: none; cursor: pointer; } /* _mainmaenu: level-1 */ #topnavi li.level_1 { float: none; display: inline-block; } #topnavi a.level_1 { font-weight: normal; font-size: 14px; font-weight: 700; color: #4c3a3a; text-transform: uppercase; white-space: nowrap; text-shadow: none; padding: 7px 10px; border: solid #fff; border-width: 0 1px; } #topnavi a.level_1:hover, #topnavi li:hover a.level_1 { border-color: #7b6565; background: #fff; } #topnavi a.level_1.active, #topnavi a.level_1.active:hover, #topnavi li:hover a.level_1.active { border-color: #7b6565; background: #4c3a3a; color: #fff !important; } /* caret */ #topnavi a.level_1 span{ margin-left: 10px; font-weight: bold; opacity: .35; display: none; } #topnavi a.level_1:hover span, #topnavi li:hover a.level_1 span{ opacity: 1; } /***************************/ /**** _navtype_dropdown ****/ #topnavi.navtype_dropdown li { } /** _dropdown: all **/ #topnavi.navtype_dropdown ul { position: absolute; z-index: 1000; background: #fff; border: 1px solid #7b6565; display: none; } #topnavi.navtype_dropdown a .icon-angle-right { margin-right: 10px; } #topnavi.navtype_dropdown a:hover .icon-angle-right { margin-left: 5px; margin-right: 5px; } /** _dropdown-right: level_1 **/ #topnavi.navtype_dropdown .menulevel_2 { top: 100%; left: 0; width: 250px; border-top: 3px solid #7b6565; padding: 0; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); } /** _dropdown-right: level_2 **/ #topnavi.navtype_dropdown .menulevel_3 { left: 100%; top: -1px; margin-left: 1px; width: 250px; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25), inset 4px 0 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25), inset 4px 0 4px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25), inset 4px 0 4px rgba(0, 0, 0, 0.05); } /** _dropdown-left: level_1 **/ #topnavi.navtype_dropdown li.dropdown_left .menulevel_2 { left: auto; right: 0; } /** _dropdown-left: level_2 **/ #topnavi.navtype_dropdown li.dropdown_left .menulevel_3 { left: -100%; top: -1px; margin-left: -2px; width: 250px; -webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25), inset -4px 0 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25), inset -4px 0 4px rgba(0, 0, 0, 0.05); box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25), inset -4px 0 4px rgba(0, 0, 0, 0.05); } /** _navtype_default: > level-2 **/ #topnavi.navtype_dropdown .menulevel_2 a { display: block; color: #31363a; font-size: 15px; font-weight: normal; padding: 10px 15px; border-bottom: 1px solid #7b6565; } #topnavi.navtype_dropdown li.level_2 a:hover, #topnavi.navtype_dropdown li.level_2:hover a.level_2 { background: #f8f9fa; color: #7b6565; } #topnavi.navtype_dropdown li.level_2 a.active { background: #ebedef; color: #31363a; } /** _navtype_default: > level-3 **/ #topnavi.navtype_dropdown li.level_3 a:hover, #topnavi.navtype_dropdown li.level_3 a.active { -webkit-box-shadow: inset 4px 0 4px rgba(0, 0, 0, 0.03); -moz-box-shadow: inset 4px 0 4px rgba(0, 0, 0, 0.03); box-shadow: inset 4px 0 4px rgba(0, 0, 0, 0.03); } /**** _navtype_dropdown ****/ /***************************/ /***********************/ /**** _navtype_mega ****/ #topnavi.navtype_mega > li.level_1 { position: static; } #topnavi.navtype_mega > li.level_1 > ul { position: absolute; z-index: 1000; display: none; background: #fff; top: 100%; left: 0; width: 100%; padding: 3%; padding-bottom: 0; border: 1px solid #7b6565; border-top: 1px solid #7b6565; } #topnavi.navtype_mega li.level_2 { float: left; width: 20%; margin-bottom: 3%; } #topnavi.navtype_mega a.level_2 { font-size: 14px; font-weight: normal; color: #4c3a3a; } #topnavi.navtype_mega a.level_2:hover { color: #7b6565; } #topnavi.navtype_mega a.level_2.active { background: none; color: #7b6565; text-decoration: underline; } #topnavi.navtype_mega a.level_3 { padding: 3px 0; } #topnavi.navtype_mega a.level_3:hover { color: #7b6565; } #topnavi.navtype_mega a.level_3.active { background: none; color: #7b6565; font-weight: bold; } /** _level_3: arrows **/ #topnavi.navtype_mega a.level_3 span { margin: 0 10px 0 3px; } #topnavi.navtype_mega a.level_3:hover span { margin: 0 6px 0 7px; } /**** _navtype_mega ****/ /********************/ /***********************/ /**** _navtype_default ****/ .device_desktop #topnavi.navtype_default .icon-angle-down, .device_desktop #topnavi.navtype_default ul { display: none !important; } /**** _navtype_default ****/ /***********************/ /***********************/ /**** _navtype_mobile ****/ #topnavi.navtype_mobile li.level_1 { position: static; display: block; } #topnavi.navtype_mobile li.level_1 > ul { position: relative; display: none; background: #fff; width: 100%; padding: 3%; padding-bottom: 0; border: 1px solid #d2d7da; } #topnavi.navtype_mobile li a.level_1 { padding: 14px 20px; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #31363a; border-bottom: 1px solid #eee; } #topnavi.navtype_mobile li a.level_1:hover, #topnavi.navtype_mobile li a.level_1.selected { background: #7b6565; color: #f0faf8; border-bottom-color: #7b6565; } #topnavi_navtype_mobile li a.level_1:hover { background: #eee; } #topnavi.navtype_mobile li a.level_1.active { background: none; background: #7b6565; border-color: transparent; } #topnavi.navtype_mobile ul.menulevel_2 { padding: 0 !important; } #topnavi.navtype_mobile li.level_2 { float: none; width: 100%; } #topnavi.navtype_mobile li a.level_2 { padding: 10px 20px; font-size: 14px; font-weight: bold; color: #31363a; background: #f8f9fb; border-bottom: 1px solid #eee; } #topnavi.navtype_mobile li a.level_2.selected, #topnavi.navtype_mobile li a.level_2.selected:hover { background: #f8f9fb; color: #7b6565; } #topnavi.navtype_mobile li a.level_2:hover { background: #fff; color: #7b6565; } #topnavi.navtype_mobile li a.level_2.active, #topnavi.navtype_mobile li a.level_2.active:hover { background: #7b6565; color: #fff; } #topnavi.navtype_mobile li.active ul.submenu { border: 0; border-top: 1px solid #6b7278; } #topnavi.navtype_mobile .menulevel_3 { border-bottom: 1px solid #ddd; } #topnavi.navtype_mobile li a.level_3 { padding: 8px 30px; } #topnavi.navtype_mobile li a.level_3:hover { color: #7b6565; } #topnavi.navtype_mobile li a.level_3.active { background: none; color: #7b6565; font-weight: bold; } /** _level_3: arrows **/ #topnavi.navtype_mobile li a.level_3 span { margin: 0 10px 0 3px; } #topnavi.navtype_mobile li a.level_3:hover span { margin: 0 6px 0 7px; } #topnavi.navtype_mobile .menulevel_4 { border-bottom: 1px solid #ddd; } #topnavi.navtype_mobile li a.level_4 { padding: 8px 30px; } #topnavi.navtype_mobile li a.level_4:hover { color: #7b6565; } #topnavi.navtype_mobile li a.level_4.active { background: none; color: #7b6565; font-weight: bold; } /** _level_4: arrows **/ #topnavi.navtype_mobile li a.level_4 span { margin: 0 10px 0 13px; } #topnavi.navtype_mobile li a.level_4:hover span { margin: 0 6px 0 7px; } #topnavi.navtype_mobile .menulevel_5 { border-bottom: 1px solid #ddd; } #topnavi.navtype_mobile li a.level_5 { padding: 8px 30px; } #topnavi.navtype_mobile li a.level_5:hover { color: #7b6565; } #topnavi.navtype_mobile li a.level_5.active { background: none; color: #7b6565; font-weight: bold; } /** _level_5: arrows **/ #topnavi.navtype_mobile li a.level_5 span { margin: 0 10px 0 23px; } #topnavi.navtype_mobile li a.level_5:hover span { margin: 0 6px 0 7px; } #topnavi.navtype_mobile .menulevel_6 { border-bottom: 1px solid #ddd; } #topnavi.navtype_mobile li a.level_6 { padding: 8px 30px; } #topnavi.navtype_mobile li a.level_6:hover { color: #7b6565; } #topnavi.navtype_mobile li a.level_6.active { background: none; color: #7b6565; font-weight: bold; } /** _level_5: arrows **/ #topnavi.navtype_mobile li a.level_6 span { margin: 0 10px 0 33px; } #topnavi.navtype_mobile li a.level_6:hover span { margin: 0 6px 0 7px; } /* _mobile-menu */ .mobile_menu_container { padding: 15px; background: #dce0e2; margin: 20px 0; } .mobile_menu_container .mobile_menu_toggle { background: #7b6565; color: #fff; border-color: transparent; } .mobile_menu_container .mobile_menu_toggle.active { background: #4c3a3a; color: #fff; } .mobile_menu_container #topmenu { width: 100% !important; background: #fff; border-bottom: 1px solid #ddd; } .mobile_menu_container #topmenu.affix { position: relative; } /**** _navtype_mobile ****/ /********************/ /************************************/ /**** _shopnavi && _accountnavi ****/ #shopnavi { margin-top: -15px; margin-bottom: 15px; padding: 5px 10px; } #shopnavi ul { margin-bottom: 0; } #shopnavi ul .active { background: #939a9e; color: #fff; } #shopnavi > ul > li { margin-left: 10px; } #shopnavi a { } #shopnavi a.active { padding-top: 8px; padding-bottom: 8px; border: 0; } #shopnavi a.active [class^="icon-"], #shopnavi a.active [class*=" icon-"] { margin-right: 5px; } /**** _shopnavi && _accountnavi ****/ /************************************/ /*******************/ /**** _subnavi ****/ #subnavi { display: block; margin: 0; padding: 0; border: 0; margin-right: 15px; } #subnavi ul { display: block; margin: 0; padding: 0; } #subnavi li { display: block; margin: 0; padding: 0; list-style: none inside; } #subnavi li a { display: block; margin: 0; font-family: 'Open Sans', Arial, sans-serif; } #subnavi li a span { margin-right: 7px; font-weight: bold; margin-top: -1px; } #subnavi li.level_1 { margin-bottom: 10px; } #subnavi li a.level_1 { background: #fff; padding: 7px 12px; font-weight: 700; border: 1px solid #a59992; text-transform: uppercase; } #subnavi li a.level_1:hover { background: #4c3a3a; color: #fff; } #subnavi li a.level_1.active { background: #4c3a3a; color: #fff; } #subnavi li .menulevel_2 { background: #fff; border: 1px solid #a59992; border-top: 0; margin-top: 0; padding-top: 0; } #subnavi li a.level_2 { padding: 3px 5px 3px 15px; font-weight: 400; color: #7b6565; } #subnavi li a.level_2:hover { background: #f6efeb; color: #7b6565; text-decoration: none; } #subnavi li a.level_2.active, #subnavi li a.level_2.active span { background: #7b6565; color: #fff; } #subnavi li .menulevel_3 { background: #f8f9fa; padding: 10px 5px; border-width: 1px 0 0 0; } #subnavi li a.level_3 { background: #f8f9fa; padding: 3px 20px; color: #333; } #subnavi li a.level_3 span { display: inline-block; font-weight: bold; } #subnavi li a.level_3:hover { text-decoration: none; color: #7b6565; } #subnavi li a.level_3.active, #subnavi li a.level_3.active span { font-weight: bold; font-size: 15px; background: #fff; } #subnavi li .menulevel_4 { background: #f8f9fa; padding: 10px 10px; border-width: 1px 0 0 0; } #subnavi li a.level_4 { background: #f8f9fa; padding: 3px 20px; color: #333; } #subnavi li a.level_4 span { display: inline-block; font-weight: bold; } #subnavi li a.level_4:hover { text-decoration: none; background: #fff; } #subnavi li a.level_4.active, #subnavi li a.level_4.active span { font-weight: bold; font-size: 15px; background: #fff; } /** mobile version **/ #subnavi.navtype_mobile li .submenu { background: #fff; padding: 10px 0; } #subnavi.navtype_mobile li a.level_2 { padding: 7px 20px; color: #333; border: 0; } #subnavi.navtype_mobile li a.level_2 span { display: inline-block; font-weight: bold; } #subnavi.navtype_mobile li a.level_2:hover { text-decoration: none; background: #fff; } #subnavi.navtype_mobile li a.level_2.active, #subnavi.navtype_mobile li a.level_2.active span { color: #f89406; font-weight: bold; font-size: 15px; background: #fff; } /**** _subnavi ****/ /*******************/ /*********************/ /**** _breadcrumb ****/ #breadcrumb { margin-top: -10px; background: transparent; } #breadcrumb .divider { padding: 0 10px; color: #939a9e; } /**** _breadcrumb ****/ /*********************/ /*****************/ /**** _footer ****/ #box_newsletter { background: #ebedef; padding: 10px; border-top: 1px solid #ebedef; margin-top: 20px; } #box_newsletter h4, #box_newsletter form, #box_newsletter .input-append {margin: 0; } #box_newsletter h4 { padding: 0; line-height: 45px; font-weight: normal; text-transform: uppercase; } #box_newsletter #newsletter_email { } #footer { background: #f8f9fa; padding: 30px 0; border-top: 1px solid #ebedef; } #footer h4 { font-weight: normal; font-size: 18px; color: #939a9e; } #footer .box ul { margin: 0; } #footer .box li { list-style: none; } #footer .box a { padding: 4px 2px; color: #666; font-size: 13px; } #footer .box a:hover { color: #7b6565; text-decoration: none; } #footer .box a strong { font-weight: normal; } #footer .box a.active { color: #7b6565; font-weight: bold; } #footer .box a [class^="icon-"] { margin-right: 7px; } #footer .box a:hover [class^="icon-"] { margin-right: 5px; margin-left: 2px; } /**** _footer ****/ /*****************/ /**************************/ /**** _global elements ****/ .main_content .page-header:first-child { margin-top: 0; } .main_content .page-header:first-child > h1 { margin: 0; } .main_content .page-header:first-child > p { margin-top: 15px; } .main_content #leftnav { width: 20%; } .main_content #content { width: 80%: } /**** _global elements ****/ /**************************/ /***********************/ /**** _productlists ****/ .productlist { } .productlist .product { position: relative; margin-bottom: 15px; margin-top: 15px; border: 0; box-shadow: 0; text-align: center; } .productlist .product:hover { box-shadow: 0 0 0 transparent !important; } .productlist .product_row { padding-bottom: 0; margin-bottom: 0; } .productlist .product_row:after { clear: none; } .productlist .product_image { display: block; text-align: center; margin-bottom: 10px; } .productlist .product_name { font-size: 12px; line-height: 18px; font-weight: 400; line-height: 20px; margin: 0; } .productlist .product_name a { text-decoration: none; } .productlist .product_description { margin: 0; margin-top: 10px; margin-bottom: 10px; } .productlist .product_price { font-weight: bold; color: #31363a; position: relative; } .productlist .product_price .productOldPrice { display: block; white-space: nowrap; font-weight: normal; font-size: 12px; color: #959595; } .productlist small { font-weight: normal; font-size: 11px; display: inline-block; } .productlist .product_vpe { font-size: 10px; color: #666; margin-top: 5px; } .productlist .product_tax_info { margin-top: 10px; } .productlist .product_tax_info,.productlist .product_tax_info a { font-size: 11px; color: #939a9e; } .productlist .product_module { border-top: 1px solid #d2d7da; background: #fbfcfd; margin: 5px -4px -4px -4px; padding: 15px; font-size: 14px; line-height: 14px; display: none; } .productlist .product:hover{ border-color: #7b6565; box-shadow: 0 2px 8px rgba(0,0,0,0.10); } /** product > mark special product **/ .productlist .product_special, .productlist .product_special:hover { border-color: #f89406; } .productlist .product_special .specials_marker { padding: 8px 10px; position: absolute; top: 0px; right: 0px; background: #fff; border: 1px solid #4c3a3a; color: #fff; background: #4c3a3a; border-radius: 0; } .productlist .product_special .product_price { color: #f89406; } /* hidden by default */ .productlist .product_shippingtime_text, .productlist .product_price br, .productlist .product_special .product_price small { display: none; } /** _productlist > grid (1 col) **/ .product_grid_1 { } .product_grid_1 small { display: block; } .product_grid_1 .product_image { float: left; width: 25%; padding: 20px 0; } .product_grid_1 .product_text { float: left; width: 50%; padding: 20px 0; } .product_grid_1 .product_buy { float: right; width: 20%; padding: 20px 0; } .product_grid_1 .product_module { line-height: 14px; } .product_grid_1 .product_shippingtime_text { font-weight: bold; margin-right: 10px; color: #31363a; display: inline; } .product_grid_1 .product_special .specials_marker { right: auto; left: -20px; } .product_grid_1 .product_special .product_price { margin-top: 0; } .product_grid_1 .product_special .product_price br { display: block; } /** _productlist > grid (2 col > default) **/ .product_grid_2 { } .product_grid_2 .product_image { float: left; width: 45%; } .product_grid_2 .product_text { float: right; width: 50%; } .product_grid_2 .product_buy { float: right; width: 50%; } /** _productlist > grid (4 col) **/ .product_grid_4 { } /** _productlist > grid (6 col) **/ .product_grid_6 { } /** _productlist > horizontal (1 col) small **/ .product_horiz_list { } .product_horiz_list .product { background: #f5f5f5; margin-top: 0; margin-bottom: 10px; padding: 10px; text-align: left; } .product_horiz_list .product:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .product_horiz_list .product_name strong { font-size: 100%; font-weight: 400; } .product_horiz_list .product_price, .product_horiz_list .product_price .productOldPrice { font-size: 12px !important; } .product_horiz_list .product_tax_info { margin-top: 0; font-size: 10px !important; } .product_horiz_list .product_tax_info a { font-size: 10px !important; } /** flexi-grid **/ .flexi_grid { } .flexi_grid li[class^="grid_item"],[class*=" grid_item"] { height: 170px; } .flexi_grid li.grid_item1 { height: 340px; } /**** _productlists ****/ /***********************/ /***********************/ /**** _categorylist ****/ .categorylist .category_row { padding-bottom: 0; } .categorylist .category_row [class^="col-"] { padding-left: 5px; padding-right: 5px; margin-bottom: 5px; } .categorylist .category { padding: 7px; background: #eee; color: #000; font-weight: bold; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .categorylist .category:hover { background: #fc0; } .categorylist .category span { margin-right: 7px; } /**** _categorylist ****/ /***********************/ /***********************/ /**** _reviewslists ****/ .reviwslist { } .reviwslist .reviws_data { margin-right: 20px; padding-top: 20px; } .reviwslist .reviws_text { background: #f8f9fa; padding: 20px; position: relative; } .reviwslist .reviws_text:before { position: absolute; left: -30px; top: 20px; bottom: auto; display: inline-block; border: 15px solid; border-color: transparent #f8f9fa transparent transparent; content: ''; } /**** _reviewslists ****/ /***********************/ /******************/ /**** _profile ****/ .profile { border: 1px solid #d2d7da; background: #ebedef; margin: 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .profile .profile_header { border-bottom: 1px solid #d2d7da; line-height: 50px; font-size: 22px; font-weight: bold; color: #31363a; padding: 10px 20px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; text-shadow: 0 1px rgba(255,255,255,1); } .profile .profile_header div { display: inline-block; margin-right: 10px; } .profile .profile_header span { margin: 5px 10px 0 0; display: inline-block; } .profile .profile_header .profile_title { font-weight: normal; color: #939a9e; } .profile .profile_navi { padding-top: 20px; } .profile .profile_navi a, .profile .profile_navi .divider { margin-left: 10px; margin-right: 10px; text-decoration: none; color: #31363a; white-space: normal; } .profile .profile_navi a span {margin-bottom: 5px;} .profile .profile_navi a.btn-danger, .profile .profile_navi a.btn-danger:hover { color: #fff; } .profile .profile_navi a:hover { text-decoration: none; color: #939a9e; } .profile .profile_navi a.current { font-weight: bold; color: #939a9e; } .profile .profile_body { background: #fff; min-height: 400px; } .profile .profile_body h3 { background: #f8f9fa; border: solid #d2d7da; border-width: 1px 0; padding: 10px 20px; font-size: 18px; line-height: 30px; margin-left: -15px; } .profile .profile_body h3:first-child { margin-top: 0; border-top: 0; } .profile .profile_body .profile_content { padding: 10px 20px; margin-left: -15px; } .profile .profile_body .form-control { width: 98%; display: inline; } /**** _profile ****/ /******************/ /****************/ /**** _pages ****/ .zoomContainer { z-index: 10000; } .zoomWindowContainer > div { -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25); box-shadow: 0 2px 15px rgba(0,0,0,0.25); } /** _page: product **/ #page_product_info { } #page_product_info .product_button_back { float: left; padding: 0 30px 0 15px; border-right: 1px solid #939a9e; margin-right: 30px; } #page_product_info .product_button_back:hover { text-decoration: none; color: #7b6565; } #page_product_info .product_button_back span { margin-right: 5px; font-size: 11px; } #page_product_info .product_info_tabs { margin-top: 20px; } #page_product_info .product_media { } #page_product_info .product_media .product_image { margin-bottom: 10px; } #page_product_info .product_media img.product_main_image { margin: 0 auto; width: 100%; } #page_product_info .product_media #gestalt:hover { cursor: hand; } #page_product_info .product_media #gestalt img { width: 100%; } #page_product_info .product_media .product_main_image { visibility: hidden; } #page_product_info .product_media #pimage_slider_gallery { margin-bottom: 20px; } #page_product_info .product_media .pimage_slider_gallery { position: static; top: auto; right: auto; z-index: auto; margin: 0; width: 100%; left: auto; } #page_product_info .product_media .pimage_slider_gallery li { height: 71px; text-indent: 0; cursor: pointer; border: 1px solid #ddd; margin-right: 5px; text-align: center; } #page_product_info .product_media .pimage_slider_gallery li:hover { border-color: #ddd; } #page_product_info .product_media .pimage_slider_gallery li.active { border-color: #7b6565; margin: 1px; } #page_product_info .product_media .pimage_slider_gallery li a, #page_product_info .product_media .pimage_slider_gallery li img { min-height: 71px !important; } #page_product_info .product_media #pimage_slider_gallery { position: relative; } #page_product_info .product_media #pimage_slider_gallery .flex-direction-nav a { top: auto; bottom: 0; height: 71px; line-height: 71px; margin: -35px 0 0; } #page_product_info .product_media #pimage_slider_gallery .flex-direction-nav a:before { font-size: 18px; } #page_product_info .product_media .pimage_slider_gallery .divider { display: block; height: 1px; clear: both; } #page_product_info .product_media .carousel-control { margin-top: 0; } #page_product_info .product_data { } #page_product_info .product_data .product_name { margin: 0; font-weight: 700; font-size: 18px; } #page_product_info .product_data_inner { margin-left: 30px; } #page_product_info .product_data_inner section { margin-bottom: 30px; } #page_product_info .product_price_section { } #page_product_info .product_price { font-size: 22px; font-weight: bold; line-height: 50px; display: inline-block; } #page_product_info .product_price br { display: none; } #page_product_info .product_price small { display: none; } #page_product_info .productOldPrice { color: #959595; font-weight: normal; font-size: 18px; display: block; } #page_product_info .productOldPrice small { display: block; } #page_product_info .product_tax_info { } #page_product_info .product_tax_info, #page_product_info .product_tax_info a { font-size: 12px; color: #939a9e; } #page_product_info .product_vpe { font-size: 12px; color: #666; } #page_product_info .product_options_section { margin-bottom: 20px; } #page_product_info .product_options_section select { margin-right: 3%; width: 97% !important; } #page_product_info .product_buy_section.setproduct { margin-bottom: 30px ;margin-top: 60px; } #page_product_info .product_buy_section .product_qty { padding: 1px; position: relative; cursor: default; } #page_product_info .product_buy_section .product_qty:hover { background: #fc0; border-color: #fc0; } #page_product_info .product_buy_section .product_qty input { width: 40px; height: 41px; text-align: center; font-size: 17.5px; border: 0; color: #31363a; } #page_product_info .product_buy_section .product_qty input:focus { outline: 0; border-color: transparent; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #page_product_info .product_buy_section .product_qty:before { position: absolute; right: -17px; top: 11px; bottom: auto; display: inline-block; border: 11px solid; border-color: transparent transparent transparent rgba(0,0,0,0.15); content: ''; } #page_product_info .product_buy_section .product_qty:after { position: absolute; right: -15px; top: 12px; display: inline-block; border: 10px solid; border-color: transparent transparent transparent #fff; content: ''; bottom: auto; } #page_product_info .product_graduated { margin-bottom: 30px; } #page_product_info .product_graduated td { padding: 8px 20px; } #page_product_info .products_model { color: #999; font-style: oblique; line-height: 20px; } #page_product_info .products_reviews_data a { font-style: oblique; } #page_product_info .product_meta_section { padding: 20px; background: #f8f9fa; margin-bottom: 30px; display: none; } #page_product_info .product_meta { font-size: 16px; color: #31363a; text-align: center; } #page_product_info .product_meta strong { font-size: 18px; margin-bottom: 10px; color: #939a9e; display: block; font-weight: normal; } #page_product_info .product_meta a { text-decoration: none; border-bottom: 1px dashed #666; color: #666; } /** _page: product > tabs **/ #page_product_info .product_info_tabs { } #page_product_info .product_tabs_section { margin-bottom: 30px; overflow: hidden; } #page_product_info .product_tabs_section ul#product_tabs { border-color: #ddd; } #page_product_info .product_tabs_section ul#product_tabs li { } #page_product_info .product_tabs_section ul#product_tabs li a { padding: 0 15px; margin: 0; line-height: 44px; border-bottom: 1px solid #ddd; background-image: -webkit-linear-gradient(#fff 0%, #e6e6e6 100%); background-image: -moz-linear-gradient(#fff 0%, #e6e6e6 100%); background-image: -o-linear-gradient(#fff 0%, #e6e6e6 100%); background-image: linear-gradient(#fff 0%, #e6e6e6 100%); } #page_product_info .product_tabs_section ul#product_tabs li a:hover { background: #f5f5f5; border-color: #ddd; } #page_product_info .product_tabs_section ul#product_tabs li.active a, #page_product_info .product_tabs_section ul#product_tabs li.active a:hover { background: #fff; border: 1px solid #ddd; border-bottom-color: #fff !important; } #page_product_info .product_tabs_section ul#product_tabs li img { max-height: 100%; max-width: 100%; } #page_product_info .product_tabs_section .tabs_inner { overflow: hidden; padding: 20px; border: solid #ddd; border-width: 0 1px 1px 1px; max-height: 645px; overflow-y: auto; } #page_product_info .product_tabs_section .product_cross_selling_container { padding-bottom: 1000em; margin-bottom: -1000em; border-left: 1px solid #ddd; padding-top: 15px; } #page_product_info .product_tabs_section .tab-pane { padding: 0 5px; } #page_product_info .product_tabs_section .tab-pane h4:first-child, #page_product_info .product_tabs_section .tab-pane .media-body h4 { font-size: 16px; font-weight: 700; line-height: 22px; } #page_product_info #product_description h2, #page_product_info #product_description h3 { font-size: 18px; } #page_product_info .product_cross_selling_container h4 { font-size: 15px; margin: 0; line-height: 46px; } #page_product_info .product_cross_selling_container .productlist { border: 1px solid #ddd; padding: 20px; } #page_product_info .products_look { background: #4c3a3a; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .4); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .4); box-shadow: 0 2px 8px rgba(0, 0, 0, .4); line-height: 0px; max-width: 200px; float: right; margin-top: 4px; } #page_product_info .products_look a.look_trigger { display: block; position: relative; line-height: 42px; text-align: center; color: #fff; font-family: "Open Sans", sans-serif; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #7b6565, #4c3a3a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b6565), to(#4c3a3a)); background-image: -webkit-linear-gradient(top, #7b6565, #4c3a3a); background-image: -o-linear-gradient(top, #7b6565, #4c3a3a); background-image: linear-gradient(to bottom, #7b6565, #4c3a3a); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7b7b6565', endColorstr='#4c4c3a3a', GradientType=0); } #page_product_info .products_look a.look_trigger:before { border: 10px solid transparent; position: absolute; border-bottom-color: #7b6565; left: 50%; margin-left: -10px; top: -20px; } .look_bg { z-index: 10002; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } .look_products { background: #f5f5f5; right: 0; top: 0; z-index: 10003; position: absolute; right: 225px; top: 0; display: none; -webkit-box-shadow: inset 0 2px 4px rgba(255, 255, 255, .6), 0 2px 8px rgba(0, 0, 0, .4); -moz-box-shadow: inset 0 2px 4px rgba(255, 255, 255, .6), 0 2px 8px rgba(0, 0, 0, .4); box-shadow: inset 0 2px 4px rgba(255, 255, 255, .6), 0 2px 8px rgba(0, 0, 0, .4); border: 1px solid #ddd; padding: 20px; width: 720px; } .look_products .arrow { border: 20px solid transparent; position: absolute; border-left-color: #f5f5f5; right: 0; margin-right: -40px; top: 40px; } .look_products .productsCount { float: left; line-height: 50px; font-size: 18px; font-weight: 700; font-family: "Open Sans", sans-serif; color: #666; margin-right: 10px; width: 120px; text-align: center; } .look_products .main_product { position: relative; overflow: hidden; float: none; background: #fff; padding: 10px; margin-bottom: 20px; border: 1px solid #ddd; } .look_products .main_product .item_image { float: left; width: 120px; height: 160px; margin-right: 30px; overflow: hidden; } .look_products .main_product .item_name { font-weight: bold; font-size: 16px; margin-top: 10px; } .look_products .main_product .item_selector { background: #eee; padding: 2px 8px; float: left; color: #666; margin-top: 5px; position: absolute; bottom: 10px; right: 10px; } .look_products .main_product .item_price { font-size: 18px; margin-bottom: 3px; } .look_products .main_product .productOldPrice { color: #999; font-size: 12px; margin-right: 5px; } .look_products .main_product .item_attributes { display: block; overflow: hidden; } .look_products .main_product .item_attributes select { margin-bottom: 0; } .look_products .main_product .item_shippinginfo { display: block; color: #999; margin-bottom: 10px; } .look_products .main_product .item_selector {} .look_products .main_product select { max-width: 120px; } .look_products .productlist_look { } .look_products .productlist_look .product { margin-bottom: 5px; position: relative; min-height: 180px; background: #fff; border: 1px solid #ddd; padding-bottom: 30px; } .look_products .productlist_look .product .item_image { width: 110px; float: left; margin: 5px 20px 5px 5px; } .look_products .productlist_look .product .item_image img { } .look_products .productlist_look .product .item_name { font-weight: bold; height: 54px; line-height: 18px; display: block; margin-top: 5px; margin-bottom: 5px; font-size: 12px; } .look_products .productlist_look .product .item_price { font-size: 16px; } .look_products .productlist_look .product .item_attributes { margin-bottom: 5px; } .look_products .productlist_look .product .item_attributes span { float: left; margin-right: 5px; line-height: 24px; } .look_products .productlist_look .product .item_attributes select { height: 24px; line-height: 24px; margin-bottom: 0px; max-width: 100px; padding-top: 0; padding-bottom: 0; } .look_products .productlist_look .product .item_shippinginfo { color: #999; font-size: 10px; margin-bottom: 5px; } .look_products .productlist_look .product .item_selector { background: #fff; padding: 2px 8px; float: left; color: #666; position: absolute; bottom: 0; } .look_products .productlist_look .product .item_selector input {}.look_products .product_container.select { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35); border: 1px solid #fc0; } .look_products .product_container.product.select { background: #fff; } .look_products .product_container.select .item_selector { background: #fc0; } /** _page: product > default **/ #page_product_info .product_info_default { } #page_product_info .product_info_default #product_reviews { height: 250px; overflow-y: scroll; padding-right: 10px; } #page_product_info .product_info_default #product_reviews .page-header { display: none; } #page_product_info .product_info_default #product_reviews .btn:after { clear: both; display: block; margin-bottom: 20px;} #page_product_info .product_info_default #product_reviews .span3, #page_product_info .product_info_default #product_reviews .span9 { float: none; display: block; width: auto; } #page_product_info .product_info_default #product_reviews .span3 .reviws_data { text-align: left; margin-bottom: 10px; margin-left: 20px; } #page_product_info .product_info_default #product_reviews .span3 br, #page_product_info .product_info_default #product_reviews .span3 .divider { display: none; } /** _page: product > accordeon **/ #page_product_info .product_info_accordeon { } #page_product_info .product_info_accordeon .accordion-toggle { background: #f8f9fa; margin: 0; padding: 20px; } /** _page: product > Shop-the-Look Erweiterung **/ #page_product_info .products_look a { background: #4c3a3a; display: block; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.4); box-shadow: 0 2px 8px rgba(0,0,0,0.4); } #page_product_info .look_trigger { position: relative; display: block; line-height: 42px; text-align: center; color: #fff; font-family: "Open Sans",sans-serif; text-decoration: none; background: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b6565), to(#4c3a3a)); background-image: -moz-linear-gradient(top, #7b6565, #4c3a3a); background-image: -o-linear-gradient(top, #7b6565, #4c3a3a); background-image: linear-gradient(to bottom, #7b6565, #4c3a3a); } #page_product_info .look_trigger span { border: 10px solid transparent; position: absolute; border-bottom-color: #7b6565; margin-left: -10px; left: 50%; top: -20px; } /* produkt sets */ ##page_product_info .set_products {} #page_product_info .set_products h4 { font-weight: bold; margin-bottom: 15px; margin-top: 0; padding-top: 0; font-size: 18px; text-transform: none; } #page_product_info .set_products h4 span.productsSavePercent { background: #fc0; padding: 0px 4px; } #page_product_info .set_products .product { background: #fff; padding: 10px; border: 1px solid #ddd; } #page_product_info .set_products .product .equalizer-inner { min-height: 130px; } #page_product_info .set_products .product.right { margin-right: 0px; } #page_product_info .set_products .product .pset_image { height: auto; max-height: 100%; } #page_product_info .set_products .product .pset_name { font-weight: bold; margin-bottom: 10px; min-height: 80px; } #page_product_info .set_products .product .pset_options { } #page_product_info .set_products .product .pset_options label { display: block; line-height: 34px; } #page_product_info .set_products .product .pset_options label span { margin-right: 10px; display: block; float: left; font-weight: normal; } #page_product_info .set_products .product .pset_options label select { float: left; max-width: 90px; } #page_product_info .product_set_price { margin-bottom: 10px; display: inline-block; border: 1px solid #eee; background: #f9f9f9; padding: 5px; } #page_product_info .product_set_price .set_row { padding: 7px 10px; border-bottom: 1px solid #eee; font-weight: bold; color: #000; } #page_product_info .product_set_price .set_row .label { display: inline-block; margin-right: 20px; width: 180px; font-weight: normal; font-size: inherit; color: #000; text-align: left; padding-left: 0; } #page_product_info .product_set_price .set_row.single_price { color: #666; text-decoration: line-through; } #page_product_info .product_set_price .set_row.set_price { background: #fc0; padding: 10px; font-size: 20px; font-weight: bold; color: #000; } #page_product_info .p_buynow { margin-left: 30px; } .section_product_list .productlist .product_image { height: 260px; } .section_product_list .productlist.fullsize .product_image { height: 370px !important; } /** _page: create-guest-account **/ #page_product_reviews_write textarea { width: 98%; } #page_product_reviews_write .span5 { color: #777; } /** _page: create-account **/ #page_create_account fieldset { margin-bottom: 40px; } #page_create_account legend { font-weight: bold; } #page_create_account legend small { float: right; font-weight: normal; } #page_create_account .main_content input[type^=text], #page_create_account .main_content input[type^=password] { width: 97%; height: 30px; display: inline; } #page_create_account select { display: inline; width: 94%; } #page_create_account .inputRequirement { color: #939a9e; } #page_create_account .inputRequirement:after { display: inline-block; content: ''; margin-bottom: 15px; line-height: 16px; } /** _page: create-guest-account **/ #page_create_guest_account fieldset { margin-bottom: 40px; } #page_create_guest_account legend { font-weight: bold; } #page_create_guest_account legend small { float: right; font-weight: normal; } #page_create_guest_account .main_content input[type^=text], #page_create_guest_account .main_content input[type^=password] { width: 97%; height: 30px; display: inline; } #page_create_guest_account select { display: inline; width: 94%; } #page_create_guest_account .inputRequirement { color: #939a9e; } #page_create_guest_account .inputRequirement:after { display: block; content: ''; margin-bottom: 15px; line-height: 16px; } /** _page: contact us **/ #page_contact_us { } #page_contact_us .contact_content { } #page_contact_us .contact_form { padding: 40px; background: #f8f9fa; } #page_contact_us .contact_form label { font-weight: bold; } #page_contact_us .contact_form input[type^='text'] { width: 96%; height: 30px; } #page_contact_us .contact_form textarea { width: 98%; } /** _page: shopping cart **/ #page_shopping_cart th { background: #f8f9fa; } #page_shopping_cart .product_subtotal { background: #fcf8e3; } #page_shopping_cart .product_subtotal strong { font-size: 18px; line-height: 30px; } #page_shopping_cart .button_paypal img { max-width: 100%; } #page_product_reviews_write .star-rating-control { margin-bottom: 20px; overflow: hidden; display: block; } #page_product_reviews_write .rating-cancel { display: none !important; } #page_checkout_confirmation .total_block td { border: 0; } #page_checkout_confirmation .total_block tr td:last-child { white-space: nowrap; } #page_index .startpage_text h1, #page_index .startpage_text h2, #page_index .startpage_text h3 { font-size: 16px; } #page_index #startpage_besteller { } #page_index #startpage_besteller a.item { overflow: hidden; display: block; margin-bottom: 22px; border: 1px solid #ddd; height: 129px; font-family: "Open Sans",sans-serif; font-weight: 200; } #page_index #startpage_besteller a.item:hover { text-decoration: none; } #page_index #startpage_besteller a.item.item_yellow { background: #fbd022; clear: #000; } #page_index #startpage_besteller a.item.item_brown { background: #7b6565; color: #fff; } #page_index #startpage_besteller a.item .item_image { display: inline-block; float: left; margin-right: 15px; width: 30%; height: 131px; } #page_index #startpage_besteller a.item .item_image img { } #page_index #startpage_besteller a.item .item_name { display: block; padding: 10px; } #page_index #startpage_besteller a.item .item_price { display: block; padding: 10px; font-size: 24px; line-height: 24px; } #page_index #startpage_besteller a.item .item_price small { font-size: 14px; line-height: 14px; } #page_index #startpage_vorteile { margin: 40px -42px 40px -30px; padding: 0; overflow: hidden; } #page_index #startpage_vorteile li { float: left; position: relative; display: block; list-style: none; height: 100px; width: 33%; } #page_index #startpage_vorteile li:after { content: ' '; position: absolute; top: -10px; width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; } #page_index #startpage_vorteile li.col_1 { background: #a59992; } #page_index #startpage_vorteile li.col_1:after { display: none; } #page_index #startpage_vorteile li.col_2 { background: #7b6565;; } #page_index #startpage_vorteile li.col_2:after { border-left: 60px solid #a59992; } #page_index #startpage_vorteile li.col_3 { background: #4c3a3a ; } #page_index #startpage_vorteile li.col_3:after { border-left: 60px solid #7b6565; } #page_index #startpage_vorteile li .content { margin: 20px 20px 20px 70px; color: #fff; font-family: "Open Sans",sans-serif; } #page_index #startpage_vorteile li .content .title { font-size: 26px; margin-bottom: 0; font-weight: 700; } #page_index #startpage_vorteile li .content .text { font-size: 16px; font-weight: 300; } #page_index #topproducts_slider { padding: 20px 72px 20px 72px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#ffffff)); background-image: -o-linear-gradient(top, #eeeeee, #ffffff); background-image: linear-gradient(to bottom, #eeeeee, #ffffff); background-repeat: repeat-x; overflow: hidden; position: relative; } #page_index #topproducts_slider .carousel-control.left, #page_index #topproducts_slider .carousel-control.right { position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px !important; padding: 0; text-align: center; font-size: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #4c3a3a; opacity: .75; } #page_index #topproducts_slider .carousel-control.left:hover, #page_index #topproducts_slider .carousel-control.right:hover { opacity: 1; } #page_index #topproducts_slider .carousel-control.left span, #page_index #topproducts_slider .carousel-control.right span { font-size: 22px; line-height: 52px; padding: 0; margin: 0; display: block; } #page_index #topproducts_slider .carousel-control.left { left: 10px; } #page_index #topproducts_slider .carousel-control.left span { margin-left: -2px; } #page_index #topproducts_slider .carousel-control.right { right: 10px; } #page_index #topproducts_slider .carousel-control.right span { margin-right: -2px; } #page_index #topproducts_slider [class*="col-"] { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; } #page_index #topproducts_slider .item { padding-left: 15px; padding-right: 15px; } #page_index #topproducts_slider .product { position: relative; padding: 10px; margin-bottom: 0; background: #fff; text-align: left; border: 1px solid #eee; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065); box-shadow: 0 1px 4px rgba(0,0,0,0.065); } #page_index #topproducts_slider .helper_equalize { min-height: 310px; } #page_index #topproducts_slider .product:hover { border: 1px solid #ddd; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.25) !important; -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.25) !important; box-shadow: 0 3px 8px rgba(0,0,0,0.25) !important; } #page_index #topproducts_slider .product .product_text { color: #999; line-height: 16px; font-family: 'Open Sans',sans-serif; font-weight: 300; font-size: 12px; max-height: 60px; overflow: hidden; } #page_index #topproducts_slider .product .product_buy .product_price { color: #7B6565; } #page_index #topproducts_slider .carousel-controls a { z-index: 1; } /**** _pages ****/ /****************/ /*******************/ /**** _sections ****/ /** _header **/ .section_checkout #header { height: auto; margin-bottom: 40px; } .section_checkout #header #logo { margin-top: 30px; } /** _checkout staps navi **/ .section_checkout #checkoutnavi { text-align: center; background-color: transparent; border-color: transparent; float: right; margin-top: 30px; } .section_checkout #checkoutnavi .navbar-inner { background: transparent; border: 0; border-bottom: 0; } .section_checkout #checkoutnavi ul { display: inline-block; } .section_checkout #checkoutnavi ul, #checkoutnavi li { list-style: none; display: block; padding: 0; } .section_checkout #checkoutnavi li, .section_checkout #checkoutnavi li a { display: inline-block; font-family: 'Lato', Helvetica, sans-serif; font-weight: normal; font-size: 18px; text-shadow: none; margin: 0; list-style: none; line-height: 30px; } .section_checkout #checkoutnavi li { padding: 15px 20px 14px; margin-right: 3px; color: #333; } .section_checkout #checkoutnavi li a { text-decoration: none; color: #999; } .section_checkout #checkoutnavi li a:hover { color: #999; } .section_checkout #checkoutnavi li a span { margin-right: 10px; } .section_checkout #checkoutnavi li .active { border-bottom: 2px solid #7b6565; color: #7b6565; font-weight: bold; } .section_checkout #checkoutnavi .divide { background: none; padding: 0; color: #bbb; vertical-align: middle; padding: 0; } .section_checkout #checkoutnavi .divide span { font-size: 30px; } /** _checkout staps navi **/ .section_checkout .method_selector td { padding: 15px; } .section_checkout .method_selector .selector_select input { margin: 0; } .section_checkout .method_selector .selected_method td { background: #FC0; } .section_checkout .method_selector .method_description { background: #fff; padding: 20px; margin-top: 20px; position: relative; margin-bottom: 10px; margin-right: 10px; border: 1px solid #d2d7da; cursor: auto; } .section_checkout .method_selector .method_description:before { position: absolute; left: 25px; top: -30px; bottom: auto; display: inline-block; border: 15px solid; border-color: transparent transparent rgba(0,0,0,0.15) transparent; content: ''; } .section_checkout .method_selector .method_description:after { position: absolute; left: 26px; top: -28px; display: inline-block; border: 14px solid; border-color: transparent transparent #fff transparent; content: ''; bottom: auto; } .section_checkout textarea { width: 97%; } .section_checkout #conditions_approval.approved .panel { border-color: #5bb75b; } .section_checkout #conditions_approval.approved .panel-heading { background: #5bb75b; border-color: #5bb75b; } .section_checkout #conditions_approval .agbframe { border: 1px solid; border-color: #ccc; padding: 20px; background: #fff; color: #333; max-height: 250px; overflow-y: auto; } .section_checkout #conditions_approval .agbframe ul, .section_checkout .agbframe ol { margin-left: 20px; } .section_checkout .checkout_address_chooser { } .section_checkout .checkout_address_chooser ol { list-style: none; margin: 0; } .section_checkout .checkout_address_chooser ol li { display: block; padding: 10px; border: 1px solid #ebedef; margin-bottom: 5px; background: #f8f9fa; } .section_checkout .checkout_address_chooser ol input { float: left; margin-right: 10px; } .section_checkout .checkout_address_chooser ol label { font-weight: bold; } .section_checkout .checkout_address_chooser ol br { display: none; } .section_checkout .checkout_address_chooser ol .address { margin-left: 23px; display: block; } .section_checkout .table-products { background: #fff; border-color: #fff; color: #000; } .section_checkout .table-products td, .section_checkout .table-products th { } .section_checkout .table-products .product_subtotal table tr td { border-color: transparent; } .section_checkout .table-products .product_subtotal table tr td { text-align: right !important; padding-top: 3px; padding-bottom: 3px; } .section_checkout .table-products .product_subtotal table tr td:last-child { width: 170px; } .section_checkout .table-products .product_subtotal strong { font-size: 18px; line-height: 30px; } /**** _sections ****/ /*******************/ /********************/ /**** _jcarousel ****/ .slider { position: relative; overflow: hidden; width: 100%; } .slider .stage { width: 20000em; position: relative; } .slider .item { } /**** _jcarousel ****/ /********************/ /*******************/ /**** _carousel ****/ .carousel-control.left, .carousel-control.right { background-image: none; width: 10%; } .carousel-control.left {} .carousel-control.right {} .carousel-control.left, .carousel-control.right { background-image: none; width: 10%; } .carousel-control .icon-angle-right, .carousel-control .icon-angle-left { position: absolute; top: 50%; z-index: 6; display: inline-block; margin-top: -41px; } .carousel-control .icon-angle-right { right: 30px; } .carousel-control .icon-angle-left { left: 30px; } /**** _carousel ****/ /********************/ /***************/ /**** _misc ****/ .popup_body { padding: 20px; } .scroll_content { height: 250px; overflow: auto; } #box_admin { background: #f1f2f3; border-bottom: 1px solid #d2d7da; padding: 20px 0; box-shadow: inset 0 -3px 3px rgba(0,0,0,0.10); } #box_admin .btn { margin-right: 10px; } /**** _misc ****/ /***************/ /******************/ /**** _credits ****/ .designlink { color: #999; font-size: 80%; } .copyright { display: block; color: #939a9e; background: #f9f7ee; padding: 5px 0; font-size: 12px; text-align: center; padding-top: 10px; } .parseTime { display: block; color: #939a9e; background: #f9f7ee; padding: 5px 0; font-size: 12px; margin-left: 20px; padding-left: 20px; border-left: 1px solid #ebedef; } #tagcloudBox { margin: 20px 0; font-size: 12px; overflow: hidden; background: #f9f9f9; padding: 15px; } #tagcloudBox .tagcloudTitle { font-weight: bold; margin-bottom: 5px; } #tagcloudBox ul { margin: 0; padding: 0; list-style: none; } #tagcloudBox ul li { float: left; padding-right: 5px; } #tagcloudBox ul li:last-child { padding-right: 0; } /**** _credits ****/ /******************/ /*********************/ /**** _responsive ****/ /**** _screen-lg ****/ @media (min-width: 1200px) { } /**** _screen-md ****/ @media (min-width: 992px) and (max-width: 1199px) { #topnavi a.level_1 { font-size: 17px; padding-left: 15px; padding-right: 15px; } #header #logo { max-width: 80%; } #topmenu.affix { position: relative !important; } #topmenu { position: static !important; margin-top: 0; margin-bottom: 0; } .mobile_menu_container { margin-top: 0; background: #fff; padding: 0; position: relative; } .mobile_menu_container #topmenu { position: absolute !important; z-index: 1000; width: 100% !important; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.25); box-shadow: 0 2px 10px rgba(0,0,0,0.25); } #page_index #topproducts_slider .carousel-controls a { z-index: 1; } #page_index #topproducts_slider .carousel-inner > .item { float: none; } #page_index #topproducts_slider { padding: 20px; } #page_index #startpage_vorteile li .content .title { font-size: 24px; } #page_index #startpage_vorteile li .content .text { font-size: 14px; font-weight: 300; } #page_index #startpage_besteller > div:last-child { display: none; } #page_product_info .product_set_price .set_row .label { width: 140px; } #page_product_info .product_set_price .set_row.set_price { font-size: 17px; } #page_product_info .products_look { margin: 0; max-width: 180px; float: right; } #page_product_info .product_buynow_button { font-size: 15px; padding-top: 12px; padding-bottom: 12px; } #page_product_info .product_price { font-size: 20px; } .section_product_list .productlist .product_image { height: 290px; } } /**** _screen-sm ****/ @media (min-width: 768px) and (max-width: 991px) { #header { height: auto; } #header #logo { display: block; margin-bottom: 0; margin-top: 0; text-align: center; } #header #logo a { margin: 0 auto; display: inline-block; } #header #custom_linkbar { position: static; text-align: center !important; margin-bottom: 0 !important; } #topmenu.affix { position: relative !important; } #topmenu { position: static !important; margin-top: 30px; } #shopnavi { display: none !important; } #subnavi { margin-right: 0; } #subnavi li a.level_1 { background: #ebedef; } #page_product_info .product_media .pimage_slider_gallery li { height: auto !important; min-height: 58px; } #page_product_info .product_media .pimage_slider_gallery li img { min-height: 58px !important; } #page_product_info .product_media #pimage_slider_gallery .flex-direction-nav a { height: 62px; line-height: 58px; margin-top: -30px; bottom: 1px; } #page_product_info .product_media img.product_main_image { width: auto; } #page_product_info .product_media #gestalt img { width: auto; } #page_product_info .product_set_price { display: block; } #page_product_info .product_buy_section { margin-top: 20px; margin-bottom: 10px; } #page_product_info .products_look { margin: 0; max-width: 150px; float: right; } .look_products { right: 190px; width: 520px; } .profile .profile_navi a { font-size: 13px; margin-left: 0; margin-right: 0; } .profile .profile_navi a span { display: none; } #page_index #topproducts_slider { padding: 10px 20px; } #page_index #startpage_vorteile li .content .title { font-size: 17px; } #page_index #startpage_vorteile li .content .text { font-size: 14px; } #page_index #topproducts_slider .helper_equalize { min-height: 280px; } .section_product_list .productlist .product_image { height: 300px; } } /**** _screen-xs ****/ @media (max-width: 767px) { h1 { font-size: 27.7px; text-align: center; } h2 { font-size: 23.0px; } h3 { font-size: 18.3px; } h4 { font-size: 15.3px; } h5 { font-size: 14.0px; } h6 { font-size: 12.9px; } .page_container.boxed { margin: 0 auto; padding: 0 15px; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } #header #custom_linkbar a.hidden_small { display: none; } #header #logo { display: block; margin-bottom: 15px; margin-top: 15px; text-align: center; } #header #logo a { margin: 0 auto; display: inline-block; } #header #logo a img { max-height: 70px; } #header #custom_linkbar #box_currencies .toggle { margin-left: 0; } #header #custom_linkbar .icon-lock, #header #custom_linkbar .icon-envelope, #header #custom_linkbar .icon-user { display: none; } #header #custom_linkbar a span { margin-right: 0; } #header #custom_linkbar #box_languages .toggle .current, #header #custom_linkbar #box_currencies .toggle .current { margin-right: 5px; } .mobile_menu_container { margin: 10px 0; } #topmenu_container { height: auto; margin-bottom: 15px; } #topmenu.affix { position: relative !important; } #topmenu { position: static !important; margin-top: 15px; margin-bottom: 0; } #topmenu li.level_1 { display: block; width: 100%; } #topnavi li.level_1 .icon-angle-down { float: right;} #topnavi a { text-transform: none !important; } #topnavi a .icon-angle-up, #topnavi a .icon-angle-down { float: right; opacity: 1; } #topmenu ul.dropdown{ position: static !important; } #footer { margin-bottom: 0 !important; } #shopnavi { display: none !important; } #subnavi { margin-right: 0; } #subnavi li a.level_1 { background: #ebedef; } #page_product_info .product_media .pimage_slider_gallery li { } #page_product_info .product_price_section { text-align: center; } #page_product_info .product_buy_section { margin-top: 20px; } #page_product_info .product_buy_section .input-group { margin: 0 auto; } #page_product_info .product_tabs_section ul#product_tabs li.active a, #page_product_info .product_tabs_section ul#product_tabs li.active a:hover { margin-bottom: 0 !important; } #page_product_info .product_button_back { float: none; padding: 10px 30px; display: block; border: 0; background: #dce0e2; border: 1px solid #bec3c7; text-align: center; width: 100%; margin-bottom: 30px; margin-top: -10px; font-size: 18px; } #page_product_info .product_button_back:hover { text-decoration: none; color: #7b6565; } #page_product_info .product_tax_info { float: none; display: block; } #page_product_info .product_media img.product_main_image { width: auto; } #page_product_info .product_set_price { display: block; margin-bottom: 15px; } #page_product_info .product_buy_section.setproduct { margin-top: 0; margin-bottom: 15px; } #page_product_info .set_products .product .pset_name { min-height: 50px; } #box_newsletter h4 { text-align: center; } #box_newsletter form { margin-bottom: 15px; } .box_search { padding-right: 0; } .section_product_list .productlist .product_image { height: auto; } .section_product_list .productlist.fullsize .product_image { height: 230px !important; } .categorylist .category_row { display: inline !important; } .categorylist .clb { display: none !important; } .categorylist .category_row .thumbnail, .categorylist .category_row .thumbnail strong{ padding: 0 !important; word-break: break-all; } .paddingbox.xlarge { padding: 20px; } .paddingbox.xxlarge { padding: 20px; } #page_index #topproducts_slider { padding: 0 10px; } #page_index #topproducts_slider .helper_equalize { min-height: 230px; } .profile .profile_navi a, .profile .profile_navi { margin-bottom: 20px; } .profile .profile_navi a, .profile .profile_navi .divider { margin-left: 0; margin-right: 0; } } @media (max-width: 400px) { .section_product_list .productlist .product_image { height: 210px; } } @media (max-width: 767px) { /** _phone **/ #header { height: auto; text-align: center; } #header #logo, #header #custom_linkbar, #header #box_cart, #header #box_search { height: auto; margin-bottom: 0; margin-top: 10px; text-align: center !important; } #header #box_search form { text-align: center; } #footer { text-align: center; } #page_product_info .product_meta div { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebedef;} #page_product_info .product_meta div:last-child { margin: 0; padding: 0; border: 0; ;} #page_product_info .product_tabs_section ul#product_tabs li.active a, #page_product_info .product_tabs_section ul#product_tabs li.active a:hover { border: 0; background: #ebedef; margin-bottom: 10px; } #page_product_info .nav-tabs li { float: none; border: 0; } #page_product_info .nav-tabs li a { border: 0; } .section_checkout .method_selector .method_description { } .section_checkout .payment_methods .method_selector .selector_name nobr { display: none; } } /**** _responsive ****/ /*********************/