/* ---------------------------------------/ GLOBAL /---------------------------------------------------- */ /* error, info, success messagges */ .msg { border-width: 2px; border-style: solid; padding: 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 20px 0; font-size: 13px; text-align: center; } .msg.info { background: #cbe0fb; border-color: #9bc0f5; color: #173965;} .msg.error { background: #ffc6c6; border-color: #eea9a9; color: #872020; } .msg.success{ background: #e4edcf; border-color: #ced7ba; color: #4d631a; } /* products */ .product { padding: 0px; float: left; width: 216px; margin: 24px 0 0 19px; position: relative; border: 2px solid #c3c6c7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product:first-child { margin-left: 0; } #tabs .product { margin-left: 0; margin-right: 19px; } .product:hover { border-color: #0b3342; } .product-i { width: 186px; margin: 0px auto; } .product.last { margin-right: 0px!important; } .product p.ac { margin: 0px; padding: 0px; position: relative; height: 160px; display: table; width: 100%; } .product p.ac a { display: table-cell; vertical-align: middle; text-align: center; } .product p.ac a * { vertical-align: middle; } .product img { margin: 0; max-height: 160px; max-width: 186px; } .product h3 { font-size: 1em; margin: 0; height: 72px; } .product .detail { font-size: 1.0833em; margin: 0px auto; display: block; padding: 16px 0px 0px; color: #0b3443; text-decoration: none; font-weight: bold; min-height: 41px; text-align: center; width: 100%; } .product .detail:hover { text-decoration: underline; } .product .bottom { float: left; width: 186px; padding: 13px 0 14px 0; margin: 0px; } .product .prize { float: left; font-size: 1.5em; color: #f02309; font-weight: bold; padding: 6px 0px 0px; } /* products - sticks */ .sticks { position: absolute; top: 49px; right: -11px; margin: 0; padding: 0; list-style-type: none; } #listing .sticks { padding: 0; } .sticks li { display: block; width: 43px; height: 43px; position: relative; display: block; font-size: 0.9167em; font-weight: bold; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; padding: 0; line-height: 43px; text-align:center; color: #fff; text-transform: uppercase; margin-bottom: 4px; } .sticks .action { background-color: #e81010; } .sticks .new { background-color: #0ca1d9; } .sticks .tip { background-color: #ffa200; } /* ajax loader */ #ajax-spinner { position:fixed; z-index: 1003; width: 32px; height: 32px; left: 50%; top: 50%; margin: -16px 0 0 -16px; background: url('../images/stable/ajax-loader.gif') no-repeat; border: none; font-size: 0; display: none; } /* ---------------------------------------/ DETAIL /---------------------------------------------------- */ /* left box */ #left-box { float: left; width: 350px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 0 28px; } /* photos */ #photos { border: 2px solid #c3c6c7; float: left; width: 346px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } #photos p.ac { display: table; width: 346px; height: 222px; float: left; margin: 0px; padding: 0px; position: relative; } #photos p.ac a { display: table-cell; vertical-align: middle; text-align: center; } #photos p.ac a * { vertical-align: middle; } #photos img { max-width: 323px; max-height: 222px; display: block; margin: 0 auto; } #photos .thumb { margin: 11px 0 4px 0; padding: 0; float: left; width: 346px; } #photos .thumb div { float: left; margin: 0 3px 3px 0; display: table; width: 80px; height: 58px; } #photos .thumb div:first-child { margin-left: 8px; } #photos .thumb div a { background: #f6f6f6; display: table-cell; vertical-align: middle; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #photos .thumb div a:hover { background: #0a3342; } #photos .thumb div a * { vertical-align: middle; } #photos .thumb div a img { max-width: 74px; max-height: 52px; } #photos .sticks { top: -10px; right: -12px; } /* detail anchors */ #left-box .detail-anch { margin: 0; float: left; width: 100%; padding: 19px 0 14px; text-align: center; } #left-box .detail-anch li { display: inline-block; padding: 0 12px; } #left-box .detail-anch li a { background: url("../images/ico-detail.png") no-repeat; padding: 0 0 5px 20px; } #left-box .detail-anch li.add a { background-position: left top; color: #466ebb; } #left-box .detail-anch li.product-list a { background-position: left -36px; } /* left box - detail buttons */ #left-box .ul-but { margin: 0; padding: 11px 0 0 46px; float: left; } #left-box .ul-but li { float: left; margin-right: 6px; } #left-box .ul-but li a { background: url("../images/detail-but.png") #e1e1e1 no-repeat; display: block; height: 27px; color: #515151; font-size: 0.9167em; text-decoration: none; line-height: 27px; padding: 0 0 0 30px; } #left-box .ul-but li.send a { background-position: left top; width: 92px; } #left-box .ul-but li.watch a { background-position: left -47px; width: 94px; } /* right box */ #right-box { float: right; width: 323px; } #right-box .p-text { font-size: 1.1667em; line-height: 1.45em; } #right-box ul { margin: 0; } /* right box - breadcrumbs */ #right-box .detail-breadcrumbs { padding: 0 0 15px; } #right-box .detail-breadcrumbs li a { background: url("../images/arrows.png") no-repeat 4px -169px; padding: 0 0 0 18px; } #right-box .detail-breadcrumbs li a:first-child { background: none; padding: 0; } #right-box .detail-breadcrumbs li { padding-top: 4px; } #right-box .detail-breadcrumbs li:first-child { padding-top: 0; } /* right box - table */ #right-box table th, #right-box table td { border: solid #dbdbdb; border-width: 1px 0 0 0; text-align: left; font-size: 1.1667em; padding: 11px 0 6px; color: #515151; } #right-box table tr:first-child th, #right-box table tr:first-child td { border: 0; } #right-box table th { padding-left: 35px; background: #fff; font-weight: normal; width: 134px; } #right-box table th span{ position: relative; top: -3px; } #right-box .availability{ color: #6bae32; } #right-box .old-price { color: #231f20; text-decoration:line-through; } #right-box .price { color: #f02309; font-size: 1.5em; position: relative; top: -2px; } /* right box - buy form */ #right-box .buy-form { margin: 0; } #right-box .select { width: 77px; border: 1px solid #c3c6c7; padding: 4px 5px; position: relative; top: -2px; } #right-box .buy { border: 0; padding-left: 35px; } #right-box .text { border:1px solid #c3c6c7; width: 33px; padding: 5px 0 4px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; position:relative; top: 5px; color: #333; font-size: 1.0833em; } #right-box .label { float: left; position: relative; top: 13px; margin:0 0 0 4px; color: #333; font-size: 1.0833em; } #right-box .but-d { color: #fff; background: url("../images/bg-buy.png") no-repeat left top #6ab62f; float: left; text-decoration: none; width: 167px; height: 40px; display: block; margin-left: 19px; } #right-box .but-d .submit { background: none; border: 0;margin: 0; outline: none; color: #fff; cursor: pointer; width: 151px; height: 40px; line-height: 40px; display: block; padding: 0 0 0 16px; text-align: left; } /* right box - services */ #right-box .services { margin-top: 25px; border: 1px solid #dbdbdb; background: url("../images/bg-services.png") no-repeat right bottom #f3f3f3; padding: 15px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #right-box .services h3 { font-weight: bold; font-size: 1.1667em; } #right-box .services ul li { line-height: 1.7em; } #right-box .services ul li span { color: #000; } #right-box .services ul li strong { min-width: 100px; display: inline-block; } #right-box .services ul li select { width: 140px; } /* detail tabs */ #tabs .tab-content { float: left; padding: 20px 0 0; text-align: left; width: 100%; } /* jQuery UI Tabs 1.8.18 */ .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* ---------------------------------------/ FILTERS + PAGING /------------------------------------------------ */ /* filter */ #filter { float: left; width: 100%; background: #f1f1f1; border-top: 1px solid #dbdbdb; position: relative; border-bottom: 1px solid #cbcbcb; } #filter form { margin: 0; } #filter .first-filter { border-top: 1px solid #fff; padding: 0 15px 16px; float: left; width: 670px; } #filter .filter-bottom { float: left; width: 670px; padding: 0 15px; border-bottom: 1px solid white; } /* filter - colors */ #form-colors { float: right; padding: 21px 30px 0 0; margin: 0; } .custom-label { float: left; cursor: pointer; display: block; width: 16px; height: 16px; border: 2px solid #a9a9a9; margin-left: 7px; position: relative; } .custom-label:hover { text-decoration: underline; } .custom-label.on span { color: #0B1EA9; font-weight: bold; } .custom-label input { position: absolute; left: -9999px; } .custom-label#c1 { background-color: #6bae32; } .custom-label#c2 { background-color: #ff6c00; } .custom-label#c3 { background-color: #fb1e1e; } .custom-label#c4 { background-color: #fbd41e; } .custom-label#c5 { background-color: #0fd1d3; } .custom-label#c6 { background-color: #326fae; } .custom-label#c7 { background-color: #7832ae; } .custom-label#c8 { background-color: #dd31bf; } .custom-label#c9 { background-color: #dd316e; } .custom-label#c10 { background-color: #ff093d; } .custom-label#c11 { background-color: #000; } .custom-label .ok { display: none; } .custom-label.on .ok { display: block; position: absolute; right: -4px; top: -7px; background: url("../images/bg-ok.png") no-repeat left top; width: 14px; height: 14px; } /* filter - first - check sort */ #filter .check-sort { padding: 8px 1px 0 0; float: right; margin: 0; } #filter .check-sort li { float: left; padding-left: 12px; } #filter .check-sort a { padding: 1px 0 0 21px; color: #515151; text-decoration: none; background: url("../images/stable/check.png") no-repeat left top; } #filter .check-sort a.check { background-position: left -35px; } /* filter - close */ #filter .filter-close { display: block; width: 34px; height: 34px; position: absolute; right: -14px; top: -18px; background: #d32626; color:#fff; text-decoration: none; text-align: center; line-height: 34px; font-weight: bold; } #filter .filter-close span { display: block; position: absolute; top: 0; left: 0; width: 34px; height: 34px; background: url("../images/bg-close.png") no-repeat left top; } /* filter list */ #filter .filter-list { float: left; width: 670px; padding: 0 0 10px; border-top: 1px solid #dbdbdb; } #filter .filter-list a { padding: 1px 0 0 21px; color: #515151; text-decoration: none; background: url("../images/stable/check.png") no-repeat left top; } #filter .filter-list a.check{ background-position: left -35px; } #filter .filter-list ul { margin: 0; float: left; width: 655px; border-top: 1px solid #fff; padding: 15px 0 0 5px; } #filter .filter-list li { float: left; width: 163px; margin-bottom: 5px; background: none; padding: 0; } #filter .filter-list li.name{ font-size: 1.1667em; width: 100%; margin-bottom: 10px; font-weight: bold; } /* vyrobci, parametry */ #filter p { float: left; background: url('../images/stable/bg_filter_pattern.png') repeat-x left bottom #fff; border-bottom: 1px solid #c0c0c0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 10px; margin: 0; } #filter p a { display: inline-block; padding: 6px 15px 4px; padding-right: 20px; text-decoration: none; color: #515151; text-shadow: 1px 1px 0 #e4e4e4; background: url('../images/stable/bg_filter_arrow.png') no-repeat right -80px; } #filter p a.open { background-position: right 10px; } #filter p a#producer-filter-show { border-right: 1px solid #a6a6a6; padding-left: 20px; background-position: left -80px; } #filter p a#producer-filter-show.no-params { border: 0; padding-right: 10px } #filter p a#producer-filter-show.open { background-position: left 12px; } /* parameters */ #filter #param-filter .cover { border-top: 1px solid #fff; padding: 10px 5px 0; } #filter #param-filter a { background: url('../images/stable/bg_sort.gif') no-repeat right 7px; padding: 0 13px 0 0; margin: 0 10px 10px 0; float: left; display: block; text-decoration: none; } #filter #param-filter a:hover, #filter #param-filter a.selected { text-decoration: underline; color: #b4ab01; } #filter #param-filter a.open { background-position: right -21px; text-decoration: underline; } /* category list */ #category-list { float: left; width: 100%; margin: 0; padding: 16px 0 15px; } #category-list .c-item { float: left; width: 233px; margin: 0 0 1px 1px; } #category-list .c-item.first { margin-left: 0; width: 232px; } #category-list .c-item a { background: #c5e2ae; color: #0a3342; font-weight: bold; font-size: 1.0833em; text-decoration: none; border: 1px solid #5caf1b; display: block; padding: 6px 8px 7px; float: left; } #category-list .c-item a img { float: left; display: block; width: 37px; height: 37px; } #category-list .c-item a span { /*background: url("../images/arrows.png") no-repeat right -166px;*/ padding: 10px 15px 10px 12px; display: block; float: left; width: 151px; } #category-list .c-item.first span{ width: 150px; } #category-list .c-item a:hover { background: #62b224; } /* sort */ .sort.s-top { padding: 0 0 11px; border-top: 0; margin-bottom: 11px; } .sort { float: left; width: 100%; border: solid #dbdbdb; border-width: 1px 0 1px 0; padding: 18px 0 29px; margin: 23px 0 0; } .sort .display { margin: 0; float: left; padding: 0; } .sort .display li { float: left; border: 0; padding: 0; width: auto; margin-right: 9px; } .sort .display .lines a, .sort .display .squarely a { background: url("../images/bg-sort.png") no-repeat; display: block; width: 30px; height: 29px; } .sort .display .lines a { background-position: left top; } .sort .display .squarely a { background-position: left -49px; } .sort .display .lines a:hover { background-position: left -98px; } .sort .display .squarely a:hover { background-position: left -147px; } /* sort - select */ .sort .sel { padding: 0 0 0 19px; float: left; margin: 0; } .sort .sel .select { border: 1px solid #b5b5b5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 5px 5px 4px 5px; margin: 0; } .sort .sel .first { width: 140px; } .sort .sel .second { width: 120px; margin-left: 4px; } /* page num */ .page-num { float: right; padding: 5px 0 0; } .page-num ul { float: left; padding: 2px 0 0; margin: 0; } .page-num li { float: left; width: auto; border: 0; padding: 0; background: none; } .page-num li a, .page-num li strong { display: block; background: url("../images/odd-paging.png") no-repeat left top; text-align: center; font-size: 1.0833em; margin-left: 6px; padding: 0 0 0 13px; font-size: 1.3333em; } .page-num li:first-child a, .page-num li:first-child strong { background: none; padding: 0; } .page-num li .active { color: #212121; font-weight: bold; text-decoration: none; } .page-num li.odd span { padding: 0 9px 0 14px; display: block; position: relative; background: url("../images/odd-paging.png") no-repeat left top; margin-left: 6px; padding: 0 0 0 13px; } .page-num .prev, .page-num .next { display: block; width: 22px; height: 22px; position:relative; top: -2px; float: left; background-color: #bfbfbf; color: #fff; font-weight: bold; text-align: center; text-decoration: none; line-height: 22px; cursor: pointer; } .page-num .prev { margin-right: 10px; } .page-num .next { margin-left: 17px; } .page-num .prev:hover, .page-num .next:hover { background-color: #2679b8; } /* -------- �AZEN� DLE ��DK� --------*/ .rows { float: left; margin: 0px; padding: 48px 0 15px; width: 100%; } .rows li { border-top: 1px solid #DBDBDB; float: left; width: 100%; padding: 0 0 16px; } .rows .img { float: left; width: 173px; height: 91px; padding: 16px 0 0; position: relative; display: block; text-decoration: none; } .rows .img img { display: block; } .rows .sticks li { padding: 0; width: 44px; float: none; } .rows .list-sticks { margin: 0; position: absolute; left: -10px; top: 75px; padding: 0; } .rows .list-sticks li { display: block; width: 43px; height: 43px; position: relative; display: block; font-size: 0.9167em; font-weight: bold; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; padding: 0; line-height: 43px; text-align:center; color: #fff; text-transform: uppercase; border: 0; margin-right: 4px; } .rows .list-sticks .action { background-color: #e81010; } .rows .list-sticks .new { background-color: #0ca1d9; } .rows .list-sticks .tip { background-color: #ffa200; } .rows .text { width: 325px; float: left; padding: 18px 0 0; } .rows .text .title { line-height: 1.9em; color: #0b3443; font-size: 1.0833em; text-decoration: none; } .rows .text p { margin: 0; } /* lrows - icons */ .rows .icons { width: 113px; float: left; padding: 11px 0 0; } .rows .icons ul { margin: 0; float: right; padding: 0 6px 0 0; } .rows .icons li { display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; position: relative; border: 0; background: #e1e1e1; color: #0a3342; font-weight: bold; padding: 0; margin: 0 0 3px 3px; } .rows .icons li span { background: url("../images/list-icons.png") no-repeat; display: block; width: 32px; height: 32px; float: left; } .rows .icons .transport span { background-position: left -52px; } .rows .icons .weight span { background-position: left top; } .rows .icons .availability { color: #6bae32; display: block; float: left; position: relative; top: 10px; left: 2px; } /* rows - controls */ .rows .controls { float: right; width: 82px; padding: 6px 0 0 7px; margin: 0; } .rows .controls .availability { color: #6bae32; margin: 0; line-height: 3.4em; } .rows .controls .price { color: #f02309; font-size: 1.5em; margin: 0; padding-bottom: 12px; } .rows .controls .button { float: left; background: url("../images/but-detail.png") #66b429 no-repeat left top; display: block; width: 66px; height: 28px; line-height: 28px; padding-left: 11px; text-decoration: none; color: #fff; } .rows .button:hover { background-position: left -48px; background-color: #0c3443; } /* more */ .but-cover { float: left; width: 100%; text-align: center; } a.but { display: inline-block; } a.but span { background: url("../images/but.png") #E1E1E1 no-repeat right -50px; display: block; color: #515151; padding: 7px 14px 5px 9px; text-shadow: 0px 1px 1px #F7F7F7; } /* price slider */ .ui-slider { position: relative; text-align: left; margin:0; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; background:url("../images/bg-handler.png") #cbcbcb no-repeat left -47px; width:27px; height:27px; cursor:pointer; -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.33); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.33); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ui-slider .ui-slider-handle.left { background-position: left top; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background:url("../images/bg-range-2.png") #464646 repeat-x left top; } .ui-slider-horizontal { height: 14px; background:url("../images/bg-range.png") #aaaeb1 repeat-x left top; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -1.1em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .small-slider { width: 155px; position: relative; padding: 21px 70px 19px 55px; margin: 0; float: left; } .small-slider .price-1, .small-slider .price-2 { color:#515151; margin-top:-3px; } .small-slider .price-1 { position: absolute; left: 0; top: 20px; } .small-slider .price-2 { position: absolute; right: 0; top: 20px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* ----------------------------------------------/ PIROBOX /------------------------------------------ */ .piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0; } .piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;} .piro_html img{ margin:0; padding:0; border:none;} .piro_html .h_t_l{ width:10px; height:10px; background: url('../images/pirobox/new_skin.png') top left no-repeat;} .piro_html .h_t_r{ width:10px; height:10px; background: url('../images/pirobox/new_skin.png') top right no-repeat;} .piro_html .h_t_c{ height:10px;background: url('../images/pirobox/new_skin_top.png') top repeat-x;} .piro_html .h_c_l{width:10px; background: url('../images/pirobox/new_skin_left.png') left repeat-y; } .piro_html .h_c_c{background:#fff;margin:0; padding:0;} .piro_html .h_c_c .div_reg{ background:#fff; width:480px; overflow:hidden; height:480px; margin:0; padding:0; position:relative; z-index:1500190;} .piro_html .h_c_c .div_reg img{ } .piro_html .h_c_r{width:10px; background: url('../images/pirobox/new_skin_left.png') right repeat-y;} .piro_html .h_b_c{ height:10px;background: url('../images/pirobox/new_skin_top.png') bottom repeat-x;} .piro_html .h_b_l{ width:10px; height:10px;background: url('../images/pirobox/new_skin.png') bottom left no-repeat;} .piro_html .h_b_r{ width:10px; height:10px;background: url('../images/pirobox/new_skin.png') bottom right no-repeat;} .piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%; z-index:150000;background:#000;display:none; cursor:pointer;} .piro_loader{position:absolute;top:50%;left:50%;margin:-13px 0 0 -37px;width:70px;height:26px;display:block;z-index:1500197; background: url('../images/pirobox/loader_nav.png'); cursor:pointer; } .piro_loader span{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-24px;width:48px;height:10px; padding:0;display:block;z-index:1500198; background: #fff url('../images/pirobox/loadinfo.gif') center bottom no-repeat; } .piro_title{position:fixed; background: url('../images/pirobox/bg_title.png') bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;} .btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background: url('../images/pirobox/b_w/info.png') no-repeat; z-index:1500440} .piro_html .caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background: url('../images/pirobox/caption.png'); z-index:1500191} .piro_html .caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;} .nav_container{position:absolute; left:50%; margin:0 0 0 -60px; height:40px; width:120px; background: url('../images/pirobox/bottom_nav.png') center no-repeat; z-index:1500194;} .piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake{width:34px; height:34px; position:absolute;top:4px;} a.piro_next{ right:6px;text-indent:-999em;outline:none; display:block; margin:0;background:url('../images/pirobox/next.png') center no-repeat; border:none; cursor:pointer;z-index:150023} a:hover.piro_next{background:url('../images/pirobox/next_fake.png') center no-repeat;} .piro_next_fake{right:4px;outline:none; text-indent:-999em; display:none; margin:0;background: url('../images/pirobox/next_fake.png') center no-repeat; border:none; cursor:auto;z-index:150020} .piro_close{right:42px;background: transparent url('../images/pirobox/close.png') center center no-repeat;cursor:pointer;margin:0;z-index:150022;display:none;} .piro_close:hover{background: transparent url('../images/pirobox/close_h.png') no-repeat center center;} .piro_prev_fake{right:78px;outline:none; text-indent:-999em; display:none; margin:0;background: url('../images/pirobox/prev_fake.png') center no-repeat; border:none; cursor:auto;z-index:150020} a.piro_prev{right:78px; text-indent:-999em; outline:none;display:block;margin:0;background: url('../images/pirobox/prev.png') center no-repeat;border:none; cursor:pointer; z-index:150024} a:hover.piro_prev{background:url('../images/pirobox/prev_fake.png') center no-repeat;} .zoomIn{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url('../images/pirobox/enlarge.png') no-repeat;z-index:1500192;} .zoomOut{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background:url('../images/pirobox/dislarge.png') no-repeat;z-index:1500193;} /* search results - weseus/app/FrontModule/EshopModule/templates */ #content ul.search-list li { line-height: 1.8em; background: url('../images/stable/li.png') no-repeat left 0.75em; padding: 0 0 0 13px; } /* detail product contact form - weseus/libs/Weseus/Template/Forms */ #content #frm-contactForm table td, #content #frm-contactForm table th { border: 0; background: #fff; text-align: left; } #content #frm-contactForm table th { width: 110px; } #content #frm-contactForm span.input-cover { display: inline-block; position: relative; } #content #frm-contactForm input.text, #content #frm-contactForm textarea { background: #f4f4f4; border: 0; border: 1px solid #afb3b4; padding: 5px 10px; width: 258px; color: #979797; display: inline-block; } #content #frm-contactForm textarea { width: 550px; min-height: 50px; } #content #frm-contactForm input.submit { background: #6ab62f; box-shadow: 0 1px 1px #429502; color: #fff; font-size: 14px; font-weight: bold; padding: 8px 15px; text-decoration: none; vertical-align: middle; border: 0; cursor: pointer; } /* dialog */ .close { display: none; } /* class for overlay closing and hiding dialog object in HTML before showing */ .ui-widget-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #666; opacity: 0.4; } .ui-dialog { position: absolute !important; -moz-border-radius: 4px 4px 4px 4px; border: 1px solid #aaa; color: #222; padding: 0.2em; background: #fff; } .ui-dialog-content { background: none; border: 0 none; overflow: auto; padding: 0.5em 1em; position: relative; color: #222; text-align: left; } .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #6ab62f; border: 1px solid #489b07; font-weight: bold; display: block; text-align: left; } .ui-dialog .ui-dialog-title { margin: 0.1em 16px 0.1em 0; color: #fff; } .ui-dialog .ui-dialog-titlebar-close { height: 18px; margin: -10px 0 0; padding: 1px; position: absolute; right: 0.3em; top: 50%; width: 19px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-widget-header .ui-icon { background: url("../images/stable/icon.png") no-repeat right top; width: 15px; height: 15px; text-indent: -9999px; } .ui-widget-header .ui-state-hover .ui-icon { background-position: left top; -moz-border-radius: 4px 4px 4px 4px; } .ui-dialog .dialog-name { margin-bottom: 0.5em; font-size: 1.0833em; } .ui-dialog input { background: none repeat scroll 0 0 white; border: 1px solid #AAA; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; outline: medium none; padding: 6px 5px; } /* basket dialog */ #basket-dialog-wrap { padding: 0; border: 0; border-radius: 4px; } #basket-dialog-wrap .ui-dialog-titlebar { background-color: #ceea9f; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGFhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZThjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, #c4daa9 0%, #dbe8c9 100%); background-image: -o-linear-gradient(bottom, #c4daa9 0%, #dbe8c9 100%); background-image: -webkit-linear-gradient(bottom, #c4daa9 0%, #dbe8c9 100%); background-image: linear-gradient(bottom, #c4daa9 0%, #dbe8c9 100%); padding: 15px 20px; border: 0; -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-align: center; font-size: 16px; } #basket-dialog-wrap .ui-dialog-titlebar .ui-dialog-title { color: #424e33; margin: 0; } #basket-dialog-wrap .ui-dialog-titlebar-close.ui-state-hover { border: 5px solid #A7C87D; } #basket-dialog-wrap .ui-dialog-titlebar-close span { background-color: #496129; margin: 3px 0 0 3px; } #basket-dialog-wrap .ui-dialog-titlebar-close.ui-state-hover span { background-position: right top; } #basket-dialog-wrap .ui-dialog-titlebar-close { width: 21px; height: 21px; border-radius: 30px; background-color: #496129; border: 5px solid white; top: 0; right: -10px; } #basket-dialog-wrap .basket-info { font-size: 12px; text-align: center; padding: 8px; background: #CDE9FC; border-radius: 4px; margin: 8px 0 16px 0; } #just-added { padding: 0.5em 1em; margin-bottom: 15px; } #just-added .price, #just-added .name { font-size: 18px; display: block; line-height: 1.5em; } #just-added .price { font-weight: bold; } #just-added img { border: 1px solid #CFCFCF; float: left; border-radius: 4px; margin-right: 20px; } #basket-dialog { padding: 0; overflow: visible; } #just-related { background: #F6F6F6; padding: 0 1em 1em 1em; } #buttons { border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; padding: 1.5em 1em; } #buttons .btn-back { margin-top: 5px; } #just-related ul { margin: 0; } #just-related li { float: left; border: 1px solid #CFCFCF; border-radius: 4px; width: 48%; position: relative; overflow: hidden; height: 100px; } #just-related li.related2 { float: right; } #just-related li .rel-img { float: left; background: white; width: 100px; height: 100px; text-align: center; border-right: 1px dotted #CFCFCF; } #just-related li .rel-desc { float: right; width: 167px; font-weight: bold; font-size: 12px; padding-top: 8px; } #just-related .dop-title { font-size: 16px; display: block; padding: 14px 0; } #just-related .btn-basket-big { border-radius: 4px; padding: 5px 8px; font-size: 12px; position: absolute; bottom: 6px; right: 5px; } #just-related .available { position: absolute; bottom: 7px; left: 108px; color: #29B326; font-weight: bold; } #buttons .btn-basket-big { border-radius: 4px; } #snippet--basketDialog { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; } /* dialog - vecerni posta */ #frm-pplVecerni-pplForm { float: left; width: 100%; } #frm-pplVecerni-pplForm a { padding: 6px 0 0; display: block; clear: both; } #frm-pplVecerni-pplForm #frmpplForm-post { display: block; margin: 8px 0; } #frm-pplVecerni-pplForm #frmpplForm-post_message { position: absolute; right: 10px; top: 37px; } .ui-dialog .msg { clear: both; margin-bottom: 10px; } .ui-dialog #frmpplForm-send { font-weight: bold; color: #fff; background: #429502; background: -webkit-gradient(linear, left top, left bottom, from(#6AB62F), to(#429502)); background: -webkit-linear-gradient(top, #6AB62F, #429502); background: -moz-linear-gradient(top, #6AB62F, #429502); background: -ms-linear-gradient(top, #6AB62F, #429502); background: -o-linear-gradient(top, #6AB62F, #429502); -webkit-box-shadow: rgba(4,80,100,1) 0 1px 1px; -moz-box-shadow: rgba(4,80,100,1) 0 1px 1px; box-shadow: rgba(4,80,100,1) 0 1px 1px; text-decoration: none; float: left; border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; curspor: pointer; clear: both; margin-bottom: 15px; } /* dialog - bal�k na po�tu */ #frm-naPostu-naPostuForm #frmnaPostuForm-city { display: block; margin: 8px 0; } #frm-naPostu-naPostuForm ul { margin: 0; padding: 10px 0 0; } #frm-naPostu-naPostuForm ul li { float: left; width: 100%; border-top: 1px solid #cfcfcf; padding-top: 4px; margin-top: 4px; } #frm-naPostu-naPostuForm ul li:first-child { border: 0; } /*#frm-naPostu-naPostuForm ul li a { float: right; padding-left: 15px; display: block; }*/ /* naseptavac */ #snippet-search-result { position: absolute; right: 12px; top: 43px; z-index: 100; border: 1px solid #81AFD2; -webkit-box-shadow: 0 0 5px 0px rgba(38, 121, 184, 0.5); box-shadow: 0 0 5px 0px rgba(38, 121, 184, 0.5); } table#naseptavac { width: 250px; } table#naseptavac tr td { padding: 2px 10px; border: solid #81AFD2; border-width: 1px 0 0; min-height: 40px; background: #fff; text-align: left; } table#naseptavac tr td.col1 { padding: 2px 4px; border-width: 1px 1px 0 0; width: 40px; text-align: center; } table#naseptavac tr td.col1 img { vertical-align: middle; } table#naseptavac tr.naseptavac-title td { font-weight: bold; background: #E0F1FF; padding: 4px 10px; color: #115C94; } table#naseptavac tr td.info { padding: 4px 10px; text-align: center; font-style: italic; } table#naseptavac td a { color: #121F25; display: block; } table#naseptavac td a:hover { color: #e81010; } /* basket info */ #basket-info { display: none; position: absolute; right: 0; top: 80px; z-index: 20; background: #fff; width: 380px; font-weight: normal; -webkit-box-shadow: 0px 2px 2px 0px rgba(176, 176, 176, 1); box-shadow: 0px 2px 2px 0px rgba(176, 176, 176, 1); cursor: default; } #basket-info table { border: solid #cfcfcf; border-width: 0 1px 1px 1px; } #basket-info table td { border-top: 1px solid #cfcfcf; } #basket-info table td a { display: block; } #basket-info .ks { min-width: 30px; text-align:right; } #basket-info .info-price { min-width: 50px; text-align: right; font-size: 1.1667em; } /* voucher */ #voucher h2 { background: url("../images/stable/basket-th-repeat.png") repeat-x 0 0; padding: 6px 10px 4px; } #voucher form { padding-top: 15px; } #voucher label { font-size: 1.1667em; padding: 0 20px 0 10px; } input.shift { float: left; } .shift { margin: 15px 0; }