/* .oc:CSS-stVooCtrlDetail.css - Voomates - /templates/#Voo#/frontend/_resources/styles/stVooCtrlDetail.css - 2013-07-12:0900. */ /* .wpa: wolfgang papendieck [papendieck.net] - oc: oliver martens [OMARtecc engineering]. */ /* .2012 wpa,oc, Original by Shopware (http://www.shopware.de). */ /* .voomates - Shopware 4.0.5. Stylesheet. */ /* .. */ /*oc: */ /* .ctrl:detail-------------------------------------------------------------. */ /* .oc:style.css----------------------------------------------------------... */ /* General */ /*oc: #content #detail {width:800px;margin-left:10px;} */ /*oc: #buybox {width:250px;margin-right: 10px;} */ #detail .article_details_price2 {font-size:20px;line-height:20px;} #detail .article_details_price2 span {font-size:12px} #detail .article_details_price2 em {font-size: 12px;line-height:16px;text-decoration: line-through;display: block;} #detail .article_details_price2 strong {font-weight: 700;display:block;margin-bottom: 10px;} #detail em {font-style: normal} /*oc: #content #detail #detailbox_middle, #content #detail #detail_menu, #content #detail #basketButton {position: static;} */ /*oc: #detail .border {border-bottom: 1px solid;} */ /*oc: #detail .wrapper {margin-left: 5px;width: 285px;} */ /*oc: .basketform .error {width: 220px;} */ #detail #article_details .modal_open a {text-decoration: underline;} /* Navigation */ /*oc: .menu_top {position: static;margin-bottom: 42px;} */ /*oc: .article_overview, .article_back, .article_next {display: block; float:left;font-size:12px;} */ .article_overview {display: block; float:left;font-size:12px;} .article_overview {margin-left: 290px;background: url(../images/icons/ico_listing-overview.png) left center no-repeat;padding: 0 0 0 20px;width:145px;} .article_navi {width:240px;float:left;height:16px;margin: 0 0 0 73px;} /*oc: .article_back {float:left} */ /*oc: .article_next {float:right} */ /*oc: .article_back a {background: url(../images/icons/ico_listing-prev.png) left center no-repeat;padding: 0 0 0 20px;} */ /*oc: .article_next a {background: url(../images/icons/ico_listing-next.png) right center no-repeat; padding: 0 20px 0 0;} */ /* Images*/ /*oc: #detailbox #img {width: 285px;} */ /*oc: #detailbox #img img {display: block;margin:0 auto;} */ /*oc: #detailbox #img #wrap {display: block; min-height: 255px;} */ /*oc: #zoom1 {display:block} */ /*oc: #zoom1 {display: block;margin: 0 auto;} */ .cloud-zoom-big, #cloud-zoom-big {border: 5px solid;} #thumbs a {padding: 2px;border: 1px solid;margin: 2px;width: 56px;height: 56px;display: block;} #thumbs a:hover, #thumbs a.active {border: 1px solid;} .thumb_box a {float: left; height: 45px; width:45px; display: block; padding:0px; margin: 0 9px 5px; border: 2px solid;} .thumb_box a:hover {border: 2px solid;} /* Article details middle */ /*oc: #detailbox h1, .article_details_price{font-size: 14px; font-weight: 700; line-height: 20px;margin-bottom: 15px;} */ /*oc: .article_details_price{font-size: 14px; font-weight: 700; line-height: 20px;margin-bottom: 15px;} */ /*oc: #detail h1 {font-size: 16px;line-height:20px;font-weight: 700;margin-bottom: 20px;} */ div#article_details p {margin: 0;} div#article_details div.article_details_bottom {margin-top: 15px;} /*oc: .article_details_price {display: block;font-size: 18px;} */ div#article_details .delivery_container {margin: 5px 0 0 0;} /* Configurator */ /*oc: #buybox select {width: 115px;float: left;} */ #buybox select.variant, #buybox #configForm select {width: 240px;} /*oc: #buybox label {width: 125px;float: left;position: static;margin-top: 6px;} */ #buybox #configForm p {margin: 0;} #buybox #configForm select {margin: 0 0 15px 0;} #buybox .config_table th {padding: 0 5px;} #buybox .config_table tbody th {text-align: center;} /*oc: #buybox #basketButton {margin-top:15px;width: 241px;background-image: url("../images/backgrounds/bg_basketbutton.png");background-repeat: no-repeat;height: 40px;border:0 none;color:#fff;font-size:14px;cursor: pointer;} */ /* Upprice configurator */ #buybox .config_select p {margin: 0 0 5px;} #buybox .config_select select {float: none;width: 220px;margin: 0 0 15px;} /* Accessories */ #buybox .accessory_container p {margin: 0;} #buybox .accessory_container h2 {width: 228px;} #buybox .accessory_container label {width: 200px;cursor:pointer;} #buybox .accessory_container input.chkbox {float:right;margin-right: 5px;} #buybox .accessory_container label:hover {text-decoration: underline;} #buybox .accessory_container .accessory_group {margin:0 0 10px 0;border: 1px solid;border-top: 0 none; padding: 5px 0 10px 10px;position: relative;width: 228px;} /* Accessory overlay */ #content #buybox .accessory_container .accessory_overlay {position: absolute;right: 260px;top:-30px;display: none;z-index:20} #content #buybox .accessory_container .accessory_overlay .artbox {margin: 0;} #content #buybox .accessory_container .accessory_overlay .inner {width: 230px;height: 220px;} #content #buybox .accessory_container .accessory_overlay p.price, #content #buybox .accessory_container .accessory_overlay p.pseudoprice {bottom: 10px;left:10px;} #content #buybox .accessory_container .accessory_overlay p.price {bottom: 0px;} #content #buybox .accessory_container .accessory_overlay .unit {bottom: 40px; left:10px;} /* Notification */ #sendArticleNotification {border: 1px solid; padding: 8px;width: 222px;} #article_notification .notice {width: 220px;} #article_notification label {display: block;} #sendArticleNotification .text {width: 210px;} /* Description */ /*org: #description h2, #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;} */ #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;} /*org: #description h2, #comments h2, #related h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px 0;} */ #comments h2, #related h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px 0;} #description ol {margin-left: 25px;} #description ul {margin-left: 20px;} #description ul li, #description ol li {list-style: disc;float:none;} #description ol li {list-style: decimal} /* Tabs */ .ui-tabs { position: relative; padding: .2em;} .ui-tabs .ui-tabs-nav {margin: 0; padding: 0;} .ui-tabs .ui-tabs-nav a span {float:left;} .ui-tabs .ui-tabs-nav a span.star {float:left;display:block; margin:1px 0 0 5px;} .ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; margin: 0 .6em 0px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; border: 1px solid; background: url("../images/backgrounds/bg_tabs-inactive.png") repeat-x;} .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:1px;position: relative;z-index:1;margin-bottom: -1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} .ui-tabs .ui-tabs-panel { display: block;padding: 1em 1.4em; background: none;} .ui-tabs .ui-tabs-hide { display: none !important;} .ui-tabs .ui-tabs-nav li.ui-state-active {background-image: none;} /* Detailinfo */ /*org-err: #detail #detailinfo {background: #f5f4f0 url(../images/backgrounds/bg_detailinfo.png) left top repeat-x;padding-left: 19px;padding-bottom: 1000em;margin-bottom: -1000em;} */ /*oc: #detail #detailinfo{ background:#f5f4f0 url(../images/backgrounds/bg_detailinfo.png) left top repeat-x; padding-left:19px; } */ /*oc: #detail #detailinfo #tabs {width: 765px;padding: 15px 0 0 0;overflow: hidden;margin: 0 0 18px 0;} */ /*oc: #detail #detailinfo .inner_tabs {background: #fff;border: 1px solid;min-height: 420px;width: 763px;overflow:hidden;} */ /*oc: #detail #detailinfo .ui-tabs-panel {width: 485px;text-align: left;padding-top: 25px;float:left;} */ /*oc: #detail #detailinfo .ui-tabs-panel h3 {font: bold 12px Arial, sans-serif;text-transform: none;margin: 15px 0 10px 0;} */ /*oc: #detail #detailinfo .ui-tabs-panel .lst_bullet li {list-style: disc;margin-bottom: 5px;} */ /*oc: #detail #detailinfo #description {padding-right: 25px;width:475px;line-height:16px;} */ /* .similar. oc:changed. */ /*oc-no: #detail #detailinfo .similar {width: 235px;border-left: 1px solid;min-height: 365px;padding: 0 0 1000em 10px;margin:0 0 -1000em;float:left;} */ /*oc-no: #detail #detailinfo .similar h3 {text-transform: none;font-size:14px;font-weight: 700;margin: 25px 0 0 10px} */ /*oc-no: #detail #detailinfo .similar .artbox {width:235px;border: 0 none;margin-right: 0;} */ /*oc-no: #detail #detailinfo .similar .artbox .inner {width: auto;overflow:auto;float:none;} */ /*oc-no: #detail #detailinfo .similar .artbox .artbox_thumb {height: 57px; width: 57px;border: 1px solid #dbdbdb;margin:0px;float:left;} */ /*oc-no: #detail #detailinfo .similar .title_price {width:140px;float:left;margin-left:10px;} */ /*oc-no: #detail #detailinfo .similar .artbox .title {display:block;} */ /*oc-no: #detail #detailinfo .similar .artbox .price {position: static;} */ /*oc-no: #detail #detailinfo .similar .artbox .actions {display: none;} */ /* Comments */ /*oc: .inner_tabs #comments .overview_rating strong, .inner_tabs #comments .overview_rating .star, .inner_tabs #comments .overview_rating span {float:left;margin-right:5px;} */ /*oc: .inner_tabs #comments .overview_rating span {margin-right: 0;} */ /*oc: div.comment_block .date, div.comment_block .author {display: block;} */ /*oc: div.comment_block .author, div.comment_block .date {font-weight: 700;} */ /*oc: #detail #detailinfo #comments form {border: 1px solid;padding:10px;border-top:0 none;} */ /*oc: #detail #detailinfo #comments form p {margin: 0 0 0.8em;} */ /*oc: #detail #detailinfo #comments form h4 {font-weight: 700;} */ /*oc: #detail #detailinfo #comments fieldset input {width:240px;} */ /*oc: #detail #detailinfo #comments form textarea {width: 425px;} */ /*oc: #detail #detailinfo #comments .left_container {width: 140px;float:left;} */ /*oc: #detail #detailinfo #comments .right_container {float:left;width:345px} */ /*oc: #detail #detailinfo #comments .right_container h3 {margin-top:0;} */ /*oc: #detail #detailinfo #comments .comment_block {border-bottom: 1px solid;padding-top:10px;} */ /*oc: #detail #detailinfo #comments .last {border-bottom: 0 none;} */ /* Captcha */ /*oc: #detail #tabs .ui-tabs-panel label {width: 180px;display: block;float:left;margin-top:8px;} */ /*oc: #detail #tabs .ui-tabs-panel input.text {width: 250px;float:left;} */ /*oc: #detail #tabs .ui-tabs-panel textarea {width: 250px;height:150px;} */ /*oc: #detail #tabs .ui-tabs-panel .captcha img, .captcha .code {display: block; float: left;} */ /*oc: #detail #tabs .ui-tabs-panel .captcha .code label {width: 260px;padding-left: 20px;display:block; float: none;} */ /*oc: #detail #tabs .ui-tabs-panel .captcha .code input {width: 260px; margin-left: 20px;} */ /*oc: #detail #tabs .ui-tabs-panel .buttons {text-align: right;margin-right:20px;} */ /*oc: #detail #tabs .ui-tabs-panel .buttons input {width:145px;} */ /* Configurator Upprice */ #buybox .upprice_config strong {display: block;} #buybox .upprice_config p {margin: 0;} #buybox .upprice_config select {float:none;margin-bottom:14px;width:240px;} /* .additional links menu. */ /*oc-noneed: #detail #detail_menu li {font-size:10px;border: 1px solid;width: 240px; text-align: left;border-bottom: 0 none; } */ /*oc-noneed: #detail #detail_menu li a {display: block;margin-left:5px;background: url("../images/icons/ico_listing-next.png") 0 center no-repeat;padding: 5px 0px 5px 20px} */ /*oc-noneed: #detail #detail_menu li.lastrow {border-bottom: 1px solid;} */ /* DELIVERY STATUS SPRITE */ /*oc: .status0 , .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 {display: block;float: left;margin: 0 5px 0 0;height: 14px; width: 14px;background: url(../images/sprite_delivery.png) 0 -14px no-repeat;} */ /*oc: .status0, .status1, .status6 {background-position: 0 -14px;} /* yellow */ /*oc: .status2, .status5, .status7 {background-position: 0 0;} /* green */ /*oc: .status4, .status8 {background-position: 0 -28px;} /* red */ /* .end:style.css---------------------------------------------------------... */ /* .oc:colors.css---------------------------------------------------------... */ /* ARTICLE DETAILS */ /*oc: #detail h1 {color:#333;} */ /*oc: #detail .border {border-color: #c7c7c7;} */ /*oc: #detail, #detail a, */ /*oc: #content #detail .article_details strong.supplier, */ /*oc: .artbox .article_price_unit p, */ /*oc: .artbox .article_price_unit_pseudo p, */ /*oc: div#notes .article_price_unit p, */ /*oc: #content .orders .orderoverview_active .article_price_unit {color:#999;} */ .article_overview {color:#9c9c9c} .article_overview a {color:#7a7a7a;} #detail .article_details_price2 strong {color: #990000} #detail .article_details_price2 strong.starting_price {color: #333;} #content #detail #detailbox_middle .article_details_price strong {color: #333;} .cloud-zoom-big, #cloud-zoom-big, #thumbs a, .thumb_box a:hover, ul#menu_right {border-color:#dedede} #thumbs a:hover, #thumbs a.active {border-color:#555} .thumb_box a {border-color:#e3e3e3;background-color:#fff;} .thumb_box a:hover {border-color: #999} #detail #article_details .modal_open a {color: #666;} /*oc: .deliverable1 {color: #009900;} */ /*oc: .deliverable2 {color: #514721;} */ /*oc: .deliverable3 {color: #990000;} */ /*oc: .deliverable4 {color: #990000;} */ .box_bundleset {border-color:#c7c7c7;} /*oc: #detail #detailinfo #comments form {background-color: #f5f5f5;border-color: #c7c7c7;} */ .box_bundleset .bundlePrice {color: #333;} .bundle_container .bundleset .discount {color: #990000} .bundle_box .box_bundleArticleNames {background-color: #fff} .ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #fff;} /*oc: .ui-tabs .ui-tabs-nav li, #detail #detailinfo .inner_tabs {border-color: #c7c7c7} */ /*oc-noneed: #detail #detail_menu li, #detail #detail_menu li.lastrow {border-color: #c7c7c7; color:#555;border-bottom-color:#c7c7c7;} */ #detail #detailinfo .similar {border-left-color:#e3e3e3;} #detail #detailinfo .similar .artbox .artbox_thumb {border-color: #dbdbdb;background-color: #fff;} #detail #detailinfo .similar .artbox strong.title {color: #999;} #detail #detailinfo .similar .artbox .price, #tabs .ui-tabs-panel, #tabs .ui-tabs-panel a {color: #333} /*oc: #detail #detailinfo #description {color: #555;} */ /*oc: #detail #detailinfo .ui-tabs-panel h3 {color: #333;} */ /*oc: #detail #detailinfo .ui-tabs-panel .date {color: #999;} */ /*oc: #detail #detailinfo .ui-tabs-panel .author {color: #666;} */ /*oc: #detail #detailinfo #comments .comment_block {border-color:#e3e3e3;} */ #sendArticleNotification {border-color: #c7c7c7; background-color: #f5f5f5;} #sendArticleNotification label {color: #555;} #buybox .upprice_config strong, #buybox .config_select strong {color: #dd4800;} /*oc: #content #buybox .basketform .accessory_overlay {background-color:#fff;} */ #buybox .accessory_container .accessory_group {border-color: #c7c7c7;} /*oc: #content #buybox .basketform .accessory_overlay .title, #content #buybox .basketform .accessory_overlay .price {color: #333;} */ #buybox .accessory_container label {color: #555;} /* .end:colors.css--------------------------------------------------------... */ /* .oc:emotion.css--------------------------------------------------------... */ /*oc: #detail { position: relative } */ /*oc: #detail .right{ } */ /*oc: #detail .article_back, #detail .article_next { float: none; width: 19px; height: 111px; position: absolute; background: url("../images/bt_forward_back.jpg") no-repeat; top: 160px; z-index: 10; } */ /*oc: #detail .article_back { left: 0 } */ /*oc: #detail .article_back:hover { background-position: 0 bottom } */ /*oc: #detail .article_next { right: 0; background-position: -20px 0 } */ /*oc: #detail .article_next:hover { background-position: -20px bottom } */ /*oc: #detail .article_back a, #detail .article_next a { position: static; display: block; text-indent: -999em; padding: 0; width: 19px; height: 111px; } */ /*oc: #detail .article_back a { background: url("../images/icons/ico_listing-prev.png") no-repeat center center } */ /*oc: #detail .article_back:hover a { background: url("../images/icons/ico_listing-prev-active.png") no-repeat center center } */ /*oc: #detail .article_next a { background: url("../images/icons/ico_listing-next.png") no-repeat center center } */ /*oc: #detail .article_next:hover a { background: url("../images/icons/ico_listing-next-active.png") no-repeat center center } */ /*oc: #detail h1 {color:#333;} */ /*oc: #detail .border {border-color: #dfdfdf;} */ /*oc: #detail, #detail a, #content #detail .article_details strong.supplier {color:#999 !important;} */ /*oc: #detail, #detail a:hover {color:#e1540f !important;} */ .article_overview {color:#9c9c9c} .article_overview a {color:#7a7a7a;} #detail .article_details_price2 strong {color: #990000} #content #detail #detailbox_middle .article_details_price strong {color: #333;} .cloud-zoom-big, #cloud-zoom-big, #thumbs a, .thumb_box a:hover, ul#menu_right {border-color:#dedede} #thumbs a:hover, #thumbs a.active {border-color:#555} .thumb_box a {border-color:#dfdfdf;background-color:#fff; opacity: 0.5 } .thumb_box a:hover, .thumb_box a.active {border-color: #999; opacity: 1} .ctl_detail .thumb_box a.active {border-color: #E1540F; opacity: 1} /*oc: .deliverable1 {color: #009900;} */ /*oc: .deliverable2 {color: #514721;} */ /*oc: .deliverable3 {color: #990000;} */ /*oc: .deliverable4 {color: #990000;} */ .box_bundleset {border-color:#dfdfdf;} /*oc: #detail #detailinfo #comments form {background-color: #f5f5f5;border-color: #dfdfdf;} */ .box_bundleset .bundlePrice {color: #333;} .bundle_container .bundleset .discount {color: #990000} .bundle_box .box_bundleArticleNames {background-color: #fff} .ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #fff;} /*oc: .ui-tabs .ui-tabs-nav li, #detail #detailinfo .inner_tabs {border-color: #dfdfdf} */ /*oc-noneed: #detail #detail_menu li, #detail #detail_menu li.lastrow {border-color: #dfdfdf; color:#555;border-bottom-color:#dfdfdf;} */ #detail #detailinfo .similar {border-left-color:#dfdfdf;} #detail #detailinfo .similar .artbox .artbox_thumb {border-color: #dbdbdb;background-color: #fff;} #detail #detailinfo .similar .artbox strong.title {color: #999;} #detail #detailinfo .similar .artbox .price, #tabs .ui-tabs-panel, #tabs .ui-tabs-panel a {color: #333} /*oc: #detail #detailinfo #description {color: #555;} */ /*oc: #detail #detailinfo .ui-tabs-panel h3 {color: #333;} */ /*oc: #detail #detailinfo .ui-tabs-panel .date {color: #999;} */ /*oc: #detail #detailinfo .ui-tabs-panel .author {color: #666;} */ /*oc: #detail #detailinfo #comments .comment_block {border-color:#dfdfdf;} */ #sendArticleNotification {border-color: #dfdfdf; background-color: #f5f5f5;} #sendArticleNotification label {color: #555;} #buybox .upprice_config strong, #buybox .config_select strong {color: #e1540f;} /*oc: #content #buybox .basketform .accessory_overlay {background-color:#fff;} */ #buybox .accessory_container .accessory_group {border-color: #dfdfdf;} /*oc: #content #buybox .basketform .accessory_overlay .title, #content #buybox .basketform .accessory_overlay .price {color: #333;} */ #buybox .accessory_container label {color: #555;} /*oc: #detail #detailinfo {background-color: #efefef} */ /* .end:emotion.css. */ /* .oc:emotion.css - part02. */ /*oc: .ctl_detail #content {margin: 0;} */ /*oc: .ctl_detail #content .inner {width: 998px;} */ /*oc: #detail h1 {font-size: 26px;} */ /*oc: #content .inner {width: 1008px;} */ /*oc: #content #detail {padding: 50px; margin: 0; width: 898px;} */ /*oc: #content #notes .cat_text, #content .account .cat_text, #content .register .supplier_register, */ /*oc: #content .cat_text, #content .register .supplier_register {background: transparent; padding: 0; margin: 0 0 20px;} */ /*oc: #detail #detailinfo {background: transparent;padding-left: 0;} */ /*oc: #detail #detailbox #img {width: 273px;margin-right: 25px; float: left;} */ /*oc: #detail #detailbox #img .wrapper {margin: 0;} */ /*oc: #detail #detailbox #detailbox_middle {margin: 0 50px 0 0;width: 200px;} */ /*oc: #detail #detailinfo #tabs {width: 898px; padding: 20px 0 0; margin: 0 0 0px;} */ /*oc: #detail #detailinfo .inner_tabs {width: 896px;} */ /*oc: #detail #detailinfo #description {line-height: 19px;} */ #detail #detailinfo #description a, #detail #detailinfo #description a:hover {color: #e1540f !important;} #detail #detailinfo #description a.link:hover {text-decoration: underline !important; } #detail #detailinfo #facebook h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px;} #detail #detailinfo .similar .artbox p.price {margin-top: 10px;} #detail #detailinfo .similar .artbox p.price .pseudo_price {color: #990000;} #detail #detailinfo .similar .artbox .inner {display: inline-block; padding: 5px;} #detail #detailinfo .similar .artbox .inner a:hover strong, #detail #detailinfo .similar .artbox .inner a:hover {color: #e1540f !important;} #detail .article_details_price2 { background: url(../images/icons/ico_pseudo.png) no-repeat 0 center; padding-left: 35px; height: 50px; display: block; } #detail .article_details_price2 em {display: inline;} #detail #detailinfo .description_properties { display: inline-block; margin-bottom: 25px !important; width: 100%; } #detail #detailinfo .description_properties, #detail #detailinfo .description_properties li { margin: 0; list-style: none; } #detail #detailinfo .description_properties li { border-bottom: 1px dashed #dfdfdf; padding: 10px 0; float: left; width: 100%; } #detail #detailinfo .description_properties li .property_name { display: block; float: left; width: 20%; font-weight: bold; color: #000; } #detail #detailinfo .description_properties li .property_value { display: block; float: left; width: 80%; color: #999; } /*oc: #detail #detailinfo #comments .author {margin-top: 5px;} */ /*oc: #detail #detailinfo #comments .author, #detail #detailinfo #comments h3 {font-size: 13px;} */ /*oc: #detail #detailinfo #comments .comment_block {padding: 15px 0;} */ /*oc: #detail #detailinfo #comments .answer {margin-bottom: 10px !important;} */ /*oc: #detail #detailinfo #comments .right_container {width: 420px;} */ /*oc: #detail #detailinfo .ui-tabs-panel .date {font-size: 11px;font-weight: normal;} */ /*oc: #left .left_categories_shadow, */ /*oc: #detail #detailinfo .detailinfo_shadow {width: 898px; height: 3px; background: url(../images/backgrounds/detailinfo_shadow.png) no-repeat 0 0; margin-top: -1px; margin-bottom: 20px;} */ #left .left_categories_shadow {width: 898px; height: 3px; background: url(../images/backgrounds/detailinfo_shadow.png) no-repeat 0 0; margin-top: -1px; margin-bottom: 20px;} #left .left_categories_shadow {width: 179px; margin-top: 0px; border-top: 1px solid #d3d3d3;} /*oc: #buybox {margin-right: 0; width: 300px; color: #999;} */ /*oc: #buybox a {color: #e1540f !important;} */ /*oc: #buybox a:hover {text-decoration: underline !important;} */ #buybox h5 {margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #f7d5c5; color: #e1540f;} /*oc: #buybox .delivery_container {margin-top: 10px; overflow: hidden;} */ /*oc: #buybox .delivery_container span {float: inherit; display: inherit;} */ /*oc: #buybox .delivery_container p {display: inline-block; margin: 0;} */ /*oc: #buybox .delivery_container p span {width: auto;} */ /*oc: #buybox .article_details_bottom {margin: 15px 0 0; padding: 10px 0 5px; border-style: solid none none; border-width: 1px 0 0; border-color: #f7d5c5;} */ /*oc: #buybox .modal_open a:hover {color: #e1540f !important;} */ /*oc: #buybox .shipping_free { */ /*oc: background: url(../images/icons/ico_shipping.png) no-repeat 0 center; */ /*oc: display: block; */ /*oc: float: left; */ /*oc: width: 300px; */ /*oc: padding-left: 30px; */ /*oc: margin: 5px 0 !important; */ /*oc: color: #E1540F; */ /*oc: } */ /* ARTICLE NOTIFICATION */ #buybox #article_notification { border-bottom: 1px solid #f7d5c5; margin-bottom: 15px; padding-bottom: 15px; } #article_notification .notice, #article_notification #sendArticleNotification { width: 278px; padding: 10px; } #article_notification #sendArticleNotification .text {width: 266px;} #article_notification #sendArticleNotification .text_notice { text-align: center; margin: 10px 0 15px 0; color: #e1540f; } /*oc-noneed: #buybox p.supplier, */ /*oc-noneed: #buybox p {margin: 0 0 5px 0;} */ /*oc-noneed: #buybox p.supplier span, */ /*oc-noneed: #buybox p span {width: 90px; display: block; float: left;} */ #buybox select.variant, #buybox #configForm select {width: 287px; } /*oc: #buybox .article_details_bottom .article_details_price {margin-bottom: 5px;color: #000;} */ /*oc: #buybox .article_details_bottom p {margin-bottom: 10px;} */ #buybox .article_details_top .supplier span, #buybox .article_details_top .detaildata span {width: 80px;display: block;float: left;} /*oc: #buybox label {width: 140px;} */ #buybox table {border: 0 none;} #buybox table thead {background: #fff;} #buybox table thead tr th {background: #fff; text-align: center; line-height: 13px; padding: 20px 0 10px 0;} #buybox table thead td {padding: 0;} #buybox table thead td strong {color: #999;} #buybox table td {padding: 5px 0;} #buybox table td strong {color: #000;} #buybox .table-configurator {margin: 0 0 10px 0;width: 300px;} #buybox .table-configurator tbody td {text-align: center; color: #000; font-weight: bold; padding: 5px;} #buybox .table-configurator tbody td span {color: #999; font-weight: normal;} #buybox .table-configurator tbody td input { display: block; margin: 5px 0; padding: 0; width: 100%; } #buybox .table-configurator tbody td span {display: block; margin-top: 5px;} #buybox .detail_blockprices {margin: 0 0 15px; padding: 15px 0 5px; border-bottom: 1px solid #f7d5c5;} #buybox .upprice_config { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f7d5c5; } /** BUYBOX **/ /*oc: #buybox #detailCartButton {border-top: 1px solid #f7d5c5;padding-top: 20px;} */ #buybox #detailCartButton .transparent { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } /* BUYBOX SELECT */ /*org: #buybox .config_select select, */ /*org: #buybox .upprice_config select, */ /*oc: #buybox select {width: 287px;} */ #buybox .config_select select, #buybox .upprice_config select{width: 287px;} /*oc: #buybox #detailCartButton #sQuantity {width: 147px;} */ /*oc: #buybox #detailCartButton .space {display: none;} */ /*oc:#article_details in _default/detail/index.tpl only - no need. */ div#article_details div.article_details_bottom {margin: 25px 0 0;} /*oc: #detailbox h1, .article_details_price {margin-bottom: 25px; width: 550px;} */ /*oc: .article_details_price {margin-bottom: 25px; width: 550px;} */ /*oc: #detailbox h1 {line-height: 26px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;} */ /*oc: .article_details_price {font-size: 21px;} */ /*oc: #detail #detailinfo #description, */ /*oc: #detail #detailinfo .ui-tabs-panel {padding: 30px; width: 560px;} */ #detail #detailinfo .similar {padding-left: 25px; padding-right: 25px; width: 225px;} #detail #detailinfo .similar .title_price {width: 156px;} /*oc: #detail #detailinfo #comments form {padding: 50px;} */ /*oc-noneed: #detail #detail_menu li, #detail #detail_menu li.lastrow {border-color: #dfdfdf; color:#555;border-bottom-color:#dfdfdf;} */ /*oc-noneed: #detail #detail_menu li {width: 233px;} */ /*oc-noneed: #detail #detail_menu li, */ /*oc-noneed: #detail #detail_menu li.lastrow {border: 0 none;padding: 0;} */ /*oc-noneed: #detail #detail_menu li a {background: url(../images/icons/ico_listing-next.png) no-repeat -5px center; margin: 0;padding: 7px 0 7px 15px; ;font-size: 11px;text-decoration: none;} */ /*oc-noneed: #detail #detail_menu li a:hover {background: url(../images/icons/ico_listing-next-active.png) no-repeat 0 center;} */ /*oc-noneed: #detail #detail_menu li a:hover, #detail #detail_menu li a:hover span {color: #e1540f !important;} */ /** COMMENTS **/ /*oc: #detailbox .detail_comments {margin-bottom: 40px; width: 140px; height: 18px; line-height: 18px;color: #e1540f; display: block;} */ /*oc: #detailbox .detail_comments a {color: #e1540f !important} */ /*oc: #detailinfo #comments .notice{ padding:10px 0 0 25px; height:20px; line-height:20px; border:0; border-top:1px solid #F7D5C5; font-weight:normal; text-align:left; background:url(../images/icons/ico_comment_notice.png) no-repeat 0 11px; } */ .article_back a {background: url(../images/icons/ico_listing-prev-active.png) no-repeat 0 center; color: #e1540f;} .article_next a {background: url(../images/icons/ico_listing-next-active.png) no-repeat right center; color: #e1540f;} .article_overview a {color: #e1540f;} /** RELATED **/ #related .container, #related .container .listing {width: 560px;} #related .artbox {width: 170px;} #related .artbox .inner {width: 140px;} #related .artbox .actions a {width: 128px;} #related .artbox .actions .more {color: #fff !important;} /** THUMBS **/ .ctl_detail .thumb_box a:hover, .ctl_detail .thumb_box a{ border:1px solid #dfdfdf; padding:5px; height:49px; width:49px; margin:0 10px 10px 0; /* CSS3 */ -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .ctl_detail .thumb_box a:hover {border: 1px solid #e1540f;} .ctl_detail .thumb_box a.active {border-color: #E1540F ; opacity: 1} /** TABS **/ .ui-tabs .ui-tabs-nav li {height: 39px; border: 1px solid #dfdfdf;} .ui-tabs .ui-tabs-nav li a {padding: 13px 30px; font-size: 12px;} .ui-tabs .ui-tabs-nav li.first {border-right: 1px solid #dfdfdf !important; border-left: 1px solid #dfdfdf !important;} .ui-tabs .ui-tabs-nav li.ui-state-default {background: url(../images/backgrounds/bg_tabs-inactive.png) repeat-x 0 bottom;margin-right: 0; border-color: #dfdfdf; margin-bottom: -1px; padding-bottom: 1px; border-bottom: 1px solid #b6bcc1 !important; margin-right: 10px;} .ui-tabs .ui-tabs-nav li.ui-state-default:hover {background: url(../images/backgrounds/bg_tabs-hover.png) repeat-x 0 bottom;} .ui-tabs .ui-tabs-nav li.ui-state-default a {color: #666 !important; text-shadow: 1px 1px #fff;} .ui-tabs .ui-tabs-nav li.ui-state-active {background: #fff !important; border-bottom-color: #fff !important;} .ui-tabs .ui-tabs-nav li.ui-state-active a {color: #000 !important; font-weight: bold;} .ui-tabs .ui-tabs-nav li.tab_shadow {background: url(../images/backgrounds/bg_tabs-shadow.png) no-repeat;border-color: #fff;border-left: 0;} /** SIMILAR **/ #detail #detailinfo .similar h3 {margin: 30px 0 10px 5px;} #buybox .accessory_container .accessory_group {width: 238px;} /** VIEWLAST **/ .viewlast .article_image, #detail #detailinfo .similar .artbox .artbox_thumb{ border-color:#dfdfdf; text-indent:-9999em; /* CSS3 */ -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .viewlast .article_image:hover, #detail #detailinfo .similar .artbox .artbox_thumb:hover {border-color: #e1540f;} /* LIGHTBOX oc:detail*/ /*oc: #lbCenter, #lbBottomContainer { */ /*oc: -webkit-box-shadow: 0 0 15px #666; */ /*oc: -moz-box-shadow: 0 0 15px #666; */ /*oc: box-shadow: 0 0 15px #666; */ /*oc: } */ /*oc: #lbCloser {background: url("../images/icons/ico_closebutton.png") no-repeat 0 0;} */ /* DELIVERY STATUS SPRITE */ /*oc: .status0 , .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 {background: url(../images/sprite_delivery.png) 0 -14px no-repeat;} */ /*oc: .status0, .status1, .status6 {background-position: 0 -14px;} /* yellow */ /*oc: .status2, .status5, .status7 {background-position: 0 0;} /* green */ /*oc: .status4, .status8 {background-position: 0 -28px;} /* red */ /* .end:emotion.css - part02----------------------------------------------... */ /* -------------------------------------------------------------------------- */ /* .oc-changes:detail (sum of all above)----------------------------------... */ #content #detail{ position:relative; width:830px; top:0px; margin:0 auto; padding:0; } /*oc:.article_details used in _default/detail/index.tpl + jquery-selector only - not used. */ /*oc: #detail, #detail a, #content #detail .article_details strong.supplier {color:#999 !important;} */ /*oc: #detail, #detail a:hover {color:#e1540f !important;} */ #detail h1{ font-size:22px; font-weight:bold; } /*oc: #detail .border{ border-color:#dfdfdf; } */ /* .#detailbox. */ #detail #detailbox{ position:absolute; width:100%; height:500px; top:229px; margin:0 auto; padding:0; background:transparent; } /* .#detailbox#diDetBoxHead. */ #detail #detailbox #diDetBoxHead{ position:relative; width:100%; height:auto; top:0px; margin:5px 0 0 0; padding:0; z-index:2; } #diDetBoxHead #diDetBoxHeIco{ position:relative; float:left; width:110px; height:110px; left:-20px; margin:0; padding:0 0 0 6px; background:transparent; } #diDetBoxHead #diDetBoxHeCap{ position:absolute; width:100%; height:auto; margin:41px 0 0 25px; padding:0; background:transparent; } #diDetBoxHead #diDetBoxHeCap.stAddIco{ width:85%; padding:0 0 0 90px; } #diDetBoxHead #diDetBoxHeCap h1{ font-size:28px; font-weight:normal; word-spacing:10px; margin:0; padding:0; border:0; color:white; } /*org: #detail #detailbox h1{ width:550px; font-size:28px; font-weight:700; line-height:26px; margin:0 0 25px 0; padding:0 0 10px 0; border:0; } */ #diDetBoxHead #diDetBoxHeCharity{ position:absolute; width:275px; height:110px; right:19px; margin:0; padding:0; background:transparent; } #diDetBoxHead #diDetBoxHeCharity .stBUT{ position:static; width:275px; height:110px; line-height:110px; background-position:left top; } #diDetBoxHead #diDetBoxHeCharity .stBUT:hover{ background-position:left bottom; } #diDetBoxHead #diDetBoxHeCharity .stBUT a{ display:block; text-decoration:none; } #diDetBoxHead #diDetBoxHeCharity .stTXT{ position:absolute; width:auto; height:auto; right:8px; top:52px; font-size:12px; font-weight:bold; color:#c8d300; background:transparent; z-index:-1; } /* .#detailbox#img. */ #detail #detailbox #img{ position:relative; display:block; width:350px; height:350px; top:40px; margin:0 auto; z-index:0; } #detail #detailbox #img .wrapper{ width:100%; margin:0; } #detail #detailbox #img #wrap{ display:block; min-height:255px; } #detail #detailbox #img img{ display:block; margin:0 auto; } /* .#detailbox#diDetBoxArtInfo. */ #detail #detailbox #diDetBoxArtInfo{ position:absolute; width:100%; height:auto; top:110px; margin:0; padding:0; background:transparent; z-index:1; } /* .#detailbox#diDetBoxArtInfo#buybox. */ #detail #diDetBoxArtInfo #buybox{ float:right; width:250px; margin:0; } #diDetBoxArtInfo #buybox #diDetBoxBuyList{ position:static; width:225px; min-height:212px; margin:10px 0 0 25px; padding:0; font-size:13px; background:transparent; } #diDetBoxArtInfo #buybox #diDetBoxBuyList .stPLUS{ position:static; width:auto; height:auto; margin:0; background:transparent; } #diDetBoxArtInfo #buybox #diDetBoxBuyList .stINFO{ position:static; width:auto; height:auto; margin:10px 0 0 0; background:transparent; } #diDetBoxArtInfo #buybox #diDetBoxBuyList .stCHECK{ position:static; width:auto; height:auto; margin:10px 0 0 0; background:transparent; } #diDetBoxArtInfo #buybox #diDetBoxBuyList ul.ulLIST{ margin:0; padding:0; font-size:13px; font-family:"BitterBold"; color:#e3e3e3; } #diDetBoxArtInfo #buybox #diDetBoxBuyList ul.ulLIST span{ vertical-align:top; margin:0 0 0 10px; } #diDetBoxArtInfo #buybox #diDetBoxBuyList ul.ulLIST li{ height:22px; } #buybox #diDetBoxBuyList .stPLUS ul.ulLIST li{ list-style:disc url(../images/icons/ico_plus.png); } #buybox #diDetBoxBuyList .stINFO ul.ulLIST li{ list-style:disc url(../images/icons/ico_info.png); } #buybox #diDetBoxBuyList .stCHECK ul.ulLIST li{ list-style:disc url(../images/icons/ico_checked_light.png); } /* .#detailbox#diDetBoxArtInfo#buybox.article_details_bottom. */ #buybox .article_details_bottom{ position:relative; margin:0 0 0 0; padding:0; z-index:2; } #buybox .article_details_bottom .article_details_price{ display:block; width:100%; margin:0 0 17px 0; line-height:25px; font-size:57px; color:white; } #buybox .article_details_bottom .article_details_price .stCUR{ display:inline-block; width:auto; margin:0 5px 0 0; background:transparent; } #buybox .article_details_bottom p{ margin-bottom:0px; text-indent:1px; font-size:9px; font-weight:normal; } #buybox .article_details_bottom p.tax_attention{ margin:0 0 0 35px; } /*oc:.modal_open - jquery-selector. */ /*oc-nouse:#buybox .article_details_bottom p.tax_attention .modal_open{} */ #buybox a{ color:white; text-decoration:underline; } #buybox a:hover{ text-decoration:underline; } #buybox .modal_open a:hover{ color:#CED82D; } /* .#detailbox#diDetBoxArtInfo#buybox.delivery_container. */ #buybox .delivery_container{ overflow:hidden; min-height:45px; margin:0 0 0 35px; font-size:10px; font-weight:normal; } #buybox .delivery_container span{ float:inherit; display:inherit; } #buybox .delivery_container p{ display:inline-block; margin:0; } #buybox .delivery_container p span{ width:auto; } /* .delivery status sprite. oc:plugin:delivery_informations. */ .status0 , .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8{ display:block; float:left; width:14px; height:14px; margin:0 5px 0 0; background:url(../images/sprite_delivery.png) 0 -14px no-repeat; } /* .yellow. */ .status0, .status1, .status6{ background-position:0 -14px; } /* .green. */ .status2, .status5, .status7{ background-position:0 0; } /* .red. */ .status4, .status8{ background-position:0 -28px; } /* .oc-changes for voo. */ .status0 , .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8{ display:none; } /* .text-colors. */ .deliverable1{ color:#C7d21c; } .deliverable2{ color:red; } .deliverable3{ color:#990000; } .deliverable4{ color:#990000; } /*org: #buybox .delivery_container .shipping_free{ display:block; float:left; width:300px; margin:5px 0 !important; padding-left:30px; color:#E1540F; background: url(../images/icons/ico_shipping.png) no-repeat 0 center; } */ #buybox .delivery_container .shipping_free{ display:block; float:left; width:auto; margin:5px 0; color:green; } /* .end:delivery status sprite. */ /* .#detailbox#diDetBoxArtInfo#buybox form. */ /*org: #buybox form.basketform{ position:relative; margin:-124px 0 0; } */ #buybox form.stVooBasketform{ position:relative; margin:-124px 0 0; } /* .#detailbox#diDetBoxArtInfo#buybox#diDetBoxBuyBasket. */ #buybox #detailCartButton{ } #buybox #detailCartButton #diDetCartButQuantity{ position:relative; width:100%; height:120px; margin:0; background:red; visibility:hidden; } #buybox #detailCartButton label{ position:static; float:left; width:140px; margin-top:6px; } #buybox #detailCartButton select{ float:left; width:287px; } #buybox #detailCartButton select#sQuantity{ width:287px; } #buybox #detailCartButton .space{ display:none; } /*oc:#basketButton - jquery-selector (opacity only). oc:all need for overwrite. */ #buybox #detailCartButton #basketButton{ position:relative; width:250px; height:33px; margin-top:15px; padding-right:0px; padding-left:25px; padding-bottom:1px; border:0 none; font-size:16.5px; font-family:"BitterBold"; color:#000; cursor:pointer; background-image:url("../images/buttons/btn_PutInBasket.png"); background-repeat:no-repeat; background-position:left 1px; background-color:transparent;line-height:32px; /* CSS3 */ -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #buybox #detailCartButton #basketButton:hover{ color:white; background-position:left -31px; } /*oc-changed: .basketform .error{ width:220px; } */ #buybox #detailBuyInfoNotAvailable{ position:relative; display:block; width:250px; height:32px; top:135px; font-size:17px; font-family:"BitterBold"; color:#fff; background:url("../images/buttons/iNoBasket.png") no-repeat; } #buybox #detailBuyInfoNotAvailable span{ position:absolute; padding:8px 0 0 32px; } /* .vooAddArticle. (oc:modalbox) */ #diVooAAglobProt{ position:fixed; display:none; overflow:hidden; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; margin:0 auto; text-align:center; z-index:100; background:url(../images/backgrounds/bg_transblack70.png) repeat; } #diVooAAglobProt .stLoader{ width:100%; height:100%; background:url(../images/loader/iaL01.gif) no-repeat center center; } #diVooAAglobProt #diArtImg{ position:absolute; display:none; width:350px; height:350px; top:0; } /*oc:need for animation: px-values */ #diVooAAglobProt #diArtImg img{ width:350px; height:350px; } /* .#detailbox#diDetBoxArtInfo#diImgFn form. */ #detailbox #diDetBoxArtInfo #diImgFn{ position:relative; width:210px; height:50px; left:315px; top:355px; background:transparent; } #detailbox #diDetBoxArtInfo #diImgFn.smallerBox {width: 140px !important; left: 352px !important;} #detailbox #diDetBoxArtInfo #diImgFn .stBUT{ position:static; width:70px; height:50px; background-position:left top; } #detailbox #diDetBoxArtInfo #diImgFn .stBUT:hover{ background-position:left bottom; } #detailbox #diDetBoxArtInfo #diImgFn .stBUT a{ display:block; line-height:50px; text-indent:-100px; } #detailbox #diDetBoxArtInfo #diImgFn #diImgFnZoom{ float:right; } #detailbox #diDetBoxArtInfo #diImgFn #diImgFnZoom.stBUT{ background-image:url("../images/buttons/btn_zoom.png"); background-repeat:no-repeat; } #detailbox #diDetBoxArtInfo #diImgFn #diImgFnZoom2{ float:right;} #detailbox #diDetBoxArtInfo #diImgFn #diImgFnZoom2.stBUT{ background-image:url("../images/buttons/btn_pack.png"); background-repeat:no-repeat; } #overlayOtt { background: url(../images/backgrounds/gra_Lightbox_Frame.png) no-repeat center center transparent !important; position: absolute; display: block; height: 100%; margin-left: -4px; position: absolute; top: 0; width: 100%; } #diThreeSixty #overlayOtt { margin-left: 0; } #diThrSixWrap {top: 125px !important;; position: fixed !important;} #diThrSixClose {top: 120px !important;; position: fixed !important; left: 50% !important;; right: auto !important;; margin-left: 340px !important;} /*#swag_leftArrow, #swag_rightArrow {display: none !important;}*/ #swag_thumbs {z-index: 10;} /* .lightbox. oc:also plugins.css. */ #lbOverlay{ background:black; } #lbCenter, #lbBottomContainer{ -webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } #lbCloser{ background:url("../images/icons/ico_closebutton.png") no-repeat 0 0; } /*end:lightbox. */ #detailbox #diDetBoxArtInfo #diImgFn #diImgFnRotate{ display:inline-block; cursor:pointer; } #detailbox #diDetBoxArtInfo #diImgFn #diImgFnRotate.stBUT{ background-image:url("../images/buttons/btn_360.png"); background-repeat:no-repeat; float: right} #detailbox #diDetBoxArtInfo #diImgFn .stIcoAjaxLoader{ position:absolute; display:none; width:16px; height:16px; left:16px; top:16px; background:url(../images/icons/ico_ajax-loader.gif) no-repeat; z-index:0; } /* .ocThreeSixty. */ #diImgRotAjaxResult{ display:none; } #diImgRotAjaxResult .stBGfix{ position:fixed; width:100%; height:100%; top:0px; left:0px; bottom:0px; right:0px; margin:0 auto; z-index:100; background:url(../images/backgrounds/bg_transblack70.png) repeat; } #diImgRotAjaxResult #diThrSixWrap{ position:absolute; display:none; width:700px; height:700px; left:50%; top:0px; margin-left:-350px; z-index:110; background:transparent; } #diImgRotAjaxResult #diThreeSixty{ position:absolute; overflow:hidden; width:700px; height:700px; left:0px; top:0px; z-index:0; background:white; cursor:url(../images/buttons/oc_Move.cur),move; } #diImgRotAjaxResult #diThreeSixty{ -webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } /* .tablets portrait mode (max.1024px). */ @media screen and (max-device-width: 1024px) and (orientation:portrait){ #diThreeSixty{ width:720px; height:450px; margin-left:-360px; margin-top:-225px; } } /* .mobiles landscape mode (max.480px). */ @media screen and (max-device-width: 480px) and (orientation:landscape), screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape){ #diThreeSixty{ width:360px; height:225px; margin-left:-180px; margin-top:-113px; } } /* .mobiles' portrait mode (max.480px). */ @media screen and (max-device-width: 480px) and (orientation:portrait), screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait){ #diThreeSixty{ width:320px; height:200px; margin-left:-160px; margin-top:-100px; } } #diImgRotAjaxResult #diThrSixClose{ position:absolute; display:none; width:22px; height:22px; right:-11px; top:-11px; cursor:pointer; z-index:1; background:url("../images/icons/ico_closebutton.png") no-repeat; } /* .image slider. */ #diThreeSixty #olThreeSixtyImgs{ display:none; } /* .images in the slider. */ #diImgRotAjaxResult #diThreeSixty img{ position:absolute; width:100%; height:auto; top:0; } /* .current frame. */ #diThreeSixty .current-image{ visibility:visible; width:100%; } /* .previous frame */ #diThreeSixty .previous-image{ visibility:hidden; width:0; } /* .CanvasLoader. */ #diThreeSixty #spinner{ position:absolute; display:none; width:90px; height:90px; left:50%; top:50%; margin:-50px 0 0 -45px; } /* .percentage in loader. */ #diThreeSixty #spinner span{ position:absolute; width:100%; top:50%; margin-top:-0.3em; line-height:0.6em; text-align:center; font-size:12px; color:#333; } /*end:ocThreeSixty. */ /* .detail-navi. */ #detail .article_back, #detail .article_next{ position:absolute; display:block; float:none; top:160px; background:url("../images/bt_forward_back.jpg") no-repeat; z-index:4; } #detail .article_back{ left:-26px; } #detail .article_back:hover{ background-position:0 bottom; } #detail .article_next{ right:-26px; background-position:-20px 0; } #detail .article_next:hover{ background-position:-20px bottom; } #detail .article_back a, #detail .article_next a{ position:static; width:19px; height:111px; padding:0; text-indent:-999em; } #detail .article_back a{ background: url("../images/icons/ico_listing-prev.png") no-repeat center center } #detail .article_back:hover a{ background: url("../images/icons/ico_listing-prev-active.png") no-repeat center center } #detail .article_next a{ background: url("../images/icons/ico_listing-next.png") no-repeat center center } #detail .article_next:hover a{ background: url("../images/icons/ico_listing-next-active.png") no-repeat center center } /* .description. */ #detail #diDetDescript{ position:absolute; left:-10px; top:338px; background:transparent; z-index:1; } /*org: #detail #diDetDescript #description{ width:560px; padding:30px; } */ /*org: #detail #diDetDescript #description h2{ margin:0 0 15px 0; font-size:14px; font-weight:bold; } */ /*oc:#diDetDesDescription - jquery-selector. */ #detail #diDetDescript #diDetDesDescription{ position:static; width:270px; height:auto; margin:0; padding:10px 10px 0; line-height:19px; font-size:13px; color:#e3e3e3; } #detail #diDetDescript #diDetDesDescription p{ margin:0 0 0 0; } #detail #diDetDescript #diDetDesDescription #diDetDesDescMore{ } #detail #diDetDescript h2{ margin:0; font-size:14px; font-family:"BitterBold"; } /*oc: #detail #diDetDescript #diDetDesDescription.stMIN{ overflow:hidden; height:200px; background:transparent; } */ #detail #diDetDescript #diDetDesDescription.stMIN{ overflow:hidden; background:transparent; } /*oc: #detail #diDetDescript #diDetDesDescription.stMAX{ overflow:auto; width:550px; height:350px; background:url("../images/backgrounds/bg_transblack70.png") repeat; } */ #detail #diDetDescript #diDetDesDescription.stMAX{ overflow:visible; background:url("../images/backgrounds/bg_transblack70.png") repeat; } /*oc: #detail #diDetDescript #diDetDesDescription p{ position:static; margin:0; line-height:22px; font-size:14px; } */ #detail #diDetDescript #diDetDesDescription.stMIN #diDetDesDescMore{ visibility:hidden; } /*oc: #detail #diDetDescript #diDetDesDescription.stMAX #diDetDesDescMore{ visibility:visible; } */ #detail #diDetDescript #diDetDesDescription .stBUT{ position:absolute; display:none; width:114px; height:18px; left:10px; bottom:10px; line-height:17px; color:white; background-image:url("../images/buttons/btn_detail_text_weiterlesen.png"); cursor:pointer; } #detail #diDetDescript #diDetDesDescription .stBUT span{ padding:0 0 0 25px; font-family:"BitterBold"; font-size:11.4px; } #detail #diDetDescript #diDetDesDescription .stBUT:hover{ color:black; } #detail #diDetDescript #diDetDesDescription .stBUT.stMore{ background-position:left top; } #detail #diDetDescript #diDetDesDescription .stBUT.stMore:hover{ background-position:left -18px; } #detail #diDetDescript #diDetDesDescription .stBUT.stLess{ background-position:left -36px; } #detail #diDetDescript #diDetDesDescription .stBUT.stLess:hover{ background-position:left -54px; } #detail #diDetDescript #diDetDesDescription .stFull{ position:relative; display:block; visibility:hidden; } #detail #diDetDescript #diDetDesDescription .stTrunc{ position:relative; display:none; } /* .#detailbox_middle. oc:org - not used to keep org-code only. */ /*oc: #content #detail #detailbox_middle, #content #detail #detail_menu, #content #detail #basketButton {position: static;} */ /*oc: #detail #detailbox #detailbox_middle {margin: 0 50px 0 0;width: 200px;} */ /* .detailinfo. oc:org - not used to keep org-code only. */ #detail #detailinfo{ display:none; background-color:red; } /*oc-noneed: #detail #detailinfo #tabs{ width:898px; padding:20px 0 0; margin:0 0 0px; } */ /*oc-noneed: #detail #detailinfo .inner_tabs{ overflow:hidden; width:896px; min-height:420px; background:#fff; } */ /* .comments. oc:org - not used to keep org-code only. */ /*oc-noneed: #detail #detailinfo .inner_tabs #comments .overview_rating strong, .inner_tabs #comments .overview_rating .star, .inner_tabs #comments .overview_rating span {float:left;margin-right:5px;} */ /*oc-noneed: #detail #detailinfo .inner_tabs #comments .overview_rating span {margin-right: 0;} */ /*oc-noneed: #detail #detailinfo #comments .comment_block{ padding:15px 0; border-color:#e3e3e3; } */ /* .oc-changes. */ /*oc-noneed: #detail #detailinfo #comments .stDetComCap{ font-size:18pt; font-weight:700; color:black; } */ /* .end:oc-changes. */ /*oc-noneed: div.comment_block .date, div.comment_block .author {display: block;} */ /*oc-noneed: div.comment_block .author, div.comment_block .date {font-weight: 700;} */ /*oc-noneed: #detail #detailinfo #comments form{ border:1px solid; padding:50px; border-top:0 none; background-color:#f5f5f5; border-color:#c7c7c7; } */ /*oc-noneed: #detail #detailinfo #comments form p {margin: 0 0 0.8em;} */ /*oc-noneed: #detail #detailinfo #comments form h4 {font-weight: 700;} */ /*oc-noneed: #detail #detailinfo #comments fieldset input {width:240px;} */ /*oc-noneed: #detail #detailinfo #comments form textarea {width: 425px;} */ /*oc-noneed: #detail #detailinfo #comments .left_container {width: 140px;float:left;} */ /*oc-noneed: #detail #detailinfo #comments .right_container {float:left;width:345px} */ /*oc-noneed: #detail #detailinfo #comments .right_container h3 {margin-top:0;} */ /*oc-noneed: #detail #detailinfo #comments .comment_block {border-bottom: 1px solid;padding-top:10px;} */ /*oc-noneed: #detail #detailinfo #comments .last {border-bottom: 0 none;} */ /*oc-noneed: #detail #detailinfo #comments .author {margin-top: 5px;} */ /*oc-noneed: #detail #detailinfo #comments .author, #detail #detailinfo #comments h3 {font-size: 13px;} */ /*oc-noneed: #detail #detailinfo #comments .answer {margin-bottom: 10px !important;} */ /*oc-noneed: #detail #detailinfo #comments .right_container {width: 420px;} */ /*oc-noneed: #detail #detailinfo #comments .notice{ padding:10px 0 0 25px; height:20px; line-height:20px; border:0; border-top:1px solid #F7D5C5; font-weight:normal; text-align:left; background:url(../images/icons/ico_comment_notice.png) no-repeat 0 11px; } */ #detailbox .detail_comments {margin-bottom: 40px; width: 140px; height: 18px; line-height: 18px;color: #e1540f; display: block;} /*oc-noneed: #detailbox .detail_comments a {color: #e1540f !important} */ /* .numbers. */ /*oc-noneed: #detailbox .detail_comments .star, /*oc-noneed: #detailbox .detail_comments .comment_numbers {float: left; margin-right: 5px;} /*oc-noneed: #detail #detailinfo .ui-tabs-panel {width: 485px;text-align: left;padding-top: 25px;float:left;} */ /*oc-noneed: #detail #detailinfo .ui-tabs-panel h3{ font:bold 12px Arial, sans-serif; text-transform: none;margin:15px 0 10px 0; color: #333; } */ /*oc-noneed: #detail #detailinfo .ui-tabs-panel .lst_bullet li{list-style:disc; margin-bottom: 5px;} */ /*oc-noneed: #detail #detailinfo .ui-tabs-panel h3 {color: #333;} */ /*oc-noneed: #detail #detailinfo .ui-tabs-panel .date{ font-size:11px; font-weight:normal; color:#999; } */ /*oc-noneed: #detail #detailinfo .ui-tabs-panel .author {color: #666;} */ /* .captcha. */ /*oc-noneed: #detail #tabs .ui-tabs-panel label {width: 180px;display: block;float:left;margin-top:8px;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel input.text {width: 250px;float:left;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel textarea {width: 250px;height:150px;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel .captcha img, .captcha .code {display: block; float: left;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel .captcha .code label {width: 260px;padding-left: 20px;display:block; float: none;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel .captcha .code input {width: 260px; margin-left: 20px;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel .buttons {text-align: right;margin-right:20px;} */ /*oc-noneed: #detail #tabs .ui-tabs-panel .buttons input {width:145px;} */ /* .end:detailinfo. oc:org - not used to keep org-code only. */ /* .no:slider. */ /* .similar viewed. */ #detail #diDetSimilarViewed{ position:absolute; width:900px; height:auto; top:464px; margin: 0 auto; background:lightgreen; z-index:0; } /* .similar (cross-sale). */ #detail #diDetSimilar{ position:absolute; width:900px; height:auto; top:770px; margin:0 0 0 -35px; text-align:center; background:transparent; z-index:0; } #detail #diDetSimilar #diDetSimiCap{ color:#a1a1a1; width:100%; height:auto; margin:0 0 15px; text-align:center; font-size:20px; word-spacing:10px; } #detail #diDetSimilar .stDetSimiInner{ position:relative; display:inline-block; width:auto; height:100%; margin:0 auto; margin-top:-15px; } #detail #diDetSimilar .stDetSimiInner .stSimiItem{ position:relative; float:left; width:160px; height:auto; left:0px; top:0px; margin:0 10px; background:transparent; } .stSimiItem .stSiItImg{ position:relative; width:auto; height:auto; top:0px; margin:0 auto; background:transparent; } .stSimiItem .stSiItImg a{ display:block; width:160px; height:165px; margin:0; padding:0; text-align:center; text-decoration:none; background:transparent; } .stSimiItem .stSiItImg a:hover{ background:url(../images/buttons/bNaviTop_Articles_hover.png) no-repeat center center; } .stSimiItem .stSiItImgCnt{ padding:0; color:#999; } .stSimiItem .stSiItImgCnt:hover{ color:white; } .stSimiItem .stSiItImgCntTxt{ font-family:"BitterBold"; word-spacing:0px; width:auto; height:auto; margin:40px 0 0 0; padding:0; line-height:18px; text-align:center; font-size:13px; line-height:17px; } /* .end:similar (cross-sale). */ /* .end:oc-changes:detail-------------------------------------------------... */ /* .oc:detailMenu---------------------------------------------------------... */ #diDetailMenu{ position:absolute; width:100%; height:224px; top:0px; background:transparent; z-index:0; } #diDetailMenu #diDetMenuCat{ position:relative; float:left; width:322px; height:138px; top:61px; background:transparent; z-index:0; } #diDetailMenu #diDetMenuCat #diDetMenuCatNav{ position:relative; width:21px; height:54px; left:33px; top:42px; line-height:21px; background:transparent; z-index:0; } #diDetailMenu #diDetMenuCat #diDetMenuCatNav .stBUT{ position:relative; width:21px; height:21px; background-position:left top; cursor:pointer; } #diDetailMenu #diDetMenuCat #diDetMenuCatNav .stBUT:hover{ background-position:left bottom; } #diDetailMenu #diDetMenuCat #diDetMenuCatNav .stBUT.stUp{ background-image:url("../images/buttons/btn_arr_up.png"); } #diDetailMenu #diDetMenuCat #diDetMenuCatNav .stBUT.stDown{ margin:11px 0 0; background-image:url("../images/buttons/btn_arr_down.png"); } #diDetailMenu #diDetMenuCat #diDetMenuCatImg{ position:absolute; width:247px; height:138px; left:75px; top:0px; background:transparent; z-index:0; } #diDetailMenu #diDetMenuArt{ position:relative; display:inline-block; width:620px; height:224px; margin:0 0 0 3px; background:transparent; z-index:0; } #diDetailMenu #diDetMenuProtect{ position:absolute; display:block; width:100%; height:100%; left:0px; top:0px; background:transparent; z-index:1; } #diDetailMenu #diDetMenuProtect .stIcoAjaxLoader{ position:absolute; display:none; width:16px; height:16px; left:600px; top:100px; background:url(../images/icons/ico_ajax-loader.gif) no-repeat; z-index:0; } /* .ajax-detailMenu (#diDetMenuArt .stAjaxResult). */ /* .oc:moved to stVoomates.css. */ /* .end:oc:detailMenu-----------------------------------------------------... */ /* .end:ctrl:detail---------------------------------------------------------. */