/* KCS CSS file */ /* Base */ *{ margin:0; padding:0;} html,body{height:100%;} body,table,input,select,textarea,tt{font:12px Tahoma, Arial, Helvetica, Verdana, Geneva, sans-serif;} body{margin:0; padding:0; line-height:1.5em;} h1{font-size:14px;} h2{font-size:13px;} h3{font-size:12px;} strong.h2{font-size:13; margin-bottom:10px; display:block;} strong.h3{font-size:12px;} img{border:none;} ul, ol{padding:0 0 0 40px; margin:10px 0;} ul.list-dotted { padding:0 0 0 10px; list-style-type:none; } ul.list-dotted li { padding-left:20px; background:transparent url(kcs/bg_dot.gif) no-repeat scroll -5px -57px; overflow:hidden; margin:2px 0; } fieldset{padding:10px;} hr{margin:4px 0; height:0; text-align:center; background-color:transparent; border-top:1px solid #DEE2E7; border-bottom:1px solid #FFF; border-width:1px 0 1px 0;} hr.line{background-color:#EEEFF0;} /* Typography */ a{text-decoration:none; outline:0;} a:hover{text-decoration:underline;} .hl{color:#da001a !important;} .note{color:#da001a;} .req{color:#da001a;} .err{color:#da001a;} .done{color:#00B910;} .link {font-weight:bold; background:url(bg/oxid_kcs_.gif) no-repeat 0 -385px; padding-left:14px; font-size:11px !important; text-decoration:none; color:#005aab !important; line-height:1.1em;} .link2 {background:url(bg/oxid.gif) no-repeat 0 -348px; padding-left:14px; 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:#da001a !important;} .clear_left{clear:left;} .clear_right{clear:right;} .clear_both{clear:both;} /* Forms */ form{margin-top:0px; margin-bottom:0px;} select{border:1px solid #a7a6aa; padding:1px 1px 1px 0px; width:150px;} input[type="text"],input[type="password"],textarea{border:1px solid #a7a6aa; padding:2px 4px; outline:0;} span.btn{background:transparent url(kcs/buttons.png) right -149px; padding:0 1px 0 0; height:24px; line-height:24px; display:-moz-inline-stack; display:inline-block; margin:0; outline:0;} span.btn input, span.btn a{font-size:11px !important; width:auto !important; border:none; height:24px; outline:0; display:block; padding:3px 2px 10px 30px; margin:0 5px 0 0 !important; color:#fff; font-weight:bold; cursor:pointer; background:transparent url(kcs/buttons.png) no-repeat left -149px;} span.btn a{color:#FFFFFF !important; line-height:22px; padding:0 2px 10px 30px; text-decoration:none !important;} span.invisible{height:0px; width:0px; position:absolute; overflow:hidden;} span.btn.config{background-positon:right -149px;} span.small{background-position:right -299px; height:22px; line-height:22px;} span.small input, span.small a{background-position:left -299px; height:22px; line-height:20px; padding:0 2px 2px 21px;} span.btn-big{background-position:right -348px; height:32px; line-height:32px;} span.btn-big input{background-position:left -348px; height:32px; line-height:27px; padding:0 2px 5px 34px; font-size:13px;} span.btn-big-green{background-position:right -399px;} span.btn-big-green input{background-position:left -399px;} input.btnhl{border-color:#da001a; color:#da001a;} input.chbox{vertical-align:middle; margin:0 5px 0 0;} input.chk{margin:1px 5px 1px 0px;} input.fullsize{width:100%;} textarea.fullsize{width:100%;} #body sup.dinfo{color:#88919A; vertical-align:baseline !important; margin:0; padding:0; font-size:11px;} #body sup.dinfo a{color:#88919A; font-size:11px;} /* 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;} td.middle{vertical-align:middle;} 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;} .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:1px 0; border:1px solid #dee2e7; width:100%;} ul.tree ul{padding:0;} ul.tree li{padding:0; margin:0; list-style:none;} /* Layout */ #head, #main, #footer, .clear{clear:both;} span.clear{display:block; height:0px; overflow:hidden;} div#page { margin:0px auto 0; padding:5px 0 0;} div#header{ clear:both; background:#fff;} div#content{ clear:both; background:url(bg/bd_ce_.gif) repeat-y;} div#path{ margin:2px 5px 5px; color:#88919a; width:790px;} div#body{ width:802px; float:right;} div#left{ width:auto; width:188px; padding-top:5px; margin-right:80%;} div#right{ float:right; width:204px;} div#footer{color:#666; background:#ebeef1; padding:10px 20px; border-top:5px #dee2e7 solid; font-size:0.9em;} div#footer .copyright{width:780px; margin-left:185px; padding:10px 0; background:transparent url(bg/footer_logo.png) right center no-repeat; clear:both;} div#footer strong{font-size:11px;} div.clear{clear:both; height:0px; overflow:hidden;} #main_margins, #mainnav div{width:992px;} #page.compare{padding:0;} #page.compare #main{padding:0;} #page.compare #body{float:none;} #page.compare .box.compare{border:0; padding:0;} #page.compare .box.compare table{border:1px solid #DEE2E7; margin:5px;} #main{background:#fff; padding:5px 0 0 0;} #body_content{padding-left:10px; padding-right:20px;} #left_content{padding-left:5px; padding-right:5px;} #body_content, #left_content{position:relative;} /* Blank pages, popups */ div#body.plain{padding:5px; width:auto; float:none;} div#body.plain .bxinfo{width:auto;} div#body.plain .bxinfo.button{text-align:center; border:0;} div#body.plain h1{font-weight:bold;} div#body.plain .sminf{width:290px; margin-top:0;} div#body.plain .sminf p{font-size:10px; line-height:1.3em;} div#body.plain #shopimage {display:none;} .plain .teaser, .plain .teaser-custom{display:none !important;} /* + layout - header */ #header div.bar .fixed{min-width:184px; border-right:1px solid #fff; float:left;} div.bar.oxid {background:#fff;} div.bar.oxid .logo{padding:18px 0; float:left;} div.bar.oxid dl.box{min-height:98px; min-width:150px; margin:0 0 1px 2px;} dl.box {background:#f0f0f0; width:150px;} dl.box dt {background:#88919a; color:#fff;} dl.box dt a {color:#fff; padding:0 0 0 10px; background:transparent url(bg/oxid_ce_.gif) 0 -10px no-repeat; display:block;} dl.box dd {color:#000;} dl.box dd ul {margin:0;} dl.box.open dt{background:#ff6633;} dl.box.open dt{background-position:0 -35px; color:#fff;} 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:5px 5px 5px 15px; text-decoration:none; background:#ffffcc url(bg/oxid_ce_.gif) 0 -50px no-repeat; color:#424c56;} dl.box.open dd.dropdown ul li a:hover{background-color:#ff6633; 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_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.account dd a.logout{color:#000; font-weight:bold; display:block; padding:1px 2px 1px 8px; background:transparent url(bg/oxid.gif) -2px -247px no-repeat;} dl.box.account dd b.user{font-size:11px;} dl.box.basket{background:#ffffcc;} dl.box.basket dt{background:#ff3600;} dl.box.basket.open dt{background-color:#88919a;} 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:#88919a; color:#fff;} dl.box.basket dd table{width:100%;} div.bar.links {background:#ff3600; border-bottom:1px solid #fff;} div.bar.links.single{background:#ff6633;} 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:#ff6633; 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_ce_.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:#ff3600; 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:#ff3600; color:#fff; font-weight:normal;} div.bar.categories ul.menue.verticall li a:hover{ background-color:#ff6633; color:#fff;} /* + 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:10px; padding:5px 0; clear:both; color:#000;} div.bar.copy{ background:#ff6633; border-top:2px solid #fff; color:#fff; padding:5px 10px 5px 200px;} div.bar.copy a{color:#fff;} div.bar.shop{ background:#fff; color:#88919a; padding:8px 190px 10px 180px; text-align:center;} div.bar.shop a{color:#88919a; margin:0 7px;} div.bar.icons{text-align:right;} /* minibasket */ .box.minibasket, .box.mininoticelist{line-height:12px;} .box.minibasket .hr{display:none;} .box.minibasket .tocart{height:18px; line-height:18px; width:150px; background:transparent url(kcs/buttons.png) no-repeat right 1px; 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(kcs/buttons.png) no-repeat left 1px; margin:0; border:0; color:#005aab; padding:0 0 0 23px; cursor:pointer; font-weight:bold;} /* + layout - left */ #left strong.h2{display:block;} #left strong.h2{background:#ff3600; padding:10px 5px 5px; margin:0; color:#fff;} #left strong.h2 a{text-decoration:none; color:#fff;} #left strong.h2 a:hover{text-decoration:underline;} #left p{padding:0px 5px; margin:0;} #left a{color:#005aab;} #left form.search{padding:5px 0;} #left .search input.txt{width:126px; margin-top:2px; padding:1px 0;} #left .search select{width:128px; margin-top:2px;} #left .search span.btn input{font-weight:bold; width:28px !important; text-align:center; background:transparent url(kcs/buttons.png) no-repeat left -199px; padding:4px 0 10px 5px;} #left .search span{height:27px; line-height:27px; background:transparent url(kcs/buttons.png) no-repeat right -199px; left:144px; position:absolute; top:96px;} #left .search p{padding:0 0 0 5px;} #left hr{margin:3px 10px;} #left .listitem{margin:5px 0 0 0; padding-left:64px; position:relative; min-height:45px; height:auto; width:104px; font-size:11px;} #left .listitem .picture{position:absolute; display:block; left:0; top:0; width:56px; height:42px; text-align:center; background:#fff; border:1px solid #88919a;} #left .listitem a.title{overflow:hidden; width:108px; display:block;} #left .listitem a{text-decoration:none;} #left .listitem a:hover{text-decoration:underline;} #left .listitem tt{display:block;} /* left minibasket */ #left .box.minibasket{padding:0 5px 5px 5px;} #left .box.minibasket table.total{border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; margin-top:6px; font-size:11px;} #left .box.minibasket table.total tbody{margin:5px;} #left .box.minibasket table.total tbody th{padding:2px 0 2px 5px;} #left .ta_right{margin:5px 0 0 0; padding:0px; text-align:left;} #left .brdinfo{margin-top:10px;} #left .brdinfo .inner{padding:5px; background:#e6e9ed url(kcs/box.png) repeat-x scroll center top;} #left .border strong.h2{display:none;} #left .brdinfo .payico{float:left; margin:2px 10px 0 0;} /* left mininoticelist */ #left .topspacing{padding-top:5px; display:block;} #left .box.mininoticelist{padding:0 5px 5px 5px;} /* information list */ #left ul.info{margin:3px 0 3px 0; padding:0 0 0 10px;} #left ul.info a{background:transparent url(bg/oxid_kcs_.gif) no-repeat scroll 0 -759px; display:block; font-size:12px; padding-left:12px; white-space:nowrap; width:1%; color:#000;} #left ul.info li{display:inline; line-height:14px; margin:0;} /* news list */ #left dl.news{margin:7px 0; padding-left:10px;} #left dl.news dt{margin-bottom:9px;} #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 ul{margin:0;} ul.tree li{width:100%; margin:0;} ul.tree li a{display:block; outline:0; padding:2px 2px 2px 25px; width:100%; background:#dee2e7 url(bg/oxid_kcs_.gif) no-repeat 10px -708px; color:#000 !important;} ul.tree ul li a{padding-left:35px; background-color:#ebeef1; background-position:20px -708px;} ul.tree ul li a:hover{color:#000 !important;} ul.tree ul ul li a{padding-left:45px; background-position:30px -708px;} ul.tree li a span{text-decoration:none; display:list-item;} ul.tree li a.root-exp, ul.tree li a.root-act{color:#005aab !important; font-weight:bold; background-position:10px -657px;} ul.tree li a.act span{font-weight:bold;} ul.tree li div{border-color:#fff; border-style:solid; border-width:0 1px 1px; overflow:hidden;} ul.tree li div.first{border-width:1px;} /* + layout - right */ #right strong.h2{display:block;} #right strong.h2{position:relative; border-left:4px solid #ff3600; background:#ff3600; padding:10px 5px 5px; margin:0; color:#fff;} #right strong.h2 a{text-decoration:none; color:#fff;} #right strong.h2 a:hover{text-decoration:underline;} #right div.box{border-left:4px solid #ff3600; padding:7px 10px;} #right div.box p{padding:7px 10px;} #right form label{color:#424c56;} #right span.btn input{width:119px;} #right input.fullsize{width:116px; padding:0;} #right div.box a.arr{text-decoration:none; color:#da001a; 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{background-color:#88919a; color:#fff; border-left-color:#88919a;} #right div.forms div.box{border-left-color:#88919a; background-color:#f0f0f0;} #right .listitem{margin:2px 0 7px; padding-left:66px; position:relative; min-height:45px; height:auto; color:#000; width:114px;} #right .listitem .picture{position:absolute; display:block; left:0; top:0; width:56px; height:42px; text-align:center; background:#fff; border:1px solid #88919a;} #right .listitem a.title{overflow:hidden; width:108px; display:block;} #right .listitem a{text-decoration:none; color:#000;} #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:#ff3600;} #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; margin:16px 24px 9px 0; width:90px; position:relative;} #right .listitem.rightlist .price a{font-weight:normal; color:#000;} #right .listitem.rightlist .price a:hover{color:#000;} #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.gif) no-repeat 0 -298px; padding-left:14px; font-size:10px; text-decoration:none; color:#ff3600 !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:#fff; padding:2px 0 0 23px; cursor:pointer; font-weight:bold; line-height:1.1em;} #right .recommlist .btn{border:1px solid #ff6633; background:#ff6633; 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:#ff3600 !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:6px;} #body strong.head, #body strong.head2{position:relative; display:block;} #right strong.h2 a.rss{bottom:6px;} /* Path */ #path{ position:relative;} #path a{color:#88919a; text-decoration:none;} #path a:hover{text-decoration:underline;} #path a.dinfo{position:absolute; right:0px;} /* Content */ #body a{text-decoration:none; color:#005aab;} #body a:hover{text-decoration:underline;} #body, #body td, #body th{font-size:12px; color:#000;} #body strong.head, #body h1.head{margin:0 5px; background:#f0f0f0; color:#424c56; font-size:14px; font-weight:bold; padding:8px .5em; border:1px solid #dee2e7; position:relative;} #body strong.head em, #body h1.head em{font-weight:normal; font-style:normal; line-height:11px;} #body strong.head small, #body h1.head small{font-weight:bold; line-height:11px; display:block; position:absolute; top:9px; right:3.5em;} #body strong.head h1{margin:0; padding:0; display:inline;} #body .boxhead span{font-size:11px;} #body .boxhead, #body strong.head2{margin:5px 5px 0 5px; background:#fff; border:1px solid #dee2e7; border-bottom:0; padding:1px; font-weight:normal; color:#000; float:left;} #body .boxhead span, #body ul.tabmenu li a{background:#f3f3f3 url(bg/tab_bg.png) repeat-x scroll center top; padding:1px 9px 3px 9px; display:block; line-height:1.4em; vertical-align:middle;} #body ul.tabmenu li.active a{background-color:#fff;} #body .box{border:1px solid #dee2e7; padding:10px; width:770px; float:left; background:#fff; margin:0 5px 5px 5px;} #body .box.empty{border:1px solid #DEE2E7; border-width:0 1px 1px 1px; width:790px; padding:0; overflow:hidden; height:0;} #body .box img{border:none; padding:0; margin:0;} #body .box p{margin:0 0 1em 0;} #body .box ul.list{margin:0; padding:0;} #body .box ul.list li{background:url(bg/oxid.gif) no-repeat 0 -100px; display:inline; padding-left:8px; margin-right:10px;} #body .box ul.list li a{text-decoration:none; font-weight:bold; font-size:12px;} #body .box ul.list li a:hover{text-decoration:underline;} #body .box ul.manufacturer-list li{display:block; margin:5px; float:left;} #body .bxinfo, #body .box.account_header{padding:14px 15px 15px 15px; width:760px; margin:0 5px 5px 5px;} #body .nospacing{padding:0 !important; width:790px;} #body .box.variantslist{padding:2px 10px;} #body .box.notice{padding:5px 0 0; width:568px; border:none;} /*#body.plain .boxhead{margin:5px 5px 0 5px; width:auto; float:none;} #body.plain .box{width:auto; float:none;}*/ #body div.bar.prevnext{margin:5px; padding-top:5px; clear:both;} /* #body div.bar.prevnext{background-color:#fff; border:1px solid #DEE2E7; margin:5px; padding:0; height:27px; float:left; width:790px;} */ /* #body div.bar.prevnext input{background:#4d87c7; 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{padding-top:3em;} #body .form th small{font-weight:normal;} #body .form td{padding:3px 0;} #body small{font-weight:inherit; font-size:9px;} /* Other */ #body .dot_sep{background:url(bg/linedot.gif) repeat-x; border:0px none; height:1px; margin-bottom:5px; margin-top:5px;} #body .dot_sep.mid{margin:5px 0;} #body .errorbox{background:#ffdddd url(kcs/error.png) no-repeat scroll 5px center; font-weight:bold; border:1px solid red; color:red; padding:5px 5px 5px 38px; margin:5px; width:747px; float:left;} #body .errorbox p{margin:0;} #body .errorbox.inbox{width:747px; margin:5px 0; float:none;} #body .bxinfo .errorbox, #body .bxinfo .msg{width:711px; margin:5px 5px 15px 5px; float:none;} #body .bxsysconf .errorbox, #body .bxsysconf .msg{width:715px; margin:5px 5px 15px 5px; float:none;} #body .warningbox{background:#ffe3ad url(kcs/warning.png) no-repeat scroll 5px center; font-weight:bold; border:1px solid #ff7800; color:#ff7800; padding:5px 5px 5px 38px; margin:5px; width:747px; float:left;} #body .warningbox p{margin:0;} /* Plain errors*/ #body.plain .errorbox{width:auto; 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{border:1px solid #dee2e7; float:left; width:790px; margin:5px;} #body .locator .lochead{padding:5px 0.6em; text-align:right; height:1.4em; overflow:visible;} #body .locator .lochead strong.h4{margin:0; padding:0; 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:11px;} #body .locator .arrow{font-size:10px; font-weight:bold;} #body .locator .lochead a.arrowNext{margin-left:5px;} #body .locator .lochead a.arrowPrevious{margin-right:5px;} #body .locator a{color:#424a55;} #body .locator a.active{color:#005aab; font-weight:bold;} #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{border:0; margin:0;} #body .locator.compare .locbody{height:auto;} #body .locator .locbody .right{margin-right:45px;} #body .locator .locbody .right, #body .locator .locbody .left{margin-bottom:5px;} #body .locator a#viewThin{background:url(bg/btn_listview.gif) no-repeat right top; display:inline-block; width:20px; height:19px; outline:0; position:relative; bottom:1px; left:270px;} #body .locator a#viewGallery{background:url(bg/btn_listview.gif) no-repeat left top; display:inline-block; width:20px; height:19px; outline:0; position:relative; bottom:1px; left:270px;} #body .locator a#viewThin.active, #body .locator a#viewThin:hover{background-position:right bottom;} #body .locator a#viewGallery.active, #body .locator a#viewGallery:hover{background-position:left bottom;} #body .locator a#viewThin span, #body .locator a#viewGallery span{display:none;} /* Products */ #body .product{border:1px solid #dee2e7; float:left; width:254px; height:105px; margin:5px; padding:5px 5px 5px 130px; position:relative; background:#fff;} #body .product .picture{display:block; width:115px; text-align:center; position:absolute; top:8px; left:8px; overflow:hidden;} #body .product strong.h3{margin:0; height:30px; display:block;} #body .product strong.h3 a{font-size:12px; font-weight:bold;} #body .product tt{color:#88919a; display:block; font-size:11px;} #body .product .flag{display:none; width:6px; height:6px; border:1px solid #dee2e7; 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{font-size:12px; line-height:1.3em; width:410px;} #body .product .actions a{text-decoration:none; color:#005aab; padding-left:10px; background:url(bg/oxid_kcs_.gif) no-repeat 0 -296px; display:block; white-space:nowrap; font-weight:bold;} #body .product .actions a:hover{text-decoration:underline;} #body .product .variants label{display:block; color:#404a54; font-size:9px; padding-bottom:3px;} #body .product .variants select{width:136px;} #body .product .amprice{clear:left;} #body .product .amount{padding-top:.5em;} #body .product table .amount{padding-top:0;} #body .product .amount label{margin-right:.5em; color:#404a54; font-size:10px;} #body .product .price{margin-bottom:2px;} #body .product .price big{font-size:18px; line-height:100%; font-weight:bold; white-space:nowrap; color:#000;} #body .product .price sup.dinfo{vertical-align:baseline !important; margin:0; padding:0; color:#88919a;} #body .product .price sup.dinfo a{color:inherit; text-decoration:underline;} #body .product .price sup.dinfo a:hover{color:inherit;} #body .product .price small{font-weight:inherit; font-size:69%;} #body .product .tocart{height:24px; background:transparent url(kcs/buttons.png) no-repeat scroll right 1px; border:0 none; padding:0 1px 0 0; clear:left; display:inline-block;} #body .product .tocart input{font-size:11px; display:block; background:transparent url(kcs/buttons.png) no-repeat scroll left 1px; border:0; color:#fff; padding:3px 2px 10px 30px; cursor:pointer; font-weight:bold; margin:0 5px 0 0;} #body .product.head{margin-top:35px;} #body .product.head.big{margin-top:0;} #body .product.head strong.h4{margin:5px 5px 0 5px; background:#f0f0f0; border:1px solid #dee2e7; line-height:20px; font-size:17px; font-weight:bold; width:389px; float:left; position:absolute; top:-36px; left:-6px;} #body .product.head strong.h4 span{padding:3px 5px 2px 8px; display:block; background-color:#f0f0f0; border:1px solid #fff;} #body .product.head strong.h4 span.cats{padding:3px 5px 2px 8px; display:block; background-color:transparent; border:0;} #body .product.head strong.h4 span *{line-height:normal;} #body .product.head.topshop{height:225px;} #body .product.head.topshop strong.h4{color:#fff; border-color:#0066b2; background-color:#0066b2;} #body .product.head.topshop{border-color:#0066b2;} #body .product.topshop .picture{top:34px;} #body .product.topshop .details{margin-top:35px;} #body .product.head.topshop strong.h4 span{border:0; display:inline; padding:0; background:none;} #body .product.big{width:504px; height:208px; padding-left:281px;} #body .product.head strong.h4.big{margin-top:0 !important; border:1px solid #fff; display:block; left:-5px; margin-top:30px; padding:3px 5px 2px 8px; position:absolute; text-align:left; top:0; width:775px;} #body .product.big .picture{width:250px;} #body .product.big strong.h3{margin-top:10px; display:block;} #body .product.big strong.h3 a{font-size:12px; color:#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:186px; height:205px; padding:5px; margin:5px 0 5px 1px; border-width:0 0 0 1px;} #body .product.small.first{border:0; margin-left:0;} #body .product.small strong.h3 a{font-size:13px;} #body .product.small .variants{height:1em;} #body .product.small .picture{height:118px; left:8px; top:48px; width:178px;} #body .product.small .price{white-space:nowrap; position:absolute; bottom:32px; right:5px; text-align:right;} #body .product.small .desc{display:none;} #body .product.small .details{margin-left:5px;} #body .product.small .status{position:absolute; bottom:34px; right:5px;} #body .product.small .amount{position:absolute; bottom:8px; right:165px;} #body .product.small .tocart{position:absolute; bottom:3px; right:5px;} #body .product.small .tocart{display:inline-block;} #body .product.small .flag{display:none;} #body .product.small .actions{position:absolute; bottom:2px; left:10px;} #body .product.small .actions a{display:block; font-size:9px; font-weight:bold; margin-right:10px; padding-left:9px;} #body .product.small .price sup.dinfo a{text-decoration:none;} #body .product.tiny{border-width:0 0 0 1px; height:80px; margin:5px 0 5px 1px; padding:0 5px 0 10px; width:181px;} #body .product.tiny.first{border:0 none; margin-left:0;} #body .product.tiny strong.h3{overflow:hidden;} #body .product.tiny strong.h3 a{font-size:11px; display:block; width:1000px;} #body .product.tiny tt{font-size:9px;} #body .product.tiny .picture{left:-25px; top:33px;} #body .product.tiny .tocart{bottom:3px; position:absolute; right:5px;} #body .product.tiny .price{bottom:28px; position:absolute; right:5px; text-align:right; white-space:nowrap;} #body .product.tiny .price sup.dinfo a{text-decoration:none; vertical-align:top;} #body .product.tiny .price big{font-size:13px;} #body .product.half .actions{bottom:5px; left:10px; position:absolute; text-align:left;} #body .product.half .actions a{float:left; margin-right:10px; font-weight:bold;} #body .product.half .price{bottom:7px; right:154px; position:absolute; font-size:10px;} #body .product.half .price big{font-size:13px;} #body .product.half .tocart{position:absolute; bottom:5px; right:5px;} #body .product.half .price sup.dinfo a{text-decoration:none;} #body .product.half strong.h3{width:245px; overflow:hidden;} #body .product.half .desc{width:240px; height:44px; overflow:hidden;} #body .product.half .actions{display:none;} #body .product.accessories{width:418px !important; float:none; border-width:0 0 1px 0; margin:0 5px 5px; height:93px; padding:10px 5px 5px 115px;} #body .product.accessories.hover, #body .product.accessories.selected{background:#E6E9ED url(kcs/box.png) repeat-x scroll center top;} #body .product.accessories strong.h3{width:410px !important; font-size:12px; font-weight:bold;} #body .product.accessories .desc{width:405px !important;} #body .product.accessories .picture{background-color:#fff; border:1px solid #E6E9ED; top:1px; left:5px; line-height:0 !important; width:100px; overflow:hidden; text-align:center;} #body .product.accessories .picture img{margin:0;} #body .product.accessories .price{top:auto; left:auto; bottom:10px !important; right:10px !important; position:absolute;} #body .product.accessories .price big, #servicepacks .box .price big{font-size:14px;} #body .product.accessories .actions a{width:0;} #body .product .checkbox, #servicepacks .checkbox{top:5px; position:absolute; right:5px;} #body .gallery{width:254px; height:152px; padding:10px 5px 5px 130px; margin:5px;} #body .gallery strong.h3 a{font-size:13px;} #body .gallery .variants{height:1em;} #body .gallery .picture{height:118px; top:10px;} #body .gallery .price{white-space:nowrap; position:absolute; bottom:54px; right:10px; text-align:right;} #body .gallery .price sup.dinfo{display:block;} #body .gallery .desc{display:none;} #body .gallery .status{position:absolute; bottom:34px; right:10px;} #body .gallery .amount{position:absolute; bottom:11px; right:160px;} #body .gallery .tocart{position:absolute; bottom:8px; right:10px;} #body .gallery .tocart{display:inline-block;} #body .gallery .flag{display:none;} #body .gallery .actions{position:absolute; bottom:10px; left:10px;} #body .gallery .actions a{display:block; font-weight:bold; margin-right:10px; padding-left:9px;} #body .product.thin{width:657px; height:75px; border-color:#dee2e7; border-width:1px 0 0 0; margin:5px 5px 0 5px;} #body .product.thin.first{border:0; margin-top:0;} #body .product.thin .price{position:absolute; top:5px; right:0; text-align:right;} #body .product.thin .price big{font-size:14px;} #body .product.thin .price sup{font-weight:normal; line-height:inherit; vertical-align:top; display:block;} #body .product.thin .picture{top:10px;} #body .product.thin .status{position:absolute; bottom:-2px; right:0; text-align:right; width:300px;} #body .product.thin .amount{position:absolute; bottom:18px; right:150px;} #body .product.thin .tocart{position:absolute; bottom:15px; right:0;} #body .product.thin .desc{height:34px; overflow:hidden;} #body .product.thin .variants{position:absolute; bottom:35px; right:0;} #body .product.thin .actions{bottom:0; position:absolute;} #body .product.thin tt{color:#88919a;} #body .product.thin .flag{float:left; margin-left:4px; display:none;} #body .product.thin .actions a{font-weight:bold; padding-left:9px; float:left; display:block; margin-right:10px;} #body .product.thin .variants label{float:left; margin-right:5px; padding:1px;} #body .product.thin .picture img{max-width:70px; max-height:70px;} #body .product.thinest{ width:692px; height:auto; padding-left:72px; margin:0; border:none;} #body .product.thinest .picture{left:0; height:42px; width:56px;} #body .product.thinest strong.h3{height:26px; margin-top:3px; display:block;} #body .product.head strong.h4.thinest{width:556px; border-color:#dee2e7; background:#f0f0f0; padding:1px 5px 8px 7px;} #body .product.thinest .price{position:absolute; top:10px; right:0;} #body .product.thinest .price big{font-size:17px; line-height:100%;} #body .product.thinest .price sup.dinfo a{text-decoration:none;} #body .product.thinest .amount{position:absolute; bottom:8px; right:150px;} #body .product.thinest .tocart{position:absolute; bottom:5px; right:0;} #body .product.thinest .actions{margin-top:5px;} #body .product.thinest .actions{margin-top:5px; text-align:left;} #body .product.thinest .actions a{float:left; margin-right:10px;} #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 5px; float:left; width:568px; border:1px solid #DEE2E7; 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 #DEE2E7; border-top:none; border-bottom:none;} #body .txtseparator.inbox{margin:0; width:555px; border:none; border-bottom:1px solid #DEE2E7;} #body #details{height:auto; min-height:260px; margin:5px 0; border:0; padding:0; width:802px;} #body .product.details strong.h4{border-color:#dee2e7; background:#f0f0f0; padding:1px 5px 8px 7px; display:block;} #body .product.details h1{border:none; color:#005aab; background:none; font-size:17px; font-weight:bold; margin:0 5px;} #body #details tt{color:#757c83; margin:2px 5px 0 5px;} #body .product.details .desc{margin:3px 0 0 0; font-size:12px;} #body .product.details .picture{margin:5px; border:1px solid #dee2e7; position:static; float:left; display:table-row; height:260px; width:348px;} #body .product.details .picture div{cursor:pointer; text-align:center; display:table-cell; vertical-align:middle; height:260px; width:348px;} #body .product.details .exturls{position:absolute; top:260px; left:8px; width:250px;} #body .product.details .exturls a{color:#005aab; font-size:10px; margin-right:1em;} #body .product.details .cats{color:#000000; font-size:10px; font-weight:normal; position:absolute; right:5px; top:0;} #body .product.details .cats a{font-size:10px; color:#000;} #body .product.details .cats img{margin-right:1em;} #body #details .status{padding-top:.1em; font-size:11px; clear:both; font-weight:bold; position:absolute; right:16px; top:165px;} #body .box.variantslist .product.thinest, #body .box.noticelist .product.thinest{border-bottom:1px solid #dee2e7;} #body .box .product.thinest.lastinlist{border:0;} #body .box.noticelist .product.thinest .btn.small{position:absolute; bottom:7px; right:250px;} #body .product .status .green{color:#00ab1f;} #body .product .status .orange{color:#ffb200;} #body .product .status .red{color:#eb5a0e;} #body .product .tocart.green, span.btn.green{background-position:right 1px;} #body .product .tocart.green input, span.btn.green input{background-position:left 1px;} #body .product .tocart.orange{background-position:right -49px;} #body .product .tocart.orange input{background-position:left -49px;} #body .product .tocart.red{background-position:right -99px;} #body .product .tocart.red input{background-position:left -99px;} #body .product .tocart.config{background-position:right -249px;} #body .product .tocart.config input{background-position:left -249px;} #body .product.details .variants{padding-top:1em;} #body .product.details a.zoom img.magnifier{display:block; position:absolute; left:334px; top:274px;} #body .product.details .general{margin:5px; float:right; border:1px solid #dee2e7; padding:10px; width:410px; text-align:right; height:165px;} #body #details .actions{border:1px solid #DEE2E7; height:63px; margin:5px; width:430px; float:right;} #body .product.details .actions a{display:block; color:#005aab; background-position:0 -298px;} #body .product.details .actions a.reqlogin{background:none; padding-left:0;} #body .product.details .actions td{vertical-align:middle !important; padding:13px; font-weight:bold;} #body .product.details .price{margin:0;} #body #details .price big{display:block; font-size:28px; margin-bottom:5px;} #body .product.details .price .old{font-weight:bold; font-size:11px;} #body .product.details .price sup.dinfo{font-weight:normal; color:#88919A; vertical-align:top; line-height:inherit;} #body .product.details .price sup.dinfo a{font-weight:normal;} #body .product.details .price sub.only{display:inline; float:none; font-weight:bold; font-size:11px; margin-right:0; height:3em; vertical-align:top;} #body .product.details .price .desc{color:#424c56; font-size:10px; display:none;} #body .product.details .packing{clear:left; padding-top:.5em; font-size:10px; color:#757C83;} #body .product.details .pperunit{clear:left; font-size:10px; color:#000;} #body .product.details .amprice th{font-size:10px; font-weight:bold;} #body .product.details .amprice td{font-size:10px; padding:0;} #body .product.details .amprice .am{color:#424c56;} #body .product.details .amprice .pr{font-weight:bold;} #body .product.details .amount{clear:left;} #body .product.details .pricealarm{float:left; margin-top:2px;} #body .product.details .pricealarm a{font-size:10px;} #body .product.details .persparam{clear:left; padding-top:7px;} #body .product.details .persparam label{font-size:10px; margin-right:10px; color:#424c56;} #body .product.details.head.big{text-align:right; padding-top:30px; border-top:1px solid #dee2e7;} #body .product.details table .amount{padding-right:10px;} #body .product.details table .tocart{float:left;} #body .product.details table.tobasket{float:right; position:absolute; right:15px; top:185px;} #body .product.details .socialbookmarks{padding-top:.5em; float:right; clear:right;} #body .product.details a.sbookmarks{border-right:1px solid #88919a; 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.details .actions td{vertical-align:top;} #body .product.moredetails{margin:0 5px 5px 5px; height:auto; width:760px; border-top:none; padding:15px; border-color:#dee2e7;} #body .product.details .morepics{margin:0 0 17px 0; border:0; padding:0;} #body div.morepics a{background-color:#fff; background-repeat:no-repeat; background-position:center center; border:1px solid #dee2e7; width:68px; height:55px; margin:5px; float:left; text-align:center; padding:5px;} #body .product.details .testreports{border:1px solid #dee2e7; float:right; text-align:center; margin:5px; display:table-row;} #body .product.details .testreports div{display:table-cell; vertical-align:middle; height:65px; width:430px;} #body .product.details .testreports div img{vertical-align:middle;} #body .product.details .testreports div a{opacity:.4;} #body .product.details .testreports div a:hover{opacity:1;} #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:12px; border-top:1px solid #f0f0f0;} #body .product.moredetails .longdesc .question a{font-size:12px; font-weight:bold; color:#005aab;} #body .box .attributes td{border-bottom:1px solid #f0f0f0; font-size:11px; 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:11px; color:#424c56;} #body .wellcome{float:left; width:280px; height:157px; margin:0 5px 10px 5px; padding:0;} #body .box .guestbook{margin-top:9px;} #body .box .guestbook .head td{border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:5px 0; color:#424c56;} #body .box .guestbook .head td.name{color:#ff6633;} #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:#005aab;} #body .box dl.links dt a:hover{color:#005aab;} #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 div.compare{padding:0; width:790px;} #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 #88919a; padding-left:2px; line-height:10px; width:11px; color:#88919a; display:block;} #body .box.compare .reorder a:hover{text-decoration:none; color:#88919a;} #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:#005aab; padding-left:12px; background:url(bg/oxid_kcs_.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_ce_.gif) 0 -50px no-repeat; margin:0; border:0 none; padding:0; border-right:1px solid #ff6633; 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;} #body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th{font-size:10px; padding:5px 10px; border-left:1px dotted #dee2e7; border-bottom:1px dotted #dee2e7;} #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 .product strong.h3{height:60px;} #body.plain .box.compare{width:auto !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;} #body.plain .box.compare .price{position:relative; top:0;} #body.plain .border.full{width:580px; margin-top:0;} #body .spcleft{padding-left:20px;} /* ORDER */ /* Order steps */ #body .ordersteps{margin:5px; float:left; width:768px; padding:0; background:url(kcs/ordersteps.png) no-repeat center 0; height:65px; padding-left:22px;} #body .sysconfsteps{width:622px !important; background-image:url(kcs/sysconfsteps.png); margin:5px 62px 15px 62px !important;} #body .ordersteps div{float:left; margin-left:74px; height:65px; width:60px;} #body .ordersteps div a{display:block; height:65px; width:60px;} #body .ordersteps span{display:none;} #body .ordersteps.step1{background-position:center 0;} #body .ordersteps.step2{background-position:center -61px;} #body .ordersteps.step3{background-position:center -122px;} #body .ordersteps.step4{background-position:center -183px;} #body .ordersteps.step5{background-position:center -244px;} #body .vocherform table span.btn{position:relative; top:1px;} /* Order back/next step button */ #body div.bar.prevnext .arrowdown input{background:url(bg/oxid_ce_.gif) no-repeat 15px -342px; background-color:#ff6633; padding-left:38px; padding-right:25px;} #body div.bar.prevnext .arrowright input{background:url(bg/oxid_ce_.gif) no-repeat 15px -318px; background-color:#ff6633;} #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:11px; color:#424c56; padding:3px 3px 3px 0;} #body div.bar.prevnext .termsconfirm a{font-size:11px; 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.nospacing.bxinfo{border:1px solid #dee2e7; margin:5px;} #body table.basket{margin:1px;} #body .basket{float:left; margin:0 3px 10px 6px; border:1px solid #fff; border:0; empty-cells:show; width:788px;} #body .basket tbody td{padding-top:10px;} #body .basket th{background:#F3F3F3 url(bg/tab_bg.png) repeat-x scroll center top; font-weight:bold; height:25px; border-bottom:1px solid #dee2e7;} #body .basket th.brd{padding:0;} #body .basket td.brd{text-align:center; vertical-align:top; padding-top:24px;} #body .basket th.lastcol{padding-left:0;} #body .basket .bsk_sep td{height:9px; padding-top:0;} #body .basket .bsk_sep .line{border-bottom:1px solid #f0f0f0;} #body .basket .bsk_sep .bigline{border-bottom:4px solid #f0f0f0;} #body .basket .picture{border:1px solid #88919a; background:#fff; text-align:center; display:block; height:42px; width:56px;} #body .basket .art_title a{font-size:12px; font-weight:bold; color:#005AAb;} #body .basket .art_title a:hover{color:#005AAb;} #body .basket .art_num{font-size:11px; color:#88919a;} #body .basket .upd{color:#fff; cursor:pointer;} #body .basket .price{text-align:right;} #body .basket .orderprice{text-align:right;} #body .basket .vat{text-align:right;} #body .basket .vat_order{padding-left:15px;} #body .basket .totalprice{text-align:right;} #body .basket td .brutto{font-size:11px; color:#88919A;} #body .basket .notice td{padding-top:5px; font-size:10px; color:#ff3600;} #body .basket .sumrow td{padding-top:7px;} #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:#005AAB;} #body .basket .bottrow{height:14px;} #body .basket a.remove{display:block; width:97px; height:17px; line-height:17px; border:1px solid #ff6633; color:#fff; background:#ff6633; 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_ce_.gif) 0 -100px no-repeat; margin:0; border:0 none; padding:0; border-right:1px solid #ff6633; 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_ce_.gif) 0 -50px no-repeat; margin:0; border:0 none; padding:0; border-right:1px solid #ff6633; float:left;} #body .basket .frombasket input{ width:100%; background:transparent; margin:0; border:0; color:#fff; 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;} /* user options step */ #body strong.useroptboxhead{margin:10px 5px 0; background:#f0f0f0; padding:4px 5px 5px 7px; height:20px; border:1px solid #88919a; border-left:8px solid #88919a; border-right:1px solid #88919a; line-height:20px; font-size:12px; font-weight:bold; color:#424c56; width:162px; display:block;} #body .useroptbox{width:211px; height:330px; padding:15px 15px 5px 15px; position:relative;} #body .useroptbox input{width:auto;} #body .useroptbox .err{margin-bottom:10px; font-size:10px;} /* payment step */ #body .paymentboxhead, #body .thankyouboxhead{margin-top:5px;} /* order step */ #body dl.orderinfocol{margin:0 5px; width:257px; float:left;} #body dl.orderinfocol dt{padding:0; margin:0 0 5px 0; height:23px; font-weight:bold; border-bottom:1px solid #f0f0f0;} #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:209px;} #body .etrustlogocol input{border:0; margin-right:15px;} #body .etrustdescocol{float:left; width:334px;} /* Wrapping */ #body .wrapping{float:left; margin:0 5px 10px 6px; border:1px solid #88919a; 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 #88919a;} #body .wrapping th .brd_line{background:#88919a; width:7px; height:25px;} #body .wrapping td.brd{border-left:1px solid #88919a;} #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 #88919a; 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:#ff3600; 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 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:12px; text-decoration:none; color:#005aab; padding-left:8px; background:transparent url(kcs/bg_dot.gif) 0 -59px no-repeat; padding-left:26px;} #body .account_header dt a:hover{text-decoration:underline; background-position:0 -8px;} #body .account_header dt a.active{background-position:0 -8px;} #body .account_header dd{margin:2px 0; font-size:12px; color:#88919a; padding-left:26px;} /* 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_ce_.gif) 0 -50px no-repeat; margin:0; border:0 none; padding:0; border-right:1px solid #ff6633; 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: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.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: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 #DEE2E7;} #body .mallbox .welcomebox{position:relative; margin-left:15px; width:480px;} #body .mallbox .welcomebox .shopselectbox{position:absolute; left:510px; top:7px; width:400px; font-size:10px;} #body .mallbox .mallfooter{margin:55px 0 0; position:relative;} #body .mallbox .mallfooter .copyright{background:#24316E; color:#fff; height:15px; margin:2px; padding:6px 0px; text-align:right;} #body .mallbox .mallfooter a{font-size:10px; color:#fff;} /* Basket popup */ #mask{visibility:hidden; display:none;} #mask iframe{visibility:hidden; border:none;} #mask.on{visibility:visible; display:block; position:fixed; opacity:0.7; top:0; left:0; width:100%; height:100%; background:#000; z-index:1500;} div.popup{visibility:hidden; display:none;} div.popup strong{display:block; margin:9px 0; font-size:11px;} div.on.popup{visibility:visible; display:block; position:fixed; top:50%; left:50%; width: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:#ff6633; background:#fff; border:1px solid #ff6633; 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;} #zoom ul.tabs{padding:0; margin:0; background:#f90; 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 #f00; color:#000; font-weight:bold;} #zoom ul.tabs li.close{float:right;} /* Message boxes */ #body .msg{background:#ddffdd url(kcs/ok.png) no-repeat scroll 5px center; float:left; color:green; width:747px; border:1px solid green; margin:5px; padding:5px 5px 5px 38px; font-weight:bold;} #body .msg .err{background:#ffdddd url(kcs/error.png) no-repeat scroll 5px center; color:red; 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; display:inline-block;} #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: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 #ff6633; 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;} /* Left tab navigation */ #left #tabnav{background-image:url(bg/left_tabs.png); background-repeat:no-repeat; height:49px; width:180px; padding:0 !important;} #left #tabnav a{display:block; height:25px; float:left; outline:0;} #left #tabnav a span{display:none;} #left .searchform{background-position:0 0px;} #left .minibasket{background-position:0 -49px;} #left .mininoticelist{background-position:0 -98px;} #left #tabnav #tabsearch{width:45px;} #left #tabnav #tabbasket{width:71px;} #left #tabnav #tabnoticelist{width:62px;} /* Head */ #head div ul{margin:0; padding:0;} #head div ul li{display:inline; overflow:hidden;} #head div ul li a{display:block; float:left; outline:0;} /* Head mini navigation */ #head #mininav{width:990px; clear:both; position:absolute; top:5px;} #head #mininav div{width:990px;} #head #mininav ul{float:right;} #head #mininav ul li a{border-left:1px solid #a7a7a7; padding:0 6px; line-height:0.88em; font-size:11px; color:#888;} #head #mininav ul li.first a{border-left:none;} #head #mininav ul li.basket a{font-weight:bold; background:white url(../img/basket.gif) scroll no-repeat left center; padding-left:20px;} /* Head subnavigation navigation */ #head #subnav{height:18px; background:white url(kcs/lowerHeadBackground.png) scroll repeat-x bottom; font-size:11px;} #head #subnav ul{width:995px; line-height:12px; color:#fff; display:none; height:17px; overflow:hidden;} #head #subnav ul.active{display:inline;} #head #subnav ul li a{padding:1px 5px 3px 5px; margin-top:1px; border-right:1px solid #949ea8; border-left:1px solid #cfd4d9; color:#fff;} #head #subnav ul li a span{color:#fff;} #head #subnav ul li a:hover span{text-decoration:underline;} #head #subnav ul li.first a{border-left:none;} #head #subnav ul li.last a{border-right:none;} #head #subnav ul li.left{width:225px; display:block; float:left; padding:2px 5px 2px;} #head #subnav ul li.left a{border:none; display:inline; float:none; padding:0;} /* Head main navigation */ #head #mainnav{background:white url(kcs/headBackground.png) scroll repeat-x 0 -11px;} #head #mainnav ul li a{height:56px; margin-top:14px; background:white url(kcs/head.png) scroll no-repeat left bottom;} #head #mainnav ul #logo a{margin:0; height:70px; width:221px;} #head #mainnav ul li a:hover, #head #mainnav ul li.active a{background-image:url(kcs/headActive.png);} #head #mainnav ul li span{display:none;} #head #mainnav ul #main_home a{background-position:-221px bottom; width:84px;} #head #mainnav ul #main_systems a{background-position:-305px bottom; width:111px;} #head #mainnav ul #main_account a{background-position:-416px bottom; width:132px;} #head #mainnav ul #main_info a{background-position:-548px bottom; width:157px;} #head #mainnav ul #main_support a{background-position:-705px bottom; width:151px;} /* Breadcrumbs */ #body #breadcrumbs{color:#a7a7a7; padding:4px 0;} #body #breadcrumbs a{color:#a7a7a7;} /* Teaser */ #body #teaser{margin:5px 5px 0 5px; width:790px; border-width:1px 1px 0 1px;} #body #teaser div.inner{height:80px; background:#E6E9ED url(kcs/box.png) repeat-x scroll; padding:5px 0px 0px 5px;} #body #teaser h1{padding:5px; margin:0px; font-size:19px;} #body #teaser .padding{width:500px;} #body #teaser img{float:right; margin:15px 15px;} #body .teasysconf{margin:5px 5px 0 5px; width:790px;} #body .teasysconf div.header{ background:white url(bg/sysconf_box.png) scroll repeat-x; padding:0 5px 0 0; overflow:hidden; position:relative; height:292px !important; border-bottom:0 !important;} #body .teasysconf div.gallery{background:white url(bg/sysconf_gallery_box.png) scroll repeat-x; margin:0; width:auto;} #body .teasysconf div.gallery div.picture {margin:15px 0 0 15px;} #body .teasysconf div.gallery div.picture div {cursor:pointer; height:261px; width:288px; background-color:#fff; display:table-cell; text-align:center; vertical-align:middle;} #body .teasysconf div.gallery div.picture img.magnifier{display:block; left:283px; position:absolute; top:256px;} #body .teasysconf div.gallery h3 {font-size:17px; float:right; margin: 15px 15px 0 0;} #body .teasysconf div.gallery .morepics {float:right; margin: 23px 5px 0 0; clear:both;} #body .teasysconf div.gallery .morepics a {border-color:#000;} #body .teasysconf h1{padding:20px 5px 15px 5px; margin:0px !important; color:#404a54; font-size:28px;} #body .teasysconf .padding{width:500px;} #body .teasysconf img.picture{float:left; margin:0 15px 0 0;} #body .teasysconf div.footer{background:#ccc; height:23px !important; border-top:1px solid #fff !important;} #body .teasysconf .description{padding:15px;} #body .teasysconf ul{margin:0 !important;} #body .teasysconf ul li{padding:0 !important; border:0 !important; border-right:1px solid #fff !important;} #body .teasysconf ul li a{background:#dcdcdc; padding:3px 9px !important; width:100px; text-align:center;} #body .teasysconf .tabmenu li.active a{background: #f5f5f5;} #body .bxinfo .teaser{width:748px; margin:5px 5px 10px 5px;} #body .teaser h1{font-size:24px; margin:72px 20px 0; line-height:30px;} #body .teaser .inner{background:#f0f0f0 url(bg/teaser.png) repeat-x scroll center top; height:145px;} /* left topics */ #left .topic{ width:100%; height:22px;} #left .topic span{display:none;} #left .topic.cat{border:1px solid #006ab3; background:white url(kcs/topic_cat.png) scroll no-repeat;} #left div.topic.info{border:1px solid #88919a; background:white url(kcs/topic_info.png) scroll no-repeat;} /* double border */ .border{margin:1px 0; width:100%; border:1px solid #dee2e7; overflow:hidden;} .border div.inner{border:1px solid #fff; background-color:#dee2e7; overflow:hidden;} .border .padding{padding:5px; margin:0;} /* impressum layout */ #body #impressum td{vertical-align:top;} #body #impressum .boxhead{width:376px; margin:10px 0 0 0; font-size:11px;} #body #impressum .bxinfo{width:351px; margin:0;} #body #impressum .columnleft{float:left; width:50%; padding-bottom:10px;} #body #impressum .columnright{float:right; width:50%; padding-bottom:10px;} #body #impressum .columnright .boxhead, #body #impressum .columnright .bxinfo{margin-left:5px;} /* AGB box */ #body .bxinfo div#agb div p, #body .bxinfo div#agb div ul, #body .bxinfo div#agb div hr{margin-left:25px;} #body .bxinfo div#agb, #body .bxinfo .frame{margin:10px;} #body .bxinfo div#agb div{text-align:justify;} #body .bxinfo div#agb .repeal{color:#005aab;} #body .bxinfo div#agb .title{display:block; padding:10px 0 5px 0;} /* Shipping line */ #body table tr.line.bottom td{border-bottom:1px solid #677787;} #slider{margin:5px; height:302px; width:790px;} #slider ul{margin:0; padding:0;} #slider div{background:none; padding:0px; z-index:0; height:300px;} #slider li, #slider img{width:788px; height:300px; list-style-type:none;} #slider li span {display:block; float:right; font-size:38px; font-weight:bold; position:relative; right:35px; top:-73px; line-height:38px;} #slider li span sup{vertical-align:super; font-size:18px; line-height:18px;} #slider li a:hover span {color:#000;} #slider #prevBtn, #slider #nextBtn{overflow:hidden ;height:11px; width:10px; border:1px solid #000; position:relative; z-index:9999; display:block; outline:0;} #slider #prevBtn{bottom:17px; left:5px;} #slider #nextBtn{bottom:30px; left:20px;} #slider #prevBtn a{color:#fff; background:#fff url(bg/oxid_kcs_.gif) no-repeat 2px -811px; width:1000px; text-align:right; display:block;} #slider #nextBtn a{color:#fff; background:#fff url(bg/oxid_kcs_.gif) no-repeat 2px -301px; width:1000px; text-align:right; display:block;} #body ul.tabmenu{padding:0; margin:5px 5px 0 5px; clear:both;} #body ul.tabmenu li{display:block; float:left; padding:1px 1px 0 1px; border:1px solid #dee2e7; border-width:1px 1px 0 0;} #body ul.tabmenu li.first{border-width:1px 1px 0 1px;} #body ul.tabmenu li a{color:#000; position:relative; outline:0; padding:2px 9px;} #body ul.tabmenu li.active a{font-weight:bold; background-image:url(bg/tab_bg_active.png);} #body .border.tabmenu{height:0; border-bottom:0; margin:0; border-color:#dee2e7; margin:0 5px; width:790px;} #body .box.tabcontent{border-color:#dee2e7; margin:0 5px 5px 5px; padding:15px; width:760px; border-width:0 1px 1px 1px;} #left .border.tabcontent{display:none;} #left .border.tabcontent.active{display:block;} #body .hide, #left .hide, #subnav .hide{display:none;} #body #accessories.tabcontent{padding:5px; width:780px;} #body #accessories.tabcontent .product{width:243px;} #body fieldset{border:1px solid #dee2e7; background:#fff url(bg/fs_bg.png) repeat-x top; width:500px; padding-bottom:0px; margin:5px;} #body fieldset legend{font-size:12px; color:#424C56; font-weight:bold; padding:0 4px;} #body fieldset input, #body fieldset textarea{width:277px; vertical-align:top;} #body fieldset table{border-collapse:separate; border-spacing:0; width:100%;} #body fieldset td.leftcol{width:140px;} #body fieldset td{border-bottom:1px solid #dee2e7; border-top:1px solid #fff; padding:5px 10px !important; vertical-align:top;} #body fieldset tr.single td, #body fieldset .padding{padding:0 10px 5px 10px !important;} #body fieldset td.middle{vertical-align:middle;} #body fieldset tr.top td{border-top:0;} #body fieldset tr.bottom td{border-bottom:0;} #body fieldset input.captcha{margin-left:20px; width:174px;} #body fieldset td .oxname{width:132px;} #body fieldset td .oxstreet{width:240px;} #body fieldset td .oxstreetno{width:24px;} #body fieldset td .oxpostalcode{width:44px;} #body fieldset td .oxcity{width:220px;} #body fieldset td .oxbdaysmall{width:18px;} #body fieldset td .oxbdaybig{width:34px;} #body fieldset td .checkbox{width:auto;} #body fieldset hr.line{height:0; margin:5px 0; border-bottom:1px solid #dee2e7; border-top:1px solid #fff; display:block;} #body fieldset.orderinfocol{float:left; width:237px;} #footer #clock{margin-top:15px; display:block; padding-left:16px; background:url(bg/ico_clock.gif) no-repeat left center;} #footer #clock #timestamp{display:none;} #body .dbase-box{width:401px; float:left;} #body .dbase-box .box{width:379px; padding:5px !important;} #body .dbase-box td{padding:5px;} #body .dbase-box td.left{text-align:right; font-weight:bold; width:100px;} #body .dbase-box td a{font-weight:bold;} #body .dbase-form td{padding:5px;} #body .dbase-form td select{width:250px;} #body .dbase-form td.left{text-align:right; font-weight:bold; width:100px;} #body .dbase-form td label{position:relative; bottom:3px; padding-left:5px;} /* Sysconf */ .debug{display:none;} .bxsysconf{border-top:0 !important;} .bxsysconf select{vertical-align:middle; width:390px; margin-top:2px;} .bxsysconf .main{clear:both; padding-top:20px;} .bxsysconf .content{margin:5px;} .bxsysconf .main div.group{margin:0 5px; width:500px;} #sysconf.main div.group span{font-weight:bold; display:block; color:#000;} .bxsysconf .main div.group.error{border:1px solid #CC0000;} #body .bxsysconf .main .group img{vertical-align:middle; margin:5px 10px 5px 10px; float:left;} .bxsysconf .main div.group .content{margin-left:55px;} .bxsysconf .main div.group .info{ margin-top:2px; width:390px;} .bxsysconf .main div.group-gallery{height:110px;} .bxsysconf .group-gallery a{text-decoration:none !important;} .bxsysconf .group-gallery a label{cursor:pointer; width:132px; float:left; text-align:center; border:1px solid #DEE2E7; margin:5px; padding:5px; height:165px; text-decoration:none !important;} .bxsysconf .group-gallery a:hover label{border-color:#404A54;} .bxsysconf .group-gallery a.selected label{border-color:#005AAB;} .bxsysconf .group-gallery a span{white-space:nowrap; display:block; color:#000; font-weight:bold;} .bxsysconf .product{border:0; float:none; height:auto; padding:0;} .bxsysconf .moreinfo{float:right; vertical-align:middle; margin:0 15px 0 0; display:none;} .bxsysconf .msg{display:inline; width:715px !important; margin-bottom:5px !important; background-color:transparent !important; border:0 !important; color:#404A54 !important;} .outerhead{width:533px; border-bottom:1px solid #E6E9ED; margin:5px;} .outerhead .boxhead{float:none !important; margin:0 !important; display:inline-block;} .space-top{margin-top:20px;} td.space-left{padding-left:10px;} #accessories .title{margin-top:20px;} #accessories .ohfirst{margin-top:5px;} #overview .warningbox{width:488px; margin:5px 5px 0 5px;} #overview .warningbox.last{margin-bottom:10px;} .bxinfo .frame strong.h2{padding-top:5px;} div#body.plain .bxinfo .frame strong.h2{padding-top:0;} .border.pdfbox{display:none;} .border.sminfbox{float:right; width:350px; margin:4px 5px 5px 5px;} .border.sminfbox .inner{padding:5px 10px; background:#e6e9ed url(kcs/box.png) repeat-x scroll center top;} .border.sminfbox.top{margin-top:0px;} .border.sminfbox .file{padding-bottom:10px; margin:10px 0 5px 0; border-bottom:1px solid #404a54;} .border.sminfbox .file *{vertical-align:middle;} .border.sminfbox .file a{margin:0 5px; font-weight:bold;} .border.sminfbox small{white-space:nowrap;} .border.sminfbox .button{text-align:center;} .border.full{width:368px; float:left; margin:4px 5px 5px 5px;} .border.full .inner{padding:10px; background:#e6e9ed url(kcs/box.png) repeat-x scroll center top;} .bxinfo .bxhalf{width:368px; float:left; margin:4px 5px 5px 5px;} .bxinfo .bxquarter .inner{height:135px;} .bxinfo .bxhalf .inner{padding:10px; background:#e6e9ed url(kcs/box.png) repeat-x scroll center top;} .bxinfo .bxhalf table{margin-top:5px; width:100%;} .bxinfo .bxhalf td{vertical-align:top; padding:5px 0;} .bxinfo .bxhalf td.first{width:70px;} .bxinfo .bxhalf .info{height:155px;} #body .bxinfo .thin {width:615px;} #body .bxinfo .thin .desc{width:380px;} .border.pricebox{width:210px; margin:5px; float:right; text-align:right;} .border.pricebox .title{font-size:13px;} .border.pricebox .price{height:70px;} .border.pricebox .inner{padding:10px 10px 5px 10px; background:#e6e9ed url(kcs/box.png) repeat-x scroll center top;} .border.pricebox big{line-height:26px; font-size:26px; font-weight:bold; display:block; margin:10px 0 5px 0;} .border.pricebox .deliveryperiod img{margin-right:10px !important;} .border.pricebox .deliveryperiod *{vertical-align:middle;} .border.pricebox .error{font-weight:bold; color:red; text-align:justify; display:block;} .border.pricebox .quicklink{font-size:11px;} .border.pricebox .quicklink a{display:block; margin:1px 0 0 5px; float:right;} .border.pricebox div.button{text-align:center; margin:15px 0 5px 5px;} .border.pricebox hr{margin:6px 0;} tr.border-bottom{border-bottom:1px solid #404a54;} #openinghours, #shopimage div {height:120px;} #openinghours td.first{width:105px;} #shopimage div {line-height:0; padding:0; height:140px;} #shopimage div img{width:380px;} #moreinfo{width:748px;} #moreinfo table table{margin:0;} #moreinfo table table td{padding:0 0 3px 0;} #map{float:right;} #map_canvas{height:303px;} ul.contentlist{padding:5px; list-style:none;} ul.contentlist li{display:block; font-weight:bold;} hr.frame{margin:10px 5px !important;} p.nomargin{margin:0 !important;} #body .lbframe{margin:0 0 5px 10px !important;} #body .listbox dl{border-bottom:1px solid #f0f0f0; margin:2px 0; padding:5px 0; width:97%;} #body .listbox dl.lastInCol{border-bottom:0; margin:0; padding-bottom:0px;} #body .listbox dt{font-weight:bold; font-size:11px; text-decoration:none; padding-left:8px; background:transparent url(kcs/bg_dot.gif) 0 -59px no-repeat; padding-left:26px;} #body .listbox dd{margin:2px 0; font-size:11px; padding-left:26px; font-weight:bold;} #body .listbox dd a{font-size:11px; font-weight:bold; margin-left:5px;} #plainfooter .inner{padding:5px 10px;} #plainfooter span{height:30px; display:table-cell; vertical-align:middle;} #plainfooter img{float:right;} #servicepacks .product{height:auto !important;} #overview .group .title{float:left;margin:5px;} #overview .group .content{margin-left:142px;} #overview .group .content .info{display:block;} #overview .group{border-top:1px solid #e6e9ed; width:533px;} #overview .group.first{border-top:0;} #overview .group.first .title{margin-top:0;} #overview .group a{font-weight:bold;} .details-plain #body, .details.popup #body .product.details{width:100% !important; float:none !important;} .details-plain .desc{width:auto !important; padding:10px !important;} .details-plain .attributes td{border-bottom:1px solid #F0F0F0; font-size:10px; padding:5px; vertical-align:top;} .details-plain .attributes tr.last td{border-bottom:0;} .details-plain .outerhead{width:auto;margin:10px 0 0 0;} .details-plain .picture{margin:5px; border:1px solid #dee2e7; position:static; float:left; display:table-row; height:260px; width:348px;} .details-plain .picture div{text-align:center; display:table-cell; vertical-align:middle; height:260px; width:348px;} .details-plain tt{color:#757c83; margin:2px 5px 0 5px;} .highslide-heading{color:#005AAB; font-size:13px !important; font-family:Tahoma,Arial,Helvetica,Verdana,Geneva,sans-serif !important;} .details-plain .picture{display:block !important; float:none !important;} .highslide-heading{color:#005AAB; font-size:13px !important; font-family:Tahoma,Arial,Helvetica,Verdana,Geneva,sans-serif !important;} .highslide-header{margin-left:5px;} .draggable-header .highslide-heading{margin:2px 55px 2px 5px !important; overflow:hidden; height:17px;} .highslide-body{padding-top:5px;} .details-plain #body .details-plain, .details-plain #body .details-plain tt{margin-top:0 !important;} .highslide-header, .highslide-body{margin-right:5px;} .highslide-loading{border:1px solid #005AAB !important;} .highslide-maincontent{padding:0 5px !important;} .highslide-maincontent p{margin-top:10px;} #footer .sitemap{padding-left:185px; width:780px;} #footer .sitemap div{width:194px; float:left;} #footer .sitemap ul{padding:0; margin:5px 0;} #footer .sitemap ul li{display:inline; line-height:16px; margin:0; font-size:11px;} #footer .sitemap ul li a{background:transparent url(bg/oxid_kcs_.gif) no-repeat scroll 0 -758px; color:#424A55; display:block; padding-left:12px;} #body .kcsystem {margin:0px;padding:0px;width:200px !important; border:0px; overflow:visible;} #body .kcsystem .bxinfo{width:191px; margin-top:0px; padding:1px; height:auto;} #body .kcsystem .inner{background:#fff url(kcs/bg_systems.png) repeat-x scroll center 135px; padding:0 5px;} #body .kcsystem .picture{position:relative; top:0; left:0; width:auto; border-top:1px solid #FFF; border-bottom:1px solid #DEE2E7;} #body .kcsystem .picture div{width:180px; height:120px; display:table-cell; text-align:center; vertical-align:bottom; line-height:11px;} #body .kcsystem .content{padding:5px 5px; border-top:1px solid #FFF; border-bottom:1px solid #DEE2E7; min-height:50px; line-height:1.3em;} #body .kcsystem .button{text-align:center; padding-top:10px;} #body .kcsystem .price{text-align:right; padding:10px 0; margin:0;} #body .kcsystem .price big{margin-bottom:5px;} #body .kcsystem .price .dinfo{display:block;} #body .kcsystem .h5{display:block;} #body .kcsystem .button, #body .kcsystem .price{height: auto; min-height:0;} #body .kcsystem .description{min-height:50px;} #body .kcsystem .description .text{height:125px; overflow:hidden; text-align:justify;} #body .kcsystem .description ul.list-dotted li{background-position:-5px -59px;} #body .kcsyslist {margin:0px; padding:0px; border:0px;} #body .kcsyslist .bxinfo{width:770px; margin-top:0px; padding:1px; height:auto;} #body .kcsyslist .inner{position: relative; background:#fff url(kcs/bg_systems.png) repeat-x scroll center 100px; padding:10px;} #body .kcsyslist .picture{position:absolute; top:10px; left:0;} #body .kcsyslist .details{font-size:11px; list-style:none; margin:0; padding:0; margin-left:110px; width:600px; margin-top:10px;} #body .kcsyslist .details li{padding:0; margin:5px 0 0 0; float:left; width:260px;} #body .kcsyslist .price{text-align:right; padding:0; margin:0; width: 180px; position:absolute; top:10px; right:10px;} #body .kcsyslist .price big{margin-bottom:5px;} #body .kcsyslist .price .dinfo{display:block;} #body .kcsyslist .price .tocart{margin-top:15px;} #body .kcsyslist .h5{display:block; line-height:11px;} #body .kcsyslist .manufacturer-icon{position:absolute; top:115px; left:25px;} #body .kcsyslist .description{margin-left: 110px; width: 440px;} #body .kcsyslist .description .text{overflow:hidden; text-align:justify;} #body .kcsyslist .description ul.list-dotted li{background-position:-5px -59px;} #body .kcsystem-3col{width:252px !important;} #body .kcsystem-3col .bxinfo{width:242px;} #body .kcsystem-3col .picture div{width:232px; height:90px; vertical-align:bottom; line-height:0; padding-bottom:1px;} #body .kcsystem-3col .price{text-align:center;} .noborder{border:0 !important;} .noborder-top{border-top:0 !important;} .noborder-bottom{border-bottom:0 !important;} #body .system-overview-teaser{margin:1px 5px 9px 5px;} #body .system-overview-teaser .inner{background-image: url(kcs/box.png);} #body .system-overview-teaser .picture{float:left;} #body .system-overview-teaser h1{margin:10px 0 0 170px;} .system-overview-teaser h1 a{height:25px; background-position:top left; background-repeat:no-repeat; display:block; width:200px;} .system-overview-teaser h1 span{display:none;} .system-overview-teaser h3{float:right; font-size:18px; font-weight:bold; margin:10px;} .system-overview-teaser .description{margin:10px 10px 0 170px;} #teaser-config { margin:5px; } .kcsseries { height:137px; margin-bottom:20px; } .kcsseries ul { margin:5px; padding:0; list-style-type:none; } .kcsseries ul li { border:1px dotted #fff; float:left; } .kcsseries ul li a{ height:140px; width:130px; display:block; background:transparent url(kcs/tile_kcs_start.jpg) no-repeat scroll 0 0; } .kcsseries ul li a span{ display:none; } .kcsseries ul li a:hover{ height:140px; width:130px; display:block; background:transparent url(kcs/tile_kcs_start.jpg) no-repeat scroll 0 0; } /* KCSbusiness */ .kcsseries li.sysoverview-299 a{background-position:-520px -150px;} .kcsseries li.sysoverview-299 a:hover{background-position:-520px 0px;} /* KCSeco */ .kcsseries li.sysoverview-297 a{background-position:-124px -150px} .kcsseries li.sysoverview-297 a:hover{background-position:-124px 0px;} /* KCSgaming */ .kcsseries li.sysoverview-301 a{background-position:-253px -150px} .kcsseries li.sysoverview-301 a:hover{background-position:-253px 0px;} /* KCShome */ .kcsseries li.sysoverview-298 a{background-position:8px -150px;} .kcsseries li.sysoverview-298 a:hover{background-position:8px 0px;} /* KCSworkstation */ .kcsseries li.sysoverview-300 a{background-position:-657px -150px} .kcsseries li.sysoverview-300 a:hover{background-position:-657px 0px;} /* KCSmobile */ .kcsseries li.sysoverview-312 a{background-position:-386px -150px} .kcsseries li.sysoverview-312 a:hover{background-position:-386px 0px;} #body .product-start-bottom { width:148px; margin:5px; border:1px solid #DEE2E7; float:left; text-align:center; overflow:hidden; } #body .product-start-bottom-border { width:149px !important; } #body .product-start-bottom .content{ padding:10px; } #body .product-start-bottom .picture{ display:inline-block; margin-top:10px; height:100px; width:100px; overflow:hidden; } #body .product-start-bottom .splitter{ border-top:1px solid #e6e9ed; text-align:center; } #body .product-start-bottom strong { } #body .product-start-bottom strong a { color:#000; font-size:13px; display:block; height:40px; } .button-price { width:146px; height:62px; display:inline-block; background:transparent url(kcs/pricebtn.png) no-repeat scroll center center; } #body .button-price:hover { text-decoration:none; color:#000; } #body .button-price small { position:relative; bottom:-12px; right:12px; display:block; font-family:Arial; font-weight:bold; font-size:12px; width:146px; text-align:right; } #body .button-price big { bottom:-18px; display:block; font-family:Arial; font-size:16px; font-weight:bold; height:20px; position:relative; right:11px; text-align:right; width:146px; } .headline-start{ border-bottom:1px solid #DEE2E7; padding:10px 0 0 5px; font-size:16px; font-weight:bold; margin:0 5px; color:#333; } #body .product-action-start { width:346px; float:right; } #body .product-action-start .outerhead { margin-top:0px; } #body .product-action-start img { margin:5px; display:block; float:right; } #body .product-system-start-container { width:446px; } #body .product-system-start { font-size:11px; margin:5px; display:inline-block; overflow:visible; width:434px; } #body .product-system-start .right { text-align:right; padding:4px 8px 0 8px; margin-left:105px; float:none; } #body .product-system-start a strong { font-size:14px; } #body .product-system-start tt { display:block; font-size:10px; } #body .product-system-start .picture { float:left; margin-top:5px; } #body .product-system-start .picture div { display:table-cell; height:100px; text-align:center; vertical-align:middle; width:100px; } #body .product-system-start .inner { padding:2px; background:transparent url(kcs/productBackground.png) repeat-y scroll left top; } #body .product-system-start .description { text-align:left; width:297px; margin-top:3px; } #body .product-system-start .dinfo { top:-4px; position:relative; } #body .product-system-start ul{ margin:0; padding:0; } #body .product-system-start ul li { float:left; width:130px; overflow:hidden; padding-left:17px; line-height:14px; height:14px; overflow:hidden; background: transparent url(kcs/bg_dot.gif) no-repeat scroll -5px -59px; } #body .product-system-start .price { display:block; height:30px; overflow:hidden; padding-top:3px; width:297px; float:right; } #body .product-system-start .price big { font-weight:bold; display:block; } .teaser-custom { height:129px; margin:5px 5px 10px; padding:55px 270px 0 25px; width:455px; background-repeat: no-repeat; } .teaser-custom h1 { font-size:24px; line-height:24px; font-weight:bold; } .teaser-custom .description { margin-top:10px; padding-left:5px; } .teaser-systems{ height:144px; padding-top:40px; } #body .orderhistory ul { margin:3px 0; padding:0 0 0 20px; } .fieldset-submit { width: 520px; text-align: right; } /* paypal */ #body div.bar.prevnext input[class=paypalbutton] {border:0px;padding:0px;} /* case scroller */ .group-gallery #arrowLeft, .group-gallery #arrowRight { display:none; } .scroll-gallery { position:relative; width:680px; left:50%; margin-left:-340px; } .scroll-gallery #arrowLeft, .scroll-gallery #arrowRight { position:absolute; top: 58px; display:block; cursor:pointer; } .scroll-gallery #arrowRight { right:0; } .group-gallery ul.group { list-style:none; margin:0; padding:0; } .scroll-gallery #caseSlider ul { width: 20000px; } .scroll-gallery #caseSlider { overflow:hidden; margin:0 32px; height:187px; } .scroll-gallery #caseSlider li { position:relative; }