@font-face { font-family: "Oswald-fallback"; size-adjust: 70%; ascent-override: 100%; src: local('Verdana'), local(sans-serif); }

body { margin: 0px; padding: 0px; color: rgb(51,51,51); background-color: rgb(249,249,247); font-size: 1em; font-family: Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", "Helvetica Neue", "Liberation Sans", Roboto, sans-serif; line-height: 1.5em; text-align: center; }

form { margin: 0px; padding: 0px; }
input, option, select, textarea { font-size: 100%; }

img { border: none; }
img[align|="left"] { margin: 5px 10px 0px 0px; }
img[align|="right"] { margin: 5px 0px 0px 10px; }

a { color: rgb(51,51,51); }
a:hover { color: rgb(180,0,0); text-decoration: underline; }

table { font-size: 100%; }
td { font-size: 100%; }

label { cursor: pointer; }

h1 { font-weight: normal; color: rgb(51,51,51); margin: 0px; padding: 30px 0px 0px 0px; font-size: 16pt; line-height: 1.5em; text-align: left; text-transform: uppercase; }
h2 { font-size: 120%; color: rgb(51,51,51); font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; }
h3 { font-size: 100%; color: rgb(51,51,51); font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; }
h4 { font-size: 100%; color: rgb(51,51,51); font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; }
h5 { font-size: 100%; color: rgb(51,51,51); font-weight: normal; margin: 0px; padding: 5px 0px 5px 0px; }

hr { height: 1px; border: solid 1px black; }

.clear { clear: both; font-size: 1px; line-height: 1px; height: 1px; }
.clearLeft { clear: left; font-size: 1px; line-height: 1px; height: 1px; }
.clearRight { clear: right; font-size: 1px; line-height: 1px; height: 1px; }
.alignRight { text-align: right; }
.displayNone { display: none; }

.label { display: block; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: normal; }
.labelDescription { display: block; padding: 0px 10px 0px 5px; margin: 0px 0px 0px 0px; line-height: normal; font-size: 90%; color: gray; }

.inputItem { margin: 0px; padding: 2px; border: 1px solid gray; }

div.selectbox-wrapper ul li.selected { background: rgb(119,134,165); color: white; }
div.selectbox-wrapper ul li.current { background: rgb(217,125,28); color: white; }

.layout { border-collapse: collapse; vertical-align: top; }
.layout td { vertical-align: top; }

.table { border: solid 1px silver; border-collapse: collapse; }
.table th { border: solid 1px silver; padding: 4px; background-color: silver; font-weight: bold; }
.table td { border: solid 1px silver; padding: 4px; }
.table td.center { text-align: center; }
.table tr:hover { background-color: rgb(243,226,128); }

.ajaxLoading { background: url('/images/loading.gif') no-repeat center 50px; height: 32px; width: 32px; margin: auto; }

.pageEnvelope { position: relative; width: 1030px; margin: auto; text-align: left; }
.pageEnvelope #page { position: relative; background-color: white; margin-bottom: 20px; padding: 20px 20px 0px 20px; -webkit-border-radius: 30px; border-radius: 30px; }

#basket { position: fixed; top: 0px; right: 0px; width: 250px; z-index: 99; }
#basket .basketBox { margin-top: 0px; background-color: rgb(228,229,224); padding-bottom: 10px; -webkit-border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align: left; }
#basket .basketBoxTitle { background-color: rgb(135,139,116); padding: 2px 10px 2px 10px; color: white; font-size: 10pt; }
#basket #branches { margin-top: 10px; padding: 5px 15px 0px 15px; border-top: solid 1px silver; text-align: center; font-size: 11pt; line-height: 1.3em; }
#basket #branches .highlight { font-weight: bold; color: rgb(7 101 9); }
#basket #branches a { font-weight: bold; }
#basket #basketContent { display: none; }
#basket #icoBasketPrint { float: right; padding: 2px 5px 0px 5px; cursor: pointer; }
#basket #imgBasketSend { float: right; padding: 2px 5px 0px 5px; cursor: pointer; }
#basket #buttons { text-align: center; padding: 10px; }
#basket #buttons a { cursor: pointer; }
#basket #buttonBasketOrder { display: inline-block; height: 28px; text-decoration: none; color: white; text-transform: uppercase; font-size: 10pt; padding: 7px 12px 0px 12px; background-color: #AA0000; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }
#basket #buttonBasketPrint { display: inline-block; width: 34px; height: 28px; text-decoration: none; margin: 0px 0px 0px 5px; padding-top: 7px; background-image: url('/images/ico-basket-print.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(170,173,156); -webkit-border-radius: 10px; border-radius: 10px; }
#basket #buttonBasketSend { display: none; width: 34px; height: 28px; text-decoration: none; margin: 0px 0px 0px 5px; padding-top: 7px; background-image: url('/images/ico-basket-send.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(170,173,156); -webkit-border-radius: 10px; border-radius: 10px; }
#basket #buttonBasketClear { display: inline-block; width: 34px; height: 28px; text-decoration: none; margin: 0px 0px 0px 5px; padding-top: 7px; background-image: url('/images/ico-basket-clear.png'); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(170,173,156); -webkit-border-radius: 10px; border-radius: 10px; }
#basket .viewPort { max-height: 300px; overflow: auto; }
#basket #basketItems { margin: 10px; border-collapse: collapse; }
#basket #basketItems tr td { border-bottom: dotted 1px rgb(135,139,116); padding: 5px 0px 5px 0px; font-size: 9pt; line-height: 1.4em; vertical-align: top; }
#basket #basketItems tr td.amount { white-space: nowrap; padding-right: 5px; }
#basket #basketItems tr td.price { padding-left: 15px; text-align: right; white-space: nowrap; }
#basket #basketItems tr td .itemDelete { color: red; cursor: pointer; }
#basket #basketItems tr.last td { border: none; }
#basket #sum { font-weight: bold; border-top: solid 1px rgb(135,139,116); text-align: center; padding-right: 10px; margin: 5px 10px 10px 10px; }
#basket #basketItems #templateItem { display: none; }
#basket #basketEmpty { display: none; text-align: center; padding: 20px 0px 60px 0px; color: rgb(140,140,138); background-image: url('/images/ico-basketEmpty.png'); background-repeat: no-repeat; background-position: 50% 50px; font-size: 11px; }
#basket #basketEmpty.happy { background-image: url('/images/ico-basketHappy.png'); color: rgb(228,229,224); }

#clonedBasketButton { background-image: url('/images/ico-jar.png'); width: 35px; height: 59px; z-index: 9999; }

#searchBox { display: block; position: absolute; top: 0px; left: 20px; width: 250px; z-index: 99; background-color: rgb(228,229,224); padding: 0px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; text-align: left; }
#searchBox .title { display: block; background-color: #89917B; padding: 2px 10px 2px 10px; color: white; font-size: 10pt; }
#searchBox .content { padding: 10px; }
#searchBox .inputItem { width: 145px; background-color: white; padding: 4px 5px 4px 10px; border: solid 1px #9EA594; -webkit-border-radius: 20px; border-radius: 20px; }
#searchBox .submit { background-color: #AA0000; color: white; padding: 6px 10px 6px 10px; font-size: 8pt; text-transform: uppercase; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }

#header { position: relative; width: 990px; text-align: center; margin: auto; padding: 0px 0px 1px 0px; }
#header #logo { display: block; position: relative; top: 20px; width: 412px; height: 205px; margin: auto; overflow: hidden; }
#header #logo img { position: absolute; top: 0px; left: 0px; z-index: 5; width: 100%; }
#header #logo .textAltTitle { position: absolute; bottom: 60px; left: 20px; width: 365px; z-index: 1; text-align: center; font-size: 20pt; font-family: 'Times New Roman',serif; color: rgb(62,73,40); }
#header #logo .textAltSubtitle { font-size: 10pt; position: absolute; bottom: 40px; left: 120px; }
#header #userInfo { position: absolute; top: 0px; right: 0px; width: 250px; z-index: 99; padding: 10px; text-align: center; background-color: rgb(228,229,224); padding: 0px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; text-align: left; }
#header #userInfo .title { background-color: #89917B; padding: 2px 10px 2px 10px; color: white; font-size: 10pt; }
#header #userInfo .content { padding: 5px 10px 10px 10px; text-align: center; }
#header #userInfo .userName { display: block; font-size: 10pt; color: rgb(80,80,80); }
#header #userInfo .userProfile { font-weight: bold; font-size: 8pt; }
#header #userInfo .login { text-decoration: underline; cursor: pointer; font-size: 8pt; }
#header #userInfo .logout { text-decoration: underline; cursor: pointer; font-size: 8pt; }
#header #basketMini { display: none; }

#headerMobile { display: none; }

/* MAIN MENU */
#menuTop { position: relative; background-color: rgb(96,95,63); -webkit-border-radius: 20px; border-radius: 20px; z-index: 1; }

#menuTop .menuContent { font-family: 'Oswald', 'Oswald-fallback'; line-height: 2em; }

#menuTop .langSwitch { float: right; text-align: center; padding: 15px 20px 0px 0px; color: white; font-size: 8pt; text-decoration: none; line-height: 1.1em; }
#menuTop .langSwitch img { margin-bottom: 5px; border: solid 1px silver; }
#menuTop .langSwitch .langSwitchTextShort { display: none; }

#menuTop ul { list-style: none; margin: 0px; padding: 0px 0px 0px 10px; }
#menuTop ul li { position: relative; float: left; margin: 0px; padding: 0px 0px 0px 0px; }
#menuTop ul li a { display: block; max-width: 80px; min-height: 55px; border-right: solid 1px silver; padding: 50px 20px 10px 20px; font-size: 13pt; line-height: 1.3em; letter-spacing: 0.01em; text-decoration: none; color: white; text-align: center; text-transform: lowercase; background-position: 50% 15px; background-repeat: no-repeat; }
#menuTop ul li a:hover { color: rgb(243,226,128); background-color: #89917B; }
#menuTop ul li a.active { color: rgb(243,226,128); }
#menuTop ul li a.action { color: #AA0000; }

#menuTop ul li a.domu { background-image: url('/images/menu/domu.svg?v2'); -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; }
#menuTop ul li a.koreni { background-image: url('/images/menu/koreni.svg?v2'); }
#menuTop ul li a.kava { background-image: url('/images/menu/kava.svg?v2'); }
#menuTop ul li a.caj { background-image: url('/images/menu/caj.svg?v2'); }
#menuTop ul li a.bylinky { background-image: url('/images/menu/bylinky.svg?v2'); }
#menuTop ul li a.orechy { background-image: url('/images/menu/orechy.svg'); }
#menuTop ul li a.prislusenstvi { background-image: url('/images/menu/prislusenstvi.svg?v2'); }
#menuTop ul li a.darky { background-image: url('/images/menu/vanoce.svg?v2'); }
#menuTop ul li a.radyRecepty { background-image: url('/images/menu/recepty.svg?v2'); }
#menuTop ul li a.kontakty { background-image: url('/images/menu/kontakty.svg?v2'); border-right: none; }

#menuTop ul.memberLoginMobile { display: none; }

#menuSub { position: relative; text-align: center; font-family: 'Oswald', 'Oswald-fallback'; font-size: 14pt; line-height: 2em; margin: 0px 15px 0px 15px; border: solid 1px silver; clear: both; background-color: rgb(229,232,221); -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; z-index: 1; }
#menuSub a { display: block; float: left; text-decoration: none; color: rgb(109,115,98); border-right: solid 1px silver; padding: 50px 15px 10px 15px; font-size: 12pt; letter-spacing: 0.01em; text-decoration: none; text-align: center; text-transform: lowercase; background-position: 50% 15px; background-repeat: no-repeat; }
#menuSub a:hover { background-color: rgb(219,222,211); }
#menuSub .active { background-color: rgb(249,252,241); font-weight: bold; }
#menuSub .separator { padding: 0px 5px 0px 10px; }

#menuSub a.first { -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; }
#menuSub a.koreni.first { background-image: url('/images/menu/koreniVse.svg'); }
#menuSub a.koreniJednodruhove { background-image: url('/images/menu/koreniJednodruhove.svg'); }
#menuSub a.koreniSmesi { background-image: url('/images/menu/koreniSmesi.svg'); }
#menuSub a.koreniSady { background-image: url('/images/menu/koreniSady.svg'); }
#menuSub a.koreniKuchyne { background-image: url('/images/menu/koreni-podle-kuchyne.svg'); }
#menuSub a.koreniJidlo { background-image: url('/images/menu/koreni-podle-jidla.svg'); }
#menuSub a.koreniBio { background-image: url('/images/menu/bio.svg'); }
#menuSub a.kava.first { background-image: url('/images/menu/kavaVse.svg'); }
#menuSub a.kavaArabica { background-image: url('/images/menu/kavaArabica.svg'); }
#menuSub a.kavaRobusta { background-image: url('/images/menu/kavaRobusta.svg'); }
#menuSub a.kavaAroma { background-image: url('/images/menu/kavaAroma.svg'); }
#menuSub a.caj.first { background-image: url('/images/menu/cajVse.svg'); }
#menuSub a.cajZeleny { background-image: url('/images/menu/cajZeleny.svg'); }
#menuSub a.cajCerny { background-image: url('/images/menu/cajCerny.svg'); }
#menuSub a.cajOvocny { background-image: url('/images/menu/cajOvocny.svg'); }
#menuSub a.cajBylinkovy { background-image: url('/images/menu/cajBylinkovy.svg'); }
#menuSub a.prislusenstvi.first { background-image: url('/images/menu/prislusenstviVse.svg'); }
#menuSub a.prislusenstviKorenky { background-image: url('/images/menu/prislusenstviKorenky.svg'); }
#menuSub a.prislusenstviMlynky { background-image: url('/images/menu/prislusenstviMlynky.svg'); }
#menuSub a.prislusenstviDozy { background-image: url('/images/menu/prislusenstviDozy.svg'); }
#menuSub a.prislusenstviVanoce { background-image: url('/images/menu/prislusenstviVanoce.svg'); }
#menuSub a.radyRecepty.first { background-image: url('/images/menu/radyReceptyVse.svg'); }
#menuSub a.novinky { background-image: url('/images/menu/oNas.svg?v=2'); }
#menuSub a.recepty { background-image: url('/images/menu/recepty-submenu.svg'); }
#menuSub a.zajimavosti { background-image: url('/images/menu/zajimavosti.svg'); }
#menuSub a.video { background-image: url('/images/menu/video.svg'); }
#menuSub a.dotazy { background-image: url('/images/menu/dotazy.svg'); }
#menuSub a.tipyRady { background-image: url('/images/menu/tipy-rady.svg?v2'); }
#menuSub a.kontakty { background-image: url('/images/menu/kontaktySub.svg'); }
#menuSub a.oNas { background-image: url('/images/menu/oNas.svg?v=2'); }
#menuSub a.recenze { background-image: url('/images/menu/recenze.svg'); }
#menuSub a.baleni { background-image: url('/images/menu/baleni.svg'); }
#menuSub a.pravniInformace { background-image: url('/images/menu/pravniInformace.svg'); }
#menuSub a.doprava { background-image: url('/images/menu/doprava.svg'); }
#menuSub a.darkovePoukazy { background-image: url('/images/menu/darkovePoukazy.svg'); }

body.darky #menuSub { background: none; border: none; padding-top: 20px; }
body.darky #menuSub a { float: none; display: inline-block; font-size: 110%; margin: 5px; padding: 0px 20px 5px 50px; -webkit-border-radius: 5px; border-radius: 20px; background-color: #AA0000; color: white; }
body.darky #menuSub a { background-position: 15px 8px; background-size: 25px 25px; }
body.darky #menuSub a.darky.first { display: none; }
body.darky #menuSub a.darky.frantisky { background-image: url('/images/menu/frantisky.svg'); }
body.darky #menuSub a.darky.darkyDozy { background-image: url('/images/menu/dozy-inverze.svg'); }
body.darky #menuSub a.darky.vanocniCaje { background-image: url('/images/menu/vanocniCaje.svg'); }
body.darky #menuSub a.darky.vanocniKoreni { background-image: url('/images/menu/vanocniKoreni.svg'); }
body.darky #menuSub a.darky.darkyKoreni { background-image: url('/images/menu/darkyKoreni.svg'); }
body.darky #menuSub a.darky.darkyCaje { background-image: url('/images/menu/darkyCaje.svg'); }
body.darky #menuSub a.darky.darkyKava { background-image: url('/images/menu/darkyKava.svg'); }
body.darky #menuSub a.darky.darkyPoukazy { background-image: url('/images/menu/poukazy-inverze.svg'); }
body.darky #menuSub .active { background-color: rgb(178 154 12); font-weight: normal; }

body.darky #articleDetail.article .articleTopBlock .articleTextBlock .sectionPath { display: none; }

body.darky #section .sectionPerex {font-size: 13pt; }

#mainContent { margin: 20px 0px 20px 0px; }
#mainContent .inside { margin: 0px; padding: 0px 0px 0px 0px; text-align: left; }
#mainContent p { margin-top: 0px; }


#articleDetail { margin: 50px 0px 0px 0px; }

#articleDetail .articleTopBlock { position: relative; background-color: #EFF0EE; padding: 10px 10px 7px 10px; -webkit-border-radius: 20px; border-radius: 20px; }

#articleDetail .articleTopBlock .multimediaBlock { float: none; margin-top: 0px; width: 420px; }
#articleDetail .articleTopBlock .multimediaBlock .articlePerexImage { overflow: hidden; width: 100%; height: 300px; text-align: left; -webkit-border-radius: 15px; border-radius: 15px; }
#articleDetail .articleTopBlock .multimediaBlock .articlePerexImage img { width: auto !important; height: 300px !important; -webkit-border-radius: 15px; border-radius: 15px; }
#articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList { width: 100%; margin: auto; margin: 0px; }
#articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList .item { float: left; position: relative; width: 23.5%; height: auto; margin: 4px 3px 0px 2px; text-align: center; cursor: pointer; }
#articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList .item .multimediaHref img { width: 100%; height: auto; border: solid 1px silver; -webkit-border-radius: 20px; border-radius: 20px; }
#articleDetail .articleTopBlock .multimediaBlock .multimedia .singleImage { margin: 20px; }
#articleDetail .articleTopBlock .multimediaBlock .multimedia .singleImage img { width: 100%; -webkit-border-radius: 10px; border-radius: 10px; border: none; }

#articleDetail .articleTopBlock .articleTextBlock { float: right; width: 480px; margin-right: 10px; }

#articleDetail .articleTopBlock .articleTextBlock .articleDate { float: right; padding-bottom: 10px; text-transform: uppercase; color: silver; font-size: 110%; }

#articleDetail .articleTopBlock .articleTextBlock .sectionPath { padding: 0px 0px 0px 0px; color: rgb(100,100,100); font-size: 10pt; }
#articleDetail .articleTopBlock .articleTextBlock .sectionPath ul { list-style: none; margin: 0px; padding: 0px; }
#articleDetail .articleTopBlock .articleTextBlock .sectionPath ul li { display: inline; }
#articleDetail .articleTopBlock .articleTextBlock .sectionPath ul li p { padding: 0px; margin: 0px; }
#articleDetail .articleTopBlock .articleTextBlock .sectionPath a { color: rgb(100,100,100); font-weight: normal; text-transform: lowercase; }
#articleDetail .articleTopBlock .articleTextBlock .sectionPath .separator { display: inline-block; padding: 0px 5px 0px 5px; }
#articleDetail .articleTopBlock .articleTextBlock .sectionPath .selected a { color: rgb(100,100,100); }

#articleDetail .articleTopBlock .articleTextBlock .articleTextBlockTitle,
#articleDetail .articleTopBlock .articleTextBlock .articleTextBlockTitle h1 { clear: both; font-size: 30pt; font-weight: normal; line-height: 1.3em; color: rgb(80,80,80); text-align: left; text-transform: uppercase; font-family: 'Oswald', 'Oswald-fallback'; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }

#articleDetail .articleTopBlock .articleTextBlock .prices { position: relative; margin: 10px 0px 0px 0px; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV { display: block; float: left; position: relative; text-align: center; border: solid 1px white; font-size: 8pt; color: white; background-image: none; background-color: rgb(135,139,116); width: 96px; height: 130px; font-size: 10pt; padding: 10px 5px 5px 5px; -webkit-border-radius: 10px; border-radius: 10px; cursor: pointer; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV .priceValue { display: block; font-size: 16pt; font-weight: bold; line-height: normal; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV .buy { display: block; position: absolute; left: 5px; bottom: 5px; width: 96px; margin: auto; background-color: #AA0000; font-size: 10pt; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 5px; padding: 45px 0px 5px 0px; background-image: url('/images/ico-basket-in.svg'); background-size: 30px 30px; background-repeat: no-repeat; background-position: 50% 7px; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV.choice { margin-right: 0px; font-size: 14pt; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV.choice .buy { }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV.disabled { cursor: default; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV.disabled .buy { display: none; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV.disabled:hover { background-color: #9FA594; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV:hover { background-color: #89917B; }
#articleDetail .articleTopBlock .articleTextBlock .prices .pV:hover .buy { background-color: rgb(89,107,58); }
#articleDetail .articleTopBlock .articleTextBlock .prices .buyMoreSaveMoney { position: absolute; top: 80px; right: 0px; width: 150px !important; height: auto !important; }
#articleDetail .articleTopBlock .articleTextBlock .prices .UnitArticlePrice { display: block; font-style: italic; padding: 0px 0px 0px 0px; }

#articleDetail .articleTopBlock .articleTextBlock .prices .onStock { padding-top: 10px; }
#articleDetail .articleTopBlock .articleTextBlock .prices .onStock .stockState { display: block; padding-bottom: 5px; color: #596B3A; font-weight: bold; }
#articleDetail .articleTopBlock .articleTextBlock .prices .onStock .stockState a { color: #596B3A; font-weight: bold; }
#articleDetail .articleTopBlock .articleTextBlock .prices .onStock .stockState.langOnWay { color: rgb(183,79,10); font-style: italic; }
#articleDetail .articleTopBlock .articleTextBlock .prices .onStock .stockState.langOutOfStock { color: #AA0000; font-style: italic; }
#articleDetail .articleTopBlock .articleTextBlock .prices .onStock .watchDogButton { text-decoration: none; background-color: #AAAD9C; color: white; margin-bottom: 3px; padding: 2px 10px 2px 10px; font-size: 9pt; -webkit-border-radius: 10px; border-radius: 10px; cursor: pointer; }

#articleDetail .articleTopBlock .articleTextBlock .soldOutBlock { position: relative; padding: 10px 10px 10px 60px; margin-bottom: 20px; text-align: center; color: white; font-size: 12pt; background-color: #AA0000; background-image: url('/images/ico-sad-smile-white.png'); background-repeat: no-repeat; background-position: 20px 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#articleDetail .articleTopBlock .articleTextBlock .soldOutBlock a { padding: 2px 10px 2px 10px; color: black; text-decoration: none; background-color: white; -webkit-border-radius: 5px; border-radius: 5px; }


#articleDetail .productMainContent { padding: 20px 10px 0px 10px; }

#articleDetail .productMainContent h1 { font-weight: normal; text-transform: uppercase; font-family: 'Oswald', 'Oswald-fallback'; font-size: 26pt; line-height: 1.3em; }
#articleDetail .productMainContent h1 .sectionName { color: gray; }

#articleDetail .productMainContent .articleText { padding: 0px 0px 20px 0px; font-size: 13pt; line-height: 1.8em; text-align: left; }
#articleDetail .productMainContent .articleText a { font-weight: bold; }
#articleDetail .productMainContent .articleText .image { -webkit-border-radius: 20px; border-radius: 20px; border: #EFF0EE 10px solid; max-width: 350px; height: auto; }
#articleDetail .productMainContent .articleText .imageRight { float: right; margin-left: 20px; }
#articleDetail .productMainContent .articleText .imageLeft { float: left; margin-right: 20px; }
#articleDetail .productMainContent .articleText .floatLeft { float: left; padding-right: 40px; }
#articleDetail .productMainContent .articleText .floatRight { float: right; padding-left: 40px; }

#articleDetail .productMainContent .articleText h2 { font-family: 'Oswald', 'Oswald-fallback'; font-size: 20pt; font-weight: normal; text-align: left; line-height: 1.3em; }
#articleDetail .productMainContent .articleText h2 a { color: rgb(51,51,51); text-decoration: none; }
#articleDetail .productMainContent .articleText h2 a .more { display: inline-block; position: relative; top: -4px; letter-spacing: 0.1em; font-size: 7pt; line-height: 2.2em; background-color: #AA0000; color: white; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 10px; -webkit-border-radius: 10px; border-radius: 10px; text-decoration: none; text-transform: uppercase; }
#articleDetail .productMainContent .articleText h3 { font-family: 'Oswald', 'Oswald-fallback'; font-size: 16pt; font-weight: normal; text-align: left; line-height: 1.3em; }
#articleDetail .productMainContent .articleText h3 strong { font-weight: bold; }
#articleDetail .productMainContent .articleText ul { }
#articleDetail .productMainContent .articleText ul li { }
#articleDetail .productMainContent .articleText ul li p { padding: 0px; margin: 0px; }

#articleDetail .productMainContent .articleText .tipRecipe { background-color: rgb(206 208 196); -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
#articleDetail .productMainContent .articleText .tipRecipe p { padding: 0px; margin: 0px; }

#articleDetail .productMainContent .articleText .author { width: 350px; height: 87px; background-color: rgb(206 208 196); -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
#articleDetail .productMainContent .articleText .author img { float: left; -webkit-border-radius: 8px; border-radius: 8px; margin-right: 10px; }
#articleDetail .productMainContent .articleText .author p { line-height: 1.4em; }

#articleDetail .productMainContent .articleLabel { float: left; width: 440px; margin-left: 30px; padding: 10px; background-color: #EFF0EE; margin-bottom: 30px; -webkit-border-radius: 10px; border-radius: 10px; }
#articleDetail .productMainContent .articleLabel .labelFront { display: block; float: left; margin-bottom: 10px; position: relative; left: -1mm; width: 35mm; height: 34mm; overflow: hidden; background-color: sandybrown; -webkit-border-radius: 35mm; border-radius: 35mm; }
#articleDetail .productMainContent .articleLabel .labelFront .background { position: absolute; top: 10px; left: 6px; z-index: 1; }
#articleDetail .productMainContent .articleLabel .articleLabelShopBox { float: left; width: 135px; text-align: center; padding: 20px 20px 30px 20px; border-right: solid 2px white; }
#articleDetail .productMainContent .articleLabel .articleLabelDescription { margin-left: 180px; padding: 20px; font-size: 11pt; line-height: 1.5em; }
#articleDetail .productMainContent .articleLabel .articleLabelMore { display: block; float: right; color: rgb(51,51,51); text-decoration: underline; margin-top: 5px; padding: 2px 10px 2px 10px; font-size: 90%; -webkit-border-radius: 10px; border-radius: 10px; }
#articleDetail .productMainContent .articleLabel .price { display: block; font-size: 110%; font-weight: bold; padding: 10px 0px 10px 0px; }
#articleDetail .productMainContent .articleLabel .addToBasketButton { display: inline-block; text-decoration: none; color: white; font-size: 100%; padding: 7px 12px 7px 12px; margin-right: 10px; background-color: #AA0000; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }

#articleDetail .productMainContent .dosageConverting table { border-collapse: collapse; }
#articleDetail .productMainContent .dosageConverting table td { border: solid 1px silver; padding: 2px 5px 2px 5px; }
#articleDetail .productMainContent .dosageConverting table td.number { text-align: right; }
#articleDetail .productMainContent .dosageConverting .note { margin: 5px 0px 0px 0px; }

#articleDetail .articleAttribute { clear: left; padding-left: 32px; margin-bottom: 20px; font-size: 13pt; background-image: url('/images/bullet-crown.png?v=2'); background-position: 0px 9px; background-repeat: no-repeat; }
#articleDetail .articleAttribute .label, #articleDetail .articleAttribute.ingredientsList a.label { display: block; font-family: 'Oswald', 'Oswald-fallback'; font-weight: normal; font-size: 14pt; padding-bottom: 3px; text-decoration: none; border-bottom: none; line-height: unset; }
#articleDetail .articleAttribute.kitchenType { margin-bottom: 0px; }
#articleDetail .articleAttribute.kitchenType .sectionsList { margin-top: 10px; }
#articleDetail .articleAttribute.kitchenType .sectionsList a { float: left; width: 90px; height: 135px; overflow: hidden; margin: 0px 10px 0px 0px; text-align: center; cursor: pointer; color: rgb(80,80,80); font-size: 11pt; font-family: 'Oswald', 'Oswald-fallback'; text-decoration: none; }
#articleDetail .articleAttribute.kitchenType .sectionsList a img { width: 90px; height: 90px; -webkit-border-radius: 10px; border-radius: 10px; }

#articleDetail .articleAttribute.ingredientsList { line-height: 1.5em; }
#articleDetail .articleAttribute.ingredientsList .item { display: inline-block; padding: 0px 0px 0px 0px; margin: 0px; }
#articleDetail .articleAttribute.ingredientsList .item a { text-decoration: none; color: rgb(51,51,51); text-transform: lowercase; }
#articleDetail .articleAttribute.ingredientsList .item a:hover { text-decoration: underline; }
#articleDetail .articleAttribute.ingredientsList .item.alergen a { font-weight: bold; }
#articleDetail .articleAttribute.ingredientsList a { color: rgb(51,51,51); text-decoration: none; border-bottom: solid 1px silver; line-height: 0.85; }
#articleDetail .articleAttribute.ingredientsList a:hover { border-bottom-color: rgb(51,51,51); }
#articleDetail .articleAttribute.ingredientsList a.alergen { font-weight: bold; }
#articleDetail .articleAttribute.ingredientsList a.nolink { border-bottom: none; }

#articleDetail .articleAttributeRecommendation { }
#articleDetail .articleAttributeRecommendation .photo { float: left; margin-right: 15px; border: solid 1px silver; -webkit-border-radius: 15px; border-radius: 15px; }
#articleDetail .articleAttributeRecommendation .label { padding-bottom: 10px;}
#articleDetail .articleAttributeRecommendation .label abbr { text-decoration: none; }
#articleDetail .articleAttributeRecommendation .label a { text-decoration: none; }
#articleDetail .articleAttributeRecommendation .vcard { background-color: #EFF0EE; -webkit-border-radius: 15px; border-radius: 15px; padding: 10px; }
#articleDetail .articleAttributeRecommendation .value { display: block; margin-left: 60px; }

#articleDetail .articleAuthor { max-width: 350px; }
#articleDetail .articleAuthor .photo { float: left; margin-right: 15px; border: solid 1px silver; -webkit-border-radius: 15px; border-radius: 15px; }
#articleDetail .articleAuthor .author { background-color: #EFF0EE; -webkit-border-radius: 15px; border-radius: 15px; padding: 10px; }
#articleDetail .articleAuthor .name { display: block; margin-left: 60px; font-weight: bold; }
#articleDetail .articleAuthor .company { display: block; margin-left: 60px; }
#articleDetail .articleAuthor .publishdate { display: block; margin-left: 60px; font-style: italic; }

#articleDetail .articleAttribute.equivalents { margin-bottom: 0px; }
#articleDetail .articleAttribute.equivalents .grdArticles.tiles .item { float: left; width: 95px; height: 160px; margin: 10px 10px 0px 0px; text-align: center; }
#articleDetail .articleAttribute.equivalents .grdArticles.tiles .item a { text-decoration: none; color: black; }
#articleDetail .articleAttribute.equivalents .grdArticles.tiles .item .title { font-size: 11pt; line-height: 1.1em; font-family: 'Oswald', 'Oswald-fallback'; }
#articleDetail .articleAttribute.equivalents .grdArticles.tiles .item .perexImage { width: 95px !important; height: auto !important; -webkit-border-radius: 10px; border-radius: 10px; }

#articleDetail .aboutStore { margin: 20px 0px 0px 0px; padding: 20px; border: solid 1px silver; -webkit-border-radius: 10px; border-radius: 10px; }
#articleDetail .aboutStore h2 { font-size: 20pt; line-height: 1.4em; font-family: 'Oswald', 'Oswald-fallback'; }
#articleDetail .aboutStore a { font-weight: bold; }
#articleDetail .aboutStore .aboutStorePicture { float: right; margin: 0px 0px 10px 20px; -webkit-border-radius: 10px; border-radius: 10px; }

#articleDetail .articleDosesBox { margin-bottom: 40px; padding: 0px; -webkit-border-radius: 15px; border-radius: 15px; }
#articleDetail .articleDosesBox .boxTitle { display: block; color: #7D816B; font-family: 'Oswald', 'Oswald-fallback'; font-size: 16pt; margin: 10px 0px 0px 5px; text-transform: uppercase; }
#articleDetail .articleDosesBox .boxContent { width: 100%; }
#articleDetail .articleDosesBox .boxContent .overflow { width: 100%; overflow: auto; }
#articleDetail .articleDosesBox .item { background-color: rgb(228,229,224); padding: 5px; border: solid 1px white; vertical-align: top; text-align: center; -webkit-border-radius: 15px; border-radius: 15px; }
#articleDetail .articleDosesBox .item .image { -webkit-border-radius: 10px; border-radius: 10px; }
#articleDetail .articleDosesBox .item .title { display: block; padding: 0px 5px 0px 5px; font-weight: normal; font-size: 11pt; line-height: 1.2em; text-decoration: none; color: #000000; }
#articleDetail .articleDosesBox .item .price { display: block; padding: 0px 5px 0px 5px; color: rgb(61,73,40); font-weight: normal; font-size: 12pt; }
#articleDetail .articleDosesBox .item .contentAmount { display: block; padding: 5px 0px 10px 0px; }
#articleDetail .articleDosesBox .item .buy { background-color: rgb(61,73,40); color: white; padding: 2px 10px 2px 10px; font-weight: normal; text-decoration: none; text-transform: lowercase; -webkit-border-radius: 15px; border-radius: 15px; }

#articleDetail .contactAddress { float: left; width: 35%; }
#articleDetail .contactMap { float: left; width: 63%; padding-left: 2%; }
#articleDetail .contactMap .map { padding-right: 10px; }
#articleDetail .contactMap .buttons { text-align: center; }
#articleDetail .contactMap .buttons .button { -webkit-border-radius: 10px; border-radius: 10px; text-decoration: none; background-color: #3D4928; margin-right: 10px; color: white; padding: 2px 10px 2px 10px; font-size: 9pt; }
#articleDetail .contactGallery { margin-top: 10px; margin-left: 37% }
#articleDetail .contactGallery a { display: block; float: left; position: relative; width: 140px; height: 140px; overflow: hidden; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 10px 10px 0px; }
#articleDetail .contactGallery img { border: 1px solid silver; position: absolute; }

#articleDetail .tableFlow { float: right; font-size: 10pt; margin-left: 20px;}
#articleDetail .tableFlow table { border: solid 1px silver; background-color: rgb(220 221 212); font-size: 10pt; }
#articleDetail .tableFlow tr { border: solid 1px rgb(103,113,87); }
#articleDetail .tableFlow td { border-top: solid 1px rgb(103,113,87); }

#relatedArticles { clear: both; padding: 15px 0px 15px 15px; }
#relatedArticles .grdArticles .boxTitle { display: block; font-size: 12pt; padding: 10px; margin: 20px 20px 10px 0px; text-transform: uppercase; font-size: 12pt; font-family: 'Oswald'; color: white; -webkit-border-radius: 10px; border-radius: 10px; background-color: #9EA594; }

#relatedArticles .grdArticles.tiles .item { position: relative; float: left; width: 220px; height: 370px; overflow: hidden; margin: 0px 0px 20px 0px; padding: 10px; text-align: center; }
#relatedArticles .grdArticles.tiles .item:hover { background-color: rgb(234 232 216); webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .grdArticles.tiles .item a { display: block; text-decoration: none; color: black; }
#relatedArticles .grdArticles.tiles .item img { width: 170px !important; height: 170px !important; -webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .grdArticles.tiles .item h3 { margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 14pt; font-family: 'Oswald', 'Oswald-fallback'; line-height: 1.4em; }
#relatedArticles .grdArticles.tiles .item p { font-size: 10.5pt; line-height: 1.3em; }
#relatedArticles .grdArticles.tiles .item .link { display: block; position: absolute; bottom: 10px; left: 30px; width: 180px; margin: 15px auto 0px auto; text-align: center; font-size: 100%; background-color: #AA0000; color: white; text-decoration: none; padding: 2px; -webkit-border-radius: 15px; border-radius: 15px; }

#relatedArticles .grdArticles.list .item { float: none; width: auto; height: auto; line-height: 1.8em; background: none; color: black; font-size: 11pt; border-bottom: dotted 1px gray; margin: 0px 20px 10px 0px; padding: 20px 10px 20px 10px; }
#relatedArticles .grdArticles.list .item:hover { background-color: rgb(234 232 216); webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .grdArticles.list .item a { display: block; text-decoration: none; color: black; }
#relatedArticles .grdArticles.list .item img { position: relative; float: left; width: 350px !important; height: auto !important; max-height: 250px; margin-right: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: none; }
#relatedArticles .grdArticles.list .item h3 { text-transform: uppercase; text-decoration: none; font-size: 190%; font-family: 'Oswald', 'Oswald-fallback'; line-height: 1.2em; color: rgb(80,80,80); text-align: left; font-weight: normal; padding-bottom: 0px; }
#relatedArticles .grdArticles.list .item p { line-height: 2em; font-size: 120%; text-align: left; }
#relatedArticles .grdArticles.list .item .link { float: right; margin-top: 20px; color: white; text-align: center; background-color: #AA0000; width: 100px; padding: 0px 10px 0px 10px; -webkit-border-radius: 10px; border-radius: 10px; text-decoration: none; font-size: 100%; }


#relatedArticles .productList { background-color: #EFF0EE; -webkit-border-radius: 27px; border-radius: 27px; padding: 20px 0px 0px 20px; margin: 0px 20px 40px 0px; }
#relatedArticles .productList .boxTitle { display: block; color: #7D816B; margin-bottom: 10px; font-size: 16pt; text-transform: uppercase; font-family: 'Oswald', 'Oswald-fallback'; }
#relatedArticles .productList a { float: left; position: relative; width: 138px; height: 220px; overflow: hidden; margin: 0px 17px 0px 0px; text-align: center; cursor: pointer; text-decoration: none; }
#relatedArticles .productList a:hover { color: rgb(181,0,12); text-decoration: underline; }
#relatedArticles .productList img { width: 138px; height: 138px; border: none; -webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .productList .title { display: block; padding: 0px 5px 0px 5px; font-weight: normal; font-size: 12pt; font-family: 'Oswald', 'Oswald-fallback'; text-decoration: none; }

#relatedArticles .navigationBottom { clear: both; padding: 40px 15px 20px 0px; text-align: center; }
#relatedArticles .navigationBottom a { display: inline-block; background-color: rgb(213,231,188); color: #878B74; padding: 5px 20px 5px 20px; text-decoration: none; -webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .navigationBottom .back { background-color: rgb(160,201,107); color: white; margin-bottom: 10px; }
#relatedArticles .navigationBottom .buy { background-color: #AA0000; font-size: 120%; color: white; margin-bottom: 10px; }
#relatedArticles .navigationBottom .previous, #relatedArticles .navigationBottom .next { min-width: 160px; }

#relatedArticles .articleDosesBox { margin-bottom: 40px; padding: 0px; -webkit-border-radius: 15px; border-radius: 15px; }
#relatedArticles .articleDosesBox .boxTitle { display: block; color: #7D816B; font-family: 'Oswald', 'Oswald-fallback'; font-size: 16pt; margin: 10px 0px 0px 5px; text-transform: uppercase; }
#relatedArticles .articleDosesBox .boxContent { width: 100%; }
#relatedArticles .articleDosesBox .boxContent .overflow { width: 100%; overflow: auto; }
#relatedArticles .articleDosesBox .item { background-color: rgb(228,229,224); padding: 5px; border: solid 1px white; vertical-align: top; text-align: center; -webkit-border-radius: 15px; border-radius: 15px; }
#relatedArticles .articleDosesBox .item .image { width: 175px !important; height: 175px !important; -webkit-border-radius: 10px; border-radius: 10px; }
#relatedArticles .articleDosesBox .item .title { display: block; padding: 0px 5px 0px 5px; font-family: 'Oswald', 'Oswald-fallback'; font-weight: normal; font-size: 12pt; line-height: 1.2em; text-decoration: none; }
#relatedArticles .articleDosesBox .item .price { display: block; padding: 0px 5px 0px 5px; color: rgb(61,73,40); font-weight: normal; font-size: 12pt; }
#relatedArticles .articleDosesBox .item .contentAmount { display: block; padding: 5px 0px 10px 0px; font-size: 10pt; line-height: 1.2em; }
#relatedArticles .articleDosesBox .item .buy { background-color: rgb(61,73,40); color: white; padding: 2px 10px 2px 10px; font-size: 10pt; font-weight: normal; text-decoration: none; text-transform: lowercase; cursor: pointer; -webkit-border-radius: 15px; border-radius: 15px; }

#articleDetail .articleText .grdArticles.tiles { margin-bottom: 40px; padding-top: 0px; background-color: rgb(234 232 216); -webkit-border-radius: 20px; border-radius: 20px; }
#articleDetail .articleText .grdArticles.tiles h3 { margin: 0px 0px 10px 0px; padding: 5px 10px 5px 20px; background-color: rgb(211 208 197); -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
#articleDetail .articleText .grdArticles.tiles a { font-weight: normal; }
#articleDetail .articleText .grdArticles.tiles .item:hover { background-color: rgb(213 207 158); }
#articleDetail .articleText .grdArticles.tiles .item .shopBlock { background-color: rgb(213 207 158); }
#articleDetail .articleText .grdArticles.tiles .linkMoreBlock { text-align: center; padding: 5px 0px 20px 0px; }
#articleDetail .articleText .grdArticles.tiles .linkMoreBlock .linkMore { display: inline-block; background-color: #AA0000; color: white; text-decoration: none; padding: 2px 10px 2px 10px; -webkit-border-radius: 20px; border-radius: 20px; }

#articleDetail.vocabulary .articleTopBlock .multimediaBlock { padding-right: 10px; }
#articleDetail.vocabulary .vocabularyTable { width: 100%; border-collapse: collapse; border: solid 1px gray; }
#articleDetail.vocabulary .vocabularyTable thead td { background-color: gray; color: white; }
#articleDetail.vocabulary .vocabularyTable tr:nth-child(even) { background-color: rgb(232,225,225) }
#articleDetail.vocabulary .vocabularyTable tr:nth-child(odd) { background: #FFF }
#articleDetail.vocabulary .vocabularyTable td { padding: 5px; border: solid 1px gray; vertical-align: top; }
#articleDetail.vocabulary .vocabularyTable tr:hover { background-color: yellow; }
#articleDetail.vocabulary .vocabularyTable td a { display: block; text-decoration: none; color: black; }

#articleDetail.article .articleTopBlock { background: none; padding: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
#articleDetail.article .articleTopBlock .articleTextBlock h1 { clear: none; }
#articleDetail.article .articleTopBlock .multimediaBlock { float: right; margin: 10px 0px 20px 20px; }
#articleDetail.article .articleTopBlock .articleTextBlock { float: none; width: auto; margin: 0px 0px 0px 10px; }
#articleDetail.article .articleTopBlock .articleTextBlock .sectionPath {  }
#articleDetail.article .articleTopBlock .articleTextBlock .articleDate { float: right; text-transform: lowercase; font-weight: normal; padding-right: 20px; }
#articleDetail.article .articleTopBlock .clear { clear: left; }
#articleDetail.article .productMainContent { margin-top: 0px; padding-top: 0px; }
#articleDetail.article .productMainContent h2.articleTitle { display: none; }

#section { padding: 0px 0px 0px 15px; }
#section h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 16pt; color: rgb(128,128,128); font-weight: normal; font-family: 'Oswald', 'Oswald-fallback'; }
#section h1 a { font-weight: normal; color: black; }

#section .sectionTitle { font-size: 24pt; font-weight: normal; color: rgb(128,125,128); font-family: 'Oswald', 'Oswald-fallback'; padding-left: 0px; margin: 0px; }
#section .sectionPerex { position: relative; line-height: 1.8em; font-size: 11pt; margin: 0px 20px 20px 0px; text-align: justify; }
#section .sectionPerex a { font-weight: bold; }
#section .sectionPerex a:hover { }
#section .sectionPerex p { padding: 0px; margin: 0px; }
#section .sectionPerex .more { display: none; }
#section .sectionPerex .perexImage { float: right; width: auto !important; height: 200px !important; margin-left: 20px; -webkit-border-radius: 10px; border-radius: 10px; }
#section .sectionSubtitle { padding: 10px; margin: 20px 20px 10px 0px; text-transform: uppercase; font-size: 12pt; font-family: 'Oswald', 'Oswald-fallback'; color: white; -webkit-border-radius: 10px; border-radius: 10px; background-color: #9EA594; }
#section #sectionView { min-height: 400px;  padding: 0px 0px 20px 0px; }
#section #sectionView .searchResultDescription { padding: 40px; text-align: center; font-weight: bold; font-size: 16pt; }

#section.largePerex .sectionPerex { line-height: 1.8em; font-size: 11pt; margin: 0px 20px 0px 0px; }
#section.largePerex .sectionPerex .perexImage { margin-left: 20px; -webkit-border-radius: 10px; border-radius: 10px; }

#section .grdMultimedia .pictureItem .perexImage { float: none; }

#section .news .buttons { text-align: center; margin: 10px 0px 20px 0px; }
#section .news .buttons .showAll { display: inline-block; background-color: #AA0000; color: white; text-decoration: none; font-size: 90%; padding: 2px 20px 2px 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#section .news .grdArticles.tiles { padding: 0px; }

#section .filter { clear: both; position: relative; padding: 0px; margin: 10px 19px 10px 0px; }
#section .filter a.active { font-weight: bold; }
#section .filter .button { display: inline; }

#section .filter .filterContent { }

#section .filter .filterBox {float: left; width: 232px; margin-right: 7px; }
#section .filter .filterBox.first { margin-left: 4px; }
#section .filter .filterBox.last { margin-right: 0px; }

#section .filter .searchBox { float: right; width: 300px; text-align: right; background-color: transparent; margin: 0px; padding: 0px 10px 0px 5px; }
#section .filter .searchBox .inputItem { background-color: white; padding: 4px 5px 2px 25px; border: none; background-image: url('/images/ico-search.svg'); background-position: 5px 50%; background-repeat: no-repeat; -webkit-border-radius: 10px; border-radius: 10px; }
#section .filter .searchBox .button { background-color: #9EA594; color: white; padding: 4px 10px 4px 10px; text-decoration: none; font-size: 8pt; text-transform: uppercase; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }
#section .filter .searchBox .button.clear { display: none; }

#section .filter .filterTitle { display: block; border: #cdd0c9 solid 1px; color: rgb(104,113,87); background-image: url('/images/arrow-down.gif'); background-position: 95% 50%; background-repeat: no-repeat; padding: 5px 10px 5px 10px; font-size: 12pt; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; }
#section .filter .filterTitle:hover { }
#section .filter .filterTitle.down { background-image: url('/images/arrow-up.gif'); }
#section .filter .filterTitle.first { margin-left: 4px; }
#section .filter .filterTitle.last { margin-right: 0px; }
#section .filter .filterTitle .counter { display: none; position: relative; top: -2px; text-align: center; background-color: #AA0000; color: white; font-weight: bold; font-size: 8pt; padding: 2px 5px 2px 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#section .filter .filterPreset { margin: 10px 0px 10px 5px; border: #cdd0c9 solid 1px; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#section .filter .filterPreset .filterPresetTitle { display: block; font-size: 8pt; }
#section .filter .filterPreset a { display: inline-block; background-color: #e5e9e1; padding: 2px 5px 2px 5px; margin: 2px 5px 2px 0px; text-decoration: none; color: rgb(104,113,87); -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#section .filter .filterPreset a.selected { background-color: #AA0000; color: white; }

#section .filter .content { display: none; position: relative; height: 300px; overflow: auto; font-size: 10pt; padding: 10px 10px 0px 10px; background-color: white; border: solid 1px #cdd0c9; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }


#section .filter .stateInput { display: block; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 20px; color: rgb(80,80,80); }
#section .filter .stateInput.none { background-image: url('/images/ico-check-none.png'); }
#section .filter .stateInput.yes { background-image: url('/images/ico-check-yes.png?v=2024'); font-weight: bold; }
#section .filter .stateInput.no { background-image: url('/images/ico-check-no.png?v=2024'); color: rgb(157,0,0); font-weight: bold; }
#section .filter .help { display: block; font-size: 12pt; color: rgb(60,66,49); padding-bottom: 10px; }

#section .filter .filterClear { text-align: right; text-decoration: underline; cursor: pointer; }

#section.searchResult { display: block; font-size: 140%; text-align: left; padding: 20px 0px 20px 0px; }
#section.searchResult .sectionsList a { float: left; width: 145px; height: 230px; overflow: hidden; margin: 0px 17px 0px 0px; text-align: center; cursor: pointer; color: rgb(80,80,80); font-size: 14pt; font-family: 'Oswald', 'Oswald-fallback'; text-decoration: none; }
#section.searchResult .sectionsList a img { width: 145px; height: 145px; border: none; -webkit-border-radius: 10px; border-radius: 10px; background-color: #9EA594; }
#section.searchResult .sectionsList a .title { display: block; line-height: normal; }
#section.searchResult .sectionsList a:hover .title { color: black; }

#section.searchResult .highlight { font-weight: bold; }

#section.searchResult .result h2 { }
#section.searchResult .result.sections .resultList { }
#section.searchResult .result.sections .resultList a { display: block; float: left; padding: 5px 10px 5px 10px; margin: 5px 5px 5px 0px; background-color: silver; text-decoration: none; color: rgb(51,51,51); -webkit-border-radius: 10px; border-radius: 10px; }
#section.searchResult .result.sections .sectionsList a { width: 80px; height: 180px; font-size: 12pt; }
#section.searchResult .result.sections .sectionsList a img { width: 80px; height: 80px; }

#section.searchResult .NotFoundImage { display: block; max-width: 90%; position: relative; z-index: 0; margin: auto; }
#section.searchResult .NotFoundText { display: block; padding: 40px 0px 40px 0px; text-align: center; font-size: 140%; line-height: 1.2em; }
#section.searchResult .NotFoundText .tip { font-size: 80%; color: rgb(81,81,81) }


#section .notFound { text-align: center; padding: 40px 0px 40px 0px; }

#section .searchBox { width: 250px; margin: auto; padding: 10px 20px 20px 20px; background-color: #848F76; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 20px; }
#section .searchBox .title { display: block; font-size: 100%; color: white; padding-bottom: 5px; }
#section .searchBox .inputItem { width: 160px; background-color: white; font-size: 12pt; padding: 4px 5px 4px 10px; border: solid 1px #9EA594; -webkit-border-radius: 20px; border-radius: 20px; }
#section .searchBox .submit { background-color: #9EA594; font-size: 12pt; color: white; padding: 4px 10px 4px 10px; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }

#section .navigation { text-align: center; }
#section .navigation a { display: inline-block; border: none; text-decoration: none; color: white; text-transform: uppercase; font-size: 130%; font-weight: normal; background-color: #3D4928; padding: 5px 20px 5px 20px; -webkit-border-radius: 50px; border-radius: 50px; font-family: 'Oswald'; }
#section .navigation .first { }
#section .navigation .last { }
#section .navigation .next { }
#section .navigation .prev { }
#section .navigation .navigationDisabled { background-color: #c2c8ba; color: #a2a99b; }
#section .navigation .navigationEnabled { background-color: #3D4928; color: white; }
#section .navigation .navigationSelectedPage { display: inline-block; border: none; text-decoration: none; color: white; text-transform: uppercase; font-size: 130%; font-weight: normal; background-color: #AA0000; padding: 5px 20px 5px 20px; -webkit-border-radius: 50px; border-radius: 50px; font-family: 'Oswald'; }

#section.selectedArticle .articleList { }
#section.selectedArticle .articleList a { display: block; float: left; width: 45%; height: 145px; overflow: hidden; margin: 0px 2.5% 20px 0px; padding: 10px; border: solid 2px #EFF0EE; -webkit-border-radius: 20px; border-radius: 20px; text-decoration: none; color: rgb(51,51,51); }
#section.selectedArticle .articleList img { float: left; width: 145px !important; height: 145px !important; -webkit-border-radius: 10px; border-radius: 10px; margin-right: 10px; }
#section.selectedArticle .articleList h3 { font-size: 14pt; margin: 0px; padding: 0px; font-family: 'Oswald', 'Oswald-fallback'; text-transform: uppercase; }
#section.selectedArticle .articleList h4 { clear: none; font-size: 10pt; margin: 0px; padding: 0px; font-weight: normal; }
#section.selectedArticle .articleList .perex { font-size: 12pt; line-height: 1.5em; }
#section.selectedArticle .articleListSectionTitle { padding: 10px; margin: 20px 20px 20px 0px; text-transform: uppercase; font-size: 12pt; font-family: 'Oswald', 'Oswald-fallback'; color: white; -webkit-border-radius: 10px; border-radius: 10px; background-color: #9EA594; }
#section.selectedArticle .articleDetail { clear: both; }
#section.selectedArticle .sectionsList { text-align: center; }
#section.selectedArticle .sectionsList a { display:inline-block; float: none; }
#section.selectedArticle .sectionSelectedFilteredBlock { padding: 15px; margin: 10px 17px 20px 0px; background-color: rgb(228,229,224); -webkit-border-radius: 20px; border-radius: 20px; }
#section.selectedArticle #articleDetail { margin: 0px; }
#section.selectedArticle #articleDetail .productMainContent { padding-left: 0px; }

#section .grdArticles .articleItem { padding: 10px 20px 10px 0px; line-height: 1.8em; font-size: 11pt; border: none; }
#section .grdArticles .articleItem .articleBlock.shop { margin: 0px 160px 0px 180px; }
#section .grdArticles .articleItem .articleBlock { margin: 0px; }
#section .grdArticles .articleItem .articleTitle { margin: 0px; padding: 0px; }
#section .grdArticles .articleItem .articleTitle a { text-transform: uppercase; text-decoration: none; font-size: 190%; font-family: 'Oswald', 'Oswald-fallback'; line-height: 1.2em; font-weight: normal; padding-bottom: 20px; }
#section .grdArticles .articleItem .articleTitle a:hover { }
#section .grdArticles .articleItem .articleDate { display: block; position: relative; text-align: right; color: silver; font-size: 100%; }
#section .grdArticles .articleItem .articlePerex { line-height: 2em; font-size: 120%; text-align: left; }
#section .grdArticles .articleItem .articlePerex p { margin: 0px; padding: 0px; }
#section .grdArticles .articleItem .articlePerex .more { float: right; margin-top: 20px; color: white; text-align: center; background-color: #9EA594; width: 100px; padding: 0px 10px 0px 10px; -webkit-border-radius: 10px; border-radius: 10px; text-transform: uppercase; text-decoration: none; font-size: 100%; font-family: 'Oswald', 'Oswald-fallback'; }
#section .grdArticles .articleItem .perexImage { float: left; padding: 7px 20px 0px 0px; margin: 0px; }
#section .grdArticles .articleItem .perexImage img { width: 350px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }
#section .grdArticles .articleItem .shopBlock { float: right; margin-top: 5px; min-width: 150px; }
#section .grdArticles .articleItem .shopBlock .articleBasket { margin-top: 10px; }
#section .grdArticles .articleItem .shopBlock .articleBasket .basketAmount { display: none; float: left; text-align: right; margin-top: 3px; }
#section .grdArticles .articleItem .shopBlock .articleBasket .button { float: left; }
#section .grdArticles .articleItem .shopBlock .priceShop { font-weight: normal; font-size: 110%; color: rgb(181,0,12); }
#section .grdArticles .articleItem .shopBlock .priceShop .value { font-size: 120%; font-weight: bold; }
#section .grdArticles .articleItem .shopBlock .priceShop .priceUsual { display: block; font-weight: normal; color: black; font-size: 90%; }
#section .grdArticles .articleItem .shopBlock .priceShop .priceUsual .value { font-size: 100%; font-weight: normal; }
#section .grdArticles .articleItem .border { border-bottom: dotted 1px gray; padding: 0px 0px 40px 0px; }

.grdArticles.tiles { border-collapse: collapse; padding-top: 20px; line-height: 1.5em; }
.grdArticles.tiles .item { float: left; position: relative; width: 220px; height: 355px; padding: 10px; overflow: hidden; margin: 0px 0px 0px 0px; text-align: center; cursor: pointer; -webkit-border-radius: 10px; border-radius: 10px; }
.grdArticles.tiles .item:hover { background-color: rgb(234 232 216); }
.grdArticles.tiles .item.inBasket .inserted { display: block; }
.grdArticles.tiles .item a { text-decoration: none; }
.grdArticles.tiles .item p { padding: 0px; margin: 0px; }
.grdArticles.tiles .item .articleDate { display: block; color: #969696; font-size: 8pt; }
.grdArticles.tiles .item img { width: 170px !important; height: 170px !important; border: none; -webkit-border-radius: 10px; border-radius: 10px; }
.grdArticles.tiles .item .info { display: none; position: absolute; top: 100px; left: 100px; z-index: 99; }
.grdArticles.tiles .item .inserted { display: none; position: absolute; top: 100px; left: 13px; z-index: 99; }
.grdArticles.tiles .item .t { display: block; padding: 5px 5px 5px 5px; font-size: 14pt; font-family: 'Oswald', 'Oswald-fallback'; text-transform: uppercase; text-decoration: none; }
.grdArticles.tiles .item .subtitle { display: block; color: black; }
.grdArticles.tiles .item .p { display: block; color: black; font-size: 11pt; line-height: 1.4em; }
.grdArticles.tiles .item .shopBlock { position: absolute; width: 220px; bottom: 0px; right: 10px; display: none; padding: 25px 0px 10px 0px; text-align: center; background-color: rgb(234 232 216); }
.grdArticles.tiles .item .shopBlock a { text-decoration: none; }
.grdArticles.tiles .item .shopBlock a:hover { color: white; }
.grdArticles.tiles .item .shopBlock .pV { display: inline-block; width: 70px; color: white; text-align: center; background-color: #858b7a; line-height: 1.4em; font-size: 11pt; margin: 0px 1px 0px 1px; padding: 5px 0px 0px 0px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.grdArticles.tiles .item .shopBlock .pV:hover { background-color: #89917B; }
.grdArticles.tiles .item .shopBlock .pV .p { display: block; font-size: 12pt; font-weight: bold; color: white; }
.grdArticles.tiles .item .shopBlock .pV .p small { font-weight: normal; font-size: 80%; }
.grdArticles.tiles .item .shopBlock .pV .buy { display: block; width: auto; background-color: #AA0000; font-size: 9pt; margin: 3px auto 0px auto; padding: 2px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.grdArticles.tiles .item .shopBlock .pV:hover .buy { background-color: rgb(89,107,58); }
.grdArticles.tiles .item .shopBlock .pV.c { line-height: 1.48em;}
.grdArticles.tiles .item .shopBlock .element { float: left; }
.grdArticles.tiles .item .shopBlock .label { text-align: left; }
.grdArticles.tiles .item .shopBlock .amount { width: 30px; text-align: right; }
.grdArticles.tiles .item .shopBlock .variants { width: 100px; margin-right: 22px; }
.grdArticles.tiles .item .shopBlock .basket { clear: left; padding-top: 10px; }
.grdArticles.tiles .item .shopBlock .price { text-align: left; font-size: 12pt; color: #836F4C; }

#section .shopBlock .button { float: right; padding: 2px 5px 2px 5px; }

.grdArticles.tiles .item:hover .section { color: black; }
.grdArticles.tiles .item:hover .title, .grdArticles.tiles .item:hover .subtitle { text-decoration: underline; color: #AA0000; }
.grdArticles.tiles .item:hover .shopBlock, .grdArticles.tiles .item:hover .info { display: block; }
.grdArticles.tiles .relatedArticles { clear: both; padding-top: 10px; }
.grdArticles.tiles.articleDetail { padding-top: 10px; }

#section .sectionSubtitle { margin: 5px 17px 20px 3px; }
#section .sectionsList { }
#section .sectionsList a { display: block; float: left; width: 220px; height: 220px; overflow: hidden; margin: 0px 0px 0px 0px; padding-right: 0px; padding: 10px; text-decoration: none; text-align: center;}
#section .sectionsList a img { width: 170px; height: 170px; -webkit-border-radius: 10px; border-radius: 10px; }
#section .sectionsList a .title { display: block; color: black; font-size: 14pt; font-family: 'Oswald', 'Oswald-fallback'; }

#section .radyRecepty .grdArticles.tiles .item { height: 240px; }

#section.ListIndex { }
#section.ListIndex .articleListAlphabet { padding: 10px; }
#section.ListIndex .articleListAlphabet a { display: inline-block; width: 26px; height: 26px; text-align: center; padding: 1px; margin: 2px; font-weight: normal; text-decoration: none; color: white;  background-color: rgb(96,95,63); -webkit-border-radius: 20px; border-radius: 20px; }
#section.ListIndex .articleListSimple { padding: 20px 30px 20px 10px; }
#section.ListIndex .articleListSimple .sectionHeader { font-size: 36pt; text-decoration: none; font-weight: bold; border-bottom: solid 1px gray; padding-bottom: 10px; margin: 40px 0px 20px 0px; }
#section.ListIndex .articleListSimple .sectionHeader a:hover { color: WindowText; text-decoration: none; }
#section.ListIndex .articleListSimple .sectionHeader .top { float: right; font-size: 10pt; text-decoration: none; }
#section.ListIndex .articleListSimple .item { margin-bottom: 15px; }
#section.ListIndex .articleListSimple .item .title { font-size: 16pt; font-family: 'Oswald', 'Oswald-fallback'; padding-bottom: 5px;}

#section.memberProfile { }
#section.memberProfile h1 { font-size: 24pt; font-weight: normal; color: #BBBDB0; padding-top: 20px; }
#section.memberProfile h2 { text-align: left; text-transform: uppercase; font-weight: bold; font-size: 12pt; font-family: inherit; padding: 5px 0px 0px 0px; margin: 40px 20px 0px 0px; color: rgb(103,113,87); border-bottom: solid 1px rgb(103,113,87); }
#section.memberProfile .contentBox.orderList { padding: 0px 0px 20px 0px; }
#section.memberProfile .contentBox.orderList .orderHeader { font-weight: normal; font-size: 11pt; background-color: rgb(228,229,224); margin: 15px 20px 0px 0px; padding: 5px 5px 5px 10px; -webkit-border-radius: 20px; border-radius: 20px; }
#section.memberProfile .contentBox.orderList .orderHeader .date { float: left; width: 150px; font-weight: bold; }
#section.memberProfile .contentBox.orderList .orderHeader .status { float: left; font-weight: normal; }
#section.memberProfile .contentBox.orderList .orderHeader .order { float: right; padding-right: 10px; font-size: 9pt; color: rgb(80,80,80); }
#section.memberProfile .contentBox.orderList .noRecords { padding: 10px 0px 0px 10px; }
#section.memberProfile .contentBox.address { padding: 10px; margin-bottom: 40px; font-weight: bold; }
#section.memberProfile .contentBox.address .value { display: block; font-size: 12pt; padding: 2px 5px 2px 5px; }
#section.memberProfile .contentBox.address .buttons .button { float: left; background-color: #9EA594; color: white; margin-right: 20px; padding: 5px 20px 5px 20px; text-decoration: none; font-size: 12pt; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }


#footer { margin-top: 20px; text-align: center; }
#footer .address { color: rgb(80,80,80); background-color: rgb(199,202,191); -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; text-align: left; line-height: 1.6em; }
#footer .address p { margin: 0px; padding: 0px; }
#footer .address h4 { margin: 0px; padding: 0px; font-weight: normal; display: inline; }
#footer .copyright { padding: 10px; font-size: 80%; }
#footer .developer a { text-decoration: none; }

#socialNetworks { text-align: center; }

#emailSubscribeForm { clear: both; background-color: #9FA594; max-width: 450px; margin: 20px auto 40px auto; padding: 10px; -webkit-border-radius: 20px; border-radius: 20px; text-align: center; }
#emailSubscribeForm .intro { display: block; padding-bottom: 20px; }
#emailSubscribeForm .inputItem { width: 200px; background-color: white; padding: 4px 10px 4px 10px; border: none; -webkit-border-radius: 20px; border-radius: 20px; }
#emailSubscribeForm .submit { background-color: #3D4928; color: white; padding: 4px 20px 4px 20px; margin-left: 10px; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }
#emailSubscribeForm .validationError { display: block; padding: 10px; color: #AA0000; }
#emailSubscribeForm .confirmMessage { color: #3D4928; font-weight: bold; }

.loginBox { }
.loginBox a { }
.loginBox table { border-collapse: collapse; }
.loginBox .title { font-weight: bold; }
.loginBox .inside { padding: 0px; }
.loginBox .lostPassword { display: block; padding-top: 5px; font-size: 90%; }
.loginBox .errorMessage { font-size: 80%; }
.loginBox .validator { display: none; }

#basketNavigation { padding: 20px 0px 40px 0px; text-align: left; }
#basketNavigation .step { float: left; width: 31%; background-color: #E4E5E0; color: #6B7360; margin-right: 12px; -webkit-border-radius: 50px; border-radius: 50px; padding: 2px; font-size: 12pt; }
#basketNavigation .step .number { float: left; width: 32px; text-align: center; background-color: #C1C6BB; padding: 5px 0px 5px 0px; font-weight: bold; color: white; -webkit-border-radius: 50px; border-radius: 50px; border: solid 2px white; }
#basketNavigation .step .text { display: block; padding: 7px 0px 0px 0px; margin-left: 40px; font-size: 13pt; }
#basketNavigation .step.selected { background-color: #9CA493; color: White; }
#basketNavigation .step.selected .number { background-color: #C1C6BB; color: White; }
#basketNavigation .step.last { margin-right: 0px; }


/* ORDERFORM COMMON START */
#orderForm { }
#orderForm .articleTitle { font-size: 100%; }
#orderForm .basketList { width: 99%; border-collapse: collapse; }
#orderForm .basketList td { padding: 2px 4px 2px 4px; }
#orderForm .basketList .header { background-color: #EEEEEE; color: #666666; }
#orderForm .basketList .header th { padding: 2px 4px 2px 4px; text-align: center; }
#orderForm .basketTotalSum { width: 99%; border-collapse: collapse; background-color: transparent; }
#orderForm .basketTotalSum td { text-align: right; font-weight: bold; padding: 2px 4px 2px 4px; }
#orderForm .basketBonus { width: 99%; border-collapse: collapse; background-color: transparent; }
#orderForm .basketBonus td { text-align: left; padding: 2px 4px 2px 4px; }
#orderForm .bonusRed { background-color: rgb(184,0,12); color: White; }
#orderForm .bonusRed a { color: #0000FF; }
#orderForm .basketButtons { padding: 20px 0px 20px 0px; text-align: center; }
#orderForm .basketButtons .button { border: none; background-color: silver; color: white; width: 180px; font-size: 12pt; font-weight: normal; padding: 10px; cursor: pointer; }
#orderForm .basketButtons .back { background-color: rgb(0,100,0); float: left; }
#orderForm .basketButtons .continue { font-weight: bold; background-color: #AA0000; float: right; }
#orderForm .basketButtons .clearBaskets { }
#orderForm .paying .basketList .selected, #orderForm .shipping .basketList .selected { font-weight: bold; }
#orderForm .paying .basketList .header, #orderForm .shipping .basketList .header { background-color: #EEEEEE; color: black; }
#orderForm .paying .basketList .header td, #orderForm .shipping .basketList .header td { border-bottom: solid 1px gray; }
#orderForm .paying .basketList .sum td, #orderForm .shipping .basketList .sum td { border-top: solid 1px silver; }
#orderForm .paying .basketList .description, #orderForm .shipping .basketList .description { margin-left: 20px; padding-top: 2px; font-size: 80%; display: block; }
#orderForm .shipping .description { margin: 0px 0px 20px 0px; padding: 5px 0px 5px 110px; background-color: rgb(239,239,236); font-style: italic; }
#orderForm .shipping .description p { padding: 0px; margin: 0px; }
#orderForm .termsOfTrade { margin: 20px 0px 20px 0px; }
#orderForm .rbAccount { cursor: pointer; }
#orderForm .rbAccountSelected { font-weight: bold; }
#orderForm .description { margin-left: 20px; padding-top: 2px; font-size: 80%; display: block; }
#orderForm .loginBox .inputItem { width: 125px; }
#orderForm .loginBox .button { font-size: 90%; margin-right: 10px; }
#orderForm fieldset { width: 525px; padding-top: 10px; }
#orderForm fieldset .inside { padding: 0px 10px 10px 10px; }
#orderForm .formContent { margin-left: 20px; }
#orderForm .formLogin { margin-left: 20px; }
#orderForm .formLogin fieldset { width: 300px; }
#customerAccountLogin, #customerAccountNew { margin: 10px 0px 20px 0px; }
#customerAccountLogin .lostPassword { float: right; }
#customerAccountLogin .basketButton { width: 130px; cursor: pointer; text-align: center; background-color: rgb(184,0,12); color: White; padding: 2px 10px 2px 10px; margin: 3px 7px; }
.orderHeaderError { color: Red; }
/* ORDERFORM COMMON END */



#orderForm { padding: 10px 15px 0px 15px; }
#orderForm fieldset { width: auto; }
#orderForm h1 { padding: 0px; }

#orderForm .tblBasket { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#orderForm .tblBasket th { padding-bottom: 5px; border-bottom: solid 4px silver; line-height: 1.2em; }
#orderForm .tblBasket th.title { text-align: left; }
#orderForm .tblBasket th.salesUnit { text-align: center; }
#orderForm .tblBasket th.amountUpDown { text-align: center; }
#orderForm .tblBasket th.price { text-align: right; }
#orderForm .tblBasket th.unitPrice { text-align: right; }
#orderForm .tblBasket th.totalPrice { text-align: right; }
#orderForm .tblBasket td { vertical-align: middle; padding: 10px 0px 8px 0px; border-bottom: solid 1px silver; font-size: 11pt; }
#orderForm .tblBasket td.image { text-align: center; width: 90px; }
#orderForm .tblBasket td.image img { float: none; margin: auto; width: 50px; height: 50px; background-color: White; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; }
#orderForm .tblBasket td.title { text-align: left; vertical-align: top; }
#orderForm .tblBasket td.title .delete { padding-top: 5px; }
#orderForm .tblBasket td.title .delete a { color: rgb(101,101,101); text-decoration: none; padding-left: 10px; background-image: url('/images/basket-delete.png'); background-position: 0px 6px; background-repeat: no-repeat; font-weight: normal; font-size: 80%; }
#orderForm .tblBasket td.title .delete a:hover { text-decoration: underline; }
#orderForm .tblBasket td.amountUpDown { text-align: center; width: 110px; }
#orderForm .tblBasket td.amountUpDown .amountCanvas { position: relative; height: 22px; padding-left: 8px; }
#orderForm .tblBasket td.amountUpDown .minus { float: left; background-image: url('/images/basket-amount-minus.png'); background-repeat: no-repeat; background-position: left center; cursor: pointer; height: 24px; width: 24px; border: solid 1px silver; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.5; }
#orderForm .tblBasket td.amountUpDown .amountLabel { float: left; display: block; background-color: White; width: 40px; text-align: center; margin: auto; padding: 3px 2px 3px 2px; font-size: 14px; }
#orderForm .tblBasket td.amountUpDown .plus { float: left; background-image: url('/images/basket-amount-plus.png'); background-repeat: no-repeat; background-position: left center; cursor: pointer; height: 24px; width: 24px; border: solid 1px silver; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.5; }
#orderForm .tblBasket tr:hover td.amountUpDown .minus { opacity: 1; }
#orderForm .tblBasket tr:hover td.amountUpDown .plus { opacity: 1; }
#orderForm .tblBasket td.salesUnit { text-align: center; white-space: nowrap; }
#orderForm .tblBasket td.unitPrice { text-align: right; width: 120px; padding-right: 20px; }
#orderForm .tblBasket td.totalPrice { text-align: right; width: 130px; padding-right: 20px; font-weight: bold; }
#orderForm .tblBasket .articleTitle { font-weight: normal; font-size: 14pt; text-decoration: none; color: #333333; }
#orderForm .tblBasket .articleTitle:hover { text-decoration: underline; }
/*#orderForm .tblBasket tr:hover { background-color: rgb(228,229,224); }
#orderForm .tblBasket tr:hover th { background-color: white; }
*/
#orderForm #tblBasketTotalSum.tblBasket td { border-top: solid 2px silver; vertical-align: top; }
#orderForm #tblBasketTotalSum.tblBasket td.title { font-weight: bold; }
#orderForm #tblBasketTotalSum.tblBasket td.title .delete { font-weight: normal; }
#orderForm #tblBasketTotalSum.tblBasket tr:hover { background-color: white; }
#orderForm #tblOrderTotalSum.tblBasket { margin: 20px 0px 20px 0px; background-color: #E5E5E5; }
#orderForm #tblOrderTotalSum.tblBasket td { border-top: solid 4px silver; vertical-align: top; font-size: 16pt; }
#orderForm #tblOrderTotalSum.tblBasket td.title { font-weight: bold; padding-left: 90px; }
#orderForm #tblOrderTotalSum.tblBasket tr:hover { background-color: white; }
#orderForm #tblOrderTotalSum.tblBasket #voucherTotal td { border-top: solid 1px silver; vertical-align: top; font-size: 10pt; }
#orderForm #tblOrderTotalSum.tblBasket #totalPayValueVoucher, #orderForm #tblOrderTotalSum.tblBasket #totalPayValueVoucherTitle { font-size: 14pt; }

#orderForm #basketTotalSumFreeShipping { padding: 0px 10px 10px 90px; }
#orderForm #basketTotalSumFreeShipping #freeShippingText { padding: 0px 0px 5px 2px; }
#orderForm #basketTotalSumFreeShipping #freeShippingProgressBar { display: block; margin-right: 80px; background-color: rgb(239,239,236); -webkit-border-radius: 20px; border-radius: 20px; }
#orderForm #basketTotalSumFreeShipping #freeShippingProgressBarValue { background-color: #3D4928; height: 5px; color: white; padding: 2px 15px 5px 0px; text-align: right; -webkit-border-radius: 20px; border-radius: 20px; }
#orderForm #basketTotalSumFreeShipping #freeShippingProgressBarLabel { float: right; margin-top: 2px; padding: 0px 20px 0px 15px; }
#orderForm #basketTotalSumFreeShipping #upSellingTip { margin: 15px 0px 0px 0px; }
#orderForm #basketTotalSumFreeShipping #upSellingTip .text { padding-bottom: 5px; font-weight: bold; }
#orderForm #basketTotalSumFreeShipping #upSellingTip .text strong { color: #AA0000; }
#orderForm #basketTotalSumFreeShipping #upSellingTip .tipItem { float: left; width: 132px; height: 120px; overflow: hidden; margin-right: 10px; text-align: center; text-decoration: none; color: black; font-size: 10pt; }
#orderForm #basketTotalSumFreeShipping #upSellingTip .tipItem .img { display: block; width: 132px; height: 80px; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; }
#orderForm #basketTotalSumFreeShipping #upSellingTip .tipItem.more .img { background-color: rgb(159,165,148); background-image: url(/images/menu/orechy.png); background-repeat: no-repeat; background-position: 50% 10px; }
#orderForm #basketTotalSumFreeShipping #upSellingTip .tipItem.more .title { display: block; padding-top: 38px; color: white; }

#orderForm .voucherBox { margin: 20px 0px 20px 0px; border-top: solid 1px silver; }
#orderForm .voucherBox #EnterVoucherBox { padding-top: 10px; }
#orderForm .voucherBox #EnterVoucherBox .btnCheckVoucher { background-color: #AA0000; color: white; padding: 5px 10px 5px 10px; font-size: 8pt; text-transform: uppercase; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }
#orderForm .voucherBox .boxContent { padding-left: 20px; }
#orderForm .voucherBox .status { display: block; max-width: 500px; padding: 5px 0px 5px 0px; font-size: 100%; font-weight: bold; }

#orderForm .shipping { margin-top: 40px; }
#orderForm .shipping .title, #orderForm .paying .title { padding: 10px 10px 10px 20px; font-weight: normal; font-size: 140%; background-color: #9CA493; color: white; }
#orderForm .shipping .tblBasket td, #orderForm .paying .tblBasket td { cursor: pointer; vertical-align: top; }
#orderForm .shipping .tblBasket td.itemTitle, #orderForm .paying .tblBasket td.itemTitle { height: 70px; padding-left: 85px; background-repeat: no-repeat; background-position: 20px 7px; font-weight: bold; }
#orderForm .shipping .tblBasket td.itemPrice, #orderForm .paying .tblBasket td.itemPrice { text-align: right; padding-right: 20px; vertical-align: top; white-space: nowrap; }
#orderForm .shipping .tblBasket .selected .naPostuValue, #orderForm .shipping .tblBasket .selected .pplPartnerValue, #orderForm .shipping .tblBasket .selected .branchValue { color: #AA0000; font-weight: bold; }
#orderForm .shipping .tblBasket .naPostuValue, #orderForm .shipping .tblBasket .pplPartnerValue, #orderForm .shipping .tblBasket .branchValue { padding-left: 20px; color: inherit; font-weight: normal; }
#orderForm .shipping .tblBasket .branchSearch { display: none; margin: 5px 0px 0px 20px; width: 160px; text-align: center; padding: 2px; color: white; border-radius: 10px; background-color: #3D4928; font-size: 9pt; font-weight: normal; }
#orderForm .shipping .tblBasket tr.shippingPickUpStore td.itemTitle { background-image: url('/images/ico-personal-pickup.png'); }
#orderForm .shipping .tblBasket tr.shippingCzechPost td.itemTitle { background-image: url('/images/ico-ceska-posta.png'); }
#orderForm .shipping .tblBasket tr.shippingPPL td.itemTitle { background-image: url('/images/ico-ppl.png'); }
#orderForm .shipping .tblBasket tr.shippingDPD td.itemTitle { background-image: url('/images/ico-dpd.png?v=2021'); }
#orderForm .shipping .tblBasket tr.shippingWEDO td.itemTitle { background-image: url('/images/ico-wedo.png'); }
#orderForm .shipping .tblBasket tr.shippingZasilkovna td.itemTitle { background-image: url('/images/ico-zasilkovna.png'); }
#orderForm .shipping .tblBasket tr.shippingUlozenka td.itemTitle { background-image: url('/images/ico-ulozenka.png'); }
#orderForm .shipping .tblBasket tr.shippingPostomat td.itemTitle { background-image: url('/images/ico-postomat.png'); }
#orderForm .shipping .tblBasket tr.shippingEmail td.itemTitle { background-image: url('/images/ico-pay-bank.png'); }

#orderForm .paying { margin-top: 20px; }
#orderForm .paying .tblBasket .payingPerex, #orderForm .shipping .tblBasket .shippingPerex { display: block; padding-left: 20px; font-size: 10pt; color: rgb(100,100,100); font-weight: normal; line-height: 1.3em; }
#orderForm .paying .tblBasket .payingPerex p, #orderForm .shipping .tblBasket .shippingPerex p { margin: 0px; padding: 0px; }
#orderForm .paying .free, #orderForm .shipping .free { color: #006600; }
#orderForm .paying .tblBasket tr.payCash td.itemTitle { background-image: url('/images/ico-pay-cash.png'); }
#orderForm .paying .tblBasket tr.payBank td.itemTitle { background-image: url('/images/ico-pay-bank.png'); }
#orderForm .paying .tblBasket tr.payCashPost td.itemTitle { background-image: url('/images/ico-pay-cash.png'); }
#orderForm .paying .tblBasket tr.payCreditCard td.itemTitle { background-image: url('/images/ico-pay-card.png'); }
#orderForm .paying .tblBasket tr.payBankOnline td.itemTitle { background-image: url('/images/ico-pay-bank.png'); }

#orderForm .selectableRow .selected td { background-color: rgb(213,216,197); }
#orderForm .selectableRow .selected td .branchSearch { display: block; }
#orderForm .basketShowVATinfo { padding: 5px 0px 0px 90px; font-style: italic; text-align: right; }
#orderForm .basketConfirmVATinfo { padding: 5px 0px 0px 0px; font-style: italic; }

#orderForm .customerBox.contact legend { background-image: url('/images/basket-contact.png'); background-position: 5px 8px; background-repeat: no-repeat; }
#orderForm .customerBox.contact legend span { margin-left: 23px; }
#orderForm .customerBox.deliveryAddress legend { background-image: url('/images/basket-address.png'); background-position: 5px 8px; background-repeat: no-repeat; }
#orderForm .customerBox.deliveryAddress legend span { margin-left: 23px; }
#orderForm .customerBox.invoice legend { background-image: url('/images/basket-company.png'); background-position: 5px 8px; background-repeat: no-repeat; }
#orderForm .customerBox.invoice legend span { margin-left: 23px; }
#orderForm .customerBox.note legend { background-image: url('/images/basket-note.png'); background-position: 5px 8px; background-repeat: no-repeat; }
#orderForm .customerBox.note legend span { margin-left: 23px; }
#orderForm .customerBox.account legend { background-image: url('/images/basket-account.png'); background-position: 5px 8px; background-repeat: no-repeat; }
#orderForm .customerBox.account legend span { margin-left: 23px; }
#orderForm .customerBox .deliveryAddressBox { }
#orderForm .customerBox .deliveryAddressBox, #orderForm .customerBox .companyBox, #orderForm .customerBox .commentaryBox { margin: 10px 20px 0px 2px; padding-top: 0px; }
#orderForm .customerBox .deliveryAddressBox .inputItem, #orderForm .customerBox .companyBox .inputItem, #orderForm .customerBox .commentaryBox .inputItem { width: 96%; }
#orderForm .customerBox .description { font-size: 90%; font-style: italic; padding-left: 8px; color: gray; }

#orderForm .basketButtons { text-align: center; }
#orderForm .basketButtons .button { -webkit-border-radius: 10px; border-radius: 10px; text-decoration: none; margin-bottom: 10px; }
#orderForm .basketButtons .back { background-color: gray; margin-right: 10px; background-image: url('/images/basket-arrow-left.png'); background-position: 8px 50%; background-repeat: no-repeat; }
#orderForm .basketButtons .continue { background-color: #AA0000; font-weight: normal; width: 260px; background-image: url('/images/basket-arrow-right.png'); background-position: 240px 50%; background-repeat: no-repeat; }
#orderForm .basketButtons .confirm { background-color: #AA0000; font-weight: normal; width: 320px; background-position: 300px 50%; }

#orderForm .errorMessage { background-color: #FFC0AE; color: #AA0000; padding: 10px; text-align: left; border: solid 2px #AA0000; -webkit-border-radius: 10px; border-radius: 10px; }
#orderForm .errorMessage ul { list-style: none; margin: 0px; padding: 0px; }
#orderForm .errorMessage ul li { padding: 5px; }

#orderForm .basketCustomerDescription { width: 400px; margin: 0px auto 20px auto; color: rgb(150,150,150); }
#orderForm .basketConfirmDescription { margin: 0px auto 20px auto; color: rgb(150,150,150); }

#orderForm .orderSentConfirmed, #orderForm .basketInfo { text-align: center; font-size: 14pt; }

#orderForm .orderSentBankInfo { max-width: 400px; background-color: rgb(232, 232, 232); margin: auto; padding: 20px; text-align: left; -webkit-border-radius: 20px; border-radius: 20px; }
#orderForm .orderSentBankInfo .label { font-size: 12pt; margin: 10px 0px 2px 6px; }
#orderForm .orderSentBankInfo .value { display: block; font-size: 16pt; font-weight: bold; padding: 5px; border: solid 1px silver; -webkit-border-radius: 10px; border-radius: 10px; }
#orderForm .orderSentBankInfo .qrCode { margin: 20px; text-align: center; }
#orderForm .orderSentBankInfo .qrCode img { -webkit-border-radius: 20px; border-radius: 20px; }
#orderForm .orderSentBankInfo .qrCode .label { padding: 0px 0px 0px 0px; }
#orderForm .orderSentBankInfo .bankAccountCZ table { border-collapse: collapse; margin-bottom: 5px;}
#orderForm .orderSentBankInfo .IBANCZ { border-top: solid 1px silver; padding-left: 2px; }
#orderForm .orderSentBankInfo .IBANCZ .label { font-size: 8pt; margin: 0px; font-weight: normal; }
#orderForm .orderSentBankInfo .IBANCZ .value { border: none; padding: 0px; font-size: 10pt; }

#orderForm .basketError { color: #AA0000; padding: 20px 0px 20px 0px; text-align: center; }

#orderForm.orderConfirm { padding-bottom: 40px; }
#orderForm.orderConfirm .confirmOrderList { width: 100%; border-collapse: collapse; font-size: 110%; }
#orderForm.orderConfirm .confirmOrderList th { font-size: 12pt; font-weight: bold; color: gray; border-bottom: solid 4px silver; text-align: left; }
#orderForm.orderConfirm .confirmOrderList td { vertical-align: top; padding-top: 5px; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order { width: 100%; border-collapse: collapse; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order td { padding: 5px 0px 5px 0px; border-bottom: solid 1px silver; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order .totalPrice { text-align: right; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order tr.totalSum { border-top: solid 4px silver; font-weight: bold; font-size: 11pt; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order tr.totalSum .totalSumPrice { text-align: right; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order tr.totalSum td { border-bottom: none; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order tr.totalSum .voucher { font-weight: normal; color: green; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .order tr.paying td { border-top: solid 3px silver; }
#orderForm.orderConfirm .confirmOrderList td.orderItems .basketConfirmVATinfo { display: block; text-align: right; }
#orderForm.orderConfirm .termsOfTrade { text-align: center; display: none; }
#orderForm.orderConfirm .termsOfTrade .chkTermsOfTrade { position: relative; z-index: 99; }
#orderForm.orderConfirm .termsOfTrade label { padding-left: 5px; }
#orderForm.orderConfirm .errorValidator { display: none; }
#orderForm.orderConfirm .errorMessage { position: absolute; background-image: url('/images/arrow-draft.png'); background-repeat: no-repeat; padding: 35px 0px 0px 28px; text-align: left; background-color: transparent; border: none; }

#orderCustomer { width: 400px; margin: auto; text-align: center; }
#orderCustomer .checkbox label { padding-left: 5px; }

#orderCustomer .loggedUser { background-color: rgb(201,203,192); color: #3D4928; margin-bottom: 20px; padding: 10px; text-align: left; -webkit-border-radius: 10px; border-radius: 10px; }
#orderCustomer .loggedUser .logOut { float: right; }
#orderCustomer .newMember { background-color: #3D4928; color: white; margin-right: 20px; padding: 5px 20px 5px 20px; text-decoration: none; font-size: 12pt; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }

#orderCustomer .customerBox { margin-bottom: 20px; padding: 0px; background-color: rgb(228,229,224); -webkit-border-radius: 10px; border-radius: 10px; }
#orderCustomer .customerBox fieldset { border: none; padding: 0px 0px 0px 0px; margin: auto; }
#orderCustomer .customerBox fieldset legend { display: block; background-color: rgb(201,203,192); width: 100%; padding: 0px; margin: 0px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px }
#orderCustomer .customerBox fieldset legend span { display: block; padding: 10px; color: #3D4928; font-size: 12pt; }
#orderCustomer .customerBox fieldset .inside { padding: 0px 0px 20px 10px; }
#orderCustomer .customerBox .inputItem { width: 90%; font-size: 10pt; padding: 5px; border: solid 2px rgb(200,200,200); -webkit-border-radius: 10px; border-radius: 10px; }
#orderCustomer .customerBox .inputItem:focus { background-color: #FEF5C2; }
#orderCustomer .customerBox .inputItem.error { border-color: #AA0000; }
#orderCustomer .customerBox .label { font-size: 10pt; color: gray; padding: 10px 0px 1px 5px; }
#orderCustomer .customerBox .label .asterisk { padding-left: 5px; }
#orderCustomer .customerBox .requiredFields { display: none; }
#orderCustomer .customerBox .checkbox { display: block; padding: 20px 0px 0px 0px; }
#orderCustomer .customerBox .errorValidator { display: none; }
#orderCustomer .customerBox .rbAccount label { padding-left: 5px; font-size: 110%; font-weight: bold; }
#orderCustomer .customerBox .rbAccount label .description { padding: 0px 0px 0px 5px; font-size: 90%; font-weight: normal; }
#orderCustomer .customerBox .newRegistrationBox { padding-left: 22px; }
#orderCustomer .customerBox .basketNewRegistrationDescription { font-size: 85%; color: rgb(135,139,116); padding-left: 5px; }
#orderCustomer .customerBox .buttons .button { float: right; background-color: #AA0000; color: white; margin-right: 20px; padding: 5px 20px 5px 20px; text-decoration: none; font-size: 12pt; border: none; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; }
#orderCustomer .customerBox .buttons .lostPassword { float: left; padding-top: 8px; }

#orderForm .errorBox .error { display: block; clear: both; padding: 20px; text-align: center; font-size: 120%; font-weight: bold; }

#valSummary { text-align: left; }
#valSummary ul { }
#valSummary ul li { padding-bottom: 10px; }

#savingOrder { display: none; text-align: center; margin: 40px; }
#savingOrder .messageText { display: block; font-size: 140%; padding-bottom: 20px; }

.myOrderCustomerName { text-align: center; font-style: italic; padding: 5px 0px 10px 0px; font-size: 14pt; }

.msgBox .error { display: block; text-align: center; padding: 20px; color: #AA0000; }


/* darkove krabicky - letak Vanoce 2016 */
#darkoveKrabicky .introBanner { border: solid 1px #9EA594; border-top: none; -webkit-border-radius: 20px; border-radius: 20px; }
#darkoveKrabicky .introBanner img { width: 100%; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px }
#darkoveKrabicky .introBanner .text { padding: 0px 20px 20px 20px; }
#darkoveKrabicky .introBanner .slogan { padding: 0px 20px 20px; text-align: center; font-size: 150%; font-family: 'Oswald', 'Oswald-fallback'; color: rgb(189,29,34); }
#darkoveKrabicky .articleItem { clear: both; position: relative; border-bottom: dotted 2px silver; padding-bottom: 60px; background-repeat: no-repeat; }
#darkoveKrabicky .articleItem.odd { background-position: 400px bottom; }
#darkoveKrabicky .articleItem.even { background-position: 250px bottom; }
#darkoveKrabicky .articleItem .krabickaPrice { background-color: #3D4928; color: white; padding: 30px 20px 30px 20px; -webkit-border-radius: 100px; border-radius: 100px; font-size: 180%; font-family: 'Oswald'; position: absolute; z-index: 99999; }
#darkoveKrabicky .articleItem.odd .krabickaPrice { top: 250px; left: 300px; }
#darkoveKrabicky .articleItem.even .krabickaPrice { bottom: 20px; right: 250px; }
#darkoveKrabicky .articleItem .krabickaPerexImage { width: 400px; padding-top: 40px; }
#darkoveKrabicky .articleItem.odd .krabickaPerexImage { float: left; }
#darkoveKrabicky .articleItem.even .krabickaPerexImage { float: right; }
#darkoveKrabicky .articleItem .krabickaTitle a { text-transform: uppercase; text-decoration: none; font-size: 190%; font-family: 'Oswald', 'Oswald-fallback'; color: gray; }
#darkoveKrabicky .articleItem .krabickaTitle a .prefix { color: silver; }
#darkoveKrabicky .articleItem.odd .krabickaText { margin-left: 420px; padding-top: 40px; }
#darkoveKrabicky .articleItem.even .krabickaText { margin-right: 420px; padding-top: 40px; }
#darkoveKrabicky .articleItem .krabickaPerex { }
#darkoveKrabicky .articleItem .krabickaMoreInfo a { margin-top: 20px; color: white; padding: 10px 20px 10px 20px; -webkit-border-radius: 20px; border-radius: 20px; text-transform: uppercase; text-decoration: none; font-size: 150%; font-family: 'Oswald'; }
#darkoveKrabicky .articleItem.odd .krabickaMoreInfo a { float: right; }
#darkoveKrabicky .articleItem.even .krabickaMoreInfo a { float: left; }

#floatedBanner { position: fixed; display: none; z-index: 99999; }
#floatedBanner p { padding: 0px; margin: 0px; }


/* alertable alert / confirm plugin */
/* Modal */
.alertable { position: fixed; z-index: 9999; top: 38vh; left: calc(50% - 150px); width: 300px; background: white; border-radius: 4px; padding: 20px; margin: 0 auto; }
/* Overlay */
.alertable-overlay { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); }
/* Message */
.alertable-message { margin-bottom: 20px; }
/* Prompt */
.alertable-prompt { margin-bottom: 20px; }
.alertable-input { width: 100%; border-radius: 4px; box-shadow: none; border: solid 1px #ccc; font-family: inherit; font-size: inherit; color: inherit; padding: 6px 12px; display: block; box-sizing: border-box; margin-bottom: 10px; }
/* Button group */
.alertable-buttons { text-align: right; }
/* OK button */
.alertable-ok { background: #09d; border: solid 1px #09d; font-family: inherit; font-size: inherit; color: white; border-radius: 4px; padding: 6px 12px; margin-left: 4px; cursor: pointer; }
.alertable-ok:hover, .alertable-ok:focus, .alertable-ok:active { background-color: #08c; }
/* Cancel button */
.alertable-cancel { border: solid 1px #ddd; background: white; font-family: inherit; font-size: inherit; color: #888; border-radius: 4px; padding: 6px 12px; margin-left: 4px; cursor: pointer; }
.alertable-cancel:hover, .alertable-cancel:focus, .alertable-cancel:active { background-color: #f2f2f2; }

/*@media screen and (max-width:1700px){#page{margin:0px 350px 0px auto; }
#floatedBanner{right:0px; }
}
@media screen and (max-width:1530px){#page{margin:0px 0px 0px 10px; }
#floatedBanner{right:40px; }
}
@media screen and (max-width:1400px){#floatedBanner{right:0px; }
}
*/

@media screen and (max-width:1550px) {
    #basket { display: none; }
    #header #userInfo { right: 121px; width: 150px; }
    #header #basketMini { display: block; position: absolute; top: 0px; right: 0px; width: 120px; z-index: 99; padding: 10px; text-align: center; background-color: rgb(228,229,224); padding: 0px; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; text-align: left; }
    #header #basketMini .title { background-color: #89917B; padding: 2px 10px 2px 10px; color: white; font-size: 10pt; }
    #header #basketMini .content { padding: 10px 10px 5px 10px; text-align: center; }
    #header #basketMini #basketHeaderMiniValue { display: none; position: absolute; z-index: 9999; bottom: 10px; right: 19px; width: 30px; height: 25px; text-align: center; font-size: 14pt; font-weight: bold; background-color: rgb(61,73,40); color: white; -webkit-border-radius: 50px; border-radius: 50px; padding: 3px 0px; }
    #header #basketMini.active { background-color: #AA0000; }
    #header #basketMini.active .title { background-color: rgb(100,29,8); }
}

@media screen and (max-width:1049px) {
    .pageEnvelope { position: relative; width: 100%; margin: 0px; }
    #page { width: auto; border: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 80px auto 0px auto; padding: 80px 10px 0px 10px; }
    #header { display: none; content-visibility: auto; }
    #header #logo img { display: none; }
    #mainContent { margin: 10px 0px 0px 0px; }

    #menuTop { position: fixed; width: 100%; top: 0px; left: 0px; margin: 0px; -webkit-border-radius: 0px; border-radius: 0px; z-index: 9999; }
    #menuTop .langSwitch { font-size: 7pt; font-weight: normal; padding: 12px 7px 0px 0px; z-index: 9999; position: relative; }
    #menuTop .langSwitch img { width: 20px; margin-bottom: 3px; }
    #menuTop .langSwitch .langSwitchTextLong { display: none; }
    #menuTop .langSwitch .langSwitchTextShort { display: block; }
    #menuTop .menuContent { display: none; }
    #menuTop .menuContent ul li { float: none; }
    #menuTop .menuContent ul li a { display: block; max-width: 80%; min-height: auto; padding: 10px 10px 10px 60px; text-align: left; border: none; border-top: solid 1px silver; margin: 2px; background-position: 10px 50%; }
    #menuTop .menuContent ul li a.domu { -webkit-border-radius: 0px; border-radius: 0px; }
    #menuTop .menuContent .contacts { font-weight: bold; }
    #menuTop .menuContent ul.memberLoginMobile { display: block; }
    #menuTop .menuContent ul.memberLoginMobile li a { background-image: url('/images/menu/member.svg'); }

    #menuTop .menuNewSection #imgMenuNewSection { display: none; }
    #menuTop .menuNewSection { color: inherit; font-weight: normal; position: relative; }

    #menuSub { margin: 0px 0px 15px 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; }
    #menuSub a { border: solid 1px silver; border-top: none; margin: 0px; padding: 5px 10px 5px 10px; background-position: -1000px -1000px; }
    #menuSub a.first { -webkit-border-radius: 0px; border-radius: 0px; }

    #headerMobile { display: block; position: relative; min-height: 82px; text-align: center; }

    #headerMobile .logo { position: absolute; top: 11px; left: 55px; }

    #headerMobile #menuIco { position: absolute; top: 10px; left: 10px; width: 34px; height: 25px; text-transform: uppercase; background-color: rgb(96,95,63); background-image: url('/images/ico-menu-mobile.svg?v=2'); background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer; text-decoration: none; z-index: 10001; }
    #headerMobile #menuIco:hover { border-color: white; color: white; }

    #searchBox { display: block; position: fixed; top: 35px; left: 0px; background-color: transparent; z-index: 10000; }
    #searchBox .title { display: none; }
    #searchBox #txtSearchText { font-size: 10pt; width: 290px; padding: 5px 5px 5px 25px; -webkit-border-radius: 5px; border-radius: 5px; border: none; background-image: url('/images/ico-search.png?v=2'); background-position: 5px 50%; background-repeat: no-repeat; }
    #searchBox .submit { display: none; }

    #headerMobile #basketMobile { position: absolute; top: 10px; right: 40px; width: 45px; height: 57px; border: solid 2px white; text-align: center; text-decoration: none; color: white; -webkit-border-radius: 7px; border-radius: 7px; background-image: url('/images/ico-basket-mobile.svg?v=2'); background-position: 50% 5px; background-repeat: no-repeat; }
    #headerMobile #basketMobile #basketMobileValue { display: none; position: absolute; top: 1px; left: 8px; width: 25px; height: 25px; text-align: center; border: solid 2px white; font-weight: bold; background-color: #AA0000; color: white; -webkit-border-radius: 50px; border-radius: 50px; padding: 0px; }
    #headerMobile #basketMobile .basketMobileText { display: block; position: absolute; bottom: -2px; width: 45px; text-align: center; font-size: 10pt; text-transform: lowercase; }

    #section { padding: 0px; }
    #section .filter { margin: 0px; }
    #section .sectionTitle { padding: 0px; }

    #articleDetail .articleTopBlock .multimediaBlock { width: 45%; }
    #articleDetail .articleTopBlock .multimediaBlock .articlePerexImage { height: auto; }
    #articleDetail .articleTopBlock .articleTextBlock { width: 45%; }

    #articleDetail .articleTopBlock .articleTextBlock .prices .buyMoreSaveMoney { display: none; }

    #articleDetail .contactAddress { float: none; width: auto; }
    #articleDetail .contactMap { float: none; width: auto; padding-left: 0px; }
    #articleDetail .contactMap .map { padding-right: 0px; }
    #articleDetail .contactGallery { float: none; margin: 0px; }

    #articleDetail .articleDosesBox .item { -webkit-border-radius: 0px; border-radius: 0px; }

    #articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList { margin: auto; }
    #articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList .item { width: 23.5%; height: auto; margin: 0px 0px 1% 5px; }
    #articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList .item .multimediaHref img { width: 100%; height: auto; }

/*    .grdArticles.tiles { }
    .grdArticles.tiles .item { width: 15%; margin: 0px 1.5% 0px 0%; padding-right: 0px; height: 200px; }
    .grdArticles.tiles .item .itemBoxTitle { height: 5.5em; }
    .grdArticles.tiles .item .title { display: block; font-size: 100%; max-height: 4.5em; overflow: hidden; }
    .grdArticles.tiles .item .perexImage { width: 100%; height: auto; }
    .grdArticles.tiles .item:hover .shopBlock, .grdArticles.tiles .item:hover .info { display: none; }
*/
    /*#relatedArticles .grdArticles.tiles .item { margin-right: 10px; }
    #relatedArticles .grdArticles.tiles .item .perexImage { width: 145px; height: 145px; }
    #section.selectedArticle .articleList a { width: 45%; margin-right: 10px; }
    #relatedArticles { margin: 15px 0px 0px 0px; padding: 0px; }
    #relatedArticles .navigationBottom .previous, #relatedArticles .navigationBottom .next { min-width: initial; }
*/
    #section .sectionSubtitle { margin: 5px 17px 0px 3px; }
    #section #sectionsList { padding-left: 1.5%; padding-top: 1.5%; }
    #section #sectionsList .sectionItem { width: 15%; margin: 0px 1.5% 0px 0%; padding-right: 0px; height: auto; }
    #section #sectionsList .sectionItem .perexImage { width: 100%; height: auto; }

    #section .filter { margin-top: 10px; padding: 0px 0px 10px 10px; }
    #section .filter .filterBox { width: 48%; margin-bottom: 10px; }
    #section .filter .filterBox.first { margin-left: 0px; }
    #section .filter .filterBox.last { margin-right: 0px; }
    #section .filter .filterBox .content { height: 150px; }
    #section .filter .filterPreset { width: 95.5%; margin: 0px; }

    #articleDetail .articleText .grdArticles.tiles .item { width: 22%; }

    #orderForm { padding: 0px; }

    #darkoveKrabicky .articleItem.odd { background-position: 20% bottom; }
    #darkoveKrabicky .articleItem.even { background-position: 60% bottom; }
    #darkoveKrabicky .articleItem .krabickaTitle a { font-size: 140%; }
    #darkoveKrabicky .articleItem .krabickaPerexImage { width: 40%; }
    #darkoveKrabicky .articleItem.odd .krabickaText { margin-left: 42%; }
    #darkoveKrabicky .articleItem.even .krabickaText { margin-right: 42%; }
    #darkoveKrabicky .articleItem .krabickaPrice { font-size: 120%; padding: 12px 10px 12px 10px; }
    #darkoveKrabicky .articleItem.odd .krabickaPrice { top: 20px; bottom: auto; left: 20px; }
    #darkoveKrabicky .articleItem.even .krabickaPrice { top: 20px; bottom: auto; right: 20px; }
}

@media screen and (max-width:830px) {

    #articleDetail .articleTopBlock .multimediaBlock { float: none; width: auto; text-align: center; }
    #articleDetail .articleTopBlock .multimediaBlock .articlePerexImage { margin-top: 20px; }
    #articleDetail .articleTopBlock .multimediaBlock .articlePerexImage img { width: 100% !important; height: auto !important; }
    #articleDetail .articleTopBlock .articleTextBlock { float: none; width: auto; margin: auto; text-align: center; }
    #articleDetail .articleTopBlock .articleTextBlock h1 { text-align: center; }
    #articleDetail .articleTopBlock .articleTextBlock .prices { width: 330px; margin: auto; }

    #articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList { width: auto; background-color: #dadcda; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
    #articleDetail .articleTopBlock .multimediaBlock .multimedia .multimediaList .item { width: 100px; margin: 0px 10px 0px 0px; }

    #articleDetail.article .articleTopBlock .multimediaBlock { float: none; margin: 0px; }
    
}

@media screen and (max-width:800px) {
    #section #sectionsList .sectionItem { width: 22%; margin: 0px 3% 0px 0%; }
    #basketNavigation .step { font-size: 10pt; margin-right: 1%; }
    #section .grdArticles .articleItem .perexImage { float: none; width: 100%; height: auto; padding: 0px; margin: 0px; }
    #section .grdArticles .articleItem .perexImage img { width: 100%; height: auto; }
    #section .grdArticles .articleItem .articleDate { padding-top: 10px; }
    #section.selectedArticle .articleList a { float: none; width: auto; margin-right: 0px; }
    #section .sectionPerex { max-height: 95px; overflow: hidden; font-size: 10pt; line-height: normal; }
    #section .sectionPerex .perexImage { display: none; }
    #section .sectionPerex .more { display: block; position: absolute; bottom: 0px; left: 0px; width: 99%; background-color: white; padding: 2px; text-align: right; text-decoration: none; color: rgb(51,102,152); text-transform: lowercase; cursor: pointer; }
    #relatedArticles .grdArticles.tiles .item { width: auto; height: auto; margin-right: 20px; }
    #relatedArticles .grdArticles.tiles .item .link { position: relative; bottom: 0px; left: 0px; }

    #relatedArticles .grdArticles.list .item { text-align: center; }
    #relatedArticles .grdArticles.list .item img { float: none; margin-bottom: 10px; }
    #relatedArticles .grdArticles.list .item h3 { text-align: center; }
    #relatedArticles .grdArticles.list .item p { text-align: center; }

    #articleDetail .articleText .image { margin: auto; }
    #articleDetail .articleAttributeRecommendation { width: auto; }
    #articleDetail .alternativeNames { width: auto; }

    #articleDetail .aboutStore .aboutStorePicture { width: 100%; height: auto; float: none; margin: 10px 0px 0px 0px; }

    #articleDetail .articleText .grdArticles.tiles .item { width: 25%; margin: 0px 3% 0px 0%; }

    #orderForm .tblBasket td { vertical-align: top; }
    #orderForm .tblBasket td.image {  }
    #orderForm .tblBasket th.salesUnit { min-width: 80px; }
    #orderForm .tblBasket td.unitPrice { padding: 10px 0px 0px 0px; }
    #orderForm .tblBasket td.totalPrice { padding: 10px 10px 0px 0px; }
    #orderForm .tblBasket td.amountUpDown .amountCanvas { width: 100px; }
}

@media screen and (max-width:650px) {
    #articleDetail .articleText .image { max-width: 90%; }
    #articleDetail .articleText .imageLeft { float: none; width: 100%; margin: 0px; }
    #articleDetail .articleText .imageRight { float: none; width: 100%; margin: 0px; }
}

@media screen and (max-width:600px) {

    #articleDetail .articleAttribute { background: none; padding: 0px; }

    #articleDetail .productMainContent .articleLabel { margin-left: 0px; }

    #darkoveKrabicky .articleItem .krabickaPerexImage { width: 100%; padding-top: 20px; }
    #darkoveKrabicky .articleItem.odd .krabickaPerexImage { float: none; }
    #darkoveKrabicky .articleItem.even .krabickaPerexImage { float: none; }
    #darkoveKrabicky .articleItem.odd .krabickaText { margin-left: 0px; padding-top: 0px; }
    #darkoveKrabicky .articleItem.even .krabickaText { margin-right: 0px; padding-top: 0px; }
    #darkoveKrabicky .articleItem.odd { background-position: left bottom; }
    #darkoveKrabicky .articleItem.even { background-position: right bottom; }
    #darkoveKrabicky .introBanner .text { display: none; }
}

@media screen and (max-width:550px) {
    #section #sectionsList .sectionItem { width: 30%; }

    #orderForm .basketButtons { }
    #orderForm .basketButtons .button { float: none; }
    .sectionDescription .floatImageRight { float: none; padding: 0px 0px 20px 0px; text-align: center; }

    #articleDetail .articleText .grdArticles.tiles .item { width: 40%; margin: 0px 3% 0px 0%; }

    #section .grdArticles.tiles .item { background-color: rgb(234 232 216); margin: 20px auto 20px auto; float: none; }
    #section .grdArticles.tiles .item .shopBlock { display: block; margin: auto; }

    #orderForm .basketSentDescription img { max-width: 90% !important; height: auto !important; }

}

@media screen and (max-width:420px) {

    #section .sectionPerex { text-align: left; }

    #articleDetail { margin: 0px; }
    #articleDetail .articleTopBlock { padding: 0px 0px 10px 0px; }
    #articleDetail .articleTopBlock .multimediaBlock { width: 100%; background: none; }
    #articleDetail .articleTopBlock .multimediaBlock .articlePerexImage { }
    #articleDetail .articleTopBlock .multimediaBlock .articlePerexImage img { }

    #articleDetail.eshop .articleText { padding: 0px; }

    #articleDetail .shopBlock { width: auto; padding: 10px 0px 10px 0px; text-align: center; }
    #articleDetail .shopBlock .buyButtons { width: 310px; margin: auto; }
    #articleDetail .shopBlock .pV { width: 90px; }
    #articleDetail .shopBlock .pV .buy { width: 90px; }
    #articleDetail .shopBlock .onStock { width: auto; }
    #articleDetail .shopBlock .UnitArticlePrice { }
    #articleDetail .articleText .tableFlow { float: none; width: auto; margin: 0px; }

    #articleDetail .productMainContent .articleLabel { float: none; width: auto; padding: 10px; background-color: #EFF0EE; margin-bottom: 30px; }
    #articleDetail .productMainContent .articleLabel .labelFront { float: none; width: 35mm; margin: auto; }
    #articleDetail .productMainContent .articleLabel .articleLabelShopBox { float: none; width: auto; border-right: none; }
    #articleDetail .productMainContent .articleLabel .articleLabelDescription { margin-left: 0px; padding: 20px; font-size: 11pt; line-height: 1.5em; }

    #articleDetail .articleAttribute.equivalents .grdArticles.tiles .item { width: 30%; } 
    #articleDetail .articleAttribute.equivalents .grdArticles.tiles .item .perexImage { width: 100%; }

    #articleDetail .articleText .grdArticles.tiles .item { width: 40%; }

    #relatedArticles .grdArticles.tiles .item { height: auto; margin: 10px 0px 10px 0px; text-align: center; background-color: #EFF0EE; }
    #relatedArticles .grdArticles.tiles .item .perexImage { float: none; }
    #relatedArticles .grdArticles.tiles .item .perexImage { float: none; }


    #relatedArticles .grdArticles .boxTitle { margin: 0px; }

    #relatedArticles { padding: 0px; }

    .sectionsList a { margin: 0px 5px 0px 0px; }

    .grdArticles.tiles { padding-left: 5px; }

    #section .grdArticles .articleItem { padding-left: 5px; }
    #section .sectionPerex { margin: 0px; }
    #section .sectionSubtitle { margin-right: 0px; }

    #section .filter { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: fit-content; margin-top: 10px; padding: 0px 0px 10px 0px; background-color: white; z-index: 99999; }
    #section #sectionView .searchResultDescription { display: none; }

    #section .filter .filterBox { width: 100%; margin-bottom: 10px; }
    #section .filter .filterBox.first { margin-left: 0px; }
    #section .filter .filterBox.last { margin-right: 0px; }
    #section .filter .filterBox .content { height: 150px; }
    #section .filter .filterPreset { width: 95.5%; margin: 0px; }

    #basketNavigation .step .text { font-size: 9pt; }

    #orderCustomer { width: auto; }
    #orderForm .basketCustomerDescription { width: auto; }
    #orderForm .basketButtons .confirm { width: auto; }

    #orderForm .tblBasket th { font-size: 8pt; font-weight: normal; }
    #orderForm .tblBasket th.image { display: none; }
    #orderForm .tblBasket td { font-size: 10pt; line-height: 1.4em; }
    #orderForm .tblBasket td.image { display: none; padding-right: 5px; }
    #orderForm .tblBasket .articleTitle { font-size: 10pt; font-weight: bold; }
    #orderForm .tblBasket th.salesUnit { min-width: 50px; }
    #orderForm .tblBasket td.amountUpDown .amountLabel { width: 20px; }
    #orderForm .tblBasket td.amountUpDown .amountCanvas { width: 80px; }

    #orderForm .tblBasket td.title .delete a { background-position: 0px 3px; }

    #orderForm #basketTotalSumFreeShipping { padding-left: 0px; }
    #orderForm #basketTotalSumFreeShipping #freeShippingProgressBar { margin-right: 0px; }

    #orderForm .shipping .tblBasket tr td.itemTitle { background-position: -1000px 1px; }
    #orderForm .shipping .tblBasket td.itemTitle, #orderForm .paying .tblBasket td.itemTitle { padding-left: 0px; }
    #orderForm .paying .tblBasket tr td.itemTitle { background-position: -1000px 1px; }

    #orderForm #tblOrderTotalSum.tblBasket td.title { padding-left: 10px; }

}

@media screen and (max-width: 410px) {
    #searchBox #txtSearchText { font-size: 9pt; width: 250px; }

    #articleDetail .productMainContent .articleText .author { width: 95%; }

    body.darky #menuSub { line-height: 1.2em; background-color: #AA0000; }
    body.darky #menuSub { padding-top: 5px; }
    body.darky #menuSub a { background-position: 5px 0px; background-size: 23px 23px; display: block; padding: 2px 0px 5px 35px; text-align: left; font-size: 90%; border: none; border-bottom: solid 1px white; border-radius: 0px; -webkit-border-radius: 0px; }
    body.darky #menuSub a.darky.darkyPoukazy { border-bottom: none; }

}

@media screen and (max-width:380px) {
    #articleDetail .rightBox { width: auto !important; }
    #articleDetail .shopBlock .buyButtons { width: auto; margin-left: 7px; }
    #articleDetail .shopBlock .pV { width: 28%; }
    #articleDetail .shopBlock .pV .buy { width: 90%; }

    #relatedArticles .grdArticles.list .item { margin-right: 0px; }
    #relatedArticles .grdArticles.list .item img { width: 100% !important; margin-right: 0px; }

    #relatedArticles .productList { margin-right: 0px; }
    #relatedArticles .productList a { float: none; display: block; width: 100%; overflow: auto; }
    #relatedArticles .productList img { width: auto; height: auto; }
    #relatedArticles .productList .boxTitle { margin-bottom: 20px; }



}

@media screen and (max-width: 370px) {
    #headerMobile .logo { top: 12px; width: 205px; }
    #searchBox #txtSearchText { width: 225px; }

    #articleDetail .articleAttribute.equivalents .grdArticles.tiles .item { width: 29%; }

    #articleDetail .articleText .grdArticles.tiles .item { width: 90%; }

}

@media screen and (max-width: 320px) {
    #headerMobile .logo { width: 150px; }
    #searchBox #txtSearchText { width: 150px; }

}


/******* fancybox custom  ************/
.fancybox-bg { background-color: silver; opacity: 0.5; }
.fancybox-image, .fancybox-spaceball { -webkit-border-radius: 27px; border-radius: 27px; border: solid 20px #EFF0EE; }
.fancybox-slide--iframe .fancybox-content { -webkit-border-radius: 10px; border-radius: 10px; }
/******* fancybox end *******/

/****** autocomplete - vyhledavani *****/
.ui-autocomplete { width: 220px; _height: 300px; max-height: 300px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 10px; z-index: 9999; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
.ui-autocomplete .category { display: block; text-align: left; font-weight: normal; padding: 2px 0px 2px 6px; border-bottom: solid 1px silver; }
.ui-menu-item .perexImage { width: 30px; height: 30px; margin-right: 5px; }
.ui-menu-item { float: left; clear: left; }
.ui-menu-item td { vertical-align: middle; text-align: left; font-size: 13pt; }
.ui-menu-item .highlite { font-weight: bold; }

/***** dialogs */
.dialog { padding: 0px 8px 0px 8px; }
.dialog .header { background-color: rgb(204,204,199); color: rgb(51,51,51); padding: 5px 5px 5px 7px; -webkit-border-radius: 10px; border-radius: 10px; }
.dialog .header .title { font-size: 12pt; font-weight: normal; text-transform: uppercase; color: gray; font-family: 'Oswald', 'Oswald-fallback'; }
.dialog .header .close { float: right; padding: 1px 8px 1px 8px; background-color: gray; font-size: 12pt; font-weight: bold; color: white; -webkit-border-radius: 7px; border-radius: 7px; cursor: pointer; }
.ui-dialog { z-index: 99999; }
.ui-dialog .ui-dialog-titlebar-close { display: none; }
.ui-dialog-buttonset .ui-button { background-image: none; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px gray; padding: 5px 20px 5px 20px; }
.ui-dialog-buttonset .submitButton { background-color: #6C7461; color: white; }
.ui-dialog-buttonset .watchDogButton { background-color: #9EA594; color: white; }
/*.ui-dialog-content { background-color: silver; }
.ui-dialog .ui-dialog-content { background-color silver; }
.ui-dialog .ui-dialog-buttonpane { background-color: silver; }
.ui-widget-overlay { background-color: transparent; }
.ui-widget-content { background: silver; }*/