/********************************************************* * JTL-Shop3 Tiny stylesheet * * $Id: page.css 986 2010-08-04 10:39:31Z andy $ * *********************************************************/ .page_width { width: 1080px; } #page { width: 100%; margin: 0 auto; text-align: center; background-color: #fff; } .seotext { line-height:20px; } #outer_wrapper { text-align: center; } #page_wrapper { margin: 0 auto; float: left; width: 100%; z-index: 80; } #header_wrapper { z-index: 100; } #header { text-align: left; position: relative; height: 70px; z-index: 1022; } #settings { position: absolute; top: 8px; right: 0; font-size: 0.9em; z-index: 120; } #logo { height: 100%; float: left; position: relative; } #headlinks_wrapper { height:31px; width:751px; position: relative; z-index: 100; } #headlinks { position: absolute; top:127px; left:228px; width:748px; z-index: 100; } #speciallinks { text-align: center; background-color: #f6f6f6; border-radius: 0 0 10px 10px; } #search { padding: 4px 0 5px 0; background-color: #fbfbfb; z-index: 120; } #content { position: relative; padding: 2px 0; text-align: left; z-index: 1; } #content_wrapper { float: left; width: 100%; } #breadcrumb { font-size: .98em; border-bottom: 1px solid #ddd; padding: 0 0 0.25em 0; margin: 0 0 1em 0; } #content_footer { position:relative; margin-top: 15px; height:120px; border-top: 1px solid #ddd; text-align: right; } #sslpic { position:absolute; top:5px; left:284px; } #content_footer a { font-size: .88em; } #footer_wrapper { text-align: center; background-color: #fbfbfb; clear: both; } /* * footer */ #footer { text-align: left; padding: 0.5em 0; font-size: 1em; } #footer > ul.hlist { width: auto; list-style:disc !important; } #footer h2 { padding: 0 0 0.5em 0; margin: 0 20px 0 0; font: normal normal normal 11px/16px Verdana, Helvetica, Arial, sans-serif; font-size: 1.4em; } #footer ul.lnkgroup { overflow: hidden; margin: 0 20px 0 0; } #footer ul.lnkgroup li { float: none; display: block; font-size: 0.95em; line-height: 2.2em; } #footer ul.lnkgroup li a { text-decoration: none; } #footer .footer_box { /* radius 4 all */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; background-color: #f5f5f5; padding: 15px; } #footer .footer_box h2 { margin: 0 0 0.5em 0; padding: 0; border: 0; } #footer .master { /* radius 4 all */ border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; background-color: #f5f5f5; padding: 8px; font-size: 0.9em; color: #666; margin: 0.75em 0 0 0; line-height: 20px; } #footer .master div.first { float: left; } #footer .master div.last { overflow: hidden; text-align: right; } #footer .footer_box fieldset.newsletter { border: none; padding: 0; margin: 0; } #footer .footer_box fieldset.newsletter input[type="text"]{ width: 245px; } #footer .footer_box fieldset.newsletter p.info { font-size: 85%; margin: 0.75em 0 0 0; } #footer p.jtl { background: url("./images/jtl.png") no-repeat scroll right center transparent; min-height: 20px; min-width: 100px; padding-right: 75px; text-align: right; margin: 0; } #footer .container { margin: 0.75em 0; } #footer a.link_lang { padding-left: 24px; line-height: 20px; display: inline-block; } #footer a.link_lang.ger { background: url('./images/flags/ger.png') no-repeat left bottom; } #footer a.link_lang.eng { background: url('./images/flags/eng.png') no-repeat left bottom; } #footer a.link_lang.fre { background: url('./images/flags/fre.png') no-repeat left bottom; } #footer a.link_lang.active { font-weight: bold; } /* * container specifications */ #maintenance_mode { width: 100%; position: absolute; z-index: 999; top: 0; left: 0; } #content.no_breadcrumb { margin-top: 0; padding-top: 0; } #page.exclusive { background: #fff none; } #page.exclusive #content { padding: 15px 15px 0 15px; } #page.exclusive #breadcrumb, #page.exclusive #content_footer { display: none; } /* page align */ .page_left { margin-left: 10px !important; margin-right: 0 !important; } .page_center { margin-left: auto !important; margin-right: auto !important; } #logo img { position: absolute; top: 10px; left: 0; } #breadcrumb a { text-decoration: none; } #speciallinks ul { clear: both; padding: 6px 0; } #speciallinks li { display: inline; padding: 0 14px 0 0; font-size: 0.9em; background: url('./images/square.png') no-repeat center right; } #speciallinks li:last-child, #speciallinks li.last { background: none; } /* * settings (language, currency) */ #settings li { float: left; position: relative; } #settings li span { display: inline-block; margin: 0 5px; } #settings > ul > li > a { display: inline-block; padding: 6px 4px 0 4px; } #settings > ul > li > a#language { display: block; } #settings a.expander { padding: 2px 0 2px 4px; border: 4px solid transparent; background: url('./images/expander-down.png') no-repeat center right; padding-right: 14px; } #settings a.expander.active, #settings a.expander:hover { color: #555; text-decoration: none; border: 4px solid #f0f0f0; background: #f0f0f0 url('./images/expander-down.png') no-repeat center right; } #settings .expander_box { display: none; border: 2px solid #f0f0f0; background-color: #fff; min-width: 240px; padding: 8px; position: absolute; top: 26px; right: 0; font-size: 1.2em; z-index: 999; margin: 0; } #settings .expander_box input[type="text"], #settings .expander_box input[type="password"] { width: 100%; padding: 0.25em; } #settings fieldset.quick_login a { padding: 0; } #settings a.link_lang { padding-left: 22px; line-height: 20px; display: inline-block; } #settings a.link_lang.ger { background: url('./images/flags/ger.png') no-repeat left bottom; } #settings a.link_lang.eng { background: url('./images/flags/eng.png') no-repeat left bottom; } #settings a.link_lang.fre { background: url('./images/flags/fre.png') no-repeat left bottom; } /* * search */ #search input[type="text"] { font-family: Verdana; padding: 2px 0 2px 25px; border: 1px solid #ccc; line-height: 18px; height: 18px; color: #666; width: 280px; font-size: 12px; background: #fff url('./images/search.png') no-repeat 5px center; } /* if suggest dropdown is shown */ #search input[type="text"].active { } /* * headlinks */ #headlinks { } #headlinks.active { border-bottom: 1px solid #e2ebff; } #headlinks ul li > a { color: #666; font-weight: bold; font-size: 0.9em; text-decoration: none; height: 30px; line-height: 30px; display: block; padding: 0 15px; background-color: #f6f6f6; margin-top: 2px; /* radius 4 all */ border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; } #headlinks ul li > a:hover { color: #fff; background-color: #405ade; line-height: 28px; padding-top: 2px; margin-top: 0; } #headlinks ul { list-style: none; padding: 0; margin: 0; } #headlinks li { float: left; margin: 0; padding: 0 2px 0 0; } #headlinks li.basket { float: right; position: relative; margin-right: 0; padding-right: 0; } #headlinks li.basket > a { background: #f6f6f6; } #headlinks li.basket.items > a { color: #415072; padding-right: 20px; background: #e2ebff url('./images/expander-down.png') no-repeat 98% center; } #headlinks li.basket > a:hover, #headlinks li.basket:hover > a { color: #fff; background-color: #405ade; } #headlinks li.basket a span { /*padding-left: 12px;*/ } /* * basket overlay */ #headlinks li.basket div { display: none; position: absolute; top: 31px; right: 0; } #headlinks li.basket div.articles { padding: 5px; /* width: 380px; */ z-index: 100; position: absolute; border: 1px solid #405ade; } #headlinks li.basket:hover div.articles { z-index: 1000; display: block; background-color: #fff; } #headlinks li.basket:hover div.articles span.basket_notice { background: url('./images/info_small.png') no-repeat left center; padding-left: 20px; line-height: 16px; display: block; cursor: help; } #headlinks table.articles tbody th, #headlinks table.articles tbody td { padding: 3px; } #headlinks table.articles tbody tr.bottom { background-color: #f6f6f6; } #headlinks table.articles tbody tr.bottom button + button { margin-left: 4px; } #headlinks table.articles tbody td.img img { max-width: 40px; } #headlinks table.articles tbody td.img { width: 44px; } /* * popup */ #popup_wrapper { margin: 0 auto; padding: 15px; text-align: center; background: #fff url('images/popup_bg.png') repeat-x; } /* * links */ a, a:visited, a:link { color: #0000c6; } a:hover { color: #00007b; } a:active, a:focus { color: #ea641d; } /* * inputs (extended) input[type="submit"], button[type="submit"], button[type="button"] { cursor: pointer; line-height: 16px; height: 24px; width: auto; overflow: visible; padding: 0.25em 0.5em; font-size: 1.1em; color: #616161; border: 1px solid #e7e7e7; background: #f0efef url('./images/grey_button_bg.png') repeat-x; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover { } input[type="text"], input[type="password"], textarea, select { border: 1px solid #ccc; } */ input[type="submit"], button[type="submit"], button[type="button"] { cursor: pointer; min-height: 24px; width: auto; overflow: visible; padding: 0 3px; font-size: 1.1em; } input[type="text"], input[type="password"], textarea, select { border: 1px solid #ccc; } input[type="text"] + input[type="submit"] { margin-left: 4px; } select + button[type="button"] { margin-left: 4px; } form em { color: #d80000; font-weight: bold; } /* * submit button */ a.submit, a:visited.submit, a:hover.submit { color: #000 !important; font-weight:bold !important; background-color:#e9e7e4; display: inline-block; } a.submit:hover { color:#fff !important; background-color:#ea641d; } .submit, input[type="submit"].submit, button[type="submit"].submit, button[type="button"].submit { margin: 0; height: auto !important; vertical-align: middle; padding: 0.25em !important; font : 1.1em "Trebuchet MS", sans-serif; text-align: center; text-decoration: none; background-color: #e9e7e4; color: #000; font-weight: bold; height: 27px; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .submit:hover { background-position: 0px -5px; color: #111; } .submit:active { /*background: #FA2;*/ } .submit.disabled, input[disabled="disabled"].submit, button[disabled="disabled"].submit, button[type="button"].submit.reset_selection { border: 1px solid #aeaeae; background: #c0c0c0 url('./images/button_disabled_bg.png') repeat-x top left; text-shadow: #fff 0px 0px 0px; color: #666; } button[type="button"].submit.reset_selection { color: #333; } .btn_alone { margin: 1em 0 0 0; } button.submit + button.submit { margin-left: 4px; } .btn_play { background: #fff url('images/button_play.png') no-repeat; display: inline-block; text-indent: -9999px; overflow: hidden; width: 16px; height: 16px; } /* * message boxes */ .box_plain { margin: 0 0 1em 0; } .box_info { border: 1px solid #fffcbc; margin: 0 0 1em 0; padding: 0.5em 30px 0.5em 0.5em; background: #fffddd url('./images/box_info.png') right center no-repeat; } .box_error { border: 1px solid #ffebd2; margin: 0 0 1em 0; padding: 0.5em 30px 0.5em 0.5em; background: #fff3e3 url('./images/box_error.png') right center no-repeat; } .box_success { border: 1px solid #e1ffe2; margin: 0 0 1em 0; padding: 0.5em 30px 0.5em 0.5em; background: #edffee url('./images/box_success.png') right center no-repeat; } .box_buyinfo { padding: 0.5em; margin: 1em 0 0 0; background-color: #f5f5f5; text-align: left; /* radius 4 all */ border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; } .box_buyinfo ul { margin: 0 !important; } .box_buyinfo ul li { font-size: 0.9em; } .box_info ul, .box_success ul, .box_error ul { list-style-type: disc; margin: 10px 0 0 20px; } /* * content classes */ #content .custom_content { margin: 0 0 1.5em 0; padding: 0; overflow: hidden; } #content .custom_content p { margin-bottom: 1.5em; } #content .custom_content p:last-child { margin-bottom: 0; } #content .semtabs .custom_content { margin: 0; } #content .custom_content ul { list-style-type: disc; margin: 10px 0 10px 35px; } #content .custom_content li, #content .custom_content ul { float: none !important; } #content .custom_content ol { list-style-type: upper-roman; margin: 10px 0 10px 35px; } #content #new_account .box_plain { margin: 0.3em 0 1em 0; } #content #new_account .box_plain:last-child { margin-bottom: 0; } /* * layouts */ #sidepanel_right, #sidepanel_left { display: none; } .panel_left #content { margin-left: 180px; } .panel_left #sidepanel_left { z-index: 2; float: left; width: 180px; text-align: left; margin-left: -100%; display: block; } .panel_right #content { } .panel_right #sidepanel_right { z-index: 2; float: right; width: 200px; text-align: left; display: block; /* border fix */ margin-left: -202px; margin-right: 2px; } /* * formular */ .form fieldset { /* radius 4 all */ padding: 10px; margin: 0 0 1em 0; } .form fieldset.outer { border: none; padding: 0; margin: 0; width: 100%; } .form fieldset legend { font-size: 1em; } .form fieldset label { display: block; } .form fieldset label.active { color: #004fa8; } .input_block li { float: left; margin: 0.4em 1em 0.4em 0; } .form fieldset .error_block { background-color: #fff3e3; } .form fieldset select, .form fieldset textarea, .form fieldset input[type="text"], .form fieldset input[type="password"] { padding: 0.25em; font-size: 1.1em; } .form fieldset textarea { padding: 0.5em; font : 1.1em "Trebuchet MS", sans-serif; } .form fieldset .error_block select, .form fieldset .error_block textarea, .form fieldset .error_block input[type="text"], .form fieldset .error_block input[type="password"] { border: 1px solid #be4824; } .form fieldset .error_text { font-size: 0.8em; font-weight: bold; color: #be4824; } .form fieldset label.desc { display: inline; } .address ul.input_block { margin: 1em 0 0 0; } /* * images */ .image, a .image { background-color: #fff; } .article_image .image { } a:hover .image { /*border: 2px solid #ddd;*/ } /* * table */ table.tiny th, table.tiny td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; border-left: 1px solid #fff; } table.tiny thead th, table.tiny thead td { padding: 4px 2px; } /* table.tiny td div.image_wrapper { width: 80px; text-align: left; float: left; } table.tiny td div.article_wrapper { width: 100%; height: 100%; position: relative; padding: 3px; } table.tiny td div.desc { position: relative; float: left; } table.tiny.basket td div.desc { position: relative; float: none; overflow: hidden; } table.tiny.basket td { padding: 0 10px; } table.tiny.basket td div.desc p { padding-right: 110px; } table.tiny.basket td div.options { position: absolute; top: 0; right: 10px; text-align: right; } table.tiny.basket td div.options p { padding: 2px 0; } table.tiny.basket td div.options a { color: #666; } table.tiny.basket td div.options a:hover { color: #3E47A2; } table.tiny input.count { width: 3em; } table.tiny thead tr { background-color: #f7f7f7; } */ table.tiny ul.children_ex { margin: 5px 0 0 2px; overflow: hidden; list-style: inside disc none; } table.tiny ul.children_ex li { padding: 2px 0; font-size: 0.9em; } table.tiny ul.children_ex li span.price { font-size: 1em; vertical-align: top; } table.tiny.basket th, table.tiny.basket td { border: 0; } table.tiny.basket th { font-size: 0.9em; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #ddd; } table.tiny.basket td { font-size: 0.9em; padding: 15px 5px; } table.tiny.basket tr td { border-bottom: 1px solid #ddd; } table.tiny.basket td select.quantity_sel { width: 4.0em; } table.tiny.basket td.img { width: 70px; vertical-align: top; } table.tiny.basket td.qty { width: 80px; background-color: #f9f9f9; } table.tiny.basket td.price { width: 100px; } table.tiny.basket td a { text-decoration: none; } table.tiny.basket td p.price_overall, table.tiny.basket td span.price_value { color: #ea641d; } table.tiny.basket td p.price_overall { font-size: 1.1em; } table.tiny.basket td div.actions { margin: 10px 0 0 0; } table.tiny.basket td div.config { padding: 5px; background-color: #f9f9f9; /* radius 4 all */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } table.tiny ul.children { margin: 0 0 0 2px; overflow: hidden; list-style: inside none none; } table.tiny ul.children li { padding: 2px 0; white-space: nowrap; } table.tiny ul.children li p { overflow: hidden; } table.tiny ul.children li p.qty { float: left; color: #666; min-width: 20px; margin: 0 5px 0 0; } table.tiny ul.children li span.price { vertical-align: top; } /* * basket */ #content a.droppos, #content a.configurepos { text-decoration: none; padding: 0 0 0 14px; margin: 0 3px 0 0; font-size: 0.9em; color: #444; text-shadow: 1px 1px 0px #fff; } #content a.droppos { background: url('./images/delete10.png') no-repeat center left; } #content a.configurepos { background: url('./images/edit10.png') no-repeat center left; } #basket_price_wrapper { margin: 0; padding: 0; position: relative; background-color: #f9f9f9; border-bottom: 1px solid #ddd; } #basket_price_wrapper p { color: #333; } #basket_price_wrapper span.price_value { font-size: 1.1em; font-weight: bold; } #basket_price_wrapper span.price_label { font-weight: bold; font-size: 1.1em; } #basket_price_wrapper span.tax_label { font-size: 0.95em; } #basket_price_wrapper div.info_base { float: left; padding: 12px 0 0 5px; } #basket_price_wrapper div.total_amount { float: right; width: 350px; text-align: right; padding: 5px; } #basket_price_wrapper div.total_amount table tr td { text-align: right; } #basket_checkout { margin: 10px 0; } #basket_checkout a.submit { padding: 0.45em !important; } #basket_notification { color: #fff; font-weight: bold; text-shadow: 1px 1px 0px #000; background: #444; position: relative; padding: 15px; /* radius 4 all */ border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; } #article_pushed { width: 500px; min-width: 500px; } #article_pushed .article_pushed_xseller { margin: 15px 0 0 0; height: 110px; max-height: 110px; overflow: hidden; } #article_pushed .article_pushed_xseller h2 { font-size: 1.2em; font-weight: bold; } #article_pushed div.img { float: left; margin: 0 10px 0 0; } #article_pushed div.info { overflow: hidden; } #article_pushed div.info ul li { margin: 2px 0; } #article_pushed div.info ul li span.price { font-size: 1.0em; } #article_pushed div.actions { padding: 4px 0; margin: 5px 0 0 0; text-align: right; border-top: 1px dashed #ccc; } /* * checkout steps */ #checkout_steps { margin: 0 0 1em 0; position: relative; height: 42px; background-color: #f7f7f7; } #checkout_steps li a { text-decoration: none; } #checkout_steps li { list-style-type: none; list-style-position: inside; float: left; padding: 10px 20px 10px 30px; height: 22px; line-height: 22px; position: relative; margin-left: -20px; left: 20px; background: transparent url(./images/checkout_steps.gif) top right repeat-y; vertical-align: middle; } #checkout_steps a { color: #000; } #checkout_steps .first { padding-left: 10px; } #checkout_steps .step1 { z-index: 5; } #checkout_steps .step2 { z-index: 4; } #checkout_steps .step3 { z-index: 3; } #checkout_steps .step4 { z-index: 2; } #checkout_steps .step5 { z-index: 1; } #checkout_steps .state3 { background-position: right -200%; color: #777; } #checkout_steps .state2 { background-position: right -100%; color: #708569; } #checkout_steps .state1 { font-weight: bold; } /* * row selection */ ul.rowsel li { margin: 0.25em 0; padding: 0.25em; position: relative; vertical-align: middle; } ul.rowsel li:hover { background-color: #f9f9f9; } ul.rowsel li div.check { float: left; width: 25px; } ul.rowsel li div.desc { overflow: hidden; } ul.rowsel li div.amount { right: 0; top: 0; position: absolute; padding: 0.25em; } /* * basic article list */ ul.articles li { margin: 0 0 5px 0; } ul.articles li div { margin: 5px; } ul.articles li div p.small { font-size: 0.9em; color: #666; } /* * misc */ del { text-decoration: line-through; } #popup .container, #content .container { margin: 15px 0; /*clear: both;*/ } #content .container.top { margin-top: 0px; } #content .container.bottom { margin-bottom: 0px; } #content h1.underline, #content h2.underline { border-bottom: 1px dotted #ccc; } #bezoom { border: 2px solid #ddd; background-color: #fff; position: relative; z-index: 3; } #bezoom .title { left: 0; bottom: 0; position: absolute; padding: 3px; font-size: 0.9em; } .zoomer { top: 0; left: 0; position: absolute; background-color: #000; cursor: crosshair !important; filter:alpha(opacity=10); -moz-opacity:0.10; -khtml-opacity: 0.10; opacity: 0.10; } span.success { display: inline-block; width: 16px; height: 16px; background: transparent url('images/success_small.png') no-repeat center; } span.notice { display: inline-block; width: 16px; height: 16px; background: transparent url('images/notify_small.png') no-repeat center; } /* * button with icon */ button.refresh { overflow: visible; } button.refresh span { background: url('./images/refresh16.png') no-repeat center left; padding: 0 0 0 20px; display: block; white-space: nowrap; } button.active span { background: url('./images/refresh_orange16.png') no-repeat center left; } button.advise, button.notification, button.question, button.wishlist, button.compare { border: 0; margin: 0; padding: 0; font-size: 1.1em; text-align: left; background-color: transparent; } button.compare { background: url('./images/compare_small.png') no-repeat 0 50%; padding-left: 20px; } button.wishlist { background: url('./images/wishlist_small.png') no-repeat 0 50%; padding-left: 20px; } button.question { background: url('./images/question_small.png') no-repeat 0 50%; padding-left: 20px; } button.notification { background: url('./images/notify_small.png') no-repeat 0 50%; padding-left: 20px; } button.advise { background: url('./images/mail_small.png') no-repeat 0 50%; padding-left: 20px; } /* * article overlay */ #content .image_overlay_wrapper { position: relative; } #content .image_overlay { display: none; position: absolute; top: 0; left: 0; background: #fff url(./images/preloader.gif) no-repeat center; width: 100%; height: 100%; filter:alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } /* * article details */ .article_border { border: 2px solid #eee; } .article_border:hover { border: 2px solid #ddd; } ul.articles_combi { margin: 0; padding: 0; list-style-type: none !important; } ul.articles_combi li a img { border: 2px solid #eee; } ul.articles_combi li a img:hover { border: 2px solid #ddd; } ul.articles_combi li a { float: left; margin: 0; padding: 0 3px 0 0; } /* * signal image */ .signal_image { display: block; padding: 0 0 0 70px; min-height: 17px; } .signal_image.a0 { color: #B80000; /* red */ background: url('./images/ampel0.png') no-repeat 0px 0px; } .signal_image.a1 { color: #e4b10c; /* blue */ background: url('./images/ampel1.png') no-repeat 0px 0px; } .signal_image.a2 { color: #007C00; /* green */ background: url('./images/ampel2.png') no-repeat 0px 0px; } /* * articles: base */ .styled_view { width: 100%; } .styled_view input.quantity { width: 2em; padding: 0.2em; } .styled_view li { display: block; } .styled_view .custom_content ul, .styled_view .custom_content ol { margin: 0 0 0 20px; } .styled_view .custom_content li { display: list-item; } .styled_view li ul li { margin: 2px 0; } .styled_view li .article_image { text-align: center; } .styled_view li ul.article_info { overflow: hidden; list-style: disc outside none; } .styled_view li ul.article_info > li { color: #666; font-size: 0.9em; margin-left: 1.5em; display: list-item; } .styled_view li ul.article_info li.clean { list-style: none; margin-left: 0; } .styled_view #article_short_desc.custom_content { margin-bottom: 0em; } .styled_view li .article_wrapper { background-color: #fff; /* fix fuer ie7-bug http://www.postner.de/blog/2007/02/28/flackern-bei-linkhover-im-ie7/ */ } .styled_view li .article_wrapper:hover { } /* * articles: list */ .styled_view li.list { width: 100%; padding:15px 0 15px 10px; margin-bottom:15px; border-bottom:solid 1px #ddd; height:250px; } .styled_view li.list h3 { margin: 0 0 4px 0; padding: 0; } .styled_view li.list .article_wrapper { text-align: left; position: relative; } .styled_view li.list .article_wrapper span.stars { position: absolute; top: 3px; right: 0; } .styled_view li.list .article_image { float: left; padding-right: 8px; } .styled_view li.list .article_info_wrapper { overflow: hidden; } .styled_view li.list ul.article_info { width: 50%; float: left; } .styled_view li.list .article_price { width: 50%; float: right; text-align: right; } .styled_view li.list .article_buy { padding-top: 10px; vertical-align: middle; } .styled_view li.list .article_buy input[type="submit"] { vertical-align: middle; } .styled_view li.list .article_buy span { vertical-align: middle; } .styled_view li.list .article_combi { clear: both; } .styled_view li.list .differential_price, .styled_view li.list .financing { display: inline-block; } /* * articles: gallery */ * html #bestseller_view li.gallery, * + html #bestseller_view li.gallery { display:inline; } .styled_view li.gallery { /*width: 32.8%; display: inline-block; vertical-align: top; overflow: hidden;*/ margin: 0 0 5px; margin-bottom:20px; /*background-color:#e9e7e4;*/ width:246px; position:relative; float:left; } .styled_view li.gallery h3 { margin: 4px 0; padding: 0; font-size: 1.0em; font-weight: normal; text-align: center; /*display: none;*/ } .styled_view li.gallery .article_wrapper { margin: 8px 3px 16px 3px; padding: 10px 0; } li.gallery .article_wrapper { margin: 0 10px 5px; margin-bottom:20px; border:solid 1px #e9e7e4; width:241px; height:280px; position:relative; } .styled_view li.gallery .article_financing { display: none; } .styled_view li.gallery .article_image { width: 100%; text-align: center; } .styled_view li.gallery .article_price { width: 100%; } .styled_view li.gallery .article_buy { display: none; } .styled_view li.gallery .article_wrapper span.stars, .styled_view li.gallery .differential_price, .styled_view li.gallery .article_info, .styled_view li.gallery .article_combi { display: none; } /* * articles: mosaic */ * html .styled_view li.mosaic, * + html .styled_view li.mosaic { display: inline; } .styled_view li.mosaic { width: 24.5%; display: inline-block; vertical-align: top; overflow: hidden; } .styled_view li.mosaic .article_wrapper { margin: 3px; padding: 10px 0; } .styled_view li.mosaic .article_image { width: 100%; text-align: center; } .styled_view li.mosaic h3, .styled_view li.mosaic .article_wrapper span.stars, .styled_view li.mosaic .differential_price, .styled_view li.mosaic .article_financing, .styled_view li.mosaic .article_price, .styled_view li.mosaic .article_info, .styled_view li.mosaic .article_buy, .styled_view li.mosaic .article_combi { display: none; } /* * articles: bestseller */ .styled_view.bestseller { border: 1px solid #ddd; } /* * extended design */ a.ed { float: left; display: block; padding-left: 22px; height: 16px; margin: 0 0 0 10px; } a.gallery { background: url('./images/ed.png') no-repeat 0px 0px; } a:hover.gallery { background: url('./images/ed.png') no-repeat 0px -24px; } a.gallery.active, a:active.gallery { background: url('./images/ed.png') no-repeat 0px -48px; } a.list { background: url('./images/ed.png') no-repeat 0px -72px; } a:hover.list { background: url('./images/ed.png') no-repeat 0px -96px; } a.list.active, a:active.list { background: url('./images/ed.png') no-repeat 0px -120px; } a.mosaic { background: url('./images/ed.png') no-repeat 0px -144px; } a:hover.mosaic { background: url('./images/ed.png') no-repeat 0px -168px; } a.mosaic.active, a:active.mosaic { background: url('./images/ed.png') no-repeat 0px -192px; } /* * page navigation */ ul.pagenavi li { display: inline; } ul.pagenavi li.page a { padding: 0.1em 0.45em; display: inline-block; text-decoration: none; color: #444; background-color: #f0f0f0; } ul.pagenavi li.page.selected a { background-color: #ccc; } ul.pagenavi li.page a:hover, ul.pagenavi li.page.selected a:hover { background-color: #ccc; } ul.pagenavi li.prev { margin: 0 5px 0 0; } ul.pagenavi li.next { margin: 0 0 0 5px; } ul.hlist.pad li { padding: 0.5em 0; } /* * overlay */ .overlay_image_wrapper { display: inline-block; position: relative; } .overlay_image { margin: 0 !important; padding: 0 !important; background-repeat: no-repeat; background-position: top left; position: absolute; cursor: pointer; } .overlay_image1 { background-position: top left; } .overlay_image2 { background-position: top center; } .overlay_image3 { background-position: top right; } .overlay_image4 { background-position: center right; } .overlay_image5 { background-position: bottom right; } .overlay_image6 { background-position: bottom center; } .overlay_image7 { background-position: bottom left; } .overlay_image8 { background-position: center left; } .overlay_image9 { background-position: center center; } /* * autocomplete */ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('images/indicator.gif') right center no-repeat; } *html .ui-autocomplete { width:1px; } .ui-menu { list-style: none; padding: 2px; margin: 0; display:block; background-color: #fff; border: 1px solid #f0f0f0; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; cursor: pointer; background-color: #d5e2ff; } /* * tabs */ div.semtabs { margin: 0; padding: 10px; border: 1px solid #ddd; } ul.semtabs { margin: 0 auto; clear: both; list-style: none !important; height: 31px; } ul.semtabs li { float: left; display: block; margin: 0 2px 0 0 !important; } ul.semtabs li a { line-height: 15px; display: block; padding: 8px; text-decoration: none; background-color: #eee; color: #000; } ul.semtabs li.active a { background-color: #ddd; color: #000; } .panel h2.title { display: none; } .panel.notab { margin: 20px 0; } .panel.notab h2 { display: block; } /* * tabs / configuration */ div.configtabs { margin: 8px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #f0f0f0; } #configset ul.semtabs { clear: left; } #configset ul.configtabs { margin: 0 auto; clear: both; list-style: none !important; height: 31px; } #configset ul.semtabs li { float: left; display: block; margin: 0 5px 0 0 !important; } #configset ul.semtabs li a { line-height: 15px; display: block; padding: 8px; text-decoration: none; background-color: #eee; color: #000; /* radius 4 all */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #configset ul.semtabs li.active a { background-color: #f0f0f0; color: #000; } #configset .item_wrapper_single { float: left; width: 25%; } #configset .item_wrapper_single .item { margin: 5px; height: 270px; position: relative; text-align: center; background: #fff url('./images/item_bg.png') repeat-x; border: 1px solid #e5e5e5; /* radius 4 all */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } #configset .item_wrapper_multi { float: left; width: 50%; } #configset .item_wrapper_multi .item { margin: 5px; height: 100px; position: relative; } #configset .item_wrapper_multi .item div.img { float: left; } #configset .item_wrapper_multi .item div.text { padding: 10px 0 0 15px; overflow: hidden; } #configset .item_wrapper_multi .item div.text p.price { padding: 0 0 10px 0; } #configset .item_wrapper_multi .item div.text p.price span.price { font-size: 1em; } #configset .item_wrapper_multi .item a.submit { padding: 1px 8px !important; font-size: 1.4em !important; font-weight: bold !important; color: #666 !important; text-shadow: #fff 0px 1px 0px; } #configset .item h3 { margin: 15px 0 10px 0 ; font-size: 0.85em; font-weight: bold; } #configset .item a.submit { padding: 4px 15px !important; background: #f0efef url('./images/grey_button_bg.png') repeat-x !important; border: 1px solid #ccc; text-shadow: #fff 0px 1px 0px; } #configset .item p.img { margin: 10px 0 10px 0; } #configset .item.first { margin-left: 0px; } #configset .item.last { margin-right: 0px; } #config_ex .info_wrapper { float: right; width: 220px; background-color: #F4F4F4; } #config_ex .items { margin-right: 230px; } #config_ex .info { margin: 5px; } #config_ex .info > p { padding: 0 0 5px 0; font-size: 1.1em; font-weight: bold; } #config_ex .info .selected_items { background-color: #fff; padding: 5px; } #config_ex .info .selected_items .sel_item { width: 98px; height: 98px; background-color: #f8f8f8; float: left; margin: 1px; } #config_ex .info .price_wrapper { margin: 10px 0 5px 0; text-align: center; } #config_ex .info .price_wrapper p.price { text-align: right; padding: 0 0 5px 0; } #config_ex .info .price_wrapper span.price { font-size: 1.6em; } #config_ex .info .price_wrapper button[type="submit"].submit { width: 100%; padding: 8px 0 !important; } .choosen_item { cursor: hand; cursor: pointer; } .ui-effects-explode { z-index: 9999; } /* * filter groups */ #filter_group { margin: 1em 0 0 0; width: 100%; } #filter_group .item { float: left; clear: both; width: 100%; margin-bottom: 3px; background-color: #f8f8f8; } #filter_group strong.label { float: left; width: 25%; display: block; text-align: right; font-weight: bold; vertical-align: middle; line-height: 22px; } #filter_group ul.values { vertical-align: middle; margin-left: 26%; font-size: 0.9em; background-color: #fff; padding: 1px 1em; } #filter_group ul.values li img { vertical-align: middle; } #filter_group ul.values li { display: inline; margin-right: 5px; line-height: 18px; height: 18px; } #filter_group ul.values li a { padding-left: 16px; background: url('./images/filter_checkbox.gif') no-repeat center left; text-decoration: none; display: inline-block; white-space: nowrap; } #filter_group ul.values li a + #filter_group ul.values li.em { white-space: nowrap; } #filter_group ul.values li a:hover { padding-left: 16px; background: url('./images/filter_checkbox_hover.gif') no-repeat center left; text-decoration: none; } #filter_group ul.values li.selected a { padding-left: 16px; background: url('./images/filter_checkbox_checked.gif') no-repeat center left; } #filter_group ul.values li.selected a { font-weight: bold; } em.count, #filter_group ul.values li em.count { color: #666; font-style: normal; font-weight: normal; font-size: 0.8em; } #article_filter select { margin: 0.2em 0.25em; } /* * attributes */ #attribute_list { margin: 0; overflow:hidden; } #attribute_list .item { float: left; clear: both; width: 100%; margin-bottom: 3px; background-color: #f8f8f8; } #attribute_list strong.label { float: left; width: 25%; display: block; text-align: right; font-weight: bold; vertical-align: middle; line-height: 22px; } #attribute_list ul.values { vertical-align: middle; margin-left: 26%; font-size: 0.9em; background-color: #fff; padding: 1px 1em; } #attribute_list ul.values li img { vertical-align: middle; max-height: 40px; } #attribute_list ul.values li { display: inline; margin-right: 5px; white-space: nowrap; line-height: 22px; } /* * taglist */ li.tag { padding-right: 1.6em; } /* * article details */ #article { width: 100%; } #article #goto { margin: 10px 0; } #article .prev_article { width: 50%; float: left; } #article .next_article { width: 50%; float: right; text-align: right; } /* #article .prev_article a, #article .next_article a { line-height: 18px; display: inline-block; text-decoration: none; } #article .prev_article a { padding-left: 20px; background: url('./images/prev16.png') no-repeat left center; } #article .next_article a { padding-right: 20px; background: url('./images/next16.png') no-repeat right center; } */ #article #goto span.next { width: 50%; font-weight: bold; } span.price_label { vertical-align: middle; } span.price { color: #ea641d; font-size: 1.4em; font-weight: normal; vertical-align: middle; white-space: nowrap; } span.price_image { display: inline-block; white-space: nowrap; } .price_wrapper .price_img { white-space: nowrap; } span.price_image img { vertical-align: middle; } label span.price { font-size: 1em; font-weight: normal; vertical-align: inherit; } span.tooltitle { border-bottom: 1px dotted #999; cursor: help; } span.vat_info { font-size: 85%; } span.vat_info { color: #777; } span.vat_info a { color: #555; } .vat_info abbr { border-bottom: 1px dotted #999; cursor: help; } #image_wrapper .image { } #article .article_image { float: left; margin: 0 10px 0 0; } .article_varcombi ul.hlist { width: auto; } #article .article_details { overflow: hidden; } #article ul.article_list li { display: block; } #article ul.article_list li ul.actions { margin: 1em 0 0.25em 0; } #article ul.article_list li ul.actions li { line-height: 1.8em; } #article ul.article_list li.addthis { margin: 8px 0 0 0; } #article .article_images { vertical-align: middle; border: 2px solid #eee; border-top-width: 0; font-weight: bold; padding: 4px; } #article .article_images a { text-decoration: none; } #article .article_images a:hover img { border: 2px solid #eee; } #article .article_images li { padding: 0 10px 0 0; } #article .article_images img { padding: 0; margin: 1px; vertical-align: middle; border: 2px solid transparent; /* radius 4 all */ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; } #article .article_images img.active { border: 2px solid #ddd; } #article .article_varcombi { margin-top: 5px; } #article .article_varcombi p { font-weight: bold; } #article .article_varcombi img { vertical-align: middle; border: 2px solid #eee; margin-right: 4px; } #article_buyfield { position: relative; } #article_buyfield .loader { display: none; position: absolute; top: 0; right: 0; margin: 10px; padding: 10px 10px 10px 30px; background: #fff url('./images/indicator.gif') no-repeat 10px center; /* radius 4 all */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .financing, .comment, .differential_price, #article .article_matrix, #article fieldset.article_buyfield { margin: 1em 0; padding: 10px; background-color: #f5f5f5; display: inline-block; /* radius 4 all */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } select.variation { max-width: 300px; } /* * comment */ .comment { display: block; position: relative; background-color: #f5f5f5; } .comment.active { background-color: #f0f0f0; } .comment.active p.helpfully { display: block; } .comment.jsenabled.active p.helpfully { display: none; } .comment.most_useful { background-color: #fff4e6; } .comment.active.most_useful { background-color: #fff0dd; } .comment p.box_notice { background-color: #fff; padding: 10px 8px; margin: 0 0 1em 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .comment p.title { font-weight: bold; position: relative; margin: 0 0 1.0em 0; } .comment p.title span.rating { position: absolute; top: 0; right: 0; font-weight: normal; font-size: 0.9em; } .comment p.helpfully { display: none; position: absolute; right: 0; top: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding: 5px 8px; margin: 10px 10px 0 0; color: #000; background-color: #fff; text-align: center; } .comment p.helpfully { line-height: 20px; } .comment p.helpfully span { vertical-align: middle; line-height: 20px; display: inline-block; } .comment p.helpfully span.button_help { padding: 0 0 0 8px; } .comment button { display: inline-block; width: 16px; height: 16px; border: 0; } .comment button.helpful { background: url('./images/thumb-up.gif') no-repeat center; } .comment button.not_helpful { background: url('./images/thumb-down.gif') no-repeat center; } .comment p.author { font-size: 0.9em; margin: 0 0 1em 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding: 3px 6px; color: #000; background-color: #fff; } .comment div.body { padding: 0 5px; } .comment div.body blockquote { background-color: #fffcbc; font-style: italic; padding: 10px; border: thin solid black; } #box_votes div.pages { float: left; display: inline; padding: 6px 0 4px 0; } #box_votes div.sortorder { overflow: hidden; text-align: right; } /* * article container */ #article .article_matrix, #article fieldset.article_buyfield { display: block; } #article fieldset.article_buyfield label.block { display: block; } #article fieldset.article_buyfield ul li.label { font-weight: bold; margin: 0 0 5px 0; } #article fieldset.article_buyfield ul { margin: 0 0 10px 0; } #article fieldset.article_buyfield .choose_quantity { background-color: #fff; padding: 5px; text-align: center; /* radius 4 all */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } #article fieldset.article_buyfield .choose_quantity span, #article fieldset.article_buyfield .choose_quantity label, #article fieldset.article_buyfield .choose_quantity button[type="submit"] { vertical-align: middle; } #article input.quantity { width: 38px; padding: 0.25em; font-weight: bold; } #article label.quantity { display: inline; } /* .article_test span, .article_test input { vertical-align: middle; } */ .change_quantity { vertical-align: middle; } .change_quantity a, .change_quantity a:link, .change_quantity a:active, .change_quantity a:visited { width: 1.6em; height: 1.6em; line-height: 1.6em; display: inline-block; background-color: #eee; font-weight: bold; cursor: pointer; text-decoration: none; color: #000; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .change_quantity a:hover { background-color: #ddd; } /* * article category */ .category_wrapper { padding: 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } .category_wrapper.child { margin: 5px; } .category_wrapper.child.first { margin-left: 0; } .category_wrapper.child.last { margin-right: 0; } ul.category_subcategories { margin: 5px 0 10px 0; } .category_wrapper ul.category_item li { float: left; } .category_wrapper ul.category_item li.img { } .category_wrapper ul.category_item li.desc { float: none; overflow: hidden; padding: 5px; } /* * Style ul li lists in custom category-description */ .category_wrapper .desc li { list-style-type: disc; float: none !important; margin-left: 1.7em; } .category_wrapper ul.category_item li.desc div.item_desc { margin-bottom: 1em; } .category_wrapper ul.category_item li.desc div.item_desc:last-child { margin-bottom: 0; } .category_wrapper.child h2 a { font-size: 14px; font-weight: bold; } /* * autocomplete */ .ac_results { padding: 0px; border: 1px solid #ccc; background-color: #fff; overflow: hidden; z-index: 99999; min-width: 300px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font-size: 1.0em; line-height: 18px; overflow: hidden; position: relative; color: #666; } .ac_results li img { float: left; } .ac_results li p { overflow: hidden; padding-right: 60px; padding-left: 5px; font-size: .9em; } .ac_results li span.ac_resultcount { color: #aaa; font-size: 0.85em !important; position: absolute; top: 2px; right: 3px; } .ac_highlight { color: #000; } .ac_loading { background: white url('./images/indicator.gif') right center no-repeat; } .ac_odd { background-color: #fff; } .ac_over { background-color: #d5e2ff; } /* * tag filter */ .tag_filter_wrapper { width: 50%; float: left; text-align: center; } .tag_filter_wrapper fieldset { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; /*background-color: #f9f9f9;*/ border: 1px solid #ddd; } .tag_filter_wrapper fieldset legend { font-weight: bold; font-size: 1.1em; } /* * popup */ #simplemodal-overlay { background-color: #000; } #simplemodal-container { background-color: #fff; border: 6px solid #666; padding: 12px; } #simplemodal-container a.close { background: url('./images/close.png') no-repeat; width: 16px; height: 16px; display: inline; z-index: 3200; position: absolute; top: 12px; right: 12px; cursor: pointer; } /* * tagbox */ .tagbox { padding: 0.5em 0; text-align: center; } .tagbox .tag1 { font-size: .7em; } .tagbox .tag2 { font-size: .8em; } .tagbox .tag3 { font-size: .9em; } .tagbox .tag4 { font-size: 1.0em; } .tagbox .tag5 { font-size: 1.2em; } .tagbox .tag6 { font-size: 1.3em; } .tagbox .tag7 { font-size: 1.4em; } .tagbox .tag8 { font-size: 1.5em; } .tagbox .tag9 { font-size: 1.7em; } .tagbox .tag10 { font-size: 1.7em; font-weight: bold; } /* * comparelist */ .comparelist table.tiny th, .comparelist table.tiny td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; border-left: 1px solid #fff; } .comparelist table.tiny thead th, .comparelist table.tiny thead td { padding: 4px 2px; } /* * stars */ .stars { background: url('./images/stars.png') no-repeat center; width: 56px; height: 10px; display: inline-block; } .stars.p1 { background: url('./images/stars.png') no-repeat 0 -10px; } .stars.p2 { background: url('./images/stars.png') no-repeat 0 -20px; } .stars.p3 { background: url('./images/stars.png') no-repeat 0 -30px; } .stars.p4 { background: url('./images/stars.png') no-repeat 0 -40px; } .stars.p5 { background: url('./images/stars.png') no-repeat 0 -50px; } .stars.p0_25, .stars.p0_75, .stars.p0_5 { background: url('./images/stars.png') no-repeat 0 -60px; } .stars.p1_25, .stars.p1_75, .stars.p1_5 { background: url('./images/stars.png') no-repeat 0 -70px; } .stars.p2_25, .stars.p2_75, .stars.p2_5 { background: url('./images/stars.png') no-repeat 0 -80px; } .stars.p3_25, .stars.p3_75, .stars.p3_5 { background: url('./images/stars.png') no-repeat 0 -90px; } .stars.p4_25, .stars.p4_75, .stars.p4_5 { background: url('./images/stars.png') no-repeat 0 -100px; } /* * matrix */ table.matrix { border-collapse: separate; border-spacing: 2px 2px; } table.matrix td.key { background-color: #ebebeb; text-align: center; } table.matrix td.element { background-color: #ebebeb; text-align: center; font-size: 0.9em; } table.matrix td.element:hover { background-color: #ddd; } table.matrix td.label { font-weight: bold; text-align: center; } table.matrix input[type="text"] { text-align: center; width: 3em; padding: 2px; } /* * vertical text */ .vtext-container { display: block; } .vtext-container em.vtext { font-style: normal; display: block; text-align: center; } /* * vote */ fieldset.vote_item label { margin: 4px 0; } /* * zipcode dropdown */ #form_city_dropdown ul { background-color: #f7f7f7; } #form_city_dropdown ul li { cursor: pointer; padding: 2px 4px; } #form_city_dropdown ul li:hover { background-color: #f0f0f0; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { margin: -2px; padding: 0 1px 1px 0; background-color: #fff; border: 2px solid #aaa; cursor: url('./images/zoom.cur'), pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; } /* This is for the title text. */ .cloud-zoom-title { font-family: Arial, Helvetica, sans-serif; position: absolute !important; background-color: #000; color: #fff; padding: 3px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; bottom: 0px; } /* This is the zoom window. */ .cloud-zoom-big { margin: -2px; border: 2px solid #eee; overflow: hidden; background-color: #fff; background-repeat: no-repeat; } /* This is the loading message. */ .cloud-zoom-loading { color: white; background: #222; padding: 3px; border: 1px solid #000; } /* * produktscroller */ .jcarousel-skin-tiny .jcarousel-container { background: #fff; border: 1px solid #ddd; /* radius 4 all */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .jcarousel-skin-tiny .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tiny .jcarousel-container-horizontal { padding: 2px 17px; } .jcarousel-skin-tiny .article_wrapper a, .jcarousel-skin-tiny .jcarousel-clip-horizontal, .jcarousel-skin-tiny .jcarousel-item { height: 75px; } .jcarousel-skin-tiny .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tiny .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tiny .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tiny .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 16px; height: 100%; cursor: pointer; background: #ddd url(./images/next-horizontal.png) no-repeat 0 center; } .jcarousel-skin-tiny .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(./images/prev-horizontal.png); } .jcarousel-skin-tiny .jcarousel-next-horizontal:hover { background-color: #ccc; background-position: -16px center; } .jcarousel-skin-tiny .jcarousel-next-horizontal:active { background-position: -32px center; } .jcarousel-skin-tiny .jcarousel-next-disabled-horizontal, .jcarousel-skin-tiny .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tiny .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -48px center; } .jcarousel-skin-tiny .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 16px; height: 100%; cursor: pointer; background: #ddd url(./images/prev-horizontal.png) no-repeat 0 center; } .jcarousel-skin-tiny .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(./images/next-horizontal.png); } .jcarousel-skin-tiny .jcarousel-prev-horizontal:hover { background-color: #ccc; background-position: -16px center; } .jcarousel-skin-tiny .jcarousel-prev-horizontal:active { background-position: -32px center; } .jcarousel-skin-tiny .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tiny .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tiny .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -48px center; } .jcarousel-skin-tiny .article_wrapper a { padding: 5px; border: 1px solid transparent; text-decoration: none; display: block; } .jcarousel-skin-tiny .article_wrapper a:hover { background-color: #f0f0f0; } .jcarousel-skin-tiny .article_wrapper a:hover .title { text-decoration: underline; } .jcarousel-skin-tiny span.img { margin-right: 5px; float: left; display: block; } .jcarousel-skin-tiny span.desc { overflow: hidden; float: none; display: block; } .jcarousel-skin-tiny span.desc .text { color: #313131; } .jcarousel-skin-tiny span.desc span.price { font-size: 1.0em; } /* fix */ .jcarousel-list li, .jcarousel-item { height: 75px; width: 250px; } /* * article vote */ #article_votes { float: left; } #article_information { overflow: hidden; } #article_votes ul { margin: 0 20px 0 0; } #article_votes li div, #article_votes li.vote_item { margin: 2px 0; height: 17px; line-height: 17px; } #article_votes li div { margin: 0; float: left; } #article_votes div.title { width: 65px; } #article_votes div.colored { width: 150px; background-color: #efefd9; } #article_votes div.inner { background-color: #ffc042; } #article_votes div.count { margin: 0 0 0 5px; } /* * page footer links */ .footer_links a { padding: 0; line-height: 16px; margin: 0.35em 0.25em 0 0.25em; display: inline-block; } .footer_links a.print { padding-left: 20px; background: url('./images/print.png') no-repeat center left; } .footer_links a.back { padding-left: 20px; background: url('./images/back.png') no-repeat center left; } .footer_links a.top { padding-left: 20px; background: url('./images/top.png') no-repeat center left; } /* * date picker */ .datepicker { border-collapse: collapse; border: 4px solid #f0f0f0;; position: absolute; z-index: 180; width: 250px; } .datepicker tr.controls th { height: 22px; } .datepicker select { padding: 2px; margin: 0 1px; } .datepicker tr.days th { height: 18px; } .datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; } .datepicker th, .datepicker tfoot td { background: #fff; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; } .datepicker th span, .datepicker tfoot td span { font-weight: bold; } .datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; } .datepicker tbody td.date { cursor: pointer; } .datepicker tbody td.date.over { background-color: #0000ff; color: #fff; } .datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; color: #000; } /* * fancy box */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('./images/fancybox/fancy_loading.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; border: 5px solid #f0f0f0; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: transparent url('./images/close.png') no-repeat center; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; background-color: #fff; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('./images/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 46px; height: 40px; margin-top: -20px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('./images/fancybox/fancy_nav_left.png'); } #fancybox-right-ico { background-image: url('./images/fancybox/fancy_nav_right.png'); } #fancybox-left-ico, #fancybox-right-ico { filter:alpha(opacity=20); -moz-opacity: 0.20; -khtml-opacity: 0.20; opacity: 0.20; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover #fancybox-left-ico, #fancybox-right:hover #fancybox-right-ico { filter:alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; } #fancybox-title-float-right { padding: 0 0 0 15px; } #fancybox-left-ico { left: 0; } #fancybox-right-ico { right: 0; left: auto; } /* * image preview */ #image_preview { position: absolute; padding: 0; margin: 0; display: none; z-index: 999; filter:alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; } #image_preview img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border: 2px solid #e0e0e0; background-color: #fff; } /* * hide pseudo cron image */ img[src="includes/cron_inc.php"] { display: none; } a.checkboxInfo { background: url('./images/question_small.png'); display: inline-block; width: 16px; height: 16px; vertical-align: middle; } /* * bestellvorgang */ /* * Buttonloesung: Bestellpositionen inkl Pflichtinformationen gestalterisch hervorheben */ table.tiny.positions { background: #f6f6f6; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; } table.tiny.positions tr.sums td { background-color: #fbfbfb; text-align: right; } table.tiny.positions tr.sums.xxx td { border-top: 2px solid #ddd; } table.tiny.positions tr.sums.final { font-weight: bold; } table.tiny.positions th, table.tiny.positions td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 4px 6px; } table.tiny.positions thead th, table.tiny.positions thead td { padding: 4px 2px; } #bestellvorgang a.button_edit { font-size: 0.9em; } /* * assistent */ #selection_wizard { width: 97%; padding: 10px; border: 3px solid #F2F2F2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } #selection_wizard li { border: 1px solid #cccccc; background-image: -moz-linear-gradient(center top, #FCF9FC 18%, #F2F2F2 59%, #E8E8E8 80%); /* Firefox */ background-image: -webkit-gradient(linear, left top, left bottom, from(#FCF9FC), to(#E8E8E8)); /* Safari, Chrome */ background-image: -o-linear-gradient(top, #FCF9FC, #E8E8E8); background-image: linear-gradient(top, #FCF9FC, #E8E8E8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCF9FC', endColorstr='#E8E8E8'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCF9FC', endColorstr='#E8E8E8')"; /* IE8 */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-color: #E5E5E5 #DBDBDB #D2D2D2; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); margin: 0px 0px 5px 0px; padding-left: 5px; overflow:hidden; } #selection_wizard .question { width: 30%; padding: 8px 0; float: left; border-top: 1px solid #ffffff; } #selection_wizard .answers { width: 70%; line-height: 30px; min-height: 30px; overflow: hidden; position: relative; } #selection_wizard .answers a { text-decoration: none; } #selection_wizard .edit { background: url('./images/selectionwizard_edit.png'); width: 22px; height: 22px; cursor: hand; cursor: pointer; position: absolute; top: 5px; right: 10px; } #selection_wizard .btn_select { position: absolute; top: 5px; right: 10px; width: 7em; height: 22px; } #selection_wizard .description { width: 99%; padding-bottom: 5px; } #selection_wizard li.disabled { opacity: .5; } #selection_wizard li.invisible { display: none; } #selection_wizard li.disabled span { display: none; } #selection_wizard li.disabled form { display: none; } /* * RMA */ #rma_choose .special_info { display: none; } #rma_choose .special_comment { display: none; } #rma_choose .quantity { width: 20px; } #rma_choose .comment { width: 250px; height: 80px; margin-top: 0px; } #rma_choose .fillout { border: 1px solid red !important; } #rma_choose p.required1 { padding-left: 1em; } #rma_choose .rma_sent { font-size: 0.8em; } #rma_overview .rma_sent { font-size: 0.8em; } #rma_overview .howto { background: transparent url('./images/rma_flow.png') no-repeat top left; width: 602px; height: 129px; } #jtl_rma ul { padding: 0 0 0 20px; } #jtl_rma li { list-style-type: disc; } /* * uploader */ p.upload_title { } p.upload_desc { color: #777; font-size: 85%; } .uploadifyButton { background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; font: 11px Arial, Helvetica, sans-serif; padding: 8px 0; text-align: center; font-weight: bold; width: 90px; } .uploadify:hover .uploadifyButton { color: #fff; cursor: pointer; background-color: #808080; } .uploadifyMsg { width: 300px; font-size: 0.95em; } .uploadifyMsg a.delete { float: right; width: 14px; height: 14px; margin: 0 5px 0 0; background: #000 url('./images/cancel_state.gif') 0px 0px no-repeat; } .uploadifyMsg a.delete:hover { background: #000 url('./images/cancel_state.gif') -14px 0px no-repeat; } .uploadifySuccess { width: 270px; padding: 0 0 0 30px; background: #edffee url('./images/box_success.png') 4px center no-repeat; } .uploadifyError { width: 270px; padding: 0 0 0 30px; background: #fff3e3 url('./images/box_error.png') 4px center no-repeat; } .uploadifyQueueItem { width: 300px; position: relative; font: 11px Verdana, Geneva, sans-serif; } .uploadifyQueueItem a.cancel { position: absolute; top: 0; right: 0; width: 14px; height: 14px; background: #000 url('./images/cancel_state.gif') 0px 0px no-repeat; } .uploadifyQueueItem a.cancel:hover { background: #000 url('./images/cancel_state.gif') -14px 0px no-repeat; } .uploadifyQueueItem .data, .uploadifyQueueItem .fileName { font-size: 0.9em; white-space: nowrap; } .uploadifyQueueItem .data { font-weight: bold; } .uploadifyQueue .completed { background-color: #E5E5E5; } .uploadifyProgress { width: 298px; background: url('./images/progress.png') repeat-x; margin: 5px 0 0 0; border: 1px solid #626562; border-width: 0 1px; } .uploadifyProgressBar { background: url('./images/progressbar.png') repeat-x; height: 12px; width: 1px; } /* * downloads (customer center) */ #jtl_downloads td.dl_download { vertical-align: middle; } #jtl_downloads td.dl_download button { background: url('./images/download.gif') no-repeat; width: 24px; height: 24px; margin: 0px auto; border: 0px; cursor: pointer; } table.tiny td div.dl_active { background: url('./images/success_small.png') no-repeat; width: 16px; height: 16px; margin: 0px auto; border: 0px; } /* * downloads (article) */ #article_downloads { margin: 15px 0 25px 0; } /* * popup */ #popup { width: 100%; text-align: left; } #popup h1 { font-size: 1.3em; font-weight: bold; margin: 0 0 0.25em 0; border-bottom: 1px dotted #aaa; } #popup_close { text-align: center; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /* * configurator */ #article_configuration { margin: 20px 0; } #config_wrapper .config_group { position: relative; margin: 10px 0; clear: both; } #config_wrapper .config_group .img { float: left; width: 140px; text-align: center; display: block; padding: 0 10px 0 0; } #config_wrapper .config_group img { max-width: 140px; } #config_wrapper .config_group .group { overflow: hidden; /* radius 4 all */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; background-color: #f5f5f5; padding: 5px 15px 15px 15px; } #config_wrapper .config_group .title { font-weight: bold; font-size: 1.1em; padding: 3px 0; } #config_wrapper .config_group .desc { font-size: 0.9em; } #config_wrapper .config_group .actions { float: right; margin: 6px 0 15px 15px; } #config_wrapper .config_group .desc + .title { color: #ff00ff !important; } #config_wrapper .config_group .desc + .actions { margin-top: 18px; } #config_wrapper .config_group .actions p, #config_wrapper .config_group .actions a { color: #666; background-color: #fff; display: inline; text-decoration: none; font-size: 0.9em; padding: 5px 8px; /* radius 4 all */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #config_wrapper .config_group .actions p.error { color: #fff; background-color: #CC474E; } #config_wrapper .config_group .item_wrapper { margin: 10px 0 0 0; padding: 10px; /* radius 4 all */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; background-color: #fff; } #config_wrapper .config_group .item label { position: relative; padding: 5px 70px 3px 5px; display: block; /* radius 4 all */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid transparent; } #config_wrapper .config_group .item select { width: 100%; } #config_wrapper .config_group .item label:hover { border: 1px solid transparent !important; background-color: #f5f5f5 !important; } #config_wrapper .config_group .item label.recommended { border: 1px solid #e1ffe2; background-color: #edffee; } #config_wrapper .config_group .item.error label { border-color: #FFEBD2; background-color: #FFF3E3; } #config_wrapper .config_group .item.error select { border-color: #FFEBD2; background-color: #FFF3E3; } #config_wrapper .config_group .item p.box_error { margin: 5px 0 10px 0; padding: 0.5em 0.5em 0.5em 20px; background: #FFF3E3 url('./images/arrow_double_top.gif') 5px center no-repeat; } #config_wrapper .config_group .item .price { position: absolute; right: 5px; top: 5px; color: #999; } #config_wrapper .config_group .item .additional, #config_wrapper .config_group .item .discount { padding: 0 15px 0 0; font-size: 0.9em; } #config_wrapper .config_group .item .discount { color: #70B878; } #config_wrapper .config_group .item .additional { color: #537AAD; } #config_wrapper .config_group .quantity { padding: 5px; margin: 5px 0 0 0; vertical-align: middle; border-top: 1px dotted #ccc; } #config_wrapper .config_group .quantity label { vertical-align: middle; } #config_wrapper .config_group .quantity input { width: 38px; padding: 0.25em; vertical-align: middle; } #config_wrapper .config_group .quantity input.disabled { background-color: #eee; } .sidebox.box_config div.sidebox_content{ background-color: #fff; } #box_config_list { } #box_config_list ul { margin: 0 0 5px 0; padding: 0 0 5px 0; list-style-type: none; border-bottom: 1px dotted #ccc; } #box_config_list ul li { font-size: 0.9em; padding: 4px 0; margin: 0; } #box_config_list ul li p.quantity { color: #666; float: left; min-width: 20px; padding: 0 0.5em 0 0; } #box_config_list ul li p { overflow: hidden; } #box_config_list ul li:first-child { padding-top: 0px; } #box_config_list ul li.title { list-style-type: none; margin: 0 !important; font-weight: bold; } #box_config_price { text-align: center; } #box_config_price span.price_label { font-size: 0.9em; /*display: block;*/ } #box_config_price span.price { display: block; } .config_overlay { display: none; position: absolute; z-index: 9999; background-color: #f5f5f5; padding: 10px; margin: 5px 0 0 0; width: 670px; /* radius 4 all */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0px 4px 10px #999; opacity: 0.95; } /* * config / slider */ #config_slider_wrapper .ui-slider { position: relative; text-align: left; background: transparent url('./images/slider_track.gif') top left no-repeat; width: 409px; height: 20px; } #config_slider_wrapper .ui-slider-active { position: relative; text-align: left; background: transparent url('./images/slider_track_hover.gif') top left no-repeat; height: 20px; width: 0px; } #config_slider_wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 10px; cursor: e-resize; } #config_slider_wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } #config_slider_wrapper .ui-slider-horizontal { margin: 5px 0 15px 0; } #config_slider_wrapper .ui-slider-horizontal .ui-slider-handle { top: 20px; margin-left: -10px; background: transparent url('./images/slider_handler.gif') top left no-repeat; } #config_slider_wrapper .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #config_slider_wrapper .ui-slider-horizontal .ui-slider-range-min { left: 0; } #config_slider_wrapper .ui-slider-horizontal .ui-slider-range-max { right: 0; } #config_slider_wrapper #box_config_list ul li p.quantity.percent { min-width: 40px; } #config_slider_wrapper .item_wrapper { } #config_slider_wrapper .item_wrapper .item { padding: 10px 0; border-bottom: 1px dotted #ccc; background: #f5f5f5 url('./images/slider_group_bg.gif') top left repeat-x; } #config_slider_wrapper .item_wrapper .item .img { float: left; } #config_slider_wrapper .item_wrapper .item .desc { overflow: hidden; margin: 15px 0 0 0; } #config_slider_wrapper .item_wrapper .item .slider { float: left; width: 410px; padding: 0 20px; } #config_slider_wrapper .item_wrapper .item .slider h2 { float: left; font-size: 1.4em; margin: 0; } #config_slider_wrapper .item_wrapper .item .slider h2.slider_value { float: right; } #config_slider_wrapper .item_wrapper .item .slider h2.slider_value.not_null { color: #E3531B; } #config_slider_wrapper .item_wrapper .item .info { float: left; } #config_slider_wrapper .item_wrapper .item .info p { line-height: 1.8em; } #config_slider_wrapper .item_wrapper .item .info p.price_base { color: #666; font-weight: bold; } #config_slider_wrapper .item_wrapper .item .info p.comp_desc { font-size: .9em; max-width: 260px; } #config_slider_wrapper .item_wrapper .item.active { border-bottom: 1px dotted #ffda53; background: #f6f1dd url('./images/slider_group_bg_active.gif') top left repeat-x; } #config_slider_wrapper .item_wrapper .item.disabled { opacity: 0.4; } #config_slider_wrapper .item_wrapper .item.active .ui-slider { background: transparent url('./images/slider_track_active.gif') top left no-repeat; } #box_config_list .pro_out { background-color: #ededed; height: 10px; margin: 2px 0; } #box_config_list .pro_in { background-color: #e3531b; height: 10px; width: 1px; } #box_config_list .glob { margin: 0 0 10px 0; } #box_config_list .overall_out { background-color: #ededed; position: relative; height: 20px; margin: 2px 0; } #box_config_list .overall_value { top: 0; left: 0; position: absolute; width: 100%; color: #fff; line-height: 20px; text-align: center; } #box_config_list .overall_value > span { color: #333; padding: 0 3px; } #box_config_list .overall_in { background-color: #DBDBDB; height: 20px; width: 1px; } .imagemap .area, .imagemap .area_desc { display: none; position: absolute; } .imagemap .area { background-color: #fff; opacity: 0.4; -ms-filter: "alpha(opacity=40)"; /* IE 8 */ filter:alpha(opacity=40); /* IE4-7 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .imagemap .area_desc { font-size: 11px; background-color: #fff; border: 1px solid #eee; color: #000; box-shadow: 0px 0px 20px rgba(000,000,000,0.9), inset 0px 0px 3px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 20px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 20px rgba(000,000,000,0.7), inset 0px 0px 3px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 20px rgba(000,000,000,0.9), inset 0px 0px 3px rgba(255,255,255,1); opacity: 0.9; padding: 8px; z-index: 9999; min-width: 200px; max-width: 400px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .imagemap .area > a { display: block; width: 100%; height: 100%; /* background: transparent url('./images/magnify_overlay.png') top left no-repeat; */ } .imagemap .area > a:hover { /* background-position: 0 -762px; */ } .imagemap .custom_content .photo img { float: left; margin: 0 5px 5px 0; max-height: auto; height: 60px; width: auto; max-width: 60px; } .imagemap .custom_content .price { font-size: 1em; } .imagemap .custom_content .description { clear: left; } /* * Product Bundles */ .product_bundle { background-color: whiteSmoke; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding: 10px; } .product_bundle div.bundle { background-color: white; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; vertical-align: middle; padding: 10px; } .product_bundle div.bundle li { display: inline-block; vertical-align: middle; } .product_bundle div.header { font-weight: bold; line-height: 40px; height: 40px; vertical-align: middle; font-size: 1.2em; } .product_bundle div.footer { vertical-align: middle; margin: 10px 0 0 0; } .product_bundle div.footer div.price { float: left; margin: 0 15px 0 0; } .product_bundle div.footer span.price { font-weight: bold; font-size: 1.2em; color: #4A4A4A; } .product_bundle div.footer div.basket { } .product_bundle div.footer span.discount { font-weight: normal; font-size: 0.8em; color: #4A4A4A; } .product_bundle span.plus { color: #DD4800; font-weight: 700; font-size: 3em; margin: 0 5px; } ul.topmenu { position: relative; } ul.topmenu li { font-weight: bold; float: left; zoom: 1; background: #ccc; } ul.topmenu a:hover { color: #000; } ul.topmenu a:active { color: #ffa500; } ul.topmenu li a { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; } ul.topmenu li:last-child a { border-right: none; } ul.topmenu li.hover, ul.topmenu li:hover { background: #F3D673; color: black; position: relative; } ul.topmenu li.hover a { color: black; } /* LEVEL TWO */ ul.topmenu ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; } ul.topmenu ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; } ul.topmenu ul li a { border-right: none; width: 100%; display: inline-block; } /* LEVEL THREE */ ul.topmenu ul ul { left: 100%; top: 0; } ul.topmenu li:hover > ul { visibility: visible; } ul.input_block li { width:150px; } .kiste { width:100%; border:solid 1px #ccc; margin-bottom:20px; padding-top:15px; }