/*###################################### Author: [w3w.cz] - lepsi stranky internetu Coding: UTF-8 Media: screen, projection Browsers: all Structure: position; float; clear; z-index; display; visibility; width; height; margin; padding; overflow; color; background; border; align; text; font; content; Color palette: see __theme.css ######################################*/ @import url(_universal.css); @import url(_forms.css); @import url(__theme.css); /*====================================== Default styling of HTML tags ======================================*/ body { padding: 20px 0 0 0; color: #000000; background: #ffffff; text-align: center; font: 62.5%/1.5 Arial, Helvetica, Sans-serif; /* 0.1em = 1px */ } hr { display: none; } a { color: #21568d; text-decoration: underline; } a:hover, a:active, a:focus {color: #000000;} /* alternative style of link - apply to link or to parent tag of link */ .alt-a a, a.alt-a { color: #FFFFFF; } .alt-a a:hover, a.alt-a:hover, .alt-a a:active, a.alt-a:active, .alt-a a:focus, a.alt-a:focus { text-decoration: none; } address { font-style: italic; } h1, h2, h3, h4, h5, h6 {} h1 { font-size: 1.4em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } p { margin: 0 0 1em 0; padding: 0; } /* Messages ----------------------------*/ .message { padding: 4px 8px; margin: 0; color: #666; background: #ffffff; border: 1px solid #CCC; font-weight: bold; } .stock, .ok { color: #090; } .alert { color: #c00; } /*.message.info {color: #990; background: #ffffdd; border-color: #cccc66;}*/ .message.ok {color: #5fa800; border-color: #d1ecad;} .message.error {color: #df3f00; border-color: #ffc1a9;} /* ERRORS - supportive classes -------------------*/ #errors-holder.mt10 p {margin-top: 10px !important;} #errors-holder.mb10 p {margin-bottom: 10px !important;} #errors-holder.mt1 p {margin-top: 1px !important;} #errors-holder.mb1 p {margin-bottom: 1px !important;} #errors-holder.mb15 p {margin-bottom: 15px !important;} /* Layout helpers */ .first {border-left: 0 !important;} /* for horizontal separators */ #content .box .inner-box {overflow: hidden; height: 1%;} /* Lists -------------------------------*/ ul.cutelist, .cutelist ul {margin: 10px 0; line-height: 2;} ul.cutelist ul, .cutelist ul ul {margin: 0;} ul.cutelist li, .cutelist ul li {background: url("img/ul-arrow.gif") 15px 5px no-repeat; padding-left: 37px;} ul.cutelist a, .cutelist ul a {font-weight: bold;} /*====================================== STRUKTURA ======================================*/ /*-------------------------------------- Main layout of web --------------------------------------*/ #container { position: relative; width: 956px; margin: 0 auto; padding: 0px; overflow: hidden; background: #FFFFFF; text-align: left; font-size: 1.2em; } /*-------------------------------------- Header --------------------------------------*/ #header {position: absolute; z-index: 52; top: 0; width: 956px; height: 86px; overflow: visible;} #header #logo-sect {width: 389px; margin-left: -956px;} #header #logo {position: relative; font-size: 2em;} #header #logo, #header #logo a {float: left; width: 389px; height: 50px; overflow: hidden;} #header #logo .ir { background: url("img/logo.png") no-repeat; } #logo-sect h2 {clear: left; padding-top: 3px; text-transform: uppercase; text-align: right; font-weight: normal; font-size: 1.1em;} #language-select { list-style-type: none; width: 75px; position: absolute; height: 19px; overflow: hidden; left: 397px; top: 32px; } #language-select li, #language-select a { display: block; float: left; width: 25px; height: 17px; overflow: hidden; } #language-select li { margin-right: 5px; display: inline; border: 1px solid #eee; } #language-select a { height: auto; padding-top: 30px; } #language-select img { display: block; } #language-select #czech a { background: url('img/ico-cz-flag-off.gif') no-repeat 0 0; } #language-select #eng a { background: url('img/ico-en-flag-off.gif') no-repeat 0 0; } #language-select a:hover, #language-select a:focus, #language-select a:active { padding-top: 0; } /* Prihlaseni/uzivatel (login/user)------------*/ #userbox {position: absolute; top: 86px; right: 0; width: 350px; margin-left: -350px; overflow: visible; color: #ffffff;} #userbox .inner {background: none; padding: 0; text-align: right;} #userbox h3 {border-left: 1px solid #94a5b0; float: left; height: 38px; margin: 0 7px 0 0; padding-left: 10px; overflow: hidden; line-height: 42px; vertical-align: middle; font-size: 1em; font-weight: normal;} #userbox ul {float: right;} #userbox ul li {float: left;} #userbox ul li a {display: block; height: 38px; padding: 0 10px; overflow: hidden; line-height: 42px; vertical-align: middle; color: #ffffff;} #userbox a:hover, #userbox a:active, #userbox a:focus {text-decoration: none;} #userbox ul#user-actions {display: inline; margin: 0 0 0 5px; padding: 0 0 0 1px; font-weight: bold;} #userbox ul#user-actions li#user-popup {position: relative; float: left;} #userbox ul#user-actions li#user-popup a.switch {border: solid #94a5b0; border-width: 0 1px; position: relative; z-index: 2; text-decoration: none;} #userbox ul#user-actions li#user-popup a.switch:hover, #userbox ul#user-actions li#user-popup a.switch:focus, #userbox ul#user-actions li#user-popup a.switch:active, #userbox ul#user-actions li#user-popup:hover a.switch, #userbox ul#user-actions li#user-popup:focus a.switch, #userbox ul#user-actions li#user-popup:active a.switch {background: #94a5b0; border-color: #556670; border-top-width: 1px; overflow: hidden; line-height: 40px;} #userbox ul#user-actions ul {background: #556670; position: absolute; left: 0; top: 38px; float: left; display: none; width: 170px; overflow: hidden; margin: 0; padding: 1px; text-align: left;} #userbox ul#user-actions li#user-popup:hover ul, #userbox ul#user-actions li#user-popup:focus ul, #userbox ul#user-actions li#user-popup:active ul {display: block;} #userbox ul#user-actions ul li {width: 100%;} #userbox ul#user-actions ul li a {background: #94a5b0; height: auto; padding: 5px 10px; line-height: 1.5;} #userbox ul#user-actions ul li a.first {border-bottom: 1px solid #80929d;} #userbox ul#user-actions ul li a:hover, #userbox ul#user-actions ul li a:active, #userbox ul#user-actions ul li a:focus {background: #556670;} #userbox ul a.logout, #userbox ul#sign-opt a {border-left: 1px solid #94a5b0;} #shoppingbox { position: relative; width: 209px; overflow: visible; margin-left: -211px; background: #e4e8f1 url("img/shoppingbox-cart.gif") 14px 50% no-repeat; border: 1px solid #bdc4d9; } #shoppingbox .inner {padding: 11px 14px 10px 66px;} #shoppingbox a {font-weight: bold;} #shoppingbox a.remove { position: relative; top: 2px; margin: 0 0 0 3px; vertical-align: baseline; } #shoppingbox a#show-basket {position: absolute; bottom: -1.9em; right: 0; font-weight: bold;} /*-------------------------------------- Horizontal navigation --------------------------------------*/ #navigation { position: absolute; z-index: 51; top: 86px; width: 100%; overflow: visible; background: #687881; } #primary-nav { margin-left: -100%; width: 765px; text-align: center; } #primary-nav ul { min-height: 44px; overflow: hidden; } #primary-nav ul li { display: inline; } #primary-nav ul a { position: relative; z-index: 10; float: left; height: 44px; line-height: 42px; padding: 0 15px; color: #ffffff; background: #687881; border-right: 1px solid #ffffff; vertical-align: middle; text-transform: uppercase; text-decoration: none; font-size: 1em; font-weight: bold; } #navigation span.decoration, #primary-nav ul a span {background: #556670; border-top: 1px solid #ffffff; position: absolute; left: 0; bottom: 0; display: block; height: 5px; width: 100%; overflow: hidden;} #primary-nav ul li.current a { text-decoration: underline; } /* for current site */ #primary-nav ul a:hover, #primary-nav ul a:active, #primary-nav ul a:focus {background: #7da0ec;} #primary-nav ul a:hover span, #primary-nav ul a:active span, #primary-nav ul a:focus span {background: #3972ac;} /* Searchbox */ #searchbox { background: url("img/search.png") no-repeat; margin-left: -190px; width: 190px; height: 29px; position: relative; top: 44px; } #searchbox .inner {padding: 0 0 0 7px;} #searchbox input {vertical-align: middle;} #searchbox input.text {border: 1px solid #a5acb2; width: 147px; height: 18px; padding: 2px 0; color: #7f868d;} #searchbox input.submit {margin: 0 0 0 5px;} /*-------------------------------------- Main line (Content, Columns) --------------------------------------*/ #main {margin-top: 131px; padding-bottom: 22px;} #main #maincontent { margin-left: -100%; width: 100%; position: relative; padding-top: 28px; } #main #maincontent #breadcrumbs { position: absolute; top: 0; left: 0; border-bottom: 1px solid #d2d7e5; background: #e6eaf3; width: 100%; height: 27px; overflow: hidden; line-height: 27px; vertical-align: middle;} #main #maincontent #breadcrumbs .inner {padding: 0 196px 0 6px; font-weight: bold;} #main #maincontent #content {padding: 0 0 0 180px;} #main #sidebar-left {width: 170px; margin-left: -100%; margin-top: 43px; z-index: 50; /*prevent main content from obscuring sidebars */} /*homepage*/ .homepage #main {padding-bottom: 40px;} .homepage #main #maincontent, .basket #main #maincontent { padding-top: 0; } .homepage #main #maincontent #content {padding: 0 208px 0 0;} .homepage #main #sidebar-left {width: 191px; margin-left: -191px; margin-top: 29px;} /*-------------------------------------- Sidebar --------------------------------------*/ /* global ----------------------------*/ #sidebar-left #currencybox, #sidebar-left #langbox {margin-bottom: 10px;} #sidebar-left .box {margin-top: 7px;} #sidebar-left .box .head {font-family: "arial black", arial, helvetica, sans-serif; font-size: 1.2em; font-weight: bold;} #sidebar-left .box .head h3 span {font-size: .7em; font-family: arial, helvetica, sans-serif; font-weight: normal;} #sidebar-left .box .head h3 span a {font-weight: bold;} /* homepage --------------------------*/ .homepage #actionsbox {} .homepage #actionsbox h3 {margin: 0 0 3px 0; font-size: 1.25em;} .homepage #actionsbox .head h3 span { font-size: 0.65em; } /* category & other pages ------------*/ #categoriesbox {width: 100%; margin: 0 !important;} #categoriesbox #categories-by {border-bottom: 2px solid #80929d; width: 100%; overflow: hidden; font-weight: bold;} #categoriesbox #categories-by li {background: url("img/categories-by.gif") no-repeat; float: left;} #categoriesbox #categories-by a, #categoriesbox #categories-by strong {background: url("img/categories-by-r.gif") 100% 0 no-repeat; float: left; padding: 5px 11px 3px 11px;} #categoriesbox #categories-by strong {color: #ffffff;} #categoriesbox #categories-by li.a, #categoriesbox #categories-by a {background: none;} #categoriesbox .inner a {display: block; padding: 6px 10px 5px 10px; font-weight: bold;} #categoriesbox .inner a:hover, #categoriesbox .inner a:active, #categoriesbox .inner a:focus {background: #ffffff; color: #000000;} #categoriesbox .inner a.hlighted {color: #ffffff; border-bottom: 1px solid #df9904; background: #ff9000; margin: 1px 0; font-weight: bold;} #categoriesbox .inner a.hlighted:hover, #categoriesbox .inner a.hlighted:active, #categoriesbox .inner a.hlighted:focus {background: #ffffff; color: #000000;} #categoriesbox .inner em { font-style: normal; text-decoration: none;} #categoriesbox .inner a.act { background: white url('img/menu-act.gif') center right no-repeat; color: black; text-decoration: none; } #categoriesbox .inner ul {} #categoriesbox .inner ul li {display: inline;} #categoriesbox .inner ul a {margin: 1px 0; color: #ffffff; background: #7893a3; border-bottom: 1px solid #80929d; font-weight: bold;} #categoriesbox #panel-producers ul a {margin: 1px 0; color: #ffffff; background: #e4e8f1; border-bottom: 1px solid #d2d7e5; color: #3972ac;} #categoriesbox #panel-producers ul a.act { background: white url('img/menu-act.gif') center right no-repeat; color: black; text-decoration: none; } #categoriesbox #panel-producers ul a:hover, #categoriesbox #panel-producers ul a:active, #categoriesbox #panel-producers ul a:focus {background: #ffffff; color: #000000;} /* 2nd level */ #categoriesbox .inner ul ul {margin: 0 0 0 12px;} #categoriesbox .inner ul ul a {background: #e4e8f1; border-bottom: 1px solid #d2d7e5; color: #3972ac;} /* 3th level */ #categoriesbox .inner ul ul ul {} /* 4th level */ #categoriesbox .inner ul ul ul ul a {} #sidebar-left #tipsbox {margin-top: 10px;} #sidebar-left #tipsbox .inner {background: url("img/sidetipico.gif") 1px 0 no-repeat; padding: 0 0 0 21px;} #sidebar-left #other-links { margin-top: 20px; padding-top: 0; } #sidebar-left #other-links .head h3 {padding: 6px 10px 5px; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; margin: 1px 0; background: #667781; color: #fff; border-bottom: 1px solid #80929D; } #sidebar-left #other-links .inner {padding: 0 0 0 12px;} #sidebar-left #other-links ul {margin: 0 0 10px 0; font-size: 1em; font-weight: normal;} #sidebar-left #other-links li { margin-bottom: 0; white-space: normal; display: block; } #sidebar-left #other-links a { display: block; padding: 5px 10px; font-weight: bold; margin: 1px 0; background: #fff; border-bottom: 1px solid #e2e7f5; color: #3972AC; } #sidebar-left #other-links a:hover, #sidebar-left #other-links a:focus, #sidebar-left #other-links a:active { background: #fff; color: #000; } /* Content --------------------------------------*/ h1#page-heading, h2.page-heading {width: 100%; overflow: hidden; font-family: "arial black", arial, helvetica, sans-serif; font-size: 1.6em; font-weight: bold;} h1#page-heading span, h2.page-heading span {float: left; border-bottom: 2px solid #80929d; padding-bottom: 1px;} h1#page-heading span span, h2.page-heading span span {float: none; display: block; border-bottom-width: 1px; padding: 0;} /*-------------------------------------- Footer --------------------------------------*/ #footer { clear: both; min-height: 100px; background: url("img/footer.png") 0 1px repeat-x; border-top: 5px solid #556670; } #footer .inner {padding: 10px; overflow: hidden;} #footer a {font-weight: bold;} #footer span { padding: 0 0.3em 0 0.5em; border-left: 1px solid #3972ac; } #footer #copyleft { margin-left: -100%; width: 50%; text-align: left; position: relative; } #footer #copyleft span.first {padding-left: .3em;} #footer #copyleft a.shopio { background: url("img/f-shopio.gif") left top no-repeat; padding: 2px 0 0 21px; } #footer #copyleft a.shopio:hover, #footer a.shopio:active, #footer a.shopio:focus { background-position: 0 -34px; } #footer #foot-nav { margin-left: -60%; width: 60%; text-align: right; } #footer #foot-notices {text-align: right; padding-top: 5px;} #footer #foot-notices p {margin-bottom: 0; font-size: .9em;} #footer #foot-notices p em {font-size: .9em; font-style: normal;} #footer #foot-badges {margin-top: 15px;} #footer #foot-badges img {margin-left: 15px;} /*-------------------------------------- Page-specific rules --------------------------------------*/ /* PAGE: Home -------------------------*/ #board {border: 1px solid #bdc4d9; border-top: 0; background: #ebedf4; position: relative; margin-bottom: 9px; padding: 0 0 0 18px;} #board #promo {width: 100%; overflow: hidden;} #board h1 {text-transform: uppercase; line-height: 1.2; font-size: 1.85em; font-weight: normal;} #board h2 { font-size: 1.25em; margin-top: 1px; } #board .f-left, #board .f-right { padding-top: 15px; padding-bottom: 7px; } #board .f-left {width: 510px; padding-top: 20px; } #board .f-left p {margin: 11px 0 10px 0; padding-left: 1px;} #board .f-left ul {margin: 12px 0 13px 18px; font-weight: bold; line-height: 1.8;} #board .f-left ul a {background: url("img/ul-arrow.gif") no-repeat; padding-left: 23px;} #board .f-right {width: 190px; margin-right: 24px; text-align: right; position: relative; padding-bottom: 7px; } #board .f-right a { display: inline-block; } #board .f-right img {margin: 0; display: block; } #board .f-right strong { display: block; margin-top: -2px; } #board .f-right strong a { position: static; top: 0; display: inline; } #board .categories {width: 100%; overflow: hidden; padding-bottom: 3px; position: relative;} #board .categories img.title {float: left; margin-right: 7px;} #board .categories .item {border: 1px solid #cfcfcf; position: relative; float: left; width: 123px; height: 164px; overflow: hidden; margin: 0 15px 0 0;} #board .categories .item h2 {border: solid #ffffff; border-width: 0 1px 1px 1px; background: url("img/hp-category.png") 0 100% no-repeat; position: absolute; left: 0; bottom: 0; width: 121px; font-size: 1em;} #board .categories .item h2 a {display: block; padding: 5px 0 3px 0; text-align: center;} #board .categories p.t-right {clear: both; margin-right: 24px; padding-top: 8px;} #board .categories p.t-right a {font-weight: bold;} #board .categories p.t-left {clear: both; margin-left: 19px; padding-top: 8px;} #board .categories p.t-left a {font-weight: bold; font-size: 115%;} #newsletterbox {float: left; /*width: 420px;*/ width: 100%;} #newsletterbox .head h3 {padding: 2px 12px;} #newsletterbox .inner {background: url("img/newsletterbox.png") 0 100% repeat-x; padding: 0 12px;} #newsletterbox p {margin: 9px 0 10px 0;} #newsletterbox fieldset {padding-bottom: 13px;} #newsletterbox input.text {margin: 0 3px;} #paymentbox {float: right; width: 300px;} #paymentbox p {margin: 9px 0 8px 0;} #other-links { clear: both; padding-top: 20px; } #other-links .head h3 {padding: 2px 12px;} #other-links .inner {padding: 0 12px;} #other-links ul {margin: 9px 0 10px 0; font-size: 1.1em; font-weight: bold;} #other-links li { margin-bottom: 2px; display: inline; margin-right: 15px; white-space: nowrap; } #banner-holder { padding-left: 19px; } /* PAGE: Products, katalog -------*/ .static {padding-top: 10px;} #container .static .admin-edit {margin-top: 10px;} .static p.nothing {margin: 10px 0;} #content #category .cbox {margin-top: 11px;} #category-heading {/*float: left; width: 540px;*/ overflow: hidden; } #category-heading .head {float: left; border-bottom: 2px solid #80929d; padding-bottom: 1px;} #category-heading .head h1 {border-bottom: 1px solid #80929d; padding: 1px 0 0 0;} #category-heading .inner {clear: both; padding-top: 9px; border: 0;} #category-desc {margin: 0 0 6px 0;} #category-desc p { border-left: 5px solid #cdd2d6; padding-left: 10px; } #sizingbox {float: right; width: 190px;} #sizingbox p {margin: 9px 0 6px 0;} .category-control {background: #e4e8f1; border-bottom: 1px solid #a2abc8; clear: both; margin: 15px 0 6px 0; padding-top: 2px; } .category-control.nd {margin: 10px 0 0 0;} .category-control .inner {width: 100%; overflow: hidden;} .category-control fieldset label * {vertical-align: middle;} .category-control .sizing {padding: 7px 9px; font-weight: bold;} .category-control .sizing strong {vertical-align: middle;} .category-control .sizing label {margin: 0 7px 0 0;} /* PAGE: detail -------------------*/ #product { } #product-text { border-bottom: 1px solid #d9deea; margin-bottom: 10px; } #product-text ul { margin: 10px 0; padding-left: 15px; } #product-text ul li { list-style-type: square; list-style-position: inside; } #product-main {background: #f2f4f7; border: solid #d2d7e5; border-width: 0 1px 1px 1px; margin: 1px 0 10px 0; padding: 13px 24px 15px 17px;} #product-addinfo {width: 482px; margin: 7px 0 -1px 0; overflow: hidden;} #product-signs {float: left;} #product-cat-no {float: right; width: 160px; text-align: right; color: #556670;} /* fotky */ #product-gallery {float: left; width: 228px; text-align: center;} #product-gallery a {text-decoration: none;} #product-gallery #photo-main {background: #dde2ea; position: relative; padding: 5px; overflow: hidden;} #product-gallery img {margin-bottom: -5px;} #product-gallery-thumbs {width: 231px; overflow: hidden; margin: 4px 0 0 -1px;} #product-gallery-thumbs .item {background: #dde2ea; position: relative; float: left; margin: 0 1px 1px 0; padding: 2px; overflow: hidden;} #product-gallery span.corner {position: absolute; display: block; width: 3px; height: 3px; overflow: hidden;} #product-gallery #product-gallery-thumbs span.corner {width: 1px; height: 1px; background: #f2f4f7;} #product-gallery span.tl {top: 0; left: 0; background:url("img/photo-main-tl.gif") 0 0 no-repeat;} #product-gallery span.tr {top: 0; right: 0; background:url("img/photo-main-tr.gif") 0 0 no-repeat;} #product-gallery span.bl {bottom: 0; left: 0; background:url("img/photo-main-bl.gif") 0 0 no-repeat;} #product-gallery span.br {bottom: 0; right: 0; background:url("img/photo-main-br.gif") 0 0 no-repeat;} /* prava strana - popis, cena, ... */ #product-main .cbox {float: right; width: 482px; overflow: hidden; margin-top: -4px;} #product-main .cbox .head h1 {padding-top: 0;} p#product-perex {clear: both; margin: 0 0 9px 0; padding: 5px 0 0 0;} #product-main ul.morearr li {background-position: 15px 3px; line-height: 1.8;} #product-info {margin: 0 0 15px 0;} #product-info li a {margin-right: 3px;} #product-main .f-left {width: 212px;} #product-main .f-right {width: 250px;} #product-prices {width: 100%; margin: -1px 0 17px 0; border-collapse: separate;} #product-prices td, #product-prices th {background: #ffffff; border-top: 1px solid #f2f4f7; border-bottom: 1px solid #d2d7e5; padding: 6px 7px; text-align: left;} #product-prices td {text-align: right;} #product-prices tr#price-our {font-family: "arial black", arial, helvetica, sans-serif; font-weight: bold; font-size: 1.1em;} #product-prices tr#price-our td {color: #5fa800;} #product-prices tr#price-common td {color: #da4d21;} a#product-linkback {background: #ffffff; border: 1px solid #d2d7e5; float: left; padding: 5px 8px; font-weight: bold;} ul#product-actions {margin: 0 0 17px 0;} ul#product-actions li {border-bottom: 1px dashed #d2d7e5; padding: 7px 5px 7px 32px;} ul#product-actions li a {font-weight: bold;} ul#product-actions li.availability {background: url("img/ico-i.gif") 7px 50% no-repeat;} ul#product-actions li.recommend {background: url("img/ico-recommend.gif") 7px 50% no-repeat;} ul#product-actions li.social-plugins { padding: 6px 0 5px; width: 250px; float: left; margin-bottom: 17px; } ul#product-actions li.social-plugins iframe { display: inline-block; vertical-align: middle; } ul#product-actions li.social-plugins iframe.fb { margin-left: 7px; } ul#product-actions li.doprint {background: url("img/ico-print.gif") 7px 50% no-repeat;} form#product-buy {clear: left; background: #fff7ad url("img/formbuyico.gif") 7px 50% no-repeat; border: 1px solid #f2e253; margin: 17px 0 8px 0; padding: 6px 7px 6px 31px;} form#product-buy table#variants {float: left; display: inline; margin-right: 3px;} form#product-buy input.submit {font-weight: bold} form#product-buy p {margin: 0; font-weight: bold; color: #c00;} form#product-buy.nobasket {background-image: none; padding-left: 7px;} #product-main .f-right ul#product-fees {margin: 15px 0;} #product-main .f-right ul.morearr li {line-height: 1.5; background-position: 15px 2px;} #product-in-sets {margin: 10px 0 0 0;} #product-in-sets p {margin: 0 0 5px 0;} #set-variants h2 {margin: 0 0 5px 0; font-family: "arial black", arial, helvetica, sans-serif; font-size: 1.3em; font-weight: bold;} #set-variants .item {background: #ffffff; border-bottom: 1px solid #d2d7e5; margin: 0 0 7px 0; padding: 5px 7px;} #set-variants .item h3 {font-weight: bold; font-size: 1em; border-bottom: 1px solid #d2d7e5; margin-bottom: 3px;} #set-variants .item th {text-align: left; font-weight: normal; padding-right: 5px;} #product-related .head, #product-bonus .head, #set-products .head {border-bottom: 2px solid #80929d; float: left; padding-bottom: 1px;} #product-related .inner, #product-bonus .inner, #set-products .inner {border: 0; clear: left; padding: 8px 0 2em 0;} #product-related .perex p, #product-bonus .perex p, #set-products .perex p { position: absolute; left: -999em; } #product-bonus {margin: 0 0 10px 0;} #product-bonus .inner p {margin: 0 0 8px 0;} #set-products {margin-bottom: 10px;} #set-products .product del {color: #444444;} #product-download {clear: both; width: 100%; overflow: hidden; padding: 10px 0 0 0;} #product-download h2 {margin: 0;} #product-download ul {margin: 5px 0;} /* Order process ---------------*/ /* steps of order as breadcrumbs */ #ordercrumbs {background: url("img/ordercrumbs-b.gif") 0 100% repeat-x; width: 100%; overflow: hidden; margin: 41px 0 0 0; line-height: 34px; vertical-align: middle; text-transform: uppercase; font-family: /*"arial black",*/ arial, helvetica, sans-serif; font-size: 1.15em; /*font-size: 1.25em;*/ font-weight: bold;} #ordercrumbs .step {float: left; margin: 0 4px 0 0; padding: 4px 10px 2px 10px; color: #afafaf;} #ordercrumbs h1.step {position: relative; top: 1px; left: 0; z-index: 50; background: #eff2f7 url("img/ordercrumbs.png") 0 0 no-repeat; margin: 0 4px 0 0; padding: 0; font-size: 1em; color: #000000;} #ordercrumbs h1.step strong {display: block; padding: 4px 11px 2px 10px; background: url("img/ordercrumbs-r.png") 100% 0 no-repeat;} #order {background: #eff2f7; border: solid #d2d7e5; border-width: 0 1px 1px 1px; padding: 18px 16px 12px 16px;} #order.lite {border-top: 1px solid #ffffff; padding: 12px 16px 16px 16px;} #order.lite p {margin: 10px 0;} #order-proceed {width: 100%; overflow: hidden; margin: 17px 0 0 0;} #order-proceed .f-left {border: 1px solid #d2d7e5; background: #ffffff; padding: 7px 8px; font-weight: bold;} #order-proceed .f-right {border: 1px solid #f2e253; background: #fff7ad; padding: 5px 8px; font-weight: bold;} /* basket ------------------------ [STEP 1] */ #order table.order-cart .last {padding-right: 15px;} #order table.order-cart thead th {text-align: left;} #order table.order-cart tbody th, #order table.order-cart tbody td {padding: 0 0 0 15px; vertical-align: middle;} #order table.order-cart tbody td.last-price-helper {border-bottom-color: #ffffc6;} #order table.order-cart tfoot td {padding: 7px 10px 7px 0; vertical-align: top;} #order table.order-cart tfoot td.summary {background: #ffffc6; border: solid #d2d7e5; border-width: 0 1px 1px 1px; padding: 7px 11px;} #order table.order-cart tfoot td.summary span {font-weight: normal;} #order table.order-cart small {font-size: .9em;} #order table.order-cart span {display: block; font-size: .9em; font-weight: bold;} /* zakaznicke udaje ------------- [STEP 2] */ p#registration-text {margin: 15px 0 10px 0;} /* see _forms.css */ /* doprava, platba ------------- [STEP 3] */ /* see _forms.css */ /* dokonceni ------------------- [STEP 4] */ #order-check h2.page-heading {margin: 15px 0;} #order-check .edit {margin: 10px 0; padding: 0 3px; text-align: right;} #order-tabs {width: 100%; overflow: hidden;} #order-tabs .f-left {width: 357px;} #order-tabs .f-right {width: 357px;} #order-tabs h3 {margin: 8px 0 0 0; border-bottom: 1px solid #545d62; background: #80929d url("img/basket-thead.gif") repeat-x; padding: 10px 10px 9px 10px; font-size: 1em; color: #ffffff;} #order-tabs p.single {border-top: 2px solid #eff2f7; border-bottom: 1px solid #d2d7e5; background: #ffffff; padding: 7px 10px;} #order-check table.summary {width: auto;} #order-check table.summary th, #order-check table.summary td {background: #ffffc6; font-weight: normal; vertical-align: middle;} #order-check table.summary td#final-price {font-family: "arial black", arial, helvetica, sans-serif; font-weight: bold; font-size: 1.1em; color: #5fa800;} /* completed -------------------- [STEP 5] */ #order.completed {padding: 16px;} #order.completed p.message {border: 1px solid #d2d7e5; background: #ffffff; margin: 0 0 10px 0; font-family: "arial black", arial, helvetica, sans-serif; font-weight: bold; font-size: 1.1em;} #order.completed p.ok {color: #5fa800;} #order.completed p.error {color: #da4d21;} /* PAGE: "article pages" (articles, contact, accessibility) -------*/ #content-area .inner {padding-bottom: 5px;} #content-area .texy {margin-top: 15px;} #content-area p, #content-area ul {margin: 15px 0;} #content-area li {background: url("img/ul-arrow.gif") 0 2px no-repeat; margin: 2px 10px 2px 10px; padding-left: 22px;} #content-area .form-error li {background: none; margin: 0; padding: 0;} #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6 {margin: 15px 0 10px; color: #376682;} #content-area h1 { font-size: 1.6em; } #content-area h2 { font-size: 1.4em; } #content-area h3 { font-size: 1.2em; } #content-area h4 { font-size: 1.1em; } #content-area h5 { font-size: 1em; } #content-area h6 { font-size: 1em; } #content-area table {border: none; margin: 10px 0;} #content-area table th, #content-area table td {border: 1px solid #ccc; padding: 5px 8px; vertical-align: middle;} #content-area table th {background: #f5f5f5; text-align: left; font-weight: bold;} #content-area table thead th {background: #ccc; text-align: center;} #content-area .velikosti h2 { font-size: 1.75em; padding-top: 15px; margin: 20px 0 15px; border-top: 1px solid #ccc; } #content-area .velikosti h3 { margin-bottom: 0; } #content-area table.velikosti { margin-top: 0; } #content-area table.velikosti th { background: #8EB4E3; border-color: #7798BE; } #content-area table.velikosti td { text-align: center; padding: 5px 6px; } strong.all-articles {background: #f2f4f7; border: 1px solid #d2d7e5; display: block; margin: 15px 0; padding: 8px 10px;} strong.all-articles .morearr {background-position: 0 0; padding-left: 22px;} /* PAGE: Vsechny clanky ----------*/ #all-articles .inner-box {padding-bottom: 10px;} /* PAGE: contact ----------------*/ #contact .vcard {margin: 15px 0;} #contact form.default .head {margin-bottom: 0;} #contact form.default .inner {border-top: 0;} /* PAGE: search results --------------*/ #products-search {padding-top: 8px;} #products-search .category-control .inner {border: 0;} /* PAGE: orders ----------------------*/ #order #orders {width: 742px; overflow: hidden;} #order #orders .item {float: left; width: 363px; margin: 16px 16px 0 0;} #order #orders .even {margin-right: 0;} #order #orders .item h2 {border-bottom: 2px solid #d2d7e5; display: block; margin-bottom: 9px; color: #677b88;} #order #orders .item h3 {margin: 7px 0;} #order #orders .item ul.old-products li {background: url("img/ul-arrow.gif") 15px 2px no-repeat; padding-left: 37px;} /*-------------------------------------- Various site-wide selectors --------------------------------------*/ /* atributy vypisu (priznaky) ... signs */ .sign-new { font-style: italic; color: #090; } .sign-act { font-style: italic; color: #c00; } .sign-sale { font-style: italic; color: #f60; } /* context boxes */ .cbox .head {border-bottom: 1px solid #ffffff;} .cbox .head h3, .cbox .head h2, .cbox .head h1 {border-bottom: 1px solid #80929d; padding: 2px 0 0 0; font-family: "arial black", arial, helvetica, sans-serif; font-size: 1.5em; font-weight: bold;} .cbox .inner {border-top: 2px solid #80929d;} #sect-catalog { clear: both; } /* product cards */ .products-list {width: 780px; overflow: hidden;} .products-list p.nothing {margin: 9px 0 5px 15px;} body .product {float: left; width: 191px; margin: 0 4px 4px 0;} body #sidebar-left .product {float: none; margin: 0 0 10px 0;} body .product .heading {border-bottom: 1px solid #556670; font-size: 1em; line-height: 1.3; height: 4em; width: 191px; display: table; } body .product .heading a {border-bottom: 1px solid #ffffff; background: #7f919c url("img/product-heading.png") repeat-x; padding: 2px 8px 2px 8px; height: 4em; display: table-cell; vertical-align: middle; text-decoration: none; color: #ffffff; } body .product .heading a:hover, .product .heading a:focus, .product .heading a:active {text-decoration: underline;} body .product .inner {border: 1px solid #cfcfcf !important; border-top: 0; position: relative; min-height: 120px; margin-top: 1px; padding-bottom: 62px;} body .product .thumb {padding-top: 5px; text-align: center; display: table; width: 189px; vertical-align: middle; } body .product .thumb a { display: table-cell; vertical-align: middle; width: 189px; } body .product .signs {position: absolute; left: 5px; top: 4px;} body .product .signs img {float: left; margin: 0 5px 5px 0;} body .product .perex {background: url("img/product-perex.png") 0 100% repeat-x; position: absolute; left: 0; bottom: 0; width: 171px; margin: 1px; padding: 5px 8px 3px 8px;} body .product .perex p {height: 38px; overflow: hidden; margin: 0;} body .product .perex span.to-detail {display: block;} body .product .price {background: url("img/product-price.png") no-repeat; border-right: 1px solid #ffffff; position: absolute; right: -1px; bottom: 80px; height: 47px; padding: 0 11px 0 10px;} body .product .price strong {display: block; margin-top: 7px; font-family: /*"arial black",*/ arial, helvetica, sans-serif; font-weight: bold; /*font-size: 1.1em;*/font-size: 1.25em; white-space: nowrap;} body .product .price span {display: block; font-size: .8em; color: #919191;} body .product .price span em {font-weight: bold; font-style: normal; color: #000000;} ul.morearr li, .morearr {background: url("img/ul-arrow.gif") 15px 0 no-repeat; padding-left: 37px;} ul.morearr {background: none; padding: 0;} a.morearr {font-weight: bold;} /* paging */ .paging {padding: 0 9px 7px 9px; text-align: right; font-weight: bold; float: right;} .p-last { float: none; padding-top: 8px; } .paging span {margin-right: 3px;} .paging a {padding: 0 1px;} .paging a.ctrl {padding: 0 3px;} .paging a.active {color: #000000; text-decoration: none;} #discount-percent-from-order { padding-top: 1em; color: #009900; font-weight: bold; text-align: right; } /* SABLONA TABULEK -------------------*/ table.default {width: 100%; border-collapse: separate;} table.default thead th {border-bottom: 1px solid #545d62; background: #80929d url("img/basket-thead.gif") repeat-x; padding: 10px 0 10px 15px; text-align: center; color: #ffffff;} table.default tbody th, table.default tbody td {border-top: 2px solid #eff2f7; border-bottom: 1px solid #d2d7e5; background: #ffffff; padding: 7px 10px; vertical-align: top;} table.default th {text-align: left; font-weight: bold;} table.default span.small { display: block; font-size: .9em; font-weight: normal;} .left { float: left; width: 49.5%; } .right { float: right; width: 49.5%; } /* Category filters ----------------------------*/ #category-filter {width: 100%; margin: 0;} /* Price amount */ #filter-price {padding: 7px 0 5px 10px; font-size: 1.1em; float: left; width: 480px; } #filter-price p {margin: 0; } #filter-price label {font-weight: bold; } #filter-price input {background: transparent; border: 0; font-weight: bold; width: 11em; } #filter-price #slider-range {margin: 0.2em 0 5px 2px; float: left; width: 44%; } #show-sort { float: right; background: #f7f7f7; border: solid #e8e8e8; border-width: 1px 0 0; overflow: hidden; padding: 5px 10px;} /* Sort by */ #parameters-sort {float: right;} /* Parameters */ #parameters {width: 100%; overflow: hidden; padding: 0; clear: both; border-top: 1px solid #E8E8E8; } #parameters .item {float: left; width: 23%; margin: 1%; =margin: .9%;} #parameters .item h3 {border-bottom: 1px solid #ddd; margin: 0; padding: 0 3px; font-size: .9em;} #parameters .item .inner {position: relative; height: 6.7em; overflow: auto; padding: 2px 0 0 0; font-size: .9em;} #parameters .item label {position: relative; display: block; =zoom: 1; overflow: hidden;} #parameters .item label input {position: absolute; left: 0; top: 0;} #parameters .item label span.f-right {width: 82%; line-height: 1.7; vertical-align: middle;} /* Parameters clearing (old school, but it has some reasons) */ #parameters-clear {float: left;} #parameters-clear a {background: url("img/cats-arr.gif") 0 50% no-repeat; margin: 0 10px; padding: 0 0 0 10px; font-weight: bold;} #filter-whatsnext {overflow: hidden; margin: 0 10px;} #filter-whatsnext li {display: inline;} #filter-whatsnext a {float: left; margin: 0 1em 0 0;} /* Count of filtered items */ #filtered-count {float: left; margin: 0 10px; padding-bottom: 7px;} /* Searching in process */ #search-results {margin: 0 10px 10px 10px; font-style: italic;}