/* OXID look&feel generated CSS */ /* background-color = ceeee8*/ /* Base */ html,body {height: 100%; background-color:#ceeee8;} body,table,input,select,textarea,tt {font:12px/130% Verdana,Geneva,Arial,Helvetica,sans-serif;} body {margin:0;padding:0; } p {margin-top:0;} h1 {font-size: 13px;} h2 {font-size: 12px;} h3 {font-size: 12px;} strong.h2 {font-size: 12px;} 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;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_ce_.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: 11px !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_ce_.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_ce_.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;} input.fullsize {width: 100%;} textarea.fullsize {width: 100%;} input.openid {background: #fff url(bg/openid-icon-small.gif) no-repeat 0pt 50%; border:1px solid activeCaption; padding:1px 1px 1px 18px;} /* 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_ce_.gif) no-repeat center center; margin: 0;height: 15px;} tr.sep td, tr.sep th {background: url(bg/sepatator_ce_.gif) no-repeat center center;} /* Navigation - bars */ div.bar {vertical-align: middle;} div.bar .left {float:left;} div.bar .right {float:right; width:auto;margin:0;} /* 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 { 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:url(bg/bg_content.gif) repeat-y;} div#header { clear:both;width:980px;} div#content { clear:both; width:980px;min-height:500px!important;} div#path { margin:12px 60px 0 195px;padding:15px 30px 0 20px;border-bottom:1px solid #fff;color:#5e5e5e;} div#body {width:710px; margin:0 10px 50px 200px; padding:10px 0 0 15px;} div#left { float:left; width:180px;} div#right { float:right; width:204px;} div#footer { clear:both; background:url(bg/wolfaden_farbig.jpg) no-repeat left top;padding-top:25px; } div.clear {clear: both;} /* 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 #ffffff;float:left;} #wollwerktatt {position:absolute; top:20px; left:210px;} /* div.bar.oxid {height:102px;background:url(bg/wolfaden_farbig.jpg) no-repeat left 90px ; padding-bottom:12px;}*/ div.bar.oxid {height:124px; width:980px;background:url(bg/wolfaden_farbig.jpg) no-repeat left 90px ;} #header .logo {padding:0px 0; width:190px; float:left; display:block;} #header dl.box {width:150px;margin:0 0 1px 2px;} dl.box { border-left:1px solid #fff;width:150px;} dl.box dt {background:#fff;color:#5e5e5e;} dl.box dt a {color:#5e5e5e;padding:0 0 0 10px;background:transparent url(bg/oxid_ce_.gif) 0 -10px no-repeat;display:block;} dl.box dd {color:#5e5e5e;} dl.box dd ul {margin:0;} dl.box.open dt {background-color:#913568;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_ce_.gif) 0 -50px no-repeat;color:#5e5e5e;} dl.box.open dd.dropdown ul li a:hover{background-color:#913568;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_ce_.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{ border-color:#fff;color:#fff;} dl.box.basket dt {background:#913568;color:#fff;} dl.box.basket dt a {background:#913568;color:#fff;} dl.box.basket.open dt {background-color:#913568;color:#fff;} 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:#913568;color:#ffffff;} dl.box.basket dd table {width:100%;} div.bar.links {} 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:#913568;} 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{padding-top:30px;background:url(bg/wolfaden_farbig.jpg) no-repeat left 0px;} div.bar.links.single a{color:#913568;} div.bar.links.single a.act{color:#1f1f1f;} div.bar.categories { background:#913568; 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_ce_.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: #913568;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.horizontall li {float:left; border-right : 1px solid #ffffff;} div.bar.categories ul.menue.verticall li {float:none; border-top : 1px solid #ffffff;} div.bar.categories ul.menue.verticall li a { text-align:left;padding: 7px 10px; background: #efefef;color:#5e5e5e;font-weight: normal;} div.bar.categories ul.menue.verticall li a:hover { background-color:#913568;color:#ffffff;} /* + layout - footer*/ #footer a{text-decoration: none;} #footer a:hover{text-decoration: underline;} #footer .shopicons {padding: 0 150px;} #footer .footertext {text-align: center; font-size: 11px; padding: 5px 0; clear: both;color:#5e5e5e} div.bar.copy{ height:25px;color:#111;padding:5px 10px 5px 200px;} div.bar.copy a{color:##5e5e5e;} div.bar.shop{ color:#5e5e5e;padding:8px 190px 10px 180px;text-align: center;} div.bar.shop a{color:#5e5e5e;margin:0 7px;} div.bar.icons{text-align: right;} /* minibasket */ .box.minibasket .hr {background: url(bg/sepatator_ce_.gif) no-repeat center center; height: 15px;} .box.minibasket .tocart { height:18px; line-height:18px; width: 149px; background: transparent url(bg/buttons_ce_.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_ce_.gif) no-repeat left 0; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;} /*border-bottom:thin solid #EFEFEF;color:#5E5E5E;line-height:18px;margin:0;padding:10px 0 0 10px;*/ /* + layout - left */ #left strong.h2{display: block;} #left strong.h2{border-bottom:1px solid #fff;color:#5E5E5E;line-height:18px;margin:0;padding:13px 0 0 10px;} #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 30px 0;} #left ul.info li {list-style: none; padding: 0; margin: 0;} #left ul.info li a {background:url(bg/oxid_ce_.gif) no-repeat right -250px; text-indent: 10px; color: #5e5e5e;display: block;padding:5px 0; border-bottom:1px solid #fff;} /* 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:url(bg/oxid_ce_.gif) no-repeat right 497px;color:#5e5e5e;display:block;padding:6px 2px;border-top:1px solid #fff;} ul.tree li a.has{padding-right:15px;background-position:right -177px;} ul.tree li a.root{text-indent:15px;padding-right:0;background-position:0 -177px;font-weight: bold;border-color:#fff;} ul.tree li a.exp{text-indent:15px;padding-right:0;background-position:0 -200px;} ul.tree li a.act{color:#913568;font-weight:bold;} ul.tree li a.exp.act{background-position: 0 -225px;} ul.tree li a.root.cms {margin-top:2em; } /* + layout - right */ #right strong.h2 {display: block;} #right strong.h2{position:relative;border-left:1px solid #fff;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:1px solid #fff;padding:7px 10px;} #right div.box p{padding:7px 10px;} #right form label {color:#5e5e5e;} #right span.btn input {width: 119px;} #right input.fullsize {width: 116px; padding: 0;} #right div.forms strong.h2 {background-color: #efefef;color:#5e5e5e;border-left-color:#fff;} #right div.forms strong.h2 a{color:#5e5e5e;} #right div.forms div.box{border-left-color:#fff;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 #fff;} #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 #fff; height:auto;} #right .listitem.rightlist.lastinlist {border: none; margin-bottom: 3px;} #right .listitem.rightlist .price{font-size: 14px; font-weight: bold; color: #5e5e5e; margin: 16px 24px 9px 0; width: 90px; position: relative;} #right .listitem.rightlist .price a {font-weight: normal; 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_ce_.gif) 0 0 no-repeat;padding: 0;cursor:pointer;} #right .listitem.rightlist .link {background: url(bg/oxid_ce_.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_ce_.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_ce_.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;} #right input.openid {width: 99px; background: #fff url(bg/openid-icon-small.gif) no-repeat 0pt 50%; border:1px solid activeCaption; padding:1px 1px 1px 18px;} /* 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:60px;} /* Content */ #body a{font-size: 11px; text-decoration: none; color: #5e5e5e;} #body a:hover{text-decoration: underline; color: #913568;} #body, #body td, #body th {font-size: 12px;} #body strong.head, #body h1.head{margin:0 5px;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:2em 5px 0px 5px;color:#5e5e5e;border-top:1px solid #fff;padding:0px 6px 0px;width:720px} #body .boxhead {margin:5px 0px 0 0 ; padding:5px 0px 0px 0px;height:16px;line-height:16px; font-size: 14px;font-weight: bold;color:#5e5e5e;width:549px;float:left;} #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;margin-top:1em;} #body .boxhead small{top:12px;} #body strong.head h1, #body .boxhead h1{margin-bottom:2em; padding: 0; display: inline;} #body .box{padding:0px 0px;margin:1em 5px 10px 0;width:720px;float:left;} #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{display:inline;margin-right:0 5px 10px 10px; padding:10px 5px 5px 120px; background:transparent url(bg/hg_produkt_liste.jpg) no-repeat scroll 0 0; width:100px;}*/ #body .box ul.list li { background:#ceeee8 url(bg/hg_kategorie_liste.jpg) no-repeat;float:left;width:145px;height:185px;margin:0 5px 10px 10px;padding:10px 5px 5px 10px;position:relative; /*background: url(bg/hg_produkt_liste.jpg) no-repeat;*/display:inline; } #body .box ul.list li a{text-decoration: none;color:#5e5e5e;} #body .box ul.list li a:hover{text-decoration: underline;color:#913568;} #body .box ul.list li a.categorie-thumb{ background:#ceeee8;text-decoration: none;color:#5e5e5e; padding:0 0 0 3px; width:135px; height:135px; overflow:hidden; display:block;} #body .box ul.list li a.categorie-title {display:block; height:36px;text-decoration:none;color:#000;font-size:12px;line-height:16px; padding:0 0 5px 5px; font-weight:bold;} .cat-description {width:720px;float:left;} #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 .box.linklist ul{margin:0;padding:0;} #body .box.linklist ul li{ background:none; list-style:none;margin-top:1em;} #body .box.linklist ul li a{text-decoration: none;color:#5e5e5e;} #body .box.linklist ul li a:hover{text-decoration: underline;color:#913568;} #body .box.picgallery{width:380px;float:left;} variantslist {width:770px;} #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:#913568;color:#ffffff;border:1px solid #efefef;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/sepatator_ce_.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: 11px;} #body .form td{padding: 3px 0;} #body small{font-weight: inherit; font-size:69% ;} /* Other */ #body .dot_sep{background: url(bg/sepatator_ce_.gif) no-repeat center center; border:0px none;height:10px;margin:0px;} #body .dot_sep.mid {margin: 5px 0;} #body .errorbox{font-size:10px;font-weight:bold;border:1px solid #5e5e5e;color:#5e5e5e; 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 0 12px 0;color: #000;float:left;width:100%;} #body .locator .lochead { color: #5e5e5e;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 {text-align: right; overflow: visible; line-height:12px} #body .locator .locbody, #body .locator .locbody a {font-size: 11px;} #body .locator .arrow {font-size: 11px; font-weight: bold;} #body .locator a.active {font-weight: bold; color: #913568;} #body .locator .sep {padding: 0 2px; color: inherit;} #body .locator .sort_row a.none {background:url(bg/oxid_ce_.gif) no-repeat right -750px; padding-right: 20px;} #body .locator .sort_row a.asc {background:url(bg/oxid_ce_.gif) no-repeat right -775px; padding-right: 20px;} #body .locator .sort_row a.desc {background:url(bg/oxid_ce_.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 #ccc;*/float:left;width:100px;height:160px;margin:0 5px 10px 5px;padding:10px 5px 5px 120px;position:relative;} /*Listenansicht*/ #body #productlist {float:left;width:770px;padding-top:20px;margin-left:-10px;} #body #productlist .product{/*border:1px solid #ccc;*/float:left;width:100px;height:160px;margin:0 5px 10px 10px;padding:10px 5px 5px 120px;position:relative; background: url(bg/hg_produkt_liste.jpg) no-repeat;} /*#body .product .picture{display:block;width:100px;text-align:center; height:140px;center;position:absolute;top:15px;left:10px;overflow: hidden;}*/ #body .product .picture{height:100px; width:100px;height:100px;center;position:absolute;top:50px;left:14px;overflow: hidden;} /*#body .product strong.h3 {margin:0px 0 0 0 ; display: block;padding-top:5px;}*/ #body .product strong.h3 {position:absolute; height:34px; left:15px; overflow:hidden;width:200px; text-align:left;} #body .product strong.h3 a{font-size: 12px;color:#000000;} #body .product tt {color:#5e5e5e;display:block;font-size: 11px; } #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:#5e5e5e;font-size:11px;height:55px;}*/ #body .product .desc {color:#5e5e5e;font-size:11px;height:50px;padding-top:37px;} #body .product .actions a{text-decoration: none; color: #5e5e5e; padding-left: 12px; background: url(bg/oxid_ce_.gif) no-repeat 0 -300px;font-size: 11px;display:block;width: 1%; white-space: nowrap;} #body .product .actions a:hover{text-decoration: underline;} #body .product .variants {height:40px; width:40px;} #body .product .variants label{display:block;color:#5e5e5e;font-size: 9px;padding-bottom:3px; white-space:nowrap;} #body .product .variants select{width: 90px;} #body .product .amprice {clear: left;} #body .product .amount {padding-top:.5em;} #body .product .amount label{margin-right:.5em;color:#5e5e5e;font-size: 11px;} #body .product .price {margin-bottom:2px; float:left; } #body .product .price big {font-size: 14px;line-height: 130%; 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 {width:50px; margin:0; border:0 none;padding:0 1px 0 0px;} #body #productlist .product .price {position:absolute; bottom:19px; left:120px;} #body #productlist .product .tocart {position:absolute; bottom:19px; left:190px;} /* #body .product .tocart input{ height:18px;line-height: 1;width: 134px; background: transparent url(bg/cart.gif) no-repeat 0 0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} */ #body .product-headline {float:left; width:720px; color:#5e5e5e; margin:8px 0 1em 10px; font-size:16px; font-weight:bold; } .longdesc.right{width:200px; margin:0px 30px 0 0; overflow:hidden;color:#000;font-size:12px;} #body .product.head.big {width:220px;height:208px;margin:0; padding:0 15px 10px 225px; border-right: thin solid #fff; }*/ #body .product.head strong.h4{display: block;margin:0; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;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:#913568;} #body .product.head.topshop{border-color:#913568} /*#body .product.big{}*/ #body .product.head strong.h4.big{width: 549px; display: block;} #body .product.big .picture{width:201px; margin: 0 0 0 0px;} #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:5px;} #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: 11px;} #body .product.small{width:123px;height:147px;padding-left:5px;padding-top:125px;} #body .product.small .variants {height: 3em; margin-bottom:2px;} #body .product.small .picture {height: 118px;} #body .product.small .price {white-space:nowrap;} #body .product.small .tocart {width:121px;} #body .product.small .tocart input{width:121px;} #body .product.small .variants select{width: 123px;} #body .product.thin{width:433px;height:130px; border-color: #5e5e5e;} #body .product.head strong.h4{margin:0; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#5e5e5e;} #body .product.head strong.h4.thin{width: 549px;color:#5e5e5e;padding:1px 5px 8px 7px;} #body .product.thin .price {position:absolute; top:5px; right:5px;} #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:2em;} #body .product.thin tt {float: left;} #body .product.thin .flag {float: left;margin-left:4px;} #body .product.thinest{ width:250px;height:70px; padding:5px 0 5px 72px; margin: 0 40px 20px 0 ;} #body .product.thinest .picture {left: 0; height: 42px; width: 56px;border:1px solid #CBCBCB;} #body .product.thinest strong.h3 {height: 26px; margin-top: 10px; 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; bottom:20px; right:35px;} #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:20px; right:170px;} #body .product.thinest .tocart {position:absolute; bottom:20px; 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:2em 0 0 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_ce_.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:#fff;color:#5e5e5e;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: 280px; left:0px;top:0px;} #body .product.details .picture .zoomlink {position:relative; right:5px; top;235px;z-index:20} #body .product.details .exturls {position:absolute;top:260px;left:8px; width: 250px;} #body .product.details .exturls a{color:#913568;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 {height:40px;padding-top:2em/font-size:10px;color:#5e5e5e;} #body .product.details .variants { height:40px;padding-top:1em;} #body .product.details .actions { position:absolute;bottom:0px;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: 11px;} #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: 11px; font-weight: bold;} #body .product.details .amprice td{font-size: 11px; 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: 11px;} #body .product.details .persparam {clear: left; padding-top: 7px;} #body .product.details .persparam label {font-size: 11px; margin-right: 10px; color: #5e5e5e;} #body .product.details .tocart { position:relative; top:-18px; left:90px; } #body .product.details .socialbookmarks {padding-top:1em;} #body .product.details a.sbookmarks {border-right:1px solid #fff; 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 #fff; } #body .product.moredetails .morepics a{border: 1px solid #fff; 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 #fff; 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 #fff;} #body .product.moredetails .longdesc .question a {font-size: 11px; font-weight: bold; color:#913568;} #body .box .attributes td{border-bottom:1px solid #fff;font-size:10px;padding:.5em 0} #body .box .attributes .last td {border-bottom:none} #body .box .pricealarm {border-top:1px solid #fff;} #body .box .pricealarm th {padding-top:.5em;} #body .box .pricealarm th label{font-weight: bold;font-size: 11px;color:#5e5e5e;} #body .wellcome {width:700px;margin:0 5px 10px 5px;padding:0;positon:relative;height:300px;} #body .box .guestbook {margin-top: 9px;} #body .box .guestbook .head td {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0; color: #5e5e5e;} #body .box .guestbook .head td.name {color: #5e5e5e;} #body .box .guestbook .body td {font-size: 11px; 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_ce_.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: -30px 0 0 -10px;} #body dl.news dt {margin-top: 2em; border-top: solid 1px #FFFFFF; padding:0.5em 0 0 0 ;} #body dl.news dt a {font-weight: bold; color:#000;font-size:1.1em;} #body dl.news dt a:hover {text-decoration: none;} #body dl.news dd {margin: 0.5em 0 15px 20px;} /* News list startseite */ #body dl.news-home {margin: 0 0 0 10px;} #body dl.news-home dt {margin-top: 1em;} #body dl.news-home dt a {font-weight: bold; color: #5e5e5e;} #body dl.news-home dt a:hover {text-decoration: none;} #body dl.news-home dd {margin: 0 0 6px 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: 11px; 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_ce_.gif) no-repeat 0 -300px;font-size: 11px;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_ce_.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_ce_.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: 11px; padding: 3px 6px 3px 6px; border-left:1px dotted #fff; border-bottom:1px dotted #fff;} #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: 100px; 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: 11px; 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_ce_.gif) no-repeat 15px -342px; background-color: #913568; padding-left: 38px; padding-right: 25px;} #body div.bar.prevnext .arrowright input {background: url(bg/oxid_ce_.gif) no-repeat 15px -318px; background-color: #913568;} #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: 12px; color: #5e5e5e; padding: 3px 3px 3px 0;} #body div.bar.prevnext .termsconfirm a {font-size: 12px; 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 #fff;} #body .basket .bsk_sep .bigline {border-bottom: 4px solid #fff;} #body .basket .picture {border: 1px solid #fff; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px;} #body .basket .art_title a {font-size: 11px; font-weight: bold; color: #000000;} #body .basket .art_title a:hover {color: #000000;} #body .basket .art_num {font-size: 11px; 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: 11px; 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: 11px;} #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: 11px; 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_ce_.gif) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .wrapmod a {font-size: 11px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_ce_.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_ce_.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_ce_.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; background: transparent; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;font-weight: bold; font-size: 11px; 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:330px;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: 11px;} #body .useroptbox .err {margin-bottom: 10px; font-size: 11px;} /* 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 #fff;} #body dl.orderinfocol dd {padding:0; margin: 0;} #body .giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_ce_.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 #fff;} #body .wrapping .picture {border: 1px solid #fff; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;} #body .wrapping .art_title a {font-size: 11px; font-weight: bold; color: #000000;} #body .wrapping .art_title a:hover {color: #000000;} #body .wrapping .art_num {font-size: 11px; 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_ce_.gif) no-repeat 10px -650px; padding-left: 22px;} /* Account header */ #body .account_header dl{border-bottom: 1px solid #fff; 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: 11px; 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: #913568;} #body .account_header dd{margin: 2px 0; font-size: 11px; 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: 11px;} /* Account remove from list button */ #body .product .fromlist { right: 155px; top: 117px; height:18px; width: 100px; background: transparent url(bg/buttons_ce_.gif) 0 -50px no-repeat; margin:0; border: 0 none; padding:0; border-right: 1px solid #5e5e5e; position: absolute;} #body .product .fromlist input { width: 100%; background: transparent; margin:0; border:0;color:#ffffff;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: 11px; padding: 2px 0;} #body .form.orderhistory th {font-weight: bold; font-size: 11px; 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_ce_.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: 11px;} #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: 11px;} #body .mallbox .langbox {background:#24316E; border-bottom: 1px solid #fff; padding: 8px 7px; color: #fff;} #body .mallbox .langbox a {font-size: 11px; 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: 11px; 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: 11px;} #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: 11px; 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: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-125px;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: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;} #zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px;background:#efefef;border-color:#000000;} #zoom ul.tabs{padding:0;margin:0; height: 28px;width:100%;} #zoom ul.tabs li{list-style: none;margin:1px;float:left;} #zoom a{display:block;padding:5px;background:#efefef;width:20px;text-align: center;border:1px solid #5e5e5e;color:#5e5e5e;font-weight: bold;} #zoom ul.tabs li.close{float:right;} /* Message boxes */ #body .msg{ float:left;width:548px;background: #ffffff;border: 1px solid #fff;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 .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 .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: 11px; padding: 3px 0 7px; background: url(bg/sepatator_ce_.gif) no-repeat bottom center;} #body dl.recommlistdesc dt a {font-size: 11px;} #body dl.recommlistdesc dd {font-size: 11px; margin: 3px 0;} #body .recommitems .article {width: 125px; margin-right: 9px; float: left; color: #787F87; font-size: 11px;} #body .recommitems .article a {font-size: 11px;} #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;} #body #courselist {width:610px;} #body #courselist .course{border-top:1px solid #fff;*/margin:0 5px 10px 10px;padding:10px 5px 5px 10px; float:left;width:600px;} #body #courselist .course .courselongdesc {width:460px; margin: 1em 0 0 0; color:#5e5e5e;} #body #courselist .course .picture{width:100px;text-align:center; height:100%;center;overflow: hidden; float:right; margin: 0 20px 0 0 ; display:block;} #body #courselist .course strong.h3 {margin:0;display: block;} #body #courselist .course strong.h3 a{font-size: 11px;color:#000000;} #body #courselist .course tt {color:#5e5e5e;display:block;} #body #courselist .course .desc {color:#5e5e5e;font-size: 11px;} #body #courselist .course .actions a{text-decoration: none; color: #5e5e5e; padding-left: 12px; background: url(bg/oxid_ce_.gif) no-repeat 0 -300px;font-size: 11px;display:block;width: 1%; white-space: nowrap;} #body #courselist .course .actions a:hover{text-decoration: underline;} #body #courselist .course .variants {} #body #courselist .course .variants label{display:block;color:#5e5e5e;font-size: 9px;padding-bottom:3px;} #body #courselist .course .variants select{width: 90px;} #body #courselist .course .amprice {clear: left;} #body #courselist .course .amount {padding-top:.5em;} #body #courselist .course .amount label{margin-right:.5em;color:#5e5e5e;font-size: 11px;} #body #courselist .course .price {margin:0 0px 2px 0; float:left; width:80px;} #body #courselist .course .price big {font-size: 12px;line-height: 130%; font-weight: bold;white-space:nowrap;} #body #courselist .course .price sup.dinfo {vertical-align:super;margin:0;padding:0;} #body #courselist .course .price sup.dinfo a{color: inherit;text-decoration: none;font-weight: bold;font-size: 13px;} #body #courselist .course .price sup.dinfo a:hover{text-decoration: underline;color: inherit;} #body #courselist .course .tocart {float:left;width:20px; margin:0; border: 0 none;padding:5px 1px 0 0px;} #basket-button { position:absolute; left:830px; top:153px; width:150px; height:30px; color:#FFF; background:#913568; line-height:30px; text-align:center;} #basket-button a { color:#FFF; font-weight:bold;} .startlist { float:left; padding-top:2px;}