/* OXID look&feel generated CSS */ /* Base */ html,body {height: 100%;} html { background:#464646; } body,table,input,select,textarea,tt {font:10px/130% Verdana,Geneva,Arial,Helvetica,sans-serif;} body { margin:0; padding:0; background-color: #0c4c3c; font-size: 11px; } h1 {font-size: 13px;} h2 {font-size: 12px;} h3 {font-size: 11px;} strong.h2 {font-size: 13px; color:black} strong.h3 {font-size: 12px;} img {border:none;} ul {padding:0 0 0 2em;} hr {margin:4px 0;height:1px;text-align:center;color:#cbcbcb;background-color:#cbcbcb;} 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_02_.gif) no-repeat 0 -385px;padding-left:12px;font-size:10px;text-decoration:none;color:#377b65 !important; line-height:1.1em;} .link2 {background: url(bg/oxid.gif) no-repeat 0 -348px;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;background:transparent url(../img/ostec/form_bg.jpg) repeat scroll 0 0;border:1px solid #BBC9C4;} span.btn{background: transparent url(bg/buttons_02_.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:19px;line-height:10px;outline:0;position:relative;display:block;padding:1px 5px;margin:0;color:#1e2825;font-weight: bold;cursor:pointer;background: transparent url(bg/butstons_02_.gif) no-repeat left -150px;} span.btn a{padding:2px 8px 2px;} span.btn2{background: transparent url(bg/buttons_02_2.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.btn2 input, span.btn a{border:none;height:19px;line-height:10px;outline:0;position:relative;display:block;padding:1px 5px;margin:0;color:#1e2825;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_02_2.gif) no-repeat left -150px;} span.btn2 a{padding:2px 8px 2px;} input.btn.hl {border-color:#f90;color:#f90;} input.chbox {vertical-align:middle; margin-top: 0px;} input.chk {margin: 1px 5px 1px 0px;} input.fullsize {width: 100%;} textarea.fullsize {width: 100%;} /* 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(bg/linedot.gif) repeat-x bottom;} table.min_width {width:auto} tr.row_sep td hr{display:none;} tr.row_sep td div{background: url(bg/linedot.gif) repeat-x; background-position: left 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:5px;font-weight:bold;font-size:11px;text-indent:5px;} dl.box dd {margin:0;padding:4px 4px 0;} /* Navigation - menues */ 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.horizontall li {float:left;} ul.menue.verticall li {float:none;height: 100%;} .dropdown { display:none; position:absolute; left:0;top:100%;padding:0;margin:0;z-index:1000;} .open .dropdown { display:block; } /* 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#container { text-align:center; width:100%; background-color:#0c4c3c; background-position: 0px -48px; } div#page { width:1010px; margin:0px auto 0; padding:0; position: relative; text-align:left; } div#header { clear:both;} div#content { clear:both; padding:0px 14px;margin:0px;} div#path { margin:0 0 0 213px;padding:2px 0 0 0;color:#bababa;} div#body { margin:0 210px 0px 205px;padding:10px 0 10px 6px;} div#left { float:left; width:190px;} div#right { float:right; width:190px;} div#footer { clear:both; font: normal 11px verdana;} div.clear {clear: both;} .clear {clear: both;line-height: 10px;height: 10px;} /* Blank pages, popups */ div#body.plain {margin: 0; padding: 0; width: auto;} /* + layout - header */ #header div.bar .fixed {min-width:184px;border-right:1px solid #fff;float:left;} div#topLogo { width:1010px; height:22px; } div#topmenu { width:1010px; height:37px; background:url(../img/ostec/menuborder.jpg) no-repeat 0px 0px; } div#topmenu div.topmenuContainer { padding:4px 0px 0px 5px; background:none; } div#topmenu ul { list-style:none; margin:0px; padding:0px; height:33px; width:990px; background:url(../../../images/menu_bg_off.gif) repeat-x; } div#topmenu ul li { display:block; float:left; padding:0px; margin:0px; } div#topmenu ul li.line { background:url(../../../images/menu_spacer.gif) no-repeat; background-position:top right; padding-right:2px; } div#topmenu ul li a { display:block; background:url(../../../images/menu_bg_off.gif) repeat-x; color:white; font-size:12px; line-height:12px; font-family:arial; font-weight:normal; padding:11px 18px 10px; } div#topmenu ul li a.first { background:url(../../../images/menu_bg_off_first.gif) repeat-x; } div#topmenu ul li a.firston, div#topmenu ul li a.first:hover { background-image:url(../../../images/menu_bg_on_first.gif); text-decoration:none; } div#topmenu ul li a.on, div#topmenu ul li a:hover { background-image:url(../../../images/menu_bg_on.gif); text-decoration:none; } div#headerImage { border-top:1px solid #898989; width:1010px; height:150px; } div#contentTop { width:1010px; height:14px; line-height:14px; background:url(../img/ostec/content_bg_top.jpg) no-repeat; } div#contentBottom { width:1010px; height:13px; line-height:13px; background: #464646 url(../img/ostec/content_bg_bottom.jpg) no-repeat; } div.bar.oxid {padding:0px;margin:0px;background:url(../img/ostec/content_bg.gif) repeat-y;} div.bar.oxid .logo {padding:0px;margin:0px;} div.bar.oxid dl.box {min-height: 98px;min-width:150px;margin:0 0 1px 2px;padding-bottom: 5px;} dl.box {background:#7f7f7f;width:410px;} dl.box dt {background:none;color:#e7e7e7;font-weight:normal;} dl.box dt a {color:#e7e7e7;padding:0 15px 0 15px;background:transparent url(bg/oxid_02_.gif) 0 -10px no-repeat;} dl.box dd {color:#000;} dl.box dd ul {margin:0;} dl.box.open dt {background:#7f7f7f;} dl.box.open dt {background-position:0 -35px;color:#e7e7e7;} 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:#ecedec url(bg/oxid_02_.gif) 0 -50px no-repeat;color:#424c56;} dl.box.open dd.dropdown ul li a:hover{background-color:#72a796;color:#fff;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:#000;padding-left:10px;background:transparent url(bg/oxid_02_.gif) 0 -100px no-repeat;text-decoration: none;} dl.box.service dd ul li a:hover {text-decoration: underline;} dl.box.account dt {width: 450px;height:12px;overflow:hidden;} dl.box.account dd a.logout{color:#fff;font-weight:bold; padding:1px 2px 1px 8px;} dl.box.account dd b.user{font-size: 11px;} dl.box.basket{background:#f0fce8;} dl.box.basket dt {background:#274E04;} dl.box.basket.open dt {background-color:#2A5107;} dl.box.basket.open dt a {color:#fff;} dl.box.basket.open dd.dropdown ul li a{background-color:#f0f0f0;color:#000;} dl.box.basket.open dd.dropdown ul li a:hover{background-color:#295205;color:#fff;} dl.box.basket dd table {width:100%;} div.bar.links {background:#377b65;border-bottom:1px solid #fff;} div.bar.links.single{background:#4bc202;} div.bar.links a {line-height:1;color:#fff; font-weight: bold; float:left;vertical-align: bottom;padding:7px .5em; border-left:1px solid #fff;} 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:#f0f0f0;} div.bar.links .right a { padding: 7px 1em;} div.bar.links .left a { padding: 7px 1em;border-left:none;border-right:1px solid #fff;} div.bar.categories { background:#2A5107; border-bottom: 1px solid #fff;} div.bar.categories a { min-width:50px;text-align:center;line-height:1;color:#fff; text-decoration: none; display:block; padding: 10px;font-weight: bold;font-size:11px;} div.bar.categories li a.more{ background: transparent url(bg/oxid_02_.gif) no-repeat 5px -125px;text-indent: 10px;} div.bar.categories li.open a.more{ background-position: 5px -150px;} div.bar.categories a.fixed { padding: 10px 0; text-align: center;} div.bar.categories a.fixed:hover, div.bar.categories li.open a, div.bar.categories li a.exp{ background-color: #2D540B;color:#fff;text-decoration: none; } div.bar.categories ul.menue.horizontall li {float:left; border-right : 1px solid #fff;} div.bar.categories ul.menue.verticall li {float:none; border-top : 1px solid #fff;} div.bar.categories ul.menue.verticall li a { text-align:left;padding: 7px 10px; background: #2D540B;color:#fff;font-weight: normal;} div.bar.categories ul.menue.verticall li a:hover { background-color:#2B5208;color:#fff;} /* + layout - footer*/ #footer a{text-decoration: none;font-family:verdana;font-size:11px;} #footer a.first{text-decoration: none;margin-left:0px} #footer a:hover{text-decoration: underline;} #footer .shopicons {padding: 0 150px;} #footer .footertext {text-align: left; font-size: 11px; padding: 5px 0; clear: both;color:#000} div.bar.copy{ background:#4bc202;border-top:2px solid #fff;color:#fff;padding:5px 10px 5px 25px;} div.bar.copy a{color:#fff;} div.bar.shop{ color:#aaaaaa;background:#0c4c3c !important;padding:5px 190px 10px 25px;text-align: left;font-family:verdana;font-size:10pt;} div.bar.shop a{color:#aaaaaa;margin:0 7px;font-size:10pt} div.bar.icons{text-align: right;} /* minibasket */ .box.minibasket .hr {background: url(bg/hr_right.gif) repeat-x center; height: 15px;} .box.minibasket .tocart { height:18px; line-height:18px; width: 149px; background: transparent url(bg/buttons_02_.gif) no-repeat right 0; margin-left:auto; border: 0 none;padding:0 1px 0 0;} .box.minibasket .tocart input{ width: 150px; height:18px;text-align:center; background: transparent url(bg/buttons_02_2.gif) no-repeat left 0; margin:0; border:0;color:#fff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;} /* + layout - left */ #left strong.h2{display: block;} #left strong.h2 { background:url(../../../images/right_h1.gif) no-repeat; font-size:13px; line-height:13px; padding:6px 10px 5px; margin:0; color:black; } #left #test_LeftSideInfoHeader {margin-top:7px;} #left strong.h2 a {text-decoration: none; color: #000} #left strong.h2 a:hover {text-decoration: underline;} #left p {padding:3px 10px;margin:0;} #left form.search{padding:5px 0; margin:0 2px 10px 0; background: #eaf2e5;border-left: 1px solid #d4e0cd;border-right: 1px solid #d4e0cd;border-bottom: 1px solid #d4e0cd;} #left .search input.txt, #right .search input.txt { width:158px;margin:2px;padding:3px; font-size:11px;font-weight:bold; } #left .search select, #right .search select { width:126px;margin-top:2px;padding:1px 0; } #left .search span.btn input, #right .search span.btn input { font-weight: bold;width:32px;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 30px 0;} #left ul.info li {list-style: none; padding: 0; margin: 0;} #left ul.info li a {background:url(bg/oxid_02_.gif) no-repeat right -250px; text-indent: 10px; color: #000;display: block;padding:6px 0; border-bottom:1px solid #d4e0cd; font-weight: bold;} /* news list */ #left div.newsbox {width:188px; overflow:hidden;} #left dl.news {margin: 7px 0; padding:0px 10px;} #left dl.news dt {margin-bottom: 9px; width:168px; overflow:hidden;} #left dl.news dt a {color: #000; 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 {background:#eaf2e5 /*url(../img/ostvec/tree_border_bottom.gif) repeat-x right bottom*/;} ul.tree li a {background: transparent url(bg/oxid_02_.gif) no-repeat right 500px;color:#000;display:block;padding:10px 2px;border-bottom:1px dotted #adc4bd !important;} 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:#4bc202;} ul.tree li a.exp{text-indent:15px;padding-right:0;background-position:0 -200px;background-color:#ceddce;color:#000;} ul.tree li a.act{background-color:#ceddce;color:#000;font-weight:bold;} 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 #377b65;background:#377b65;padding:10px 5px 5px;margin:0;color:#fff;} */ #right strong.h2 { background:url(../../../images/right_h1.gif) no-repeat; font-size:13px; line-height:13px; padding:6px 10px 5px; margin:7px 0 0 0; color:black; } #right strong.h2 a {text-decoration: none; color: #000} #right strong.h2 a:hover {text-decoration: underline;} #right div.box, #left div.box {padding:7px 10px;background:#EAF2E5 none repeat scroll 0 0;border-bottom:1px solid #D4E0CD;border-left:1px solid #D4E0CD;border-right:1px solid #D4E0CD;margin:0 2px 10px 0;} #right div.box p{padding:7px 10px;} #right form label {color:#3e403c;font-size:11px;} #right span.btn input {width: 112px;} #right input.fullsize {width: 109px; padding: 0;font-size:12px;height:17px; background: url(../img/ostec/form_bg.jpg) repeat-x repeat-y;border:1px solid #bbc9c4;} #right div.box a.arr {text-decoration: none; color: #f90; padding-left: 12px; background: url(bg/arrow_details.gif) no-repeat 0 3px;} #right div.box a.arr:hover {text-decoration: underline;} #right div.forms strong.h2 {color:#fff;border-left-color:#969696;} #right div.forms strong.search {color:#000;border-left-color:#969696;} #right div.forms div.box{margin:0 2px 10px 0;background: #eaf2e5;border-left: 1px solid #d4e0cd;border-right: 1px solid #d4e0cd;border-bottom: 1px solid #d4e0cd;} #right div.forms div.box .logodeitert {background: transparent url(../img/ostec/formbox_bg.gif) no-repeat;} #right .listitem {margin: 2px 0 7px; padding-left: 52px; position: relative; min-height: 45px; height:auto; color: #000; width: 114px;} #right .listitem .picture{position: absolute; overflow:hidden;display: block; left: 0; top: 0; width: 56px; height: 42px; text-align:center; background: #fff; border: 1px solid #969696;} #right .listitem a.title{overflow:hidden;width:108px;display:block;} #right .listitem a {text-decoration: none; color: #000;margin-right:3px;font-family:arial;font-size:11px;} #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: #377b65;} #right .bargain span {font-size: 100% !important;} #right .listitem.rightlist {border-bottom: 1px solid #fff; height:auto;} #right .listitem.rightlist.lastinlist {border: none; margin-bottom: 3px;} #right .listitem.rightlist .price{font-size: 14px; font-weight: bold; color: #000; height:19px; margin: 16px 24px 9px 0; width: 90px; position: relative;} #right .listitem.rightlist .price span {font-size: 12px !important;line-height: 16px;} #right .listitem.rightlist .price a:hover {color: #000;} #right .listitem.rightlist .price .tocart{ width: 18px; height: 16px; position: absolute; left: 86px; top: 0;} #right .listitem.rightlist .price .btn{ width: 20px; height: 18px; margin:0; border:0;background: transparent url(bg/buttons_02_.gif) 0 0 no-repeat;padding: 0;cursor:pointer;} #right .listitem.rightlist .link {background: url(bg/oxid.gif) no-repeat 0 -298px;padding-left:14px;font-size:10px;text-decoration:none;color: #377b65 !important; line-height:1.1em;} #right .listitem.rightlist .link:hover {text-decoration: underline;} /* right minibasket */ #right .box.minibasket {color: #000;} #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:#1e2825;padding:1px 0 0 23px;cursor:pointer;font-weight: bold;line-height: 1.1em;} #right .recommlist .btn{border:1px solid #4bc202;background: #4bc202;color:#fff;font-weight: bold;width:30px;text-align: center;line-height: 100%;} #right dl.actionslist {color: #000; margin-bottom: 5px;} #right dl.actionslist dt {background: url(bg/hr_right.gif) repeat-x top; 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.gif) no-repeat 0 -298px;padding-left:14px;font-size:10px;text-decoration:none;color:#377b65 !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{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:#bababa; text-decoration: none;} #path a:hover{text-decoration: underline;} #path a.dinfo{display:none;position:absolute;right:0;} /* Content */ #body a{font-size: 12px; text-decoration: none; color: #424c56;} #body a:hover{text-decoration: underline; color: #377b65;} #body, #body td, #body th {font-size: 12px;} #body strong.head, #body h1.head{margin:0 0px;background: #fff;color:#377b65;font-size:16px;font-weight: bold;padding:8px .2em; border-bottom:1px dotted #969696;position:relative;} #body strong.head em, #body h1.head em{font-weight: normal;font-style:normal;font-size:12px;line-height: 11px;} #body strong.head small, #body h1.head small{font-weight: bold;font-size:11px;margin-top:8px;display:block;} #body strong.head h1{margin:0; padding: 0; display: inline;} #body strong.head2 {margin:0 0 0 10px;background: #fff;color:#377b65 !important;font-size:16px;font-weight: bold;color:#424c56;border-bottom:1px dotted #969696;display:block;float:left; width:95%;padding:8px 6px;} #body .boxhead {margin:18px 0 0 0;background: #fff;color:#377b65;font-size:16px;font-weight: bold;padding:8px .2em; border-bottom:1px dotted #969696;display:block;width:550px} #body .box{border:0px solid #969696; padding:8px 3px;margin:0px 0px 7px 0px;background:#fff;float:left} #body .box hr {display:none;} #body .box .voucher {border:1px solid #b1ceb9;background:#eaf2e5; padding:20px;width:530px;margin-left:1px;} #body .empty{padding:0 6px !important;} #body .box img{border:none;padding:0;margin:0;} #body .box p {margin:0 0 1em 0;} #body .box ul.list{margin:4px;padding:8px;} #body .box ul.list li{display:inline;padding-left:0px;margin-right:10px;text-align:center;} #body .box ul.list li a{color:#377b65;text-decoration: underline;white-space: pre-line;margin-top:5px;} #body .box ul.list li a:hover{color:#424c56;} #body .box.info {padding: 10px 10px 10px 0px; width:565px;} #body .box.notice {padding: 5px 0 0; width:568px; border: none;} #body .box.catfilter {margin-top:10px;} #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:#ebf0e2; border:1px solid #becbb6;margin:5px 5px 10px 5px;padding:0;height: 27px; float: left; width: 568px;} #body div.bar.prevnext input {background:#62A18D;color:#fff;border:1px solid #fff;cursor:pointer;font-size: 11px;font-weight:bold;padding:5px 35px;margin:0;line-height: 1.1em;} #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/linedot.gif) repeat-x bottom;} #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/linedot.gif) repeat-x; border:0px none;height:1px;margin-bottom:0px;margin-top:10px;} #body .dot_sep.mid {margin: 5px 0;} #body .errorbox{font-size:10px;font-weight:bold;border:2px solid #c00000;color:#c00000; padding: 10px; margin:3px 5px 20px 5px; width:544px; 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 0px 10px 0px; background: #eaf2e5; color: #000;float:left;width:556px;} #body .locator .lochead {background: #fff; color: #424c56; padding: 8px .6em; height: 1.1em;} #body .locator .lochead strong.h4 {margin: 0; padding: 0; color: #424c56; 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: #377b65;} #body .locator .sep {padding: 0 2px; color: inherit;} #body .locator .sort_row a.asc {background:url(bg/sort_asc.gif) no-repeat right center; padding-right: 20px;} #body .locator .sort_row a.desc {background:url(bg/sort_desc.gif) no-repeat right center; padding-right: 20px;} #body .locator .sort_row a.none {background:url(bg/sort_none.gif) no-repeat right center; padding-right: 20px;} #body .locator .btn {margin-bottom: 6px;} #body .locator.compare .locbody {height: auto;} /* Products */ #body .product {border:1px solid #c0c0bf;border-top:5px solid #8cb4a7; width:146px;height:250px;float:left;margin:5px;padding:5px 5px 5px 115px; position:relative;background:#fff;} #body .product.thin #test_product_shortdesc_overview {} /*#body .product.thin #test_product_shortdesc_overview {margin:4px 0;overflow:hidden;height:26px;} */ #body .product .status {height:20px;} #body .product .picture{display:block;height:145px;overflow: hidden; width: 153px;position:absolute;top:8px;left:8px;overflow: hidden;} #body .small a.picture {text-align: center;} #body .product strong.h3 {margin:0; display: block; background: #fff;height:80px;} #body .product.thin strong.h3 {margin:0; display: inline; background: #fff;height:67px;} #body .product strong.h3 a{font-size: 11px;color:#000;} #body .product tt {color:#000;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:#ffb200;} #body .product .flag.green{background-color:#00ab1f;} #body .product .desc {color:#000;font-size: 11px;} #body .product .actions a{text-decoration: none; margin-top:12px;color: #377b65; padding-left: 12px; background: url(bg/oxid_02_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .product .actions {/*height:20px;*/} #body .product .actions a:hover{text-decoration: underline;} #body .product .variants {} #body .product .variants label{display:block;color:#000;font-size: 11px;font-weight:bold;padding-bottom:3px;margin-top:5px;} #body .product .variants select{width: 136px;background:#EAF2E5;border:1px solid #8CB4A7;font-size:12px;} #body .product select{width: 150px;background:#EAF2E5;border:1px solid #8CB4A7;font-size:12px;} #body .product .variants_auflagen {height:215px;width:282px;position:relative;margin-top:6px;overflow: scroll;text-align:center;} #body .product .variants_auflagen_big {height:215px;width:282px;position:relative;margin-top:6px;text-align:center;} #body .product .variants_auflagen img {border:1px solid #e0e0e0;padding:2px;} #body .product .variants_auflagen img.selected, #body .product .variants_auflagen a:hover {border:1px solid #5b9079;} #body .product .percentinfo { position: absolute; bottom: 50px; left: 10px; text-align: center; background: url(../img/ostec/sprechblase_klein_gruen.png) no-repeat top left; width: 89px; height: 81px; font-size: 10px; color: #d0f0ff; font-weight: bold; padding-top: 8px;} #body .product .percentinfo span { font-size: 16px; color: #fff;} #body .product .price_statt { position: absolute; bottom: 30px; left: 10px; font-size: 12px; color: #FF0000;} #body .product .amprice {clear: left;} #body .product .amount {padding-top:.5em;} #body .product .amount label{margin-right:.5em;color:#000;font-size: 10px;} #body .product .price {margin-bottom:2px; } #body .product .price big {font-size: 18px;margin-top:16px;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 .tocart { height:18px;width: 94px; background: transparent url(bg/buttons_02_.gif) no-repeat right 0; margin:0; border: 0 none;padding:0 1px 0 0;clear:left;} */ #body .product .tocart input{ width: 130px; float:left;background: transparent url(bg/buttons_02_.gif) no-repeat 0 0; border:0;color:#fff;padding:2px 0 2px 23px;cursor:pointer;font-weight: bold;} #body .product.head {margin-top:30px;border-top:none;border-color:#c7d1c3;} #body .product.head strong.h4{display: block;margin:0;background:#fff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #377b65;border-left:8px solid #377b65;border-right:1px solid #377b65;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#377b65;} #body .product.head strong.h4 small{display:block;position:absolute;top:8px;left:49%;color:#969696;font-size:10px;font-weight: normal;} #body .product.head strong.h4.big{width: 549px;} #body .product.head.topshop strong.h4{color:#8CB4A7;border-color:#8CB4A7;} #body .product.head.topshop{border-color:#8CB4A7} #body .product.big{width:282px;height:208px;padding-left:261px;} #body .product.head strong.h4.big{ width:529px;display: block;background:#eaf2e5;margin:0 0px 10px !important;} #body .product.big .picture{width: 240px;} #body .product.big strong.h3 {margin-top:10px; display: block;} #body .product.big strong.h3 a{font-size: 12px;color:#000;} #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:#000;font-size: 10px;} #body .product.small{width:170px;height:205px;padding-left:5px;padding-top:115px;overflow: hidden; line-height: 100%;} #body .product.small .variants {width:119px;height:31px} #body .product.small .variants label {white-space: nowrap;} #body .product.small .variants select {width:168px;} #body .product.small .picture {height: 100px;overflow:hidden;} #body .product.small .price {white-space:nowrap;text-align:center;} #body .product.small .price .highlight_small_price { font-size: 11px; color: #FF0000; } #body .product.small .tocart {width:167px;} #body .product.small .tocart input{width:167px;} #body .product.thin{width:428px;height:141px; border-color: #dee7db;} #body .product.head strong.h4{margin:0;background:#fff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #c7d1c3;border-left:8px solid #c7d1c3;border-right:1px solid #c7d1c3;width:247px;line-height:20px; font-size: 11px;font-weight: bold;color:#377b65;} #body .product.head strong.h4.thin{width: 529px;border-color:#dee7db;;color:#424c56;background:#eaf2e5;padding:1px 5px 8px 7px;} #body .product.thin .price {position:absolute; top:20px; right:5px;} #body .product.thin .price .highlight_price { color: #FF0000; } #body .product.thin .amount {position:absolute; bottom:25px; right:5px;} #body .product.thin .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thin .variants {position:absolute; bottom:25px; right:100px;} #body .product.thin .actions {margin-top:0;} #body .product.thin tt {/*float: left;*/} #body .product.thin .flag {float: left;margin-left:4px;} #body .product.thinest{ width:490px!important;height:auto; 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: 540px;border-color:#c0c0bf;color:#424c56;background:#f0f0f0;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;} #body .product.thinest tt {float: left;} #body .product.thinest .flag {float: left;margin-left:4px;} #body .product.thinest .variants {height: auto;} #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:#fff url(bg/dotted_line.gif) no-repeat center;margin:0 0px 0px 5px;float:left;width: 548px;border:1px solid #deefdb;border-top:none;border-bottom: none;} #body .separator.inbox {width: 575px; border: none; margin: 0;} #body .txtseparator {height: 10px; margin:0 0px;float:left;width: 568px;border:1px solid #cbcbcb;border-top:none;border-bottom: none;} #body .txtseparator.inbox {margin:0; width: 555px; border: none; border-bottom:1px solid #cbcbcb} #body .product.details {height:auto;min-height: 330px; margin-bottom: 0; border-bottom: none; border-color: #dee7db;} #body .product.details strong.h4 {border-color:#c7d1c3;color:#424c56;background:#f0f0f0;padding:1px 5px 8px 7px; display: block;} #body .product.details h1 {border:none;margin:8px 0 0 0;padding:0;color:#000;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:#424c56;} #body .product.details .picture {text-align:left;height: 350px;} #body .product.details .exturls {/*position:absolute;top:252px;left:8px; */width: 250px;} #body .product.details .exturls a{color:#377b65;font-size:10px;margin-right:1em;} #body .product.details .cats {margin:1em 0 0 0;font-size:10px;color:#000;} #body .product.details .cats a{font-size:10px;color:#000;} #body .product.details .cats img{margin-right:1em;} #body .product.details .status {padding-top:1em;font-size:10px !important;color:#424c56;} #body .product.details .variants {padding-top:1em;} #body .product.details .actions {padding-top:1em;clear:left;} #body .product.details .actions a{display:block;color:#377b65;} #body .product.details .actions a.reqlogin{background:none;padding-left:0;} #body .product.details .price {margin:1em 0; position: relative;} #body .product.details .price big{display:block;margin-right:8px;} #body .product.details .price .old {font-weight: bold;font-size: 12px;color:#ff0000;} #body .product.details .price .old del {font-size: 17px;} #body .product.details .price sup.dinfo {font-size:10px;font-weight: normal;color:#424c56;vertical-align:top;/*width:120px;display:block;word-wrap:break-word;*/line-height: inherit;width:120px;} #body .product.details .price sup.dinfo a {font-size: 10px; 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:#424c56;font-size: 10px;} #body .product.details .price .percentinfo { position: absolute; top: 0px; left: 170px; text-align: center; font-size: 11px; color: #d0f0ff; font-weight: bold; background: url(../img/ostec/sprechblase_gross_gruen.png) no-repeat top left; width: 107px; height: 93px; padding-top: 14px;} #body .product.details .price .percentinfo span { font-size: 18px; color: #fff; } #body .product.details .packing{clear:left;padding-top:.5em;font-size:10px;color:#757C83;} #body .product.details .deltime{clear:left;padding-top:.5em;font-size: 11px;color:#555555;} #body .product.details .pperunit{clear:left;padding-top:.5em;font-size:10px;color:#000;} #body .product.details .amprice th{font-size: 11px; font-weight: bold;} #body .product.details .amprice td{font-size: 11px; padding: 0;} #body .product.details .amprice .am{color:#424c56;} #body .product.details .amprice .pr{font-weight: bold;} #body .product.details .amount {clear:left;} #body .product.details .amount label {font-weight:bold;font-size:12px;} #body .product.details .amount input {font-weight:bold;font-size:14px;width:30px;text-align:center;} #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: #424c56;} #body .product .persparam {float: left; margin:0 15px 0 0; padding-top: 7px;height:auto;} #body .product .persparam textarea {float: left; width:211px; margin:0 15px 0 0; padding-top: 7px;height:auto;} #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 #969696; 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 {border-color:#DEE7BE;border-top:medium none #DEE7BE;height:auto;margin:0 0 10px 5px;padding:14px 6px;width:536px;float:left;background:none;} #body .product .morepics{margin-top: 10px; padding: 4px 0px 0px; float:left;height: 54px; overflow:hidden; border-top: 1px solid #f0f0f0; /* position: absolute; top: 290px; left: 5px;*/ width: 230px;text-align:center;} #body .product .morepics a{border: 1px solid #969696; width: 50px; height: 50px; margin: 0 4px 4px 0px; float: left; } #body .product .morepics a img{padding: 0; margin-left:auto;margin-right:auto; } #body .product.moredetails .longdesc {margin-top: 10px;padding: 15px 0 0; border-top: 1px solid #f0f0f0;} #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 #f0f0f0;} #body .product.moredetails .longdesc .question a {font-size: 10px; font-weight: bold; color:#146046;} #body .box .attributes td{border-bottom:1px solid #f0f0f0;font-size:10px;padding:.5em 0} #body .box .attributes .last td {border-bottom:none} #body .box .pricealarm {border-top:1px solid #f0f0f0;} #body .box .pricealarm th {padding-top:.5em;} #body .box .pricealarm th label{font-weight: bold;font-size: 10px;color:#424c56;} #body .wellcome {margin:0 0px 10px 5px;padding:0;} #body .box .guestbook {margin-top: 9px;} #body .box .guestbook .head td {border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 5px 0; color: #424c56;} #body .box .guestbook .head td.name {color: #4bc202;} #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: #4bc202;} #body .box dl.links dt a:hover {color: #4bc202;} #body .box dl.links dd {background: url(bg/linedot.gif) repeat-x bottom; 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: #000;} #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 #969696; padding-left: 2px; line-height: 10px; width: 11px; color: #969696; display: block;} #body .box.compare .reorder a:hover {text-decoration: none; color: #969696;} #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:114px;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: #377b65; padding-left: 12px; background: url(bg/oxid_02_.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; width: 121px; background: transparent url(bg/buttons_02_.gif) 0 -50px no-repeat; margin: 0; border: 0 none;padding:0;border-right:1px solid #4bc202;clear:left;} #body .box.compare .fromcompare input {width: 122px; background: transparent; margin:0; border:0;color:#fff;padding:2px 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 #969696; border-bottom:1px dotted #969696;} #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 14px 0; float:left;width:575px;} #body .ordersteps dl {width: 102px; height: 63px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px dotted #becbb6; background: #f4faf0; color: #2c604f;} #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: #eff6d4; border: 1px solid #72a796;} #body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #4c7f6f;} #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_02_.gif) no-repeat 15px -342px; background-color: #F3892F; padding-left: 38px; padding-right: 25px;} #body div.bar.prevnext .arrowright input {background: url(bg/oxid_02_.gif) no-repeat 15px -318px; background-color: #F3892F;color:#000} #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: #424c56; padding: 3px 3px 3px 0;} #body div.bar.prevnext .termsconfirm a {font-size: 10px; color: #000; text-decoration: underline;} #body div.bar.prevnext .termsconfirm a:hover {color: #000;} #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 #BECBB6; border-left:none; empty-cells: show;width:569px;} #body .basket tbody td {padding-top: 10px;} #body .basket th {background: #d4e0cd ; color: #424c56; font-weight: bold; height: 25px; padding-left: 6px;} #body .basket th.brd {padding: 0;border-left: 1px solid #BECBB6;} #body .basket th .brd_line {background: #BECBB6; width: 7px; height: 25px;} #body .basket th.lastcol {padding-left: 0;} #body .basket td.brd {border-left: 1px solid #BECBB6;} #body .basket .bsk_sep td {height: 9px; padding-top: 0;} #body .basket .bsk_sep .line {border-bottom: 1px solid #d4e0cd;} #body .basket .bsk_sep .bigline {border-bottom: 4px solid #d4e0cd;} #body .basket .picture {border: 1px solid #969696; overflow:hidden; background: #fff; text-align: center; display: block; height: 42px; width: 56px;} #body .basket .art_title a {font-size: 11px; font-weight: bold; color: #000;} #body .basket .art_title a:hover {color: #000;} #body .basket .art_num {font-size: 10px; color: #000;} #body .basket .btn , #body .basket .amount {margin-bottom: 7px;} #body .basket .upd {color: #000; 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: #377b65;} #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: #377b65; font-size: 10px;} #body .basket .bottrow {height: 14px;} #body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #4bc202; color: #fff; background: #4bc202;text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;} #body .basket a.wrapremove {width: 70px;} #body .basket .wrapmod { height:18px;width: 85px; background: transparent url(bg/buttons_02_.gif) 0 -100px no-repeat; margin:0; border: 0 none; padding:0;border-right:1px solid #4bc202; float: left} #body .basket .wrapmod a { width: 100%; background: transparent; margin:0; border:0;color:#fff;padding:2px 0 0 0;text-indent: 23px;font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;} #body .basket .frombasket { height:18px;width: 100px; background: transparent url(bg/buttons_02_2.gif) 0 -50px no-repeat; margin:0; border: 0 none; padding:0; float: left} #body .basket .frombasket input{ width: 100%; background: transparent; margin:0; border:0;color:#000;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;} #body .basket .frombasket a { width: 77px; background: transparent; margin:0; border:0;color:#fff;padding:2px 0 0 23px;font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;} #body .basket td select {width: 120px;} /* user options step */ #body strong.useroptboxhead {margin:10px 4px 0;background: #d4e0cd; padding:4px 5px 5px 7px;height:20px;border:1px solid #BECBB6;border-left:8px solid #BECBB6;border-right:1px solid #BECBB6;line-height:20px; font-size: 12px;font-weight: bold;color:#424c56;width:162px; display: block;} #body strong.useroptboxheadbig {margin:10px 5px 0;background: #d4e0cd; padding:4px 5px 5px 7px;height:20px;border:1px solid #BECBB6;border-left:8px solid #BECBB6;border-right:1px solid #BECBB6;line-height:20px; font-size: 12px;font-weight: bold;color:#424c56;width:259px; display: block;} #body .useroptbox {border:1px solid #BECBB6; border-top: none; width:151px;height:310px;margin:0 0px 10px 4px;padding:5px 15px;position:relative; font-size: 12px;} #body .useroptboxbig {border:1px solid #BECBB6; border-top: none; width:248px;height:310px;margin:0 0px 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;} .delivery select {background: red !important;} /* 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 #f0f0f0;} #body dl.orderinfocol dd {padding:0; margin: 0;} #body .giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_02_.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 #969696; border-left:none; empty-cells: show;} #body .wrapping tbody td {padding-top: 10px;} #body .wrapping th {background: #f0f0f0; color: #424c56; font-weight: bold; height: 25px; padding-left: 6px;} #body .wrapping th.brd {padding: 0;border-left: 1px solid #969696;} #body .wrapping th .brd_line {background: #969696; width: 7px; height: 25px;} #body .wrapping td.brd {border-left: 1px solid #969696;} #body .wrapping .wrp_sep td {height: 9px; padding-top: 0;} #body .wrapping .wrp_sep .line {border-bottom: 1px solid #f0f0f0;} #body .wrapping .picture {border: 1px solid #969696; background: #fff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;} #body .wrapping .art_title a {font-size: 10px; font-weight: bold; color: #000;} #body .wrapping .art_title a:hover {color: #000;} #body .wrapping .art_num {font-size: 10px; color: #000;} #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: #377b65; border-bottom: 1px solid #fff;} #body .morecats dd {background: #f0f0f0; border-bottom: 1px solid #fff; margin: 0; padding: 0;} #body .morecats dl a {color:#000; font-weight:bold; padding: 4px 10px; display: block;} #body .morecats dl a:hover {color:#000;} #body .morecats dd a {background: url(bg/oxid.gif) no-repeat 7px -148px; padding-left: 22px;} /* Account header */ #body .account_header {width: 505px;} #body .account_header dl{border-bottom: 1px solid #f0f0f0; 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: #424c56; padding-left: 8px;} #body .account_header dt a:hover{text-decoration: underline; color: #424c56;} #body .account_header dt a.active{color: #377b65;} #body .account_header dd{margin: 2px 0; font-size: 10px; color: #969696; 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 { right: 155px; top: 117px; height:18px; width: 100px; background: transparent url(bg/buttons_02_.gif) 0 -50px no-repeat; margin:0; border: 0 none; padding:0; border-right: 1px solid #4bc202; position: absolute;} #body .product .fromlist input { width: 100%; background: transparent; margin:0; border:0;color:#fff;padding:2px 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.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 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 {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: 240px; font-size: 10px;} #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 {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:250px;height: 150px;background: white;z-index: 2000;margin-top:-75px;margin-left:-125px;border:1px solid #f90;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:#386f5d;background:#fff;border:1px solid #558475;font-weight: bold;padding:2px;width:120px;} div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:120px;} div.on.popup input.bl{position:absolute;bottom:10px;left:10px;} div.on.popup input.br{position:absolute;bottom:10px;right:10px;} div.fbMsg.on.popup { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px;} div.on.popup span.btn{background: transparent url(bg/buttons_pe_.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;} div.on.popup span.btn input, span.btn a{width: auto; 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_pe_.gif) no-repeat left -150px;} div.on.popup span.btn a{padding:3px 8px 2px; position:relative;} div.fbMsg.on.popup .popupMsg { font-size: 11px; 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;background:#fff;height: 28px;width:100%;} #zoom ul.tabs li{list-style: none;margin:1px;float:left;} #zoom a{display:block;padding:5px;background:#fff;width:20px;text-align: center;border:1px solid #4bc202;color:#4bc202;font-weight: bold;} #zoom ul.tabs li.close{float:right;} /* Message boxes */ #body .msg{ width:548px;background: #f0f0f0;border: 1px solid #424c56;margin: 0 5px 10px 5px;padding: 5px 10px;} #body .msg .err{color: #377b65;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 .rating_review_background { width:89px; height:16px; margin:0; padding:0; background: url(bg/stars.jpg) no-repeat 0 0;} #body .onestar {background-position:-72px -38px} #body .twostar {background-position:-54px -38px} #body .threestar {background-position:-36px -38px} #body .fourstar {background-position:-18px -38px} #body .fivestar {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.one a {left:0} #body ul.rating li.two a {left:17px;} #body ul.rating li.three a {left:34px;} #body ul.rating li.four a {left:51px;} #body ul.rating li.five 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.one a:hover {background-position: -72px -18px;} #body ul.rating li.two a:hover {background-position: -54px -18px;} #body ul.rating li.three a:hover {background-position: -36px -18px;} #body ul.rating li.four a:hover {background-position: -18px -18px;} #body ul.rating li.five a:hover {background-position: 0 -18px;} #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 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 .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/linedot.gif) repeat-x bottom;} #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 #4bc202;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;} .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:#ffffff;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;} #body .home_overviewtable {width:98%;background:url(../img/ostec/home_top_bg.jpg) repeat-x;} #body .home_overviewtable td {text-align:center;} #body .home_overviewtable td.home_overviewtext {text-align:left; padding-left:26px;} #body .home_overviewtable td.home_overviewtext strong {color:#015b42;font-size:13px;} #body .home_overviewtable td.home_overviewtext ul {margin:3px 0 6px 20px;padding:0;} #body .home_overviewtable .home_banner img {margin: 0 50px 0 0;} #body .homepagecat .product {width:126px;height:250px;border:1px solid #8CB4A7;} #body .homepagecat .product.head strong.h4{margin:0;background:#D4E0CD; padding:8px 5px 1px 7px;height:20px;border-top:4px solid #8CB4A7;border-left:1px solid #8CB4A7;border-right:1px solid #8CB4A7;width:234px;line-height:20px; font-size: 11px;font-weight: bold;color:#377b65;} /* Frisch eingetroffen */ #body .product.small { height:235px; } #body .price {margin-top:6px;} #body div.bar.prevnext.paypaltop, #body div.bar.prevnext.paypalbottom{ height:55px; } #body div.bar.prevnext input.paypalbutton { border:0px; background:none; } #test_BasketNextStepTop {width:240px;} .highlite { color:#ff0000; } .actions a { font-weight:bold; font-size:11px !important; } .agbdownload { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:15px; background-color:#eaf2e5; font-weight:bold; } #test_catLongDesc { display:block; float:left; margin-bottom:15px; width:571px; } #body .clear_bc {display:none;} .boxgreen { border:1px solid #D4E0CD; background:none repeat scroll 0 0 #EAF2E5; padding:7px !important; } .boxshippingcart { border:1px solid #D4E0CD !important; background:none repeat scroll 0 0 #EAF2E5 !important; padding:25px 0 25px 15px !important; margin-bottom:18px !important; width:560px !important; } .boxshippingcart select { font-size: 13px; font-weight:bold; } .boxshippingcart #test_shipSetCost { margin-right:20px; font-size: 14px !important; font-weight:bold; } .red { color:#ff0000; } /*Produktliste Merkzettel*/ #body #productlist_merkzettel .product .fromlist { top:128px; right:137px; } #body #productlist_merkzettel .bar.prevnext { width:548px; } /*Trusted Shop Header Link*/ .trusted_shop_header_link { position: absolute; left:918px; top:70px; width:64px; height:64px; } /* paypal bar top start */ #body div.bar.prevnext.paypaltop {background-color:#f0f0f0; border:1px solid #969696;margin:5px;padding:0;height: 100%; float: left; width: 568px;} /* paypal bar top end */ /* paypal button style start */ #body div.bar.prevnext input[class=paypalbutton] {background-color:#f0f0f0;border:0px;padding:0px;margin-top:5px;} /* paypal button style end*/ /* paypal bar bottom start */ #body div.bar.prevnext.paypalbottom {margin-bottom:15px;height: 100%;} /* paypal bar bottom end */ /* user input req error*/ #orderform label.error {margin-left:10px;width:auto;display:inline;} #orderform input.valid {} #orderform input.error {border-color:#ff0000;background:#fff;} #orderform label.error.checked {background:url(bg/checked.gif) top left;padding:0 5px;} form.cmxform label.error, label.error {color:red;font-style:italic;font-size:10px;}