/* Eduard 2014 */ /* separated colors and layout */ /* nove css, ktere nasledne zustane */ /********************************************************************** * * SEPARATED LAYOUT * */ /* Base */ html,body {min-height: 100%;} body,table,input,button,select,textarea,tt {font-size: 14px; line-height: 130%; color: #333;} input {line-height: normal;} body,table, table td,input,select,textarea,tt, #left .catfilteritem .btn.loadmoreitems, #left .catfilteritem .btn.loadmoreitems input, #body.plain h2.head2, #body.plain strong.head2, #body.plain .boxhead, #haccount div.form span.btn a, #haccount div.form span.btn input {font-family: "Open Sans","Arial CE",Arial,"Helvetica CE",sans-serif;} #left #box-customtextleft strong, #body #noBFCbenefits h2, #body #BFCbenefits h2, #body .locator .lochead .right a, #body .locator .lochead strong.h4, h1, div.on.popup .original-name, body .ui-autocomplete .ui-autocomplete-more, #body h2.head2, #body #account_b2buser strong.h2, #body .userbox strong.h2, #body .account_header dl dt a, #body strong.head2, #body .boxhead, #body .basket .art_title a, #body .basket .art_desc, div#footer .footer-box, #header div.links .global a, #header div.oxid dl.box.basket .basket-amount, body .product.ondetail .h3, body .product strong.h3 {font-family: "Open Sans Condensed","Arial Narrow","Helvetica Narrow","Helvetica Condensed",sans-serif;} html[lang=jp] body * { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-style: normal !important; } /* html[lang=jp] body .product strong.h3 a {font-family: "Open Sans Condensed","Arial Narrow","Helvetica Narrow","Helvetica Condensed",sans-serif !important;} */ body {margin:0; padding:0; background-color: #ececec; background-position: center top; background-attachment: fixed;} body {/*background-image: url(//www.eduard.com/store/out/ftp/background/eduard_bkg.jpg), url(images/body_bkg.png);*/ background-repeat: no-repeat, repeat;} body.plain {background: #fff;} /* div#page {background: transparent url(images/eduard_bkg.jpg) no-repeat scroll center top;} div#page {background: transparent url(../../../ftp/background/eduard_bkg.jpg) no-repeat scroll center top;} div#page {background: transparent url(//www.eduard.com/store/out/ftp/background/eduard_bkg.jpg) no-repeat fixed center top;} */ strong.h2 {font-size: 16px; line-height: normal;} strong.h3 {} h1 {font-size: 36px; line-height: 1.1em;} h2 {font-size: 30px; line-height: 1.1em; font-weight: normal; font-weight: 300;} h3 {font-size: 25px; line-height: 1.1em; font-weight: normal;} h4 {font-size: 20px; line-height: 1.1em;} h5 {font-size: 18px; line-height: 1.1em;} img {border:0 none;} ul {padding:0 0 0 2em;} hr {margin:4px 0; height:1px; clear: both; text-align:center;background: transparent url(images/line_dotted_x.png) repeat-x 0px 0px; border: 0 none; } abbr, acronym {border-bottom: 1px dotted;} font[size]{line-height:normal;} textarea {resize:vertical;} textarea, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input.openid, input.txt, select {padding: 8px 5px; border: 1px solid #999; background-color: #fff; border-radius: 1px;} input.openid {background: #fff url(images/openid-icon-small.gif) no-repeat 6px 50% !important;} textarea, input[type="text"], input[type="email"], input[type="password"], input.openid, input.txt, select {background: #fff; border-color: #ccc; padding: 5px 5px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25); border-radius: 0;} select {/*padding: 8px 5px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px;*/} table.basket input[type="text"], .amount input {text-align: center;} input[type=password].readonly, input[type=text].readonly {background-color: #ddd;} label[for], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;} button, input[type="button"], input[type="submit"] { -webkit-appearance:none; border-radius: 0; } body.unloading *, body.loading * {cursor: wait !important;} #body .req {color: #d80012;} .recommended a, .recommended abbr {white-space: nowrap; font-style: italic;} /* Typography */ a {text-decoration: underline;} a:hover {text-decoration: none;} a[name], a[name]:hover {text-decoration: none;} .hl {} .err {border: 1px dotted #ea2d49; font-weight: bold; padding: 0 5px;} span.err {border-width:0 0 1px;display:inline-block;} .link {background: transparent url(images/arrows.png) no-repeat scroll -10px -221px; padding-left: 20px; text-decoration:none; line-height:1.4em;} .link2 {background: transparent url(images/arrows.png) no-repeat scroll 3px -32px; padding-left: 20px; text-decoration:none; line-height:1.4em;} .linkr {background-position: right -221px; padding-left: 0; padding-right: 20px;} .link:hover, .link2:hover {text-decoration: underline;} .fs12 {} .fs11 {} .nobrd {border: none !important;} .nobold {font-weight: normal !important;} th.ta_center {text-align: center !important;} th div.ta_right, th.ta_right {text-align: right !important;} .link.right, p.right, div.right, span.right {float:right;} p.left, div.left, span.left {float:left;} .clear_left {clear: left;} .clear_right {clear: right;} .clear, .clear_both {clear: both;} p {margin: 0 0 1em;} /* Forms */ form {margin-top:0px; margin-bottom:0px;} body.forgotpwd-page form { margin-bottom:10px; } #body input.liketext {background: transparent; padding: 0; margin: 0; border: 0 none; color: #333; } #body .ship-address-note {margin: 10px 0;} #left .catfilterwrap + .btn-wrap .btn-border, #body .btn-border, #body .btn.loadmoreitems .btn-border, body .product .actions .btn, #body .productstats-showall, #left .productstats-showall, #body .basket .wrapmod, #left .recommlist .btn, .box.minibasket .tocart, body .product .tocart, body .product .fromlist, #body .basket .frombasket, #body .box.compare .fromcompare, #body div.bar.prevnext .right, #body div.bar.prevnext .arrowdown, #body div.bar.prevnext .arrowright, span.btn {background: #888 url(images/button_bkgs.png) repeat-x scroll left -300px; padding: 0; height:31px; line-height:31px; display: inline-block; margin:0; outline:0; vertical-align: middle; position: relative; border-radius: 5px;} body .product .actions .btn a, #body .productstats-showall a, #left .productstats-showall a, #body .basket .wrapmod a, .box.minibasket .tocart input, body .product .tocart input, body .product .fromlist input, #body .basket .frombasket a, #body .basket .frombasket input, #body .box.compare .fromcompare input, #body div.bar.prevnext .right input, #body div.bar.prevnext .arrowdown input, #body div.bar.prevnext .arrowright input, span.btn button, span.btn input, span.btn a {background: transparent url(images/button_icons.png) no-repeat scroll right 9999px; border:0 none; height:31px; line-height:31px; outline:0; display:inline-block; padding:0 10px; text-transform: uppercase; margin:0; font-weight: normal; cursor:pointer; text-decoration: none; color: #fff; font-family: "Open Sans Condensed","Arial Narrow","Helvetica Narrow","Helvetica Condensed",sans-serif; font-weight: bold;} span.btn a {position:relative;} #body span.btn a {color: #fff; text-decoration: none;} body #body .product .enhanced span.productstats-item .productstats-title {cursor: default;} /* hover - preload */ #footer:after {content: ""; display: block; width: 0; height: 0; background: transparent url(images/button_bkgs_hover.png) no-repeat scroll 9999px 9999px; position: absolute;} /* hover */ #body .btn-border:hover, #body .btn.loadmoreitems .btn-border:hover, body .product .actions .btn:hover, #body .productstats-showall:hover, #left .productstats-showall:hover, #body .basket .wrapmod:hover, #left .recommlist .btn:hover, .box.minibasket .tocart:hover, body .product .tocart:hover, body .product .fromlist:hover, #body .basket .all-frombasket:hover, #body .box.compare .fromcompare:hover, #body div.bar.prevnext .right:hover, #body div.bar.prevnext .arrowdown:hover, #body div.bar.prevnext .arrowright:hover, span.btn:hover {background-image: url(images/button_bkgs_hover.png); box-shadow: 0 1px 5px 0 rgba(0,0,0,.2) inset;} body .product .actions .btn a:hover, #body .productstats-showall a:hover, #left .productstats-showall a:hover, #body .basket .wrapmod a:hover, .box.minibasket .tocart input:hover, body .product .tocart input:hover, body .product .fromlist input:hover, #body .basket .frombasket a:hover, #body .basket .frombasket input:hover, #body .box.compare .fromcompare input:hover, #body div.bar.prevnext .right input:hover, #body div.bar.prevnext .arrowdown input:hover, #body div.bar.prevnext .arrowright input:hover, span.btn button:hover, span.btn input:hover, span.btn a:hover {text-decoration: none;} /* specials */ #body .salinput {display: inline-block; height: 30px; line-height: 30px;} div#footer span.btn, dl.box.basket span.btn {} div#footer span.btn input, div#footer span.btn a, dl.box.basket span.btn a.btn {} .box-wrapper span.btn {clear: both; text-align: center; margin: 5px auto;} #body .basket .rubut {} #body .basket .rubut .frombasket {} #body .basket .rubut .update {} body .product.details .tocart {} body .product.details .tocart input {} span.btn-next {} span.btn-big, #body div.bar.prevnext .right, #body div.bar.prevnext .arrowdown, #body div.bar.prevnext .arrowright {background-position: left -526px; height: 52px; line-height: 52px; border: 1px solid #f58c59;} span.btn-black {background-position: left -975px; border-color: #444;} #body div.bar.prevnext .right, #body div.bar.prevnext .arrowdown, #body div.bar.prevnext .arrowright {box-shadow: 0 2px 2px 0 rgba(0,0,0,.55);} span.btn-big a, span.btn-big input, #body div.bar.prevnext .right input, #body div.bar.prevnext .arrowdown input, #body div.bar.prevnext .arrowright input {height: 52px; text-indent: 0; line-height: 52px; padding: 0 30px; font-size: 20px;} span.btn-big.btn-next a, span.btn-big.btn-next input, #body div.bar.prevnext .right input, #body div.bar.prevnext .arrowdown input, #body div.bar.prevnext .arrowright input {background-position: 98% -851px; width: auto; padding: 0 70px 0 30px;} span.btn-big.back, span.btn-big.printit {float: right; clear: left; margin: 15px 5px;} span.btn-big.printit a {background-position: 98% -2008px; padding-right: 65px;} span.btn-big.back {background-position: 0 -975px; border-color: #606060;} span.btn-big.back a {background-position: 14px -910px; padding-left: 45px;} body .product .btn.moreinfo, body .product .btn.moreinfo a {} body .product .btn.moreinfo {display: block; float: right; background-position: left -600px;} body .product .btn.moreinfo a {} body .product.productbox .btn a, body .product.productbox .btn input, body .product.productbox .tocart input {padding: 0 15px;} .box.minibasket .tocart, body .product .tocart {} .box.minibasket .tocart input, body .product .tocart input, body .product.productbox .tocart input {padding-right: 35px; background-position: right -800px;} .btn.download, .btn.download input, .btn.download a {line-height: 29px; height: 29px;} .btn.download input, .btn.download a {font-size: 15px; padding-left: 15px; padding-right: 35px; background-position: right -750px;} .btn.subscribe, .btn.subscribe input, .btn.subscribe a {} .btn.subscribe input, .btn.subscribe a {padding-right: 35px; background-position: right -698px;} #body .btn.review-reply, #body .btn.review-reply input, #body .btn.write-new-review, #body .btn.write-new-review a, #body .btn.more-videos, #body .btn.more-videos a {background-position: right -700px;} #body .btn.review-reply, #body .btn.write-new-review, #body .btn.more-videos {float: right; padding-right: 30px; margin-right: 13px;} #body .btn.review-reply input, #body .btn.write-new-review a, #body .btn.more-videos a {background-position: left -700px; padding-left: 20px; text-transform: none; font-size: 13px;} #body .locator.compare .locbody span.btn, #body table span.btn, #body .right span.btn {} #body .locator.compare .locbody span.btn input, #body table span.btn input, #body .right span.btn input {} #left .catfilter span.btn.deselect, #body .box.compare .fromcompare, body .product .fromlist, #body .basket .frombasket {background: #ed1c24; line-height: 26px; height: 26px;} #body .basket .frombasket {margin-right: 5px; width: auto;} #left .catfilter span.btn.deselect input, #body .box.compare .fromcompare input, body .product .fromlist input, #body .basket .frombasket a, #body .basket .frombasket input {padding:0 10px 0 30px; background-position: left -1593px; line-height: 26px; height: 26px;} #body .basket .frombasket a {display: block;} #body .box.compare .fromcompare {width: 121px; margin: 0 0 0 10px; clear:left; float: none;} #body .box.compare .fromcompare input {width: 121px;} .catfilter .btn.fire, .catfilter .btn.fire input, .catfilter .btn.clear, .catfilter .btn.clear input {height:26px; line-height:26px;} .catfilter .btn.fire, .catfilter .btn.clear {background-position: right -450px;} .catfilter .btn.fire input {padding-right: 40px; background-position: right -650px;} span.btn.select-insurance, span.btn.select-insurance input, #body span.btn.select-insurance, #body span.btn.select-insurance input {height:26px; line-height:26px; background-position: right -450px; font-size: 11px;} span.btn.select-insurance input, #body span.btn.select-insurance input {background-position: left -450px;} input.chbox {vertical-align:middle; margin-top: 0px;} input.chk {margin: 1px 5px 1px 0px;} input.fullsize {width: 100%;} textarea.fullsize {width: 98%;margin-bottom: 10px;} input.openid {background: #fff url(images/openid-icon-small.gif) no-repeat scroll 0 50%; padding-left:20px; width: 204px;} /* load more items */ .catfilterwrap.showmoreitems {padding: 0 0 0 5px; margin: 0 0 0 -5px;} .catfilterwrap.showmoreitems, .wrapper.showallitems, .wrapper.addmoreitems, .wrapper.showmoreitems {float: left; width: 100%;} .wrapper.showallitems, .wrapper.showmoreitems {overflow: hidden; padding: 10px; margin: -10px;} .catfilterwrap.showmoreitems, .catfiltervalues.showmoreitems, .box.showmoreitems {overflow: hidden;} .catfilterwrap.showmoreitems, .catfiltervalues.showmoreitems, .wrapper.showallitems, .box.showmoreitems, .wrapper.addmoreitems, .wrapper.showmoreitems { -webkit-transition: height .3s; -moz-transition: height .3s; -o-transition: height .3s; -ms-transition: height .3s; transition: height .3s; } #body .btn.loadmoreitems, #body .btn.loadmoreitems input {} #body .btn-border.loadpage, #left .catfilterwrap + .btn-wrap .btn.loadmoreitems .btn-border, #body .btn.loadmoreitems .btn-border {border-radius: 5px; background-position: left -800px;} #body .btn-border.loadpage {padding: 6px; background-position: left -900px;} #body .btn-border-wrap, #left .catfilterwrap + .btn-wrap .btn.loadmoreitems, #body .btn.loadmoreitems {padding: 4px; background-color: #ddd; background-position: left 9999px; box-shadow: none !important; border-radius: 7px;} #left .catfilterwrap + .btn-wrap .btn-border-wrap, #body .btn-border-wrap {padding: 12px 4px; top: 17px; position: relative;} #body .btn-border.loadpage a, #left .catfilterwrap + .btn-wrap .btn.loadmoreitems input, #body .btn.loadmoreitems input {background-position: right -1170px; padding-right: 45px;} #body .btn-border.loadpage a {height: 43px; display: block;} #left .catfilterwrap + .btn-wrap .btn.hidemoreitems input, #body .btn.hidemoreitems input {background-position: right -1950px;} #body .locator.bottom.pages, #left .catfilterwrap + .btn-wrap, #body .btn-wrap {width: 100%; text-align: center; clear: both; padding: 15px 0 10px; background: transparent url(images/line_more.png) repeat-x scroll left 15px;} #body .locator.bottom.pages {background-position: left 45px;} #body .locator.bottom.pages .loadpage {} #body .showmoreitems-btn-wrap {display: none;} #body .btn-wrap .btn.hidemoreitems {display: none;} #body .btn-wrap.hidemoreitems .btn, #body .btn-wrap.showallitems .btn, #body .btn-wrap .btn.showallitems, #body .btn-wrap .btn.hidemoreitems {display: none;} #body .btn-wrap.showallitems .btn.showallitems, #body .btn-wrap.hidemoreitems .btn.hidemoreitems {display: inline-block;} #left .catfilterwrap + .btn-wrap {padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: 5px;} #left .catfilteritem .btn.loadmoreitems, #left .catfilteritem .btn.loadmoreitems input {padding: 0; box-shadow: none !important; border-radius: 0; line-height: normal; height: auto; font-weight: normal; text-decoration: underline; font-style: italic; color: #f26522; text-transform: none;} #left .catfilteritem .btn.loadmoreitems {background: transparent; } #left .catfilteritem .btn.loadmoreitems input {background-image: url(images/arrows.png); background-position: right -319px; padding-right: 35px;} #left .catfilteritem .btn.hidemoreitems input {background-position: right -458px; padding-right: 25px; color: #333;} #left .locator.bottom.pages, #left .btn-wrap {width: 100%; clear: both;} #left .showmoreitems-btn-wrap {display: none;} #left .btn-wrap .btn.hidemoreitems {display: none;} #left .btn-wrap.hidemoreitems .btn, #left .btn-wrap.showallitems .btn, #left .btn-wrap .btn.showallitems, #left .btn-wrap .btn.hidemoreitems {display: none;} #left .btn-wrap.showallitems .btn.showallitems, #left .btn-wrap.hidemoreitems .btn.hidemoreitems {display: inline-block;} body .product .actions .btn, body .product .actions .btn a {background-position: right -100px; line-height: 27px; height: 29px;} body .product .actions .btn a {background-position: left -100px;} body .product .actions .btn.loginreq {opacity: .5;} body .product.details .actions .btn a {font-size: 12px;} body .product .actions .btn.compare, body .product .actions .btn.compare a {background-position: right -550px; line-height: 27px; height: 29px;} body .product .actions .btn.compare a {background-position: left -550px;} body .product.details .actions .btn.compare a {font-size: 12px;} #body .addmoreitems.loading, #body .addmoreitems.loading + .btn-wrap {cursor: wait !important; opacity: .6 !important;} #body .addmoreitems.loading *, #body .addmoreitems.loading + .btn-wrap * {cursor: wait !important;} #body .btn.unfoldgallery {padding: 4px; background-color: #343434; background-position: left -980px; box-shadow: none !important;} #body .btn.unfoldgallery:hover {background-color: #6d6d6d;} #body .btn.unfoldgallery input {background-position: right -1170px; padding-right: 45px;} #body .btn.foldgallery input {background-position: right -1950px;} #body .btn-big.unfoldgallery {border-color: #444;} #body .btn-big.unfoldgallery input {background-position: right -1028px; padding-right: 70px;} #body .btn-big.foldgallery input {background-position: right -2087px;} /* Tables .....*/ table {border-collapse: collapse;} th {text-align: left; padding: 0 5px 0 0; font-weight: normal;} tr.sep td, tr.sep th {background: url(images/line_dotted_horizontal.png) repeat-x bottom;} table.min_width {width:auto} tr.row_sep td hr {display:none;} tr.row_sep td div {background: transparent url(images/line_dotted_x.png) repeat-x 0px center; margin: 0; height: 15px;} /* Navigation - bars */ div.bar {vertical-align: middle;} div.bar .left {float:left;} div.bar .right {float:right;} /* Navigation - boxes */ dl.box {padding:0; margin:0; float:right; position:relative;} dl.box dt {padding: 0; font-weight:bold;} dl.box dd {margin: 0; padding: 0;} /* Navigation - menues */ ul.menue, ul.menue ul {padding:0; margin:0; list-style:none; display: block;} body table.bar.categories ul.menue.vertical li {margin:0 0 10px; white-space:nowrap; position: relative;width:220px;} ul.menue li a {line-height: 100%;} ul.menue.horizontal, ul.menue.horizontal li {float:left;} ul.menue.vertical li {float:none; height: 100%;} .dropdown {visibility: hidden; display:block; position:absolute; left:0; top:100%; padding:0; margin:0; z-index:1000; box-shadow: 3px 4px 5px 0 rgba(0,0,0,.2);} .open .dropdown {visibility: visible;} .open .dropdown li .dropdown {visibility: hidden; left: 90%; top: 5px; z-index: 1100;} .open .dropdown li:hover .dropdown {visibility: visible;} #go-to-top {position: fixed; right: 0; bottom: 100px; width: 62px; z-index: 210;} #go-to-top.pin {} #go-to-top .arrow {overflow: hidden; text-align: left; text-indent: -9999px; display: block; width: 62px; height: 62px; background: #f26522 url(images/button_icons.png) no-repeat scroll left -500px; right: 0;} #go-to-top.hide {opacity: 0;} #go-to-top.pin .arrow {} .sidebanner-wrap {position: absolute; top: 0; margin: 0;} #sidebanner-wrap-left {right: 1250px;} #sidebanner-wrap-right {left: 1000px;} .sidebanner-wrap .sidebanner {position: absolute; top: 0; margin: 14px 0 0; box-shadow: 0 10px 15px 0 rgba(0,0,0,.2);} #content.paper .sidebanner-wrap .sidebanner {margin-top: 17px;} #sidebanner-wrap-left .sidebanner {margin-right: 20px;} #sidebanner-wrap-right .sidebanner {margin-left: 20px;} .sidebanner-wrap .sidebanner p {margin: 0;} .sidebanner-wrap.pin .sidebanner {position: fixed;} /* Layout */ div#page {min-width: 480px; width: 100%; margin: 0 auto; padding: 0; position: relative;} div#page.blur { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); } div#header {clear:both; min-width: 480px; width: 100%; margin: 0 auto; position: relative; } div#header .wrapper {width: 450px; margin: 0 auto; position: relative; padding: 0;} div#content {clear:both; margin: 0 auto -10px; width: 480px; position: relative; padding: 15px 0; background-color: #fff;} div#content.basket {padding-top: 0 !important; margin-top: -17px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.4);} div#body {margin:0; padding:0; width: 100%; float: left; min-height: 450px;} div#left + div#body {} div#path {margin:0; padding:0 5px 15px; width: auto;} div#left + #body div#path {} div#left {float:left; width: 100%; margin:0; padding: 0 5px 5px; box-sizing: border-box;} div#footer {clear:both; margin:0; min-width: 480px; width: 100%;} div#footer .wrapper {width: 450px; margin: 0 auto; position: relative; padding: 30px 0;} div#content.basket div#body {padding-bottom: 20px;} div#body #left {display: none;} div#sub-body {margin:0; padding:0; width: 100%; float: left;} #body-tail {height: 10px;} /* top tooltip */ #toptooltip {clear:both; min-width: 480px; width: 100%; margin: 0 auto; padding: 10px 0; position: relative; background: #000; color: #fff; background: #333 url(images/button_bkgs.png) repeat-x scroll left -900px;} #toptooltip a {color: #fff;} #toptooltip .wrapper {width: 450px; margin: 0 auto; position: relative; padding: 0; text-align: center;} #toptooltip .close {display: block; width: 16px; height: 16px; float: right; margin: 0 0 0 10px; cursor: pointer; background: #444 url(images/button_icons.png) no-repeat scroll 2px -1748px; border: 1px solid #7a7a7a; border-radius: 3px; text-indent: -9999px; overflow: hidden;} #toptooltip p {margin: 0;} /* start top banner */ body.with-topbanner div#header {} #topbanner {clear:both; min-width: 480px; width: 100%; margin: 0 auto; padding: 0; position: relative;} #topbanner p {margin: 0;} #topbanner .content {} #topbanner.closed .content {display: none;} #topbanner .wrapper {width: 450px; margin: 0 auto; position: relative; padding: 0; overflow: hidden;} #topbanner.closed .wrapper {height: 90px;} #topbanner.opened .wrapper {height: 328px;} #topbanner .switch {display: none; background: #f36523 url(images/button_icons.png) no-repeat scroll left -500px; width: 62px; height: 52px; text-align: left; text-indent: -9999px; overflow: hidden; position: absolute; bottom: 0; right: 5px; cursor: pointer;} #topbanner .open {background-position: left -400px;} #topbanner .close {} #topbanner.closed .open, #topbanner.opened .close {display: block;} #topbanner.closed .close {} #topbanner.opened .open {} /* Blank pages, popups */ div#body.plain {min-height: 200px; height: auto !important; height: 200px; background: #fff;} /* path */ div#path {height: auto; line-height: normal; color: #888;} body.start-page div#path {display: none;} div#path .loader {} div#path .path-location {} div#path a {background: transparent url(images/arrows.png) no-repeat right -220px; padding-right: 25px; margin-right: 10px; font-size: 14px; color: #f26522; text-decoration: underline;} div#path a:hover {text-decoration: none;} div#path .loader a {} div#path a.last {background: transparent; padding-right:0; color: #888; text-decoration: none;} div#path a.dinfo {background:transparent; padding-right: 0; margin: 0;} div#path .sep {display: none;} div#path .sep.sep1 {} div#path .btn.back, div#path .btn.back a {height: 24px; line-height: 24px;} div#path .btn.back {float: left; background-position: left -700px; margin: -2px 18px 0 0;} div#path .btn.back a {background-position: left -925px; padding: 0 10px 0 40px; background-image: url(images/button_icons.png);} div#path .navigator {float: right; white-space: nowrap;} div#path .navigator .arrow {display: inline-block; width: 20px; height: 15px; overflow: hidden; text-indent: -9999px; background-position: left 9999px; margin: 2px 0 -2px; padding: 0;} div#path .navigator .arrow.l {background-position: left -183px; margin-right: 10px;} div#path .navigator .arrow.r {background-position: right -263px; margin-left: 10px;} /* + layout - header */ div#header {background: transparent url(images/header_bkg.png) repeat-x scroll center 0px; } #header div.bar {margin: 0; width: 100%; float: left; clear: both;} #header div.oxid {height: 127px;} #header div.oxid .logo {padding: 0; float: left; margin: 12px 0 0; width: 30%;} #header div.oxid .customheader {} #top_basket {margin-top: -30px; } dl.box {height: 64px; margin: 24px 0 0 15px; padding: 0; position: relative; font-size: 12px; line-height: normal; color: #999;} dl.box.basket {} dl.box.basket a.topbasketlink {color: #999; text-decoration: none; height: 64px; display: block; background: transparent url(images/basket_bkg.png) no-repeat scroll top left; width: 100px; padding: 0 0 0 77px; } dl.box.basket .pricevalue {} dl.box.basket .basket-amount {position: absolute; left: 49px; top: 15px; width: 2em; text-align: center; line-height: 1em; margin: -0.5em 0 0 -1em; color: #fff; font-weight: 300;} dl.box.basket .basket-product {display: none;} dl.box.basket .basket-quantity {} dl.box.basket .basket-totalproducts, dl.box.basket .basket-shipping {display: block; position: absolute; bottom: 19px; left: 77px; white-space: nowrap;} dl.box.basket .basket-shipping .value {} dl.box.basket .basket-shipping .type {} dl.box.basket .basket-totalproducts {font-size: 18px; font-weight: 700; color: #f26522; bottom: 35px;} /* top basket */ #top_basket {z-index: 999; padding-bottom: 19px;} #top_basket dd .toparrow {z-index: 2010; display: none; position: absolute; background: transparent url(images/top_basket_arrow.png) no-repeat 0px 0px; width: 24px; height: 17px; bottom: 0px; right: 130px;} #top_basket.open dd .toparrow {display: block;} #top_basket .extendbasket {display: none; color: #333; padding: 10px 13px 13px 23px; background-color: #eee; outline: 3px solid rgba(0,0,0,0.5); position: absolute; right: 0px; top: 83px; z-index: 2006; width: 400px; font-weight: normal;} #top_basket .extendbasket.empty {text-align: center;} #top_basket:hover .extendbasket {} dl.box.basket .extendbasket span.btn, dl.box.basket .extendbasket span.btn input {line-height: 27px; height: 27px; font-size: 12px;} dl.box.basket .extendbasket span.btn {float: right; background-position: left -350px;} dl.box.basket .extendbasket span.btn input {} dl.box.basket .extendbasket .eb_foot, dl.box.basket .extendbasket .eb_head {float: left; clear: both; width: 370px; margin: 0px 0 15px; padding: 5px 10px 5px 20px; background: transparent url(images/basket_shadow_bkg.png) repeat-x 0 bottom;} dl.box.basket .extendbasket .eb_foot {background-position: 0 top; } dl.box.basket .extendbasket .eb_foot span, dl.box.basket .extendbasket .eb_head span {font-weight: bold; font-style: italic; font-size: 14px; display: block; float: left;} dl.box.basket .extendbasket .eb_head span {white-space: nowrap;} dl.box.basket .extendbasket .eb_head .title {width: 225px;} dl.box.basket .extendbasket .eb_head .count {width: 50px;} dl.box.basket .extendbasket .eb_head .price {float: right;} dl.box.basket .extendbasket .eb_foot .totalprice {color: #f26522; float: right; font-style: normal;} dl.box.basket .extendbasket .eb_foot .totalprice span {font-style: normal;} dl.box.basket .extendbasket .listitem {font-size: 14px; float: left; width: 100%; clear: both; color: #333;} dl.box.basket .extendbasket .listitem .remove {display: block; float: left; width: 20px; height: 20px; background: transparent url(images/button_icons.png) no-repeat left -1550px; cursor: pointer;} dl.box.basket .extendbasket .listitem .remove .checkbox {position: absolute;} dl.box.basket .extendbasket .listitem .picture {display: block; float: left; text-align: center; height: 50px; width: 50px; margin-right: 10px;} dl.box.basket .extendbasket .listitem .picture img { max-width: 50px; max-height: 50px;} dl.box.basket .extendbasket .listitem a {color: #5f5e5e; display: block; float: left;} dl.box.basket .extendbasket .listitem a.arttitle {width: 170px; font-size: 14px; font-weight: bold; color: #333; text-decoration: none; } dl.box.basket .extendbasket .listitem a.arttitle:hover {text-decoration: underline; } dl.box.basket .extendbasket .listitem .artdesc {width: 170px; float: left; display: block; font-size: 12px; color: #999; font-weight: normal; } dl.box.basket .extendbasket .listitem .count {float: left; display: block; color: #333; text-transform: lowercase; } dl.box.basket .extendbasket .listitem .price {color: #333; font-weight: bold; float: right; margin-right: 8px; display: block; width: 90px; text-align: right;} dl.box.basket .extendbasket .btn.remove {float: left; background-position: left -1175px;} dl.box.basket .extendbasket .errorbox {clear: both; width: 100%; font-weight: bold; color: #d80012; padding-top: 15px; font-size: 14px; line-height: normal;} #header div.oxid .customheader em {font-style: normal;} #header div.oxid .customheader em, #header div.oxid .customheader strong {color: #19aa4b;} #header div.oxid .customheader img {vertical-align: middle;} #header div.oxid .customheader p {margin: 0;} #header div.links .customheader {float: right; height: 30px; padding: 12px 0; } #header div.links .customheader span, #header div.links .customheader td {color: #009640; font-size: 18px; font-weight: bold;} #header div.links .customheader td {padding: 5px 10px 0 0;} #header div.links .customheader td + td {padding: 5px 0px 0 0;} #header div.links .customheader p {margin: 0;} #body .shadowline {background: #fff url(images/line_sep.png) no-repeat scroll center 10px; width: 100%; height: 50px; margin: 5px auto; display: block; clear: both;} #header div.oxid dl.box.basket dd.dropdown {display: none;} body.start-page div#header {} dl.box {} dl.box dt a {padding:0; display:block;} dl.box dd ul {margin:0;} dl.box.open dt {} dl.box.open dd.dropdown {top:2em; margin-top:3px; width:150px; padding:0;} dl.box.open dd.dropdown ul li a {display:block; padding:0 5px 0 15px; line-height: 20px; text-decoration: none; background:#ddd url(images/arrows.png) 0 -50px no-repeat;} dl.box.open dd.dropdown ul li a:hover {background-position:0 -75px;} dl.box.service dd ul {padding:0} dl.box.service dd ul li {list-style: none; padding:1px 0;} dl.box.service dd ul li a {padding-left:10px; background:transparent url(images/arrows.png) 0 -100px no-repeat; text-decoration: none;} dl.box.service dd ul li a:hover {text-decoration: underline;} dl.box.account dd {line-height: 150%;} dl.box.account dd a.logout {font-weight:bold; display:block; padding:1px 2px 1px 8px; background:transparent url(images/arrows.png) -2px -247px no-repeat;} dl.box.account dd b.user {font-size: 12px;} dl.box.basket dd table {width:100%;} #header div.bar .global {float:left; display: block; width: 100%; height: 55px; position: relative;} #header div.links .customheader {display: none;} /* topmenu tree */ #header div.bar .global ul {padding: 0; margin: 0;} #header div.bar .global li {position: relative; display: block; float: left;} #header div.bar .global li a {display: block; float: left;} #header div.bar .global .eshop a, #header div.bar .global li a:hover {color: #f26522; text-decoration: none;} #header div.bar .global li + li {margin-left: 0%;} #header div.bar .global .shoparrow {border: 1px solid #ddd; border-width: 0 1px;} #header div.bar .global .shoparrow.open {border-left: 1px solid #424242;} #header div.bar .shoparrow a {background: transparent url(images/arrows_shop.png) no-repeat -5px 25px; position: relative; padding-right: 20px;} #header div.bar .shoparrow.open a, #header div.bar .global .eshop.open a, #header div.bar .shoparrow a:hover {background-position: -3px -35px; background-color: #424242; color: #fff !important; z-index: 2000;} #header div.bar .shopmenu {display: none; position: absolute; left: 0; top: 55px; margin: 0; width: 100%; padding: 0; background-color: #424242; z-index: 2000;} #header div.bar .shopmenu.open {display: block;} #header div.bar .shopmenu a {color: #fff; text-transform: none; font-size: 18px; padding: 0;} #header div.bar .shopmenu a.root {padding: 10px 0 0;} #header div.bar .shopmenu .tree {display: block; float: left; width: 96%; padding: 1.5% 1% 1.5% 3%; margin: 0; } #header div.bar .shopmenu .tree li {float: left; margin: 0 0px 0 0;} #header div.bar .shopmenu .tree1 {background-color: #4f4f4f;} #header div.bar .shopmenu .tree2 li.root {clear: both;} #header div.bar .shopmenu .tree.tags {background-color: #595959;} #header div.bar .shopmenu ul ul a {font-size: 14px; line-height: 1.2em; white-space: normal; height: auto; display: block; width: 82px; font-weight: normal; padding: 2px 10px 2px 15px; background: transparent url(images/arrows_shop.png) no-repeat 0 -93px;} #header div.bar .shopmenu ul.tree1 ul a {width: 190px;} #header div.bar .shopmenu ul.tree.tags ul a {width: 190px; } #header div.bar .shopmenu ul ul li { } #header div.bar .shopmenu ul .root .exp ul {display: none;} #header div.bar .shopmenu ul.tree li.btn {float: none; clear: both; text-align: center; padding: 10px 0; } #header div.bar .shopmenu ul.tree li.btn .btn {margin-left: -10px;} #header div.bar .shopmenu ul.tree.tags .btn a {font-weight: bold; background: transparent; height: 31px; line-height: 31px; padding: 0 20px; width: auto; text-transform: uppercase; } #header div.bar .global .bfc {} #header div.bar .global .bfc a {width: 55px; text-indent: -9999px; overflow: hidden; background: transparent url(images/bfc_topmenu.png) no-repeat scroll center;} #header div.bar .left {float:left; display: block;} #header div.bar .right {float:none; display: block;} #header div.bar .fixed {float: right; position: relative;} #header div.links {position: relative; font-size:13px; height: 55px; text-transform: uppercase;} #header div.links a {padding: 12px 5px; line-height: 31px; height: 31px; cursor: pointer; font-size: 18px; font-weight: 600; text-decoration: none; color: #444;} #header div.links a + a {margin: 0 0 0 5%;} #header div.links a:hover {text-decoration: underline;} #header div.links .fixed {position: absolute; top: -110px; right: 0; z-index: 10010;} #header div.links .fixed div.language {display: block; float: right; width: 100px; border-bottom: 1px dashed #ccc; padding-bottom: 7px; height: 12px;} #header div.links .fixed a.language {border: 0 none; padding: 0 5px 0 0; height: 12px; display: block; line-height: 12px; white-space: nowrap; color: #888; position: relative; opacity:.5;} #header div.links .fixed a + a.language {margin: 0;} #header div.links .fixed a + a + a + a.language {display: none;} #header div.links .fixed a.language img {margin:0; border: 0 none; opacity: 1; height: 18px; margin: -3px 0;} #header div.links .fixed a.language span {display: none; padding-left: 10px;} #header div.links .fixed a.language:hover {color: #444; opacity: 1;} #header div.links .fixed a.language.act {color: #f26522; opacity: 1;} #header div.links .fixed a.language:hover img, #header div.links .fixed a.language.act img {opacity: 1; border: 0 none;} #header div.links .fixed a.language.act span {} #header div.links #languages-box a.language:not(.act):not(:hover) { opacity: .6; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); /* Current draft standard */ -webkit-filter: grayscale(100%); /* New WebKit */ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6+ */ } #header div.links #languages-box.panelized a.language:last-child:after, #header div.links #languages-box.panelized a + a + a.language:after {content: ""; display: block; position: absolute; top: 3px; right: -5px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #222;} #header div.links #languages-box .language-panel {padding: 0; position: static; width: 100%; float: left;} #header div.links #languages-box.panelized.open a.language:last-child:after, #header div.links #languages-box.panelized.open a + a + a.language:after {content: none;} #header div.links #languages-box.panelized.open .language-panel {padding: 10px 13px 5px; background-color: #fff; border: 1px solid #ccc; position: absolute; top: -4px; right: 0; min-width: 72px; width: auto;} #header div.links #languages-box.panelized.open .language-panel a.language {display: block; clear: both; height: auto; padding: 0 0 5px; line-height: 24px;} #header div.links #languages-box.panelized.open .language-panel a.language img {height: 24px; vertical-align: middle;} #header div.links #languages-box.panelized.open .language-panel a.language span {display: inline-block;} #header div.bar .fixed div.currency {line-height: normal; display: inline-block; float: right; margin-right: 10px;} #header div.links a.currency {margin:0; padding:0 0 0 7px; border: 0 none; line-height: 27px; height: 27px; display: inline-block; font-size:12px; } #header div.links a.currency.sep {} #header .fixed .box-fbconnect .left {margin-right: 10px;} #header .fixed .box-fbconnect .fb_link {} #header .fixed .box-fbconnect #loggedFbUserBox .left + .left {margin-top: -4px;} #header .fixed .box-fbconnect #loggedFbUserBox .left + .left + .left {margin-top: 0;} #header div.oxid .box-small-account {height: 64px; margin: -30px 0 0 15px; padding: 0; position: relative; line-height: normal; float: right; } #header div.oxid .box-small-account .name, #header div.oxid .box-small-account .mail{display: none;} #header div.oxid .box-small-account {height: 28px; width: 192px;} #header div.oxid .box-small-account {text-align: right;} #header div.oxid .box-small-account a, #header div.oxid .box-small-account {text-transform: uppercase; color: #f26522; font-size: 12px;} #header div.oxid .box-small-account .btnwrap {position: absolute; bottom: 0; left: 15px; text-align: right;} #header div.oxid .box-small-account .btnwrap a, #header div.oxid .box-small-account .btnwrap .sep {padding: 14px 0px; position: relative; z-index: 1400;} #header div.oxid .box-small-account .btnwrap a:hover {z-index: 2009;} #header div.oxid .box-small-account .btnwrap a {margin-left: 0px; } #header div.oxid .box-small-account.loggedin .btnwrap a, #header div.oxid .box-small-account.loggedin .btnwrap .sep {padding: 0 0px; position: static;} #header div.oxid .box-small-account.loggedin .btnwrap a {margin-left: 0px; margin-right: 5px;} #header div.oxid .box-small-account .bfc-tick {position: static; float: left; margin-left: 0; margin-right: 6px;} #header div.oxid .box-small-account .name {color: #333; font-size: 14px; font-weight: bold; text-transform: none;} #header div.oxid .box-small-account .mail {color: #999; font-size: 12px; font-style: italic; text-transform: none;} #header div.links ul.menue.horizontal li a, #header div.links .fixed a, #header div.links .right a, #header div.links .left a {display: block; float: left; height: 25px; line-height: 25px; padding: 0 15px 0 0; text-transform: none; color: #444; font-size: 11px;} #header div.links .right a.active, #header div.links .left a.active {} #header div.links .fixed a {display: inline-block;} #header-compare {position: absolute; top: 25px; padding: 0 10px 0 0; background-color: #e5e5e5; font-size: 11px; right: 0; border: 1px solid #f0f0f0; border-top-width: 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); border-radius: 0 0 3px 3px;} #header-compare a {display: block; padding: 3px 20px; background-position: right -219px; color: #444; font-weight: bolder;} /* structured cms */ #header div.bar.links ul.menue.dropdown.level1 {top: 26px; left: 0px;} #header div.bar.links ul.menue a:hover {text-decoration: underline;} #header div.bar.links li.open a, #header div.bar.links li a.exp {/*text-decoration: none;*/} #header div.bar.links ul.menue.horizontal, #header div.bar.links ul.menue.horizontal li {display: inline-block; position: relative;} #header div.bar.links ul.menue.vertical {background:#e5e5e5; width: 170px; margin: -1px 0 0 -5px;} #header div.bar.links ul.menue.vertical li {float:none; display: block;position: relative;border-width: 1px 1px 0;} #header div.links .right ul.menue.vertical li a, #header div.links .left ul.menue.vertical li a, #header div.bar.links ul.menue.vertical li a {min-width:50px; text-align:left; white-space: normal; padding: 7px 10px; color:#444; border-bottom: 1px solid #fff; background: #e5e5e5; display: block;position: relative;float: none;line-height: normal;height: auto;} #header div.links .right ul.menue.vertical li a:hover, #header div.links .left ul.menue.vertical li a:hover, #header div.bar.links ul.menue.vertical li a:hover {background-color:#23a748; color: #fff;} #header div.bar.links ul.menue.vertical ul {border-top: 1px solid #fff;} #header #box-search {float: left; margin: 32px 0 0; padding: 0; clear: both;} .box-search form {float: left; background: transparent; width: 242px; height: 30px; border: 1px solid #999; border-radius: 1px; position: relative;} .box-search form p {margin: 0;} .box-search input.txt {background: transparent; border: 0 none; line-height: auto; height: 30px; padding: 0 0 0 16px; margin: 0 0 0 -1px; width: 185px; box-shadow: none;} .box-search input.txt.filled {} .box-search select {display: none;} .box-search strong.h2 {display: none;} .box-search span.btn, .box-search .btn input {padding: 0; margin: 0; height: 30px; width: 35px; overflow: hidden; text-align: left; position: absolute; top: 0; right: 0; box-shadow: none;} .box-search span.btn {background: transparent;} .box-search .btn input {text-indent: -9999px; background-position: right top;} .box-search input.txt.ui-autocomplete-loading {background: transparent url(images/autocomplete-loader.gif) no-repeat scroll right center;} input.placeholder {font-style: italic; color: #999;} input.placeholder.filled {font-style: normal; color: #333;} /* head login */ #haccount {position: absolute; /*right: 20px; top: 95px*/ right: -15px; top: 120px; width: 420px; border-radius: 0; background-color: #f26725; color: #fff; padding: 15px 30px; z-index: 10000;} #haccount .toparrow {z-index: 2010; position: absolute; background: transparent url(images/top_login_arrow.png) no-repeat 335px 0px; /*width: 29px;*/ width: 100%; height: 17px; top: -17px; right: 0px; /*right: 240px;*/} #haccount .err {width: 400px; margin: 0 auto 10px; border-color: #fff; color: #fff; text-align: center; padding: 8px; } /*#haccount:before {content: ""; position: absolute; top: -40px; right: 110px; width: 0; height: 0; border: 20px solid transparent; border-bottom: 20px solid #fff;}*/ #haccount.loggedin {} #haccount strong.head_title {font-style: italic; font-size: 16px; color: #fff; margin-bottom: 10px; float: left; clear: both;} #haccount a.link {color: #fff; background: transparent; padding: 0;} #haccount ul {padding: 0;} #haccount ul li {display: block; } #haccount div.form {margin: 0 1px; position: relative; } #haccount div.form .liwrap {position: relative; line-height: 28px; float: left; clear: both;} #haccount div.form span.btn {float: right; display: block; width: auto;} #haccount div.form span.btn + span.btn {margin-right: 5px;} #haccount div.form span.btn, #haccount div.form span.btn input, #haccount div.form span.btn a {height: 26px; line-height: 26px; font-size: 12px;} #haccount div.form span.btn {background-position: left -750px;} #haccount div.form span.btn.openid {background-position: left -1125px;} #haccount div.form span.btn.openid, #haccount div.form span.btn.openid input, #haccount div.form span.btn.openid a {color: #333;} #haccount div.form span.btn.openid input, #haccount div.form span.btn.openid a {padding-left: 25px; background-position: left -1800px; text-transform: none;} #haccount div.form span.btn a, #haccount div.form span.btn input {font-weight: normal;} #haccount div.form label {color: #333; display: block; float: left; font-size: 13px; font-weight: normal; font-style: italic; width: 70px; position: absolute; top: 1px; left: 8px; background: transparent; } #haccount div.form input.txt.filled + label {} #haccount div.form input.txt {display: block; float: left; clear: both; width: 175px; margin-bottom: 10px; padding: 5px 10px; height: 18px; line-height: 18px; border: 0 none; border-radius: 0px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.75); color: #333;} #haccount div.form input.txt.rightloginpwd {} #haccount #password-real {} #haccount #password-fake {display: none; font-style: italic;} #haccount div.form input.chk {position: relative; top: 2px;} #haccount div.form a.hallp {display: block; float: right; text-decoration: underline; color: #fff; font-size: 12px; margin-top: 10px; text-align: right;} #haccount div.form a.hallp:hover {text-decoration: none;} #haccount div.form label.rightloginkeeplogggedin {position: static; width: 90%; margin: 10px 0 5px; float: left; clear: left; color: #333; font-size: 12px; color: #fff;} #haccount div.form hr.dashed {border: 0 none; border-bottom: 2px dashed #cbcbcb; clear: both; width: 102%; margin: 10px -1% 15px; float: left; } #haccount div.form strong.h3 {display: block; clear: both; text-align: center; font-weight: normal; font-size: 15px; color: #333; margin-bottom: 10px;} #haccount div.form a.register {display: block; clear: both; text-align: center; font-size: 12px; color: #ef894b; text-decoration: underline;} #haccount div.form .loginform {display: block; float: left; width: 200px; padding-right: 20px; background: transparent url(images/line_vertical.png) repeat-y right 0px;} #haccount div.form .registerpanel {display: block; float: right; width: 180px; padding-left: 15px; color: #fff; } #haccount div.form .registerpanel .btn {float: left;} #haccount div.form .registerpanel .info {clear: both; font-size: 12px; line-height: 1.3em; height: 76px;} /* search - autocomplete */ body .ui-autocomplete.ui-widget { float: left; width: auto !important; max-width: 500px !important; min-width: 300px; border-color: #999; padding: 0; font-size: 14px; z-index: 2100 !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.2); } body .ui-autocomplete .ui-autocomplete-category {font-weight: light; color: #333; clear: both;padding: 6px 8px; font-style: italic;} body .ui-autocomplete .ui-menu-item + .ui-autocomplete-category, body .ui-autocomplete .ui-menu-item {} body .ui-autocomplete .ui-menu-item a {cursor: pointer;padding: 2px 8px;} body .ui-autocomplete .ui-menu-item.pt {} body .ui-autocomplete .ui-menu-item.pt a {line-height: 16px;height: 34px;overflow: hidden;padding: 4px 8px 0 2px;} body .ui-autocomplete .ui-menu-item.pt .autocomplete-icon {display: block;float: left;padding: 0;width: 57px;height: 34px;margin: -2px 12px 0 0; text-align: right;overflow: hidden;} body .ui-autocomplete .ui-menu-item.pt .autocomplete-icon img {max-width: 100%;max-height: 100%;} body .ui-autocomplete .ui-menu-item.pt .autocomplete-label {color: #000;} body .ui-autocomplete .ui-menu-item.pt .autocomplete-label b {} body .ui-autocomplete .ui-menu-item.pt .autocomplete-artnum {color: #000;white-space: nowrap;} body .ui-autocomplete .ui-menu-item.pt .autocomplete-desc {display: block;color: #999;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 11px;} body .ui-autocomplete .ui-autocomplete-more {text-align: center; background: #333 url(images/button_bkgs.png) repeat-x scroll left -750px; font-weight: bold; text-transform: uppercase; display: block;padding: 0; line-height: 27px; color: #eee; clear: both; cursor: pointer; border-top: 0 none; margin-top: 3px;} body .ui-autocomplete .ui-autocomplete-more:hover {color: #fff; text-decoration: underline;} body .ui-autocomplete .ui-menu-item a.ui-state-hover { font-weight: normal; margin: 0; border: 0 none; background: #eee; color: #333; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } body .ui-autocomplete .ui-menu-item a.ui-state-hover .autocomplete-label, body .ui-autocomplete .ui-menu-item a.ui-state-hover .autocomplete-artnum { color: #333; } body .ui-autocomplete .ui-menu-item a.ui-state-hover .autocomplete-desc { color: #999; } /* top navigation */ div.bar.categories {position: relative; height: 86px; background: transparent url(images/catmenu_sep.png) no-repeat scroll left top; float: left; width: 1000px; padding: 0 0 0 2px;} div.bar.categories ul.menue.horizontal {width: 1000px; display: table;} div.bar.categories a {text-align:center; line-height: 25px; text-decoration: none; display:block; padding: 5px 15px; font-weight: normal; font-size:12px; color: #fff;} div.bar.categories a .num {font-weight: normal; font-weight: 300; display: none;} div.bar.categories a.root .num {} div.bar.categories .more a.more {background: transparent url(images/arrows.png) no-repeat scroll right -366px; padding-right: 35px;} div.bar.categories a.has {} div.bar.categories .more li a, div.bar.categories li li a.has {} div.bar.categories li li a, div.bar.categories li:first-child a {} div.bar.categories li a.more {} div.bar.categories li.open a.more {} div.bar.categories a.fixed {padding: 10px 0; text-align: center;} div.bar.categories a.fixed:hover {text-decoration: none;} div.bar.categories li.open a, div.bar.categories li a.exp {text-decoration: none;} div.bar.categories li.root {background: transparent url(images/catmenu_sep.png) no-repeat scroll right top; padding: 6px 12px 0 10px; position: relative; height: 80px; display: table-cell; float: none; margin: 0; vertical-align: top;} div.bar.categories li.root:first-child {} div.bar.categories li.root.open {background-color: #d80012;} div.bar.categories li a.root {display: block; height: 80px; width: 100%; text-align: center; line-height: 15px; padding: 0;} div.bar.categories li a.root .caticon {display: block; height: 50px; width: 100%;} div.bar.categories li.more {float: none;} div.bar.categories li.more a.more {padding-top: 24px; height: 51px; font-size: 20px; text-transform: uppercase;} div.bar.categories li.more ul.menue.vertical {margin-left: 0; left: auto; right: 1px;} div.bar.categories ul.menue.horizontal ul {} div.bar.categories ul.menue.horizontal ul ul {top: 0px;} div.bar.categories ul.menue.horizontal li {position: relative;} div.bar.categories ul.menue.horizontal li li {margin-right: 0px;} div.bar.categories ul.menue.vertical {margin-left: -12px; border: 1px solid #bd0017; border-top-width: 0; border-left-color: #e2001c; left: auto;} div.bar.categories li.root:first-child ul.menue.vertical {} div.bar.categories ul.menue.vertical li {float:none; box-shadow: 2px 2px 2px rgba(100,100,100,0.4); line-height: normal; background: #d80012;} div.bar.categories ul.menue.vertical li:hover {background: #23a748;} div.bar.categories ul.menue.vertical li:hover li:hover a, div.bar.categories ul.menue.vertical li:hover a {} div.bar.categories ul.menue.vertical li:hover li a {} div.bar.categories ul.menue.vertical li a {min-width: 150px; width: 150px; width: auto !important; max-width: 250px; text-align:left; padding: 7px 10px; font-weight: bold; line-height: normal;} /* side banners */ .side-banner {border-radius: 5px 0 0 5px; position: fixed; right: -440px; top: 270px; width: 440px; height: 185px; padding: 0px 0 0px 125px; z-index: 130; background: #23a748 url(images/lekarnik_tab.png) no-repeat 0px 10px;} .side-banner:hover {right: 0;} .side-banner h3 {font-weight: bold; margin: 0 0 0px; color: #333;} .side-banner a {color: #144B79;} .side-banner a:hover {color: #333;} .side-banner-content {text-align: left; color: #333; width: 390px; min-height: 189px; height: 189px; height: auto !important; padding: 8px 25px 10px; background: #23a748; } .side-banner-content p {margin: 0 0 8px 0;} .side-banner img.photo {position: absolute; top: 20px; left: 45px;} .side-banner .name {position: absolute; top: 100px; left: 40px; font-size: 11px; width: 70px; color: #333; text-align: right;} .side-banner #chat_button {display: block; float: left; clear: both; margin: 0px 10px 10px 0; width: 100%;} .side-banner #zenbox_tab.offline {display: none !important; } .side-banner .offline, .side-banner .online {display: none; padding-left: 20px; margin: 10px 10px 10px 0px; line-height: 40px; background: transparent url(images/online.png) no-repeat 0px center; } .side-banner .offline {background-image: url(images/offline.png);} .side-banner { -webkit-transition: right .3s ease-in-out .1s; -moz-transition: right .3s ease-in-out .1s; -o-transition: right .3s ease-in-out .1s; -ms-transition: right .3s ease-in-out .1s; transition: right .3s ease-in-out .1s; } /* + layout - footer*/ a#scrolltop {background: transparent url(images/buttons.png) no-repeat right -230px; padding: 10px 32px 10px 0; float: right; font-size: 14px; text-transform: uppercase; color: #114774; position: relative; transition: bottom 1s; bottom: -40px;} a#scrolltop.showme {bottom: 0;} div#footer {position: relative; overflow: hidden; background: #222 url(images/footer_bkg.png) repeat-x scroll left top; color: #fff;} div#footer .footertext table {color: #fff;} div#footer .wrapper {} #footer {line-height: normal;} #footer a {text-decoration: none; color: #fff;} #footer a:hover {text-decoration: underline;} #footer p {margin: 0;} #footer ul.info a {padding-bottom: 0;} #footer div.bar {} #footer div.copy {font-size: 10px; } #footer div.copy a {} #footer div.copy .left {margin: 0 0 0 20px;} #footer div.copy .right {margin: 0 20px 0 0;} #footer div.shop {padding: 20px 0 0;} #footer div.shop a {} #footer .footertext {padding: 15px 0 0;} #footer .footertext a {} #footer .mobile-desktop-switch {} #footer table, #prefooter table {float: left; margin: 0; line-height: normal; width: 100%;} #footer table td, #prefooter table td {vertical-align: top; padding: 0; text-align: left;} #footer .shop table td {width: 31%; padding: 0 2% 5px 0;} #footer .footertext table td {vertical-align: middle; width: 33%;} #footer .footertext table td + td {text-align: center;} #footer .footertext table td + td + td {text-align: right;} #footer .footertext table strong.h2 {} div#footer div.copy {font-size: 12px; margin-top: 1em;} div#footer .footer-box {float: left; width: 50%; padding: 0; margin: 0 0 1em; font-size: 18px;} div#footer .footer-box.middle {width: 50%; } div#footer .footer-box.middle div.bar {float: left; width: 100%; margin: 0 0 15px;} div#footer .footer-box.footertext {width: 100%;} div#footer .footer-box strong.h2 {font-size: 24px; text-transform: uppercase; display: block; margin-bottom: 15px;} div#footer .footer-box ul {margin: 0; padding: 0; list-style: none;} div#footer .footer-box ul li {display: block; } div#footer .footer-box ul li a {background: transparent url(images/arrows.png) no-repeat scroll -10px -218px; padding-left: 30px;} div#footer .footer-box.middle .social a {margin-right: 15px;} #prefooter {clear: both; color: #fff; margin: 0; padding: 0 20px; position: relative; z-index: 10;} #prefooter p {margin: 0;} #prefooter a {text-decoration: none;} #prefooter a:hover {text-decoration: underline;} /* minibasket */ .box.minibasket .hr {height: 2px; background: transparent url(images/line_dotted_x.png) repeat-x 0px 0px;} .box.minibasket .tocart {margin-left:auto; text-align: right;display: block;} .box.minibasket .tocart input {} /* + layout - left */ #left #box-categorytree, #left .catfilter, #left ul.tree, #left div.box-wrapper {clear: both; float: left; width: 100%;} #left ul.tree {} #left .catfilter {} #left div.box-wrapper {padding-top: 45px; position: relative;} #left div.box-wrapper:before {content: ""; border-top: 1px solid #f5f5f5; position: absolute; width: 100%; height: 1px; top: 30px; right: 0;} #left .catfilter + .catfilter {margin-top: 0;} #left span.btn.mojeid {width: 155px; float: none; margin: 10px auto;} #left a {} #left div#box-categorytree strong.h2 {padding-right: 25px;} #left div#box-categorytree strong.h2.has:after {content: ""; position: absolute; background: transparent url(images/arrows.png) no-repeat scroll -3px -589px; position: absolute; right: 0; top: 50%; height: 20px; margin: -10px 0 0; width: 25px;} #left div#box-manufacturertree strong.h2 {} #left div#box-categorytree, #left div#box-vendortree, #left div#box-manufacturertree {} #left div#box-categorytree {} #left form.search {padding: 3px 0 10px;} #left .pricefilter form {padding: 10px;} #left .catfiltervalues {} #left .catfilteritem.activated {} #left .filterstock {} #left .catfilter ul.list {} #left ul.info, #left dl.news, #left div.box {padding: 15px 22px 15px 0;} #left .filterstock {padding-bottom: 10px;} #left div.box img {max-width: 100%; height: auto !important;} #left .catfilteritem .h3, #left .boxhead, #left strong.h2 {clear: both; display: block; margin:0; position: relative; font-weight: bolder; padding: 20px 0; font-size: 16px; line-height: 1.1em; font-style: italic;} #left .boxhead a, #left strong.h2 a {text-decoration: none;} #left .boxhead a:hover, #left strong.h2 a:hover {text-decoration: underline;} #left p {padding:0; margin:0; position: relative;} #left .search input.txt {width:183px; margin:0 0 10px 5px; padding:4px 0;border: 0 none;} #left .search input.txt.ui-autocomplete-loading {background: #fff url(images/autocomplete-loader.gif) no-repeat scroll right center;} #left .search select {width:220px; margin:0 0 5px;} #left .search span.btn {position: absolute; top: 2px; left: 196px; background: transparent;} #left .search span.btn input {width:20px; text-align: center; padding: 20px 0 0 0; background: transparent url(images/buttons.png) no-repeat scroll left -200px;} #left .search span.btn input {font-size: 0;} #left #box-customtextleft strong.h2 {} #left #box-customtextleft strong {} #left #box-customtextleft a {text-decoration: none;} #left #box-customtextleft a:hover {text-decoration: underline;} #left hr {margin: 3px 10px 3px 0;} #left div#box-search {background: #104774 url(images/box_search_bkg.png) no-repeat scroll -20px -20px;} #left div#box-search strong.h2 {display: none;} /* information list */ ul.info {margin:10px 0 0; padding:0;} ul.info li {list-style: none; padding: 0; margin: 0;text-align: right;} ul.info li a {display: block; padding:0 0 10px ;} /* news list */ #left dl.news {margin-bottom: 0;} dl.news dt {margin-bottom: 0; font-weight: bold; border-top: 1px solid #ccc; padding-top: 10px; line-height: normal;} dl.news dt:first-child {border-top: 0 none; padding-top: 0;} dl.news dt a {text-decoration: none;} dl.news dt a:hover {text-decoration: underline;} dl.news dd {margin: 0 0 10px 0; font-size: .9em; line-height: normal;} dl.news dd .newsitem-date, dl.news dd, dl.news dd a {text-decoration: none;} dl.news dd a:hover {text-decoration: underline;} dl.news dd .newsitem-more {display: none;} /* partners list */ #left .partners {margin: 7px 0;} #left .partners .logo {text-align: center; margin-top: 20px;} /* Navigation - tree */ #left #box-trees {clear: both; float: left; width: 100%; background: #fff url(images/left_tree_bkg.png) repeat-y scroll right top; margin: -15px -5px 0; padding: 0 5px;} #left #box-trees ul.tree {padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: -5px;} #left #box-trees ul.tree.tree2, #left #box-trees ul.tree.dummy {background: transparent url(images/left_tree_sep_white.png) repeat-x scroll left bottom;} #left #box-trees ul.tree.dummy {margin-top: 0; padding-bottom: 2px;} #left ul.tree a {} #left ul.tree a .num {color: #888; font-weight: normal; font-weight: 300;} #left .catfilter ul.list, ul.tree {margin: 10px 0 0; padding:0 0 10px; line-height: 1.1em;} ul.tree ul {padding:0; margin:0; position: relative;} #left .catfilter ul.list li, ul.tree li {padding: 0; margin:0; list-style: none;} ul.tree li li {margin: 0 0 0 10px;} #left ul.availability-filter { margin: 0; padding: 0;} #left ul.availability-filter li:last-child label, #left .singlefilter label:last-child {padding: 0 0 0 28px;} ul.tree li a {padding: 0 0 5px; display:block; position: relative;} ul.tree li a.root {font-weight: bolder; padding: 15px 0 10px;font-size: 16px; line-height: 1.1em; font-style: italic;} ul.tree li a.exp {} ul.tree li a.act {font-weight: bold;} ul.tree li a.exp.act {} #content ul.tree.tree1 a {color: #666 !important; text-decoration: none;} #content ul.tree.tree1 a:hover {text-decoration: underline;} #content ul.tree.tree1 a.root {color: #333 !important;} ul.tree.tree2 a {} ul.tree.tree2 a:hover {} #content ul.tree.tree2 a.root {color: #333 !important; text-decoration: none;} #content ul.tree.tree2 a.root:hover {text-decoration: underline;} ul.tree.tree2 li ul, ul.tree.tree2 li li, ul.tree.tree2 li li a {display: inline-block;} ul.tree.tree2 li li {margin: 0 10px 0 0;} #left ul.tree2 a.root {width: 100%; float: left; padding-bottom: 5px;} #left ul.tree2 a.root:before {content: ""; display: block; width: 60px; height: 40px; float: left; background: transparent url(images/left_tree_icons.png) no-repeat scroll left 9999px; margin: -10px 0 0;} #left ul.tree2 a.aircraft:before {background-position: -9px top; width: 50px;} #left ul.tree2 a.ships:before {background-position: left -139px;} #left ul.tree2 a.armoured:before {background-position: left -70px;} #left ul.tree2 a.cars:before {background-position: left -208px;} #left ul.tree2 ul {clear: left;} ul.tree.branche-wrap, ul.tree.branche-wrap > li {position: relative;} ul.tree.branche-wrap > li > a.root {border-radius: 5px; margin: 0; background: #444 url(images/left_tree_menu_bkg.png) repeat-x scroll left top; padding: 10px 35px 10px 15px; text-decoration: none; color: #fff;} html[lang=jp] ul.tree.branche-wrap > li > a.root {padding-right: 25px;} ul.tree.branche-wrap > li > a.root:hover {text-decoration: underline;} ul.tree ul.nav-wrap {background: #333 url(images/left_tree_menu_bkg.png) repeat-x scroll left top; clear: both; float: left; padding-bottom: 20px; margin-right: 15px; border-radius: 0 0 5px 5px; display: none;} ul.tree li li.nav-sub-wrap {margin: 0 5px;} .nav-wrap ul.tree2 li a.root {font-size: 14px; padding-bottom: 0;} #left #box-trees ul.tree ul.tree {margin: 10px -5px 0; padding: 0 5px 10px;} #left #box-trees .nav-wrap ul.tree.tree2, #left #box-trees .nav-wrap ul.tree.dummy {background-image: url(images/left_tree_sep_black.png);} #left .nav-wrap ul.tree2 a.root:before {width: 55px; height: 37px; margin: -13px 0 0;} #left .nav-wrap ul.tree2 a.aircraft:before {background-position: -82px top; } html[lang=jp] #left .nav-wrap ul.tree2 a.aircraft:before {background-position: -88px top; width: 40px;} #left .nav-wrap ul.tree2 a.ships:before {background-position: -82px -139px;} #left .nav-wrap ul.tree2 a.armoured:before {background-position: -82px -70px;} #left .nav-wrap ul.tree2 a.cars:before {background-position: -82px -208px;} #content ul.tree.tree1 a.exp, #content ul.tree.tree2 a.exp {font-weight: bolder;} #content .nav-wrap a, #content .nav-wrap ul.tree.tree2 a.root, #content .nav-wrap ul.tree.tree1 a {color: #fff !important;} #content .nav-wrap a:hover, #content .nav-wrap ul.tree.tree2 a.root:hover, #content .nav-wrap ul.tree.tree1 a:hover {color: #f26522 !important;} ul.tree.branche {} ul.tree.branche a {color: #888; text-decoration: none; padding-left: 15px; position: relative;} ul.tree.branche a:before {content: ""; position: absolute; left: 0; top: 2px; width: 10px; height: 10px; background: transparent url(images/arrows.png) no-repeat scroll 9999px 9999px;} ul.tree.branche a.has:before {background-position: left -1624px;} ul.tree.branche a.exp:before {background-position: left -1664px;} ul.tree.branche a:hover {color: #f26522; text-decoration: underline;} ul.tree.branche ul {} ul.tree.branche li {margin-left: 0;} ul.tree.branche li li {margin-left: 15px;} ul.tree.branche li a.exp, ul.tree.branche li a.act {color: #666;} ul.tree.branche li a.act {text-decoration: underline;} ul.tree.branche li a.act:hover {text-decoration: none;} ul.tree.branche.limited li.level2 {display: none;} ul.tree.branche.limited li.level2.exp, ul.tree.branche.limited li.level2.act {display: block;} ul.tree.branche.limited li a.act {font-weight: normal;} ul.tree.branche.limited li a.level2.exp, ul.tree.branche.limited li a.level2.act {font-weight: bold; text-decoration: none; padding-bottom: 13px;} ul.tree.branche.limited li a.level2:before {background-position: 9999px 9999px;} ul.tree.wired {} ul.tree.wired a {color: #444;} ul.tree.wired ul {border-left: 1px solid #888;} ul.tree.wired li {margin:0 0 0 20px;} ul.tree.wired ul:before {content: ""; display:block; width: 1px; height: 2.5em; border-left: 1px solid #888; position: absolute; left: -1px; bottom: 100%;} ul.tree.wired li:last-child > ul {border-left: 0 none;} ul.tree.wired li:last-child > ul:before {display: none;} ul.tree.wired li a {padding:5px 10px 5px 30px;} ul.tree.wired li > a:before {content: ""; display:block; width: 15px; height: 50%; border: 1px solid #888; border-width: 0 0 1px 1px; position: absolute; left: 0; top: 0;} ul.tree.wired li + li > a:before {height: 150%; top: -100%; } #left div.tagtree-button {text-align: center; padding-top: 10px; padding-bottom: 20px;} #left div.tagtree-button:before {content: none; border: 0 none;} #left .nav-wrap div.box-wrapper {border-right: 0 none; margin-left: 0; padding-bottom: 0;} .box-wrapper span.tagstree-open {background-position: left -600px;} .box-wrapper span.tagstree-open a, .box-wrapper span.tagstree-open input {padding: 0 20px;} #left div.box p {margin: 0;} #left input.fullsize {width: 116px; padding: 0;} #left div.box a.arr {text-decoration: none; padding-left: 12px; background: url(images/arrow_details.gif) no-repeat 0 3px;} #left div.box a.arr:hover {text-decoration: underline;} div#box-myaccount .link {display: block;margin-top: 5px;} #box-myaccount ul {margin: 1em 0; padding: 0; list-style: none;} #left td.inpwrap, #left td.btnwrap {text-align: right;} #left td.inpwrap input {text-align: left;} #left div.form label {width: 50px;float: left;clear: both;padding-top: 5px;} #left div.form label.rightloginkeeplogggedin {width: auto;padding-bottom: 10px;} #left div.form label.rightloginkeeplogggedin input {position: relative; top: 2px;} #left div.form input.txt {float: left;margin-bottom: 5px;width: 206px;} #left .listitem {margin: 2px 0 7px; padding-left: 75px; position: relative; min-height: 70px; height: auto !important; height: 70px; } #left .listitem .picture {position: absolute; display: block; left: 0; top: 0; text-align:center;} #left .listitem .picture {width: 70px; height: 70px; line-height: 67px; overflow:hidden; text-align: center; vertical-align: middle; background-color: #fff; border-radius: 3px;} #left .listitem .picture img {margin-top: 7px; max-height: 60px;} #left .listitem .picture span {width: 70px; height: 70px; display: table-cell; vertical-align: middle;} #left .listitem .picture span img {margin-top: 0;} #left .listitem a {text-decoration: none;} #left .listitem a.arttitle, #left .listitem a.title {font-weight: bold;} #left .listitem a.title {overflow:hidden; width:108px; display:block;} #left .listitem a:hover {text-decoration: underline;} #left .listitem tt {display: block;} #left .actions {margin: 3px 0 5px;} #left .actions a {display: block;} #left .listitem.rightlist {height:auto;} #left .listitem.rightlist.lastinlist {margin-bottom: 3px;} #left .listitem.rightlist .price {font-size: 12px; font-weight: bold; position: relative; text-align: right;} #left .listitem.rightlist .price a {font-weight: normal;} #left .listitem.rightlist .price .tocart {display: none;} #left .listitem.rightlist .price .btn {} #left .listitem.rightlist .link {background: transparent url(images/arrows.png) no-repeat scroll 0 -299px; padding-left:14px; text-decoration:none; line-height:1.1em;} #left .listitem.rightlist .link:hover {text-decoration: underline;} /* right minibasket */ #left .box.minibasket .tocart {margin-top: 5px;} #left .box.minibasket .tocart input {} #left dl.actionslist {margin-bottom: 5px;} #left dl.actionslist dt {background: url(images/hr_right.gif) repeat-x top; font-weight: bold; padding-top: 5px;} #left dl.actionslist dd {margin: 0; height: 12px;} #left dl.actionslist dd tt {width: 80px; float: left;} #left dl.actionslist dd span {float: left;} #left dl.actionslist .link {background: url(images/arrows.png) no-repeat 0 -385px; padding-left:14px; text-decoration:none; line-height:1.1em; float: right;} #left dl.actionslist .link:hover {text-decoration: underline;} #left .recommlistsearch .btn {width: auto;} #left .recommlistsearch .search_input {width: 120px;} #left div.form input.openid, #left input.openid {width: 113px;} /* RSS */ #left .box {position:relative;} a.rss {display:block; position:absolute; width:14px; height:14px; background: transparent url(images/rss.png) 0 0 no-repeat; text-decoration: none; top: 20%; right:15px;} #body strong.head2 a.rss {top: 40%;} #body h2.head2 a.rss, #body strong.head a.rss, body .product strong.h4 a.rss {} #body h2.head2, #body strong.head, #body strong.head2 {position:relative; display: block; } #left strong.h2 a.rss {} /* Path */ #path {position:relative;} #path a {text-decoration: none;} #path a:hover {text-decoration: underline;} #path a.dinfo {position:absolute; right:21px;} /* Content */ a, #body a {color: #f26522;} #body a:hover {} #body strong.head, #body h1.head {margin:0; padding:5px 0; line-height:1.2em; font-size: 20px; font-weight: normal; width:100%; float:left; position: relative;} #body strong.head em, #body h1.head em {font-weight: normal; font-style:normal; font-size:12px; line-height: 12px;} #body strong.head small, #body h1.head small {font-weight: bold; font-size:12px; line-height: 12px; display:block; position:absolute; top:9px; right:3.5em;} #body strong.head h1 {margin:0; padding: 0; display: inline;} #body h2.head2, #body strong.head2, #body .boxhead {margin:0; padding:20px 0; font-size: 30px; text-transform: uppercase; line-height:1.1em; font-weight: bold; font-weight: 700; float:left; position: relative; width: 100%; clear: both; color: #333; text-align: center;} #body h2.head2 a, #body strong.head2 a {color: #333;} body.order-page #body .boxhead, body.payment-page #body .boxhead {font-size: 20px; font-style: italic; text-transform: none; text-align: left;} body.order-page #body .ordersteps + .boxhead {text-align: center; font-style: normal;} #body .evidenceheader .head2 {padding-bottom: 20px;} #body .evidenceheader + .boxhead {padding-top: 0; padding-bottom: 20px;} body.start-page #body div + strong.head2, body.start-page #body strong + strong.head2, body #body .box + .boxhead, body #body .box + h2.head2, body #body .box + strong.head2, body #body .product + .boxhead, body #body .product + h2.head2, body #body .product + strong.head2, body.details-page #body h2.head2, body.details-page #body strong.head2 {background: #fff url(images/box_shadow.png) no-repeat scroll center -4px; padding-top: 30px; margin-top: 5px; background-size: contain;} body.details-page #body #subnavhook + h2.head2, body.details-page #body #subnavhook + strong.head2 {background-position: 9999px 9999px !important; padding-top: 30px;} body.details-page #body #subnavhook.pinned + h2.head2, body.details-page #body #subnavhook.pinned + strong.head2 {} body.start-page #body div.activated + strong.head2, body.details-page #body .activated + h2.head2, body.details-page #body .activated + strong.head2 {background-position: 9999px 9999px; padding-top: 10px;} #body strong.head3 {font-size: 26px; font-weight: normal; padding: 40px 0 20px !important; } #body .boxhead em {font-style: normal; font-weight: normal; font-size: .75em;} #body .boxhead h1 {margin: 0; padding: 0; display: inline; font-weight: 300; color: #444; font-size: 40px;} #body .boxhead small {padding-left: 1em; font-weight: normal;} #body .orderblock, #body .box {float: left; padding: 0 5px; width: 100%; margin: 0; clear: both; box-sizing: border-box;} #body .box.wider {} #body .box .box, #left + #body .box .box, #body .box.variantslist {width: 100%; margin: 0; padding: 0; box-sizing: content-box;} #body .box.variantslist .separator.inbox {display: none;} #body .box.empty {display: none;} #body .listdetails {} #body .listdetails .listdetails-content {padding: 0 0 30px;} #body .listdetails .listdetails-subcats, #body .listdetails .listdetails-content hr {display: none;} #body .catlongdesc {color: #888; font-size: 12px;} .advertisment {clear: both; float: left; width: 100%; overflow: hidden;} .advertisment.banner-left {} .advertisment.banner-right {} .advertisment embed, .advertisment object, .advertisment img {max-width: 100%; } .advertisment .tips-cont {max-width: 100%; background-size: 100% 100%;} .advertisment .tips-cont span {width: auto;} /* full-text search */ #body .manufacturer-items {width: 23%; margin-right: 2%; float: left;} #body .manufacturer-items.alone {} #body .category-items {width: 75%; float: left;} #body .category-items.alone {} #body .manufacturer-items.alone, #body .category-items.alone {width: 100%; margin: 0;} #body .fulltext-kinds .type {padding: 0 0 10px;} #body .fulltext-kinds .type strong {font-weight: normal; font-weight: 300; font-size: 18px;} /* category list header mod */ body #left + #body div + .boxhead.cattitle, body #left + #body .boxhead.cattitle, body #body div + .boxhead.cattitle, #body .boxhead.cattitle {text-align: left; padding: 0 5px 10px; text-transform: none; box-sizing: border-box;} /* #test_catTitle */ #body .boxhead.cattitle h1 {font-weight: bold; color: #333; margin: 0; clear: both; padding: 0 0 10px; line-height: 1.1em;} /* #test_catArtCnt */ #body .boxhead.cattitle em {font-size: 1em; font-weight: bold; font-style: normal; color: #999;} /* #test_catDesc */ #body .boxhead.cattitle small {} #body .boxhead.cattitle .rss {} #body .listdetails .listdetails-content p {margin: 0;} #body .listdetails .listdetails-content .categorythumbenvelope img {max-width: 100%; margin-bottom: 20px;} #body .empty {padding:0 !important; height: 0; overflow: hidden;} #body .box img {border:none; padding:0; margin:0;} #body .box p {} #body .box .categorythumb {float: right; margin: 0 0 1em 1em;} #body .box form td .left img {margin-top:4px;} /* media icons */ #body .media p.micon {background: transparent url(images/icons/file.png) no-repeat scroll left top; min-height: 16px; height: auto !important; height: 16px; padding:1px 0 0 22px; margin-bottom: 5px;} #body .media p.micon.mdoc {background-image: url(images/icons/doc.png);} #body .media p.micon.mfile {background-image: url(images/icons/file.png);} #body .media p.micon.mlink {background-image: url(images/icons/link.png);} #body .media p.micon.mpdf {background-image: url(images/icons/pdf.png);} #body .media p.micon.mpic {background-image: url(images/icons/picture.png);} #body .media p.micon.mxls {background-image: url(images/icons/xls.png);} #body .media p.micon.mzip {background-image: url(images/icons/zip.png);} #body .media p.myoutube {text-align: center;} #body .media p.myoutube object {margin-top: 5px;} /* subcategories list */ #body .box ul.list {margin: 0; padding: 0;} #body .box ul.list li {display:inline; margin-right:30px;} #body .box ul.list li a {} #body .box ul.list li.icon {background: transparent;} #body .box ul.list li.icon img {vertical-align: middle; } /* subcategories image list - only for subcategories, not for vendors nor manufacturers */ body.alist-page #body .box ul.list.imagecatlist {list-style-type: none; float: left; clear: both; width: 100%; padding: 10px 0;} body.alist-page #body .box ul.list.imagecatlist li {background: transparent; display: block; float: left; padding: 0; margin: 0 1% 10px 0; height: 260px; width: 19%; overflow: hidden; white-space: nowrap;} body.alist-page #body .box ul.list.imagecatlist li.contentcats {background-image: url(images/textincatimg.png);} body.alist-page #body .box ul.list.imagecatlist li a {display: block; font-size: 17px; width: 100%; padding-bottom: 3px; text-align: center; overflow: hidden;} body.alist-page #body .box ul.list.imagecatlist li a img {margin-bottom: 10px;} #body .box ul.list.column {float:left;width:33%;} #body .box ul.list.column li {display:block;} #body .box .columned .clear {clear:both;} body.waiting, body.waiting * {cursor: wait !important;} /* category filter */ #body .box .catfilter.textfilter {padding: 0 0 10px; min-height: 65px;} #body .box .catfilter input.txt, #body .box .catfilter .btn.fire, #body .box .catfilter .btn.clear {float: none; margin: 0 5px 0 0;} .catfilter .btn.fire {} .catfilter .btn.clear {display: none;} .catfilter .changed .btn.fire {} .catfilter .filled .btn.clear {display: inline-block;} #list-banner {padding-bottom: 10px;} #body .form th {text-align: left; padding: 7px 0; font-weight: bold; font-size:12px; background: url(images/line_dotted_horizontal.png) repeat-x bottom;} #body .form th.mid {padding-top:3em;} #body .form th small {font-weight: normal; font-size: 10px;} #body .form td {padding: 3px 0;} #body .form .form-note {font-size: .8em; color: #888; white-space: nowrap; display: block;} #body small {font-weight: inherit; font-size:69% ;} #body select {border: 1px solid #dadada;padding: 5px 2px;} #body option {} /* category filter */ #left-filter {clear: both; float: left; width: 100%;} #body .box .catfilter {clear: left; margin-bottom: 0;} #body .box .catfilter .boxhead {} #body .box .catfilter table {width: 100%; border-collapse: collapse;} #left .catfilter.textfilter {padding-bottom: 20px; background: transparent url(images/line_dotted_horizontal2.png) repeat-x scroll left bottom;} #left .catfilter.textfilter input.txt {margin-bottom: 10px; width: 90%; border-radius: 5px;} #left .catfilter.pricefilter {} #left .catfilter .attrfilterslider, #left .catfilter #pricefilterslider {background: #aaa; border: 0 none; margin: 15px 0 20px !important; height: 20px; box-shadow: inset 1px 1px 2px 0 #444; border-radius: 5px;} #left .catfilter .attrfilterinfo, #left .catfilter #pricefilterinfo {margin: 0 !important; font-weight: bold; text-align: left;} #left .catfilter #pricefilterform .label {display: none;} #left .catfilter .attrfilterinfo .sep, #left .catfilter #pricefilterform .sep {display: none;} #left .catfilter #pricefilterform .pricebox {} #left .catfilter #pricefilterform .from {} #left .catfilter .attrfilterinfo .to, #left .catfilter #pricefilterform .to {float: right;} #left .catfilter .attrfilterslider .ui-widget-header, #left .catfilter #pricefilterslider .ui-widget-header {background: #21b24b url(images/sidebar_header_green.png) no-repeat scroll -40px center; box-shadow: inset 0 1px 2px 0 #444;} #left .catfilter .attrfilterslider .ui-slider-handle, #left .catfilter #pricefilterslider .ui-slider-handle {width: 5px; height: 40px; border: 0 none; border-radius: 0; background: #333; top: -9px; margin-left: -2px; cursor: w-resize;} #left .stockfilter label, #left .catfilter label {display: inline-block; margin-bottom: 5px; text-decoration: underline; color: #f26522;} #left .stockfilter label .num, #left .catfilter label .num {color: #888; font-weight: normal; font-weight: 300;} #left .catfilteritem .h3 .unit {font-weight: normal; font-weight: 300;} #left .catfilter label.not, #left .catfilter label.not:hover, #left .stockfilter label:hover, #left .catfilter label:hover {text-decoration: none;} #left .catfilter {width: 90%; margin-right: 10%;} #left .catfilterlist {} #left .catfilterlist input {cursor: pointer;} #left .filterstock .stockfilterbox, #left .catfilter .checkbox {position: relative; top: 0.1em; margin: 0 15px 0 0;} #left .catfilter.attrfilter .attrslider {padding: 10px;} #left .catfilter.attrfilter .ondemand .filteropen {padding: 3px 20px 5px 4px;} #left .catfilter input.not {opacity: 0.5; } #left .catfilter .not {color: #d0d0d0;} #left .catfilter span.deselect, #left .catfilter span.submit {} #left .catfilter span.btn {} #left .catfilter span.btn.deselect {} #left .catfilter span.btn.deselect, #left .catfilter .catfilterlist span.btn {} #left .catfilter .filterclear {position: absolute; right: 5px; top: 50%; margin: -8px 0 0; display: block; width: 16px; height: 16px; cursor: pointer; border: 0 none; padding: 0; background: transparent url(images/buttons.png) no-repeat scroll -137px -249px;} #left .catfilter .filteropen .filterclear {right: 20px;} #left .catfilter span.deselect, #left .catfilter span.submit {display: block; margin: 5px 20px;} #left .catfilter span.deselect input, #left .catfilter span.submit input {width: 100%;} #left .catfilter span.submit {display: none;} #left .catfilter span.submit {background-position: right -852px;} #left .catfilter span.submit input {background-position: left -852px;} #left .catfilter .catfilteritem.activated {} #left .catfilter .activated .label {} #left .catfilter .activated .label + .label {} #left .catfilter span.btn.hide, #left .catfilter .catfilterlist span.btn.hide {display: none;} #left .catfilter input.stockfilterbox, #left .catfilter input.checkbox {position: absolute; left: -9999px;} #left .catfilter label {padding: 0 0 10px 28px; display: block; margin: 0; position: relative;} #left .catfilter label:before {content: ""; display: block; width: 28px; height: 28px; position: absolute; left: 0; top: 0; padding: 0; margin: 0; background: transparent url(images/arrows.png) no-repeat scroll left -849px;} #left .catfilter .active label:before, #left .catfilter label.selected:before, #left .catfilter label.checked:before {background-position: left -925px;} #left .catfilter br {display: none;} #left .noscript .catfilter.ondemand input.filterclear, #left .noscript .catfilter.ondemand .deselect {display: none !important;} #body .catfilter.stockfilter {} #body .catfilter.stockfilter input {} #body .box strong.head2.categories {float: left; clear: both; padding-top: 30px; margin: 10px 0 30px 0; text-transform: uppercase; font-weight: bold; color: #f26522; font-size: 24px; border-top: 1px solid #86BC24; border-bottom: 1px solid #416c90; } #body .box .promocategories .product {border: 1px solid #85bb24; margin: 0px 25px 10px 0; height: 110px; width: 22.75%;} #body .box .promocategories .product.thirdcolrev-0 {margin-right: 0;} #body.plain h2.head2, #body.plain strong.head2, #body.plain .boxhead {font-size: 30px; text-align: left; color: #666; font-weight: normal; text-transform: none; font-style: italic; padding: 20px 0;} #body.plain .boxhead {padding-top: 0;} #body.plain .box {width: 100%; margin: 0;} #body div.bar.prevnext {width: 94%; margin: 15px 3%; padding: 0; float: left; clear: both;} #left + #body div.bar.prevnext {width: 97.3545%; margin: 15px 2.6455% 15px 0;} #body div.bar.prevnext input {} #body div.bar.prevnext.bottom {} #body .form th {text-align: left; padding: 7px 0; font-weight: bold; font-size:12px; background: url(images/line_dotted_horizontal.png) repeat-x bottom;} #body .form th.mid {padding-top:3em;} #body .form th small {font-weight: normal; font-size: 10px;} #body .form td {padding: 3px 0;} #body small {font-weight: inherit; font-size: 10px;} /* Other */ #body .dot_sep {background: transparent url(images/line_dotted_horizontal.png) repeat-x scroll top; height:3px; margin-bottom:0px; margin-top:10px; clear: both;} #body .paymentform .dot_sep {background: transparent;} #body .dot_sep.mid {margin: 5px 0;} #body .notice.red {color: #d80012;} #body .errorbox {font-weight:bold; float: left; width: 90%; margin: 10px 2%; padding: 10px 3%; border-radius: 5px; background-color: #d80012; text-align: center; color: #fff;} #left + #body .errorbox {width: 92%; margin: 10px 2% 20px 0;} #body .errorbox p {margin: 0;} #body .errorbox .req {color: #fff;} #body .errorbox.inbox {} body.account_wishlist-page #body .dot_sep {background: transparent;} #body .box .errorbox {width: 94%; margin: 10px 0; padding: 10px 3%;} body.start-page #body .errorbox {} /* Plain errors*/ #body.plain .errorbox {} #body.plain .errorbox a {text-decoration: underline;} #body.plain .errorbox .errhead {padding: 5px 15px;} #body.plain .errorbox .errbody {border: 1px solid #ea2d49; padding: 15px;} /* GLOBAL SWITCH DEFINITION */ #body div.switch {z-index: 10; padding: 0; height: 30px; position: relative; float: left;} #body div.switch label {line-height: 25px; float: left; display: block; margin: 0 10px 0 0;} #body div.switch div.active {font-size: 13px; text-transform: none; position: relative; cursor: pointer; display: block; height: 23px; line-height: 23px; background: #fff url(images/arrows.png) no-repeat scroll 110% -342px; border: 1px solid #ccc; padding: 0 20px 0 10px; margin: 0; float: left;} #body div.switch div.active:after {content: ""; display: block; height: 100%; width: 17px; position: absolute; top: 0; right: 0; background: #353535 url(images/arrows.png) no-repeat scroll left -391px;} #body div.switch div.active {box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.6);} #body div.switch div.active span {padding-right: 0; color: #666; display: block; text-align: left; width: 100px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} #body div.switch div.select {width: 100%; display: none; position: absolute; right: -1px; top: 23px; background-color: #fff; border: 1px solid #b6b6b6; background-color: #fff;} #body div.switch div.select a {display: block; clear: both; margin: 0; padding: 3px 16px 4px 10px; display: block; text-align: left; width: auto; height: auto; color: #000; } #body div.switch div.select a:hover {background-color: #f3f6f4; color: #000;} #body div.switch.open div.select, body.desktop #body div.switch:hover div.select {display: block;} #body div.switch.sort_row div.active {} #body div.switch.sort_row div.select a {} #body .locator.top .switch {} #body .locator.top .switch:first-child {} /* Locator */ #body .locator {margin: 10px 0; padding: 8px 0 0; clear: both; float:left; width:100%; position: relative; z-index: 10; border: 1px solid #ccc; border-width: 1px 0; font-size: 20px; font-weight: bold;} /* #left + #body .locator {margin: 10px 2.6455% 10px 0; width: 97.3545%;} */ #body .locator.top {z-index: 20;} #body .locator.bottom, #left + #body .locator.bottom {margin-top: 20px;} body.details-page #body .locator.top {} body.erp-orderlist-page #body .locator.top {border-top: 1px solid #ccc;} #body .locator.top {border-top: 0 none;} #body .locator.bottom {border: 0 none;} #body .locator .lochead, #body .locator .locbody {color: #888;} #body .locator .locbody .right {float: right;} #body .locator .locbody .left {float: left; line-height: 20px; font-size: 14px; font-weight: normal; color: #666; margin-bottom: 10px;} #body .locator .locbody .left a {margin: 0 10px; text-decoration: none;} #body .locator .locbody .left a.active {font-weight: bold;} #body .locator .locbody .left .listlayoutswitch {padding: 0;} #body .locator .page-switch {position: relative; top: 10px;} #body .locator a.pagenr {margin: 0 3px; color: #f26522;} #body .locator a.pagenr.active {color: #666; text-decoration: none;} #body .locator.top .locbody, #left + #body .locator.top .locbody {} #left + #body .locator.top .locbody {} #body .locator .locbody .right label {} #body .locator .lochead strong.h4 {line-height: 30px; font-size: 20px; color: #666; text-transform: uppercase;} #body .locator .locbody {padding: 0; float: left; width: 100%; overflow: visible; z-index: 20;} #body .locator .locbody, #body .locator .locbody a {} #body .locator .arrow {} #body .locator a {color: #666;} #body .locator a.active {color: #f26522;} #body .locator .sep {padding: 0 2px; color: inherit;} #body .locator .locbody #selID_ArticleNavTop, #body .locator .locbody #selID_ArticleNavBottom {display: inline-block; float: right;} #body .locator.bottom .locbody .locpages {text-align: center; line-height: 35px;} #body .locator.bottom .locbody .locpages .sep {color: #ccc; font-weight: normal;} #body .locator.bottom .locbody .locpages .next {float: right;} #body .locator.bottom .locbody .locpages .prev {float: left;} #body .locator.bottom.single {height: auto; border-bottom: 0 none;} body.details-page #body .locator .lochead {width: 420px;position: absolute;left:15px;top:10px;padding: 0;} body.details-page #body .locator .lochead strong.h4 {position: absolute;left:305px;top:0;float: none;white-space: nowrap;} body.details-page #body .locator .lochead .right {float: left;} body.details-page #body .locator .lochead .right a {padding-left: 10px;background: transparent url(images/arrows.png) no-repeat scroll -10px -183px;} body.details-page #body .locator .locbody {text-align: center; line-height: 35px;} /*#body .locator .page {display: inline-block; padding: 0 0px; text-align: center; font-size: 14px; width: 20px; line-height: 20px; height: 20px; margin-top: 2px; overflow: hidden; position: relative; color: #222;}*/ #body .locator .page.active {/*width: 32px;*/ font-weight: bold;} #body .locator .rewind {background: transparent url(images/arrows.png) no-repeat scroll center -179px; display: inline-block; padding: 0 10px 0 0; height: 20px; position: relative; } #body .locator .rewind.next {background-position: center -255px; padding: 0 0px 0 10px; } #body .locator .arrow {background: transparent url(images/arrows.png) no-repeat scroll left -1333px; display: inline-block; width: 20px; padding: 0; text-align: left; text-indent: -9999px; position: relative;} #body .locator .arrow.next {background-position: right -1234px; padding: 0 0px 0 0; } #body .locator .arrow:hover {text-decoration: none;} body.details-page #body .locator .arrow {margin-top: 0; vertical-align: middle;} #body .locator .label {} #body .locator .arrow.prev {} #body .locator .arrow.next {} #body .locator .lochead .arrow.prev {} #body .locator .lochead {height: 30px;} #body .locator .locpages a, #body .locator .lochead .right a {float: left; display: block; min-width: 15px; text-align: center; margin: 0 3px; height: 30px; line-height: 30px;} #body .locator .locbody {padding-top: 10px;} #body .locator .lochead + .locbody {padding-top: 0;} body.details-page #body .locator .rewind .arrow {width: auto;} body.details-page #body .locator .rewind.next {float: right;} body.details-page #body .locator .rewind.prev {float: left;} body.details-page #body .locator span.position {margin: 0 auto;} body.details-page #body .locator.bottom {padding: 0; margin-top: 20px; height: 53px; text-align: center;} #body .locator .listlayoutswitch, #body .locator .sort_row {font-size: 14px; line-height: 30px; font-weight: normal; color: #666; display: block;} #body .locator .listlayoutswitch .loader, #body .locator .sort_row .loader {font-style: italic;} #body .locator .sort_row .loader {margin-right: 20px;} #body .locator .listlayoutswitch {float: left; white-space: nowrap;} #body .locator .sort_row {float: right; white-space: nowrap;} #body .locator .sort_row a {color: #444; text-decoration: none;} #body .locator .sort_row a + a {margin-left: 20px;} #body .locator .sort_row a:hover {text-decoration: underline;} #body .locator .sort_row a.active {color: #f26522;} #body .locator.top .locbody .right {width: 100%;} #body .locator .listlayoutswitch {padding-left: 5px;} #body .locator .listlayoutswitch .loader {display: inline-block;} #body .locator .listlayoutswitch a {padding: 0; display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin: 6px 0 7px 10px;} #body .locator .listlayoutswitch a {background: transparent url(images/listlayoutswitch2.png) no-repeat scroll left 9999px;} #body .locator .listlayoutswitch a.active.half {background-position: -30px top;} #body .locator .listlayoutswitch a.active.thin {background-position: -30px -24px;} #body .locator .listlayoutswitch a.half {background-position: left top;} #body .locator .listlayoutswitch a.thin {background-position: left -24px;} #body .locator .listlayoutswitch a span {display: none;} #body .locator .btn {margin-bottom: 6px;} #body .locator.compare .locbody {height: auto;} #body .locator.compare .locbody .left form {margin-top: 0px;} #body .locator.list-locator .locbody .left, #body .locator.list-locator {line-height: 25px;} #body .locator.list-locator label, #body .locator.list-locator .label {display: block; margin: 0; float: none;} #body .locator.list-locator .pages-box {text-align: right; line-height: 25px;} #body .locator.list-locator .pages {} #body .locator.list-locator .pages a {display: inline-block;} #body .locator.list-locator .arrow {background-position: left -1290px;} #body .locator.list-locator .arrow.next {background-position: right -1195px;} #body .locator.list-locator .rewind {background-position: left -1337px;} #body .locator.list-locator .rewind.next {background-position: right -1238px;} #body .locator .center {text-align: center; float: none; clear: none; margin: 0 20%; white-space: nowrap;} #body .locator .center a {display: inline-block;} #body .locator .center a + a {margin-left: 5px;} #body .locator.list-locator .listlayoutswitch {padding: 0; display: block;} #body .locator .sort_row a {background: transparent url(images/sort_sprite.png) no-repeat scroll right 2px; padding-right: 18px;} #body .locator .sort_row a.asc {background-position: right -28px;} #body .locator .sort_row a.desc {background-position: right -11px;} #body .locator .sort_row a.none {} /* Download files */ body.downloadfiles-page #body .file {position: relative; float: left; border-radius: 3px; width: 95%; padding: 10px 2.5%; background: #ececec url(images/download_bkg.png) repeat-x 0px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #cfcfcf;} body.downloadfiles-page #body .file .icon {display: block; width: 32px; height: 32px; float: left; margin-right: 20px; background: transparent url(images/icon-filetypes.png) no-repeat 0px 0px;} body.downloadfiles-page #body .file .icon.jpg {background-position: -41px 0px;} body.downloadfiles-page #body .file .icon.eps {background-position: -82px 0px;} body.downloadfiles-page #body .file .icon.png {background-position: -123px 0px;} body.downloadfiles-page #body .file .icon.fla {background-position: -165px 0px;} body.downloadfiles-page #body .file .icon.mp3 {background-position: -206px 0px;} body.downloadfiles-page #body .file .icon.mov {background-position: -247px 0px;} body.downloadfiles-page #body .file .icon.gif {background-position: -412px 0px;} body.downloadfiles-page #body .file .icon.doc, body.downloadfiles-page #body .file .icon.docx {background-position: -452px 0px;} body.downloadfiles-page #body .file .icon.pdf {background-position: -493px 0px;} body.downloadfiles-page #body .file .icon.ppt, body.downloadfiles-page #body .file .icon.pptx {background-position: -535px 0px;} body.downloadfiles-page #body .file .icon.xls, body.downloadfiles-page #body .file .icon.xlsx {background-position: -576px 0px;} body.downloadfiles-page #body .file .icon.zip {background-position: -617px 0px;} body.downloadfiles-page #body .file .desc {display: block; width: 70%; float: left;} body.downloadfiles-page #body .file .title {font-size: 15px; color: #585858; font-weight: bold; display: block; width: 70%; margin-bottom: 3px;} body.downloadfiles-page #body .file.nodesc .title {line-height: 28px;} body.downloadfiles-page #body .file .title .filename {font-weight: normal;} body.downloadfiles-page #body .file .size, body.downloadfiles-page #body .file .date {display: block; position: absolute; right: 30px; top: 19px; width: 100px; text-align: right;} body.downloadfiles-page #body .file .size {right: 150px; width: 70px;} #body .newsletter-groups {margin: 10px 0 10px 0; font-size: 12px; display: none; background-color: #eee; padding: 10px; } body.newsletter-page #body .newsletter-groups { display:block;margin:25px 0 0 0; } body.register-page #body .newsletter-groups {margin: 10px 0 0 24px; width: 270px;} #body .newsletter-groups ul {list-style: none; margin: 0; padding: 0;} .pricevalue {} dl.box.basket .extendbasket .eb_foot span.sup, .pricevalue .sup {font-size: .6em; top: -0.5em; padding-left: 0.1em; position: relative; display: inline; float: none; line-height: 1em;} .product .pricevalue .sup {} .productbox .pricevalue .sup {font-size: .55em; top: -0.55em;} /* Products */ body .product {float:left; position:relative; width: 100%;} body .product .picture {display: block; text-align: center; overflow: hidden; margin: 0;} body .product strong.h3 {margin: 0; display: block; font-weight: normal; min-height: 65px; padding: 0;} body .product strong.h3 a {display: block; font-size: 18px; line-height: 1.2em; font-weight: 600; text-decoration: none;} body .product strong.h3 a, #body .product strong.h3 a {color: #333;} body .product strong.h3 a:hover {text-decoration: underline;} body .product .identifier, body .product tt {display:block; font-weight: normal;} body .product .stockstatus {display:block; font-weight: bold;} body .product .stockstatus.yes {color: #85bb24;} body .product .stockstatus.no {color: #ea2d49;} body .product .flag {display: none;} body .product .flag.red {background-color: #ea2d49;} body .product .flag.green {background-color: #1fad47;} body .product .actiondiscount {} body .product .desc.description {} body .product .actions a {text-decoration: none; display:block; width: 1%; white-space: nowrap;} body .product .actions .btn a {width: auto;} body .product .actions a:hover {text-decoration: underline;} body .product .variants label {display:block; } body .product .variants select {width: 180px;} body .product .variants select option.act {font-weight: bold;} body .product .variants-empty {display: none !important;} body .product .amprice {clear: left; margin-top: 5px;} body .product .stock.status {} body .product .psf-red {color: #ea2d49;} body .product .psf-orange, body .product strong.h3 .psf-green a, body .product .psf-green a, body .product .psf-green {color: #1fad47; font-weight: bold;} body .product .amount {padding-top:5px;} body .product .amount label {margin-right: 5px;} body .product .cost {color: #f26522; white-space: nowrap;} body .product .cost .pricevalue {font-size: 20px;} body .product .cost .taxnote {font-weight: normal; font-weight: 300;} body .product .cost big {font-size: 18px; line-height: normal; font-weight: normal; white-space: nowrap;} body .product .cost del {} body .product .cost .old {} body .product .cost sup.dinfo {vertical-align:super; margin:0; padding:0;} body .product .cost sup.dinfo a {color: inherit; text-decoration: none; font-weight: bold; font-size: 13px;} body .product .cost sup.dinfo a:hover {text-decoration: underline; color: inherit;} body .product .cost small {font-weight: inherit; font-size:69% ;} body .product.productbox {width: 230px; height: 270px; padding: 165px 0 0; margin: 0 5px 30px; z-index: 0; color: #666;} body .product.productbox .frame {} body .product.productbox:hover .frame {} body .product.productbox .picture {position: absolute; left: 0; top: 0;} body .product.productbox .picture span {width: 230px; height: 145px; vertical-align: middle; display: table-cell;} body .product.productbox .infodata {} body .product.productbox strong.h3 {} body .product.productbox strong.h3 a {} body .product.productbox .description {font-size: 13px; line-height: 1.3em;} body .product.productbox .discount {} body .product.productbox .discount-item {} body .product.productbox strong.h3 tt {display: inline; color: #999;} body .product.productbox .stockstatus {margin: 0 0 10px;} body .product.productbox strong.h3 .stockstatus {display: inline; margin: 0 0 0 1em;} body .product.productbox form {float: left; width: 100%; position: absolute; left: 0; bottom: 0;} body .product.productbox .cost {padding: 0 0 15px; float: left; width: 100%;} body .product.productbox .cost .price {min-width: 40%; display: inline-block; float: left; clear: both; line-height: 20px;} body .product.productbox .cost .price + .price {float: right;} body .product.productbox .cost .price + .price.rubles {clear: both;padding-right: 22px;} body .popup .product.productbox.thin.inbasket .cost .price {line-height: 50px;} body .popup .product.productbox.thin.inbasket .cost .price.rubles {line-height: 30px;} body .popup .product.productbox .cost .price + .price.rubles {} body .product.productbox .btn.moreinfo, body .product.productbox .tocart {float: left;} body .product.productbox .tocart {margin-right: 6px;} body .product.productbox .tocart input {max-width: 135px;} html[lang=ru] body .product.productbox .tocart input {max-width: 117px;} html[lang=jp] body .product.productbox .tocart input {max-width: 155px;} body .product.productbox .btn.moreinfo a {max-width: 75px;} body .product.productbox .btn a, body .product.productbox .btn input, body .product.productbox .tocart input {font-size: 15px;} body .product.productbox .btn a, body .product.productbox .btn input {} body .product.head {margin-top:30px; border-top:none;} body .product.head strong.h4 {display: block;} body .product.head strong.h4 small {display:block; position:absolute; top:6px; left:44%; font-size:11px; font-weight: normal;} body .product.head strong.h4.big {width: 100%;margin:0 0 10px 0; padding:5px 0; font-size: 15px;} body .product.details strong.h4.big {padding:0 0 5px;position: relative; top: 0;} body .product.head strong.h4 {margin:0; padding:5px 0 1px 0; height:20px; position:absolute; top:-30px; left:0; width:100%; line-height:20px; font-size: 15px; font-weight: bold;} body .product.head strong.h4.half a {padding-left:15px;} body .product.head strong.h4.thin {font-size:15px; text-indent: 15px;} body .product.head strong.h4.small {line-height:1.1em; padding:2px 0 1px;} body .product.head strong.h4.thinest {width: 556px; padding:1px 5px 8px 7px;} body .product.big.productbox {width: 100%; height: auto; margin: 20px 0; padding: 0 5px; clear: both; box-sizing: border-box;} body .product.big.productbox .picture {position: relative; width: 100%; margin: 0 0 20px; display: table;} body .product.big.productbox .picture span {width: 100%; height: auto;} body .product.big.productbox .picture span img {max-width: 100%; max-height: 100%;} body .product.big .infodata {float: left; margin: 0 2% 0 0;} body .product.big strong.h3 {min-height: 0;} body .product.big strong.h3 a {} body .product.big .cost big {} body .product.big .cost .old {} body .product.big .cost sub.only {display:block; float:left; font-weight: bold; font-size: 12px; margin-right:.5em; height: 3em;} body .product.big .cost .desc {} body .product.big .variants {} body .product.big .variants select {width: auto; min-width: 200px; max-width: 90%;} body .product.big.productbox form {width: auto; position: relative; float: right;} body #left + #body .product.big.productbox form {} body .product.big.productbox .actions {} body .product.big.productbox .cost {} body .product.big.productbox .btn.moreinfo, body .product.big.productbox .tocart {} body .product .productstats {z-index: 100;} body .product.productbox .productstats {position: absolute; left: 10px; top: 10px;} #body .productstats-icon {} body .product.big .productstats {} body .product.thin {width: 100%; min-height: 145px; height: auto; padding: 0 5px 0 255px; margin: 20px 0; box-sizing: border-box;} body .product.thin + .product.thin:before {content: ""; position: absolute; display: block; left: 0; top: -20px; width: 100%; border-top: 1px solid #eee;} body .product.thin strong.h3 {min-height: 0;} body .product.thin form {position: relative; clear: both; float: right; width: auto; margin-top: 20px;} body .product.thinest {width: 100%; min-height: 70px; height: auto; padding: 0 5px 0 140px; margin: 20px 0; box-sizing: border-box;} body .product.thinest + .product.thinest:before {content: ""; position: absolute; display: block; left: 0; top: -20px; width: 100%; border-top: 1px solid #eee;} body .product.thinest strong.h3 {min-height: 0;} body .product.thinest form {position: relative; clear: both; float: right; width: auto; margin-top: 20px;} body .product.thinest a.picture {} body .product.thinest a.picture span {width: 120px; height: 70px;} body .product.thinest a.picture img {max-width: 100%; max-height: 100%;} body .product.thinest strong.h3 {min-height: 0;} body .product.thinest strong.h3 a {} body .product.thinest .cost {margin: -1px 20px 0 0; float: left; padding: 0; clear: both; width: auto;} body .product.thinest .pricevalue {font-size: 16px;} body .product.thinest .tocart {margin-right: 0; float: right;} body .product.thinest .description, body .product.thinest .tocart + .btn.moreinfo {display: none;} body .product.thinest .variants {display: none;} body .product.thinest .bfc-tick {background-position: left -78px;} body .product.thinest.stock-no .bfc-tick {background-position: -22px -78px;} body .product.thinest .bfc-tick.qmark {background-position: left -98px;} body .product.thinest .bfc-tick.imark {background-position: left -22px;} body .product.partofbundle {width:640px; height:150px; padding: 25px 0 0 320px;} body #left + #body .product.partofbundle {width:376px; padding: 25px 0 0 320px;} body .product.partofbundle a.picture {width: 150px;} body .product.partofbundle a.picture span {width: 150px; height: 150px;} body .product.partofbundle a.picture img {max-height: 150px; max-width: 150px;} body .product.partofbundle strong.h3 a {font-weight: bold;} body .product.partofbundle .cost big {bottom:127px;} body .product.partofbundle form {left:170px;} body .product.partofbundle .stock.status {position: absolute; top: 0; right: 0;} #body .groupmasters-list.content {width: 100%; float: left; margin: 0 0 15px;} body .product.groupmasters-list-item {min-height: 40px; padding: 0 5px 0 90px; margin: 12px 0;} body .product.groupmasters-list-item .productstats {left: -88px; top: -7px;} body .product.groupmasters-list-item:before, body .product.groupmasters-list-item:after, body .product.groupmasters-list-item + .product.groupmasters-list-item:before {content: ""; position: absolute; display: block; left: 0; top: -12px; width: 100%; border-top: 1px solid #eee;} body .product.groupmasters-list-item:after {top: auto; bottom: -13px;} body .product.groupmasters-list-item a.picture span {width: 70px; height: 40px;} body .product.groupmasters-list-item .recommended {} body .product.groupmasters-list-item .recommended b {display: none;} body .product.groupmasters-list-item .infodata {width: 50%; float: left; position: relative;} body .product.groupmasters-list-item form {clear: none; float: right; max-width: 50%; margin-top: 0;} body .product.groupmasters-list-item .cost {padding: 0 0 5px; float: right; margin: 0;} #body .articlegroup .row {padding:0 0 10px; line-height: normal; width: 100%; float: left; clear: both;} #body .articlegroup .row.last {border-bottom: 1px solid #ccc; margin-bottom: 10px;} #body .articlegroup .row .cell {float: left;} #body .articlegroup .row .identifier {width: 14%; margin: 0 1% 0 0; color: #666;} #body .articlegroup .row a {width: 65%; text-decoration: none;} #body .articlegroup .row a:hover {text-decoration: underline;} #body .articlegroup .row .price {width: 19%; margin: 0 0 0 1%; text-align: right;} #body .articlegroup .sum {padding:0 0 10px; line-height: normal; width: 100%; float: left; clear: both;} #body .articlegroup .sum .text {float: left; margin: 0 0 0 15%; width: 65%;} #body .articlegroup .sum .price {float: left; width: 19%; margin: 0 0 0 1%; text-align: right;} #body .articlegroup .sum-sum .text, #body .articlegroup .sum-sum .price {text-decoration: line-through; color: #666;} #body .articlegroup .sum-price {font-weight: 600;} #body .articlegroup .sum-discount {color: #85bb24;} #body .articlegroup .articlegroup-list, #body .articlegroup .articlegroup-images {width: 100%; float: left;} #body .articlegroup .articlegroup-list {} #body .articlegroup .articlegroup-images {margin: 20px 0 0; text-align: center;} #body .articlegroup .articlegroup-images a {text-decoration: none; font-size: 11px;} #body .articlegroup .articlegroup-images a:hover, #body .articlegroup .articlegroup-images a:hover .artnum-label {text-decoration: underline;} #body .articlegroup .articlegroup-images .item-img {position: relative; float: none; margin: 0 7px 10px; display: inline-block;} #body .articlegroup .articlegroup-images .item-img, #body .articlegroup .articlegroup-images .item-img img {height: 80px;} #body .articlegroup .articlegroup-images .artnum-label {background-color: #333; color: #fff; padding: 2px 5px; position: absolute; left: 0; bottom: 0; display: block;} /*body.details-page #body .product.ondetail,*/ body .product.ondetail {float: none; width: auto; height: auto; margin: 0 0 -1px; overflow: hidden; padding: 8px 3.191489361%; background: #f5f5f7 url(images/product_little_bkg.png) repeat-x scroll left bottom; border: 1px solid #ddd; border-width: 1px 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3);} body .product.ondetail .picture {left: auto; top: auto; position: relative; float: left; margin: 0 20px 0 0;} body .product.ondetail .picture span {width: 120px; height: 70px;} body .product.ondetail .picture img {max-width: 120px; max-height: 70px;} body .product.ondetail .h3 {margin: 0 10px 0 0; display: inline-block; font-size: 16px; line-height: 25px; font-weight: bold; white-space: normal; color: #333; overflow: hidden;} body .product.ondetail .cost {margin: 0 10px 0 0; display: inline-block; padding: 0; line-height: 25px; overflow: hidden; width: auto; float: none;} body .product.ondetail .cost big {bottom:auto; left:auto; position: static;} body .product.ondetail .cost .price {min-width: 0;} body .product.ondetail .cost .pricevalue {font-size: 16px; line-height: normal;} body .product.ondetail form {bottom: auto; left: auto; width: auto; padding: 0 0 0 140px; height: auto; position: relative; float: none;} body .product.ondetail .amopricebox {display: inline-block; height: 25px; background: #e36225 url(images/button_bkgs.png) repeat-x scroll left -150px; border-radius: 2px;} body .product.ondetail .amopricebox:hover {background-image: url(images/button_bkgs_hover.png);} body .product.ondetail .tocart, body .product.ondetail .tocart:hover, body .product.ondetail .tocart input {background-position: left 9999px; box-shadow: none; line-height: 25px; height: 25px; background-color: transparent;} body .product.ondetail .tocart {margin: 0; float: right;} body .product.ondetail .tocart input {padding: 0 30px 0 10px; background-position: right -276px; font-size: 12px;} body .product.ondetail .amount {display: inline-block; margin: 0 5px; position: relative; height: 13px; padding: 6px 25px 6px 20px; box-shadow: 1px 0 2px 0 rgba(0,0,0,0.2);} body .product.ondetail .amount input {} body .product.ondetail .amount input.plusminus {border-width: 0; border-radius: 0; padding: 0 2px; box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.25); height: 13px; line-height: 13px; font-size: 11px; width: 1.5em;} body .product.ondetail .plusminus-wrap .key {top: 6px; width: 15px; height: 13px; background-position: left -325px;} body .product.ondetail .plusminus-wrap .plus {background-position: left -350px; right: 8px;} body .product.ondetail .plusminus-wrap .minus {left: 3px;} body .product .bundle-save {font-weight: normal; color: #333;} body .product .bundle-save .label {margin-right: 1em;} body .product .bundle-save .pricevalue {font-weight: bold;} body.details-page #body .product.isinbundle, body .product.isinbundle {border: 1px solid #ccc; border-width: 1px 0 1px; margin: 0 3% -1px; padding: 0; width: 94%; height: 200px;} body .product.isinbundle .frame {display: none;} body .product.isinbundle a.picture {width: auto; top: 40px; height: 150px;} body .product.isinbundle a.picture span {width: auto; height: 150px;} body .product.isinbundle a.picture span.plus b {display: inline-block; height: 30px; width: 50px; background: transparent url(images/buttons.png) no-repeat scroll -60px -200px; overflow: hidden; text-indent: -9999px;} body .product.isinbundle a.picture img {max-height: 150px; max-width: 150px;} body .product.isinbundle strong.h3 a {top: 10px; width: 740px; overflow: hidden; text-overflow: ellipsis; line-height: normal; font-weight: bold;} body .product.isinbundle strong.h3 .stock a {width: auto; overflow: visible; position: static; top: auto; left: auto;} body .product.isinbundle .stock.status {top: 10px; line-height: normal;} body .product.isinbundle .desc.description {display: none;} body .product.isinbundle form {position: absolute; bottom: 20px; left: auto; right: 0; width: 150px; text-align: right;} body .product.isinbundle .cost {float: none; padding-bottom: 10px;} body .product.isinbundle .cost big {position: static; bottom: auto; left: auto;} body .product.isinbundle .price .pricevalue {font-size: 28px;} body .product.isinbundle .btn.moreinfo {float: right;} body .product.isinbundle .btn.moreinfo a {width: auto;} body .product.thinest.isinbundle .productstats.enhanced {left: 50px; bottom: 10px;} #body .giftbox-wrap {float:left; position:relative; width: 418px; height: 150px; border: 1px solid #000; margin: 0 0 30px;} #body .giftbox {width: 138px; padding: 25px 130px 25px 150px; position: relative; overflow: hidden; height: 100px; float: left;} #body .giftbox {background: transparent url(images/freegiftcs.png) no-repeat scroll 300px 25px;} #body .giftbox .gift-picture {position: absolute; left: 30px; top: 25px; width: 100px;} #body .giftbox .gift-picture span {display: table-cell; width: 100px; height: 100px; vertical-align: middle; text-align: center;} #body .giftbox strong.h3 {margin:0 0 10px; display: block; font-weight: normal; font-size: 16px; line-height: 1.1em; color: #333;} #body .giftbox .gift-desc {color: #666; font-size: 12px; line-height: 1.1em;} #body .giftbox-wrap .window {width: 418px; height: 150px; position: relative; overflow: hidden;} #body .giftbox-wrap .paging {display: block; width: 418px; } #body .giftbox-wrap .paging .page {display: none;} #body .giftbox-wrap .paging .arrow {display: block; cursor: pointer; position: absolute; top: 56px; width: 33px; height: 33px; margin: 0; padding:0; background: transparent url(images/carrows.png) no-repeat scroll left -500px; } #body .giftbox-wrap .paging .arrow.off {cursor: default; opacity: 0 !important;} #body .giftbox-wrap .paging .arrow.l {left: -18px;} #body .giftbox-wrap .paging .arrow.r {background-position: left -550px; right: -18px;} #body .giftbox-wrap .paging .arrow { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } body .product.firstinlist {} body .product.inlist {} body .product.lastinlist {} #body .separator {height: 10px; background:#fff url(images/line_dotted_horizontal.png) repeat-x scroll left 5px; margin:0; float:left; width:100%;} #body .separator.inbox {width:100%; border: none; margin: 0;} #body .txtseparator {height: 10px; margin:0 5px; float:left; width: 100%; border:1px solid #ddd; border-top:none; border-bottom: none;} #body .txtseparator.inbox {margin:0; width: 100%; border: none; border-bottom:1px solid #ddd;} #body .variantslist .txtseparator {border: 0 none;} body.account_noticelist-page #body .separator, body.recommlist-page #body .separator {display: none;} body .product.details {z-index: 110; height:auto; min-height: 350px; width: auto; padding: 0 5px 20px; margin: 0; border: 0 none; background: transparent; float: none;} body .product.details strong.h4 {padding:1px 5px 8px 7px; display: block;} body .product.details h1 {margin: 0; clear: both; padding: 30px 0 10px;} body .product.details tt {margin:0 0 10px;} body .product.details .desc {margin:0 0 10px;} body .product.details .picture {text-align: left; height: auto; float: left; position: relative; top: 0; left: 0; width: 100%; overflow: visible;} body .product.details .picture img {max-width: 100%;} body .product.details .picture span {} body .product.details .picture span img {} body .product.details .picture .imgcont-on {padding: 0; text-align: center;} body .product.details .picture .imgcont-on img {} body .product.details .picture .zoomWrapperImage img {max-width: none; max-height: none;} body .product.details .particulars {float: left; width: 100%; position: relative; color: #777; font-size: 16px;} body .product.details .particulars .actiondiscount {} body .product.details .exturls {text-align: left; padding-top: 10px;} body .product.details .exturls a {display: block;} body .product.details .picture a.zoom:hover {text-decoration: none;} body .product.details .picture a.zoom img {margin-bottom: 3px;} body .product.details .original-name {display: block; padding: 0 0 15px; line-height: normal; font-size: 18px; font-weight: bold; color: #888; clear: both;} /* cursor */ body .product.details .picture a.zoom {cursor: pointer; cursor:-moz-zoom-in; text-align: left; text-decoration: none; color: #000;} body .product.details .picture a.zoom span {position: relative; top: -20px; left:5px; font-size: 11px; float: left;} /* image set */ #body div.imgcont-on {display: block;} #body div.imgcont-off {display: none;} body .product.details .groupmasters {} body .product.details .groupmasters b {display: block; padding-bottom: 5px;} body .product.details .groupmasters b a {display: block; text-decoration: none; color: #777;} body .product.details .groupmasters b a:hover {text-decoration: underline;} body .product.details .groupmasters .listitem {padding:0; line-height:normal; float: left; clear: both;} body .product.details .groupmasters .listitem .icon {float: left; margin-bottom: 10px;} body .product.details .groupmasters .listitem .icon img {margin: 0; float: none;} body .product.details .groupmasters .listitem .listitemtxt {} body .product.details .groupmasters .listitem a.arttitle {font-weight: bold;color: #777;display: block;} body .product.details .groupmasters .listitem a.arttitle:hover {} body .product.details .groupmasters .listitem tt {clear: none;} body .product.details .cats {margin: 0 0 10px; float: left; width: 100%;} body .product.details .cats tt.sizechart {margin-top: 10px;} body .product.details .cats img {margin: 0 0 0 10px; float: right; clear: right;} body .product.details .stockstatus {margin: 10px 0 15px; float: left; width: 100%;} body .product.details .artmanual {border: 1px solid #ccc; border-width: 1px 0; background: transparent url(images/icons/pdf_mid.png) no-repeat scroll left 10px; line-height: 26px; padding: 10px 0 10px 25px; box-sizing: border-box;} body .product.details .artmanual b {padding: 0 15px 0 0;} body .product.details .artmanual a {} body .product.details .artmanual .micon {background-position: 9999px 9999px; padding: 0; margin: 0 15px 0 0; display: inline; white-space: normal;} body .product.details .artmanual .micon a {white-space: nowrap; font-size: 14px;} body .product.details .status {clear: both; float: left; width: 250px; font-size: 18px;} body .product.details .status.psf-red {} body .product.details .status.psf-green {} body .product.details .product.line {padding: 0; margin: 0; height: auto; width: auto; float: none;} body .product.details .product.line strong.h3 {padding: 0; margin: 0; height: auto; min-height: 0; width: auto;} body .product.details .product.line strong.h3 a {color: #91c82f; padding: 0; display: block; font-size: 13px; line-height: 1.3em;} body .product.details .identifier {color: #888; font-size: 16px; display: block; clear: both; float: left; width: 100%; line-height: normal;} body .product.details .identifier .type {float: left; width: 40%;} body .product.details .identifier .value {width: 60%; float: left; margin: 0;} body .product.details .identifier.manufacturer {} body .product.details .identifier.manufacturer .ico {display: table-cell; vertical-align: middle; height: 1.5em;} body .product.details .identifier.deliveryprice p { margin:0px 0 5px 0 ; } body .product.details .priceblock .cost .identifier.discount .type { display:none; } body .product.details .identifier.deliveryprice {float: left; clear: both; width: 100%;} body .product.details .identifier.deliveryprice .type, body .product.details .identifier.deliveryprice .value {float: left;} body .product.details .identifier.discount, body .product.details .identifier.discount .value {float: left;} body .product.details .variants {padding:0px 5px 10px; margin: 5px -5px 0; float: left; width: 100%; font-size: 16px; line-height: 27px; background: transparent url(images/line_dashed_x.png) repeat-x 0px bottom; text-align: left; clear: both;} body .product.details .amopricebox .variants {margin: 20px 0 0; padding: 0; background: transparent;} body .product.details .variants.simple {} body .product.details .variants label {font-weight: normal; text-transform: uppercase; } body .product.details .variants.simple label {display: block; float: none; color: #555; padding: 5px 0 0; font-size: 12px; line-height: normal;} body .product.details .variants.simple select {width: 98%; padding: 3px; border-radius: 0; border-color: #999; min-width: none; max-width: none;} body .product.details .variants.simple ul {list-style: none; float: left; width: 72%; margin: 0; padding: 0; clear: none;} body .product.details .variants.simple ul li {display: block; float: left; border: 1px solid #fff; margin: 0 3px 3px 0; line-height: normal; } body .product.details .variants.simple ul li.active, body .product.details .variants.simple ul li:hover {border-color: #999;} body .product.details .variants.simple ul li a {padding: 0; display: table-cell; color: #555; text-transform: none; width: 60px; height: 60px; vertical-align: middle; text-align: center;} body .product.details .variants.simple ul li .icon img {max-width: 50px; max-height: 50px;} body .product.details .variants.simple ul.dummy li {border: 0 none;} body .product.details .variants.simple ul.dummy li a {width: auto; height: auto; } body .product.details .variants.simple .variants-simple-wrapper {float: left; clear: both; width: 100%; margin-bottom: 3px; } body .product.details .variants.simple div.variants-simple-wrapper:hover .value, body .product.details .variants.simple div.variants-simple-wrapper .pchoose {display: none;} body .product.details .variants.simple div.variants-simple-wrapper .value {font-weight: bold;} body .product.details .variants.simple div.variants-simple-wrapper .value, body .product.details .variants.simple div.variants-simple-wrapper:hover .pchoose {display: block;} body .product.details .variants.simple div.variants-simple-wrapper .select {display: none; width: 100%; position: absolute; top: 100%; left: -1px; background-color: #ebebeb; border: 1px solid #d7d8d9; border-top: 0 none;} body .product.details .variants.simple div.variants-simple-wrapper .select a.active {font-weight: bold;} body .product.details .variants.simple div.variants-simple-wrapper:hover .select, body .product.details .variants.simple div.variants-simple-wrapper .select a span, body .product.details .variants.simple div.variants-simple-wrapper .select a {display: block; z-index: 100; } body .product.details .variants.simple div.variants-simple-wrapper .select a {padding: 2.5% 5%; } body .product.details .variants.simple div.variants-simple-wrapper .select a:hover {background-color: #ddd; color: #000;} body .product.details .desc.description {} body .product.details .actions {} body .product.details .actions .btn {display: block; text-align: center;} body .product.details .actions .btn + .btn {margin-top: 10px;} body .product.details .actions a {display: block;} body .product.details .actions a.reqlogin {} body .product.details .particulars form {clear: left;} body .product.details .cost {margin:0 0 20px; float: left; width: 100%; padding: 0; font-size: 16px; line-height: normal; color: #333;} body .product.details .cost .price {min-width: 45%; display: inline-block;} body .product.details .cost .price + .price {text-align: right;clear: both;float: left;} body .product.details .cost .pricevalue {font-size: 30px; min-width: 0;} body .product.details .bfc-tick {background-position: left -140px; width: 22px; height: 22px; top: 2px; margin: 0 0 0 5px;} body .product.details .bfc-tick.priceinfo {background-position: right -180px;bottom: 8px;top: auto;} body .product.details.stock-no .bfc-tick {background-position: -22px -140px;} body .product.details .bfc-tick.qmark {background-position: left -180px;} body .product.details .bfc-tick.imark {background-position: -22px -180px;} body .product.details .stockstatus .bfc-tick.imark {margin-left: 10px;} body .product.details .amopricebox {clear: both; height: 63px; padding: 0; margin: 0 0 20px; width: 100%; float: left; background: #e36225 url(images/button_bkgs.png) repeat-x scroll left -50px; border-radius: 5px;} body .product.details .amopricebox:hover {background-image: url(images/button_bkgs_hover.png);} body .product.details .tocart, body .product.details .tocart:hover, body .product.details .tocart input {background-position: left 9999px; box-shadow: none; line-height: 63px; height: 63px; float: right; background-color: transparent;} body .product.details .tocart {margin: 0 0 0 -50%;} body .product.details .tocart input {padding: 0 60px 0 20px; background-position: 115% -50px; font-size: 24px;} html[lang=jp] body .product.details .tocart input {padding-right: 50px; font-size: 22px;} body .product.details .amount {float: left; position: relative; display: block; height: 33px; padding: 15px 54px 15px 36px; margin: 0 5px 0 18px; box-shadow: 1px 0 2px 0 rgba(0,0,0,0.2);} body .product.details .amount input {} /* plus/minus */ body .product.details .amount input.plusminus {border-width: 0; border-radius: 0; padding: 0 2px; box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.25); height: 32px; line-height: 32px; font-size: 18px; width: 2em;} body .plusminus-wrap {} body .plusminus-wrap .key {padding: 0; margin: 0; position: absolute; top: 15px; width: 34px; height: 32px; display: block; cursor: pointer; background: #ff7c2d url(images/button_icons.png) no-repeat scroll left -150px;} body .plusminus-wrap .key:hover {opacity: .6;} body .plusminus-wrap .plus {background-position: left -200px; right: 18px;} body .plusminus-wrap .minus {left: 0;} body .product.details .cost .old {display: block; width: 100%; clear: both; float: left; font-weight: normal; margin: 0 0 10px;} body .product.details .cost .old .oldpricenote {float: left; width: 40%;} body .product.details .cost .old del {width: 60%; float: left;} body .product.details .cost .old .pricevalue {} body .product.details .cost big {float: left; display:block; width: 100%; font-size: 16px; line-height: 28px;} body .product.details .cost big .taxnote {display: block; float: left; width: 40%; margin: 12px 0 0; font-weight: normal; line-height: 16px;} body .product.details .cost big .pricevalue {color: #f26522; font-size: 28px; width: 60%; float: left; display: block;} body .product.details .cost sup.dinfo {vertical-align: baseline; font-size: 14px; line-height: normal; display: block; float: left; clear: both; width: 60%; margin: 0 0 0 40%;} body .product.details .cost sup.dinfo a {font-size: 14px; line-height: normal; font-weight: normal;} body .product.details .cost .desc, body .product.details .cost sub.only {display: none;} body .product.details .retail-finance {margin:0 0 20px; float: left; width: 100%; padding: 0; line-height: normal; clear: both;} body .product.details .retail-finance .type {color: #333;} body .product.details .retail-finance a {display: inline-block;} body .product.details .retail-finance img {} body .product.details .retail-finance img + img {margin-left: 10px;} body .product.details .retail-finance.essox_calculator {line-height: 30px;} #body .box.contentitem, #body .box.contentitem table {line-height: normal; font-size: 12px;} #body .box.contentitem .gallerybox {float: right; width: 320px; margin: 0 0 0 20px;} #body .box.contentitem .gallerybox + .gallerybox {float: left; width: 100%; margin: 20px 0; clear: both;} #body .box.contentitem .gallery-item {display: block; float: left; width: 150px; height: 150px; margin: 0 0 10px 10px;} #body .box.contentitem .gallery-item .gallery {display: block; width: 150px; height: 150px;} #body .box.contentitem .gallery-item .gallery img {max-width: 150px; max-height: 150px;} #body .box.contentitem .contentitem-textbox {float: left; width: 100%;} #body .box.contentitem.with-gallery .contentitem-textbox {float: left; width: 600px;} #body .box.contentitem .contentitem-textbox h1, #body .box.contentitem .contentitem-textbox h2, #body .box.contentitem .contentitem-textbox h3 {margin: 0 0 1em;} #body .box.contentitem .contentitem-textbox table.layout {width: 100%; border: 0 none; border-collapse: collapse;} #body .box.contentitem .contentitem-textbox table.layout td {width: 100px; padding: 0 35px 0 0; vertical-align: top; border: 0 none;} #body .box.contentitem .contentitem-textbox table.layout td td, #body .box.contentitem .contentitem-textbox table.layout td + td {width: auto; padding: 0;} #body .box.contentitem .contentitem-header {font-weight: bold;} #body .box.contentitem .contentitem-synopsis {} #body .box.contentitem .contentitem-text {} body .product.details .picturewrap {} body .product.details .discount {float: right;} body .product.details .discount-item {background-color: #23a748; float: right; line-height: 30px; height: 30px; display: block; padding: 5px; } body .product.details .identifier.old {background: transparent url(images/line_dashed_x.png) repeat-x scroll 0 bottom; margin: 0 -5px; padding: 10px 5px;} body .product.details .identifier.old .value {text-align: right;} body .product.details .packing {clear:left; padding-top:10px;} body .product.details .deltime {clear:left; padding-top:10px;} body .product.details .pperunit {clear:left; padding-top:10px;} body .product.details .amprice th {font-weight: bold;} body .product.details .amprice td {padding: 0;} body .product.details .amprice .am {padding-right: 5px;} body .product.details .amprice .pr {font-weight: bold;} body .product.details .socialbookmarks a.suggest, body .product.details .socialbookmarks a#printit {background: transparent url(images/icon-detail.png) no-repeat 0px 0px; display: block; float: left; width: 21px; height: 21px; margin-right: 4px;} body .product.details .socialbookmarks a#printit {background-position: -35px 0px;} body .product.details .pricealarm {float: left; margin: 20px 0 0; width: 100%;} body .product.details .pricealarm a {} body .product.details .persparam {clear: left; margin: 20px 0 0; width: 100%;} body .product.details .persparam label { margin-right: 10px;} .couple-question-box {clear: both; margin: 20px 0 0; width: 100%; text-align: left; float: left;} .couple-question-box label {display: block; float: left; width: 100%; clear: both;} .couple-question-box label + input + label, .couple-question-box label + label {margin: 20px 0 0;} .couple-question-box .checkbox {display: block; float: left; width: 10%;} .couple-question-box .couple-question-text {display: block; float: left; width: 90%;} .couple-question-box .couple-question-title {font-weight: bold;} .couple-question-box .pricevalue {float: right; font-weight: bold;} .couple-question-box .couple-question-desc {clear: both; display: block; margin: 10px 0 0; color: #666; font-size: 12px; line-height: 1.1em;} .change-coupled-list .generalinsurancelink, .couple-question-box .generalinsurancelink {margin: 20px 0 0 10%; width: 90%; display: block; float: left; clear: both; position: relative; color: #000;} #body .change-coupled-list .generalinsurancelink, #body .couple-question-box .generalinsurancelink {color: #000;} .change-coupled-list .generalinsurancelink:before, .couple-question-box .generalinsurancelink:before {content: ""; display: block; height: 30px; width: 30px; background: transparent url(images/buttons.png) no-repeat scroll -72px -244px; position: absolute; left: -12%; top: -4px;} .product + .bundle-table {margin-top: 20px;} .bundle-table {width: 100%; float: left; clear: both;} .bundle-table strong {font-weight: normal;} .bundle-table .price-save {color: #f26522;} .bundle-table .price-save strong {font-weight: bold;} body .product.details .socialbookmarks {padding: 0; margin: 0 0 15px; width: 100%; float: left;} body .product.details .socialbookmarks iframe {float: right;} body .product.details .socialbookmarks iframe.left {float: left;} body .product.details .socialbookmarks .fb_ltr {} body .product.details .socialbookmarks a.twitter-share-button {visibility: hidden;} body .product.details .socialbookmarks #suggest.btn {} body .product.details .socialbookmarks #suggest.btn a {} body .product.details .socialbookmarks #suggest.btn:hover a {} body .product.details a.sbookmarks {border-right:1px solid #888; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;} body .product.details a.sbookmarks.noborder {border:none; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;} body .product.moredetails {width: 100%; height: auto; padding: 0; margin:0 0 0 0; border: 0 none; padding: 0px 0; background: transparent;} body .product.moredetails .morepics {margin-top: 10px; padding: 5px 0; height: 70px; } body .product.moredetails .morepics a {border: 1px dotted #dadada; width: 58px; height: 58px; padding: 4px; margin: 0 10px 0 0px; float: left;} body .product .morepics {width: 100%; position: relative; float: left; clear: both; margin: 15px 0 0;} body .product .morepics a {width: 80px; height: 60px; padding: 5px; margin: 0; display: table-cell; vertical-align: top; text-align: center;} body .product .morepics a img {max-height: 80px; max-width: 60px;} body .product .morepics a {border: 1px solid #fff;} body .product .morepics a:hover {border-color: #f26522;} body .product .morepics .window {width: 100%; height: 110px; position: relative; overflow: hidden;} body .product .morepics .paging {display: block; width: 100%; } body .product .morepics .paging .page {display: none;} body .product .morepics .paging .arrow {display: block; cursor: pointer; position: absolute; top: 38px; width: 33px; height: 33px; margin: 0; padding:0; background: transparent url(images/carrows.png) no-repeat scroll left -500px; } body .product .morepics .paging .arrow.off {cursor: default; opacity: 0 !important;} body .product .morepics .paging .arrow.l {left: -10px;} body .product .morepics .paging .arrow.r {background-position: left -550px; right: -10px;} body .product .morepics .paging .arrow, body .product .morepics a { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } #body #longdesc {} #body #longdesc p {} #body #longdesc ul {list-style-image: url(images/bullet_ul.png);} #body #longdesc ul li {font-style: italic;} #body #longdesc strong.h3 {} #body #mmtabs .longdesc #test_product_longdesc {height: 102px; font-size: 13px; line-height: 17px; overflow: hidden; margin-bottom: 10px;} #body #mmtabs .longdesc .morelongdesc {background-position: -700px -240px; margin: 0 auto; display: block; cursor: pointer; height: 24px; width: 72px; line-height: 20px; font-size: 10px; color: #333; padding: 0px 15px 0px 8px; font-weight: bold; text-transform: uppercase;} #body #mmtabs .longdesc .morelongdesc.none {display: none;} #body .box.attributes {background: #eee; border: 1px solid #bbb; border-radius: 5px; box-shadow: 0 0 1px 0 #fff;} #body .box table.attributes {width: 90%; margin: 10px 5%;} #body .box .attributes td {padding:.2em 0; vertical-align: top; text-align: left;} #body .box .attributes td.label, #body .box .attributes td.label b {font-weight: bold;} #body .box .attributes td.label b {display: block; padding-left: 25%; text-transform: capitalize;} #body .box .attributes td.value {font-weight: normal; border-right: 1px solid #ccc;} #body .box .attributes td.value + td.label + td.value {border-right: 0 none;} #body .box.columns1 .attributes td.label {width: 46%; padding-right: 1%;} #body .box.columns1 .attributes td.value {width: 52%; padding-left: 1%; } #body .box.columns2 .attributes td.label {width: 21%; padding-right: 1%;} #body .box.columns2 .attributes td.value {width: 26%; padding-right: 2%;} #body .box.columns3 .attributes td.label {width: 12%; padding-right: 1%;} #body .box.columns3 .attributes td.value {width: 18%; padding-right: 2%;} #body .box.columns4 .attributes td.label {width: 9%; padding-right: 1%;} #body .box.columns4 .attributes td.value {width: 13%; padding-right: 2%;} #body .box.columns5 .attributes td.label {width: 7%; padding-right: 1%;} #body .box.columns5 .attributes td.value {width: 10%; padding-right: 2%;} #body .box .attributes tr + tr td {} #body .box.columns1 .attributes tr + tr td {} #body .box .attributes td + td.label {border-left: 1px solid #ccc;} #body .box .attributes td + td.label b {} #body .box .attributes .categories-row {} #body .box .attributes .categories-row td {} #body .box .attributes .categories-row td.value {border-right: 0 none;} #body .box .attributes tr + .categories-row td {padding-top: 15px;} #body .box .attributes td.label.categories {} #body .box .attributes td.value.categories {} #body .box .attributes td.value.categories .product-path, #body .box .attributes td.value.categories .product-paths {display: block; width: 100%; float: left; line-height: 1.1em;} #body .box .attributes td.value.categories .product-path {} #body .box .attributes td.value.categories .product-path + .product-path {margin-top: 5px;} #body .box .attributes td.value.categories .product-paths {} #body .box .attributes td.value.categories .goto {white-space: nowrap; float: left; display: block;} #body .box.eduard-store-news-archive-path .sep, #body .box .attributes td.value.categories .sep {background: transparent url(images/arrows.png) no-repeat -4px -224px; display: block; float: left; width: 25px; text-indent: -9999px; height: 1.1em;} #body .box.eduard-store-news-archive-path {padding-top: 20px;} #body .product + .box.eduard-store-news-archive-path {border-top: 1px solid #eee;} #body .box.eduard-store-news-archive-path a {float: left; display: block; line-height: 1em;} #body .box .pricealarm {border-top:1px dotted #ddd;} #body .box .pricealarm th {padding-top: .5em;} #body .box .pricealarm th label {font-weight: bold; } /* !!!!!!!!!!!!!!!!!!!!!! */ #subnavhook {clear: both; width: 100%; height: auto; position: relative; margin: 20px 0; float: left;} #subnavhook.subnavless {} #subnavhook.pinned {} #subnav {display: inline-block; position: relative; text-align: left;} #subnav.pinned {} #body #subnavhook.pinned .product {position: fixed; top: -1px; left: auto; z-index: 200; width: auto;} #subnavhook.pinned .product + #subnav {} #subnav a, #subnav a span {display: inline-block; padding: 0; line-height: 20px;} #subnav a:hover {} #subnav a.active {color: #333;} #subnav a {margin-right: 10px;} #subnav a + a {} #subnav a span {padding: 0 15px 0 0; background: transparent url(images/arrows.png) no-repeat scroll right -392px; white-space: nowrap; text-decoration: underline;} #subnav a:hover span {text-decoration: none;} #subnav a { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } #subnav a {width: auto;} #subnav.items1 a {} #subnav.items2 a {} #subnav.items3 a {} #subnav.items4 a {} #subnav.items5 a {} #subnav.items6 a {} #subnav.items7 a {} #subnav.items8 a {} #subnav.items9 a {} #subnav.items10 a {} #subnav a.groupmasters {padding-left: 35px; background: transparent url(images/biged_subnav.png) no-repeat scroll left center;} .zoomWindow {box-shadow: 2px 2px 10px 0 rgba(0,0,0,.4);} body.start-page #body .promorotator {display: none; float: left; margin: 0px 0; padding: 0 10px; width: 978px; border: 0 none; } body.start-page #body .promorotator.active, body.start-page #body .promorotator:first-child {display: block; margin: 0px 0 0px; border-color: #fff; } body.start-page #body .promorotator.active {border: 1px solid #ccc;} #body .welcome {width: auto; float: left; clear: both; padding: 20px 5px 0;} #body .welcome h1, #body .welcome h2, #body .welcome h3, #body .welcome p, #body .small-banner h1, #body .small-banner h2, #body .small-banner h3, #body .small-banner p {margin: 0; line-height: normal;} #body .small-banner {margin:0 0 16px 0; padding:0; width: 234px; height: 322px; overflow: hidden; float: right;} #body .small-banner.type-a {background: url(images/banner_side_bkg.png) no-repeat scroll left top;} #body .small-banner.type-a .small-banner-content {width: 232px; height: 320px; margin: 1px; border-radius: 5px; overflow: hidden;} #body .small-banner.type-b {} #body .welcome {} #body .welcome table {width: 100%; border-collapse: collapse; table-layout: fixed;} #body .welcome table td {width: 25%; text-align: center;} #body .welcome .pictograms {background: #fff url(images/pictograms_bkg.png) repeat-x scroll left bottom; padding: 15px 0;} #body .welcome .pictograms table {} #body .welcome .pictograms table td {vertical-align: top;} #body .welcome .pictograms table td + td {border-left: 1px solid #ccc;} #body .welcome .pictograms table a {display: block; margin: 0 1%; color: #444; text-decoration: none;} #body .welcome .pictograms table a:hover {text-decoration: underline;} #body .welcome .pictograms table img {max-width: 100%; height: auto;} #body .welcome .promocats, #body .welcome .promocats .single-promocat {width: 100%; float: left; clear: both;} #body .welcome .promocats {} #body .welcome .promocats .single-promocat {margin: 0 0 20px;} #body .welcome .promocats .single-promocat h2 {margin: 0; padding: 20px 0; font-style: italic; line-height: 1.1em; color: #5d5d5d;} #body .welcome .promocats .single-promocat + .single-promocat h2{background: transparent url(images/line_dotted_horizontal.png) repeat-x scroll left top;} #body .welcome .promocats .single-promocat .cat-img {float: left; margin: 0 2% 20px 0; width: 30%;} #body .welcome .promocats .single-promocat .cat-img img {max-width: 100%; height: auto;} #body .welcome .promocats .single-promocat .cat-textwrap {float: left; width: 68%;} #body .welcome .promocats .single-promocat .cat-textwrap .btn {float: right; margin: 15px 0 0 10px;} #body .welcome .promocats .single-promocat .cat-textwrap .btn a {background-position: right -600px; padding-right: 40px;} #body .welcome .promocats .single-promocat .cat-bonus {display: block; font-weight: bold; padding: 15px 0 5px;} #body .welcome .promocats .single-promocat .cat-link {display: block;} body.start-page #body strong.limitedtimediscount, body.details-page #body .customwelcome strong.head2, body.start-page #body .customwelcome strong.head2 {clear: none; font-style: italic; font-size: 20px; margin-top: 0; border-bottom: 0 none; width: 728px; float: left;} body.details-page #body .customwelcome table, body.details-page #body .customwelcome strong.head2 {clear: both;} body.start-page #body .customwelcome {margin: 20px 0; padding: 0; width: 960px; position:relative; float: left; clear: both;} body.start-page #body .customwelcome p {margin: 0;} body.start-page #body .customwelcome table {float: left; margin: 0; line-height: normal; width: 100%;} body.start-page #body .customwelcome table td {vertical-align: top; padding: 0; text-align: left;} body.start-page #body .customwelcome table td + td {text-align: center;} body.start-page #body .customwelcome table td + td + td {text-align: right;} body.start-page #body .customwelcome table strong.h2 {font-weight: bold; font-size: 24px;} body.start-page #body .customwelcome span.btn {background-position: right -300px; height: 42px; padding-right: 20px; } body.start-page #body .customwelcome span.btn a {background-position: left -300px; height: 42px; line-height: 40px; font-size: 15px; color: #fff; padding: 0 0 0 20px;} #body .box .guestbook {margin-top: 9px;} #body .box .guestbook .head td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0;} #body .box .guestbook .body td { padding: 5px 0;} #body .start-info {margin-bottom: 30px;} #body .start-info .left {max-width: 30%;} #body .start-info .left + .left {margin-left: 2%; max-width: 68%;} #body .start-info .left + .left + .left {margin-left: 0; max-width: 100%; clear: both;} #body .start-info .left img {max-width: 100%;} #body .start-info .btn a:hover, #body .start-info a {text-decoration: none;} #body .start-info a:hover {text-decoration: underline;} #body .start-social {padding: 25px; background-color: #f0f0f0; border: 1px solid #bbb; box-shadow: inset 0px 0px 1px #fff; border-radius: 5px; min-height: 200px; margin: 0 0 40px; text-align: center;} #body .start-social strong.head {font-style: italic; font-size: 2.3em; line-height: 1em; margin: 0 0 20px; padding: 0; text-align: center; font-weight: 300;} #body .start-social .shadowline {background-color: transparent; background-image: url(images/line_sep_tr.png); background-position: center -2px; background-size: 100%; margin: 0 auto -20px;} #body .start-social iframe {width: 100% !important; height: auto !important; margin-bottom: 30px;} #body .start-social .newsletter .txt {float: left; margin: 0 10px 0 0;} #body .start-social .newsletter .btn.subscribe {} /* Links */ #body .box dl.links {margin: 0;} #body .box dl.links dt {margin: 0 0 12px;} #body .box dl.links dd {background: url(images/line_dotted_horizontal.png) repeat-x bottom; padding-bottom: 10px; margin: 0 0 10px;} #body .box dl.links dd.last {background: transparent; margin: 0; padding: 0;} /* News list */ #body dl.news {margin: 0;} #body dl.news dt {margin-bottom: 12px;} #body dl.news dt a {font-weight: bold;} #body dl.news dt a:hover {text-decoration: none;} #body dl.news dd {margin: 0 0 15px 0;} #body #box-news {} #body #box-news.box div.newsitem {float: left; width: 100%; padding: 0; margin: 0 0 10px;} #body #box-news.box div.newsitem.all4 {width: 24%; margin-right: 1.333%;} #body #box-news.box div.newsitem.all3 {width: 32%; margin-right: 2%;} #body #box-news.box div.newsitem.all2 {width: 49%; margin-right: 2%;} #body #box-news.box div.newsitem.all1 {} #body #box-news.box div.newsitem.last {margin-right: 0;} #body #box-news.box div.newsitem .newsitem-icon {margin-bottom: 15px; display: block; max-width: 100%;} #body #box-news.box div.newsitem .newsitem-icon img {max-width: 100%;} #body #box-news.box div.newsitem .newsitem-title {font-size: 16px; font-weight: normal; display: block; margin-bottom: 10px; width: 100%; text-transform: none; border: 0 none; padding: 0; clear: both;} #body #box-news.box div.newsitem .newsitem-title a {} #body #box-news.box div.newsitem .newsitem-text {display: block; margin-bottom: 10px;} #body #box-news.box div.newsitem .newsitem-more {display: block; float: right; clear: right; color: #f26522; text-transform: uppercase; font-size: 12px; line-height: 1.3em;} #body #box-news.box div.newsitem .newsitem-more a {background-position: 9999px 9999px; padding: 0;} #body #box-news.box div.newsitem .newsitem-more a:after {content: " ...";} #body #box-news.box div.newsitem .newsitem-date {float: left; clear: left; } #body #box-news.box .news-more {display: block; width: 100%; text-align: right; padding-top: 5px; float: right; clear: both;} #body #box-news.box .news-more a {margin-right: -20px;} #body .box.contentitem-synopsis {} #body .box.contentitem-synopsis img {max-width: 200px;} /* Compare */ #body .box.compare {margin-bottom: 20px;} #body .box.compare .reorder {clear: both;} #body .box.compare .reorder div {background: transparent url(images/buttons.png) no-repeat scroll right -450px; padding: 0 5px 0 0; height: 26px; line-height: 22px; vertical-align: middle;} #body .box.compare .reorder a {font-weight: bold; font-size: 18px; text-align: center; display: block; width: 15px;height: 26px; line-height: 22px; padding: 0 0 0 5px; background: transparent url(images/buttons.png) no-repeat scroll left -450px; text-decoration: none; color: #fff;} #body .box.compare .reorder a:hover {text-decoration: none;} #body .box.compare .product {border: none; float: none; display: block; width: auto;} #body .box.compare .product .picture {display: table; width: 100%; text-align: center; margin-bottom: 10px;} #body .box.compare .product.productbox:hover .frame { display: none !important;} #body .box.compare .product.small {margin: 0 auto;} #body .box.compare .product.small strong.h3 a {height:auto; left:0; top:0; position: relative;} #body .box.compare .product.small form {bottom:0;} #body .box.compare .actions {padding-top:1em; margin-bottom: 5px; width:123px; text-align:left;} #body .box.compare .actions a {text-decoration: none; padding-left: 12px; background: url(images/arrows.png) no-repeat 0 -300px; display:block; width: 1%; white-space: nowrap;} #body .box.compare .actions a:hover {text-decoration: underline;} #body .box.compare table.cmp_tbl {margin-left: auto; margin-right: auto; width: 100%; border-collapse: collapse;} #body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th { padding: 3px 6px 3px 6px; border:1px solid #e0e0e0; border-top: 0 none;} #body.plain .box.compare table.cmp_tbl td, #body.plain .box.compare table.cmp_tbl th {border-top:1px solid #e0e0e0;} #body .box.compare table.cmp_tbl th {font-weight: bold;} #body .box.compare .no_left_brd {border-left: none !important;} #body .box.compare table.cmp_tbl .no_bot_brd td, #body .box.compare table.cmp_tbl .no_bot_brd th {border-bottom: 0 none; border-top: 1px solid #e0e0e0;} #body.plain .box.compare table.cmp_tbl {margin: 0 auto; width: auto;} #body.plain .box.compare .product.small {height: auto;} body.compare-page #body.plain #zenbox_tab {display: none !important;} #body.plain .box.compare .actions {display: none;} #body.plain .box.compare .tocart {display: none;} #body.plain .box.compare table.cmp_tbl th {width: 121px;} #body.plain .box.compare form div {text-align: center;} #body.plain .box.compare .price sup.dinfo {display: none;} #body.plain .box.compare .desc.description {padding: 10px 0 0;} /* ORDER */ /* Order steps */ #body .ordersteps {margin:0; width: 100%; height: 114px; float:left; overflow: hidden; background: #ddd url(images/basket_steps_bkg.png) repeat-x scroll left top;} body.basket-page #body .ordersteps {} body.user-page #body .ordersteps {} body.payment-page #body .ordersteps {} body.wrapping-page #body .ordersteps, body.order-page #body .ordersteps {} body.thankyou-page #body .ordersteps, body.start-page #body .ordersteps {} /* ORDER */ body.basket-page #content.paper, body.user-page #content.paper, body.payment-page #content.paper, body.wrapping-page #content.paper, body.order-page #content.paper, body.thankyou-page #content.paper, body.start-page #content.paper {padding-top: 0;} body.basket-page #path, body.user-page #path, body.payment-page #path, body.wrapping-page #path, body.order-page #path, body.thankyou-page #path, body.start-page #path {display: none;} #body .ordersteps dl.active {background: transparent url(images/basket_steps_bkg_act.png) no-repeat scroll right top;} #body .ordersteps dl a {cursor: pointer;} #body .ordersteps dl.first {} #body .ordersteps dt {padding:0 0 0px 0; margin: 0; font-weight: bold; font-size: 17px;} #body .ordersteps dt, #body .ordersteps dt a, #body .ordersteps dl big {font-size: 18px; font-weight: normal; font-weight: 400; color: #444;} #body .ordersteps dl big {font-size: 68px; text-indent: 0em; line-height: 70px; position: absolute; top: 22px; overflow: hidden; left: 13px; display: block; width: 45px; text-align: right;} #body .ordersteps dl.active + dl big {left: 33px;} #body .ordersteps dt, #body .ordersteps dt a {text-transform: uppercase; } #body .ordersteps dt a {display: block;} #body .ordersteps dd, #body .ordersteps dd a {font-size: 12px; margin: 0; color: #888; font-weight: normal; line-height: 1.2em;} #body .ordersteps dd, #body .ordersteps dd a {} #body .ordersteps dd a {display: block;} #body .ordersteps dl.active big, #body .ordersteps dl.active dd, #body .ordersteps dl.active dd a, #body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #fff;} #body .ordersteps.nofinalstep dl {width: 250px;} #body .ordersteps.nofinalstep .lastinrow {} #body .ordersteps dl:hover a {text-decoration: underline;} #body .ordersteps dl {width: 13.5%; padding: 0;} #body .ordersteps dl a {text-decoration: none;} #body .ordersteps dl dt .step, #body .ordersteps dl dd {display: none;} #body .ordersteps dl dt a, #body .ordersteps dl dt {padding: 0;} #body .ordersteps dl.active {z-index: 10; width: 46%; padding: 0; margin-right: -25px;} #body .ordersteps dl.active + dl {padding: 0 0 0 25px;} #body .ordersteps dl.active dt .step, #body .ordersteps dl.active dd {display: block; } #body .ordersteps dl.active dd a, #body .ordersteps dl.active dd {margin: 0; padding: 0;} #body .ordersteps dl.active dt a, #body .ordersteps dl.active dt {margin: 0; padding: 0;} #body .ordersteps dl.active dd {padding: 0 30px 0 58px; } #body .ordersteps dl.active dt {padding: 30px 10px 0 58px;} #body #shipping .shipform {width: 100%;} #body .form.payments {} #body .form.payments td, #body #shipping .shipform td {width: 50px; padding: 0 0 20px; vertical-align: top;} #body .form.payments td td, #body .form.payments td + td, #body #shipping .shipform td td, #body #shipping .shipform td + td {width: auto;} #body .form.payments td td, #body #shipping .shipform td td {padding: 0 10px 10px;} #body .form.payments td col + col, #body #shipping .shipform td col + col {width: auto !important;} #body .form.payments .pricevalue, #body #shipping .pricevalue {font-weight: bold;} #body .paymentform label, #body #shipping .shipform label {font-size: 16px; text-transform: uppercase; color: #000;} #body #shipping .shipdesc {float: left; width: 100%;} #body .paymentform, #body #shipping .shipdesc p {margin: 0; color: #666;} #body .form.payments .type {display: none;} #body #supplypoint-box {margin: 0; padding: 0;} #body .supplypoint-list {} #body ul.supplypoint-list {line-height: normal; max-height: 200px; overflow: auto; box-shadow: inset 2px 2px 10px 0 #eee; border-radius: 5px; padding: 20px 2%; border: 1px solid #ddd; margin: 20px 0 0; width: 95%;} #body ul.supplypoint-list li {padding: 0; margin: 0; list-style: none;} #body .supplypoint-list .shiptosupplypointitem {margin: 4px 10px 0 0;} #body .supplypoint-list .title {font-weight: bold;} #body .supplypoint-list .address {} #body .supplypoint-list .address:before {content: " - ";} #body .supplypoint-list .supplypoint-link {} /***************/ /* Order steps */ #body .ordersteps {margin:0; padding: 0; width: 100%; height: 114px; float:left; overflow: hidden; clear: both; background: #ddd url(images/basket_steps_bkg.png) repeat-x scroll left top;} body.basket-page #body .ordersteps {} body.user-page #body .ordersteps {} body.payment-page #body .ordersteps {} body.wrapping-page #body .ordersteps, body.order-page #body .ordersteps {} body.thankyou-page #body .ordersteps, body.start-page #body .ordersteps {} #body .ordersteps dl {height: 114px; padding: 0; margin: 0; float:left; position: relative; line-height: normal; cursor: default;} #body .ordersteps dl.active + dl:hover {background: transparent url(images/basket_steps_bkg_act.png) no-repeat scroll right -150px; cursor: pointer; } #body .ordersteps dl.active + dl.lastinrow:hover {background-position: left -150px; } #body .ordersteps dl.active + dl:hover big, #body .ordersteps dl.active + dl:hover dt, #body .ordersteps dl.active + dl:hover dd, #body .ordersteps dl.active + dl:hover a {color: #fff; } #body .basket {position: relative;} #body .basket .checkboxes input.remove {position: absolute; left: -9999px;} #body .basket .checkboxes .frombasket { background: transparent;} #body .basket .checkboxes .frombasket .btn {background-image: url(images/button_icons.png); background-position: 26px -1550px;} #body .basket .other {font-size: 12px; color: #999; text-align: left; line-height: 1.75em;} #body .basket .other.value *, #body .basket .other.value {text-align: left; font-style: italic;} #body .basket input.am {border: 1px solid #ccc; box-shadow: inset 1px 1px 0 rgba(0,0,0,0.5); text-align: center;} #body .basket .update {display: none;} #body .basket .frombasket a, #body .basket .frombasket input {width: auto;} #body .basket .rubut {border-top: 1px solid #ccc;} #body .basket .vouchers {float: left; width: 100%;} #body .basket.table .vouchers {border-top: 1px solid #ccc;} #body .basket.table .row.sumrow, #body .basket.table .vouchers .sumrow {padding: 0; } #body .basket.table .row.sumrow.total {padding-top: 15px; text-transform: uppercase; color: #F26522; font-size: 18px;} #body .basket.table .row .cell.right, #body .basket .vouchers .cell.right {float: right; text-align: right; width: 20%; position: relative;} #body .basket.table .row .cell.sumdesc {width: 65%; text-align: right;} #body .basket.table .row.vouchers .cell.sumdesc {width: auto; text-align: left;} /* Order back/next step button */ /*.basket #body .minorderprice {background: #f0f0f0 url(images/minorder_bkg.png) no-repeat 60px center; border: 1px solid #bbb; box-shadow: inset 0px 0px 1px #fff; width: 82%; padding: 30px 2% 30px 12%; margin: 30px 2%; float: left; clear: both; border-radius: 10px;}*/ .basket #body .emptybasket {width: 86%; padding: 30px 3% 30px 5%; margin: 30px 3% 10px; float: left; clear: both; } .basket #body .minorderprice {background: #f0f0f0 url(images/minorder_bkg.png) no-repeat 30px center; border: 1px solid #bbb; box-shadow: inset 0px 0px 1px #fff; width: 76%; padding: 30px 3% 30px 15%; margin: 30px 3%; float: left; clear: both; border-radius: 10px;} .basket #body .emptybasket .title, .basket #body .minorderprice .title {font-style: italic; font-size: 18px; height: 24px; display: block; margin: 0 0 10px;} .basket #body .emptybasket .title {display: inline;} .basket #body .minorderprice .price {display: block; height: 20px;} .basket #body .emptybasket .btn {margin: 20px 0 0;} #body div.bar.prevnext .termsconfirm {width: auto; margin: 0 10px;} #body div.bar.prevnext .termsconfirm td {padding: 0; height: 60px; vertical-align: middle; text-align: left;} #body div.bar.prevnext .termsconfirm td + td {padding: 0 0 0 20px;} #body div.bar.prevnext .termsconfirm a { text-decoration: underline;} #body div.bar.prevnext .termsconfirm .chkbox {background: transparent; border: none; vertical-align: middle; margin: 0px; padding: 0;} #body div.bar.prevnext.terms {margin-bottom: 30px;} #body .box + div.bar.prevnext.terms {margin-top: 50px;} /* Basket */ #body .basket {float: left; margin: 0 0 10px 0; border: 0 none; empty-cells: show; width: 100%;} #body .basket a {text-decoration: none;} #body .basket a:hover {text-decoration: underline;} #body .basket tbody td {padding-top: 20px; vertical-align: top;} #body .basket th {font-weight: normal; font-weight: 300; height: 25px; padding-left: 0px; border-bottom: 1px solid #ccc; color: #333; text-transform: uppercase;} #body .basket th.brd {padding: 0;} #body .basket th .brd_line {height: 25px;} #body .basket th.lastcol {padding: 0; width: 3%;} #body .basket .bsk_sep td {height: 9px; padding-top: 0;} #body .basket .bsk_sep .brd, #body .basket .bsk_sep .line, #body .basket .bsk_sep .line + td {border-bottom: 1px solid #e5e5e5;} #body .basket .bsk_sep .bigline {border-bottom: 1px solid #e5e5e5;} #body .basket .picture {border: 0 none; text-align: center; display: block;} #body .basket .art_title a {font-weight: bold; font-size: 20px; color: #333;} #body .basket .art_num {font-size: 14px; color: #999; margin-top: 5px;} #body .basket .art_desc {font-size: 14px; color: #666; margin-top: 10px; line-height: 1.2em;} #body .basket .recommended {margin-top: 0;} #body .basket .recommended .type {font-weight: bold;} #body .basket .variants select {width: 136px; margin-top: 2px;} #body .basket .btn, #body .basket .amount {} #body .basket span.btn input.upd {} #body .basket .upd {} #body .basket .price {padding-right: 0px; text-align: right;} #body .basket .orderprice {padding-right: 6px; text-align: right;} #body .basket .price-item {display: block; width: 90%; clear: both; text-align: right; margin-left: 10%;} #body .basket .price-item + .price-item {margin-top: 10px;} #body .basket .price-item .label {float: left; text-align: left;} #body .basket .price-item .value {} #body .basket input.txt {border: 1px solid #ccc;} #body .basket .vat {padding-left: 0px; text-align: right;} #body .basket .vat_order {padding-left: 0px; text-align: right; } #body .basket .amount {padding-right: 20px;} #body .basket .totalprice {padding-right: 6px; text-align: right; font-weight: bold; font-size: 16px; color: #F26522; line-height: normal;} #body .basket .notice td {} #body .basket .sumrow td {font-size: 16px; line-height: normal; font-weight: normal;} #body .basket .sumrow .sumdesc, #body .basket .grey {} #body .basket .sumrow.total td {font-weight: bold; text-transform: uppercase; font-size: 16px; color: #f26522; line-height: normal;} #body .basket .sumrow.total b {font-weight: bold;} #body .basket .sumrow.total #test_basketGrandTotal b, #body .basket .sumrow.total #test_orderGrandTotal b {font-weight: bold;} #body .basket .sumrow.total #test_orderGrandTotal .rubles, #body .basket .sumrow.total #test_basketGrandTotal .rubles {display: block; padding-right: 30px;} #body .basket .sumdesc {padding-right: 15px !important; text-align: right;} #body .basket .discount, #body .basket .coupon {} #body .basket .bottrow {height: 14px;} #body .basket a.remove {} #body .basket a.wrapremove {} #body .basket .wrapmod {display:block; width: 85px; background-position: right -100px;float: left;} #body .basket .wrapmod a {text-align: center; width: 63px; background-position: 0 -100px;padding: 0 0 0 22px;} #body .basket tbody td.brd, #body .basket tbody td.checkboxes {padding: 0; text-align: center; width: 30px;} #body .basket tbody td.checkboxes input {} #body .basket .reload.btn {display: none;} #body .basket .sumrow .frombasket {} #body .basket .frombasketbtn .frombasket {} #body .basket .sumrow .frombasket .btn, #body .basket .frombasketbtn .frombasket .btn {} #body .basket .sumrow span.btn {background-position: right -852px;} #body .basket .sumrow span.btn input {background-position: left -852px;} #body .basket .sumrow span.btn, #body .basket .sumrow .frombasket {margin-top: 0px;} #body .basket .bundle-row td {padding-top: 50px;} #body .basket .bundle-row td.item {padding-left: 50px;} #body .basket .bundle-row td.item .art_title {position: relative;} #body .basket .bundle-row td.item .art_title:before {content: ""; display:block; width: 30px; height: 3em; border: 1px solid #888; position: absolute; left: -50px; top: -2.3em; border-width: 0 0 1px 1px;} #body .basket .bundle-row td.item .art_title:after {content: ""; display: block; position: absolute; left: -50px; top: -2.3em; margin: 0 0 0 -5px; width: 0; height: 0; border: 5px solid transparent; border-top-width: 0; border-bottom-color: #888;} #body .basket .bundle-row + .bundle-row td.item .art_title:before {height: 4em; top: -3.3em;} #body .basket .bundle-row + .bundle-row td.item .art_title:after {top: -3.3em;} /* no TABLE Basket*/ #body div.table.basket {} #body div.table .row {float: left; width: 100%; clear: both;} #body div.table .row.thead {border-bottom: 1px solid #ccc; font-size: 17px; text-transform: uppercase;} /* #body div.table.basket .cell {float: left; padding: 20px 10px;} #body div.table.basket .cell.pictures {width: 195px;} #body div.table.basket .cell.pictures img {max-width: 195px; max-height: 115px;} #body div.table.basket .cell.titles {width: 400px;} #body div.table.basket .cell.totalprice {float: right; padding-right: 30px; width: 130px; } #body div.table.basket .cell.amounts {width: 100px;} #body div.table.basket .cell.other {width: 100px;} */ #body div.table.basket .row {padding: 15px 0;} #body div.table .row:hover {background-color: #eee;} #body div.table.basket .row:hover, #body div.table .row.thead:hover {background: transparent;} #body div.table .cell {float: left; padding: 5px 10px;} #body div.table.basket .cell.ta_right {float: right;} #body div.table.basket .row .th.titles {} #body div.table.basket .row .th.cell {padding: 4px 10px 4px;} #body div.table.basket .row .th.cell.titles {} #body div.table.basket .row .th.cell.amounts {text-align: left;} #body div.table.basket .row .th.cell.checkboxes {padding: 0;} #body div.table.basket .cell.checkboxes {width: 40px; padding: 5px 0;} #body div.table.basket .cell.pictures {width: 195px; } #body div.table.basket .cell.pictures img {max-width: 195px; max-height: 115px;} #body div.table.basket .cell.titles {width: 205px;} #body div.table.basket .cell.totalprice {float: right; padding-right: 10px; width: 130px; } #body div.table.basket .cell.amounts {width: 100px; clear: left; text-align: center;} #body div.table.basket .cell.amounts input.am {margin-left: 20px;} #body div.table.basket .cell.other {width: 80px;} #body div.table.basket .cell.others {width: 200px;} body.user-page .box.info, #body .bisector {width: 94%; margin: 1em 0; padding: 10px 3%;float: left; clear: both;} #body .bisector + .bisector {} body.user-page .bisector .form {width: 98%;} .change-coupled-list {width: 96%; margin: 0 2%; padding: 10px 0; text-align: left; float: left;} #body .change-coupled-list {width: 100%;} .change-coupled-list .basketproduct {padding: 0; display: block; float: left; width: 100%; clear: both;} .change-coupled-list .basketproduct + .basketproduct {padding-top: 10px;} .change-coupled-list .basketproduct .checkbox {display: block; float: left; width: 10%;} .change-coupled-list .basketproduct .couple-question-text {display: block; float: left; width: 90%;} .change-coupled-list .basketproduct .couple-question-title {font-weight: bold;} .change-coupled-list .basketproduct .pricevalue {float: right;} .change-coupled-list .basketproduct .couple-question-desc {clear: both; display: block; margin: 10px 0 0; color: #666; font-size: 12px; line-height: 1.1em;} .change-coupled-list span.btn {text-align: right; float: right; margin: 10px 0 0; clear: both;} #body .box.voucher {width: 380px; padding: 15px 25px; border: 1px #ccc solid; min-height: 60px; background: #f2f2f2 url(images/basket_voucher_bkg.png) repeat-x scroll left bottom;} #body .box.voucher .head {padding: 0 0 10px; font-size: 16px; font-weight: normal; text-transform: uppercase;} #body .box.voucher input.placeholder {font-style: italic; background: transparent; line-height: 28px; height: 28px; color: #666; padding: 0 10px; background: #fff; box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.6); width: 180px; float: left;} #body .box.voucher span.btn {background-position: right -550px; float: right;} #body .box.voucher span.btn input {background-position: left -550px; font-size: 11px;} #body .box.incentive {font-size: 18px; width: 380px; padding: 15px 25px; border: 1px #a7212c solid; text-align: center; float: right; color: #fff; background: #db1929 url(images/basket_incentive_bkg.png) repeat-x scroll left bottom;} #body .box.incentive .content {display: table-cell; width: 380px; height: 60px; vertical-align: middle; color: #fff;} #body .box.voucher + div.bar.prevnext, #body .box.incentive + div.bar.prevnext {margin-top: 30px; position: relative; } #body .box.voucher + div.bar.prevnext:before, #body .box.incentive + div.bar.prevnext:before {content: ""; display: block; height: 0; position: absolute; top: -15px; left: -3.1%; width: 106.3%; border-top: 1px solid #e5e5e5;} #body div.bar.prevnext + strong.head2, #body div.bar.prevnext + .boxhead {border-top: 1px solid #e5e5e5; background-position: 9999px 9999px; background-repeat: no-repeat;} /* user options step */ #body .useroption {margin: 20px 0 20px 3%; width: 27%; min-height:430px; height:auto !important; height:430px;} #body .useroption-last {} #body strong.useroptboxheadbig, #body strong.useroptboxhead {margin:10px 0; font-size: 20px; font-weight: 600; display: block; width:100%; font-style: italic; color: #444;} #body .useroptboxbig, #body .useroptbox {width:100%; margin:10px 0; position:relative; color: #666;} #body .useroptbox .openidbox {margin-top: 2em;} #body .useroption {background: transparent; width: 94%; margin: 10px 3%; padding: 0; clear: both; min-height: 0; height: auto; border-bottom: 1px dashed #ccc;} #body .useroption + .useroption {/*background: transparent url(images/line_dash_v.png) repeat-y scroll left top; */} #body .useroption strong.useroptboxheadbig, #body .useroption strong.useroptboxhead, #body .useroption .useroptboxbig, #body .useroption .useroptbox {width:90%; margin-left: 10%;} #body .useroption .useroptbox .forgot {margin-left: 10%;} #body .useroption .useroptbox span.btn {} #body .useroption #test_UsrOpt1 {background-position: right -600px; padding-right: 30px;} #body .useroption .useroptbox ul {list-style: url(images/bullet_ul.png); padding-left: 1.3em;} #body .useroptboxbig {} #body .useroptboxbig .fs11, #body .useroptbox .fs11 {} #body .login-user .useroptboxbig .fs11, #body .login-user .useroptbox .fs11, #body .useroptboxbig b, #body .useroptbox b {font-size: 14px; font-weight: normal; float: left; display: block; width: 80px; line-height: 30px;} #body .login-user .useroptboxbig .fs11 b, #body .login-user .useroptbox .fs11 b {float: none; display: table-cell; width: 80px; line-height: 1.1em; vertical-align: middle; height: 30px;} #body .useroptbox .err {margin-bottom: 10px;} #body #sandpit.personal .ascompany {display: none;} /* payment step */ #body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;} /* order step */ #body dl.orderinfocol {margin: 0 1%; width: 48%; float:left;} #body dl.orderinfocol .address {display: block;} #body dl.orderinfocol span.btn {} #body dl.orderinfocol p {margin: 0;} #body .shippingandpayment dl.orderinfocol span.btn {display: block; float: left; margin: 10px 0 0;} #body dl.orderinfocol dt {padding:0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border-bottom: 1px solid #eee;} #body dl.orderinfocol dd {padding:0; margin: 0;} #body .giftwrap {} #body .etrustlogocol {float: left; width: 100px;} #body .etrustdescocol {float: left; width: 443px;} /* Wrapping */ #body .wrapping {margin: 0 0 10px;empty-cells: show;width: 728px;float: left;} #body .wrapping tbody td {padding-top: 10px;} #body .wrapping th {font-weight: bold; height: 25px; padding-left: 6px;border-bottom: 2px solid #888;} #body .wrapping th.brd {padding: 0;} #body .wrapping th .brd_line {width: 7px; height: 25px;} #body .wrapping td.brd {} #body .wrapping .wrp_sep td {height: 10px; padding-top: 0;} #body .wrapping .wrp_sep .line {border-bottom: 1px solid #eee;} #body .wrapping .picture {text-align: center; display: block; width: 60px;} #body .wrapping .art_title a {font-weight: bold;} #body .wrapping .art_num {} #body .wrapping .wrapping_items td {padding-top: 0;} #body .wrapptop {margin-top: 10px;} #body .giftbigimg {padding-right: 12px;} #body dl.orderinfocol.greetingcard {width: 728px; margin: 0;} #body .cardbox {width: 257px; float: left; margin: 0 10px 5px 0;} #body .cardbox .card_body {padding: 5px 0 5px 25px;} #body .card_sep {clear: both;} #body .giftmessage {width: 100%; height: 100px;} /* More categories */ #body .morecats {margin: 0; width: 100%; float: left;} #body .morecats td {width: 33%; vertical-align: top;} #body .morecats dl {margin: 0 0 20px;} #body .morecats dl + dl {margin: 0 0 0 20px;} #body .morecats dt {margin: 0 0 10px;} #body .morecats dd {margin: 0; padding: 0;} #body .morecats dl a {display: block;} #body .morecats dt a {font-weight:bold; padding: 0;} #body .morecats dd a {padding-left: 20px; color: #333;} /* Login Box */ #selID_LoginBox .form {border-collapse: collapse;} #selID_LoginBox .login-form {margin: 15px 0; width: 100%; clear: both;} #selID_LoginBox .login-form .form {width: 100%;} #body .form .loginbtn {padding:5px 10px 10px 0;} #selID_LoginBox .loginregister {width: 100%; border-top: 1px dashed #333;} #selID_LoginBox .loginregister .logintext {padding:0 10px 10px;} #selID_LoginBox .loginregister .link {margin: 10px 0 0 10px; display: block;} #selID_LoginBox .loginregister .logintext p {margin: 10px 0 0;} /* Account header */ #body .box.account_header {padding-bottom: 20px; margin: 10px 0; width: 100%;} #body .account_header dl {background: #f4f4f4 url(images/icon_myaccount.png) no-repeat 10px 7px; cursor: pointer; position: relative; border: 1px solid #ccc; margin: 0px 0 10px 0; padding: 5px 0 10px 85px; width: auto; } #body .account_header dl:hover {background-color: #333; background-position: -690px 7px; color: #fff;} #body .account_header td + td dl {margin: 0px 0 10px 1%;} #body .account_header dl.lastInCol { padding-bottom: 0px;} #body .account_header dt {background: transparent; padding-left: 8px;} #body .account_header dt a {font-weight: bold; text-decoration: none; color: #333;} #body .account_header dt a:hover {text-decoration: underline; color: #fff;} #body .account_header dl:hover dt a {color: #fff;} #body .account_header dd {margin: 2px 0; padding-left: 8px;} #body .account_header dd .count {font-size: 45px; position: absolute; right: 15px; top: 24px;} #body .account_header dl.newsletter {background-position: 6px -93px; } #body .account_header dl.newsletter:hover {background-position: -694px -93px; } #body .account_header dl.address {background-position: 10px -193px; } #body .account_header dl.address:hover {background-position: -690px -193px; } #body .account_header dl.history {background-position: 10px -293px; } #body .account_header dl.history:hover {background-position: -690px -293px; } #body .account_header dl.savebasket {background-position: 10px -393px; } #body .account_header dl.savebasket:hover {background-position: -690px -393px; } #body .account_header dl.logout {background-position: 10px -493px; } #body .account_header dl.logout:hover {background-position: -690px -493px; } #body .evidencedetail .colleft, #body .evidencedetail .colright, #body .account_header .colright, #body .account_header .colleft {width: 100%; clear: both;} #body #noBFCbenefits h2, #body #BFCbenefits h2 {margin:0; padding:20px 0; font-size: 40px; text-transform: uppercase; line-height:1.1em; font-weight: bold; font-weight: 700; float:left; position: relative; width: 100%; clear: both; color: #333; text-align: center;} #body #BFCbenefits ul {clear: left;} #body #noBFCbenefits .box.eduard-store-news-archive-path, #body #BFCbenefits .box.eduard-store-news-archive-path {border: 1px solid #eee; border-width: 1px 0; padding: 10px 0;} #body #BFCbenefits img, #body #noBFCbenefits img {max-width: 100%;} #body .pay-again-wrapper {width: 100%; clear: both; float: left; line-height: normal; margin: 5px 0;} #body .pay-again-wrapper span.btn {float: left; margin-right: 10px;} #body .countdown-wrapper {display: block;} #body #countdown, #body .countdown-time {font-weight: bold;} #body .countdown-label {font-weight: normal; font-size: .70em; display: block;} #body div.table .cell.state p, #body div.table .cell.state .pay-again-wrapper {margin: 0;} #body div.table .cell.state .pay-again-wrapper + p {display: none;} body.erp_orderdetail-page #body strong.h2.italic {font-size: 16px; font-style: italic; margin: 20px 0 10px; float: left; clear: both;} #body .evidencedetail .bank {clear: both;} #body .evidencedetail .fieldset {border: 1px solid #ccc; padding: 10px; margin: 0px 0 13px; min-height: 170px;} #body .evidencedetail .fieldset.delivery {min-height: 0px;} #body .evidencedetail .fieldset strong.h3 {font-style: italic; margin-bottom: 10px; display: block; font-weight: normal; color: #666; font-size: 16px;} #body .evidencelist div.footplace {height: 2em;} #body .userbox {/*float: left; width: 28%; margin-right: 2%; border-right: 1px dashed #333;*/ border-bottom: 1px dashed #333; margin-bottom: 10px; padding-bottom: 10px;} #body #account_b2buser strong.h2, #body .userbox strong.h2 {font-size: 40px; display: block; margin: 0 0 10px 0;} html[lang=jp] #body .userbox strong.h2 {font-size: 28px;} #body .userbox .name {font-size: 20px; margin-bottom: 5px; text-transform: uppercase; display: block;} #body .userbox .mail {color: #f26522;display: block;} #body .usercms {/*float: right; width: 69%;*/} #body .usercms h2 {margin: 0 0 10px 0; font-size: 20px; font-style: italic; font-weight: 600;} #body .usercms p {color: #666; max-width: 450px;} #body .usercms .bfcuser {font-size: 12px; color: #666; margin-top: -10px;} #body .usercms .btn, #body .usercms .btn a {height: 55px; font-size: 18px; line-height: 55px; } #body .usercms .btn a {padding: 0 20px; } #body .usercms .btn {background-position: left -450px;} #body .usercms, #body .userbox {width: 96%; margin: 10px 2%; clear: both;} #body .evidencelist div.table .cell {padding: 5px 0.25%; line-height: 31px;} #body .evidencelist div.table .cell.detail span.btn {background-position: 0px -600px;} #body div.table .cell.aright {text-align: left;} #body div.table .cell.code {width: 19.5%;} #body div.table .cell.vat, #body div.table .cell.amount {width: 19%; text-align: center;} #body .evidencedetail div.table .cell.title {width: 25%;} #body .evidencedetail div.table .cell.price {width: 16.5;} #body .evidencedetail div.table.total .cell.sumdesc {width: 50%; text-align: left;} #body .evidencedetail div.table .cell.price.sumvalue {float: right; text-align: right; font-weight: bold; clear: none;} #body .evidencedetail div.table .cell.price + .cell.price {float: right;} #body .evidencedetail .hr {clear: both; border-bottom: 1px solid #ccc;} #body div.table .cell.yourcode {width: 20%;} #body div.table .cell.date {width: 39.5%;} #body div.table .cell.state {width: 39.5%; clear: right;} #body div.table .cell.price {width: 39.5%; clear: left;} #body div.table .cell.price.colspan2 {width: 79.5%; } #body div.table .cell.price + .cell.price {clear: none;} #body div.table .cell.detail {width: 19.5%;} #body .evidencelist div.table .row {padding: 0px 0;} #body .evidencelist div.table .row.thead .cell {line-height: 1.1em;} .evidencelist table.table {width: 100%; line-height: normal;} .evidencelist tr.head th {font-weight: bold; border-bottom: 1px #eee solid; padding-bottom: 2px;} .evidencelist tr.head th.aright {padding-right: 0;} .evidencelist table.table tr.itemlast td {border-bottom: 1px #eee solid;} .evidencelist .aright {text-align: right;} .evidencedetail table {width: 100%;} .evidencedetail table.table {width: 100%; line-height: normal;} .evidencedetail tr.head th {font-weight: bold; border-bottom: 1px #000 solid; padding-bottom: 2px;} .evidencedetail tr.head th.aright {padding-right: 0; padding-left: 5px;} .evidencedetail table.table td {padding: 1px 5px 3px 0; vertical-align: top;} .evidencedetail table.table td.aright {padding: 1px 0 3px 2px;} .evidencedetail table.table tr.itemfirst td {padding-top: 3px;} .evidencedetail table.table tr.itemlast td {border-bottom: 1px #000 solid;} .evidencedetail table.total {margin-top: 10px;} .evidencedetail .aright {white-space: nowrap; text-align: right;} .evidencedetail td.sumvalue {white-space: nowrap; text-align: right; font-weight: bold;} #body .evidencedetail fieldset {border: 1px solid #ccc; padding: 15px;} #body .evidencedetail fieldset legend {margin-top: 30px;} /* Account pages */ #body .account strong.h4 {font-size: 12px; font-weight: bold; margin: 0; padding: 0; display: block;} #body .account small {} /* Account remove from list button */ body .product .fromlist {position: absolute; bottom: 10px; left: 10px;} /* Account wishlist */ #body .wishlist .product {} #body .wishlist .product.thin {} #body .wishlist .separator {display: none;} #body .wishlist .dot_sep {clear: both;} /* Account wishlist search results */ #body .wishsearchresults .searchitem {background: url(images/wishlist.jpg) no-repeat; line-height: 50px; margin: 5px 0;} #body .wishsearchresults .searchitem a {padding-left: 60px; line-height: 50px; font-weight: bold; display: block; width: 1%; white-space: nowrap;} /* Account order history */ #body .form.orderhistory td { padding: 2px 0;} #body .form.orderhistory th {font-weight: bold; border: none; background: transparent; padding: 2px 0;} #body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 12px;} #body .form.orderhistory a.tocart {height:19px; width: 19px; background: transparent url(images/buttons.png) no-repeat scroll -100px -250px; margin:0; border: none; padding:0; display: block;} #body .form.orderhistory a.artlink {margin-right: 7px; } #body .form.orderhistory .amount {padding-right: 7px;} /* Account reccomend list */ #body .recommendlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;} #body .recommendlist .product.thin {width: 413px;} #body .recommendlist .separator {margin: 0; width: 541px; border: none;} #body .recommendlist .dot_sep {clear: both;} /* Suggest */ #body ul.suggest {margin: 0;} /* Mall shops start page */ #body .mallbox {width: 980px; margin: 15px auto;} #body .mallbox .mallhead {position: relative; clear: both; height: 75px;} #body .mallbox .mallhead .mallmenu {position: absolute; right: 7px; top: 55px; margin: 0; padding: 0; list-style-type: none;} #body .mallbox .mallhead .mallmenu li {float: left; margin: 0 5px; padding-right: 10px; border-right: 1px solid #999;} #body .mallbox .mallhead .mallmenu li.last {border: none;} #body .mallbox .mallhead .mallmenu li a {} #body .mallbox .langbox {border-bottom: 1px solid #fff; padding: 8px 7px;} #body .mallbox .langbox a {} #body .mallbox .langbox a.lang_active {font-weight: bold;} #body .mallbox .locationbox {padding: 15px 0 2px 0; margin: 0 0 15px 15px; border-bottom: 1px solid #CBCBCB;} #body .mallbox .welcomebox {position: relative; margin-left: 15px; width: 480px;} #body .mallbox .welcomebox .shopselectbox {position: absolute; left: 510px; top: 7px; width: 240px; } #body .mallbox .welcomebox #demoAdminLink {position: absolute; left: 760px; top: 7px; width: 202px;} #body .mallbox .mallfooter {margin: 55px 0 0; position: relative;} #body .mallbox .mallfooter .copyright {height: 15px; margin: 2px; padding: 6px 0px; text-align:right;} #body .mallbox .mallfooter a {} /* Basket popup */ #mask {visibility: hidden; display:none;} #mask iframe {visibility: hidden; border:none;} body.basket-page.loading #mask, body.unloading #mask, #mask.loading, #mask.on {visibility: visible; display:block; position:fixed; background-color: #000; opacity: .6; top:0; left:0; width:100%; height: 100%; z-index: 1500;} #mask.on.transparent {background: transparent; opacity: .6; top:0; left:0; width:100%; height: 100%; z-index: 1500;} body #fancybox-loading, body #fancybox-overlay, #mask.loading, #mask.on, #mask.on.transparent {opacity: 0.2 !important;} body #fancybox-loading {z-index: 1494;} body #fancybox-overlay {z-index: 1490;} body.basket-page.loading #mask, body.unloading #mask, #mask.loading {background: #000 url(images/loading.gif) no-repeat scroll center; cursor: wait !important;} #mask.white {background-color: #fff;} #mask.loading.white {background-image: url(images/loading2.gif);} body #fancybox-loading {background: #000 url(images/loading.gif) no-repeat scroll center; position:fixed; top:0; left:0; width:100%; height: 100%; margin: 0; padding: 0;} body #fancybox-loading div {display: none;} body #fancybox-wrap.loading #fancybox-content {background: #fff url(images/loading2.gif) no-repeat scroll center;} body.basket-page.loading #fancybox-overlay, body.unloading #fancybox-overlay {display: none !important;} body #fancybox-wrap {z-index: 1502;} body.basket-page.loading #fancybox-wrap, body.unloading #fancybox-wrap {z-index: 1502 !important;} body #fancybox-wrap.popuptext #fancybox-close {top: 0; right: 0; background: transparent url(images/button_icons.png) no-repeat scroll -46px -1694px;} body #fancybox-wrap.popuptext #fancybox-content {padding-top: 20px;} body #fancybox-wrap.popuptext #fancybox-content #body.plain .boxhead {padding-top: 0;} div.popup, .popup-adult {visibility: hidden; display:none;} div.popup strong {clear: both; display: block; margin:0; position: relative; font-weight: bolder; padding: 20px 0; font-size: 16px; line-height: 1.1em; font-style: italic;} div.popup strong.err {border:0 none;color:#EA2D49; } div.popup .product strong.h3 {font-style: normal; position: static;} div.popup strong.boxhead {font-size: 24px; color: #666; font-weight: normal;} div.popup strong.popupbasket {padding-top: 0} div.on.popup, .on.popup-adult {background-color: #fff; visibility: visible; display:block; position:fixed; top:5%; left:5%; width:90%; min-height: 300px; max-height: 90%; z-index: 2000; margin-left:0; border:1px solid #ccc; padding: 20px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.5); box-sizing: border-box; overflow: auto; overflow-x: hidden;} .on.popup-adult { min-height: 200px; display: flex; flex-direction: column; } .on.popup-adult .title { text-align: center; flex: 1; margin: 0; padding-bottom: 25px; } .on.popup-adult .btns { display: flex; justify-content: space-between; } .on.popup-adult .desc { text-align: center; padding-bottom: 25px; } div#wait.on.popup {padding-bottom: 125px;} div.on.popup.load {background: #fff url(images/loading2.gif) no-repeat scroll center;} div.on.popup table {width:100%;} div.on.popup .btns, .on.popup-adult .btns {float: left; width: 100%; clear: both; padding: 25px 0 0; background: transparent url(images/line_dotted_horizontal2.png) repeat-x scroll left top;} div#wait.on.popup .btns {position:absolute; bottom: 25px; right: 45px; float: left; padding: 0; width: auto; background: transparent;} div.on.popup .btns span.btn, .on.popup-adult .btns span.btn {float: right; margin: 0 0 5px 40px; height: 55px; background-position: left -450px; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);} div.on.popup .btns span.btn input, div.on.popup .btns span.btn button, .on.popup-adult .btns span.btn input, .on.popup-adult .btns span.btn button {height: 55px; padding-left: 20px; padding-right: 20px; font-size: 18px;} div.on.popup .btns span.btn button, .on.popup-adult .btns span.btn button {line-height: normal;} div.on.popup .btns span.btn.continue, .on.popup-adult .btns span.btn.continue {background-position: left -1050px;} div.on.popup .btns span.btn.displaycart input, .on.popup-adult .btns span.btn.displaycart input {padding-right: 60px; background-position: right -850px; line-height: 55px;} div.on.popup span.btn.moreacc {float: right;} div.on.popup span.btn.moreacc a {background-position: right -600px; padding-right: 25px;font-size: 14px;font-style: normal; } div.on.popup tr.sep + tr th, div.on.popup td {font-weight: bold;} .on.popup-adult .btns span.btn { margin: 0; } div.on.popup input.br.closebtn {position:absolute; top: 0; right: 0; background: transparent url(images/button_icons.png) no-repeat scroll -46px -1694px; height: 30px; width: 30px; border: 0 none; cursor: pointer;} /* popup product */ body div.on.popup .inbasket {margin-top: 0; z-index: 50;} body div.on.popup .inbasket .actions {display: none;} body div.on.popup .inbasket.thin strong.h3 {font-style: normal; font-weight: bold; font-size: 27px; color: #333;} body div.on.popup .inbasket.thin .original-name {font-weight: bold; color: #888; font-size: 16px; padding-top: 5px; display: block;} body div.on.popup .inbasket.thin .cost .pricevalue {font-size: 30px; font-weight: bold;} body div.on.popup .inbasket.thin .cost .rubles .pricevalue {font-weight: normal;} body div.on.popup .inbasket.thin .cost big { clear: both; float: left;} body div.on.popup .inbasket big .taxnote {min-width: 0; padding-right: 0;} div.on.popup .boxhead.accessories {background: transparent url(images/line_dotted_horizontal2.png) repeat-x scroll left top;} div.on.popup .wrapper.accessories {width: 110%; margin: 0 -10% 0 0; clear: both; float: left; height: 390px; overflow: hidden;} div.on.popup .wrapper.accessories .product {height: 210px;} div.on.popup .wrapper.accessories .product .description, div.on.popup .wrapper.accessories .product .recommended {display: none;} div.fbMsg.on.popup {width: 400px; height: 200px; margin-top: -100px; margin-left: -200px;} div.fbMsg.on.popup span.btn a {padding:3px 8px 2px; position:relative;} div.fbMsg.on.popup .popupMsg { font-size: 12px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;} div.fbMsg.on.popup .popupFooter { position: absolute; bottom: 10px; left: 10px; } #zoom {padding:0; overflow:auto; min-width:250px; min-height: 150px;} #zoom ul.tabs {padding:0; margin:0; height: 28px; width:100%;} #zoom ul.tabs li {list-style: none; margin:1px; float:left;} #zoom a {display:block; padding:5px; width:20px; text-align: center; border:1px dotted #ddd; font-weight: bold;} #zoom li.active a {border:1px solid #9CB000;} #zoom ul.tabs li.close {float:right;} /* Message boxes */ #body .msg {float: left; width: 90%; margin: 10px 2%; padding: 10px 3%; border-radius: 5px; background-color: #e5e5e5; text-align: center;} body.start-page #body .msg {} #body .msg + .boxhead.cattitle .rss {} #body .errorbox + .boxhead.cattitle .rss {} #body .msg .err {font-weight: bold;} #body .msg.incentive {font-weight: bold; font-size: 120%; background-color: #19aa4b; color: #fff;} /* Tags */ #body .box .tags {text-align: center;} #body .box .tags a {line-height: normal; padding:0 .2em; cursor: pointer;} #body .box .tags a.sel {font-weight: bold;} /* body.tags-page #body .box .tags a {padding: 10px; display: inline-block; background: #f6f6f6; border: 1px solid #e8e8e8; margin: 3px 1px; border-radius: 5px;} body.tags-page #body .box .tags a:hover {} body.tags-page #body a.tagitem_100 {white-space: nowrap; font-size: 120%;} body.tags-page #body a.tagitem_200 {white-space: nowrap; font-size: 225%;} body.tags-page #body a.tagitem_300 {white-space: nowrap; font-size: 300%;} body.tags-page #body a.tagitem_400 {white-space: nowrap; font-size: 400%;} */ body.tags-page #body .box .tags, body.plain #body .box .tags { text-align: left; -webkit-column-width: 130px; /* Chrome, Safari, Opera */ -moz-column-width: 130px; /* Firefox */ column-width: 130px; -webkit-column-gap: .5em; /* Chrome, Safari, Opera */ -moz-column-gap: .5em; /* Firefox */ column-gap: .5em; } body.tags-page #body .box .tags a, body.plain #body .box .tags a {padding: 0; display: block; background: transparent; border: 0 none; margin: 0; border-radius: 0;} body.tags-page #body .box .tags a:hover, body.plain #body .box .tags a:hover {} body.plain #body a.tagitem_100, body.plain #body a.tagitem_200, body.plain #body a.tagitem_300, body.plain #body a.tagitem_400 {font-size: 100%; white-space: normal;} body.tags-page #body .box.tags {padding-bottom: 50px;} body.tags-page #body .box.tags p {margin: 0;} /* Ratings */ #write_review {display: none;} #body td.rating { width:100px; height:16px; margin:0; padding:0; background: url(images/stars.png) no-repeat scroll left top;} #body td.rating.s1 {background-position:-80px -42px;} #body td.rating.s2 {background-position:-60px -42px;} #body td.rating.s3 {background-position:-40px -42px;} #body td.rating.s4 {background-position:-20px -42px;} #body td.rating.s5 {background-position: left -42px;} #body ul.rating {width:100px; height:16px; margin:10px 0 2px; padding:0; list-style:none; clear:both; position:relative; background: url(images/stars.png) no-repeat scroll left top;} #body ul.rating li {cursor: pointer; float:left;} #body ul.rating li a {position:absolute; left:0; top:0; width:20px; height:20px; text-decoration:none; z-index: 200;} #body ul.rating li a b {display: none;} #body ul.rating li.s1 a {left:0;} #body ul.rating li.s2 a {left:20px;} #body ul.rating li.s3 a {left:40px;} #body ul.rating li.s4 a {left:60px;} #body ul.rating li.s5 a {left:80px;} #body ul.rating li a:hover {z-index:2; width:100px; height:20px; overflow:hidden; left:0; background: url(images/stars.png) no-repeat 0 -21px;} #body ul.rating li.s1 a:hover {background-position: -80px -21px;} #body ul.rating li.s2 a:hover {background-position: -60px -21px;} #body ul.rating li.s3 a:hover {background-position: -40px -21px;} #body ul.rating li.s4 a:hover {background-position: -20px -21px;} #body ul.rating li.s5 a:hover {background-position: left -21px;} #body .rating_review_input {margin:0; height:20px;} #body .rating li.current_rate {background: url(images/stars.png) left bottom; position: absolute; height: 20px; z-index: 1;} #body #review {position: relative; line-height: normal;} #body #review .wrapper.showmoreitems {padding: 0; margin: 0;} #body #review .login-to-write-new-review + .wrapper.showmoreitems {margin-top: 30px;} #body #review form {padding: 0 0 30px; width: 100%; float: left;} #body #review form span.btn {float: right;} #body #review form textarea.fullsize {padding: 10px; width: 918px; margin-bottom: 20px; background: #f0faff;} #body dl.review {margin: 0; padding: 0; clear: both; display: block; width: 940px;} #body dl.review + dl.review {margin-top: 20px; border-top: 1px solid #eee;} #body dl.review dt {padding: 10px 0; margin: 0; display: block;} #body dl.review dd {clear: both; margin: 0; display: block;} #body dl.review .param {} #body .btn.write-new-review {position: absolute; right: 0; top: -75px;} #body .btn.write-new-review a {text-transform: uppercase;} .open #write_review {display: block;} #body .open + .btn.write-new-review {display: none;} #body #review .btn.review-reply {opacity: 0; float: none; margin-left: 20px;} #body #review dl:hover .btn.review-reply {opacity: 1;} #body #review .btn.review-reply input {} #body #review .btn.review-reply { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } #body #review .fotolab-responds {color: #1fad47; clear: both; width: 100%;} #body #review .fotolab-responds .loader {font-weight: bolder; display: inline;} #body #review .fotolab-responds .text {display: inline;} /* Recommendation lists */ #body dl.recommlistdesc {margin: 0 0 10px;} #body dl.recommlistdesc dt { padding: 3px 0 7px; background: url(images/line_dotted_horizontal.png) repeat-x bottom;} #body dl.recommlistdesc dt a {} #body dl.recommlistdesc dd { margin: 3px 0;} #body .recommitems .article {width: 125px; margin-right: 9px; float: left; } #body .recommitems .article a {} #body .recommitems .article .picture {width: 56px; height: 42px; text-align: center; border: 0 none; margin-bottom: 3px;} #body .recomm_author {font-weight: normal;} #body .recomlistdesc {float: left; width: 415px;} .verification_code {border: 1px solid #000; padding: 2px; text-align:center; width:80px;} #body .box img.verification-code-img {vertical-align: middle; margin: 0 .5em;} #contact-verificationcode-review {padding: 5px;} .promotionsRow {float:left;width:580px;position:relative;margin: 0 0 5px 0;padding:0} .promotionsRow .promotion {border:1px solid #ccc;float:left;width:268px;height:157px;margin:0px 5px 5px 5px;padding:5px;position:relative;background:#fff;overflow:hidden;} .promotionsRow .promotion .timeouttext{font-style:italic;position:absolute;bottom:5px;} .promotionsRow .promotion .activationtext{font-style:italic;position:absolute;bottom:5px;} .promotionsRow .promotionFinished .timeouttext{display:none;} .promotionsRow .promotionFinished .activationtext{display:none;} .promotionsRow .promotionCurrent .activationtext{display:none;} .promotionsRow .promotionFuture .timeouttext{display:none;} .promotionsRow .promotion .finishedText{display:none;top:0;left:0;width:100%;height:100%;position:absolute;} .promotionsRow .promotion .finishedText img{display:block; bottom:7px;right:7px;position:absolute;} .promotionsRow .promotionFinished .finishedText{display:block;z-index:500;visibility: visible;background-image:url('bg/transparent.gif');} .promotionsRow .promotion .upcomingText{display:none;top:0;left:0;width:100%;height:100%;position:absolute;} .promotionsRow .promotion .upcomingText img{display:block; top:7px;right:7px;position:absolute;} .promotionsRow .promotionFuture .upcomingText{display:block;z-index:500;visibility: visible;background-image:url('bg/transparent.gif');} .promotionsRow .promotionCurrent .promoTimeout {font-weight:600;} .psLoginPlainBox {position: absolute; width: 580px; left: 50%; margin-left: -290px; padding: 5px 0; background: #eee; border: 1px solid #ddd;} /* IE8 + IE7 */ #header div.links a.language.act img, #mask.on {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);} /* hide help link */ #test_link_service_help {display: none !important;} /* gallery */ .gallery { margin: 0px; padding: 0px;} .gallery li { list-style: none; display: block; /*width: 150px; height: 150px;*/ float: left; margin: 10px; padding: 0px;} .gallery li p { height: 40px; overflow: auto;} .gallery li a, .gallery li img {display: block;} #body .gallerybox {position: relative; overflow: hidden;} #body .gallerybox .title {} #body .gallerybox .galleryname, #body .galleryothername {font-style: italic; width: 100%; float: left; padding-top: 10px; padding-bottom: 10px; font-size: 16px;} #body .galleryothername span {padding-left: 5px; display: block;} #body .gallerybox .galleryname {font-weight: 600;} #body .gallerybox .galleryname span:after {content: ":";} #body .box.gallerylist {width: 100%; margin: 0; padding-right: 0;} #body .box.gallerylist.descgallery {} #body .box.gallerylist.maingallery {text-align: center;} #body .gallerylist .gallerybox {float: left; width: 100%; text-align: center;} #body .gallerylist .gallerybox .galleryname {text-align: left;} #body .gallerylist .galleryname {} #body .gallerylist .gallery {} #body .gallerylist .gallery-item {display: inline-block; width: 150px; height: 100px; text-align: left; text-indent: -9999px; margin:0 5px 5px 0; background-position: center center; background-repeat: no-repeat; background-size: cover;} #body .galleryothername {font-weight: bold; clear: both;} #body .galleryothername.unfolded {width: auto !important;} #body .maingallery .gallerybox {float: none; width: auto; text-align: left; display: inline-block;} #body .maingallery .galleryname {background-color: #333; color: #fff; padding: 2px 5px; position: absolute; left: 0; bottom: 5px; display: block; font-size: 11px; width: auto; margin-right: 5px; z-index: 10;} #body .maingallery .galleryname span:after {content: "";} #body .maingallery .gallery {} #body .maingallery .gallery-item {} #body .maingallery .gallery-item + .gallery-item {display: none;} #body .gallerybox.gallerybox-btns {text-align: center; width: 100%;} #body .maingallery .gallerybox.gallerybox-btns {height: 100px;} #body .maingallery .gallerybox.gallerybox-btns .btn {margin-top: 19px;} #body .gallerybox-btns .btn.unfoldgallery {display: none;} #body .gallerybox-btns .btn.foldgallery {display: inline-block;} #body .maingallery .gallerybox-btns .btn.unfoldgallery {display: inline-block;} #body .maingallery .gallerybox-btns .btn.foldgallery {display: none;} /* galleryrotator */ #body .galleryrotator {position: relative; width: 475px; z-index: 1; float: left;} #body .galleryrotator .window {width: 310px; height: 105px; margin: 0 75px 0 80px; overflow: hidden; position: relative;} #body .galleryrotator .ul {position: absolute; left: 0; top: 0; padding: 0; height: 105px; float: left; margin: 0;} #body .galleryrotator .paging {position: absolute; top: 0; right: 0; padding: 0; width: 100%; z-index: 100;} #body .galleryrotator .page {display: none;} #body .galleryrotator .page.active {} #body .galleryrotator .arrow {background: transparent url(images/button_icons.png) no-repeat scroll left 9999px; height: 40px; width: 50px; display: block; position: absolute; top: 30px; cursor: pointer; opacity: 1 !important} #body .galleryrotator .paging .dummy {position: absolute; text-indent: -9999px;} #body .galleryrotator .arrow.off {} #body .galleryrotator .arrow.l {background-position: left -1400px; left: 0;} #body .galleryrotator .arrow.l.off {cursor: default; background-position: left -1475px;} #body .galleryrotator .arrow.l:hover {} #body .galleryrotator .arrow.r {background-position: right -1250px; right: 0;} #body .galleryrotator .arrow.r.off {cursor: default; background-position: right -1325px;} #body .galleryrotator .arrow.r:hover {} #body .maingallery .galleryrotator {width: auto;} #body .maingallery .window {width: auto !important; height: auto; margin: 0; display: inline-block;} #body .maingallery .window .ul {width: auto !important; position: relative !important; left: auto !important; height: auto;} #body .maingallery .paging {display: none;} #body .box.maingallery.maingallery-rotated {padding-left: 80px; padding-right: 75px;} /* anketa */ .poll-ask {font-weight: bold;} .poll-amount {white-space: nowrap;} .poll-answer {margin: 5px 0 2px;} .poll-answer input.radio {margin: 0 5px 0 0;} .poll-bar-wrapper {background: transparent url(images/poll-bars.png) no-repeat scroll left -800px; padding-left: 11px;} .poll-bar {text-align: right; height: 16px; line-height: 16px; background: transparent url(images/poll-bars.png) no-repeat scroll right -300px;} .poll-bar {min-width: 6px;} .poll-item1 .poll-bar-wrapper {background-position: left -750px;} .poll-item1 .poll-bar {background-position: right -250px;} .poll-item2 .poll-bar-wrapper {background-position: left -550px;} .poll-item2 .poll-bar {background-position: right -50px;} .poll-item3 .poll-bar-wrapper {background-position: left -700px;} .poll-item3 .poll-bar {background-position: right -200px;} .poll-item4 .poll-bar-wrapper {background-position: left -600px;} .poll-item4 .poll-bar {background-position: right -100px;} .poll-item5 .poll-bar-wrapper {background-position: left -500px;} .poll-item5 .poll-bar {background-position: right 0px;} .poll-item6 .poll-bar-wrapper {background-position: left -650px;} .poll-item6 .poll-bar {background-position: right -150px;} .poll-amount {margin-right: 3px; position: relative; left: -2px;} .poll-button-wrapper {text-align: right;} #pollbox .btn {float: right;} .poll-total {padding-top: 5px; clear: right;} label {cursor: pointer;} /* stavy produktu - produkt stats */ .productstats-legend {display: block; clear: both;} .catfilter .productstats-legend {} .listdetails .productstats-legend {} .productstats-caption {} .productstats-legend .productstats-item {} .productstats-item {white-space: nowrap;} img.productstats-icon {vertical-align: middle;} .productstats-legend img.productstats-icon {} .productstats-title {font-weight: normal;} .active .productstats-title {font-weight: bold;} .productstats-showall .productstats-title {font-weight: bold;} .productstats-desc {font-weight: normal; font-size: 80%; border-left: 1px solid #aaa; padding-left: 0.5em;} .productstats-desc, .catfilter .productstats-desc {display: none;} .product.details div.productstats-wrapper {padding-bottom: 0; padding-top: 0.5em;} .productstats-none {display: none;} .product .productstats .oxactive {display: none;} .productstats-detail {display: block;clear: left;padding-top: 0;margin-top: 10px;} .productstats-detail .productstats-title {display: none;} .productstats-detail .productstats-item {} .product.details .productstats-item, .productstats-legend .productstats-item {} .product.details .productstats-item {float: left; margin-right: 5px;} .productstats-item {white-space: nowrap;display: block;margin: 0 0 10px;} .catfilter .productstats-item .productstats-icon {margin: 0 10px 0 0;} .productstats-title {font-weight: normal; text-transform: uppercase; font-size: 12px;} .productstats-none {display: none;} .productstats-showall {float: right;} #body .product .enhanced span.productstats-item, #body .product .enhanced span.productstats-item .productstats-title {} #body .product .enhanced span.productstats-item {} #body .product span.productstats.enhanced {} #body .basket .enhanced span.productstats-item, #body .basket .enhanced span.productstats-item .productstats-title, body #body .product .enhanced span.productstats-item, body #body .product .enhanced span.productstats-item .productstats-title {background-position: left -600px; height: 25px; line-height: 23px;} #body .basket .enhanced span.productstats-item, body #body .product .enhanced span.productstats-item {background-position: right -600px; float: left; clear: both; margin: 0 0 5px;} #body .basket .enhanced span.productstats-item {clear: none;} #body .basket .enhanced .productstats-itemwrapper + .productstats-itemwrapper span.productstats-item {margin-left: 3px;} body #body .product.thinest .enhanced span.productstats-item {float: none; margin: 0 5px 1px 0;} body #body .product.thinest .enhanced span.productstats-item .productstats-title {} body #body .product.big .enhanced span.productstats-item, body #body .product.big .enhanced span.productstats-item .productstats-title {background-position: left -650px; height: 36px; line-height: 36px; font-size: 16px;} body #body .product.big .enhanced span.productstats-item {background-position: right -650px;margin: 0 0 10px;} #body .product .productstats.enhanced {} #body .product.thinest .productstats.enhanced {top: auto; bottom: 0; left: 270px;} #body .product.partofbundle .productstats.enhanced {left: 320px;} #body .product.thin .productstats.enhanced {} #body .product.small .productstats.enhanced {top: 20px;} #body .product.big .productstats.enhanced {} #body .product.details .productstats.enhanced {} #body .basket .productstats {width: 100%; float: left; clear: both; padding: 10px 0 5px;} /* General tooltip */ .general-tick {text-align: left;} .orderblock .general-tick {float: right;} .orderblock #processpayment-form {float: left;} .orderblock #processpayment-form + .general-tick {float: left; margin: 10px 0 0 10px;} .evidencedetail .paydate .note {white-space: normal;} .evidencedetail .paydate .note .notyet {color: #f26522; float: left; margin-right: 10px;} .orderblock .note .general-tick {margin-left: 5px;} /* BFC */ #right .bfc-label {padding: 0 0 10px;} #right .bfc-label.bfc-member {} #right .bfc-label.active {} #right .bfc-label.inactive {} #right .bfc-label .bfc-logo {display: block; overflow: hidden;text-indent: -5000px;width: 200px;height: 120px;padding: 0 0 5px; background: transparent url(images/bfc_logo_sidebar.png) no-repeat scroll left top;} #right .bfc-label .bfc-info {font-size: 11px;text-align: center;} #right .bfc-label .bfc-info .bfc-nr {} #right .bfc-label .bfc-info .sep {padding: 0 5px;} #right .bfc-label .bfc-info .bfc-benefits {} .bfc-tick {display: block;overflow: hidden;width: 21px;height: 18px;text-indent: -5000px;background: transparent url(images/bfc_sprite.png) no-repeat scroll left top;} .stock-no .bfc-tick {background-position: -22px top;} .listitem .bfc-tick, .product .bfc-tick {display: inline-block;} .bfc-tick.qmark {background-position: left -20px;} .bfc-tick.imark {background-position: -22px -20px;} .listitem .bfc-tick {width: 12px;height: 12px;background-position: left -40px;} .listitem .bfc-tick.qmark {background-position: left -60px;} .listitem .bfc-tick.imark {background-position: -22px -60px;} .gettooltip {cursor: help;} a.gettooltip {cursor: pointer;} .gettooltip label {} .box-small-account .bfc-tick {position: absolute;bottom: 13px;right:8px;} /* bottom: 8px;right:10px; */ .tooltip {cursor: help;border: 1px solid #ccc; border-radius: 5px; background: #f0f0f0; box-shadow: 0 2px 5px 0 rgba(0,0,0,.2); padding: 10px; font-size: 13px; z-index: 9999; max-width: 400px; display: none;} .tooltip a {cursor: pointer;} .tooltip p {margin: 0;} .bfctooltip {position: absolute; border: 0 none; border-radius: 0; background: transparent; box-shadow: none; padding: 0 0 20px;} .bfctooltip.l {padding: 0 20px 0 0;} .bfctooltip .top {display: block; width: 239px; height: 11px; background: transparent url(images/bfc_tooltip_bkg.png) no-repeat scroll left top;} .bfctooltip .content {display: block; width: 217px; background: transparent url(images/bfc_tooltip_bkg.png) no-repeat scroll left bottom; padding: 0 11px 11px; max-height: 187px; overflow: hidden; color: #fff;} .bfctooltip .content a {color: #fff;} .bfctooltip .content a:hover {color: #000;} .bfctooltip .arrow {display: block; width: 25px; height: 13px; background: transparent url(images/bfc_tooltip_arrows.png) no-repeat scroll left top; position: absolute; bottom: 9px; right: 11px;} .bfctooltip.tl .arrow {left: 11px;right: auto;} .bfctooltip.l .arrow {bottom: 11px;right: 9px;background-position: left -30px;width: 13px;height: 25px;} #body .basket tbody .total-club-discount td {} #body .basket tbody .total-club-discount td.sumdesc, #body .basket tbody .total-club-discount td.sumvalue {color: #080;border-top: 1px solid #eee;padding-top: 5px;} /* discounts - product */ body .eduard-store-news-archive .product .cost .price-wrap, body .product .cost .price-wrap {display: block; float: left; position: relative;} body .eduard-store-news-archive .product .cost .discount-wrap, body .product .cost .discount-wrap {white-space: nowrap; display: block; line-height: 16px; height: 16px;} body .eduard-store-news-archive .product .cost .discount-wrap .discount, body .product .cost .discount-wrap .discount, body .eduard-store-news-archive .product .cost .discount-wrap .pricevalue, body .product .cost .discount-wrap .pricevalue {font-size: .8em; font-weight: normal; color: #666;} body .eduard-store-news-archive .product .cost .discount-wrap .pricevalue, body .product .cost .discount-wrap .pricevalue {text-decoration: line-through;} body .product .cost .discount-wrap .pricevalue + {text-decoration: line-through;} body .eduard-store-news-archive .product .cost .discount-wrap .discount, body .product .cost .discount-wrap .discount {float: left; padding-right: 3px; line-height: 20px;} body .eduard-store-news-archive .product .cost .discount-wrap .price, body .product .cost .discount-wrap .price {float: right; clear: none;} body .eduard-store-news-archive .product .cost .discount-wrap + .price, body .product .cost .discount-wrap + .price {min-width: 0;clear: both;display: block;padding-right: 22px;float: right;} body .eduard-store-news-archive .product .cost .discount-wrap.discount-empty + .price, body .product .cost .discount-wrap.discount-empty + .price {float: left;} body .product .cost .priceinfo.getrublesinfo {position: absolute; display: inline-block; width: 20px; height: 20px; background: transparent url(images/rubles_small.png) no-repeat 0px 0px; color: #fff; font-weight: bold; right: 0; cursor: help; top: auto; bottom: 0px;} body .product .cost .bfc-price-wrap .priceinfo.getrublesinfo {top: 37px;} body .product .cost .priceinfo + .tooltip {position: absolute; top: 100%;right: 0; color: #000;} body .basket b.rubles + .priceinfo, body .product.details .cost .price-wrap.rubles .priceinfo {position: absolute; display: inline-block; width: 30px; height: 30px; background: transparent url(images/rubles.png) no-repeat 0px 0px; color: #fff; font-weight: bold; top: 8px; right: 0; cursor: help;} body .basket b.rubles + .priceinfo {background-image: url(images/rubles_small.png);top: 23px;} body .basket b.rubles + .priceinfo + .tooltip, body .product.details .cost .price-wrap.rubles .priceinfo + .tooltip {position: absolute;top: 100%;right: 0;} body .basket b.rubles + .priceinfo + .tooltip {color: #000; width: 200px; text-align: center; text-transform: none;} body .product .cost .rubles .pricevalue {margin-top: 5px; color: #000;} body .product.productbox .cost .rubles .pricevalue:before {content: "(";} body .product.details .cost .rubles .pricevalue:before {content: "(";} body .product.productbox .cost .rubles .pricevalue:after {content: ")";} body .product.details .cost .rubles .pricevalue:after {content: ")";} body .popup .product.thin.inbasket .cost {position: relative;} body .popup .product.thin.inbasket .cost .priceinfo.getrublesinfo {bottom: 2px; top: auto; right: -5px;} body .product.details .cost.normal .price-wrap.rubles {clear: both;} body .product.details .cost.normal .price-wrap.normal-price-wrap {float: right;padding-right: 5px;} body .product.details .cost.normal .price-wrap.normal-price-wrap .pricevalue {font-weight: bold;} body .product .cost.bfc-member .normal-price-wrap .discount, body .product .cost.bfc-member .normal-price-wrap .pricevalue {color: #999; text-decoration: line-through;} body .product.details .cost .discount-wrap {} body .product.details .cost .discount-wrap .discount, body .product.details .cost .discount-wrap .pricevalue {font-size: 1em;} body .product.details .normal .bfc-price-wrap .discount-wrap {padding-left: 10px;} body .product.details .cost .price-wrap {padding-right: 30px;} body .product .bfc-price-wrap .bfc-price {text-align: right;padding-right: 22px;} body .product .cost .bfc-price-wrap { float: right;} body .product .cost .bfc-price-wrap .bfc-tick {position: absolute; right: 0; bottom: auto; top: 18px;} body .product.details .cost .price-wrap.rubles {clear: both;} body .product.details .cost.normal .price-wrap.normal-price-wrap.rubles, body .product.details .cost .bfc-price-wrap {padding-right: 30px;} body .product.details .cost .bfc-price-wrap .bfc-tick {bottom: 8px; top: auto;} body .product.details .bfc-price-wrap .bfc-price {padding-right: 0px;} body .product.productbox .cost .price-wrap {min-width: 40%;} body .product.productbox .cost.normal .price-wrap {min-width: 0;} body.start-page .product.productbox .cost.normal .price-wrap, body.details-page .product.productbox .cost.normal .price-wrap {} body .product.productbox .cost .price-wrap + .price-wrap {min-width: 35%;float: left;} body .product.thinest .cost .bfc-price-wrap .bfc-tick {bottom: -1px;} /* BFC - product */ .listitem .tooltip-text, .product .tooltip-text {display: none;} .product .bfc-tick {position: relative; top: 4px;} .product .stockstatus .bfc-tick.imark {top: 5px; margin-left: 5px;} .product.small .bfc-tick {} .cost.normal {} /*.start-page .normal .normal-price .pricevalue, .details-page .normal .normal-price .pricevalue {float: right; }*/ .cost.normal .normal-price .pricevalue {color: #f26522; font-weight: 600;} .normal .bfc-price .pricevalue, body .product .cost big .pricevalue {color: #f26522; font-weight: 600;} .normal .priceinfo {position: absolute; top: 18px; right: 0; background-position: -22px -19px;} .normal .tooltip.rublesinfo + .priceinfo {top: auto; bottom: 21px;} .normal .qmark {position: absolute;top: 16px;right: 0;} .cost.bfc-member {} .bfc-member .normal-price .pricevalue {color: #999; text-decoration: line-through; font-weight: 300;} .bfc-member .bfc-price .pricevalue {color: #f26522; font-weight: 600;} .stock-no .bfc-member .bfc-price .pricevalue, .stock-no .normal .bfc-price .pricevalue {color: #666;} .details .normal .bfc-price .pricevalue, .details .bfc-member .bfc-price .pricevalue {font-weight: 700;} big .taxnote, big .pricevalue, .bfc-price .pricevalue, .normal-price .pricevalue {} .normal .normal-price-wrap .discount-wrap, .bfc-member .normal-price-wrap .discount-wrap, .normal .normal-price .pricevalue, .bfc-member .normal-price .pricevalue {min-width: 50px;padding-right: 0;;} .normal .bfc-price .pricevalue, .bfc-member .bfc-price .pricevalue {} big .taxnote {min-width: 60px;padding-right: .3em;} body .product.half .cost .discount-wrap + .price + .bfc-tick, body .product.half .cost .discount-wrap + .price + .priceinfo {top: 22px;} body .product.half .cost .discount-wrap.discount-empty + .price + .bfc-tick, body .product.half .cost .discount-wrap.discount-empty + .price + .priceinfo {top: 18px;} body .product.thin .cost.normal .normal-price-wrap .discount-wrap, body .product.thin .cost.bfc-member .normal-price-wrap .discount-wrap, body .product.thinest .cost.normal .normal-price-wrap .discount-wrap, body .product.thinest .cost.bfc-member .normal-price-wrap .discount-wrap, body .product.thin .cost.normal .normal-price .pricevalue, body .product.thin .cost.bfc-member .normal-price .pricevalue, body .product.thinest .cost.normal .normal-price .pricevalue, body .product.thinest .cost.bfc-member .normal-price .pricevalue {} body .product.thin .cost.normal .bfc-price-wrap .discount-wrap, body .product.thin .cost.bfc-member .bfc-price-wrap .discount-wrap, body .product.thinest .cost.normal .bfc-price-wrap .discount-wrap, body .product.thinest .cost.bfc-member .bfc-price-wrap .discount-wrap, body .product.thin .cost.normal .bfc-price .pricevalue, body .product.thin .cost.bfc-member .bfc-price .pricevalue, body .product.thinest .cost.normal .bfc-price .pricevalue, body .product.thinest .cost.bfc-member .bfc-price .pricevalue {} /* BFC - product detail */ /* body .product.details .cost {} body .product.details .cost.normal, body .product.details .cost.bfc-member {} body .product.details .normal .normal-price .pricevalue {font-size: 22px;color: #868686;} body .product.details .normal .bfc-price .pricevalue {font-size: 22px;color: #000;min-width: 60px;padding-left: 10px;padding-right: 0;} body .product.details .normal.bfc-only .normal-price .pricevalue {font-size: 18px;color: #868686;top: 0;} body .product.details .normal.bfc-only .bfc-price .pricevalue {font-size: 18px;color: #000;min-width: 60px;padding-right: 0;} body .product.details .bfc-member .normal-price .pricevalue {font-size: 14px;color: #868686;top: -1px;position: relative;} body .product.details .bfc-member .bfc-price .pricevalue {font-size: 22px;color: #000;min-width: 60px;} */ body .product.details .particulars form {} body .product.details .bfc-logo {display: block;overflow: hidden;text-indent: -5000px;width: 180px;height: 90px;clear: both;margin: 10px 0 0;padding: 0;background: transparent url(images/bfc_logo_detail.png) no-repeat scroll -26px top;} body .product.details .bfc-logo.bfc-only {margin: 0 0 10px;position: relative;top: 10px;} body .product.details .bfc-logo.qmark.bfc-only {margin: 0 0 -10px;position: relative;top: -10px;} /* Save basket */ body.basket-page #body .graybox {background-color: #f0f0f0; margin: 0 0 2% 25px; width: 380px; padding: 10px 25px; border: 1px solid #bbb; box-shadow: inset 0px 0px 1px #fff; float: left; clear: left; border-radius: 4px;} body.basket-page #body .graybox .box {margin: 5px 0;} body.basket-page #body .graybox .btn {margin: 0px 0;} body.basket-page #body .graybox .btn input {width: 160px; height: 26px; line-height: 26px; font-size: 12px;} body.basket-page #body .graybox .boxhead {font-size: 16px; padding: 0; text-align: left; } body.basket-page #body .graybox input.txt {border-radius: 5px; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5); width: 155px; margin-right: 25px;padding: 4px 5px; height: 18px; border: 1px solid #ccc; font-size: 12px; color: #999;} body.basket-page #body .graybox input.txt.filled {color: #333;} body.basket-page #body #save-basket {float: left; background-color: #fff; border: 1px dashed #bbb; margin: 20px 0 2% 25px;} body.basket-page #body #save-basket span.btn {background-position: left -750px;} body.basket-page #body #save-basket .btn input {background-position: right -1649px; padding-right: 30px;} body.basket-page #save-basket .box, body.basket-page #save-basket .boxhead {} body.basket-page .colleft {float: left; width: 100%; margin: 10px 0;} body.basket-page .colright {float: left; width: 100%; margin: 10px 0;} body.basket-page #body .colleft {} body.basket-page #body #save-basket span.btn, body.basket-page #body .colleft span.btn, body.basket-page #body .colleft span.btn input {line-height: 26px; height: 26px;} body.basket-page #body .colleft span.btn {background-position: left -750px;} body.basket-page #body .colright div.bar.prevnext {height: auto;} body.basket-page #body #save-basket #baskettitle, body.basket-page #body .colleft #vouchernr {} #body div.bar.prevnext {} #body div.bar.prevnext div.arrowright, #body div.bar.prevnext div.arrowright input {} /* PAYMENT PROCESS */ #body .basketgraybox {width: auto; padding: 25px; background-color: #f0f0f0; border: 1px solid #bbb; box-shadow: inset 0px 0px 1px #fff; float: none; clear: left; border-radius: 5px; min-height: 70px; margin: 0 5px 40px;} #body .basketgraybox.paymentthankyou {padding-left: 190px; background: #f0f0f0 url(images/order_check.png) no-repeat 40px 15px; min-height: 120px; margin-top: 30px;} #body .basketgraybox.paymentfailed {padding-left: 190px; background: #f0f0f0 url(images/order_payment_failed.png) no-repeat 40px 25px;} #body .basketgraybox .title {font-weight: 300; line-height: normal; display: block;} #body .basketgraybox font[size="4"], #body .basketgraybox font[size="5"], #body .basketgraybox font[size="6"], #body .basketgraybox font[size="7"] {font-weight: 300;} #body .box.paymentfailed {font-size: 16px; line-height: normal; font-size: 20px; font-weight: 600; margin-bottom: 25px; text-align: center;} #body .box.paymentfailed.align-left {text-align: left;} #body .box.paymentfailed p {margin: 0;} div.process-payment {text-align: center; clear: both; margin: 20px;} div.process-payment span.btn-processpayment {height: 63px; line-height: 63px; background-position: left -50px;} div.process-payment span.btn-processpayment input {font-size: 35px; padding: 0 40px; height: 63px; line-height: 63px;} div.thankyou-gateway.bisector {} div.process-payment.bisector {} #payListNewPay div.process-payment span.btn-processpayment input {padding: 0 20px;} #payListNewPay2 div.process-payment span.btn-processpayment:after {content: ""; width: 90%; height: 1px; display: block; background: transparent url(images/line_dotted_horizontal2.png) repeat-x scroll left top; margin: 10px 5% 0;} div.process-payment .btn.new-pay-type, div.process-payment .btn.new-pay-type input {height: 35px; line-height: 35px;} div.process-payment .btn.new-pay-type {background-position: left -850px;} div.process-payment .btn.new-pay-type input {font-size: 20px;} #payListNewPay form {padding-top: 35px;} #payListNewPay strong {font-size: 16px; line-height: normal;} div.payment-box-error, div.payment-box-ok {background: #eee; border: 1px solid #aaa; margin: 0 0 10px 0; padding: 10px 20px; border-radius: 3px;clear: both;color: #000;} div.payment-box-error {color: #cd0210; font-weight: bold;} div.process-payment input.btn-processpayment[disabled], div.process-payment input.btn-processpayment[disabled]:hover {cursor: default; opacity: .5;} #body div.bar.prevnext .arrowright input[disabled], input#processpayment-btn[disabled] {cursor: default;} #payListNewPay{display: none;} .orderblock #processpayment-form span.btn {margin: 5px 0 0; height: 30px;} .orderblock #processpayment-form span.btn input {padding: 0 30px; height: 30px; line-height: 30px;} .orderblock #processpayment-form span.btn input:hover { color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.4); } body #payu_ .table-payu {width: 100%; border: 0 none; margin: 0; padding: 0;} /* cmsrotator image header */ .cmsrotator {position: relative; padding: 0; width: 100%; line-height: normal;} .cmsrotator .window {width: 100%;} .cmsrotator .ul {position: absolute; left:0; top: 0; padding: 0; float: left; margin: 0;} .cmsrotator .cmsrotatoritem {float: left; max-width: 100%; margin: 0px 0px 0px 0; text-align: center; font-size: 15px;} .cmsrotator .cmsrotatoritem p {margin: 0;} .cmsrotator .cmsrotatoritem img {max-width: 100%; vertical-align: middle;} .cmsrotator .cmsrotatoritem.last {margin-right: 0;} .cmsrotator .paging {clear: both; position: relative; display: block; margin: 0 auto; bottom: 30px; z-index: 10; text-align: right; font-size: 12px; width: 960px; } .cmsrotator .page {cursor: pointer; font-size: 12px; margin: 0 5px; background-color: #fff; border-radius: 50%; box-shadow: inset 1px 1px 1px #000; display: inline-block; width: 12px; height: 12px; overflow: hidden; text-indent: -1000px; text-align: left;} .cmsrotator .page.active {font-weight: bold; cursor: default; background-color: #888; } .cmsrotator .icon.page img {vertical-align: middle;} .cmsrotator .icon.page {opacity: 0.7; } .cmsrotator .icon.page.active {opacity: 1;} .cmsrotator .arrow {display: none !important; cursor: pointer; width: 20px; height: 20px; margin: -2px 5px 0 5px; padding:0; background: transparent url(images/carrows.png) no-repeat 0px -50px;} .cmsrotator .arrow.off {cursor: default;} .cmsrotator .arrow.l {position: relative; float: left;} .cmsrotator .arrow.r {background-position: 0px -152px; float: right; } .cmsrotator.iconed .arrow {height: 40px; background-position: 0 -39px; } .cmsrotator.iconed .arrow.r {background-position: 0 -141px; } /**/ /* cms rotator */ #body .cmsrotator {float: left; padding: 6px 5px; background: url(images/banner_main_bkg.png) no-repeat scroll left top; height: 310px; margin: 0 0 16px;} #body .cmsrotator, #body .cmsrotator .window, #body .cmsrotator .cmsrotatoritem {width: 720px;} #body .cmsrotator .cmsrotatoritem {margin: 0;} #body .cmsrotator .paging {bottom: 12px; display: block; text-align: left; left: 18px;} #body .cmsrotator .paging .arrow {display: none !important;} #body .cmsrotator .paging .page {border: 1px solid #999; border: 1px solid rgba(205,205,205,0.75); height: 12px; width: 12px; overflow: hidden; text-indent: -5000px; display: inline-block; } #body .cmsrotator .paging .page.active {} /* promorotator */ #body .promowrap {position: relative; clear: both; float: left; width: 1000px; padding: 0 0px 0px; margin-bottom: 65px;} #body .boxshadow {position: absolute; height: 65px; width: 1000px; bottom: -65px; background: transparent url(images/box_shadow.png) no-repeat center bottom; } #body .rowshadow {position: relative; clear: both; height: 50px; width: 715px; background: transparent url(images/product_shadow.png) no-repeat center top; } #body .promowrap .boxshadow {bottom: -105px;} body.start-page #body strong.head2.promo {} body.start-page #body .promorotator {overflow: hidden; position: relative; left: 0px; top: 41px; clear: both; display: block; float: left;} body.start-page #body .promorotator .paging {border-radius: 0 0 7px 7px; position: static; width: 756px; } body.start-page #body .promorotator .paging .arrow {height: 39px; top: 120px; width: 20px; background-color: #4d4d4d;} body.start-page #body .promorotator .paging .arrow.off {opacity: 1.0 !important; background-color: #ccc;} body.start-page #body .promorotator .paging .arrow.l {left: 0px; background-position: 1px 12px;} body.start-page #body .promorotator .paging .arrow.r {right: 0px; background-position: 2px -91px;} body.start-page #body .promo.head2 {} body.start-page #body .promo.head2 .rss {} body.start-page #body .promo.head2:hover {} body.start-page #body .promo.head2.active {} body.start-page #body .promorotator {display: none; float: left; margin: 0px 0; padding: 0 10px; width: 978px; border: 0 none; } body.start-page #body .promorotator.active, body.start-page #body .promorotator:first-child {display: block; margin: 0px 0 0px; border-color: #fff; } body.start-page #body .promorotator.active {border: 1px solid #ccc;} body.start-page #body strong.head2.promo.categories {} /* manufacturer rotator */ body.start-page strong.manufacturerlabel {line-height: 40px; color: #85bb24; text-transform: uppercase; font-size: 20px; font-weight: normal; float: left; width: 220px;} body.start-page hr.manrotatorsep {clear: both; border: 0 none; border-bottom: 1px solid #85bb24;} .manrotator {position: relative; display: block; height: 50px; width: 740px; margin-top: 0px; float: left; } .manrotator .window {width: 700px; height: 40px; margin: 0px auto; overflow: hidden; position: relative; } .manrotator .ul {position: absolute; left:0; top: 0; padding: 0; float: left; margin: 0; height: 40px;} .manrotator .manitem {display: block; float: left; height: 40px; width: 95px; margin-right: 5px; text-align: center; } #body .manrotator a:hover {text-decoration: none; } .manrotator .manitem span {height: 40px; width: 95px; display: table-cell; vertical-align: middle;} .manrotator .manitem img {max-height: 40px; height: 40px; height: auto !important; vertical-align: middle; max-width: 95px;} .manrotator .paging {clear: both; margin: 0 auto; bottom: 0px; text-align: center; font-size: 12px; width: 100%; } .manrotator .page {display: none; cursor: pointer; font-size: 12px; margin: 0 5px;} .manrotator .page.active {font-weight: bold; cursor: default; } .manrotator .icon.page img {vertical-align: middle;} .manrotator .icon.page {opacity: 0.7; } .manrotator .icon.page.active {opacity: 1;} .manrotator .arrow {cursor: pointer; width: 25px; height: 25px; margin: 0px 0px 0 0px; padding:0; background: transparent url(images/carrows.png) no-repeat 0px -400px; position: absolute; top: 10px; } .manrotator .arrow.off {cursor: default; display: none !important; } .manrotator .arrow.l {left: -20px;} .manrotator .arrow.r {background-position: 0px -450px; right: 0px;} /* simplyscroll*/ .simply-scroll-container {position: relative; height: 60px; width: 1140px; margin-top: 20px; clear: both; float: left;} .simply-scroll-clip {position: relative; overflow: hidden; width: 1140px; height: 40px;} .simply-scroll-list {overflow: hidden; margin: 0px; padding: 0px; list-style: none;} .simply-scroll-list a {padding: 0; margin: 0; list-style: none; float: left; height: 40px; width: 85px; margin-right: 5px; text-align: center;} .simply-scroll-list a img {} /**/ /*promorotator in start*/ #body .promorotator {position: relative; clear: both; width: 960px; padding-top: 19px; margin-bottom: 15px;} #body .promorotator .ul {position: absolute; left:0; top: 0; padding: 0; height: 300px; float: left; margin: 0;} body.details-page #body strong.head2, body.start-page #body strong.head2.longrun, body.start-page #body strong.head2.newest {} #body .promorotator .paging {position: absolute; right: 0px; padding: 0 0px; width: 100%; z-index: 100;} #body .promorotator .arrow {background-image: url(images/carrows.png); background-repeat: no-repeat; display: block; cursor: pointer; } #body .promorotator .arrow.l.off {cursor: default;} #body .promorotator .arrow.r.off {cursor: default;} body.start-page #body .promorotator .product {margin: 10px 19px 10px 10px; padding-top: 0; height: 350px;} body.start-page #body .promorotator .product.thirdcolrev-0 {margin-right: 0;} /* addthis bookmarks - zahozeno */ body div#at4-share {padding: 10px; background: #fff; border: 1px solid #ccc; margin: 0 -1px 0 0; box-shadow: 0 5px 15px 0 rgba(0,0,0,.2);} body .atss a {margin: 5px 0;} /* follow links */ #social_networks {position: fixed; bottom: 15%; right: 0; padding: 5px 0; background: #fff; border: 1px solid #ccc; margin: 0 -1px 0 0; box-shadow: 0 5px 15px 0 rgba(0,0,0,.4); border-radius: 5px 0 0 5px;} #social_networks a {display: block; padding: 5px 10px;} #social_networks img {width: 40px; height: 43px;} #social_networks { -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } /********************************************************************** * * CAT TREE LEFT ALIGN * need class body.treeleft * */ body.infoboxleft ul.info li {text-align: left;} /********************************************************************** * * BANNER HACK * */ @media screen and (max-width: 1500px) { .sidebanner-wrap { margin-bottom: 1px; } .sidebanner-wrap .sidebanner { position: fixed; top: 209px; } .sidebanner-wrap.pin .sidebanner { top: 0; } } /* 1200 960 768 480 */ /********************************************************************** * * RESPONSIVITY * */ @media screen and (max-width: 479px) { } @media screen and (min-width: 480px) { div#page, div#header {} } @media screen and (max-width: 519px) { #body #subnavhook.pinned .product {left: 0;} div.on.popup {top:0; left:0; width:100%; min-height: 0; max-height: none; height: 100%; border:0 none; box-shadow: none;} body div.on.popup .inbasket {padding-left: 50%;} body div.on.popup .inbasket .picture {width: 45%;} body div.on.popup .inbasket .picture span {width: 100%; height: auto; display: block;} body div.on.popup .inbasket .picture span img {max-width: 100%; height: auto;} #body .box.attributes {border-left-width: 0; border-right-width: 0; border-radius: 0;} } @media screen and (min-width: 520px) { #toptooltip, div#page, div#header {min-width: 520px;} div#content {padding: 20px 25px 10px;} div#content.basket {padding: 0 0 10px;} #body #subnavhook.pinned .product {width: 480px;} #left .catfilterwrap + .btn-wrap {padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: 30px;} body .product.ondetail, #body .btn-wrap {padding-left: 25px; padding-right: 25px; margin-left: -25px; margin-right: -25px;} #body .locator.alist.bottom.pages {padding: 15px 25px 10px; margin: 10px -25px;} #left #box-trees {margin: -20px -30px 0; padding: 0 30px;} #left div.box-wrapper:before, #left #box-trees ul.tree {padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px;} body .product.thinest .cost {} body .product.groupmasters-list-item .cost {margin-right: 0;} #body .start-info .left {max-width: 49%;} #body .start-info .left + .left {margin-left: 2%; max-width: 49%;} } @media screen and (max-width: 719px) { body .product.ondetail .picture, body .product.ondetail .title-cost-wrap {display: none;} body .product.ondetail form {padding: 0;} body .product.details .amopricebox {height: 47px;} body .product.details .cost .pricevalue {font-size: 25px;} body .product.details .cost .discount-wrap .discount, body .product.details .cost .discount-wrap .pricevalue {font-size: .8em;} body .product.details .cost .bfc-price-wrap .bfc-tick {bottom: 4px;} body .product.details .tocart, body .product.details .tocart:hover, body .product.details .tocart input {line-height: 49px; height: 47px;} body .product.details .tocart input {padding: 0 40px 0 10px; background-position: 93% -793px; font-size: 16px;} html[lang=jp] body .product.details .tocart input {padding-right: 35px; font-size: 14px; line-height: 30px;} body .product.details .amount {height: 25px; padding: 12px 54px 10px 36px; margin: 0 5px 0 10px;} body .product.details .amount input.plusminus {height: 25px; line-height: 25px; font-size: 14px;} #body .plusminus-wrap .key {top: 12px; width: 25px; height: 25px; background-position: -5px -154px;} #body .plusminus-wrap .plus {background-position: -4px -204px; right: 25px;} #body .plusminus-wrap .minus {left: 7px;} body .product.details .picture {padding-bottom: 15px;} body .product.details .particulars {} body .product.details .particulars form {float: right; width: 270px;} body .product.details .particulars .catsblock-floated {float: left; width: 200px; margin-top: 15px;} body .product.details .particulars .actionsblock-floated {width: 100%; clear: both;} #body .locator .listlayoutswitch .loader, #body .locator .sort_row .loader {display: none;} #body .basketgraybox {margin-bottom: 25px;} #body .basketgraybox.paymentthankyou, #body .basketgraybox.paymentfailed {padding-left: 95px; background-size: 60px auto; background-position: 15px 25px;} .advertisment.banner-left {} .advertisment.banner-right {display: none;} #header div.bar .global li + li {margin-left: 3%;} #header div.bar .global li.bfc {display: none;} #header div.bar .global .shoparrow {margin-left: 0;} #body .box table.attributes {margin-left: 0; margin-right: 0; width: 100%;} #body .box .attributes td.label b {padding-left: 5%;} #body .box.columns2 .attributes td.label {width: 23%; padding-right: 1%;} #body .box.columns2 .attributes td.value {width: 25%; padding-right: 1%;} } @media screen and (min-width: 720px) { #toptooltip, div#page, div#header {min-width: 720px;} #topbanner .wrapper, #toptooltip .wrapper, div#header .wrapper {width: 710px;} div#content {width: 720px; padding: 20px 0 10px;} div#content.basket {width: 680px; padding: 0 20px 10px;} #body div.ordersteps {margin: 0 -20px; width: 106%;} #body div.table.basket {margin: 0 -20px; padding: 0 0px;} #body div.table.basket .colright, #body div.table.basket .row {padding: 15px 20px;} body.basket-page #body .graybox {margin-left: 5px;} #body-tail {height: 40px;} #body #subnavhook.pinned .product {width: 710px;} body .product.ondetail {margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px;} #left .catfilterwrap + .btn-wrap {padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: 5px;} #body .btn-wrap {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;} #header #box-search {margin-top: 12px;} #header div.links .fixed {top: -80px;} #header div.oxid .box-small-account, #top_basket {margin-top: -25px; } #header div.oxid .box-small-account {height: 64px; width: 230px;} #header div.oxid .box-small-account .name, #header div.oxid .box-small-account .mail{display: block;} #header div.oxid .box-small-account .btnwrap {left: auto; right: 0;} #header div.oxid .box-small-account.loggedin .btnwrap a {margin-left: 8px; margin-right: 0px; } #haccount {right: 20px; top: 100px;} #haccount .toparrow {/*right: 240px;*/ background-position: 210px 0;} #body .account_header dl {} div#header {background-position: center -25px;} #header div.oxid {height: 103px;} .basket #body .minorderprice {background-position: 45px center;} .basket #body .emptybasket .title, .basket #body .minorderprice .title {font-size: 24px; height: 30px; } .basket #body .emptybasket {padding-left: 10%; width: 81%;} .basket #body .emptybasket .title {} .basket #body .emptybasket .btn {margin: 0 0 0 7%;} html[lang=jp] .basket #body .emptybasket .btn {margin: 0 0 0 1%;} #body div.table.basket .cell.titles {width: 400px;} #body div.table.basket .cell.amounts {width: 235px;} #body div.table.basket .cell.other {width: 110px;} #body .evidencedetail div.table.total .cell.sumdesc {width: 54%; text-align: right;} #header div.bar .global { width: 73%;} #header div.links .customheader {display: block;} #body .ordersteps dl {width: 15%; } #body .ordersteps dl big {left: 25px;} #body .ordersteps dl.active + dl big {left: 45px;} #body .ordersteps dl.active {width: 40%;} #body .ordersteps dl.active dd {padding: 0 30px 0 75px; } #body .ordersteps dl.active dt {padding: 30px 10px 0 75px;} div#path {} div#footer .wrapper {width: 710px;} #body .evidencedetail .colright, #body .evidencedetail .colleft, #body .account_header .colright, #body .account_header .colleft {float: left; clear: none; width: 49.5%; margin: 0 0.25% 0 0;} #body .evidencedetail .colright, #body .account_header .colright {float: right; margin: 0 0 0 0.25%;} #body .evidencedetail .colleft {clear: left;} #body .locator.alist.bottom.pages {padding: 15px 0px 10px; margin: 10px 0px;} #body .userbox {float: left; width: 28%; clear: none; margin: 0 0 0 0; border: 0 none; border-right: 1px dashed #333;} #body .usercms {float: right; width: 69%; clear: none; margin: 0 0 0 0;} #body .evidenceheader .userbox {width: 100%; clear: both; border: 0 none;} #header div.bar .global li + li {} #header div.bar .global .shoparrow {margin-left: 0px;} #body h2.head2, #body strong.head2, #body .boxhead {padding:20px 0 40px; font-size: 40px;} #selID_LoginBox .login-form {width: 47%; margin: 15px 2% 15px 0; float: left; clear: none;} #selID_LoginBox .loginregister {padding-left: 2%; width: 47%; float: right; border: 0 none; border-left: 1px dashed #333; margin: 10px 0; } body #body .box + .boxhead, body #body .box + h2.head2, body #body .box + strong.head2, body #body .product + .boxhead, body #body .product + h2.head2, body #body .product + strong.head2, body.details-page #body h2.head2, body.details-page #body strong.head2 {background-position: center -4px; padding-top: 50px;} body.details-page #body #subnavhook + h2.head2, body.details-page #body #subnavhook + strong.head2 {background-position: 9999px 9999px !important; padding-top: 30px;} body.details-page #body #subnavhook.pinned + h2.head2, body.details-page #body #subnavhook.pinned + strong.head2 {} #left #box-trees {padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: -5px;} #left div.box-wrapper:before, #left #box-trees ul.tree {padding-left: 5px; padding-right: 5px; margin-left: -5px; margin-right: -5px;} body .product.big.productbox {padding: 0 5px 0 480px; min-height: 340px;} body .product.big.productbox .picture {position: absolute; width: auto; margin: 0; display: block;} body .product.big.productbox .picture span {width: 455px; height: 340px;} body .product.big .infodata {float: none; margin: 0;} body .product.big strong.h3 {} body .product.big strong.h3 a {margin-bottom: 10px;} body .product.big.productbox form {position: absolute; float: none; right: 0; left: auto;} body .product.thin .cost {margin: -1px 20px 0 0; float: left; padding: 0; clear: both; width: auto;} body .product.thin form {position: absolute; margin-top: 0; left: auto; right: 5px;} body .product.thinest .infodata {float: left; width: 40%;} body .product.thinest .cost {} body .product.thinest form {float: right; max-width: 58%; clear: none; margin-top: 0;} body .product.groupmasters-list-item .infodata {width: 30%;} body .product.groupmasters-list-item .recommended {width: 48%; position: absolute; left: 101%; top: 1em; text-align: center;} body .product.groupmasters-list-item .recommended abbr {} body .product.groupmasters-list-item .cost {padding: 0; margin: -1px 20px 0 0; float: left;} body .product.groupmasters-list-item form {max-width: 55%; margin-top: 6px;} body .product.details .picture .imgcont-on {padding: 0; text-align: left; width: 555px; float: left;} body .product .morepics {width: 120px; float: right; clear: none; margin: -6px 0 10px;} body .product .morepics a {height: auto; display: block;} #header div.links a {padding-left: 10px; padding-right: 10px;} #header div.bar .shoparrow a {background-position: -3px 25px;} .advertisment.banner-left, .advertisment.banner-right {width: 49.5%;} .advertisment.banner-left {} .advertisment.banner-right {margin-left: 1%; clear: none;} #body .start-info .left {max-width: 40%;} #body .start-info .left + .left {margin-left: 2%; max-width: 58%;} #body .gallerybox .galleryname, #body .galleryothername {width: 95px; padding-top: 0; padding-bottom: 0; font-size: 18px;} #body .galleryothername {margin-right: 5px;} #body .gallerybox .galleryname span, #body .galleryothername span {display: table-cell; height: 100px; vertical-align: middle; float: none; padding-right: 5px;} #body .box.gallerylist.maingallery, #body .gallerylist .gallery {width: 620px; float: left; text-align: left; padding: 0 0 15px; clear: none;} #body .galleryrotator .window {width: 465px;} #body .box.gallerylist {width: 100%; margin: 0; padding-right: 0;} #body .gallerylist .gallerybox {float: left; width: 100%; text-align: left;} #body .gallerylist .gallery-item {display: block; float: left;} #body .maingallery .gallerybox {float: left; display: block; width: auto;} #body .maingallery .galleryname {padding: 2px 5px; font-size: 11px; width: auto;} #body .maingallery .galleryname span {display: block; height: auto;} #body .maingallery .gallery {width: auto; padding: 0;} #body .gallerybox.gallerybox-btns {text-align: center;} #body .maingallery .gallerybox.gallerybox-btns {width: 310px;} #body .box.maingallery.maingallery-rotated {padding-left: 80px;} #body .maingallery.maingallery-rotated .gallerybox.gallerybox-btns {/*width: 230px;*/} } @media screen and (max-width: 767px) { #top_basket dd.extendwrap, #top_basket .toparrow, #top_basket .extendbasket {display: none !important;} body.order-page #body .basket.table .row.vouchers .cell.sumdesc {width: 65%;} html[lang=jp] .basket #body .emptybasket .title {font-size: 17px; } html[lang=jp] .basket span.btn-big.btn-next a {padding-right: 40px; font-size: 17px;} } @media screen and (min-width: 768px) { #toptooltip, div#page, div#header {min-width: 768px;} div#content.basket, div#content {padding: 20px 25px 10px;} #body div.ordersteps {margin: 0 -25px; width: 107.4%;} #body div.table.basket {margin: 0 -25px;} #body div.table.basket .row {padding: 15px 25px;} #body #subnavhook.pinned .product {width: 720px;} body.basket-page #body .graybox {margin-left: 0;} body .product.ondetail, #body .btn-wrap {padding-left: 25px; padding-right: 25px; margin-left: -25px; margin-right: -25px;} #left .catfilterwrap + .btn-wrap {padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: 30px;} #body .locator.alist.bottom.pages {padding: 15px 25px 10px; margin: 10px -25px;} div#footer .footer-box, div#footer .footer-box.footertext, div#footer .footer-box.middle {width: 33%; } div#footer .footer-box.middle div.bar {width: 100%;} #left #box-trees {padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px;} #left div.box-wrapper:before, #left #box-trees ul.tree {padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px;} div.on.popup,.on.popup-adult {left:50%; width:762px; margin-left:-381px;} #body .articlegroup .articlegroup-list {width: 50%;} #body .articlegroup .articlegroup-images {width: 42%; margin: 0 0 0 8%; text-align: left;} #body .articlegroup .articlegroup-images .item-img {float: left; margin: 0 15px 10px 0;} } @media screen and (min-width: 720px) and (max-width: 959px) { body .product.details .particulars {} body .product.details .particulars .actionsblock-floated, body .product.details .particulars form {float: right; width: 380px;} body .product.details .particulars .catsblock-floated {float: left; width: 300px; margin-top: 15px;} body .product.details .particulars .actionsblock-floated {clear: right;} body.order-page #body div.table.basket .colright {padding: 15px 25px; width: 100%;} html[lang=jp] .basket #body .emptybasket .title {font-size: 17px; } html[lang=jp] .basket span.btn-big.btn-next a {padding-right: 40px; font-size: 17px;} } @media screen and (max-width: 959px) { #left ul.tree.branche, #left-filter { -webkit-column-width: 230px; -webkit-column-gap: 10px; -webkit-column-width: 230px; /* Chrome, Safari, Opera */ -moz-column-width: 230px; /* Firefox */ column-width: 230px; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */ column-gap: 10px; } #left .catfilter, #left .catfilteritem { width: 230px; margin-right: 10px; clear: none; display: inline-block; float: none; } #left .catfilter.attrfilter { width: auto; margin-right: 0; clear: none; display: inline; float: none; } ul.tree.branche li { display: inline-block; width: 90%; } ul.tree.branche-wrap > li > a.root { text-decoration: none; } #left div.box-wrapper, body.issearch #left div#box-categorytree { display: none; } #zenbox_tab {display: none !important;} } @media screen and (min-width: 960px) { #toptooltip, div#page, div#header {min-width: 960px;} #topbanner .wrapper, #toptooltip .wrapper, div#header .wrapper {width: 950px;} div#content.basket, div#content {width: 960px; padding: 20px 0 10px;} #body #subnavhook.pinned .product {width: 950px;} body .product.ondetail {margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px;} #body .btn-wrap {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;} #left .catfilterwrap + .btn-wrap {padding-left: 5px; padding-right: 0; margin-left: -5px; margin-right: 0;} #header div.oxid .logo, #header #box-search {clear: none; margin-top: 32px;} #header div.oxid {height: 93px;} #header div.links .fixed {top: -77px;} div#header {background-position: center -35px;} #header div.oxid .box-small-account, #top_basket {margin-top: 14px; } #haccount {top: 92px;} #header div.bar .shopmenu .tree {width: 37%; display: table-cell; float: none; vertical-align: top;} #header div.bar .shopmenu .tree1 {width: 43%;} #header div.bar .shopmenu .tree.tags {width: 20%;} #header div.bar .shopmenu ul.tree ul a {width: 52px;} #header div.bar .shopmenu ul.tree1 ul a {width: 158px;} #header div.bar .shopmenu ul.tree.tags ul a {width: 115px; } .basket #body .minorderprice {background-position: 60px center;} .basket #body .emptybasket .title, .basket #body .minorderprice .title {font-size: 30px; height: 36px;} .basket #body .emptybasket {padding-left: 16%; width: 75%;} html[lang=jp] .basket #body .emptybasket {padding-left: 10%; width: 83%;} .basket #body .emptybasket .title {} #body div.table.basket, #body .basket.table .row.sumrow, #body div.ordersteps {margin: 0; width: 100%;} #body div.table.basket .row {padding: 15px 20px; margin: 0 0px; width: 95.9%;} #body div.table.basket .colright {padding: 15px 20px;} #body .ordersteps dl.first {width: 24%;} #body .ordersteps dl.second {width: 18%;} #body .ordersteps dl.third {width: 19%;} #body .ordersteps dl.fourth {width: 19%;} #body .ordersteps .lastinrow {width: 20%;} #body .ordersteps dl big {left: 20px;} #body .ordersteps dl.active dd, #body .ordersteps dl dd {padding: 0 15px 0 70px;} #body .ordersteps dl.active dt, #body .ordersteps dl dt {padding: 30px 10px 0 70px;} #body .ordersteps dl dt .step, #body .ordersteps dl dd {display: block;} #body .ordersteps dl.active + dl big {left: 40px;} #body div.table.basket .cell {float: left;} #body div.table.basket .cell.amounts {clear: none; width: 100px;} #body div.table.basket .cell.titles {width: 200px;} #body div.table.basket .th.cell.titles {width: 455px;} #body div.table.basket .row .th.cell.amounts {text-align: center;} #body div.table.basket .cell.other {width: 77px;} #body .evidencedetail div.table.total .cell.sumdesc {width: 78.5%; } #body .evidencedetail div.table .cell.vat, #body .evidencedetail div.table .cell.amount {width: 10%;} #body .evidencedetail div.table .cell.price {width: 17%;} body.order-page .colright, body.basket-page .colleft {width: 50%; clear: none; } body.basket-page .colright {width: 50%; clear: none; float: right; } body.order-page .colright {float: right;} body.basket-page #body .graybox {margin-left: 25px;} body.basket-page #body #save-basket {background-color: #fff; border: 1px dashed #bbb; position: absolute; bottom: 0px; } #body .useroption {border: 0 none; width: 29%; min-height: 430px; height: auto !important; height: 430px; clear: none; margin: 20px 0;} #body .useroption + .useroption {background: transparent url(images/line_dash_v.png) repeat-y scroll left top; width: 35%;} #body .bisector {width: 44%; clear: none;} #body .userbox {width: 22%;} #body .usercms {width: 75%;} #body .locator.alist.bottom.pages {padding: 15px 8px 10px; margin: 10px -6px;} body.thankyou-page #body .bisector, body.order-page #body .bisector, body.payment-page #body .bisector {background: transparent url(images/line_dash_v.png) repeat-y scroll right top;} body.order-page #body .bisector + .bisector {background: transparent;} body.thankyou-page #body .bisector + .bisector, body.payment-page #body .bisector + .bisector {background-position: left top; margin-left: -1px;} body.thankyou-page #body .bisector {padding: 10px 0;} body.thankyou-page #body .bisector {width: 54%; padding-right: 3%;} body.thankyou-page #body .bisector + .bisector {width: 40%; padding-right: 0;} body.thankyou-page #body .process-payment.bisector {padding-top: 40px;} div#body {} div#sub-body, div#left + div#body {width: 720px;} div#left + div#body {padding-left: 5px; margin-left: -6px; border-left: 1px solid #f5f5f5;} div#path {} div#left + #body div#path {} div#left {width: 230px;} body.issearch div#left {margin-top: -20px;} div#body #left {display: block;} div#footer .wrapper {width: 950px;} #header div.oxid .logo {width: 25%;} #body div.table .cell.code {width: 8.5%;} #body div.table .cell.yourcode {width: 12%;} #body div.table .cell.date {width: 20%;} #body div.table .cell.state {width: 20%; clear: none;} #body div.table .cell.price {width: 18%; clear: none;} #body div.table .cell.price.colspan2 {width: 36.5%; } #body div.table .cell.detail {width: 12%;} #body div.table .cell.aright {text-align: right;} body #body .box + .boxhead, body #body .box + h2.head2, body #body .box + strong.head2, body #body .product + .boxhead, body #body .product + h2.head2, body #body .product + strong.head2, body.details-page #body h2.head2, body.details-page #body strong.head2 {background-position: center -4px; padding-top: 50px; background-size: auto;} #left div.box-wrapper:before, #left #box-trees, #left #box-trees ul.tree {padding-left: 5px; padding-right: 0; margin-left: -5px; margin-right: 0;} body .product.groupmasters-list-item .infodata {width: 36%;} body .product.details .picture {width: 555px; margin: 0 45px 0 0;} body .product.details .particulars {float: right; width: 380px;} body .product .morepics {width: 100%; float: left; clear: both; margin: 15px 0 0;} body .product .morepics a {height: 60px; display: table-cell;} body.start-page #body .start-page-sep + strong.head2 {margin-top: 0; background-position: right -4px; background-size: 76%; padding-top: 50px;} ul.tree.branche-wrap > li > a.root {margin: 0 15px 0 0;} ul.tree.branche-wrap > li > a.root:after {content: ""; display: block; position: absolute; top: 10px; right: 0; width: 30px; height: 20px; background: transparent url(images/button_icons.png) no-repeat scroll right -980px;} html[lang=jp] ul.tree.branche-wrap > li > a.root:after {right: -5px;} ul.tree.branche-wrap.open > li > a.root {border-radius: 5px 5px 0 0; background: #444 url(images/left_tree_sep_black.png) repeat-x scroll left bottom; z-index: 1501;} ul.tree.open ul.nav-wrap {display: block; position: absolute; z-index: 1501;} #left #box-trees ul.tree.open ul.nav-wrap + .tree.branche {} #left-filter {border-right: 1px solid #f5f5f5; margin-left: -1px;} #left div.box-wrapper {border-right: 1px solid #f5f5f5; margin-left: -1px;} body.start-page #body .errorbox, body.start-page #body .msg {width: 65%;} #left + #body .msg {/*width: 92%; margin: 10px 2% 20px 0;*/} #header div.bar .global li + li {margin-left: 2%;} #body .articlegroup .articlegroup-images .item-img, #body .articlegroup .articlegroup-images .item-img img {} #body .start-info {width: 50%;} #body .start-info + .start-social {clear: none; width: 50%;} #body .start-info .left {max-width: 50%;} #body .start-info .left + .left {margin-left: 2%; max-width: 48%;} #body .gallerybox .galleryname, #body .galleryothername {width: 180px;} #body .box.gallerylist.maingallery, #body .gallerylist .gallery {width: 775px;} #body .galleryrotator .window {width: 620px;} #body .maingallery .galleryname {width: auto;} #body .maingallery .gallery {width: auto;} #body .form .form-note {display: inline-block; padding-left: 2em;} #body .bisector .form .form-note {display: block; padding-left: 0;} } @media screen and (min-width: 1000px) { #toptooltip, div#page, div#header {min-width: 1000px;} div#content.basket, div#content {padding: 20px 25px 10px;} #body .locator.alist.bottom.pages {padding: 15px 20px 10px; margin: 10px -5px;} #body div.ordersteps {margin: 0 -25px; width: 105.3%;} #body div.table.basket {margin: 0 -25px;} #body div.table.basket .row {padding: 15px 25px; width: 100%;} #body div.table.basket .colright {padding: 15px 0px; margin: 0 -25px; } body.basket-page #body .graybox {margin-left: 0;} #body #subnavhook.pinned .product {width: 960px;} body .product.ondetail, #body .btn-wrap {padding-left: 25px; padding-right: 25px; margin-left: -25px; margin-right: -25px;} #left .catfilterwrap + .btn-wrap {padding-left: 30px; margin-left: -30px;} #left div.box-wrapper:before, #left #box-trees, #left #box-trees ul.tree {padding-left: 30px; padding-right: 0; margin-left: -30px; margin-right: 0;} } @media screen and (max-width: 1199px) { } @media screen and (min-width: 1200px) { #toptooltip, div#page, div#header {min-width: 1200px;} #topbanner .wrapper, #toptooltip .wrapper, div#header .wrapper {width: 1180px;} div#content.basket, div#content {width: 1200px; padding: 20px 0 10px;} #body .locator.alist.bottom.pages {padding: 15px 8px 10px; margin: 10px -6px;} #header div.bar .shopmenu ul.tree.tags {width: 22%;} #header div.bar .shopmenu ul.tree.tree1 {width: 41%;} #header div.bar .shopmenu ul.tree.tree2 {width: 37%;} #header div.bar .shopmenu ul.tree ul a {width: 70px;} #header div.bar .shopmenu ul.tree1 ul a {width: 190px;} #header div.bar .shopmenu ul.tree.tags ul a {width: 150px; } #body .ordersteps dl.active dd, #body .ordersteps dl dd {padding-right: 35px;} #body div.ordersteps {margin: 0 0px; width: 100%;} #body div.table.basket {margin: 0 0px;} #body div.table.basket .row {width: 95.9%;} #body div.table.basket .colright {margin: 0; padding: 15px 20px;} body.basket-page #body .graybox {margin-left: 25px;} #body #subnavhook.pinned .product {width: 1190px;} body .product.ondetail {margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px;} #body .locator.alist, #body .btn-wrap {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;} #left .catfilterwrap + .btn-wrap {padding-left: 5px; margin-left: -5px;} .basket #body .emptybasket .title, .basket #body .minorderprice .title {font-size: 36px; height: 36px;} #body div.table.basket .cell.titles {width: 370px;} #body div.table.basket .th.cell.titles {width: 635px;} body.order-page #body div.table.basket .th.cell.titles {width: 595px;} #body div.table.basket .cell.other {width: 70px;} #body div.table.basket .cell.amounts {width: 150px;} #body div.table.basket .th.cell.amounts {width: 140px;} div#sub-body, div#left + div#body {width: 960px;} div#path {} div#left + #body div#path {} div#footer .wrapper {width: 1180px;} div#footer .footer-box.footertext, div#footer .footer-box {width: 26%;} div#footer .footer-box.middle {width: 48%;} div#footer .footer-box.middle div.bar {width: 50%;} #left div.box-wrapper:before, #left #box-trees, #left #box-trees ul.tree {padding-left: 5px; padding-right: 0; margin-left: -5px; margin-right: 0;} body .product.big.productbox {padding: 0 5px 0 580px; min-height: 410px;} body .product.big.productbox .picture span {width: 555px; height: 410px;} body.start-page #body .errorbox, body.start-page #body .msg {width: 70%;} #body .articlegroup .articlegroup-images .item-img, #body .articlegroup .articlegroup-images .item-img img {height: 100px;} #body .articlegroup .articlegroup-list {width: 47%;} #body .articlegroup .articlegroup-images {width: 45%; margin: 0 0 0 8%; text-align: left;} body .product.details .picture {width: 710px; margin: 0;} body .product.details .picture .imgcont-on {} body .product .morepics {width: 130px; float: right; clear: none; margin: -6px 0 10px;} body .product .morepics a {height: auto; display: block; width: auto;} body .product.details .morepics a img {max-height: none; max-width: 120px;} #body .gallerybox .galleryname, #body .galleryothername {width: 110px;} #body .box.gallerylist.maingallery, #body .gallerylist .gallery {width: 1085px;} #body .galleryrotator .window {width: 930px;} #body .maingallery .galleryname {width: auto;} #body .maingallery .gallery {width: auto;} } @media screen and (min-width: 1240px) { #toptooltip, div#page, div#header {min-width: 1240px;} div#content.basket, div#content {padding: 20px 20px 10px;} #body .locator.alist.bottom.pages {padding: 15px 18px 10px; margin: 10px -6px;} #body div.table.basket .cell.other {width: 95px;} #body div.ordersteps {margin: 0 -20px; width: 103.4%;} #body div.table.basket {margin: 0 -20px;} #body div.table.basket .row {width: 100%; padding: 15px 20px;} #body div.table.basket .colright {margin: 0 -20px; padding: 15px 0px;} body.basket-page #body .graybox {margin-left: 5px;} #body #subnavhook.pinned .product {width: 1200px;} body .product.ondetail, #body .btn-wrap {padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px;} #left .catfilterwrap + .btn-wrap {padding-left: 25px; margin-left: -25px;} #body .locator.alist {padding-right: 20px; margin-right: -20px;} #left div.box-wrapper:before, #left #box-trees, #left #box-trees ul.tree {padding-left: 25px; padding-right: 0; margin-left: -25px; margin-right: 0;} } /********************************************************************** * * FOR FOOTER * */ @media screen and (min-height: 1000px) { div#body {min-height: 580px;} } @media screen and (min-height: 1200px) { div#body {min-height: 780px;} } /********************************************************************** * * FOR SMALL SCREEN * */ @media screen and (max-width: 1200px) { .sidebanner-wrap { display: none; } #social_networks { margin-right: -40px; } #social_networks:hover { margin-right: -1px; } } @media screen and (max-width: 1010px) { /* #subnav { width: 100%; } body.details-page #body #subnavhook.pinned .product.thinest.ondetail, #body #subnavhook.pinned .product.thinest.ondetail { width:100%; } div#page { overflow: hidden; } #social_networks { display: none !important; } */ } @media screen and (max-width: 950px) { /* #subnav a { display: inline-block; width: auto !important; } */ } @media screen and (max-width: 800px) { /* #body #subnavhook.pinned .product.thinest.ondetail form { margin: 0 0 0 1%; } #body #subnavhook.pinned .product.thinest.ondetail .picture { display: none; } */ } /* for browser height - popup */ @media screen and ( max-height: 900px ){ div.on.popup {top: 0.5%;max-height: 99.5%;} } #left .subcategories.box-wrapper { margin: 0; border: 0; padding: 0; } #left .subcategories.box-wrapper:before { content: none; } #left .subcategories ul { list-style: none; padding: 0; margin: 0; } #left .subcategories li { margin-bottom: 0.2rem; } /* COOKIES */ .termsfeed-com---nb-simple { box-shadow: 0 0 .625rem #999; } .termsfeed-com---nb-simple .cc-nb-main-container { padding: 1.5rem !important; } .termsfeed-com---nb-simple .cc-nb-text { font-size: .875rem !important; } .termsfeed-com---nb-simple .cc-nb-okagree, .termsfeed-com---nb-simple .cc-nb-reject { background-color: #f26422 !important; } .termsfeed-com---nb-simple .cc-nb-okagree:hover, .termsfeed-com---nb-simple .cc-nb-reject:hover { background-color: #d75b1d !important; } .termsfeed-com---nb-simple .cc-nb-changep { color: #f26422 !important; background-color: transparent !important; border: 1px solid #f26422; } .termsfeed-com---nb-simple .cc-nb-changep:hover { border-color: #d75b1d !important; color: #d75b1d !important; } .termsfeed-com---pc-dialog .cc-pc-head { padding: 0 .5rem .5rem; text-align: center; } .termsfeed-com---pc-dialog .cc-pc-head-lang select:focus { box-shadow: 0 0 0 2px #f26422 !important; } .termsfeed-com---pc-dialog .cc-cp-foot-save { background: #f26422 !important; } .termsfeed-com---pc-dialog input[type="checkbox"].cc-custom-checkbox:checked + label::before { background: #f26422 !important; } .termsfeed-com---pc-dialog .cc-cp-body-content-entry a { color: #808080 !important; text-decoration: underline; } .termsfeed-com---pc-dialog .cc-cp-body-content-entry a:hover, .termsfeed-com---pc-dialog .cc-cp-body-content-entry a:focus, .termsfeed-com---pc-dialog .cc-cp-body-content-entry a:active { box-shadow: none !important; } .termsfeed-com---pc-dialog .cc-cp-body-tabs-item:last-child { border-bottom: 0 !important; }