/* HTML 5 pro starsi browsery */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /* Basic setup */ body, code, div, h1, h2, h3, h4, h5, h6, img, span, table, th, td, p {border:0 none;margin:0;padding:0;} ol, ul {padding:0px 0px 0.5em 3em;margin:0px;} p {margin: 0.5em 0px; padding: 0px; line-height: 13.5pt; } input, select, textarea {font-family: inherit;} body {text-align:left;cursor:default;padding:0px 0px 20px 0px;background:repeat-x top center scroll;font-family: 'arial', sans-serif;} ul{margin-top: 0px;padding-top: 0px;} a img {border: none;} h1, .h1 {font-size: 1.84em;font-weight:bold;} h2, .h2 {font-size: 1.38em;font-weight:bold;} h3 {font-size: 1.07em;font-weight:bold;} h4 {font-size: 1em;font-weight:bold;} h1, .h1, h2, .h2, h3, h4, h5, h6 {margin-top:1em;margin-bottom:0.5em; color: #5F3002; } h4, h5, h6 {margin-top: 1em;} h1, .h1 {margin-top: 0px;} table {border-collapse: collapse;} abbr {border-bottom: 1px dotted;cursor: help} body, input, select, textarea { font-size: 13px; } body { color:#737373; } body.homepage { background: url('/img/front/body.jpg') no-repeat center 177px; } /* Tweaks */ .clrb { clear:both; } .clrl { clear:left; } .clrr { clear:right; } .fll { float:left; } .flr { float:right; } .uc { text-transform:uppercase; } .lc { text-transform:lowercase; } .tal { text-align: right; } .tar { text-align: right; } .tac { text-align: center; } .invisible { display:none; } .hidden { visibility:hidden; } .inline { display:inline; } a { text-decoration: underline; color: #5F3002; } a:hover { text-decoration: none; } #foot { padding-top: 30px; margin-top: 3px; background: url('/img/front/foot.png') no-repeat } #foot .bottom { width: 940px; padding: 10px 30px; background: #D96926; text-align: center; color: #fff; } #foot .bottom a { color: #fff; } #foot .bottom p { margin: 3px 0; } #foot .top-sides { float: left; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } #foot .left-side { float: left; width: 270px; padding: 7px 20px 20px 30px; color: #D96926; background: url('/img/front/foot.left.side.png') no-repeat right center; } #foot .left-side a { color: #D96926; } #foot-right-side { position: absolute; bottom: 110px; right: 0px; float: left; color: #AE987D; font-size: 8pt; width: 630px; padding: 7px 30px 20px 20px; } #foot-right-side p { line-height: 12pt; } #banner { width: 940px; height: 276px; overflow: hidden; } #banner p { margin: 0px; } #banner .left-side { float: left; width: 593px; height: 266px; } #banner .right-top-side { float: left; width: 325px; height: 183px; overflow: hidden; border-bottom: 1px solid #C4C4C4; /*background: url('/img/front/banner.right.top.png') no-repeat bottom right;*/ margin: 0 0 10px 20px; } #banner .right-top-side h1 { font-size: 11pt; margin: 0 0 10px 0; } #banner .right-top-side strong { font-size: 11pt; display: block; color: #773D09; margin-bottom: 7px; } #banner .right-top-side em { display: block; margin-top: 7px; } #banner .right-bottom-side { float: left; width: 325px; margin-left: 20px; } #banner .right-bottom-side strong { color: #5F3002; display: block; margin-bottom: 7px; } #banner .right-bottom-side p { line-height: 13.5pt; } #banner .right-bottom-side a img { margin-top: 7px; } #page-wrap { width:1000px; margin-left:auto; margin-right:auto; position: relative; } #head { height:177px; width:100%; border-top: 3px solid #da6a28; background: url('/img/front/head.bottom.shadow.png') repeat-x bottom #fbf4e4; } #head-shadow{ background: url('/img/front/head.shadow.jpg') top center no-repeat; } #head-in { height: 180px; width: 1000px; margin: auto; position: relative; } .body-shadow-left { width: 31px; height: 154px; background: url('/img/front/body.shadow.left.png') no-repeat; position: absolute; left: -31px; top: 0px; } .body-shadow-right { width: 31px; height: 154px; background: url('/img/front/body.shadow.right.png') no-repeat; position: absolute; right: -31px; top: 0px; } /*#head-in .basket { width: 288px; height: 51px; padding: 19px 0 0 68px; background: url('/img/front/basket.png') no-repeat; position: absolute; right: 0px; top: 30px; color: #5F3002; font-style: italic; } #head-in .basket a { color: #5F3002; } #head-in .basket a.basket-icon { width: 46px; height: 28px; position: absolute; top: 12px; left: 15px; } #head-in .basket strong small { font-size: 10pt; }*/ #head-in .basket { position: absolute; right: 0px; top: 30px; padding: 0 6px 19px 6px; background: url('/img/front/basket.shadow.png') no-repeat bottom center; color: #5F3002; font-style: italic; } #head-in .basket .basket-left { position: absolute; left: 0px; top: 0px; width: 6px; height: 56px; background: url('/img/front/basket.left.png') no-repeat left; } #head-in .basket .basket-right { position: absolute; right: 0px; top: 0px; width: 6px; height: 56px; background: url('/img/front/basket.right.png') no-repeat right; } #head-in .basket .basket-box { background: #fff; height: 34px; padding: 20px 20px 0 65px; border-top: 1px solid #E7E5B5; border-bottom: 1px solid #E7E5B5; } #head-in .basket .basket-box #snippet-basket-basket { float: left; } #head-in .basket.authenticated .basket-box { padding-top: 11px; height: 43px; line-height: 13pt; } #head-in .basket .basket-box .basket-icon { display: block; position: absolute; top: 10px; left: 15px; width: 49px; height: 38px; background: url('/img/front/basket.png') no-repeat; } #logo { top:12px; margin-left:30px; position:absolute; text-decoration:none;border:none; } #main-menu { bottom: 3px; position:absolute; float:left; width: 1000px; height: 55px; background: url('/img/front/menu-top.png') no-repeat top left #fff; padding-top: 6px; } #main-menu .menu { list-style-type: none; margin:0px; float:left; padding: 10px 30px 0px 30px; border-left: 1px solid #ECE0B8; border-right: 1px solid #ECE0B8; width: 938px; height: 45px; } #main-menu li { float: left; border: 0px !important; padding-right: 24px; margin-right: 18px; background: url('/img/front/menu.li.png') no-repeat right center; } #main-menu li a { color: #000; font-size: 14.5pt; text-transform: lowercase; } #main-menu li.menu-last { background: none; } .paginator { font-size: 11pt; color: #D96926; padding: 3px 20px 0px 20px; width:440px; overflow:hidden; white-space:nowrap; margin: auto; text-align: center; } .paginator a { color: #D96926; padding: 0 4px; } .paginator a:hover { text-decoration: none; } .paginator .current { font-weight: bold; padding: 0 4px; } .paginator .button { padding: 0 4px; } #navi { padding: 25px 20px 0 20px; color: #d96926; font-size: 9pt; } #navi a { color: #d96926; } #navi .divider { padding: 0 5px; } #main h1 { font-family: Georgia; margin: 25px 0 5px 20px; font-weight: normal; font-style: italic; z-index: 0; } #main { background: #fff; padding: 0 30px 20px 30px; border-left: 1px solid #ECE0B8; border-right: 1px solid #ECE0B8; min-height: 500px; } #main.main-simple { background: url('/img/front/main-simple.png') no-repeat 0px 77px #fff; position: relative; } #main.main-simple-menu { background: url('/img/front/main-simple.png') no-repeat 130px 49px #fff; } #main.main-category { background: url('/img/front/main-simple.png') no-repeat 130px 49px #fff; } #main-border-bottom { width: 1000px; height: 6px; background: url('/img/front/content.white.border.bottom.png') no-repeat bottom center } #main-bottom { width: 938px; padding: 24px 30px; background: url('/img/front/main.bg.png'); border-left: 1px solid #E9C4A4; border-right: 1px solid #E9C4A4; } #main-bottom-border-top { width: 1000px; height: 6px; margin-top: 18px; background: url('/img/front/main.top.png') no-repeat; } #main-bottom-border-bottom { width: 1000px; height: 6px; background: url('/img/front/main.bottom.png') no-repeat bottom; } #news { position: relative; width: 560px; float: left; } #news .title { position: absolute; left: 0px; top: -37px; } #news .item { float: left; width: 560px; background: #fff; margin-bottom: 25px; } #news .item.last { margin-bottom: 0px; } #news .item .text { float: left; width: 225px; padding: 35px 0 15px 30px; } #news .item .image { float: left; width: 275px; padding: 50px 30px 30px 0; text-align: center; } #news .item h3 { margin: 0px; font-size: 12pt; } #news .item h3 a { text-decoration: none; } #news .item p { font-weight: normal; } #news .show-all-article { font-weight: 600; } #recommend { position: relative; width: 328px; padding-left: 50px; float: left; } #recommend .shadow { position: absolute; left: 30px; top: -30px; width: 19px; height: 355px; background: url('/img/front/recommend.shadow.png') no-repeat; } #recommend .title { position: absolute; left: 50px; top: -37px; } #recommend .item { margin: 15px 0; border-bottom: 1px solid #BDB49C; padding-bottom: 15px; } #recommend .item.last { border-bottom: 0px; } #recommend .item .image { float: left; } #recommend .item .image img { border: 5px solid #fff; border-radius: 5px; margin: 0 10px 10px 0; } #recommend .item h3 { margin: 0px; font-size: 18pt; } #recommend .item h3 a { text-decoration: none; color: #D96926; } #recommend .item .perex { color: #5F3002; font-weight: normal; } #recommend .item .text a img { float: right; } #facebook { width: 328px; padding-left: 50px; float: left; } #facebook .fb-like-box { background: #fff; margin-top: -3px; } #main-categories { margin: 20px 0 0 0; width: 224px; background: url('/img/front/main-categories.png') repeat-y; float: left; } #main-categories-bottom { background: url('/img/front/main-categories-bottom.png') no-repeat left bottom; } #main-categories-middle { background: url('/img/front/main-categories-top.png') no-repeat; min-height: 311px; padding-bottom: 20px; position: relative; } #main-categories-middle .product-catalogue { position: absolute; top: 0px; left: 0px; width: 224px; height: 50px; } #main-categories ul { margin: 0; padding: 75px 0 0 0; list-style-type: none; } #main-categories ul li { background: url('/img/front/main-categories-li.png') no-repeat 10px bottom; padding: 3px 0 4px 0; position: relative; } #main-categories ul li:nth-child(5) { background: none; } #main-categories ul>li.last { background: none; padding-top: 30px; } #main-categories ul>li.last ul { margin-top: 30px; } #main-categories ul>li.last>a, #main-categories ul>li.last>span { color: #F7F1DE; } #main-categories ul li a, #main-categories ul li span { font-size: 10.5pt; display: block; color: #fdfbf5; text-transform: uppercase; font-family: Georgia; text-decoration: none; width: 181px; padding: 3px 10px; margin: 0 0 0 9px; } #main-categories ul li a:hover, #main-categories ul li span:hover { background: #d96926; } #main-categories ul ul li.last { padding-top: 0px; } #main-categories ul ul li.last a { color: #552c06; } #main-categories ul ul { display: none; margin: 0; padding: 0; z-index: 99999; position: absolute; left: 210px; top: 0px; opacity: 0.9; filter: alpha(opacity=90); background: url('/img/front/main-categories-ul-ul.png') repeat-y left #f7f1de; } #main-categories ul ul li { padding: 3px 3px 4px 0; } #main-categories ul ul li a { color: #552c06; margin: 0 0 0 3px; } #search { float: left; width: 679px; height: 50px; padding: 0 15px; margin: 20px 0 0 5px; background: #f7f1de; position: relative; } #search form em { display: block; float: left; color: #552c06; font-weight: bold; margin-top: 17px; } #search form .input-text { float: left; width: 252px; height: 34px; background: url('/img/front/search.png') no-repeat; margin: 7px 0 0 10px; } #search form .input-text input { font-style: italic; width: 220px; height: 19px; padding: 0 10px; border: 0px; margin: 6px 0 0 6px; } #search input[type=image] { margin: 15px 0 0 10px; } #searchResults { z-index: 999; position: absolute; top: 40px; left: 115px; width: 350px; border: 5px solid #F7F1DE; background: #fff; } #searchResults .sr-header { z-index: 999; background: #F7F1DE; padding: 5px; color: #5F3002; } #searchResults ul { margin: 0px; padding: 0px; list-style-type: none; z-index: 999; } #searchResults ul li { height: 40px; padding: 5px 0; z-index: 999; } #searchResults ul li a.title { z-index: 999; font-family: Georgia; display: block; float: left; padding-top: 12px; } #searchResults ul li a.image { z-index: 999; display: block; float: left; margin: 0 10px; width: 40px; height: 40px; overflow: hidden; } #searchResults ul li a img { z-index: 999; float: left; } #searchResults ul li.show-all { z-index: 999; height: auto; text-align: right; font-size: 9pt; padding: 5px; } .search-list h2 { color: #D96926; margin-left: 40px; } .search-list p { margin-left: 40px; } .search-list table { margin: 10px 0 20px 50px; } .search-list table td { padding: 2px; } .search-list table td.title { width: 220px; padding: 2px 10px; } .search-list table.products td.image { } #main-products { float: left; width: 709px; margin: 20px 0 0 5px; position: relative; } .products-list-hp { float: left; } .products-list-hp .more-spices { position: absolute; right: 0px; bottom: 0px; } .products-list-hp .product { width: 90px; padding: 5px; float: left; position: relative; z-index: 0; } .products-list-hp .product .image { width: 90px; height: 90px; overflow: hidden; display: table-cell; #display: block; vertical-align: middle; } .products-list-hp .product h2, .products-list-hp .product .title{ font-size: 10pt; font-weight: normal; font-style: italic; text-align: center; margin: 0px; width: 100%; height: 35px; overflow: hidden; } .products-list-hp .product h2 a, .products-list-hp .product .title a{ text-decoration: none; } .products-list-hp .product .price { display: block; text-decoration: none; position: absolute; top: 50px; right: 5px; padding: 5px 10px; font-weight: bold; color: #000; background: url('/img/front/productlist-price.png') repeat-y right center #F5D041; } #top-line-menu { } #top-line-menu a.catalogue { display: block; float: left; width: 210px; height: 49px; background: url('/img/front/catalogue.png') no-repeat; } #top-line-menu #search { margin: 0px; width: 698px; height: 49px; } #top-line-menu ul.menu { z-index: 8; margin: 0px; padding: 0px; list-style-type: none; float: left; z-index: 10; background: #633407; width: 938px; height: 26px; /*overflow: hidden;*/ } #top-line-menu ul.menu li { position: relative; float: left; padding: 5px 15px 5px 18px; background: url('/img/front/top-line-menu-li.png') no-repeat 0px 11px } #top-line-menu ul.menu li.first { background: none; } #top-line-menu ul.menu li a { font-family: Georgia; color: #d4c492; text-decoration: none; } #top-line-menu ul.menu li a:hover { color: #F7F1DE; } #top-line-menu ul.menu li ul { display: none; position: absolute; z-index: 999; background: #F7F1DE; left: 0px; top: 26px; list-style-type: none; padding: 0px; margin: 0px; } #top-line-menu ul.menu li ul li { z-index: 999; float: none; width: 150px; background: none; border-bottom: 1px solid #E4CE8B; } #top-line-menu ul.menu li ul li a { z-index: 999; color: #633407; } #top-line-menu ul.menu li ul li a:hover { color: #7E440A; } #top-line-menu .category-view { position: absolute; right: 45px; top: 15px; color: #D96926; } #top-line-menu .category-view a { color: #D96926; } #main .category-tree { width: 210px; float: left; background: url("/img/front/main-categories.png") repeat-y; } #main .category-tree-top { background: url("/img/front/main-categories-top-cut.png") no-repeat top; padding-top: 20px; } #main .category-tree-bottom { background: url("/img/front/main-categories-bottom.png") no-repeat bottom; min-height: 250px; padding-bottom: 20px; } #main .category-tree .menu { padding: 0px; margin: 0; list-style-type: none; } #main .category-tree .menu li { background: url('/img/front/main-categories-li.png') no-repeat 10px top; padding: 4px 0 3px 0; position: relative; } #main .category-tree .menu li.first { background: none; } #main .category-tree .menu li a, #main .category-tree .menu li span { cursor: pointer; font-size: 10.5pt; display: block; color: #fdfbf5; text-transform: uppercase; font-family: Georgia; text-decoration: none; width: 181px; padding: 3px 10px; margin: 0 0 0 9px; } #main .category-tree .menu li.active a { background: #d96926; } #main .category-tree .menu li a:hover { background: #d96926; } #main .category-tree .menu>li.last { padding-top: 30px; } #main .category-tree .menu>li.last span { color: #F7F1DE; } #main .category-tree .menu ul { margin: 0px; padding: 0px; list-style-type: none; } #main .category-tree .menu ul li.last { padding-bottom: 0px !important; } #main .category-tree .menu ul li a { color: #D4C492; padding: 2px 0 2px 35px; background: url('/img/front/category.tree.li.png') no-repeat 18px 6px !important; font-family: Arial; text-transform: lowercase; width: 165px; } #main .category-tree .menu ul li.active a { /*background: #d96926 !important;*/ color: #FDFBF5; } #main .category-tree .menu ul li a:hover { /*background: #d96926 !important;*/ color: #FDFBF5; } #main .category-tree .menu ul ul { margin-top: 2px; } #main .category-tree .menu ul ul li { padding-left: 10px; background: url('/img/front/main-categories-li.png') no-repeat 10px top !important } .category-content { float: left; width: 728px; } .category-content .category-perex { font-family: Georgia; color: #5F3002; padding: 0 0 30px 20px; } .category-content .products { margin-left: 20px; } .category-content .products-shadow { float: left; width: 708px; height: 22px; margin-bottom: 25px; background: url('/img/front/products-shadow.jpg') no-repeat center } .simple-content { float: left; width: 728px; } .products-list { margin: 0 0 20px 20px; } .products-list h2 { position: absolute; left: 100px; top: 10px; font-family: Georgia; font-style: italic; font-weight: normal; } .product-image-bg { width: auto; height: 630px; overflow: hidden; position: absolute; left: 0px; top: 197px; z-index: 0; /*background: url('/img/front/product.image.bg.png') no-repeat; */} .product-detail { position: relative; min-height: 700px; } .product-detail h1 { margin-bottom: 0px !important; padding-bottom: 25px; background: url('/img/front/product.detail.h1.png') no-repeat bottom left; font-size: 21pt; } .product-detail p { font-family: Georgia; line-height: 17pt; } .product-detail .title { color: #d96926; font-family: Georgia; font-weight: bold; } .product-detail .description { margin: 0 0 20px 260px; border-bottom: 3px solid #faede5; padding-bottom: 20px; position: relative; } .product-detail .description .title-image .spices { position: absolute; top: -85px; left: 140px; } .product-detail .description .title-image .mint { position: absolute; top: -80px; left: 100px; } .product-detail .description .left { float: left; margin-right: 40px; } .product-detail .description .left .product-text { padding: 30px 0 10px 0; width: 280px; color: #5F3002; } .product-detail .description .left .product-text h2 { color: #D96926; font-family: Georgia; font-weight: bold; font-size: 13px; text-transform: uppercase; } .product-detail .description .left .product-composition { width: 280px; color: #d96926; margin-top: 20px;} .product-detail .description .product-image { float: left; text-align: center; width: 358px; height: 250px; } .product-detail .description .product-image ul { padding: 0px; } .product-detail #thumbs { width: 358px; height: 70px; padding-top: 10px; margin-bottom: 30px; background: url('/img/front/gallery.shadow.png') no-repeat top center; overflow: hidden; float: right; text-align: center; } .product-detail #thumbs a { text-decoration: none; } .product-detail #thumbs a img { margin: 5px; } .product-detail .bx-prev { line-height: 8000px; overflow: hidden; display: block; width: 13px; height: 32px; background: url('/img/front/gallery.arrow.left.png') no-repeat; font-size: 0pt; position: absolute; left: 0px; top: 100px; } .product-detail .bx-next { line-height: 8000px; overflow: hidden; display: block; width: 13px; height: 32px; background: url('/img/front/gallery.arrow.right.png') no-repeat; font-size: 0pt; position: absolute; right: 0px; top: 100px; } .product-detail .description .basket-add-simple { color: #5F3002; float: right; width: 338px; min-height: 71px; padding: 20px 20px 0 0; text-align: right; font-weight: bold; position: relative; } .product-detail .description .basket-add-simple form { float: right; } .product-detail .description .basket-add-simple .on-demand { color: #D96926; position: relative; top: 27px; right: -5px; } .product-detail .description .basket-add-simple form span { position: absolute; top: 48px; right: 150px; } .product-detail .description .basket-add-simple .price { position: absolute; top: 42px; left: 30px; font-size: 16pt; } .product-detail .description .basket-add-simple input[type=text] { position: absolute; top: 45px; right: 170px; width: 25px; height: 16px; text-align: center; border: 1px solid #D96926; } .product-detail .description .basket-add-simple input[type=submit] { line-height: 8000px; overflow: hidden; float: left; width: 123px; height: 71px; background: url('/img/front/buy.big.png') no-repeat; font-size: 0pt; border: 0px; cursor: pointer; } .product-detail .description .basket-add-simple .variant-stock input[type=submit] { position: relative; top: -30px !important; } .product-detail .description .basket-add-multi { position: relative; color: #5F3002; float: right; width: 358px; padding: 20px 0 0 0; } .product-detail .description .basket-add-multi .variant-item { float: right; border-bottom: 1px solid #D9D4D3; padding: 10px 0 8px 0; width: 350px; position: relative; } .product-detail .description .basket-add-multi .variant-item.last { border-bottom: none; } .product-detail .description .basket-add-multi .variant-title { float: left; height: 16px; overflow: hidden; padding: 5px 3px 3px 3px; width: 130px; font-weight: bold; } .product-detail .description .basket-add-multi .image { float: left; height: 25px; width: 40px; overflow: hidden; text-align: center; } .product-detail .description .basket-add-multi .price { float: left; height: 16px; overflow: hidden; padding: 5px 3px 3px 3px; width: 60px; font-weight: bold; text-align: center; } .product-detail .description .basket-add-multi .count { float: left; padding-top: 1px; } .product-detail .description .basket-add-multi .count input[type=text] { float: left; width: 25px; height: 19px; text-align: center; border: 1px solid #D96926; } .product-detail .description .basket-add-multi .count span { font-weight: bold; position: relative; top: 4px; left: 2px; } .product-detail .description .basket-add-multi .variant-item input[type=submit] { background: url("/img/front/buy.png") no-repeat; border: none; cursor: pointer; font-size: 0; height: 35px; width: 49px; position: absolute; top: 5px; right: 0px; } .product-detail .related { margin: 0 0 20px 260px; border-bottom: 3px solid #FAEDE5; } .product-detail .related .relatedProduct { margin: 20px 23px 0 0; } .product-detail .related .relatedProduct h3 { font-weight: normal; font-style: italic; font-size: 10pt; height: 32px; width: 100%; overflow: hidden; } .product-detail .related .relatedProduct h3 a { text-decoration: none; } .product-detail .usage { margin: 0 0 0 260px; width: 280px; color: #5F3002; float: left; } .product-detail .usage img { float: right; margin-top: 10px; } .product-detail .usage ul { margin: 6px 0; padding: 0px; list-style-type: none; } .product-detail .usage ul li { font-family: Georgia; border-top: 1px solid #e0dfdf; padding: 4px 0; } .product-detail .usage ul li.first { border-top: 0px; } .product-detail .usage ul li a { text-decoration: none; display: block; background: url('/img/front/recipes.bullet.png') no-repeat 270px 4px; } .product-detail .usage ul li.hidden { display: none; } .product-detail .recipes { float: left; width: 358px; margin-left: 40px; } .product-detail .recipes img { float: right; margin-top: 10px; } .product-detail .recipes ul { margin: 6px 0; padding: 0px; list-style-type: none; } .product-detail .recipes ul li { font-family: Georgia; border-top: 1px solid #e0dfdf; padding: 4px 0; } .product-detail .recipes ul li.hidden { display:none; } .product-detail .recipes ul li.first { border-top: 0px; } .product-detail .recipes ul li a { text-decoration: none; display: block; background: url('/img/front/recipes.bullet.png') no-repeat 345px 4px; } .product-detail .recommendation { margin: 0 0 0 260px; width: 678px; color: #5F3002; float: left; border-top: 3px solid #FAEDE5; margin-top: 20px; padding-top: 20px; } .fe-form { background: #F5EACE; color: #000; padding: 20px 0; } .fe-form.no-padding { padding: 0px; } .fe-form tr th { font-weight: normal; padding-left: 20px; } .fe-form tr td { padding-right: 20px; } .fe-form tr.first th, .fe-form tr.first td { padding-top: 20px !important; } .fe-form tr.last th, .fe-form tr.last td { padding-bottom: 20px !important; } .fe-form input[type=text], .fe-form input[type=password] { background: url('/img/front/input.text.160.png') no-repeat ; width: 136px; border: 0; height: 31px; padding: 0 12px; } .fe-form input.button-delete[type=button], .fe-form input[type=submit] { border: 1px solid #fff; font-family: Gerogia; background: #D96926; color: #fff; font-size: 13pt; padding: 5px 0; width: 150px; margin: 10px 0 10px 5px; cursor: pointer; } .perex img { margin: 10px; } .perex { font-weight: bold; margin-bottom: 15px; color: #5F3002; } #main .text { color: #5F3002; padding: 0 20px; line-height: 22px; } #main .text img { border: 5px solid #F7F1DE; border-radius: 5px; } #main .text table td, #main .text table th { padding: 5px; /*border: 1px solid #5F3002*/ } #main .perex { padding: 0 20px; line-height: 22px; } #main .perex-image { float: right; margin-left: 30px; } #main .images img { margin: 10px; } #flash .item{ width: 80%; margin: 20px auto; text-align: center; border: 2px solid #633407; color: #633407; background-color: #F5EACE; font-weight:bold; padding: 7px; } #flash .item.error{ color:red } .pale { color:#555; font-size:0.8em; } .user-defined-form .live{ color:red } #recipes { padding: 0 20px; } #recipes ul { width: 295px; float: left; padding: 0px; margin: 0px; list-style-type: none; } #recipes ul li { padding: 2px 0; } #recipes .bx-wrapper { margin: auto; } #recipes .bx-wrapper .bx-prev { line-height: 8000px; overflow: hidden; position: absolute; left: -20px; top: 30px; background: url("/img/front/gallery.arrow.left.png") no-repeat scroll 0 0 transparent; display: block; font-size: 0; height: 32px; width: 13px; } #recipes .bx-wrapper .bx-next { line-height: 8000px; overflow: hidden; position: absolute; right: -20px; top: 30px; background: url("/img/front/gallery.arrow.right.png") no-repeat scroll 0 0 transparent; display: block; font-size: 0; height: 32px; width: 13px; } #recipes ul#recipes_gallery { width: 100%; margin-bottom: 30px; } #recipes ul#recipes_gallery li { padding: 0px; float: left; } #recipes ul#recipes_gallery li a { width: 120px; display: block; float: left; padding: 2px; border: 2px solid #F7F1DE; border-radius: 2px; margin: 0 5px; } #recipes ul#recipes_gallery li a img { float: left; } #product-added { position: fixed; top: 0px; top: 100px; text-align: center; width: 100%; z-index: 999; } #product-added span { padding: 20px 50px; background: #fff; z-index: 999; font-size: 12pt; font-family: Georgia; color: #000; font-weight: bold; border: 5px solid #D96926; } #user-profile { padding: 0 20px; color: #5F3002; } #user-profile .box { width: 265px; float: left; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d4d4d4; min-height: 245px; } #user-profile .box p { margin: 3px 0; } #user-profile .box.password { border-right: none; padding-right: 0px; margin-right: 0px; } #user-profile .box.affiliate img { float: left; margin: 0 10px 0 0; } #user-profile table.orders th {padding: 5px;color: #D96926; } #user-profile table.orders td, .order-list table th { padding: 5px 10px; border-top: 1px solid #E0DFDF } #user-profile table.orders td { color: #000; } #user-profile table.invitation td { padding: 5px; } #user-profile table.invitation input[type=text] { width: 300px; } #user-profile table.invitation textarea { width: 700px; height: 150px; resize: none; } #user-profile table.invitation input[type=submit] { border: none; background: #633407; border-radius: 5px; padding: 5px 10px; color: #fff; cursor: pointer; } .form-wrapper { padding: 0 20px; color: #5F3002; } ul.top, ul.bottom { float: left; width: 400px; } ul.top li, ul.bottom li { padding: 5px; } .preview { padding: 0 20px 20px 20px; margin-bottom: 20px; border-bottom: 1px dotted #ECE0B8; } .preview h2 { margin-bottom: 20px; } .preview .preview-img { float: left; margin-right: 30px; } .preview .preview-link { margin-top: 10px; } /* admin panel */ #admin-panel {position: fixed;bottom: 0;width: 998px;height: 32px;border: 1px #000 solid;border-bottom: none; background-color: #f0f4f6;color: #000;font-weight: 600;opacity: 0.9;border-radius: 8px 8px 0 0;z-index: 999} #admin-panel .bcred {background-color: #cc3333!important;} #admin-panel a {color: #000;text-decoration: underline;} #admin-panel a:hover {color: #909090;text-decoration: none;} #admin-panel .content {padding: 8px 20px;border-radius: 8px 8px 0 0;} #admin-panel .divider {padding: 0px 5px;} #admin-panel .ico {width: 32px; height: 20px; background: transparent url('/img/icons/silk/picture_empty.png') 50% 50% no-repeat;} #admin-panel #close {margin-left: 20px;width: 24px; height: 20px; cursor: pointer; background: transparent url('/img/icons/close.png') 50% 50% no-repeat;} #show-panel { position: fixed; bottom: 0;width: inherit; height: 16px; text-align: center; cursor: pointer; display: none; background: transparent url('/img/icons/slideup.png') 50% 50% no-repeat;} /** admin snippet na horni menu */ #main-menu .adminsnippet a.adminedit {right: 180px !important;} div.login-box-hower {color: #5F3002; float: left; border-right: 1px solid #d4d4d4; padding: 0 20px 0 0; margin-right: 20px; width: 265px; min-height: 155px; line-height: 22px} div.login-box-hower-fb {color: #5F3002; padding: 0px 20px 0px 0px; min-height: 155px; line-height: 22px} div.login-box-hower table { border-spacing: 2px; } div.login-box-hower table th { padding: 5px;} div.login-box-hower a { text-decoration: underline; color: #5F3002!important; } div.login-box-hower a:hover { text-decoration: none; } div.orderDetail table { width: 100%; border-collapse: collapse; font-family: Georgia; border: 3px solid #F5EACE; border-radius: 3px; } div.orderDetail th, div.basketSummary td {padding: 4px;} div.orderDetail th { background: url('/img/front/itemsform.th.png') repeat-x; color: #000; font-style: italic; text-align: center; font-size: 9pt; } div.orderDetail th.first { text-align: left; padding-left: 20px; } div.orderDetail th.count { width: 80px; } div.orderDetail tr { background: url('/img/front/itemsform.tr.png') no-repeat bottom center; } div.orderDetail tr td { height: 42px; text-align: center; color: #5F3002; } div.orderDetail tr td.first { text-align: left; text-transform: uppercase; font-style: italic; } div.orderDetail tr td input[type=text] { border: 1px solid #D96926; height: 17px; text-align: center; width: 30px; } div.orderDetail tr td a.image { float: left; } div.orderDetail tr td a.image img { margin-left: 20px; } div.orderDetail tr td h2 { float: left; font-size: 11pt; font-weight: normal; margin: 7px 0 0 20px; } /*.table-with-border tr, .table-with-border td, .table-with-border th, table.table-with-border { border: 1px #000 solid; } */ table.table-with-border:first-child { border-top: 0; } table.table-with-border { width: 100%; border-collapse: collapse; font-family: Georgia; border: 3px solid #F5EACE; border-radius: 3px 3px 3px 3px; } .table-with-border th { background: url('/img/front/itemsform.th.png') repeat-x; color: #000; font-style: italic; text-align: left; margin-left: 20px; padding: 4px; } .table-with-border tr td { height: 42px; text-align: left; color: #5F3002; border-bottom: 2px solid #F1EDE9; } .table-with-border th td { padding-left: 20px; } .uiz-dialog .uiz-dialog-titlebar { background-image: none; background-color: #DA6927; border-color: #DA6927; } .uiz-widget-content { border-color: #ECE0B8; } .uiz-state-default, .uiz-widget-content .uiz-state-default, .uiz-widget-header .uiz-state-default { background-image: none; background-color: #DA6927; color: #ffffff; border: none; } #zasilkovna { width: 500px; } .hidden-fields { display: none; } #langbar .active { font-weight: bold; } /** cas doruceni */ .deliverytime { position: relative; } #deliverytimeloader { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: transparent url('/img/front/ajax-loader.gif') 90% 33% no-repeat; /*background-color: rgba(0,0,0,0.5);*/ } tr.hidden-line { display: none; } label.disable{ opacity: 0.3; } /*=IMPORTANT_TEXT ************************************************************/ #important-warning{ position: fixed; bottom: 0px; left: 0px; width: 90%; padding: 15px 5%; background-color: #DA6A28; z-index: 10000; font-weight: bold; color: #ffffff; border-top: solid 1px #F7F1DE; text-align: center; } #important-warning-button{ display: block; padding: 5px 15px; float: right; background-color: #603208; color: #ffffff; text-decoration: none; } #lang-select-wrapper{float: right; position: relative; top: 5px; left: -10px;} div.customerPaneBox {width: 231px; float: left; border: 2px solid #ccc; margin: 0; height: 110px; background: #efefef;} div.customerPaneBox.left {margin-right: 10px} div.customerPaneBox h2 {background: #ccc; padding: 4px; margin: 0; color: #666;} div.customerPaneBox p {text-align: left; font-size: 12px; padding: 4px 8px;} div.customerPaneBox ul {list-style-type: square; padding-left: 25px;} div.customerLogin div.name {padding: 3px 0 1px 0; font-weight: bold;} div.customerLogin div.email {font-size: 11px; padding-bottom: 10px;} div.basketLogin {float: left; width: 230px; margin-right: 20px;} div.anonymousCheckout {float: left; width: 230px; font-size: 16px;} div.address {border: 2px solid #ccc; background: #efefef; margin-bottom: 10px; padding: 7px; position: relative} div.address.default {border-color: #85d0f1; background: #EFFAFF;} div.address.selected {border-color: #FFE7A5; background: #FFF9EA} div.address a.remove {color: #fff; font-weight: bold; background: #000; width: 15px; height: 15px; line-height: 15px; text-align: center; position: absolute; top: 7px; right: 7px; display: block;} div.address a.change {position: absolute; bottom: 7px; right: 7px;} div.address ul {margin: 5px 0;} #content form {margin: 5px 0; background: #efefef; padding: 7px;} #content form table {margin: 0; border: 0;} #content form table td, form table th {border: 0;} #content form fieldset {border: 0; margin: 0; padding: 0;} .products div.product {width: 235px; height: 260px; overflow: hidden; float: left; position: relative;} .products div.product h2 { position: absolute; top: 0px; width: 235px; font-family: Georgia; font-style: italic; text-align: center; font-weight: normal; font-size: 12pt; margin: 0px; z-index: 5; } .products div.product h2 a { text-transform: uppercase; } .products div.product .image { margin: auto; width: 225px; position: absolute; bottom: 10px; text-align: center; } .products div.product .price { position: absolute; top: 150px; right: 0px; padding: 3px 10px; color: #000; font-style: italic; font-size: 12.5pt; background: url('/img/front/productlist-price.png') repeat-y right #f5d041; } .products div.product .price small { font-size: 10.5pt; } .products div.product a.detail { float: left; position: absolute; right: 85px; bottom: -10px; color: #D96926; font-style: italic; display: block; } .products div.product a.buy { position: absolute; bottom: -5px; right: 40px; display: block; width: 49px; height: 35px; background: url('/img/front/buy.png') no-repeat } .products div.product .simple-button .button { position: absolute; bottom: -5px; right: 40px; cursor: pointer; width: 49px; height: 35px; background: url('/img/front/buy.png') no-repeat; font-size: 0pt; border: 0px; } .products div.product .simple-button input[type=text] { display: none; } .products div.product .text-preview { position: absolute; box-sizing: border-box; bottom: 0px; left: 0px; padding: 20px; font-style: normal; background: url('/img/front/background.transparent.png'); width: 235px; height: 220px; color: #5F3002; display: none; } .products div.product .text-preview p { margin: 0; text-align: justify; font-family: Georgia; line-height: 17pt; } .products div.product .variants { position: absolute; left: 18px; bottom: 30px; } .products div.product .variants .variants-top { width: 212px; height: 9px; background: url('/img/front/products.variants.top.png') no-repeat } .products div.product .variants .variants-bottom { width: 212px; height: 19px; background: url('/img/front/products.variants.bottom.png') no-repeat bottom } .products div.product .variants .variants-in { color: #5F3002; width: 196px; padding: 0 7px; background: #f7f1de; border-left: 1px solid #d7cabf; border-right: 1px solid #d7cabf; } .products div.product .variants .variant-item { float: left; border-bottom: 1px solid #D9D4D3; position: relative; width: 100%; padding: 8px 0 6px 0; } .products div.product .variants .variant-item.last { border-bottom: 0px; } .products div.product .variants .variants-in .variant-title { width: 70px; height: 16px; overflow: hidden; float: left; padding: 3px; } .products div.product .variants .variants-in .variant-price { width: 40px; height: 16px; overflow: hidden; float: left; padding: 3px; font-weight: bold; text-align: center; } .products div.product .variants .variants-in input[type=text] { width: 20px; height: 16px; text-align: center; border: 1px solid #D96926; margin: 0 4px; float: left; } .products div.product .variants .variants-in input[type=submit] { position: absolute; top: 3px; right: -3px; width: 49px; height: 35px; cursor: pointer; background: url('/img/front/buy.png') no-repeat; font-size: 0pt; border: 0px; padding-right: 0px; float: left; } .products-list div.product { width: 100%; min-height: 90px; position: relative; background: url('/img/front/products-shadow.jpg') no-repeat bottom center } .products-list div.product h2 { position: absolute; left: 100px; top: 10px; font-family: Georgia; font-style: italic; font-weight: normal; font-size: 12pt; float: left; } .products-list div.product h2 a { text-transform: uppercase; } .products-list div.product .image { width: 75px; height: 75px; overflow: hidden; float: left; } .products-list div.product .simple-button { position: absolute; top: 25px; right: 0px; } .products-list div.product .simple-button span { font-weight: bold; color: #5F3002; position: relative; top: -2px; } .products-list div.product .simple-button input[type=text] { width: 25px; height: 16px; text-align: center; border: 1px solid #D96926; margin: 0 5px; float: left; } .products-list div.product .simple-button input[type=submit] { position: relative; top: -4px; cursor: pointer; width: 49px; height: 35px; background: url('/img/front/buy.png') no-repeat; font-size: 0pt; border: 0px; } .products-list div.product .variants { color: #5F3002; float: right; width: 239px; } .products-list div.product .variants-in { } .products-list div.product .variants .variant-item { height: 22px; width: 245px; padding: 24px 0 8px 0; overflow: hidden; float: right; border-bottom: 1px solid #D9D4D3; } .products-list div.product .variants .variant-item.last { border-bottom: 0px; } .products-list div.product .variants .variant-title { width: 75px; height: 16px; overflow: hidden; float: left; padding: 3px; } .products-list div.product .variants .variant-price { width: 49px; height: 16px; overflow: hidden; float: left; padding: 3px; font-weight: bold; text-align: center; } .products-list div.product .variants span { font-weight: bold; color: #5F3002; position: relative; top: 3px; float: left; } .products-list div.product .variants input[type=text] { width: 25px; height: 16px; text-align: center; border: 1px solid #D96926; margin: 0 5px; float: left; } .products-list div.product .variants input[type=submit] { width: 49px; height: 35px; cursor: pointer; background: url('/img/front/buy.png') no-repeat; font-size: 0pt; border: 0px; padding-right: 0px; float: left; margin-left: 4px; position: relative; top: -5px; } div.product-detail div.variants {border: 1px solid #eee; padding: 3px; margin-bottom: 20px;} div.product-detail div.variants h3 {background: #eee; padding: 4px 10px; margin: 0; color: #444;} div.product-detail div.variants h3 span {font-size: 12px; font-weight: normal;} div.product-detail div.variants ul {padding: 0; margin: 10px; list-style-type: none;} div.product-detail div.variants ul li {padding: 3px 0 0 0;} div.product-detail div.variants ul li a.selected {font-weight: bold;} div.product-detail div.selectedVariant {border: 1px solid #eee; padding: 6px; margin-bottom: 20px;} div.product-detail div.selectedVariant table {border: 0; margin: 0; width: 100%;} /* počet kusů na skladě u varianty */ div.product-detail div.stock{ color: #93c44e; width: 100%; text-align: left; font-family: Georgia; font-size: 12px; } div.product-detail .basket-add-simple div.stock{ position: relative; top: 50px; margin-left: 30px; } div.product-detail .basket-add-multi div.stock{ display: inline-block; margin-left: 3px; font-weight: bold; } div.product-detail div.expedition{ color: #5F3002; width: 100%; text-align: left; font-family: Georgia; font-size: 12px; } div.product-detail .basket-add-simple div.expedition{ position: relative; top: 52px; margin-left: 30px; } div.product-detail .basket-add-multi div.expedition{ display: inline-block; margin-left: 3px; font-weight: bold; } div.selectedVariant table th, div.selectedVariant table td {border: 0; padding: 2px 4px;} div.selectedVariant tr.price th, div.selectedVariant tr.price td {background: #eee; padding: 5px 4px;} div.selectedVariant tr.price td {font-size: 11px} div.selectedVariant div.price strong {color: #CC0000; font-size: 1.3em;} div.basketAdd {padding-top: 4px;} div.basketAdd form {border: 0; padding: 0; margin: 0;} div.basketAdd input.input {width: 15px; margin-right: 2px} div.basketAdd input.button {color: #fff; font-size: 1.1em; text-align: center; padding: 4px; border: 0; background: #CC0000; font-weight: bold; margin-left: 5px;} div.confirm {border: 1px solid #eee; padding: 6px; clear: both;} div.confirm table {border: 0; margin: 0; width: 100%} div.confirm table td, div.confirm table th {border: 0;} div.confirm table th {background: #85d0f1;} div.confirm tr.shipping td, div.confirm tr.payment td {color: #555;} div.priceVatTotal {color: #333; font-size: 20px; text-align: right; padding: 10px 40px 10px 0;} div.priceVatTotal span {font-size: 14px;} div.priceTotal {text-align: right; padding-right: 40px;} .confirmation-data-title { background: url('/img/front/title.bg.png') no-repeat; color: #FFFFFF; font-family: Georgia; font-size: 12pt; font-weight: normal; height: 28px; padding: 9px 25px 0; text-transform: uppercase; width: 160px; margin: 50px 0px 0px 0px; } .confirmation-data { background: #F5EACE; line-height: 20pt; color: #000; } .confirmation-data strong { color: #5F3002; } .confirmation-data .deliveryAddress { padding: 25px; width: 400px; float: left; } .confirmation-data .invoicingAddress { padding: 25px; width: 400px; float: left; } .confirmation-next { padding-top: 40px; } .confirmation-next .submit-left { float: right; padding-left: 23px; background: url('/img/front/submit.left.png') no-repeat } .confirmation-next .submit-right { float: right; padding-right: 41px; background: url('/img/front/submit.right.png') no-repeat right } .confirmation-next .finish-button { display: block; height: 40px; padding: 21px 0 0 0; border: 0px; background: url('/img/front/submit.middle.png') repeat-x; font-family: Georgia; font-style: italic; font-size: 13pt; text-transform: lowercase; color: #fff; cursor: pointer; text-decoration: none; } .confirmation-next .finish-back { float: right; margin: 7px 10px 0 0; } div.wizard a.next {display: block; float: right; color: #fff; font-weight: bold; background: #c00; padding: 13px; margin: 20px 0 0 0; font-size: 15px; font-family: sans-serif;} div.wizard a.next:hover {text-decoration: none;} .wizard { position: relative; min-height: 600px; } #orderWizard { position: absolute; right: 0px; top: 43px; } #orderWizard .step { width: 202px; padding: 0 27px 0 40px; height: 52px; float: left; background: url('/img/front/orderwizard.arrow.png') no-repeat left center } #orderWizard .step div { background: #F5EACE; height: 42px; padding-top: 10px; text-align: center; color: #633407; font-family: Georgia; font-style: italic; font-size: 11pt; } #orderWizard .step div big { font-size: 20pt; } #orderWizard .step.current div { background: #633407; color: #F5EACE; } #orderWizard .step.active div { background: #633407; } #orderWizard .step.active div a { color: #F5EACE; text-decoration: none; } div.mergeAlert {border: 2px solid #FFE7A5; padding: 10px;} div.mergeAlert p {margin: 0 0 10px 0} div.mergeAlert div.buttons {text-align: center;} div.discountAlert { border: 2px solid #FFE7A5; padding: 10px 10px 10px 75px; margin-bottom: 10px; color: #5F3002; font-size: 12pt; font-family: Georgia; background: url('/img/front/basket.discount.png') no-repeat #FFFCF2 12px 16px; } div.shippingAlert { border: 2px solid #FFE7A5; padding: 10px 15px 10px 15px; margin-bottom: 10px; color: #5F3002; font-size: 12pt; font-family: Georgia; background-color: #FFFCF2; } div.discountAlert a { font-size: 10pt; font-style: italic; } div.basketSummary { position: relative; } div.basketSummary form {border: 0 !important; background: none !important;} div.basketSummary table { width: 100%; border-collapse: collapse; font-family: Georgia; border: 3px solid #F5EACE; border-radius: 3px; } div.basketSummary th, div.basketSummary td {padding: 4px;} div.basketSummary th { background: url('/img/front/itemsform.th.png') repeat-x; color: #000; font-style: italic; text-align: center; font-size: 9pt; } div.basketSummary th.first { text-align: left; padding-left: 20px; } div.basketSummary th.name { width: 405px; } div.basketSummary th.count { width: 80px; } div.basketSummary tr { background: url('/img/front/itemsform.tr.png') no-repeat bottom center; } div.basketSummary tr td { height: 42px; text-align: center; color: #5F3002; } div.basketSummary tr td.first { text-align: left; text-transform: uppercase; font-style: italic; } div.basketSummary tr td input[type=text] { border: 1px solid #D96926; height: 17px; text-align: center; width: 30px; } div.basketSummary tr td a.image { float: left; } div.basketSummary tr td a.image img { margin-left: 20px; } div.basketSummary tr td h2 { font-family: Georgia; font-size: 12pt; text-transform: uppercase; font-style: italic; float: left; font-size: 11pt; font-weight: normal; margin: 7px 0 0 20px; } div.basketSummary .summary-box { position: relative; width: 293px; height: 65px; margin-right: 1px; background: url('/img/front/summary.box.png') repeat-x; float: right; } div.basketSummary .summary-box .for-payment { font-family: Georgia; font-style: italic; color: #000; font-weight: bold; position: absolute; left: 24px; top: 25px; } div.basketSummary .summary-box .with-vat { color: #5F3002; font-size: 15pt; position: absolute; top: 19px; left: 155px; font-weight: bold; } div.basketSummary .summary-box .with-vat small { font-weight: normal; } div.basketSummary .summary-box .without-vat { position: absolute; left: 145px; top: 40px; color: #000; font-weight: bold; font-size: 11pt } div.basketSummary .summary-box .without-vat span { font-weight: normal; font-size: 10pt; } div.basketSummary .recalculateButton { float: right; } div.basketSummary .recalculateButton .button { margin: 0 120px 0 0; /*background: url('/img/front/summary.box.png') repeat-x; color: #000; */ background: #DA6927; color: #fff; font-family: Georgia; font-style: italic; cursor: pointer; } div.basketSummary .emptyBasket { padding: 0 20px; } div.basketSummary .coupon-box { position: absolute; right: 1px; bottom: -200px; width: 253px; padding: 20px 20px 5px 20px; background: #F4EACD; } div.basketSummary .coupon-box em { display: block; margin: 0 0 10px 5px; color: #000; font-size: 10pt; font-family: Georgia; } div.basketSummary .coupon-box input[type=text] { background: url("/img/front/input.text.253.png") no-repeat scroll 0 0 transparent; border: 0 none; height: 31px; padding: 0 12px; width: 229px; } div.basketSummary .coupon-box input[type=image] { float: right; margin: 5px 2px 0 0; } div.basketSummary .login-basket-box { position: absolute; right: -3px; bottom: -315px; width: 253px; padding: 20px 0px 5px 0px; text-align: right; } div.basketSummary .affiliate-box { position: absolute; right: 1px; bottom: -308px; width: 253px; padding: 20px; background: #F4EACD; } div.basketSummary .affiliate-box em { display: block; margin: 0 0 10px 5px; color: #000; font-size: 10pt; font-family: Georgia; } div.basketSummary .affiliate-box input[type=submit] { border: none; cursor: pointer; color: #fff; width: 100%; font-size: 12pt; text-transform: uppercase; font-family: Georgia; background: #653408; border-radius: 5px; padding: 5px 10px; } div.basketSummary .plus { display: block; width: 30px; height: 30px; background: url('/img/front/plus.png') no-repeat; position: absolute; left: 32px; bottom: -40px; } div.basketSummary.empty .coupon-box { left: 0px; bottom: -140px } h2.bg-title { width: 160px; height: 28px; background: url('/img/front/title.bg.png') no-repeat; padding: 9px 25px 0 25px; color: #fff; font-size: 12pt; font-family: Georgia; font-weight: normal; text-transform: uppercase; } h2.bg-title.w250 { width: 200px; background: url('/img/front/title.bg.w250.png') no-repeat; } h2.bg-title.contact { margin-bottom: 0px; } #paymentShippingForm h2 { margin-top: 20px; } #paymentShippingForm h2 label { color: #fff !important; } #paymentShippingForm label { color: #000; } #paymentShippingForm label strong { font-size: 11pt; } #paymentShippingForm label p { display: inline; } #paymentShippingForm .shipping { margin-top: 5px; } #paymentShippingForm .shipping input { margin: 5px 15px 0 15px; } #paymentShippingForm .countries { margin-top: 5px; } #paymentShippingForm .countries input { margin: 5px 15px 0 15px; } #paymentShippingForm .payment { margin-top: 15px; } #paymentShippingForm .payment input { margin: 5px 15px 0 15px; } #paymentShippingForm .note .title { color: #000; margin-top: 30px; } #paymentShippingForm .note textarea { resize: none; width: 500px; height: 100px; } #paymentShippingForm { margin-top: 50px; } #paymentShippingForm .next { margin-top: 30px; position: relative; } #paymentShippingForm .next a { text-decoration: none; display: block; width: 218px; height: 37px; } #paymentShippingForm .next a.registration { position: absolute; top: 25px; left: 250px; } #paymentShippingForm .next a.sign-in { position: absolute; top: 25px; left: 0px; } #paymentShippingForm .next .submit-left { float: right; padding-left: 23px; background: url('/img/front/submit.left.png') no-repeat; margin-top: 10px;} #paymentShippingForm .next .submit-right { float: right; padding-right: 41px; background: url('/img/front/submit.right.png') no-repeat right } #paymentShippingForm .next input.button { height: 61px; border: 0px; background: url('/img/front/submit.middle.png') repeat-x; font-family: Georgia; font-style: italic; font-size: 13pt; text-transform: lowercase; color: #fff; cursor: pointer; margin: 0;} #paymentShippingForm .registration-benefits { width: 450px; color: #000; } #personalDataForm table { width: 100%; background: #F5EACE; } #personalDataForm table th { width: 55px; padding: 7px 7px 7px 25px; font-weight: normal; color: #000; } #personalDataForm table th.sec { padding-left: 15px !important; width: 45px; } #personalDataForm table td.fir { width: 373px; } #personalDataForm table tr.first th { padding-top: 20px; } #personalDataForm table tr.first td { padding-top: 15px; } #personalDataForm table tr.last th { padding-bottom: 20px; } #personalDataForm table tr.last td { padding-bottom: 15px; } #personalDataForm table td input[type=text] { width: 349px; height: 31px; padding: 0 12px 0 12px; padding-top: 8px\9; height: 23px\9; background: url('/img/front/input.text.373.png') no-repeat; border: 0px; } #personalDataForm table td input[type=text].w160 { width: 160px; background: url('/img/front/input.text.160.png') no-repeat; } #personalDataForm .differentAddress { background: #F5EACE; color: #5F3002; padding: 0 25px; } #personalDataForm .differentAddress.note textarea { height: 100px; width: 500px; resize: none; } #personalDataForm .differentAddress input { position: relative; top: 1px; } #personalDataForm .differentAddress hr { border: 1px solid #E6D8B9; margin: 15px 0 0 0; } #personalDataForm .agreements { padding: 15px 25px 25px 25px; background: #F5EACE; color: #5F3002; } #personalDataForm .agreements div { padding: 3px 0; } #personalDataForm .agreements div input { position: relative; top: 1px; } #personalDataForm .next { padding-top: 40px; } #personalDataForm .next .submit-left { float: right; padding-left: 23px; background: url('/img/front/submit.left.png') no-repeat } #personalDataForm .next .submit-right { float: right; padding-right: 41px; background: url('/img/front/submit.right.png') no-repeat right } #personalDataForm .next input.button { padding: 0px; margin: 0px; float: left; height: 61px; border: 0px; background: url('/img/front/submit.middle.png') repeat-x; font-family: Georgia; font-style: italic; font-size: 13pt; text-transform: lowercase; color: #fff; cursor: pointer; } #personalDataForm .next a { float: right; margin: 7px 10px 0 0; } #addressForm .note { padding: 0 7px; } #addressForm .note textarea { height: 100px; width: 500px; resize: none; } #addressForm table { color: #5F3002; } #addressForm #invoicing { display: none; } #addressForm .delete-address { display: block; float: left; margin-left: 15px; padding-left: 20px; background: url('/img/icons/silk/cross.png') no-repeat left center; text-decoration: none; } #addressForm .next .submit-left { float: right; padding-left: 23px; background: url('/img/front/submit.left.png') no-repeat; margin-top: 10px; } #addressForm .next .submit-right { float: right; padding-right: 41px; background: url('/img/front/submit.right.png') no-repeat right } #addressForm .next input.button { height: 61px; border: 0px; background: url('/img/front/submit.middle.png') repeat-x; font-family: Georgia; font-style: italic; font-size: 13pt; text-transform: lowercase; color: #fff; cursor: pointer; margin: 0;} #addressForm .next a { float: right; margin: 18px 10px 0 0; } .subpage.customer-address #addressForm #invoicing { display: block; } .subpage.customer-address #addressForm input[type=submit]{ background: none repeat scroll 0 0 #D96926; border: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer; font-family: Gerogia; font-size: 13pt; margin: 10px 0 10px 5px; padding: 5px 0; width: 150px; } #registrationForm table td { padding-right: 10px !important; } #registrationForm table th { padding-right: 5px; } #registrationForm table th.sec { padding-left: 10px; } #registrationForm table td input[type=text] { width: 349px; height: 31px; padding: 0 12px 0 12px; padding-top: 8px \9; height: 23px \9; background: url('/img/front/input.text.373.png') no-repeat; border: 0px; } #registrationForm table td input[type=text].w160 { width: 160px; background: url('/img/front/input.text.160.png') no-repeat; } #registrationForm table td.afil-help { padding-left: 10px; } #registrationForm_affiliate_id { background: url("/img/front/input.text.160.png") no-repeat scroll 0 0 transparent !important; width: 136px !important; } #registrationForm_send { background: url("/img/front/submit.middle.png") repeat-x scroll 0 0 transparent; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: Georgia; font-size: 13pt; font-style: italic; height: 61px; text-transform: lowercase; } #registrationForm .submit-left { background: url("/img/front/submit.left.png") no-repeat scroll 0 0 transparent; float: right; padding-left: 23px; margin-top: 20px; } #registrationForm .submit-right { background: url("/img/front/submit.right.png") no-repeat scroll right center transparent; float: right; padding-right: 41px; } div.recalculateButton input {margin: 5px 0; background: #3b3b3b; color: #fff; padding: 7px; border: 0; font-weight: bold;} div.paramsTable {margin: 10px 0;} div.paramsTable table {margin: 0;} div.related {padding: 5px 0 20px 0; clear: both;} div.related h3.moreInfo {border-bottom: 1px solid #eee; margin-top: 5px;} div.relatedProduct {width: 90px; float: left; margin-right: 10px; text-align: center;} div.onDemand {font-size: 15px; font-weight: bold; color: #c00;} #addressForm table { background: #F5EACE; width: 100%; } #addressForm table th { width: 55px; padding: 7px 7px 7px 25px; font-weight: normal; color: #000; } #addressForm table th.sec { padding-left: 15px !important; width: 45px; } #addressForm table td.fir { width: 373px; } #addressForm table td input[type=text] { width: 349px; height: 31px; padding: 0 12px 0 12px; background: url('/img/front/input.text.373.png') no-repeat; border: 0px; } #addressForm table td select, #personalDataForm table td select, #registrationForm table td select { margin: 0 5px; border: 1px solid #E8AF80; padding: 3px; width: 363px; } #addressForm table tr.first th { padding-top: 20px; } #addressForm table tr.first td { padding-top: 15px; } #addressForm table tr.last th { padding-bottom: 20px; } #addressForm table tr.last td { padding-bottom: 15px; } /* prihlasovani */ div.login-box {float: left; border-right: 1px solid #d4d4d4; padding: 0 20px 0 0; margin-right: 20px; width: 265px; min-height: 155px;} div.login-box.last {margin-right: 0; border: 0;} /* skrytí nefunkční mapy a textu na výběr z mapy */ #zasilkovna img, #zasilkovna p{ display: none !important; } .modalboxContent { display:none; } .modalgallery { display:block; } div#modalBoxFaderLayer, div#modalBoxAjaxLoader, div#modalBox, div#modalBox div#modalBoxBody, div#modalBox div#modalBoxBody div.modalBoxBodyContent, div#modalBox div#modalBoxBody div.modalboxStyleContainerContent, div#modalBox div#modalBoxBody div#modalBoxCloseButton, div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox, div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox span, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topLeft, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topRight, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomLeft, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomRight, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_left, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_right, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top div.modalboxStyleContainer_surface_body, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom div.modalboxStyleContainer_surface_body {/* default reset */ margin:0; padding:0; } div#modalBox.modalboxIsDraggable div#modalBoxBody div.modalboxStyleContainer_surface_top, div#modalBox.modalboxIsDraggable div#modalBoxBody div.modalboxStyleContainer_surface_bottom { cursor:move; } div#modalBoxFaderLayer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; } div#modalBoxAjaxLoader { background:transparent url(/img/ajax-loader.gif) 50% 40% no-repeat; height:100px; padding:130px 0 0 0; text-align:center; overflow:hidden; } div#modalBox { display:none; position:fixed; z-index:10000; text-align:left; background-color:transparent; } div#modalBox { width:600px; /* default wide */ } div#modalBox.small { width:400px; } div#modalBox.medium { width:500px; } div#modalBox.large { width:700px; } div#modalBox.auto {/* for image content only */ width:auto; } div#modalBox div#modalBoxBody { position:relative; } /* clearfix */ .modalboxStyleContainerContent:after, .modalBoxBodyContent:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; } * html .modalboxStyleContainerContent, * html .modalBoxBodyContent {/*IE6*/ zoom:1; display:block; } *+html .modalboxStyleContainerContent, *+html .modalBoxBodyContent {/*IE7*/ zoom:1; display:block; } /* skin precious-white - BEGIN */ /* modalBoxBodyContent */ div#modalBox div#modalBoxBody div.modalBoxBodyContent { background-color:white; padding:15px; } div#modalBox.modalBoxBodyContentImageContainer div#modalBoxBody div.modalBoxBodyContent { padding:0; } div#modalBox.emphasis div#modalBoxBody div.modalBoxBodyContent { border:1px dotted red; } /* modalBoxCloseButton */ div#modalBox div#modalBoxBody div#modalBoxCloseButton { position:absolute; top:11px; right:12px; } div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox, div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox span { text-decoration:none; color:#f4f4f4; cursor:pointer; } div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox { display:block; width:20px; height:20px; background:transparent url(/img/skins/precious_white/closebutton_13x13.png) center center no-repeat; } div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox span { display:none; } div#modalBox div#modalBoxBody { padding:36px 0; } div#modalBox div#modalBoxBody div.modalboxStyleContainerContent { padding:0; } /* set image sprite */ div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top div.modalboxStyleContainer_surface_body, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom div.modalboxStyleContainer_surface_body, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topLeft, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topRight, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomLeft, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomRight { background-color:transparent; background-image:url(/img/skins/precious_white/bg_shadows_sprite.png); } /* modalboxStyleContainer_corner */ div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topLeft, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topRight, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomLeft, div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomRight { background-repeat:no-repeat; position:absolute; width:36px; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topLeft{ background-position:0 -72px; left:0; top:0; height:36px; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_topRight{ background-position:-36px -72px; right:0; top:0; height:36px; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomLeft{ background-position:0 -108px; left:0; bottom:0; height:36px; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_corner_bottomRight{ background-position:-36px -108px; right:0; bottom:0; height:36px; } /* modalboxStyleContainer_surface */ div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom { position:absolute; width:100%; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top div.modalboxStyleContainer_surface_body, div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom div.modalboxStyleContainer_surface_body { background-color:transparent; background-repeat:repeat-x; margin:0 36px; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top { left:0; top:0; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_top div.modalboxStyleContainer_surface_body { height:36px; background-position:0 0; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom { left:0; bottom:0; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_bottom div.modalboxStyleContainer_surface_body { height:36px; background-position:0 -36px; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_left { background:transparent url(/img/skins/precious_white/bg_shadows_left.png) left top repeat-y; } div#modalBox div#modalBoxBody div.modalboxStyleContainer_surface_right { background:transparent url(/img/skins/precious_white/bg_shadows_right.png) right top repeat-y; padding:0 36px; } /* skin precious-white - END */ @media (max-width: 999px) { body *{box-sizing:border-box !important} ul.top,ul.bottom,div.login-box,.simple-content,#main .category-tree .menu li a, #main .category-tree .menu li span,#main .category-tree,#top-line-menu #search,#banner .right-bottom-side,#search form .input-text input,#search form .input-text,#facebook,#main-categories,#news .item .text,#foot .left-side,#banner .right-top-side,#news .item,#main-border-bottom,#foot .bottom,#news,#main-bottom-border-top,#main-bottom-border-bottom,#main-products,#search,#main-bottom,#banner,#banner .left-side, #banner .left-side img, #main-menu .menu,#head-in,#main-menu,#page-wrap{width:100%;padding-left:0;padding-right:0} #news .item{display:flex;padding:0 10px} #news .item .image img,#news .item .image{width:auto;padding:0} #news .item .text{width:70%;padding:15px 0 15px 0} #news .item .image{width:30%;padding-top:15px} #news .item .image img{width:100%} #cookieAllow{box-sizing:border-box;padding:10px !important;width:100% !important} #cookieAllowButton{margin-right:0} #cookieAllowText{padding:5px 0 !important} #head-in .basket .basket-box{padding:10px} .product-image-bg,.products > .clrb,.category-content .products-shadow,#facebook,.body-shadow-left,.body-shadow-right{display:none} div.basketSummary .plus,#search input[type=image],#head-in .basket .basket-right,#head-in .basket .basket-box .basket-icon,#recommend .shadow,.products-list-hp .clrb{display:none} #news .show-all-article{visibility:hidden} #head,#banner .right-top-side,#banner{height:auto} #recommend{width:auto;padding:10px} #main-menu .menu,#head-in,#main-menu,#head-in .basket .basket-box{height:auto} #banner .right-top-side{margin:0;} #main-menu,#head-in .basket,#logo{position:static} #main{padding:0 10px} #recommend .title{left:10px} #logo{max-width:283px;width:auto;display:block;margin:0;padding:10px} #logo img{width:100%} #head-in .basket .basket-box #snippet-basket-basket{float:none;display:inline} #search{height:auto;margin-left:0;padding:2px 0 10px 0;float:none;clear:both} #search form em{margin-left:10px;float:none} #search form .input-text{margin:0;padding:10px;float:none} #main.main-simple,div.basketSummary th,.product-detail h1,#main.main-category,#main .category-tree-bottom,#main-categories-bottom,#search form .input-text{background-image:none} #banner .right-bottom-side,#search form .input-text input{margin:0} #banner .left-side{height:auto} #top-line-menu ul.menu,#top-line-menu #search,#banner .left-side img{width:100% !important;height:auto !important} .wizard,#main-categories-middle,#main{min-height:0} #page-wrap{clear:both} #main-menu{position:absolute;width:100%;z-index:20;display:none;bottom:auto;float:none;margin-top:40px;background-color:#FFF;border-bottom:1px solid #999} #main-menu .menu{padding-bottom:10px;display:flex;justify-content:space-around;flex-wrap:wrap;width:100%;} #main-menu li{background-image:none;padding:2px 10px 2px 20px;margin:0;width:100%} #langbar{margin-top:-25px} #searchResults{width:100%;left:0;top:65px} #top-line-menu ul.menu li ul,#main-categories ul ul{position:static} #top-line-menu ul.menu li ul li,#main .category-tree-top,#main-categories{background:#643408 none} #top-line-menu ul.menu li ul li{border:0} #main .category-tree .menu ul li a,#main-categories ul li a, #main-categories ul li span{width:auto} .category-content{float:none;width:100%} .category-content .products{margin:0} #top-line-menu .category-view{right:15px;width:80px;text-align:right} #top-line-menu .category-view{color:#FFF;font-size:1px;z-index:1} #top-line-menu ul.menu li ul li{color:#FFF} #top-line-menu ul.menu li ul{background-color:transparent} #top-line-menu ul.menu li{width:auto;color:#FFF} #top-line-menu ul.menu ul{display:none !important} #top-line-menu ul.menu{display:none} #top-line-menu .category-view a, #top-line-menu .category-view strong{color:#D96926;font-size:13px} .category-content .category-perex,#navi{clear:both;padding-left:0} #main h1{margin-left:0} .confirmation-next .finish-button,div#modalBox *,.products div.product .variants,.products div.product .variants *{box-sizing:content-box !important} .products{display:flex;flex-wrap:wrap;justify-content:space-around} .products div.product{margin-bottom:20px;padding:20px;box-shadow: 0px 5px 10px 0px rgba(173,173,173,0.68);} .products div.product h2{left:0;width:100%;top:10px} .products div.product .image{left:0} .products div.product a.detail{right:40px} .products div.product a.buy{right:0px} .product-detail .related,.product-detail .recipes,.product-detail .usage,.product-detail .description{margin-left:0} .product-detail .description .left .product-composition,.product-detail .description .left .product-text,.product-detail .usage,.product-detail .recipes,.product-detail .description .basket-add-simple,.product-detail .description .product-image{width:100%} .product-detail .recipes ul li a{background:url('/img/front/recipes.bullet.png') no-repeat 270px 4px} .product-detail .description .left{margin-right:0} .product-detail .description .basket-add-simple{padding-right:0} .product-detail .description .basket-add-simple .price{left:0} div.product-detail .basket-add-simple div.expedition,div.product-detail .basket-add-simple div.stock{margin-left:0} .product-detail .description .basket-add-simple form{float:none;margin-top:100px;float:none;width:100%;} .product-detail .description .basket-add-simple .variant-stock input[type=submit]{float:right} .product-detail .description .basket-add-simple form span, .product-detail .description .basket-add-simple input[type=text]{position:static} .product-detail #slider .preview-img{max-width:100%;height:auto} #top-line-menu ul.menu li{width:100%;background:transparent none;text-transform:uppercase;color:#FFF} #top-line-menu ul.menu li a{color:#FFF} #top-line-menu ul.menu{padding:20px 0} #main-categories ul>li.last{padding:0} #product-added span{display:block} #main .text,#main .perex{padding:0} #main .text img{max-width:100%;width:auto !important;height:auto !important} #main .category-tree-bottom{min-height:0} div.login-box{margin:0;border:0} #passwordForm table, #passwordForm thead, #passwordForm tbody, #passwordForm th, #passwordForm td, #passwordForm tr {display: block;padding:3px !important} #personalForm table td input[type=text],#personalForm table td input[type=password],#personalForm table td select{background-image:none;box-shadow:0px 0px 5px 0px rgba(173,173,173,0.68);border:1px solid #999;background-color:#FFF;width:100%;margin:0} #passwordForm table td input[type=text],#passwordForm table td input[type=password],#passwordForm table td select{background-image:none;box-shadow:0px 0px 5px 0px rgba(173,173,173,0.68);border:1px solid #999;background-color:#FFF;width:100%;margin:0} #user-profile .box, .confirmation-data .deliveryAddress,#user-profile table.invitation input[type=text], #user-profile table.invitation textarea, #addressForm table td select, #personalDataForm table td select, #registrationForm table td select, #personalDataForm table td input[type=text], #addressForm table td input[type=text], #registrationForm table td input[type=text]{width:100%} #personalDataForm .differentAddress.note textarea,#zasilkovna, div.packetery-branch-list select, #paymentShippingForm .registration-benefits,#paymentShippingForm .note textarea{width:100%} #personalDataForm table td.fir, #personalDataForm table th.sec, #addressForm table th.sec, #addressForm table th.fir, #addressForm table td.fir{width:50%} #addressForm table,#addressForm tbody,#addressForm thead{display:block} #addressForm table tr{display:flex;flex-wrap:wrap;} #addressForm table tr th{width:50%;padding:0 !important} #addressForm table tr td{width:50%;padding:0 !important} #addressForm table td input[type=text],#addressForm table td input[type=password],#addressForm table td select{background-image:none;box-shadow:0px 0px 5px 0px rgba(173,173,173,0.68);border:1px solid #999;background-color:#FFF;width:100%;margin:0} #addressForm table tr th:nth-child(1){order:1} #addressForm table tr td:nth-child(2){order:3;padding-right:4px !important} #addressForm table tr th:nth-child(3){order:2} #addressForm table tr td:nth-child(4){order:4} #addressForm table tr:nth-child(1) th:nth-child(1){order:1;width:100%} #addressForm table tr:nth-child(1) td:nth-child(2){order:2;width:100%;padding-right:4px !important} #addressForm table tr:nth-child(1) td:nth-child(3){order:3;width:100%} #registrationForm table,#registrationForm tbody,#registrationForm thead{display:block} #registrationForm table tr{display:flex;flex-wrap:wrap;} #registrationForm table tr th{width:50%;padding:0 !important} #registrationForm table tr td{width:50%;padding:0 !important} #registrationForm table td input[type=text],#registrationForm table td input[type=password],#registrationForm table td select{background-image:none;box-shadow:0px 0px 5px 0px rgba(173,173,173,0.68);border:1px solid #999;background-color:#FFF;width:100%;margin:0} #registrationForm table tr th:nth-child(1){order:1} #registrationForm table tr td:nth-child(2){order:3;padding-right:4px !important} #registrationForm table tr th:nth-child(3){order:2} #registrationForm table tr td:nth-child(4){order:4} #personalDataForm table,#personalDataForm tbody,#personalDataForm thead{display:block} #personalDataForm table tr{display:flex;flex-wrap:wrap;} #personalDataForm table tr.hidden-line{display:none} #personalDataForm table tr th{width:50%;padding:0 0 5px 0 !important} #personalDataForm table tr td{width:50%;padding:0 0 5px 0 !important} #personalDataForm table td input[type=text].w160, #personalDataForm table td input[type=text],#personalDataForm table td input[type=password],#personalDataForm table td select{background-image:none;box-shadow:0px 0px 5px 0px rgba(173,173,173,0.68);border:1px solid #999;background-color:#FFF;width:100%;margin:0} #personalDataForm table tr:not(.hidden-line) th:nth-child(1){order:1} #personalDataForm table tr:not(.hidden-line) td:nth-child(2){order:3;padding-right:4px !important} #personalDataForm table tr:not(.hidden-line) th:nth-child(3){order:2} #personalDataForm table tr:not(.hidden-line) td:nth-child(4){order:4} #registrationForm_affiliate_id{background:#FFF none !important;width:100% !important} form div[classname=live]{color:red} #personalDataForm table,#registrationForm table{padding:10px} #orderWizard{position:static} #orderWizard .step{width:100%;min-height:52px} div.basketSummary .summary-box{float:none;width:100%} div.basketSummary .recalculateButton{float:none} div.basketSummary .login-basket-box{bottom:60px;left:0;right:auto} div.basketSummary .coupon-box{bottom:170px !important;left:0;right:auto} #paymentShippingForm .next{position:absolute;bottom:0} .wizard{padding-bottom:320px} div.basketSummary{position:static} div.basketSummary th.first{padding-left:4px} div.basketSummary tr td h2{margin-left:0} #personalDataForm table th.sec{padding-left:4px !important} #head-in .basket.authenticated .basket-box{height:auto} #user-profile{padding:0} .subpage.personal > table{width:100%} .subpage.personal > table .userForm{margin:0 !important;width:100%} .subpage.personal > table > tbody > tr{display:flex;flex-wrap:wrap} .subpage.personal > table > tbody > tr .fe-form tr td,.subpage.personal > table > tbody > tr .fe-form tr th{display:block;padding:5px 10px} .subpage.personal > table > tbody > tr > td{display:block;width:100%} .subpage.personal > table > tbody > tr > td table{width:100%} #recipes .bx-wrapper, #recipes .bx-window{width:100% !important} #TB_window{margin-left:0;width: calc(100% - 10px) !important;margin:5px !important;height:calc(100% - 10px) !important;left: 0;right: 0;top: 0;} #TB_ajaxContent{width:100% !important;height:100% !important} #TB_ajaxContent > div{padding:10px !important} #TB_ajaxWindowTitle{display:none !important} #TB_closeWindowButton{position:absolute;top:10px !important;right:10px !important} #TB_title{height:0 !important;} .products div.product .variants .variants-in .variant-title,.product-detail .description .basket-add-multi .price,.product-detail .description .basket-add-multi .variant-title{overflow:visible} .product-detail .description .basket-add-simple input[type=text]{margin-right:4px} .products div.product .text-preview{display:none !important} div.login-box-hower{border-right:0;width:100%} .search-list table tr{display:flex;flex-wrap:wrap} .search-list table tr td:nth-child(2n + 1) {width:60px;} .search-list table tr td:nth-child(2n) {width:calc(100% - 70px);} h2.bg-title,h2.bg-title.w250,.confirmation-data-title{min-width:160px;width:auto} #main .category-tree .menu>li.last{padding-top:4px} #head-in{padding-bottom:43px} #head-in .basket{padding-left:10px;padding-right:10px} .category-tree{display:none;z-index:2;position:relative} #main .perex-image img{max-width:100px} #search{z-index:2} #search,#main-menu{display:none} #main-menu-toggle{background:transparent url('/img/front/svg/hamburger.svg') no-repeat 0 0;background-size:100%;width:30px;height:30px;display:block !important;position:absolute;right:10px} #search-toggle{background:transparent url('/img/front/svg/search.svg') no-repeat center center;background-size:70%;width:30px;height:30px;display:block !important;position:absolute;right:45px} #lang-select-wrapper{position:absolute;top:auto;right:20px;left:auto} #top-line-menu a.catalogue{margin-top:-50px} .products-list div.product .variants .variant-item{height:auto;width:auto;overflow:visible;padding-top:0} .products-list div.product .variants .variant-title{overflow:visible;width:auto} .products-list div.product .variants{width:auto;clear:both} #foot .bottom{z-index:2;position:relative} #foot .top-sides,#foot .left-side{float:none} #foot .top-sides{min-height:310px;opacity:1} #foot-right-side{height:auto;max-height:150px;overflow:auto;width:100%;bottom:150px} .paginator{width:100%;white-space:normal;overflow:visible} }