/* SolarHertz shared storefront stylesheet. */ /* OXID look&feel generated CSS */ /* Base */ html,body {height: 100%;} body,table,input,select,textarea,tt {font:10px/130% Verdana,Geneva,Arial,Helvetica,sans-serif;} body {margin:0;padding:0;background:#ffffff; } h1 {font-size: 13px;} h2 {font-size: 11px;} h3 {font-size: 10px;} strong.h2 {font-size: 11px;} strong.h3 {font-size: 10px;} img {border: 0; vertical-align: bottom} ul {padding:0 0 0 2em;} hr {margin:4px 0;height:1px;text-align:center;color:#cbcbcb;background-color:#cbcbcb;border: 0;} hr.line{background-color:#EEEFF0;border:none;color:#EEEFF0;height:1px;margin:4px 0} /* Typography */ a{text-decoration:none;} a:hover{text-decoration:underline;} .hl {color:#F90 !important;} .note{color:#F90;} .req {color:#F90;} .err {color:#F90;} .done {color:#00B910;} .link {background: url(bg/oxid_01_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color:#5e5e5e !important; line-height:1.1em;} .link2 {padding-left:0;font-size:10px;text-decoration:none;color:#757C83 !important; line-height:1.1em;} .link:hover, .link2:hover {text-decoration: underline;} .def_color_1 {color:#757C83;} .fs12 {font-size: 12px !important;} .fs11 {font-size: 11px !important;} .fs10 {font-size: 10px !important;} .nobrd {border: none !important;} .nobold {font-weight: normal !important;} .ta_right {text-align: right !important;} div.right, span.right {float:right;} div.left, span.left {float:left;} a.black_link {color: #000 !important;} a.black_link:hover {color: #f90 !important;} .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} /* Forms */ form{margin-top:0px;margin-bottom:0px;} input {color: #000;} span.btn{background: transparent url(bg/buttons_01_.gif) right -150px no-repeat;padding: 0 1px 0 0;height:18px;line-height:18px;display:-moz-inline-stack;display:inline-block;margin:0;outline:0;} span.btn input, span.btn a{border:none;height:18px;line-height:10px;outline:0;position:relative;display:block;padding:2px 7px;margin:0;color:#ffffff;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_01_.gif) no-repeat left -150px;} span.btn a{padding:3px 8px 2px; position:relative;} input.btn.hl {border-color:#f90;color:#f90;} input.chbox {vertical-align:middle; margin-top: 0px;} input.chk {margin: 1px 5px 1px 0px !important; padding: 0 !important;} textarea.fullsize {width: 100%;} /* Tables .....*/ table {border-collapse: collapse;} table.min_width {width:auto} th {text-align: left;padding: 0 5px 0 0;font-weight: normal;} tr.row_sep td hr{display:none;} tr.row_sep td div{background: url(bg/sepatator_01_.gif) no-repeat center center; margin: 0;height: 15px;} tr.sep td, tr.sep th {background: url(bg/sepatator_01_.gif) no-repeat center center;} /* 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:5px;font-weight:bold;font-size:11px;text-indent:5px;} dl.box dd {margin:0;padding:4px 4px 0;} /* Navigation - menus */ ul.menue {padding:0; margin:0; list-style:none;} ul.menue li {margin:0; white-space:nowrap;position: relative;} ul.menue li a {line-height: 100%;} 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;} .open .dropdown { visibility: visible; } /* Navigation - tree */ ul.tree {padding:0;margin:0;} ul.tree ul {padding:0;margin:0 0 0 15px;} ul.tree li {padding:0;margin:0;list-style: none;} ul.tree li a{line-height: 100%;} /* Layout */ div#page { width:980px;margin:0px auto 0;padding:0;position: relative;background:#ffffff;} div#header { clear:both; background:#ffffff;} div#content { clear:both; background:url(bg/bd_01_.gif) repeat-y; font-size: 10px; font-weight: normal;} div#path { margin:0 0 0 195px;background:#ffffff;padding:15px 0 0 0;border-bottom:1px solid #efefef;color:#5e5e5e; font-size: 10px; font-weight: normal;} div#body { margin:0 210px 5px 190px; padding:10px 0 0 0; font-size: 10px; font-weight: normal;} div#left { float:left; width:180px; background:#ffffff;border-right:4px solid #efefef; font-size: 10px; font-weight: normal;} div#right { float:right; width:204px; background:#ffffff; font-size: 10px; font-weight: normal;} div#footer { clear:both; background:#ffffff; font-size: 10px; font-weight: normal;} div.clear {clear: both;} /* Blank pages, popups */ div#body.plain {margin: 0; padding: 0; width: auto; font-size: 10px; font-weight: normal;} /* + layout - header */ #header div.bar .fixed {min-width:184px;border-right:1px solid #ffffff;float:left;} div.bar.oxid {background:#ffffff; font-size: 10px; font-weight: normal;} div.bar.oxid .logo {float:left;} div.bar.oxid dl.box {min-height: 94px;min-width:150px;margin:0 0 1px 2px;} dl.box {background:#ffffff;border:1px solid #efefef;width:150px;} dl.box dt {background:#efefef;color:#5e5e5e;} dl.box dt a {color:#5e5e5e;padding:0 0 0 10px;background:transparent url(bg/oxid_01_.gif) 0 -10px no-repeat;display:block;} dl.box dd {color:#5e5e5e;} dl.box dd ul {margin:0;} dl.box.open dt {background-color:#BDCD00;color:#ffffff;} dl.box.open dt a {background-position:0 -35px;color:#ffffff;} 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:#efefef url(bg/oxid_01_.gif) 0 -50px no-repeat;color:#5e5e5e;} dl.box.open dd.dropdown ul li a:hover{background-color:#BDCD00;color:#ffffff;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{color:#5e5e5e;padding-left:10px;background:transparent url(bg/oxid_01_.gif) 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.basket{background:#ffffff;border-color:#efefef;} dl.box.basket dt {background:#efefef;} dl.box.basket.open dt {background-color:#BDCD00;} dl.box.basket.open dt a {color:#ffffff;} dl.box.basket.open dd.dropdown ul li a{background-color:#efefef;color:#5e5e5e;} dl.box.basket.open dd.dropdown ul li a:hover{background-color:#BDCD00;color:#ffffff;} dl.box.basket dd table {width:100%;} div.bar.links {background:#efefef;border-bottom:1px solid #ffffff;font-size: 10px; font-weight: normal;} div.bar.links a {line-height: 11px;color:#5e5e5e; font-weight: bold; float:left;vertical-align: bottom;padding:7px .5em; border-left:1px solid #ffffff;} div.bar.links a.language {margin:4px 3px 4px .8em;padding:0;border:none;} div.bar.links a.language img{margin:1px;} div.bar.links a.language.act img{opacity:.7;} div.bar.links a.currency {padding:0 0 0 .5em ;margin:7px 0 7px .5em;} div.bar.links a.currency.sep{padding:7px 0 7px 1em;margin:0 0 0 1em;} div.bar.links a.currency.act{color:#BDCD00;} div.bar.links .right a { padding: 7px 1em;} div.bar.links .left a { padding: 7px 1em;border-left:none;border-right:1px solid #ffffff;} div.bar.links.single{background:#BDCD00;} div.bar.links.single a{color:#ffffff;} div.bar.links.single a.act{color:#efefef;} div.bar.categories { background:#BDCD00; border-bottom: 1px solid #ffffff;} div.bar.categories a { min-width:50px;text-align:center;line-height:1;color:#ffffff; text-decoration: none; display:block; padding: 10px;font-weight: bold;font-size:11px;} div.bar.categories li a.more{ background: transparent url(bg/oxid_01_.gif) no-repeat 5px -125px;text-indent: 10px;} div.bar.categories li a.exp.more { background-position: 5px -625px;} div.bar.categories li.open a.more{ background-position: 5px -150px;} div.bar.categories a.fixed { padding: 10px 0; text-align: center; background-color: #BDCD00;color:#ffffff;} div.bar.categories a.fixed:hover { background-color: #efefef;color:#5e5e5e;text-decoration: none; } div.bar.categories li.open a, div.bar.categories li a.exp{ background-color: #efefef;color:#5e5e5e;text-decoration: none; } div.bar.categories ul.menue.horizontal li {float:left; border-right : 1px solid #ffffff;} div.bar.categories ul.menue.vertical li {float:none; border-top : 1px solid #ffffff;} div.bar.categories ul.menue.vertical li a { text-align:left;padding: 7px 10px; background: #efefef;color:#5e5e5e;font-weight: normal;} div.bar.categories ul.menue.vertical li a:hover { background-color:#BDCD00;color:#ffffff;} /* + layout - footer*/ #footer a{text-decoration: none; font-size: 10px; font-weight: normal;} #footer a:hover{text-decoration: underline; font-size: 10px; font-weight: normal;} #footer .shopicons {padding: 0 150px; font-size: 10px; font-weight: normal;} #footer .footertext {text-align: center; font-size: 10px; padding: 5px 0; clear: both;color:#5e5e5e; font-size: 10px; font-weight: normal;} div.bar.copy{ height:13px;background:#F08618;border-top:2px solid #ffffff;color:#ffffff;padding:5px 10px 5px 200px; font-size: 10px; font-weight: normal;} div.bar.copy a{color:#ffffff; font-size: 10px; font-weight: normal; font-weight: normal;} div.bar.shop{ background:#ffffff;color:#5e5e5e;padding:8px 190px 10px 180px;text-align: center; font-size: 10px; font-weight: normal;} div.bar.shop a{color:#5e5e5e;margin:0 7px; font-size: 10px; font-weight: normal;} div.bar.icons{text-align: right; font-size: 10px; font-weight: normal;} /* minibasket */ .box.minibasket .hr {background: url(bg/sepatator_01_.gif) no-repeat center center; height: 15px;} .box.minibasket .tocart { height:18px; line-height:18px; width: 149px; background: transparent url(bg/buttons_01_.gif) no-repeat right 0; margin-left:auto; border: 0 none;padding:0 1px 0 0;} .box.minibasket .tocart input{ width: 149px; height:18px;text-align:center; background: transparent url(bg/buttons_01_.gif) no-repeat left 0; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;} /* + layout - left */ #left strong.h2{display: block;} #left strong.h2{background:#efefef;padding:10px 5px 5px;margin:0;color:#5e5e5e;} #left strong.h2 a {text-decoration: none; color: #5e5e5e} #left strong.h2 a:hover {text-decoration: underline;} #left p {padding:3px 10px;margin:0;} #left form.search{padding:5px 0;} #left .search input.txt {width:122px;margin-top:2px;padding:1px 0;} #left .search select {width:126px;margin-top:2px;padding:1px 0;} #left .search span.btn input {font-weight: bold;width:28px;text-align: center;} #left hr {margin: 3px 10px;} /* left minibasket */ #left .box.minibasket {padding:7px 10px;} /* information list */ #left ul.info {margin:0;padding:0 0 0px 0;} #left ul.info li {list-style: none; padding: 0; margin: 0;} #left ul.info li a {background:url(bg/oxid_01_.gif) no-repeat right -250px; text-indent: 10px; color: #5e5e5e;display: block;padding:6px 0; border-bottom:1px solid #efefef;} /* news list */ #left dl.news {margin: 7px 0; padding-left: 10px;} #left dl.news dt {margin-bottom: 9px;} #left dl.news dt a {color: #5e5e5e; text-decoration: none;} #left dl.news dt a:hover {text-decoration: underline;} #left dl.news dd {margin: 0 0 9px 0;} /* partners list */ #left .partners {margin: 7px 0;} #left .partners .logo {text-align: center; margin-top: 20px;} ul.tree li a {background:#ffffff url(bg/oxid_01_.gif) no-repeat right 500px;color:#5e5e5e;display:block;padding:6px 2px;border-top:1px solid #efefef;} ul.tree li a.has{padding-right:15px;background-position:right -175px;} ul.tree li a.root{text-indent:15px;padding-right:0;background-position:0 -175px;font-weight: bold;border-color:#efefef;} ul.tree li a.exp{text-indent:15px;padding-right:0;background-position:0 -200px;} ul.tree li a.act{background-color:#E6F27D;color:#505050;} ul.tree li a.exp.act{background-position: 0 -225px;} /* + layout - right */ #right strong.h2 {display: block;} #right strong.h2{position:relative;border-left:4px solid #efefef;background:#efefef;padding:10px 5px 5px;margin:0;color:#5e5e5e;} #right strong.h2 a {text-decoration: none; color: #5e5e5e} #right strong.h2 a:hover {text-decoration: underline;} #right div.box {border-left:4px solid #efefef;padding:7px 10px;} #right div.box p{padding:7px 10px;} #right .form label {color:#5e5e5e;display:block;margin:0 0 3px;} #right .form input.txt {width: 176px; margin:0 0 3px;} #right .form span.btn input {width: 179px;} #right .form a.link {display:block;margin:0 0 3px;} #right div.forms strong.h2 {background-color: #efefef;color:#5e5e5e;border-left-color:#efefef;} #right div.forms strong.h2 a{color:#5e5e5e;} #right div.forms div.box{border-left-color:#efefef;background-color:#ffffff;} #right .listitem {margin: 2px 0 7px; padding-left: 66px; position: relative; min-height: 45px; height:auto; color: #5e5e5e; width: 114px;} #right .listitem .picture{position: absolute; display: block; left: 0; top: 0; width: 56px; height: 42px; text-align:center; background: #ffffff; border: 1px solid #efefef;} #right .listitem a.title{overflow:hidden;width:108px;display:block;} #right .listitem a {text-decoration: none; color: #5e5e5e;} #right .listitem a:hover {text-decoration: underline;} #right .listitem tt {display: block;} #right .actions {margin: 3px 0 5px;} #right .actions a {display: block;} #right .listitem.bargain a.link {color: #5e5e5e;} #right .listitem.rightlist {border-bottom: 1px solid #efefef; height:auto;} #right .listitem.rightlist.lastinlist {border: none; margin-bottom: 3px;} #right .listitem.rightlist .price{font-size: 13px; font-weight: bold; color: #5e5e5e; margin: 16px 24px 9px 0; width: 90px; position: relative;} #right .listitem.rightlist .price a {font-weight: bold; font-size: 10px; color: #5e5e5e;} #right .listitem.rightlist .price a:hover {color: #5e5e5e;} #right .listitem.rightlist .price .tocart{ width: 18px; height: 16px; position: absolute; left: 92px; top: 0;} #right .listitem.rightlist .price .btn{ width: 20px; height: 18px; margin:0; border:0;background: transparent url(bg/buttons_01_.gif) 0 0 no-repeat;padding: 0;cursor:pointer;} #right .listitem.rightlist .link {background: url(bg/oxid_01_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color: #5e5e5e !important; line-height:1.1em;} #right .listitem.rightlist .link:hover {text-decoration: underline;} /* right minibasket */ #right .box.minibasket {color: #5e5e5e;} #right .box.minibasket .tocart{ width: 149px; height: 18px; line-height: 18px;} #right .box.minibasket .tocart input{ width: 149px; height: 18px; text-align:center; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;line-height: 1.1em;} #right .recommlist .btn{border:1px solid #5e5e5e;background: #5e5e5e;color:#ffffff;font-weight: bold;width:30px;text-align: center;line-height: 100%;} #right dl.actionslist {color: #5e5e5e; margin-bottom: 5px;} #right dl.actionslist dt {background: url(bg/sepatator_01_.gif) no-repeat top center; font-weight: bold; padding-top: 5px;} #right dl.actionslist dd {margin: 0; height: 12px;} #right dl.actionslist dd tt {width: 80px; float: left;} #right dl.actionslist dd span {float: left;} #right dl.actionslist .link {background:url(bg/oxid_01_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color:#5e5e5e !important; line-height:1.1em; float: right;} #right dl.actionslist .link:hover {text-decoration: underline;} #right .recommlistsearch .btn {width: auto;} #right .recommlistsearch .search_input {width: 120px;} /* RSS */ #right .box {position:relative;} a.rss{display:block;position:absolute;right:0;bottom:0; width:14px;height:14px; background: transparent url(bg/rss.gif) 0 0 no-repeat;text-decoration: none;bottom:5px;right:6px;} #body strong.head a.rss, #body strong.head2 a.rss, #body .product strong.h4 a.rss, #body .boxhead a.rss {bottom:8px;} #body strong.head, #body strong.head2 {position:relative; display: block;} #right strong.h2 a.rss{bottom:6px;} /* Path */ #path{ position:relative;} #path a{color:#5e5e5e; text-decoration: none;} #path a:hover{text-decoration: underline;} #path a.dinfo{position:absolute;right:0;} /* Content */ #body a{font-size: 11px; text-decoration: none; color: #5e5e5e;} #body a:hover{text-decoration: underline; color: #BDCD00;} #body, #body td, #body th {font-size: 11px;} #body strong.head, #body h1.head{margin:0 5px;background: #ffffff;color:#5e5e5e;font-size:14px;font-weight: bold;padding:8px .5em;border-left:8px solid #5e5e5e;border-top:1px solid #5e5e5e;border-right:1px solid #5e5e5e;position:relative;} #body strong.head2 {margin:0 5px 10px 5px;background: #ffffff;color:#5e5e5e;border:1px solid #5e5e5e;border-left-width:8px;float:left; width:549px;padding:8px 6px;} #body .boxhead {margin:0 5px;background:#ffffff; padding:6px 5px 6px 7px;height:20px;border-top:1px solid #5e5e5e;border-left:8px solid #5e5e5e;border-right:1px solid #5e5e5e;line-height:20px; font-size: 11px;font-weight: bold;color:#5e5e5e;width:549px;float:left;position:relative;} #body strong.head em, #body h1.head em, #body .boxhead em{font-weight: normal;font-style:normal;font-size:11px;line-height: 11px;} #body strong.head small, #body h1.head small, #body .boxhead small{font-weight: bold;font-size:11px;line-height: 11px;display:block;position:absolute;top:9px;right:3.5em;} #body .boxhead small{top:12px;} #body strong.head h1, #body .boxhead h1{margin:0; padding: 0; display: inline;} #body .box{border:1px solid #5e5e5e;border-top:none;padding:8px 6px;margin:0 5px 10px;width:556px;float:left;background:#ffffff;} #body .empty{padding:0 6px !important; height: 0px; overflow: hidden;} #body .box img{border:none;padding:0;margin:0;} #body .box p {margin:0 0 1em 0;} #body .box ul.list{margin:0;padding:0;} #body .box ul.list li{background:url(bg/oxid_01_.gif) no-repeat 0 -675px;display:inline;padding-left:8px;margin-right:10px;} #body .box ul.list li a{text-decoration: none;color:#5e5e5e;} #body .box ul.list li a:hover{text-decoration: underline;color:#BDCD00;} #body .box.info {padding: 10px 10px 10px 15px; width:543px;} #body .box.notice {padding: 5px 0 0; width:568px; border: none;} #body .box .catfilter {margin: 5px 5px 10px 0;} #body .box .catfilter label {margin-right: 7px;} #body .box .catfilter select {margin: 3px;} #body.plain .boxhead {margin: 5px 5px 0 5px; width: auto; float:none;} #body.plain .box {width: auto; float:none;} #body div.bar.prevnext {background-color:#efefef; border:1px solid #5e5e5e;margin:5px;padding:0;height: 27px; float: left; width: 568px;} #body div.bar.prevnext input {background:#BDCD00;color:#ffffff;border:1px solid #efefef;cursor:pointer;font-size: 11px;font-weight:bold;padding:5px 35px;margin:0;line-height: 1.1em; height: 27px;} #body div.bar.prevnext.bottom {margin-bottom:15px;} #body .form th {text-align: left;padding: 7px 0;font-weight: bold;font-size:11px; background: url(bg/sepatator_01_.gif) no-repeat bottom center;} #body .form th.mid {/*border-top:1px dotted #000;*/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:69% ;} /* Other */ #body .dot_sep{background: url(bg/sepatator_01_.gif) no-repeat center center; border:0px none;height:10px;margin:0px;} #body .dot_sep.mid {margin: 5px 0;} #body .errorbox{ font-size:10px; border:1px solid #5e5e5e;color:#E30000; padding: 5px; margin:3px 5px 10px; width:558px; float: left;} #body .errorbox p{margin: 0;} #body .errorbox.inbox {width: 528px; margin: 5px 0; float: none;} /* Plain errors*/ #body.plain .errorbox {width: auto; font-size:10px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px;} #body.plain .errorbox a {color:#D81F01; text-decoration: underline;} #body.plain .errorbox a:hover {color:#666;} #body.plain .errorbox .errhead {background: #D81F01; color: #fff; padding: 5px 15px;} #body.plain .errorbox .errbody {border: 1px solid #D81F01; padding: 15px;} /* Locator */ #body .locator {margin:0 5px 10px 5px; border:1px solid #5e5e5e; color: #5e5e5e;float:left;width:568px;} #body .locator .lochead {background: #efefef; color: #5e5e5e; padding: 8px .6em; height: 1.1em;} #body .locator .lochead strong.h4 {margin: 0; padding: 0; color: #5e5e5e; font-size: 11px; font-weight: bold; float: left;} #body .locator .locbody {padding: 5px 0.6em; text-align: right; height: 1.3em; overflow: visible;} #body .locator .locbody, #body .locator .locbody a {font-size: 10px;} #body .locator .arrow {font-size: 10px; font-weight: bold;} #body .locator a.active {font-weight: bold; color: #BDCD00;} #body .locator .sep {padding: 0 2px; color: inherit;} #body .locator .sort_row a.none {background:url(bg/oxid_01_.gif) no-repeat right -750px; padding-right: 20px;} #body .locator .sort_row a.asc {background:url(bg/oxid_01_.gif) no-repeat right -775px; padding-right: 20px;} #body .locator .sort_row a.desc {background:url(bg/oxid_01_.gif) no-repeat right -800px; padding-right: 20px;} #body .locator .btn {margin-bottom: 6px;} #body .locator.compare .locbody {height: auto;} /* Products */ #body .product{border:1px solid #5e5e5e;float:left;width:143px;height:156px;margin:0 5px 10px 5px;padding:5px 5px 5px 130px;position:relative;background:#ffffff;} #body .product .picture{display:block;width: 115px;text-align: center;position:absolute;top:8px;left:8px;overflow: hidden;} #body .product strong.h3 {margin:0;height: 40px; display: block;} #body .product strong.h3 a{font-size: 10px;color:#000000;} #body .product tt {color:#5e5e5e;display:block;} #body .product .flag {width:6px;height: 6px;border:1px solid #969696;float:left;margin:3px 8px 0 0;} #body .product .flag.red{background-color:#f00;} #body .product .flag.orange{background-color:#00ab1f;} /* Former orange #ffb200 replaced with green. */ #body .product .flag.green{background-color:#00ab1f;} #body .product .desc {color:#5e5e5e;font-size: 10px;} #body .product .actions a{text-decoration: none; color: #5e5e5e; padding-left: 12px; background: url(bg/oxid_01_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .product .actions a:hover{text-decoration: underline;} #body .product .variants {height: 35px;} #body .product .variants label{display:block;color:#5e5e5e;font-size: 9px;padding-bottom:3px;} #body .product .variants select{width: auto;} #body .product .amprice {clear: left;} #body .product .amount {padding-top:.5em;} #body .product .amount label{margin-right:.5em;color:#5e5e5e;font-size: 10px;} #body .product .price {padding-top:-4px; padding-bottom:-4px; margin-top: -1px; margin-bottom: 4px; } /* Moves the price and add-to-cart button upward in the product view. */ #body .product .price big {font-size: 18px;line-height: 100%; font-weight: bold;white-space:nowrap;} #body .product .price sup.dinfo {vertical-align:super;margin:0;padding:0;} #body .product .price sup.dinfo a{color: inherit;text-decoration: none;font-weight: bold;font-size: 13px;} #body .product .price sup.dinfo a:hover{text-decoration: underline;color: inherit;} #body .product .price small {font-weight: inherit; font-size:69% ;} #body .product span.btn a { width: 135px; line-height: 19px; padding: 0px; margin-top: 0px; font-size: 10px; text-align: center; color:#ffffff; display: block;} #body .product span.btn a:hover { text-decoration: none; } #body .product .price .pricefrom {line-height: 9px;} #body .product .tocart { height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_01_.gif) no-repeat right 0; margin:0; border: 0 none;padding:0 1px 0 0;clear:left;} #body .product .tocart input{ height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} /* Products on the home page */ #body .product.head {height:162px;margin-top:30px;border-top:none;border-color:#5e5e5e;} #body .product.head strong.h4{display: block;margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #5e5e5e;border-left:8px solid #5e5e5e;border-right:1px solid #5e5e5e;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#5e5e5e;} #body .product.head strong.h4 small{display:block;position:absolute;top:8px;left:49%;color:#5e5e5e;font-size:10px;font-weight: normal;} #body .product.head strong.h4.big{width: 549px;} #body .product.head.topshop strong.h4{color:#5e5e5e;border-color:#BDCD00;} #body .product.head.topshop{border-color:#BDCD00} #body .product.big{width:282px;height:208px;padding-left:281px;} #body .product.head strong.h4.big{width: 549px; display: block;} #body .product.big .picture{width: 250px;} #body .product.big strong.h3 {margin-top:10px; display: block;} #body .product.big strong.h3 a{font-size: 12px;color:#000000;} #body .product.big .actions a{display:inline;margin-right:10px;} #body .product.big .price big{font-size: 23px;} #body .product.big .price .old {font-weight: bold;font-size: 11px;} #body .product.big .price sub.only {display:block;float:left;font-weight: bold;font-size: 11px;margin-right:.5em;height: 3em;} #body .product.big .price .desc {color:#5e5e5e;font-size: 10px;} #body .product.small{width:123px;height:162px;padding-left:5px;padding-top:125px;} /* Adds more vertical display space; previous height: 147px. */ #body .product.small .variants {height: 3em; margin-bottom:2px;} #body .product.small .picture {height: 118px;} #body .product.small .moreinfo {margin:20px 0px 0px 0px;} /* Shifts the more-info links vertically. */ #body .product.small .actions {margin:26px 0px 0px 0px;} /* Shifts the compare links vertically. */ #body .product.small .price {margin:-10px 0px 0px 0px; white-space:nowrap;} /* Overrides the margin defined by .product .price. */ #body .product.small .tocart {margin:20px 0px 0px 0px; width:121px;} #body .product.small .tocart input{width:121px;} #body .product.small .variants select{width: 123px;} #body .product.small span.btn a { width: 121px;} #body .product.thin{width:433px;height:130px; border-color: #5e5e5e;} #body .product.head strong.h4{margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #5e5e5e;border-left:8px solid #5e5e5e;border-right:1px solid #5e5e5e;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#5e5e5e;} #body .product.head strong.h4.thin{width: 549px;border-color:#5e5e5e;;color:#5e5e5e;background:#efefef;padding:1px 5px 8px 7px;} #body .product.thin .price {position:absolute; top:1px; right:5px;} /* Moves the price downward in this view. */ #body .product.thin .amount {position:absolute; bottom:30px; right:5px;} #body .product.thin .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thin .moreinfo {position:absolute; bottom:5px; right:5px;} #body .product.thin .moreinfo a {width: 135px;} #body .product.thin .variants {position:absolute; bottom:30px; right:100px;} #body .product.thin .actions {margin-top:2px; padding-top:0px; padding-top:0px; margin-bottom: 4px; } #body .product.thin tt {float: left;} #body .product.thin .flag {float: left;margin-left:4px;} #body .product.thinest{ width:479px;height:50px; padding-left: 72px; margin: 0; border: none;} #body .product.thinest .picture {left: 0; height: 42px; width: 56px;border:1px solid #CBCBCB;} #body .product.thinest strong.h3 {height: 26px; margin-top: 3px; display: block;} #body .product.head strong.h4.thinest{width: 556px;border-color:#5e5e5e;color:#5e5e5e;background:#efefef;padding:1px 5px 8px 7px;} #body .product.thinest .price {position:absolute; top:15px; right:5px;} #body .product.thinest .price big {font-size: 14px;line-height: 100%;} #body .product.thinest .price sup.dinfo a{font-size: 11px;} #body .product.thinest .amount {position:absolute; bottom:5px; right:170px;} #body .product.thinest .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thinest .actions {margin-top:0em; clear: left;} #body .product.thinest tt {float: left;} #body .product.thinest .flag {float: left;margin-left:4px;} #body .product.thinest .variants {height: auto;} /* Product variants: use the available row height instead of stacking controls on the title. */ #body .variantslist .product.thinest { box-sizing: border-box; height: auto; min-height: 135px; padding: 10px 10px 60px 108px; position: relative; } #body .variantslist .product.thinest .picture { height: 68px; left: 10px; top: 10px; width: 86px; } #body .variantslist .product.thinest .picture picture, #body .variantslist .product.thinest .picture img { height: 100%; object-fit: contain; width: 100%; } #body .variantslist .product.thinest strong.h3 { height: auto; line-height: 1.35; margin: 2px 0 0; } #body .variantslist .product.thinest strong.h3 tt { display: block; float: none; line-height: 1.4; margin-top: 5px; } #body .variantslist .product.thinest strong.h3 tt .flag { margin-left: 0; margin-right: 8px; } #body .variantslist .product.thinest .actions { display: none; } #body .variantslist .product.thinest .amount { bottom: 11px; right: 270px; top: auto; } #body .variantslist .product.thinest .tocart { bottom: 8px; height: 42px; right: 10px; top: auto; width: 250px; } #body .variantslist .product.thinest .tocart input { box-sizing: border-box; height: 42px; width: 100%; } #body .variantslist .separator.inbox, #body .variantslist .txtseparator.inbox { box-sizing: border-box; clear: both; width: 100%; } #body .product.firstinlist {border-bottom:none;margin-bottom:0;} #body .product.inlist {border-top:none;border-bottom:none;margin-bottom:0;} #body .product.lastinlist {border-top:none;} #body .separator {height: 10px;background:transparent url(bg/sepatator_02_.gif) no-repeat center center;margin:0 5px;float:left;width: 568px;border:1px solid #5e5e5e;border-top:none;border-bottom: none;} #body .separator.inbox {width: 555px; border: none; margin: 0;} #body .txtseparator {height: 10px; margin:0 5px;float:left;width: 568px;border:1px solid #5e5e5e;border-top:none;border-bottom: none;} #body .txtseparator.inbox {margin:0; width: 555px; border: none; border-bottom:1px solid #5e5e5e} #body .product.details {height:auto;min-height: 260px; margin-bottom: 0; border-bottom: none; border-color: #5e5e5e;} #body .product.details strong.h4 {border-color:#5e5e5e;color:#5e5e5e;background:#efefef;padding:1px 5px 8px 7px; display: block;} #body .product.details h1 {border:none;margin:8px 0 0 0;padding:0;color:#000000;background: none;font-size:12px;font-weight: bold;} #body .product.details tt {margin:3px 0 0 0;} #body .product.details .desc {margin:3px 0 0 0;font-size: 11px;color:#5e5e5e;} #body .product.details .picture {text-align:left;height: 250px;} #body .product.details .exturls {position:absolute;top:260px;left:8px; width: 250px;} #body .product.details .exturls a{color:#BDCD00;font-size:10px;margin-right:1em;} #body .product.details .cats {margin:1em 0 0 0;font-size:10px;color:#5e5e5e;} #body .product.details .cats a{font-size:10px;color:#5e5e5e;} #body .product.details .cats img{margin-right:1em;} #body .product.details .status {padding-top:1em;font-size:10px;color:#5e5e5e;} #body .product.details .variants {padding-top:1em;} #body .product.details .actions {padding-top:1em;clear:left;} #body .product.details .actions a{display:block;color:#5e5e5e;} #body .product.details .actions a.reqlogin{background:none;padding-left:0;} #body .product.details .price {margin:1em 0;} #body .product.details .price big{display:block;float:left;margin-right:8px;} #body .product.details .price .old {font-weight: bold;font-size: 11px;} #body .product.details .price sup.dinfo {font-size:10px;font-weight: normal;color:#5e5e5e;vertical-align:top;/*width:120px;display:block;word-wrap:break-word;*/float:left;line-height: inherit;width:120px;} #body .product.details .price sup.dinfo a {font-size: 11px; font-weight: bold;} #body .product.details .price sub.only {display:block;float:left;font-weight: bold;font-size: 11px;margin-right:.5em;height: 3em;} #body .product.details .price .desc {color:#5e5e5e;font-size: 10px;} #body .product.details .packing{clear:left;padding-top:.5em;font-size:10px;color:#757C83;} #body .product.details .pperunit{clear:left;padding-top:.5em;font-size:10px;color:#000;} #body .product.details .amprice th{font-size: 10px; font-weight: bold;} #body .product.details .amprice td{font-size: 10px; padding: 0;} #body .product.details .amprice .am{color:#5e5e5e;} #body .product.details .amprice .pr{font-weight: bold;} #body .product.details .amount {clear:left;} #body .product.details .pricealarm {float: left; margin-top: 2px;} #body .product.details .pricealarm a {font-size: 10px;} #body .product.details .persparam {clear: left; padding-top: 7px;} #body .product.details .persparam label {font-size: 10px; margin-right: 10px; color: #5e5e5e;} #body .product.details .tocart {float: left; margin-top:2px; margin-right: 40px; } #body .product.details .socialbookmarks {padding-top:1em;} #body .product.details a.sbookmarks {border-right:1px solid #efefef; 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 {margin:0 5px 10px; height: auto; width: 556px; border-top: none; padding: 5px 6px;border-color:#5e5e5e;} #body .product.moredetails .morepics{margin-top: 10px; padding: 5px 0; height: 44px; border-top: 1px solid #efefef; } #body .product.moredetails .morepics a{border: 1px solid #efefef; width: 56px; height: 42px; margin: 0 11px 0 2px; float: left;} #body .product.moredetails .longdesc {margin-top: 10px;padding: 15px 0 0; border-top: 1px solid #efefef; line-height: normal;} #body .product.moredetails .longdesc strong.h3 {font-size: 12px; height: auto; margin: 0px; padding-bottom: 7px; font-weight: bold; display: block;} #body .product.moredetails .longdesc p{margin: 0; padding:7px 0px;} #body .product.moredetails .longdesc .question {margin: 10px 0 1px; padding-top: 11px; border-top: 1px solid #efefef;} #body .product.moredetails .longdesc .question a {font-size: 10px; font-weight: bold; color:#BDCD00;} #body .box .attributes td{border-bottom:1px solid #efefef;font-size:10px;padding:.5em 0} #body .box .attributes .last td {border-bottom:none} #body .box .pricealarm {border-top:1px solid #efefef;} #body .box .pricealarm th {padding-top:.5em;} #body .box .pricealarm th label{font-weight: bold;font-size: 10px;color:#5e5e5e;} #body .welcome {float:left;width:280px;height:157px;margin:0 5px 10px 5px;padding:0;} #body .box .guestbook {margin-top: 9px;} #body .box .guestbook .head td {border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 5px 0; color: #5e5e5e;} #body .box .guestbook .head td.name {color: #5e5e5e;} #body .box .guestbook .body td {font-size: 10px; padding: 5px 0;} /* Links */ #body .box dl.links {margin: 0;} #body .box dl.links dt {margin: 0 0 12px;} #body .box dl.links dt a {color: #5e5e5e;} #body .box dl.links dt a:hover {color: #5e5e5e;} #body .box dl.links dd {background: url(bg/sepatator_01_.gif) no-repeat bottom center; padding-bottom: 10px; margin: 0 0 10px; } #body .box dl.links dd.last {background: none; 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; color: #5e5e5e;} #body dl.news dt a:hover {text-decoration: none;} #body dl.news dd {margin: 0 0 15px 0;} /* Compare */ #body .box.compare {margin-bottom: 20px;} #body .box.compare .reorder {margin-bottom: 5px; height: 10px; clear: both;} #body .box.compare .reorder a {font-size: 10px; font-weight: bold; border: 1px solid #5e5e5e; padding-left: 2px; line-height: 10px; width: 11px; color: #5e5e5e; display: block;} #body .box.compare .reorder a:hover {text-decoration: none; color: #5e5e5e;} #body .box.compare .product{border: none; float: none; display: block;} #body .box.compare .product .picture{display:block; width: 115px; text-align: center; position:absolute; top:8px; left:4px;} #body .box.compare .product.small {width:123px;height:147px;margin: 0 auto; padding: 125px 0 0 0;} #body .box.compare .actions {padding-top:1em; margin-bottom: 5px; width:123px;text-align:left;} #body .box.compare .actions a{text-decoration: none; color: #5e5e5e; padding-left: 12px; background: url(bg/oxid_01_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .box.compare .actions a:hover{text-decoration: underline;} #body .box.compare .fromcompare {height:18px;line-height:1; width: 121px; background: transparent url(bg/buttons_01_.gif) no-repeat right -50px; margin: 0; border: 0 none;padding:0 1px 0 0;clear:left;} #body .box.compare .fromcompare input {height:18px;line-height:1;width: 121px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .box.compare table.cmp_tbl {margin-left: auto; margin-right: auto; width: 97%;} #body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th {font-size: 10px; padding: 3px 6px 3px 6px; border-left:1px dotted #efefef; border-bottom:1px dotted #efefef;} #body .box.compare table.cmp_tbl th {font-weight: bold;} #body .box.compare .no_left_brd {border-left: none !important;} #body .box.compare .no_bot_brd td, #body .box.compare .no_bot_brd th {border-bottom: none !important;} #body.plain .box.compare table.cmp_tbl {margin: 0; width: auto;} #body.plain .box.compare .product.small {height: auto;} #body.plain .box.compare .actions {display: none;} #body.plain .box.compare .tocart {display: none;} #body.plain .box.compare table.cmp_tbl th {width: 121px;} /* ORDER */ /* Order steps */ #body .ordersteps {margin: 0 5px 5px; float:left;} #body .ordersteps dl {width: 102px; height: 78px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px solid #5e5e5e; background: #efefef; color: #5e5e5e;} #body .ordersteps dt {padding:0; margin: 0;} #body .ordersteps dt, #body .ordersteps dt a {font-size: 10px; font-weight: bold;} #body .ordersteps dl big {font-size: 21px; line-height: 19px;} #body .ordersteps dt a:hover big {text-decoration: underline;} #body .ordersteps dd, #body .ordersteps dd a {font-size: 9px; margin: 0;} #body .ordersteps .lastinrow {margin-right: 0; width: 102px;} #body .ordersteps dl.active {background: #ffffff;} #body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #000000;} #body .ordersteps.nofinalstep dl {width: 126px;} #body .ordersteps.nofinalstep .lastinrow {width: 128px;} /* Order back/next step button */ #body div.bar.prevnext .arrowdown input {background: url(bg/oxid_01_.gif) no-repeat 15px -342px; background-color: #BDCD00; padding-left: 38px; padding-right: 25px;} #body div.bar.prevnext .arrowright input {background: url(bg/oxid_01_.gif) no-repeat 15px -318px; background-color: #BDCD00;} #body div.bar.prevnext .minorderprice {font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; width: auto;} #body div.bar.prevnext .termsconfirm {width: auto; margin: 0 10px;} #body div.bar.prevnext .termsconfirm td {font-size: 10px; color: #5e5e5e; padding: 3px 3px 3px 0;} #body div.bar.prevnext .termsconfirm a {font-size: 10px; color: #5e5e5e; text-decoration: underline;} #body div.bar.prevnext .termsconfirm a:hover {color: #5e5e5e;} #body div.bar.prevnext .termsconfirm .chkbox {background: none; border: none; vertical-align: middle; margin: 0px; padding: 0;} #body div.bar.prevnext.terms {height: auto; margin-bottom: 10px;} /* Basket */ #body .basket {float: left; margin: 0 3px 10px 6px; border: 1px solid #5e5e5e; border-left:none; empty-cells: show;width:569px;} #body .basket tbody td {padding-top: 10px;} #body .basket th {background: #ffffff; color: #5e5e5e; font-weight: bold; height: 25px; padding-left: 6px;} #body .basket th.brd {padding: 0;border-left: 1px solid #5e5e5e;} #body .basket th .brd_line {background: #5e5e5e; width: 7px; height: 25px;} #body .basket th.lastcol {padding-left: 0;} #body .basket td.brd {border-left: 1px solid #5e5e5e;} #body .basket .bsk_sep td {height: 9px; padding-top: 0;} #body .basket .bsk_sep .line {border-bottom: 1px solid #efefef;} #body .basket .bsk_sep .bigline {border-bottom: 4px solid #efefef;} #body .basket .picture {border: 1px solid #efefef; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px;} #body .basket .art_title a {font-size: 10px; font-weight: bold; color: #000000;} #body .basket .art_title a:hover {color: #000000;} #body .basket .art_num {font-size: 10px; color: #5e5e5e;} #body .basket .btn, #body .basket .amount {margin-bottom: 7px;} #body .basket .upd {color: #ffffff; width: 91px; cursor: pointer; padding: 1px;} #body .basket .price {padding-right: 25px; text-align: right;} #body .basket .orderprice {padding-right: 20px; text-align: right;} #body .basket .vat {padding-left: 20px;} #body .basket .vat_order {padding-left: 15px;} #body .basket .amount {padding-right: 20px;} #body .basket .totalprice {padding-right: 6px; text-align: right;} #body .basket .notice td {padding-top: 5px; font-size: 10px; color: #5e5e5e;} #body .basket .sumrow td {padding-top: 3px;} #body .basket .sumrow.total td {padding: 7px 0 4px;} #body .basket .sumdesc {padding-right: 15px !important; text-align: right;} #body .basket .discount, #body .basket .coupon {color: #5e5e5e; font-size: 10px;} #body .basket .bottrow {height: 14px;} #body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #5e5e5e; color: #ffffff; background: #5e5e5e;text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;} #body .basket a.wrapremove {width: 70px;} #body .basket .wrapmod { display:block;height:18px;line-height:1;width: 85px; background: transparent url(bg/buttons_01_.gif) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 -100px; margin:0; border:0;color:#ffffff;padding:4px 0 0 23px;font-weight: bold; } #body .basket .frombasket { height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_01_.gif) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .frombasket input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .basket .frombasket a { width: 77px; height: 16px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 -50px; margin:0; border:0; color:#ffffff; padding:4px 0 0 23px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;} /* user options step */ #body strong.useroptboxhead {margin:10px 5px 0;background: #ffffff; padding:4px 5px 5px 7px;height:20px;border:1px solid #5e5e5e;border-left:8px solid #5e5e5e;border-right:1px solid #5e5e5e;line-height:20px; font-size: 12px;font-weight: bold;color:#5e5e5e;width:162px; display: block;} #body strong.useroptboxheadbig {margin:10px 5px 0;background: #ffffff; padding:4px 5px 5px 7px;height:20px;border:1px solid #5e5e5e;border-left:8px solid #5e5e5e;border-right:1px solid #5e5e5e;line-height:20px; font-size: 12px;font-weight: bold;color:#5e5e5e;width:259px; display: block;} #body .useroptbox {border:1px solid #5e5e5e; border-top: none; width:151px;height:310px;margin:0 5px 10px 5px;padding:5px 15px;position:relative; font-size: 12px;} #body .useroptboxbig {border:1px solid #5e5e5e; border-top: none; width:248px;height:310px;margin:0 5px 10px 5px;padding:5px 15px;position:relative; font-size: 12px;} #body .useroptbox .link {font-size: 10px;} #body .useroptbox .err {margin-bottom: 10px; font-size: 10px;} /* payment step */ #body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;} /* order step */ #body dl.orderinfocol {margin: 0 5px; width: 257px; float:left;} #body dl.orderinfocol dt {padding:0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border-bottom: 1px solid #efefef;} #body dl.orderinfocol dd {padding:0; margin: 0;} #body .giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_01_.gif) 0 -100px no-repeat; margin:0; border: 0 none; padding:0; display: block;} #body .etrustlogocol {float: left; width: 100px;} #body .etrustdescocol {float: left; width: 443px;} /* Wrapping */ #body .wrapping {float: left; margin: 0 5px 10px 6px; border: 1px solid #5e5e5e; border-left:none; empty-cells: show;} #body .wrapping tbody td {padding-top: 10px;} #body .wrapping th {background: #ffffff; color: #5e5e5e; font-weight: bold; height: 25px; padding-left: 6px;} #body .wrapping th.brd {padding: 0;border-left: 1px solid #5e5e5e;} #body .wrapping th .brd_line {background: #5e5e5e; width: 7px; height: 25px;} #body .wrapping td.brd {border-left: 1px solid #5e5e5e;} #body .wrapping .wrp_sep td {height: 9px; padding-top: 0;} #body .wrapping .wrp_sep .line {border-bottom: 1px solid #efefef;} #body .wrapping .picture {border: 1px solid #efefef; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;} #body .wrapping .art_title a {font-size: 10px; font-weight: bold; color: #000000;} #body .wrapping .art_title a:hover {color: #000000;} #body .wrapping .art_num {font-size: 10px; color: #5e5e5e;} #body .wrapping .wrapping_items td {padding-top: 0;} #body .wrapptop {margin-top: 10px;} #body .giftbigimg {padding-right: 12px;} #body dl.orderinfocol.greetingcard {width: 540px; margin: 0;} #body .cardbox {width: 257px; float: left; margin: 0 10px 5px 0;} #body .cardbox .card_title {} #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 5px; width: 569px; float: left;} #body .morecats dl {margin: 0 0 25px;} #body .morecats dt {background: #efefef; border-bottom: 1px solid #ffffff;} #body .morecats dd {background: #efefef; border-bottom: 1px solid #ffffff; margin: 0; padding: 0;} #body .morecats dl a {color:#5e5e5e; padding: 4px 10px; display: block;font-weight:normal;} #body .morecats dl dt a{font-weight:bold;} #body .morecats dl a:hover {color:#5e5e5e;} #body .morecats dd a {background: url(bg/oxid_01_.gif) no-repeat 10px -650px; padding-left: 22px;} /* Account header */ #body .account_header dl{border-bottom: 1px solid #efefef; margin: 2px 0; padding-bottom: 5px; width: 97%;} #body .account_header dl.lastInCol{border-bottom: 0; margin: 0; padding-bottom: 0px;} #body .account_header dt a{font-weight: bold; font-size: 10px; text-decoration: none; color: #5e5e5e; padding-left: 8px;} #body .account_header dt a:hover{text-decoration: underline; color: #5e5e5e;} #body .account_header dt a.active{color: #BDCD00;} #body .account_header dd{margin: 2px 0; font-size: 10px; color: #5e5e5e; padding-left: 8px;} /* Account pages */ #body .account strong.h4 {font-size: 11px; font-weight: bold; margin: 0; padding: 0; display: block;} #body .account small{font-size: 10px;} /* Account remove from list button */ #body .product .fromlist { position: absolute;right: 155px; top: 117px; height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_01_.gif) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .product .fromlist input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} /* Account wishlist */ #body .wishlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;} #body .wishlist .product.thin {width: 413px;} #body .wishlist .separator {margin: 0; width: 541px; border: none;} #body .wishlist .dot_sep {clear: both;} /* Account wishlist search results */ #body .wishsearchresults .searchitem {background: url(bg/wishlist.jpg) no-repeat; line-height: 50px; margin: 5px 0;} #body .wishsearchresults .searchitem a {padding-left: 60px; line-height: 50px; font-weight: bold; color: #000; display: block; width: 1%; white-space: nowrap;} #body .wishsearchresults .searchitem a:hover {color: #000;} /* Account order history */ #body .form.orderhistory td {font-size: 10px; padding: 2px 0;} #body .form.orderhistory th {font-weight: bold; font-size: 10px; border: none; background: none; padding: 2px 0;} #body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 11px;} #body .form.orderhistory a.tocart {height:18px; width: 20px; background: transparent url(bg/buttons_01_.gif) 0 0 no-repeat; margin:0; border: none; padding:0; display: block;} #body .form.orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;} #body .form.orderhistory a.artlink:hover {color: #000;} #body .form.orderhistory .amount {padding-right: 7px;} /* Account recommendation 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 {font-size: 10px;} #body .mallbox .langbox {background:#24316E; border-bottom: 1px solid #fff; padding: 8px 7px; color: #fff;} #body .mallbox .langbox a {font-size: 10px; color: #fff;} #body .mallbox .langbox a.lang_active {font-weight: bold;} #body .mallbox .locationbox {padding: 15px 0 2px 0; margin: 0 0 15px 15px; font-size: 10px; color: #A7A7A7; 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: 400px; font-size: 10px;} #body .mallbox .mallfooter {margin: 55px 0 0; position: relative;} #body .mallbox .mallfooter .copyright {background: #24316E; color:#fff; height: 15px; margin: 2px; padding: 6px 0px; text-align:right;} #body .mallbox .mallfooter a {font-size: 10px; color: #fff;} /* Basket popup */ #mask{visibility: hidden;display:none;} #mask iframe{visibility: hidden;border:none;} #mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;} div.popup{visibility: hidden;display:none;} div.popup strong{display: block; margin: 9px 0; font-size: 11px;} div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:270px;height: 150px;background: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-135px;border:1px solid #000000;padding:10px;} div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;} div.on.popup table {width:100%;} div.on.popup input {color:#5e5e5e;background:#efefef;border:1px solid #5e5e5e;font-weight: bold;padding:2px;width:130px;} div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:130px;} div.on.popup input.bl{position:absolute;bottom:10px;left:10px;} div.on.popup input.br{position:absolute;bottom:10px;right:10px;} /* Product zoom */ #zoom { padding:25px;min-width:454px;min-height:450px;background:#ffffff;border-color:#000000; border-radius : 10px 10px / 10px 10px;} #zoom ul.tabs{padding:0px;margin:0px;background:#ffffff;height: 52px;width:100%;} #zoom ul.tabs li{list-style: none;margin:0px;float:left;height: 52px;width:63px;} /* #zoom a{display:block;padding:5px;background:#ffffff;width:80px;text-align: center;border:0px solid #5e5e5e;color:#5e5e5e;font-weight: bold;} */ #zoom a{border: 1px solid #efefef; width: 56px; height: 42px; margin: 0 11px 0 2px; float: left;} #zoom ul.tabs li.close{border: 1px solid #ffffff;float:right; background: #fff center url(bg/close.png) no-repeat} #zoom a.close{text-align:center; border: 0px solid #ffffff; position: absolute;} /* Message boxes */ #body .msg{ float:left;width:548px;color: #000000;background: #ffffff;border: 1px solid #efefef;margin: 0 5px 10px 5px;padding: 5px 10px;} #body .msg .err{color: #5e5e5e;font-weight: bold;} /* Tags */ #body .box .tags {text-align: center;} #body .box .tags a{line-height: 100%;padding:0 .2em;cursor: pointer;color:#000;} #body .box .tags a.sel{color:green;font-weight: bold;} /* Ratings */ #write_review {display: none;} #body td.rating { width:89px; height:16px; margin:0; padding:0; background: url(bg/stars.jpg) no-repeat 0 0;} #body td.rating.s1 {background-position:-72px -38px;} #body td.rating.s2 {background-position:-54px -38px;} #body td.rating.s3 {background-position:-36px -38px;} #body td.rating.s4 {background-position:-18px -38px;} #body td.rating.s5 {background-position:0 -38px;} #body ul.rating {width:89px; height:16px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(bg/stars.jpg) no-repeat left top;} #body ul.rating li {cursor: pointer; float:left;} #body ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; 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:17px;} #body ul.rating li.s3 a {left:34px;} #body ul.rating li.s4 a {left:51px;} #body ul.rating li.s5 a {left:68px;} #body ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(bg/stars.jpg) no-repeat 0 -18px;} #body ul.rating li.s1 a:hover {background-position: -72px -18px;} #body ul.rating li.s2 a:hover {background-position: -54px -18px;} #body ul.rating li.s3 a:hover {background-position: -36px -18px;} #body ul.rating li.s4 a:hover {background-position: -18px -18px;} #body ul.rating li.s5 a:hover {background-position: 0 -18px;} #body .rating_review_input {margin:0; height:16px;} #body .rating li.current_rate{background: url(bg/stars.jpg) left bottom; position: absolute; height: 16px; z-index: 1;} #body dl.review { margin: 5px 0; padding-top: 5px; border-top: 1px solid #ccc;} #body dl.review dt {margin-bottom: 7px; height: 1em;} #body dl.review dd {clear: both; margin: 0;} #body dl.review .param {margin-left: 20px; color: #757C83;} /* Recommendation lists */ #body dl.recommlistdesc {margin: 0 0 10px;} #body dl.recommlistdesc dt {font-size: 10px; padding: 3px 0 7px; background: url(bg/sepatator_01_.gif) no-repeat bottom center;} #body dl.recommlistdesc dt a {font-size: 10px;} #body dl.recommlistdesc dd {font-size: 10px; margin: 3px 0;} #body .recommitems .article {width: 125px; margin-right: 9px; float: left; color: #787F87; font-size: 10px;} #body .recommitems .article a {font-size: 10px;} #body .recommitems .article .picture {width: 56px; height: 42px; text-align: center; border:1px solid #CBCBCB; margin-bottom: 3px;} #body .recommitems input.btn {border:1px solid #5e5e5e;border-width: 1px 0;} #body .recomm_author {font-weight: normal;} #body .recomlistdesc {float: left; width: 415px;} .verification_code {border: 1px solid #000; color: #000; padding: 2px; text-align:center; width:80px;} #body #demoAdminLink {border: 1px solid; position:absolute; left:778px; top:160px; height: 80px; width: 200px; opacity:0.7;z-index:1000;} #body #demoAdminLink .closeAdminLink {display: block; width: 15px; height: 12px; border: none; margin-left: 185px;} #body #demoAdminLink .openAdminLink {display: block; width: 185px; height: 18px; border: none; margin-left: 7px; margin-top: 32px;} #payment_cards {text-align: center;} #payment_cards h3 {font-size: 14px;} #payment_cards table {margin: auto;} #payment_cards table tr td {padding: 10px;} /* Language-specific legacy sizing retained from the former German stylesheet. */ :lang(de) #body .product .variants select { max-width: 280px; } :lang(de) #body .product .price sup.dinfo a { font-size: 12px; } :lang(de) #body .basket select { max-width: 250px; } /* Preserve the historical fixed variant width on plain popup pages. */ #body.plain .product .variants select { width: 204px; } /* Responsive compatibility layer. */ /* * SolarHertz responsive compatibility layer. * The historical three-column layout remains available on wide screens. */ html { -webkit-text-size-adjust: 100%; } .visually-hidden { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /* First desktop readability pass: wider canvas, larger type, same structure. */ body, table, input, select, textarea, tt { font-size: 13px; line-height: 1.4; } input, select, textarea { font-size: 14px; } h1 { font-size: 20px; } h2 { font-size: 18px; } h3, strong.h2 { font-size: 16px; } strong.h3 { font-size: 15px; } div#page { width: 1180px; } div#content { background: #ffffff; } div#content, div#path, div#body, div#left, div#right, div#footer, div.bar.oxid, div.bar.links { font-size: 13px; line-height: 1.4; } .link, .link2, dl.box dt, div.bar.links a, div.bar.categories a, #footer a, #footer a:hover, #footer .shopicons, #footer .footertext, div.bar.copy, div.bar.copy a, div.bar.shop, div.bar.shop a, div.bar.icons, #right .listitem.rightlist .price a, #right .listitem.rightlist .link, #right dl.actionslist .link { font-size: 13px; } div.bar.links a, div.bar.categories a, ul.tree li a { line-height: 1.4; } div.bar.copy { height: auto; } #footer div.bar.copy { box-sizing: border-box; padding: 5px 10px; text-align: center; width: 100%; } #footer #delivery_link { float: none; text-align: center; } span.btn { background: #5e5e5e; height: auto; line-height: normal; padding: 0; } span.btn input, span.btn a { background: #5e5e5e; box-sizing: border-box; font-size: 13px; height: auto; line-height: 1.2; min-height: 26px; padding: 4px 8px; } #left form.search p { font-size: 0; padding-left: 4px; padding-right: 4px; } #left .search-query { box-sizing: border-box; display: flex; margin-top: 2px; width: 100%; } #left .search-query input.txt { border-right: 0; box-sizing: border-box; flex: 1 1 auto; margin: 0; min-height: 30px; min-width: 0; padding: 4px 6px; width: auto; } #left .search-submit { align-items: center; background: #5e5e5e; border: 1px solid #5e5e5e; box-sizing: border-box; color: #ffffff; cursor: pointer; display: flex; flex: 0 0 34px; justify-content: center; margin: 0; min-height: 30px; padding: 0; width: 34px; } #left .search-submit:hover, #left .search-submit:focus { background: #4f4f4f; } #left .search-submit svg { display: block; } #left .search select { box-sizing: border-box; display: block; width: 100%; } #right .form, #right .form input.txt, #right .form span.btn, #right .form span.btn input { box-sizing: border-box; max-width: 100%; width: 100%; } #body, #body td, #body th, #body a { font-size: 13px; line-height: 1.4; } #body strong.head, #body h1.head { font-size: 18px; } #body strong.head2, #body .boxhead, #body .product.head strong.h4, #body .product.head strong.h4.thin, #body .product.head strong.h4.thinest, #body .product.head strong.h4.big { font-size: 16px; } #body strong.head em, #body h1.head em, #body .boxhead em, #body strong.head small, #body h1.head small, #body .boxhead small, #body .product.head strong.h4 small, #body .form th, #body .form th small, #body .locator .lochead strong.h4, #body .locator .locbody, #body .locator .locbody a, #body .locator .arrow, #body .product strong.h3 a, #body .product .desc, #body .product .actions a, #body .product .variants label, #body .product .amount label, #body .product.details .desc, #body .product.details .exturls a, #body .product.details .cats, #body .product.details .cats a, #body .product.details .status, #body .product.details .price sup.dinfo, #body .product.details .price sup.dinfo a, #body .product.details .price .desc, #body .product.details .packing, #body .product.details .pperunit, #body .product.details .amprice th, #body .product.details .amprice td, #body .product.details .pricealarm a, #body .product.details .persparam label, #body .box .attributes td, #body .box .pricealarm th label, #body .account_header dt a, #body .account_header dd, #body .account strong.h4, #body .account small, #body .basket .art_title a, #body .basket .art_num, #body .basket .notice td, #body .basket .discount, #body .basket .coupon, #body .form.orderhistory td, #body .form.orderhistory th, #body .form.orderhistory a.artlink { font-size: 13px; line-height: 1.4; } #body .account_header .account-newsletter-title { color: #5e5e5e; display: inline-block; font-size: 13px; font-weight: bold; padding-left: 8px; } #body .account_header .account-newsletter-form > div { align-items: center; display: flex; gap: 8px; } #body .account_header .account-newsletter-form select { min-width: 64px; } #body .account_header .account-newsletter-message { display: block; margin-top: 5px; } #body .account-delete-box p { margin-bottom: 10px; } #body .account_header .account-delete-link dt a { color: #8b1f1f; } #body .account_header .account-delete-link dt a:hover, #body .account_header .account-delete-link dt a:focus, #body .account_header .account-delete-link dt a.active { color: #661717; } #body .account-delete-retention { color: #5e5e5e; } #body .account-delete-form label { display: block; font-weight: bold; margin: 8px 0 4px; } #body .account-delete-form input[type="password"] { box-sizing: border-box; max-width: 360px; width: 100%; } #body .account-delete-form .account-delete-confirm { align-items: flex-start; display: flex; font-weight: normal; gap: 8px; max-width: 720px; } #body .account-delete-form .account-delete-confirm input { flex: 0 0 auto; margin-top: 3px; } #body .account-delete-button { background: #a51f1f; border: 1px solid #7f1717; color: #ffffff; cursor: pointer; font-weight: bold; margin-top: 10px; padding: 8px 12px; } #body .account-delete-button:hover, #body .account-delete-button:focus { background: #7f1717; } #body .account-delete-success { background: #eef7d8; border: 1px solid #a8bd42; box-sizing: border-box; color: #405000; margin: 0 5px 10px; padding: 10px; width: calc(100% - 10px); } #body .account-title { box-sizing: border-box; display: block; height: auto; overflow-wrap: anywhere; white-space: normal; word-wrap: break-word; } #body .product.details h1, #body .product.moredetails .longdesc strong.h3 { font-size: 18px; line-height: 1.3; } #body .product .price big { font-size: 22px; } #body .product.big .price big, #body .product.details .price big { font-size: 28px; } #body strong.head2, #body .boxhead, #body .box, #body .box.info, #body .box.notice, #body .errorbox, #body .locator, #body div.bar.prevnext, #body .msg, #body .basket, #body .morecats, #body .separator, #body .txtseparator, #body .product.big, #body .product.details, #body .product.moredetails, #body .product.thin { box-sizing: border-box; max-width: calc(100% - 10px); width: calc(100% - 10px); } #body .separator.inbox, #body .txtseparator.inbox, #body .errorbox.inbox, #body .product.thinest { box-sizing: border-box; max-width: 100%; width: 100%; } #body .welcome { box-sizing: border-box; height: auto; min-height: 150px; width: calc(100% - 10px); } #body .welcome .welcome-mobile { display: none; } #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { box-sizing: border-box; height: auto; min-height: 190px; width: calc(50% - 10px); } #body .product:not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) { box-sizing: border-box; height: auto; min-height: 220px; width: calc(50% - 10px); } #body .product:not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) strong.h3 { height: auto; min-height: 58px; } #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { min-height: 190px; } #body .product.big, #body .product.details { min-height: 280px; } #body .product.head strong.h4, #body .product.head strong.h4.big, #body .product.head strong.h4.thin { box-sizing: border-box; height: 30px; right: -1px; width: calc(100% + 2px); } #body .product.moredetails .longdesc { line-height: 1.4; } #body .product .tocart { background: #5e5e5e; height: 28px; line-height: normal; } #body .product .tocart input { background: #5e5e5e; box-sizing: border-box; font-size: 13px; height: 28px; line-height: 1.2; padding: 4px 6px; } @media screen and (min-width: 701px) { #body .product:not(.small) .tocart, #body .product:not(.small) .tocart input { width: 170px; } /* Keep product-list cards aligned when titles have different lengths. */ #body .product:not(.head):not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) strong.h3 { height: 76px; min-height: 76px; overflow: hidden; } #body .product:not(.head):not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) { height: 232px; min-height: 232px; } #body .product:not(.head):not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) strong.h3 > a { display: -webkit-box; line-height: 1.3; max-height: 3.9em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } } #body .product span.btn a { font-size: 13px; line-height: 1.2; min-height: 26px; padding: 4px 8px; } @media screen and (min-width: 701px) and (max-width: 820px) { #body .product:not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) { max-width: calc(100% - 10px); width: calc(100% - 10px); } } @media screen and (min-width: 701px) and (max-width: 866px) { #body table.form { box-sizing: border-box; table-layout: fixed; width: 100%; } #body table.form input.txt, #body table.form select, #body table.form textarea { box-sizing: border-box; max-width: 100%; } #body table.form textarea { width: 100%; } } @media screen and (max-width: 480px) { #body .product.head:not(.thin):not(.thinest):not(.big):not(.details), #body .product:not(.small):not(.thin):not(.thinest):not(.big):not(.details):not(.moredetails) { max-width: 100%; width: 100%; } } /* Product cards: keep the title and article number in separate visible lines. */ @media screen and (min-width: 701px) { #body .product strong.h3 > br { display: none; } #body .product strong.h3 > tt { display: block; line-height: 1.4; overflow: hidden; white-space: nowrap; } #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { height: 220px; max-height: 220px; min-height: 220px; } #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) strong.h3 { height: 76px; overflow: hidden; } #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) strong.h3 > a { display: -webkit-box; line-height: 1.3; max-height: 3.9em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } } /* Recently viewed products use a self-contained responsive card grid. */ #body .last-seen-products { clear: both; display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin: 14px 5px 10px; } #body .last-seen-products .product.small { box-sizing: border-box; display: flex; float: none; flex-direction: column; height: auto; margin: 0; min-height: 350px; padding: 132px 10px 10px; width: auto; } #body .last-seen-products .product.small .picture { align-items: center; box-sizing: border-box; display: flex; height: 112px; justify-content: center; left: 10px; top: 10px; width: calc(100% - 20px); } #body .last-seen-products .product.small .picture picture, #body .last-seen-products .product.small .picture img { display: block; height: auto; margin: auto; max-height: 112px; max-width: 100%; width: auto; } #body .last-seen-products .product.small strong.h3 { display: block; height: 94px; margin: 0; overflow: hidden; } #body .last-seen-products .product.small strong.h3 > a { display: -webkit-box; line-height: 1.3; max-height: 3.9em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } #body .last-seen-products .product.small strong.h3 > br { display: none; } #body .last-seen-products .product.small strong.h3 > tt { display: block; line-height: 1.4; overflow: hidden; white-space: nowrap; } #body .last-seen-products .product.small .actions { margin: 0 0 8px; } #body .last-seen-products .product.small .actions a, #body .last-seen-products .product.small span.btn a { background: #5e5e5e; box-sizing: border-box; color: #ffffff; display: block; font-size: 13px; line-height: 1.2; margin: 0; min-height: 30px; padding: 6px 10px; text-align: center; white-space: normal; width: 100%; } #body .last-seen-products .product.small form { display: flex; flex: 1 1 auto; flex-direction: column; margin: 0; } #body .last-seen-products .product.small .variants { height: auto; margin: 0; min-height: 0; } #body .last-seen-products .product.small .price { margin: auto 0 8px; padding: 0; white-space: nowrap; } #body .last-seen-products .product.small .price big { font-size: 22px; } #body .last-seen-products .product.small .tocart, #body .last-seen-products .product.small .tocart input { box-sizing: border-box; margin: 0; width: 100%; } @media screen and (max-width: 700px) { #body .last-seen-products { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-left: 0; margin-right: 0; } #body .last-seen-products .product.small { margin: 0; max-width: none; width: auto; } } @media screen and (max-width: 480px) { #body .last-seen-products { grid-template-columns: 1fr; } } /* Use large, high-contrast indicators in every left-side navigation menu. */ ul.tree li a.root, ul.tree li a.has, #left ul.info li a, #right .forms .form > a.link { background-image: none; box-sizing: border-box; padding-right: 26px; position: relative; } ul.tree li a.root { text-indent: 10px; } ul.tree li a.root::after, ul.tree li a.has::after, #left ul.info li a::after, #right .forms .form > a.link::after { border-bottom: 6px solid transparent; border-left: 8px solid #4f5900; border-top: 6px solid transparent; content: ""; height: 0; margin-top: -6px; pointer-events: none; position: absolute; right: 8px; top: 50%; width: 0; } ul.tree li a.exp::after { border-bottom: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #4f5900; margin-top: -4px; right: 6px; } /* Keep partner logos visually balanced without altering their source assets. */ #left .partners .partner-logo-image { display: inline-block; height: auto; max-height: 63px; max-width: 140px; width: auto; } /* Keep the required marker beside contact fields at every viewport width. */ #body table.form td.contact-required { white-space: nowrap; } #body table.form td.contact-required input.defaultcontent { box-sizing: border-box; max-width: 420px; vertical-align: middle; width: calc(100% - 24px); } img { height: auto; max-width: 100%; } #header div.bar.links .right > a { align-items: center; box-sizing: border-box; display: inline-flex; min-height: 30px; } /* Let the language separator follow the full navigation row height. */ #header div.bar.links .fixed { border-right: 0; } #header div.bar.links .left { border-left: 1px solid #ffffff; box-sizing: border-box; } /* Keep text readable on the bright SolarHertz navigation bar. */ #header div.bar.links.single a, #header div.bar.categories a { color: #405000; } /* Footer text needs a dark foreground on the orange background. */ #footer div.bar.copy, #footer div.bar.copy a, #footer div.bar.copy small { color: #3b2600; } /* Give the compact login actions a comfortable clickable area. */ #right .forms .form > span.btn input { min-height: 34px; } #right .forms .form > a.link { box-sizing: border-box; display: block; line-height: 24px; margin-top: 4px; min-height: 32px; padding-bottom: 4px; padding-top: 4px; } #header div.bar.links a.account-link { gap: 6px; } #header div.bar.links a.account-link .account-link-icon { display: block; flex: 0 0 16px; height: 16px; width: 16px; } #body .welcome .homepage-title { font-size: 1em; line-height: normal; margin: 0; padding: 0; } @media screen and (max-width: 1194px) { div#page { max-width: 1180px; width: 100%; } div#right { display: none; } div#body { margin-left: 188px; margin-right: 0; } div#path { margin-right: 0; } #body strong.head2, #body .box, #body .boxhead, #body .locator { box-sizing: border-box; max-width: calc(100% - 10px); width: calc(100% - 10px); } div.bar.categories { display: flex; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } div.bar.categories > a.fixed { flex: 0 0 auto; float: none; } div.bar.categories > ul.menue.horizontal { display: flex; flex: 0 0 auto; flex-wrap: nowrap; } div.bar.categories > ul.menue.horizontal > li { float: none; } #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { box-sizing: border-box; width: calc(50% - 10px); } #body .product.big, #body .product.details, #body .product.moredetails { box-sizing: border-box; width: calc(100% - 10px); } #body .product.head strong.h4, #body .product.head strong.h4.big, #body .product.head strong.h4.thin { box-sizing: border-box; width: calc(100% + 2px); } } @media screen and (max-width: 700px) { body, table, input, select, textarea, tt { font-size: 14px; } div#content { background: #ffffff; } div#left { background: #ffffff; border: 0; float: none; padding: 0 10px; width: auto; } #left > *:not(.search) { display: none; } #left > strong.h2:not(.search), #left > ul:not(.search), #left > div:not(.search), #left > dl:not(.search) { display: none; } #left strong.search, #left form.search { display: block; } #left form.search p { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0; } #left .search-query, #left .search select { box-sizing: border-box; flex: 1 1 100%; margin: 0; width: 100%; } #left .search-query input.txt, #left .search select { min-height: 38px; padding: 6px; } #left .search-submit { flex-basis: 42px; min-height: 38px; width: 42px; } div#path { margin: 0; padding: 10px; } div#path a.dinfo { display: block; line-height: 1.4; margin-top: 6px; position: static; } div#body { font-size: 14px; margin: 0; padding: 10px; } #body, #body td, #body th, #body a { font-size: 14px; } #header div.bar.oxid .logo { display: block; float: none; padding: 0; } #header div.bar.oxid .logo picture, #header div.bar.oxid .logo img { display: block; width: 100%; } #header div.bar.oxid .logo img { height: auto; margin: 0; max-height: none; } #header dl.box.service { display: none; } #header div.bar.oxid dl.box { box-sizing: border-box; float: left; margin: 0; min-height: 0; min-width: 0; width: 50%; } #header dl.box.open dd.dropdown { width: 100%; } div.bar.links { align-items: stretch; display: flex; padding: 4px; } div.bar.links .fixed, div.bar.links .left, div.bar.links .right { float: none; min-width: 0; } #header div.bar.links .fixed, div.bar.links .left { flex: 0 0 auto; } #header div.bar.links .fixed { min-width: 0; } div.bar.links .right { display: block; flex: 0 0 auto; margin-left: auto; } div.bar.links > .clear { display: none; } div.bar.links a, div.bar.links .left a, div.bar.links .right a { display: inline-block; float: none; line-height: 18px; padding: 7px 9px; } div.bar.categories { display: flex; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } div.bar.categories > a.fixed { flex: 0 0 auto; float: none; min-width: 74px; } div.bar.categories > ul.menue.horizontal { display: flex; flex: 0 0 auto; flex-wrap: nowrap; } div.bar.categories > ul.menue.horizontal > li { float: none; } div.bar.categories a { box-sizing: border-box; min-height: 42px; padding: 14px 10px; } #body strong.head2, #body .boxhead, #body .box, #body .box.info, #body .box.notice, #body .errorbox, #body .locator, #body div.bar.prevnext, #body .msg, #body .product.moredetails { box-sizing: border-box; float: none; height: auto; max-width: 100%; width: auto; } #body strong.head, #body h1.head, #body strong.head2, #body .boxhead, #body .box, #body .errorbox, #body .locator, #body .msg, #body .product.moredetails { margin-left: 0; margin-right: 0; } #body .boxhead { min-height: 34px; } #body .boxhead h1, #body .boxhead em { display: inline; } #body .boxhead small { display: block; line-height: 1.35; margin-top: 6px; position: static; } #body .welcome { float: none; height: auto; margin: 0 0 12px; padding: 0; width: auto; } #body .welcome .welcome-desktop { display: none; } #body .welcome .welcome-mobile { display: block; } #body .locator .lochead, #body .locator .locbody { height: auto; text-align: left; } #body .locator .locbody { align-items: center; display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: space-between; } #body .locator .locbody .left, #body .locator .locbody .right { float: none; } #body .locator .lochead strong.h4 { float: none; } #body input[type="text"], #body input[type="password"], #body input[type="email"], #body select, #body textarea { box-sizing: border-box; max-width: 100%; min-height: 36px; padding: 6px; } #body textarea { width: 100%; } #body input[type="submit"], #body input[type="button"] { background: #BDCD00; border: 1px solid #9eac00; box-sizing: border-box; color: #ffffff; cursor: pointer; min-height: 42px; padding: 8px 12px; } #body table.basket, #body table.wrapping, #body table.cmp_tbl, #body table.orderhistory { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* Keep every basket amount visible instead of widening the legacy table. */ #body table.basket { display: table; overflow: visible; table-layout: fixed; width: 100%; } #body table.basket col:nth-child(1) { width: 4%; } #body table.basket col:nth-child(2) { width: 14%; } #body table.basket col:nth-child(3) { width: 31%; } #body table.basket col:nth-child(4) { width: 12%; } #body table.basket col:nth-child(5) { width: 15%; } #body table.basket col:nth-child(6) { width: 8%; } #body table.basket col:nth-child(7) { width: 14%; } #body table.basket col:nth-child(8) { width: 2%; } #body table.basket th, #body table.basket td { box-sizing: border-box; min-width: 0; overflow-wrap: anywhere; } #body table.basket td select { display: block; min-width: 0; width: 100%; } #body table.basket td:nth-child(4), #body table.basket .price, #body table.basket .vat, #body table.basket .totalprice { padding-left: 4px; padding-right: 4px; } #body .basket { box-sizing: border-box; float: none; margin-left: 0; margin-right: 0; max-width: 100%; } #body .ordersteps { display: flex; float: none; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; } #body .ordersteps dl, #body .ordersteps.nofinalstep dl, #body .ordersteps .lastinrow, #body .ordersteps.nofinalstep .lastinrow { box-sizing: border-box; flex: 1 1 120px; float: none; height: auto; margin: 0; min-height: 78px; width: auto; } #body dl.orderinfocol, #body dl.orderinfocol.greetingcard { box-sizing: border-box; float: none; margin: 0 0 12px; width: 100%; } #body div.bar.prevnext { display: flex; flex-direction: column; gap: 6px; padding: 4px; } #body div.bar.prevnext .left, #body div.bar.prevnext .right { float: none; } #body div.bar.prevnext form, #body div.bar.prevnext input { width: 100%; } #body .product { box-sizing: border-box; max-width: calc(100% - 10px); } #body .product.thin, #body .product.thinest, #body .product.moredetails { width: auto; } #body .product.big, #body .product.details { clear: both; float: none; min-height: 0; padding: 270px 8px 8px; } #body .product.big .picture, #body .product.details .picture { height: 250px; left: 8px; top: 8px; width: calc(100% - 16px); } #body .product.details .exturls { position: static; width: auto; } #body .product.details .tocart { background: #5e5e5e; box-sizing: border-box; clear: both; float: none; height: 42px; line-height: normal; margin: 8px 0 0; padding: 0; width: 100%; } #body .product.details .tocart input { background: #5e5e5e; border: 0; box-sizing: border-box; color: #ffffff; display: block; font-size: 14px; height: 42px; line-height: normal; min-height: 42px; padding: 8px 10px; text-align: center; white-space: normal; width: 100%; } #body .product.moredetails { clear: both; } /* Search results: replace the legacy absolute positioning with fluid cards. */ #body .search-results { clear: both; width: 100%; } #body .search-results .separator { display: none; } #body .search-results .product.thin { border: 1px solid #5e5e5e; box-sizing: border-box; clear: both; column-gap: 12px; display: grid; float: none; grid-template-areas: "picture identity" "picture actions" "purchase purchase"; grid-template-columns: 116px minmax(0, 1fr); height: auto; margin: 0 0 12px; max-width: 100%; min-height: 0; padding: 10px; row-gap: 8px; width: 100%; } #body .search-results .product.thin.head { margin-top: 38px; } #body .search-results .product.thin > strong.h4.thin { box-sizing: border-box; height: auto; left: -1px; line-height: 1.25; min-height: 38px; padding: 7px 10px; right: -1px; top: -38px; width: auto; } #body .search-results .product.thin > a.picture { align-self: start; grid-area: picture; height: auto; left: auto; overflow: visible; position: static; top: auto; width: 100%; } #body .search-results .product.thin > a.picture picture, #body .search-results .product.thin > a.picture img { display: block; height: auto; margin: 0 auto; max-width: 100%; } #body .search-results .product.thin > strong.h3 { grid-area: identity; height: auto; margin: 0; min-height: 0; min-width: 0; overflow-wrap: anywhere; } #body .search-results .product.thin > strong.h3 a { font-size: 15px; line-height: 1.3; } #body .search-results .product.thin > strong.h3 tt { float: none; font-size: 14px; line-height: 1.35; margin-top: 3px; } #body .search-results .product.thin > .actions { align-self: start; grid-area: actions; margin: 0; min-width: 0; } #body .search-results .product.thin > .actions br { display: none; } #body .search-results .product.thin > .actions a { box-sizing: border-box; display: block; font-size: 14px; line-height: 1.3; margin: 0; padding: 6px 10px; text-align: center; white-space: normal; width: 100%; } #body .search-results .product.thin > form { align-items: center; display: grid; gap: 8px 12px; grid-area: purchase; grid-template-columns: minmax(0, 1fr) auto; min-width: 0; } #body .search-results .product.thin > form > .price { grid-column: 1; grid-row: 1; margin: 0; padding: 0; position: static; text-align: left; } #body .search-results .product.thin > form > .price big { white-space: normal; } #body .search-results .product.thin > form > .amount { align-items: center; display: flex; gap: 6px; grid-column: 2; grid-row: 1; padding: 0; position: static; } #body .search-results .product.thin > form > .amount label { margin: 0; } #body .search-results .product.thin > form > .amount input { width: 54px; } #body .search-results .product.thin > form > .variants { grid-column: 1 / -1; grid-row: 2; height: auto; position: static; } #body .search-results .product.thin > form > .variants select { box-sizing: border-box; width: 100%; } #body .search-results .product.thin > form > .tocart, #body .search-results .product.thin > form > span.moreinfo { bottom: auto; box-sizing: border-box; grid-column: 1 / -1; grid-row: 3; margin: 0; position: static; right: auto; width: 100%; } #body .search-results .product.thin > form > .tocart input, #body .search-results .product.thin > form > span.moreinfo a { box-sizing: border-box; width: 100%; } #body .product.head strong.h4, #body .product.head strong.h4.big, #body .product.head strong.h4.thin { box-sizing: border-box; right: -1px; width: auto; } #footer .shopicons, div.bar.copy, div.bar.shop { box-sizing: border-box; height: auto; padding: 10px; text-align: center; } div.bar.copy .left, div.bar.copy .right { float: none; padding: 3px 0; } div.on.popup { box-sizing: border-box; left: 5%; margin-left: 0; width: 90%; } } @media screen and (max-width: 767px) { #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { max-width: 100%; width: 100%; } } @media screen and (min-width: 481px) and (max-width: 767px) { #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { height: auto; min-height: 188px; } } @media screen and (min-width: 701px) and (max-width: 767px) { #body .product.head:not(.thin):not(.thinest):not(.big):not(.details) { max-width: calc(100% - 10px); width: calc(100% - 10px); } } @media screen and (min-width: 481px) and (max-width: 700px) { #body .product:not(.small):not(.head) { box-sizing: border-box; float: none; height: auto; margin: 0 0 12px; min-height: 210px; width: 100%; } #body .product:not(.small):not(.head) strong.h3 { height: auto; min-height: 44px; } } @media screen and (max-width: 480px) { #body table.basket col:nth-child(1) { width: 7%; } #body table.basket col:nth-child(2) { width: 17%; } #body table.basket col:nth-child(3) { width: 33%; } #body table.basket col:nth-child(4) { width: 13%; } #body table.basket col:nth-child(5) { width: 15%; } #body table.basket col:nth-child(6), #body table.basket col:nth-child(8) { display: none; width: 0; } #body table.basket col:nth-child(7) { width: 15%; } #body table.basket thead th:nth-child(6), #body table.basket thead th:nth-child(8), #body table.basket tbody tr[valign="top"] > td:nth-child(6), #body table.basket tbody tr[valign="top"] > td:nth-child(8) { display: none; } #body table.basket thead th { font-size: 11px; padding-left: 3px; } div#body { padding: 8px; } #body table.form > tbody > tr > td, #body table.form > tbody > tr > th { box-sizing: border-box; display: block; width: 100%; } #body table.form > tbody > tr > td:first-child { font-weight: bold; padding-top: 9px; } #body table.form input[type="text"], #body table.form input[type="password"], #body table.form input[type="email"], #body table.form select { width: 100%; } #body input[name*="oxbirthdate"] { min-width: 52px; width: auto !important; } #body .product:not(.small) { float: none; height: auto; margin-left: 0; margin-right: 0; min-height: 168px; width: 100%; } #body .product.head:not(.thin):not(.thinest) { max-width: 100%; width: 100%; } #body .product.big, #body .product.details { min-height: 0; padding: 270px 8px 8px; } #body .product.big .picture, #body .product.details .picture { height: 250px; left: 8px; top: 8px; width: calc(100% - 16px); } #body .product.details .exturls { position: static; width: auto; } #body .product.small { box-sizing: border-box; height: auto; margin: 0 1% 10px; min-height: 300px; width: 48%; } #body .product .variants select, #body .product .tocart, #body .product .tocart input, #body .product span.btn a { max-width: 100%; } #body .product .actions { margin: 10px 0; } #body .product .actions br { display: none; } #body .product .actions a { background: #5e5e5e; box-sizing: border-box; color: #ffffff; display: block; font-size: 14px; line-height: 20px; margin: 4px 0; padding: 6px 10px; text-align: center; white-space: normal; width: 100%; } #body .product.details .actions a { color: #ffffff; } #body .product .tocart { background: #5e5e5e; box-sizing: border-box; height: 42px; line-height: normal; width: 100%; } #body .product .tocart input { background: #5e5e5e; box-sizing: border-box; height: 42px; line-height: normal; min-height: 42px; padding: 8px 10px; width: 100%; } #zoom { box-sizing: border-box; min-height: 0; min-width: 0; padding: 10px; width: 100%; } } /* Basket actions: replace the legacy 18 px sprite buttons with fluid controls. */ #body .basket .basket-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 7px; } #body .basket .basket-actions .frombasket, #body .basket .basket-actions span.btn { background: none; border: 0; float: none; height: auto; line-height: normal; margin: 0; padding: 0; width: auto; } #body .basket .basket-actions .frombasket input, #body .basket .basket-actions span.btn input.upd { background: #5e5e5e; border: 0; box-sizing: border-box; color: #ffffff; cursor: pointer; display: block; font-size: 13px; font-weight: bold; height: auto; line-height: 1.2; margin: 0; min-height: 30px; padding: 6px 12px; width: auto; } /* Dynamic header banner: scalable background, logo and translated text. */ #header div.bar.oxid { align-items: center; background: #fffaf0; box-sizing: border-box; display: flex; height: clamp(88px, 15.1vw, 178px); overflow: hidden; position: relative; width: 100%; } #header div.bar.oxid .header-brand-background { height: 100%; inset: 0; object-fit: fill; pointer-events: none; position: absolute; width: 100%; z-index: 0; } #header div.bar.oxid .logo { align-items: center; box-sizing: border-box; display: flex; float: none; height: 100%; padding: 0; position: relative; text-decoration: none; width: 100%; z-index: 1; } #header div.bar.oxid .logo .header-brand-picture { box-sizing: border-box; display: block; flex: 0 0 48%; height: 92%; line-height: 0; margin: 0; max-height: 92%; max-width: 48%; padding-left: 1.5%; width: 48%; } #header div.bar.oxid .logo .header-brand-logo { display: block; height: 100%; max-height: 100%; max-width: 100%; object-fit: contain; object-position: left center; width: 100%; } #header div.bar.oxid .header-brand-tagline { color: #d5680b; display: block; flex: 1 1 auto; font-family: Arial, Helvetica, sans-serif; font-size: clamp(12px, 2.6vw, 34px); font-style: italic; font-weight: bold; letter-spacing: 0.04em; line-height: 1.05; margin: 0 4% 0 0; text-align: center; text-shadow: 0 1px 0 #ffffff, 0 2px 3px rgba(137, 70, 0, 0.22); } #header div.bar.oxid .header-brand-tagline span { display: block; } @media screen and (max-width: 480px) { #header div.bar.oxid .logo .header-brand-picture { flex-basis: 48%; max-width: 48%; padding-left: 1%; width: 48%; } #header div.bar.oxid .header-brand-tagline { font-size: clamp(11px, 3.6vw, 17px); letter-spacing: 0.02em; margin-left: 0; margin-right: 2%; } } @media screen and (max-width: 700px) { #body .variantslist .product.thinest { height: auto; min-height: 220px; overflow: hidden; padding: 10px; } #body .variantslist .product.thinest .picture { float: left; height: 72px; left: auto; margin: 0 10px 8px 0; position: static; top: auto; width: 90px; } #body .variantslist .product.thinest strong.h3 { min-height: 80px; } #body .variantslist .product.thinest form { clear: both; padding-top: 8px; } #body .variantslist .product.thinest .price, #body .variantslist .product.thinest .amount, #body .variantslist .product.thinest .tocart { bottom: auto; position: static; right: auto; top: auto; } #body .variantslist .product.thinest .amount { align-items: center; display: flex; justify-content: flex-start; margin: 0 0 8px; } #body .variantslist .product.thinest .tocart { width: 100%; } }