/** Shopware 3.5 Template default stylesheet http://shopware.de This stylesheet contains all styled elements which are used in the default template. Please notice that we've placed all color codes in a different stylesheet called colors.css. If you wish to customize Shopware for your needs please refer to www.shopware.de/wiki for more informations. @package default @subpackage css @category design @version v1 @author stp/Shopware AG @copyright Copyright (c) 2010 Shopware AG (http://www.shopware.de) */ *:focus {outline: 0 none;} html {font: normal 11px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 10px 0 0;line-height: 1.3em;} .container_20 {background: #fff;width:1000px;margin:20px auto 0;border:1px solid;overflow:hidden;text-align: left;} table .right {text-align: right; float: none;} fieldset {border: 0 none; margin:0;padding:0;} label {display:inline-block} .ajax_loader {display:inline-block; background: url(../images/icons/ico_ajax-loader.gif) no-repeat;height:16px; width:16px; padding: 0 2px;display:none;} hr {position: static;} hr.clear {clear:both;} .doubleborder {border-bottom:0.3em double;margin:0 0 0.5em;} .no_picture {display: block;background: url(../images/no_picture.jpg) no-repeat center center;height: 100px;width: 100px;} .no_picture.small {height: 57px;width: 57px;} .noscript_notice {width: 980px;margin: 0 auto;} textarea {resize: none;} /* HEADING BOX ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {border: 1px solid;border-bottom: 0 none;height: 20px;font-size: 11px;font-weight: 700;background: url(../images/backgrounds/bg_breadcrumb.png) left bottom repeat-x;padding: 5px 0 5px 10px;margin: 0 !important;} #content .headingbox_nobg {background: 0 none;height: 18px;} #content .headingbox_dark {height: 25px;background: url(../images/backgrounds/bg_registerbox.png) left bottom repeat-x;} #content .largesize {font-size: 14px;height: 30px;} div.blog_navi .headingbox, #right h2.headingbox_nobg, #right h2.headingbox {border-right: 0 none;} /* HEADLINES ------------------------ */ h2, h3 {line-height:1.6em} h2 {font-size: 18px;margin: 10px 0 5px;} h3 {font-size: 14px;margin: 0 0 5px 0;} /* ICONS ------------------------ */ a.del {background: url(../images/icons/ico_delete.png) no-repeat;display: block;height: 21px;width:24px;} a.link {background: url("../images/icons/ico_listing-next.png") left top no-repeat; padding:0 0 5px 20px; font-weight: 500;display:block; } div.ico_new, div.ico_tipp, div.ico_esd {font-family: "Arial Black";font-size: 13px;font-weight: bold; text-shadow: #777 1px 1px 1px; letter-spacing: -1px;} div.ico_new {z-index: 210; position: absolute; top: 28px; left: -1px; width: 68px; height: 28px; background: url(../images/sprite_listing.png) no-repeat 0 -50px;} div.ico_new span {display: block; width: 68px;margin: 5px 0 0 32px} div.ico_esd {position: absolute;top:-3px;right:74px; width: 94px; height: 24px; background: url(../images/sprite_listing.png) no-repeat 0 0px; z-index: 210;} div.ico_esd span {display: block;width:94px;text-align:center;margin: 3px 0 0 0;} div.ico_tipp {z-index: 210; position: absolute; top: -4px; right: 10px; width: 57px; height: 25px; background: url(../images/sprite_listing.png) no-repeat 0 -24px;} div.ico_tipp span {display: block;text-align: center;margin-top:4px;} a.basket {background: url(../images/ico_basket.gif) no-repeat;display: inline-block;height: 22px;width:22px;} /* Flags */ #topbar .flag {display: block;width: 16px; height: 11px;text-indent: -9999px;margin: 8px 5px 0 0;float:left;} /* TRUSTED SHOPS, PAYPAL ------------------------ */ #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {padding: 10px;border-right: 1px solid;border-bottom: 1px solid;} #paypalLogo_noborder {border-bottom: 0px none;padding: 10px 10px 0;} #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container {padding: 5px 10px;border: 1px solid;} #trustedShopsLogo a, #paypalLogo a, #paypalLogo_noborder a {display: block;text-align: center;} #trustedShopsLogo a img, #paypalLogo a img, #paypalLogo_noborder a img {display: block;margin: 0 auto;} #trustedShopsLogo p, #paypalLogo p, #paypalLogo_noborder p {margin: 10px 0 0 0;} .trustedshops_form {border: 1px solid;padding: 10px;width: 939px;} #trustedShopsLogo a { display: inline; } /* HEADER ------------------------ */ #header {height:115px;position: relative; width: 100%;} #header #logo a {background: url(../images/logo.jpg) no-repeat;width: 148px;height: 44px;text-indent: -9999px;display: block;margin: 38px 0 0 38px;} /* LANGUAGE AND CURRENCY ------------------------ */ #topbar {position: absolute; right: 0; top: 0;padding: 0 5px;height:25px;} #topbar form {float:left;} #topbar input {border: 1px solid; background:transparent;margin: 6px 0 0 0;padding:0;font-size:11px;cursor: pointer;} #topbar input:hover {border: 1px dashed;} #topbar input.active {font-weight: 700;} #topbar .currency {padding-right:6px;margin-right:6px;border-right: 1px solid;display: block;} #topbar select {border: 0 none;} /* SHOPNAVIGATION Account, Notes, Basket ------------------------ */ #shopnavi .newbasket {width: 300px;position: absolute; right: 0px;top:35px;} #shopnavi .display {width: 210px;margin: 18px 0 22px 0;position: static;} #shopnavi .display .top {margin-top: 5px;} #shopnavi .display_basket {display:inline} #shopnavi .icon {width: 77px;position: static;} #shopnavi .icon a {display: block; background: url(../images/icons/ico_basket.png) no-repeat; width: 77px; height: 83px;text-indent: -9999em;} #shopnavi .quantity {padding: 0 0 0 2px;} #shopnavi .sep {padding: 0 3px;} #shopnavi .ajax_basket_container {border: 1px solid;width: 210px;height: 22px;margin-top:5px;background: url(../images/backgrounds/bg_ajaxbasket.png) repeat-x;} #shopnavi .ajax_basket_container .ajax_basket {height: 16px;padding: 4px 10px 0 10px;cursor:pointer;background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat scroll 200px 9px;} #shopnavi .ajax_basket_container div.ajax_loader {background: url(../images/icons/ico_ajax-loader.gif) no-repeat;height:16px; width:16px;display:none;position: absolute;right:25px;top:46px;} /* My options */ .my_options {position: absolute; top: 58px;left:490px;} .my_options a {padding: 0 20px 0 20px;height: 16px;line-height:16px; display: block;float:left;} .my_options a.account {background: url("../images/icons/ico_myaccount.png") left center no-repeat;} .my_options a.note {background: url("../images/icons/ico_notes.png") left center no-repeat;} .my_options a.compare {background: url("../images/icons/ico_compare.png") left center no-repeat;} /* Ajax basket result */ .ajax_basket_result {display: none;top: 27px;right: -2px;padding: 10px;width: 280px;border: 1px solid;text-align: left;position: absolute; z-index:9000;left: 200px;top: 100px;} .ajax_basket_result .button-left {padding: 0 10px 0 35px;} .ajax_basket_result .inner_cart {border: 1px solid;margin-bottom:10px;} .ajax_basket_result .inner_cart div {position:relative;margin-bottom:1px;height:25px;padding: 5px;z-index:20;} .ajax_basket_result .inner_cart div.last {margin: 0;} .ajax_basket_result .inner_cart .thumbnail {float:left;width: 30px;height:30px;margin-right:4px;margin:0;padding:0;text-align: center;} .ajax_basket_result .inner_cart span {margin:inherit;} .ajax_basket_result .inner_cart span.title {width: 190px;margin: 6px 0 0 8px; display: block;} .ajax_basket_result .inner_cart div.picture, #shopnavi .ajax_basket_result span {display:inline-block} .ajax_basket_result .inner_cart div.picture a {width:30px;height:30px;display:block} .ajax_basket_result .inner_cart .price {position:absolute; right:5px; top:10px;} .ajax_basket_result .inner_cart span.title a {text-transform: none;} .ajax_basket_result .right a {margin: 0;width: 56px;} /* MAINCATEGORIES ------------------------ */ #mainNavigation {padding: 1px 0 0 15px; width: 983px; margin: 20px 0px 0 1px;line-height: 30px;position: static;height: 32px;} #mainNavigation li {float: left;position: static;} #mainNavigation a {display: block;padding: 0px 15px;border-right: 1px solid;border-left: 1px solid;position: static;} #mainNavigation a.active {font-weight: 700;height:31px;border: 1px solid; border-bottom: 0 none;background: url("../images/backgrounds/bg_navigation_top_active.jpg") repeat-x;} #mainNavigation ul li ul {display: none;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {border: 1px solid;height: 35px;position: relative;z-index: 3000;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {display: block;position: absolute;background: #fff;width:250px;z-index:2000;margin-top: -1px;border: 1px solid #000;} #mainNavigation ul li ul.dropdown li {position: relative} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(../images/arrows/bg_arrow-small_right.gif) 240px center no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background: url(../images/arrows/bg_arrow-small_right_white.gif) right center no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {border: 0 none;background: 0 none;display:block;height:30px;line-height:30px;border-bottom:1px solid;width:220px;} #mainNavigation ul li.dropactive:hover ul.droplevel {display: none;position: absolute;left: 250px;top:0;border: 1px solid;width: 250px;} #mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel {display:block;} #mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel ul.droplevel {display: none;} #mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel li:hover ul.droplevel {display: block;} /* BREADCRUMB ------------------------ */ div#breadcrumb {position:static;margin: 0;display:block;float:none;clear:both;padding:0 15px; height: 40px;line-height: 36px;background: url("../images/backgrounds/bg_breadcrumb.png") repeat-x left bottom;border: 1px solid} div#breadcrumb strong {font-weight: 500} #breadcrumb .sep {padding: 0 2px;} /* FAUX COLUMNS ------------------------ */ #content .inner {overflow: hidden;width: 1000px;z-index:1} #content .inner, #content .inner div#left, #content .inner div#center {float: left;} /* SIDEBAR LEFT ------------------------ */ #content #left.info {width: 158px;} #content #left.info h2 {font-size: 11px;padding-top:10px;height:26px;} #content #left ul li {border: 1px solid;border-bottom: 0 none;border-right: 0 none;} #content #left ul li a {display: block;margin: 0 0 0 0px;padding: 8px 0 8px 15px;font-size:11px;} #content #left ul li.active {background: url("../images/backgrounds/bg_navigation_left_active.png") repeat-x;border: 1px solid;width:178px;} #content #left ul li.active a.active {font-weight: 700;} #content #left ul li.active.sub a.active {font-weight: 700;background: url("../images/arrows/bg_arrow_down.png") no-repeat scroll 155px center;border-bottom:1px solid;} #content #left ul li.active li a {margin: 0 0 0 10px;padding: 6px 0 6px 10px;background: url("../images/arrows/bg_arrow-small_right.gif") no-repeat left center !important;} #content #left ul li.active.sub ul a.active {border-bottom: 0 none;margin-left:15px;} #content #left ul li.active ul.submenu {padding-bottom: 5px;} #content #left ul li.active ul.submenu ul {border-top:1px solid;border-bottom: 1px solid;} #content #left ul li.active ul.submenu ul.submenu {border-bottom: 0 none;} #content #left ul li.active ul.submenu ul.submenu ul.submenu {border-bottom: 1px solid;} #content #left ul li.active li.active {background: transparent;border: 0 none;} #content #left ul li.active li.active a {border: 0 none; background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat left center !important;} #content #left ul li.active li.active a.flag {background: 0 none !important;font-weight:700;} #content #left ul li.active li.active li a {margin: 0 0 0 15px;padding: 4px 0 4px 10px; background:0 none !important;font-size: 10px;} #content #left ul li.active li.active li a.flag {font-weight: 700;} #content #left ul li.active li.active li.active a.flag {font-weight: 500} #content #left ul li.active li.active li.active a.active {margin-left: 20px; font-weight: 700; background: url("../images/arrows/bg_arrow-small_down.gif") no-repeat left center !important;} #content #left ul li.active li.active li .level3 a {padding: 4px 0px 4px 20px;} #content #left ul#servicenav {margin: 18px 0 0 0;border: 1px solid; border-left: 1px solid;padding-bottom: 15px;} #content #left ul#servicenav li {background: transparent;} #content #left ul#servicenav li.heading {background: url("../images/backgrounds/bg_servicenav.png") repeat-x;height: 33px; line-height: 33px;padding: 0 0 0 15px;text-transform: uppercase;color: #636363;font-weight: 700;border: 0 none;margin: 0 0 12px 0;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;} #content #left ul#servicenav li a {padding: 4px 0 4px 10px;} /* SIDEBAR RIGHT ------------------------ */ #content #right {overflow: hidden;width: 150px;position: static;float:right;margin-left: 0px !important;} div.blogFilter ul li, div.blogInteract ul li {padding: 6px 0 6px 10px;margin: 0 0 0 0;border-bottom:1px solid;background:#fff;} div.blogFilter ul li.last, div.blogInteract ul li.last {border-bottom: 0 none;} div.supplier ul li {margin: 0 0 0 0;padding: 6px 0 6px 10px;border-bottom:1px solid;} div.supplier ul li.last {border-bottom: 0 none;} div.supplier ul li.image {height: auto;text-align:center;} div.supplier ul li.image a {margin:0;} div.supplier_filter {margin:0px 0px 20px 0px; padding:0px; width:150px;border-bottom: 1px solid;} div.supplier_filter div {display:block;cursor:pointer;position:relative;border: 1px solid; border-right: 0 none;border-bottom: 0 none;background: url(../images/backgrounds/bg_filter_inactive.jpg) repeat-x;height: 20px;padding:6px 0 0px 16px;width:133px;margin:0;} div.supplier_filter div.slideContainer {background-image: none;padding: 0;height: auto;border: 0;} div.supplier_filter h5 {border-left: 1px solid;margin-bottom:0; padding: 5px 0 5px 5px;} .blog_navi div.supplier_filter div {width: 122px;} div.supplier_filter div.active {background: url(../images/backgrounds/bg_filter_active.jpg) repeat-x;font-weight: 700;} div.supplier_filter div span.expandcollapse {position: absolute; right: 10px; top:5px; border-bottom: 0 none;margin:0;height: 13px; width: 13px; text-indent: -9999px; background: url(../images/icons/ico_filter.gif) 0 -13px no-repeat;} div.supplier_filter div.active span.expandcollapse {background: url(../images/icons/ico_filter.gif) 0 0 no-repeat;} div.supplier_filter ul li {border-left: 1px solid; display: inline-block;} div.supplier_filter ul li a, div.supplier_filter ul li.active {padding: 6px 0 6px 22px;background: url(../images/icons/ico_search_inactive.png) 5px 7px no-repeat;display: block;} div.supplier_filter ul li:hover a, div.supplier_filter ul li.active {background: url(../images/icons/ico_search_active.png) 5px center no-repeat;} div.supplier_filter ul li:hover a, div.supplier_filter ul li.active a {text-decoration: none;} div.supplier_filter ul li.active {font-weight: 700;text-decoration:none;} div.supplier_filter ul li.close span {background: #fff none;border: 0 none;font-weight: 700;padding:0;} div.supplier_filter ul li.close:hover a {background: url(../images/icons/ico_search-delete.png) 5px center no-repeat;} div.supplier_filter .space { display: none; } #right div.supplier_filter.blog {width:140px;} div.supplier, div.blogFilter, div.blogInteract {border:1px solid; border-right: 0 none; border-top: 0 none; right:0;margin: 0 0 20px 0;padding: 0 0 0 0;} .filter_actions {position: absolute;right: 5px;top: 25px;} .filter_actions span {cursor: pointer; position: relative;} div.blogInteract ul li {height: 20px;padding:6px 5px 3px 0;border-top: 0 none;} div.blogInteract ul li.last {border-bottom: 0 none;} /* Register right */ #content div#right.register {width: 168px;margin-left:10px !important;float:left;} div#right.register h2 {margin: 0;border: 1px solid;border-bottom: 0 none;font-weight: 700; font-size: 12px; line-height: 32px;height: 32px;padding: 0 0 0 9px;} div#right.register ul {display: block;padding-top: 10px; border: 1px solid; border-top: 0 none transparent;background: url(../images/backgrounds/bg_breadcrumb.png) top left repeat-x;} div#right.register li {display: block;margin: 0 0 0 10px;padding: 10px 0 10px 30px;background: url(../images/icons/ico_register-benefit.png) no-repeat center left;color: #52892c;} div.blog_navi {margin-left:10px;} /* CONTENT CENTER ------------------------ */ #content {margin-top:10px;overflow: hidden;position:static;z-index:1} #center {margin-left: 10px;margin-right: 10px;} .teaser {border: 8px solid;padding: 12px;} .teaser p {text-align: center;font-size:12px;} .blogentry .img {float: left;padding: 8px;} .blogentry .post_metadata {font-size:10px;margin:4px 0 12px;padding:0 0 9px;} .blogentry .post_metadata span {border-right:1px solid;padding:0 8px;} .blogentry a {font-weight: 700;} #center .teaser_small h1, #content .orders h1, #content .downloads h1, #content #ticket h1, #content .cat_text h1, #content .supplier_register h1 {font-size:18px;margin:5px 0 15px;} #content #center .cat_text h1 {font-weight: 700;} #content #right_account {margin-left:20px;} #content #right_account {margin: 0;} #content .account {margin-left:20px; margin-right:0px;} #content .custom {margin-right: 40px;} #content .custom {width: 560px;} #content .custom h1 {font-size: 18px; font-weight: 700;} #content .custom ol {margin-left: 25px;} #content .custom ul {margin-left: 20px;} #content .custom ul li, #content .custom ol li {list-style: disc;float:none;} #content .custom ol li {list-style: decimal} #supplierfilter {padding: 10px; border: 2px solid;} #supplierfilter .text {display:block;float:left;margin-top:6px;} #content .cat_text, #content .register .supplier_register {padding: 0 0 8px;margin: 0 0 12px;background: url(../images/backgrounds/bg_cat_text.png) left bottom no-repeat;} #content .cat_text .inner_container, #content .register .supplier_register .inner_container {border: 1px solid; padding: 20px 20px 0; margin: 0;margin: 0 0 0;} #content #notes .cat_text, #content .account .cat_text, #content .register .supplier_register {margin-left: 10px;background: url(../images/backgrounds/bg_cat_text_note.png) left bottom no-repeat;} #content .account .cat_text {margin: 0;} #content .banner {margin-bottom: 10px;} .required_fields { border: 1px solid #c7c7c7; padding: 10px; background: #F3F3F3; font-weight: 700 } #letterForm .required_fields { margin: 0 20px 20px; background: #fff; } /* GENERAL LISTING ------------------------ */ .listing_actions {border:1px solid;height:56px;padding:0 15px;background: url(../images/backgrounds/bg_listing_actions.png) top left repeat-x;} .listing_actions .top {height: 23px;padding: 0 0 5px 0;} .listing_actions .bottom {height:23px;padding: 5px 0 0 0; border-top: 1px solid;} .listing_actions select {width:135px;margin:0.5em 0;} .listing_actions label {height: 22px;float:left; display: block; margin: 8px 5px 0 0;} .listing_actions .paging label {float:left;margin: 3px 18px 0 0;} .listing_actions .articleperpage select {width:50px} .listing_actions.bottom, .listing_actions.normal {height: 28px;} .listing_actions .bottom .paging {float:left;} .listing_actions a.navi, .listing_actions div.more { display:block; float:left; margin-right:1px;height:14px;width:14px;font-size:10px;border:1px solid;padding:1px;vertical-align: middle; text-align: center; } .listing_actions a.prev {background: url("../images/arrows/bg_arrow-small_left.gif") no-repeat scroll center 6px transparent;text-indent: -9999px;} .listing_actions a.more {background: url("../images/arrows/bg_arrow-small_right.gif") no-repeat scroll center 6px transparent;text-indent: -9999px;} .listing_actions .sort-filter {width: 210px;text-align: left;float:left;} .listing_actions .articleperpage {width:160px;margin: 0 auto 0 42px; text-align: center;float:left;} .listing_actions .articleperpage.rightalign {text-align: right;float:left;} .listing_actions .list-settings {width: 165px;text-align: right;float:right;} .listing_actions .list-settings .table-view, .listing_actions .list-settings .list-view { background: url(../images/icons/ico_view.png) no-repeat; width: 27px; height: 20px; display: block;float:left; margin:3px 0 0 5px; } .listing_actions .list-settings .table-view:hover, .listing_actions .list-settings .list-view:hover {text-decoration: none;} .listing_actions .list-settings .table-view:hover, .listing_actions .list-settings .table-view.active {background-position: 0 -20px;} .listing_actions .list-settings .list-view:hover, .listing_actions .list-settings .list-view.active {background-position:-28px -20px;} .listing_actions .list-settings .table-view {background-position: 0 0px;} .listing_actions .list-settings .list-view {background-position: -28px 0px;} .listing_actions .list-settings label {float: left;} .listing_actions .list-settings select {width:95px;float:left;} .listing_actions .bottom .display_sites {width: 135px; display: block; float:right;text-align:right;margin:3px 0 0 0;} .contentlisting_box .listing_actions .paging {margin-top: 5px;} div.listing {overflow: hidden; width:680px;} .artbox {border: 1px solid;margin: 0px 11px 10px 0;float: left;position: relative;} .artbox .inner {padding: 10px 10px 5px 10px; overflow: visible !important;} .artbox .star {position: absolute; top:10px;} .artbox .artbox_thumb {margin-top:10px;height: 105px;display: block; text-align: center;} .artbox a.title {display: block;font-weight: 700;font-size:12px;margin: 0 0 8px 0;} .artbox p.desc {font-size:11px;line-height:13px;} .artbox p.price, .artbox p.pseudoprice {text-align: left;position: absolute;bottom: 65px;left: 10px;height: 30px;margin: 0;} .artbox p.pseudoprice {bottom: 77px} .artbox span.price {font-size: 14px;font-weight: 700;margin-bottom: 5px;} .article_box span.pseudo, .artbox span.pseudo {text-decoration: line-through;display:block;color: #777; font-weight: 500;} .artbox .unit {font-size: 10px; position: absolute;bottom: 115px;font-weight: 700;} .artbox .actions {position: absolute;bottom: 2px;left: 5px;width: 137px;} .artbox .actions a, .listing_actions .offers {display: block; width: 125px; height: 20px; border: 1px solid; position: relative; padding: 0 5px; margin-bottom: 2px;line-height: 20px;} .artbox .actions a, .listing_actions .offers, div#notes .table_row .action a, .blogbox a.more_info, .content_listing a.more_info, .bt_allsupplier, div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {background: url(../images/sprite_listing_buttons.png) right 0 no-repeat;} .artbox .actions a.more,.listing_actions .offers:hover,div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {background-position: right -21px;} /* Base price */ .artbox .article_price_unit p, .artbox .article_price_unit_pseudo p { margin-bottom: 0; font-size: 10px; } /* Offers */ .listing_actions .offers {margin: 3px 0 0 195px; display:block;width: 190px;} .listing_actions .offers:hover {text-decoration: none;} /* Related */ #related .container, #related .container .listing {overflow: hidden;width: 483px;} #related .artbox {width: 157px;} #related .artbox .inner {height: 290px;} /* Promotion */ .artbox_shoppingworld {display: block; float:left;margin: 0px 11px 9px 0;} .artbox_shoppingworld img {vertical-align: bottom} /* Cross Selling */ /*.cross_box_content.listing {width:840px;} .cross_box_content.listing .artbox {width:197px;} */ /* 4 COL LISTING ------------------------ */ #listing .artbox {width: 147px;} #listing .artbox .inner {height: 310px;width:127px; overflow:auto;} #listing .artbox div.ico_esd {right: 1px; top:-3px;} #listing .artbox p.desc { margin: 0 0 1em; } #listing .article_price_unit .baseprice { display: block } /* 3 COL LISTING ------------------------ */ #listing-3col .artbox {width: 200px} #listing-3col .artbox .inner {height: 325px;width: 180px;} #listing-3col .artbox .actions {position: absolute;bottom: 27px;} #listing-3col .artbox .artbox_thumb {height: 145px;margin-top:0} #listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more, #listing-3col .artbox .buynow {width:179px;} #listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more {width:82px;position: absolute;} #listing-3col .artbox a.more {left: 97px;} #listing-3col .artbox div.ico_esd {right: 8px;top:24px;} #listing-3col .artbox p.price {bottom:40px;} #listing-3col .artbox p.pseudoprice {bottom: 52px;} #listing-3col .artbox p.desc { margin: 0 0 .8em } /* 2 COL LISTING ------------------------ */ #listing-2col .artbox {width: 307px;} #listing-2col .artbox .inner {height: 255px;width: 287px;} #listing-2col .artbox .artbox_thumb {height:140px;margin-top: 0;} #listing-2col .artbox .actions {right: 6px; left: auto;width: 135px;} #listing-2col .artbox .price {bottom: 5px;margin: 0;} #listing-2col .artbox .title {margin: 5px 0;width:150px;} #listing-2col .artbox .desc {width: 130px;} #listing-2col .artbox .unit {right: 10px; bottom: 80px;} #listing-2col .artbox p.pseudoprice {bottom:8px;} #listing-2col .artbox .article_price_unit, #listing-2col .artbox .article_price_unit_pseudo { position: absolute; bottom: 80px; right: 5px; width: 135px; } #listing-2col .artbox .article_price_unit .baseprice, #listing-2col .artbox .article_price_unit_pseudo .baseprice { display: block } /* 1 COL LISTING ------------------------ */ #listing-1col .artbox {width:629px;margin:0;border-bottom: 0 none;} #listing-blog .artbox .inner,#listing-1col .artbox .inner {height: 145px;width:609px;} #listing-blog .artbox .artbox_thumb, #listing-1col .artbox .artbox_thumb {display: block;width:105px;} #listing-blog .artbox a.title, #listing-1col .artbox a.title {position: absolute; top:15px;left:125px;width:330px;} #listing-blog .artbox p.desc, #listing-1col .artbox p.desc {position: absolute; top:45px;left:125px;width:330px} #listing-blog .artbox .actions, #listing-1col .artbox .actions {position: absolute;bottom: 15px;width:125px;left: 635px;} #listing-blog .artbox a.compare, #listing-1col .artbox a.more, #listing-1col .artbox .buynow, #listing-1col .artbox a.compare, #listing-1col .artbox a.more, #listing-blog #listing-1col .artbox .buynow {width:125px;} #listing-blog .artbox p.price, #listing-1col .artbox p.price {top: 15px;left:635px;text-align: left;display: block;width:100px} #listing-blog .artbox div.ico_esd, #listing-1col .artbox div.ico_esd {right: 200px;} #listing-blog .artbox .unit,#listing-1col .artbox .unit {bottom: 90px; right:45px;width: 100px;text-align:left;display:block} #listing-blog .artbox p.pseudoprice, #listing-1col .artbox p.pseudoprice {bottom: 110px; right:45px;left:auto;width:100px;display:block;} #listing-1col .artbox.last {border-bottom: 1px solid;} #listing-blog .artbox div.ico_tipp, #listing-1col .artbox div.ico_tipp {right:5px;} #listing-1col .artbox .actions, #listing-1col .artbox p.price, #listing-1col .artbox p.pseudoprice, #listing-1col .artbox .unit {left: 480px;} #listing-1col .artbox .article_price_unit, #listing-1col .artbox .article_price_unit_pseudo { position: absolute; left: 125px; } /* BLOG CROSS SELLING ------------------------ */ #listing-blog .artbox {width: 778px;border-top:0 none;margin: 0px 11px 0px 0;} #listing-blog .artbox .inner {width:758px;} #listing-blog .artbox p.desc {width:430px;} /* ARTICLE DETAIL ------------------------ */ /* General */ #content #detail {width:800px;margin-left:10px;} #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} #content #detail #detailbox_middle, #content #detail #detail_menu, #content #detail #basketButton {position: static;} #detail .border {border-bottom: 1px solid;} #detail .wrapper {margin-left: 5px;width: 285px;} .basketform .error {width: 220px;} #detail #article_details .modal_open a {text-decoration: underline;} /* Navigation */ .menu_top {position: static;margin-bottom: 42px;} .article_overview, .article_back, .article_next {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;} .article_back {float:left} .article_next {float:right} .article_back a {background: url(../images/icons/ico_listing-prev.png) left center no-repeat;padding: 0 0 0 20px;} .article_next a {background: url(../images/icons/ico_listing-next.png) right center no-repeat; padding: 0 20px 0 0;} /* Images*/ #detailbox #img {width: 285px;} #detailbox #img img {display: block;margin:0 auto;} #detailbox #img #wrap {display: block; min-height: 255px;} #detailbox #img #wrap .mousetrap { opacity: 0; background: #fff } #zoom1 {display:block} #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 */ #detailbox h1, .article_details_price{font-size: 14px; font-weight: 700; line-height: 20px;margin-bottom: 15px;} #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;} .article_details_price {display: block;font-size: 18px;} div#article_details .delivery_container {margin: 5px 0 0 0;} /* Configurator */ #buybox select {width: 115px;float: left;} #buybox select.variant, #buybox #configForm select {width: 240px;} #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;} #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 */ #description h2, #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;} #description h2, #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} /* Blog description */ .blogdetail_content .description h2, #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;} .blogdetail_content .description h2, #comments h2, #related h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px 0;} .blogdetail_content .description ol {margin-left: 25px;} .blogdetail_content .description ul {margin-left: 20px;} .blogdetail_content .description ul li, #description ol li {list-style: disc;float:none;} .blogdetail_content .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 */ #detail #detailinfo {background: #f5f4f0 url(../images/backgrounds/bg_detailinfo.png) left top repeat-x;padding-left: 19px;padding-bottom: 1000em;margin-bottom: -1000em;} #detail #detailinfo #tabs {width: 765px;padding: 15px 0 0 0;overflow: hidden;margin: 0 0 18px 0;} #detail #detailinfo .inner_tabs {background: #fff;border: 1px solid;min-height: 420px;width: 763px;overflow:hidden;} #detail #detailinfo .ui-tabs-panel {width: 485px;text-align: left;padding-top: 25px;float:left;} #detail #detailinfo .ui-tabs-panel h3 {font: bold 12px Arial, sans-serif;text-transform: none;margin: 15px 0 10px 0;} #detail #detailinfo .ui-tabs-panel .lst_bullet li {list-style: disc;margin-bottom: 5px;} #detail #detailinfo #description {padding-right: 25px;width:475px;line-height:16px;} /* Similar */ #detail #detailinfo .similar {width: 235px;border-left: 1px solid;min-height: 365px;padding: 0 0 1000em 10px;margin:0 0 -1000em;float:left;} #detail #detailinfo .similar h3 {text-transform: none;font-size:14px;font-weight: 700;margin: 25px 0 0 10px} #detail #detailinfo .similar .artbox {width:235px;border: 0 none;margin-right: 0;} #detail #detailinfo .similar .artbox .inner {width: auto;overflow:auto;float:none;} #detail #detailinfo .similar .artbox .artbox_thumb {height: 57px; width: 57px;border: 1px solid #dbdbdb;margin:0px;float:left;} #detail #detailinfo .similar .title_price {width:140px;float:left;margin-left:10px;} #detail #detailinfo .similar .artbox .title {display:block;} #detail #detailinfo .similar .artbox .price {position: static;} #detail #detailinfo .similar .artbox .actions {display: none;} /* Comments */ .inner_tabs #comments .overview_rating strong, .inner_tabs #comments .overview_rating .star, .inner_tabs #comments .overview_rating span {float:left;margin-right:5px;} .inner_tabs #comments .overview_rating span {margin-right: 0;} div.comment_block .date, div.comment_block .author {display: block;} div.comment_block .author, div.comment_block .date {font-weight: 700;} #detail #detailinfo #comments form {border: 1px solid;padding:10px;border-top:0 none;} #detail #detailinfo #comments form p {margin: 0 0 0.8em;} #detail #detailinfo #comments form h4 {font-weight: 700;} #detail #detailinfo #comments fieldset input {width:240px;} #detail #detailinfo #comments form textarea {width: 425px;} #detail #detailinfo #comments .left_container {width: 140px;float:left;} #detail #detailinfo #comments .right_container {float:left;width:345px} #detail #detailinfo #comments .right_container h3 {margin-top:0;} #detail #detailinfo #comments .comment_block {border-bottom: 1px solid;padding-top:10px;} #detail #detailinfo #comments .last {border-bottom: 0 none;} /* Captcha */ #detail #tabs .ui-tabs-panel label {width: 180px;display: block;float:left;margin-top:8px;} #detail #tabs .ui-tabs-panel input.text {width: 250px;float:left;} #detail #tabs .ui-tabs-panel textarea {width: 250px;height:150px;} #detail #tabs .ui-tabs-panel .captcha img, .captcha .code {display: block; float: left;} #detail #tabs .ui-tabs-panel .captcha .code label {width: 260px;padding-left: 20px;display:block; float: none;} #detail #tabs .ui-tabs-panel .captcha .code input {width: 260px; margin-left: 20px;} #detail #tabs .ui-tabs-panel .buttons {text-align: right;margin-right:20px;} #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 */ #detail #detail_menu li {font-size:10px;border: 1px solid;width: 240px; text-align: left;border-bottom: 0 none; } #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} #detail #detail_menu li.lastrow {border-bottom: 1px solid;} /* BASKET PAGE ------------------------ */ /* General table styling */ .table {margin: 0 !important;} .table .table_head, .table .table_row, .table .table_foot, .table .table_premium {margin: 0 !important; width: 100%;} .table .table_head {height:15px;padding: 10px 0 10px 0px;border: 1px solid;font-weight: 700;} .table .table_row, .table .table_foot {min-height: 45px;border: 1px solid; border-top: 0 none;padding: 10px 0 10px 0px;} .table .lastrow {border-bottom: 1px solid;} .table .table_row .no_image {width: 57px; height:57px;margin:12px 0 0 10px;} .table .table_foot #aggregation_left {width: 130px;} .table .table_foot #aggregation_left p, .table .table_foot #aggregation p {margin-bottom: 0.5em;} .table .table_foot #aggregation_left .tax, .table .table_foot #aggregation .tax {height:32px;} .table .table_row a.thumb_image {margin: 12px 0 0 10px;display: block; height: 57px; width: 57px;} .table .table_row a.thumb_image img {margin: 0 auto;display: block;} .table .table_row .basket_details {position: absolute; top:0px;left: 95px;} .noteUnit {font-size: 10px; position: absolute;top: 25px;font-weight: 700;right: 85px} /* Nested tables */ .table .table .table_head {border-top: 0 none;} /* Basket */ #basket .table .table_row, #notes .table .table_row {position: relative;} .table .table_row .action a.del {display: block;position: absolute;right: 10px;} .table .table_row .action a:hover {text-decoration: none; } .table .table_head .charge_vat {text-align: right;float:left;} #basketButton, div.table_foot {width: 225px;} #basket .actions a {float:left;} #basket .actions a.button-right {position: absolute; right:0;margin: 0;} #notes .table .table_row .basket_details {left:125px;width: 260px;} #confirm .table .table_row, #finished .table .table_row {min-height:85px} #basket .table .voucher .action a.del, #basket .table .selected_premium a.del {top: 6px;} .table .selected_premium, #basket .table .selected_premium {min-height: 50px;} #basket .table .voucher, #basket .table .rebate, #basket .table .small_quantities, #basket .table .bundle_row, #confirm .table .voucher, #confirm .table .rebate, #confirm .table .small_quantities, #confirm .table .bundle_row {min-height: 30px;} #basket .table .ordernumber, #confirm .table .ordernumber, #finished .table .ordernumber {margin: 0 0 5px 0;} .table .table_row .title, #basket .table .table_row .title {font-weight: 700; font-size: 12px; line-height: 16px;} .table .table_row select {margin: 0;} .table #aggregation_left .border, .table #aggregation_left .doubleborder {border-color: #fff;} .basket_bottom_paypal {float: right;background: #fff;margin-right: 205px;} #confirm .table .table_foot .notice {width: 210px; text-align: center;} /* Premium selection */ .table .table_premium {border: 1px solid;border-top: 0 none;} .table .table_premium h5 {margin: 0px 0 5px 20px;} .table .table_premium .head {padding: 10px 0 0 0;background: url(../images/backgrounds/bg_premium-top.png) left top repeat-x;} .table .table_premium .body {background: url(../images/backgrounds/bg_premium-bottom.png) left bottom repeat-x;} .table .table_premium .body .thumbnail {display:block;height: 57px;width: 57px;text-align: center;float:left;margin: 15px 0 0 5px;} .table .table_premium .body .article {float: left;height: 105px;margin: 0 10px 10px 10px;width: 235px;background: #fff;border: 1px solid;position: relative;} .table .table_premium .body .article .name {display: block; margin: 10px 0 0 72px;} .table .table_premium .body .article .button-right {margin-top: 10px;padding:0 35px 0 10px;width: 147px;} .table .table_premium .body .bonus_price {position: absolute;bottom: 15px;left: 75px;margin: 5px 0 0 0;color: #333;font: bold 11px/14px Arial, sans-serif;float:left;} .table .table_premium .body .bonus_price .pr1 {margin-right: 8px;} .table .table_premium .body .thumbnail img {height: 57px;} /* Basket and confirm footer */ div.table_foot input.button_tablefoot {height: 21px;line-height: 21px;background: url(../images/buttons/button_tablefoot.png) right top no-repeat !important;border: 0 none;font: bold 11px/14px Arial, sans-serif;padding: 0 20px 0 10px;width: 95px;display:block; float:left;margin-top:7px;margin-left:5px;} div.table_foot .border {border-bottom: 1px solid;} div.table_foot .box {width: 392px;border: 1px solid;padding: 30px 10px 30px 15px;margin-right: 22px;} div.table_foot .box label {width: 105px; font-weight: 500;display:block; float:left;margin-top:12px;} div.table_foot .box .text {width: 170px;background:url(../images/backgrounds/bg_input.jpg) repeat-x;float:left;} div.table_foot .totalamount {font: bold 14px/18px Arial, sans-serif;} div.table_foot .box .vouchers, .div.table_foot .box .add_article {height:30px;} #basket .actions {height:40px;} /* Confirm additional footer */ .additional_footer .comment, .additional_footer .more_info, .additional_footer .agb {padding: 20px;border: 1px solid;} .additional_footer .comment label {display: block;} .additional_footer .comment textarea {height: 150px;margin: 0 170px;} .additional_footer .more_info, .additional_footer .agb {border-top: 0px;} .additional_footer .actions {float: right;width: 230px;} .additional_footer .agb .revocation {display: block;padding: 10px;border: 1px solid;margin: 0 0 10px 0} /* Confirm page dispatch selection */ #confirm .shipping_select {padding: 20px; border: 1px solid;border-top: 0 none;width: 740px} #confirm .shipping_select .select_shipping {width: 555px;} #confirm .shipping_select .select {width: 185px; float:left;} /* Notes */ div#notes .table_row {height: 155px;} div#notes .table_row .title, div#notes .table_row .supplier, div#notes .table_row .ordernumber, div#notes .table_row .desc {width: 260px;} div#notes .table_row .desc {width:415px;} div#notes .table_row .title {position: absolute;top: 0px;font-family: Arial, sans-serif;font-size: 14px; width: 310px;} div#notes .table_row .supplier {position: absolute;top: 20px;background: transparent;border: 0 none;} div#notes .table_row a.thumb_image {width: 105px;height: 105px;top: 15px;position: relative;} div#notes .table_row .ordernumber {margin: 0;position: absolute;top: 35px;} div#notes .table_row .desc {position: absolute;top: 78px;} div#notes .table_row .date { position: absolute; top: 50px; } div#notes .table_row .rating {right: 10px;top: 20px;position: absolute;} div#notes .table_row .delivery {position: absolute;right: 85px;top: 20px;text-align: left;width: 140px;} div#notes .table_row a.zoom_picture {background: url(../images/icons/ico_zoom-picture.png) no-repeat; padding: 0 0 0 30px; height: 21px; line-height: 21px; display: block; top: 140px; left: 5px; position: absolute;} div#notes .table_row .price {font-size:14px;font-weight: 700;position: absolute;right:70px;text-align: left;width:100px;} div#notes .table_row .delete {display: block; height: 21px; width: 24px; background: url(../images/icons/ico_delete.png) no-repeat; text-indent: -9999px; position: absolute; top: 10px;right:10px;} div#notes .table_row .action {position: absolute;top: 45px;right: 10px;} div#notes .table_row .action a {background-repeat: repeat-x; display: block; height:16px; border: 1px solid #e7e7e7; width: 162px;padding: 4px 0 0 10px; margin: 0 0 2px;color:#696969;} div#notes .table_row .action a.basket {margin-bottom: 20px;} div#notes .article_price_unit { position: absolute; top: 130px; } div#notes .article_price_unit p { margin: 0; } /* Deliveryfree */ .shippingfree_basket {padding: 10px;text-align: justify;} .accept_box {padding: 12px 0;} .accept_box h3 {font-weight: 700; text-align: center; font-size: 11px;} .box_premiumcontainer, .box_premiumcontainer div {width:176px; margin: 0 auto; text-align: center;} .box_premiumcontainer div {border: 2px solid; border-top: 0 none;margin-left:-2px;padding: 12px 0 ;position: relative;} .box_premiumcontainer .bonus_price {padding: 0; background: url(../images/bonus_price.gif) no-repeat; height: 55px;border: none;margin:0 0 -12px 0;font-weight: 700;} .box_premiumcontainer .bonus_price p.pr1 {position: absolute; right: 5px; top: 8px; font-size: 14px;} .box_premiumcontainer .bonus_price p.pr2 {position: absolute; left:5px; top: 34px;} .basket .changeorder, .basket .more_info, .basket .agb {border: 1px solid; padding: 10px;width: 760px; border-top: 0 none;} .basket .more_info label {position: relative; top: -70px;} .basket .more_info label.chklabel {top:0px;} .basket .more_info textarea {height:75px;left:150px;position:relative;} .basket {margin-bottom: 20px} /* Change details */ #content .info {margin: 0 20px 0 20px;} .info div {border: 1px solid;border-top:0;background: #fff;border-left: 1px solid;margin: 0 0 15px 0;} .info div.inner_container {border: 0 none;padding:5px 0px 0px 15px;margin:0;} .info div.inner_container .button-middle {width: 60px;} /* Check Order */ #content .agb {margin: 0;} #content .agb_confirm {margin-left: 20px;} #content .inner .check_order {margin: 10px 0 10px 20px;} #content .inner .check_order .inner_container {padding: 10px 15px 5px;margin:0;border: 1px solid #c7c7c7;border-top:0 none;} #content .inner .check_order h2 {background: #fff url(../images/backgrounds/bg_breadcrumb.png) bottom left repeat-x;margin-top:0px;padding: 5px 25px 15px 15px;font-size: 12px;font-weight: 700;display: block;text-transform: none;} /* LOGIN PAGE ------------------------ */ #login .inner_container {padding: 20px 20px 0 20px;width: 438px;border: 1px solid;border-top: 0 none;margin-bottom: 20px;height: 200px;} #login label, .password label, .email label {width:125px;display: block; float:left;margin-top: 12px;} #login input[type=text], #login input[type=password] {width:200px;} #login .password {margin-left: 132px;} #login .password a {text-decoration: underline;} #login .action {margin-left: 260px;} #login .action .button-middle {width: 75px;} .password {text-align: left;} .password .outer {border: 1px solid; border-top: 0 none;padding-left: 200px;} .password #txtmail {width: 390px;} .password .buttons {width: 400px;position: relative; left: 150px;text-align: left;height: 40px;} .password .buttons .button-left, .password .buttons .button-right {display: block;margin:0 !important;position: absolute;} .password .buttons input {width: 185px;} .password .buttons .button-right {left: 150px;} /* REGISTER PAGE ------------------------ */ #content .inner #center.register {margin-left:20px;width:770px;} .payment fieldset {border: 5px solid; padding: 20px; margin-bottom: 20px;} .payment input[type=radio] {margin: 0 10px 0 0;} .payment .paydescr {padding:10px 25px;} .payment .debit input[type=text] {width: 175px;} /* New register */ .register div {margin: 0 0 1.0em;} .register label {width: 150px;margin:10px 0 0 55px;float:left;display: block;} .register label.normal {font-weight:500;} .register .salutation span input {float:left;} .register .payment_method label {width:100px; margin: 0px 0 0 5px;} .register .payment_method .debit label {margin:0.5em 0;} .register select {width:310px;padding: 5px;} .register .personal_settings, .register .shipping_address, .register .payment_method, .register .company_informations, .register .alternative_shipping {border: 1px solid;border-bottom: 0 none;margin: 0;padding: 0 0 15px 0} #content .register h2.headingbox_dark {border: 0 none;} #content .tellafriend .register h2.headingbox_dark {border: 1px solid; border-bottom: 0 none;} #content .register .payment_method h2 {margin-bottom:10px !important;} .register .check input, .register #dpacheckbox {float:left;} .register .description {margin-left: 210px;} .register .debit .description {margin:0;} .register .street {width:250px;} .register .number {width: 35px} .register .zipcode {width: 100px;} .register .city {width:185px;} .register #shippingAddress {left:-8px; width: 16px;height:16px;} .register .payment_method {border-bottom: 1px solid;margin-bottom:20px;padding:0;} .register .payment_method .radio {float:left;top:0;} .register .payment_method .method, .register .payment_method .method_last {margin: 0 0 10px; padding: 0 0 10px 40px; border-bottom: 1px solid;} .register .payment_method .method div, .register .payment_method .method_last div {margin: 0;} .register .payment_method .method .first, .register .payment_method .method_last .first {width: 165px;} .register .payment_method .method .bankdata, .register .payment_method .method_last .bankdata {margin-left: 160px;} .register .payment_method .method_last {border-bottom: 0 none;} .register .register_last {border-bottom: 0px solid} .register .chklabel {width: 450px;} .register .check {margin-left: 205px;} .register #birthdate select {width: 60px;} .register .privacy, .register .alt_shipping {margin-left: 205px;} .register .privacy {margin-left: 175px;} .register .privacy label, .register .alt_shipping label {width:400px;margin:0;} .register .alt_shipping label {display: inline; float:inherit;} .register .check label, .register .salutation span label, .register .privacy label {margin: 4px 0 0 5px;} .register .error {margin: 0;border-bottom: 0 none;} #registerbutton {width: 241px;display:block; background: url(../images/backgrounds/bg_basketbutton.png) no-repeat;border: 0 none; height: 40px;color: #fff; font-size: 14px;} #registerbutton {position: relative !important; z-index:20;cursor:pointer} #confirm .payment_method {margin: 0} #confirm .method_hide {display: none} #confirm .payment_method .method, #confirm .payment_method .method_last {padding:0 0 10px 0;width:100%;} #confirm .payment_method .grid_5 {padding:0 0 0 40px;} #confirm .payment .change {margin: 0;float:right;} #confirm .payment .change a {margin: 10px} #confirm .payment .actions input {margin: 0 20px 10px 0} /* Shipping Calucator */ #content #left.basket {width: 171px;border-left: 0 none;margin: 0 10px 0 1px;} #content #left.basket h2 {border-left: 0 none;font-size:11px;padding-top:11px; height:24px;} #content #left select {width: 148px;} #content #left.basket p {margin: 0 0 1em;} #content #left #recalcShipping div.basket_country, #content #left #recalcShipping div.basket_payment, #content #left #recalcShipping div.basket_dispatch {padding: 25px 0 15px 10px;background: url(../images/backgrounds/bg_breadcrumb.png) top left repeat-x;} #content #left #recalcShipping, .basket_dispatch_description {border: 1px solid;border-top: 0 none;} .basket_dispatch_description {padding: 15px 0 15px 10px;} .basket_dispatch_description h3 {margin: 0 0 10px;font-weight:700;font-size:12px;} #content #left #recalcShipping div.basket_country {background-image: none;} #content #left #recalcShipping div div label {font-weight: 500;} /* Supplier registration */ #content .register .supplier_register {margin-left: 0px;} #content .register .supplier_register .inner_container {padding: 20px;} #content .register .supplier_register .account {margin: 0;} /* Stepbox */ div.step_box {width: 998px;height: 42px;margin-left: 1px;background: url(../images/backgrounds/bg_stepbox.png) bottom left repeat-x;margin: 0 0 20px 0;} div.step_box ul {width: 100%;} div.step_box ul li {width: 316px;float: left;margin-right: 2px;height: 41px;background: url(../images/backgrounds/bg_step-inactive.png) repeat-x;border: 1px solid;border-bottom: 0 none;cursor: default;} div.step_box ul li.active {background: #fff url(../images/backgrounds/bg_step-active.png) top left repeat-x;} div.step_box ul li#first_step {margin-left: 20px;} div.step_box ul li .icon {display: block;height: 26px;width: 29px;background: url(../images/backgrounds/bg_stepnumber.png) repeat-x;text-align: center;margin: 5px 0 0 9px;padding: 8px 0 0 0;border: 1px solid;border-bottom: 0 none;font: bold 15px/18px Arial, sans-serif;float: left;} div.step_box ul li.active .icon {background: url(../images/backgrounds/bg_stepnumber-active.png) repeat-x;border: 0;width: 29px;height: 31px;} div.step_box ul li .text {display: block;float: left;font: bold 15px/18px Arial, sans-serif;margin: 12px 0 0 15px;} #letterForm .description {margin-left: 250px;} /* ORDER PROCESS ------------------------ */ div.agb_accept label.chklabel {font-size: 11px; line-height: 11px; height: 12px; padding:2px; margin:3px;font-weight: 700; display: block; float: left;} div.agb_info {height: 30px;font-weight:normal;} .process .orderdata_box div {width: 242px;} .finished .teaser {width: 742px;} .finish h2.headingbox {width: 950px;} #finished {margin-right: 20px;} /* USER ACCOUNT PAGE ------------------------ */ .account #userinformations .inner_container,.account #selected_payment .inner_container,.account .newsletter .inner_container, .account .billing .inner_container,.account .shipping .inner_container,.account .password .inner_container,#right .adminbox,.password form div, .account .email .inner_container {border: 1px solid;padding: 5px 20px;border-top: 0 none;} .account #userinformations .inner_container, .account .billing .inner_container, .account .shipping .inner_container, .account #selected_payment .inner_container {width: 338px;} #content .orders, #content .downloads {margin-left: 20px;} #content .account .success, #content .account .error, #content .account .error_msg {width:760px;margin: 0 0 20px;} #content .account .error_msg {margin-bottom: 0;} .account .billing .inner_container .change, .account .shipping .inner_container .change {position: absolute; top: 150px;} .account .billing .inner_container .change a, .account .shipping .inner_container .change a {position: relative;top:auto;} /* Select */ .addresses .inner_container {border: 1px solid; border-top: 0 none;} .addresses .inner_container .select_billing, .addresses .inner_container .select_shipping {border: 1px solid;padding: 20px;} .account #userinformations .inner_container, .account #selected_payment .inner_container {height: 100px;position: relative;} .account #userinformations .button-middle, .account #selected_payment .button-middle {position: absolute;bottom: 0px;} .account #userinformations .change_mail {left:180px;} .account .billing .inner_container, .account .shipping .inner_container {height: 130px;} .account .newsletter, .account .password, #content .addresses, .account .email {width: 780px;} .account .password label, .account .email label {width: 150px;text-align: right;padding-right: 5px;} .account .password .button-right, .account .email .button-right {margin: 0 0 0 155px;width: 180px;} #content #right_account {width: 170px;float:right;margin-left: 20px;overflow:hidden;position:static;} #content #right_account h2 {border-right: 0 none;} /* Account sidebar right */ #right_account .adminbox {width: 169px;border-top: 0 none;padding: 5px 0px 10px;border-left: 1px solid;border-bottom:1px solid;} #right_account .adminbox li {margin: 5px 0px;background: url(../images/icons/ico_listing-next.png) 8px center no-repeat;padding: 6px 0 6px 32px;display:block;border-bottom: 1px solid;} #right_account .adminbox li a {font-weight: 700;display:block;} #right_account .adminbox li.main {background: url(../images/arrows/bg_arrow-small_down.gif) left center no-repeat;} #right_account .adminbox li.last {border-bottom: 0 none;} .addresses h2 {margin: 0;background: url(../images/backgrounds/bg_breadcrumb.png) bottom left repeat-x;} .addresses .select_billing, .addresses .select_shipping {margin: 10px 24px;} .password form h2 {margin: 0;} #content div.inner .change_shipping div.alternative_shipping, #content div.inner .change_billing .shipping_address {border-bottom: 1px solid;} #content .inner #center #selected_payment strong {color:#333} #content div.inner .change_billing, #content div.inner .change_shipping {margin-left:20px;width:790px;margin-right:0px;} #content .orders .orderoverview_active .lastrow {border-bottom: 1px solid;} #content .orders .orderoverview_active .table .button-right {width: 180px; margin: 0 0 0 10px;} #content div.inner .change_shipping .actions, #content div.inner .change_billing .actions, #content div.inner .paymnet .actions {height: 40px;} #content .change_billing .actions .button-right, #content .change_shipping .actions .button-right {width: 150px;} #content .orderoverview_active h4 {margin-left: 15px;} #content .orders .orderoverview_active .articleName { font-size: 12px; } #content .orders .orderoverview_active .article_price_unit p { margin: 0; } #content .orders .orderoverview_active .currentPrice { color: #999 } #content .orders .orderoverview_active .article_price_unit strong , #content .orders .orderoverview_active .currentPrice strong { color: #555 } #content .orders .orderoverview_active .currentPrice em { text-decoration: line-through; } #content .orders .orderoverview_active .article_price_unit + .currentPrice { position: absolute; left: 250px; top: 10px; } #content .orders .orderoverview_active .currentPrice strong { display: block } /* Partner statistic datepicker*/ .partner_statistic .listing_actions { margin: 0 0 10px; } .partner_statistic .date-filter { float: left; width: 310px; } .partner_statistic h1 { color: #999; font-size: 18px; margin: 5px 0 15px; } .partner_statistic_overview_active { margin-top: 20px; } .partner_statistic .listing_actions input.partner_statistic { margin-top: 4px; } .partner_statistic .listing_actions .ui-datepicker-trigger { display: block; text-indent: -9999em; background: url(../images/icons/calendar.png) no-repeat; float: left; height: 16px; width: 16px; margin-top: 6px; margin-left: 2px; } .partner_statistic .listing_actions input.datePicker { float: left; } /* Datepicker */ .ui-datepicker {background: #fff; border: 1px solid #C7C7C7; width: 17em; padding: 10px; display: none; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding:0 5px; text-align: center; font-weight: bold; border: 0; width: 17px; } .ui-datepicker td { border: 0; padding: 2px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; border: 1px solid #C7C7C7; background: #f5f5f5;} .ui-datepicker thead {border-bottom: 1px solid #C7C7C7;} .ui-datepicker td a.ui-state-hover {background-color: #fff;} .ui-datepicker td a.ui-state-active {border-color: #e1540f; background-color: #fff;} .ui-datepicker-header {position: relative;} .ui-datepicker-header .ui-datepicker-title {text-align: center;} .ui-datepicker-header a {position: absolute; top: 0; cursor: pointer;} .ui-datepicker-header a.ui-datepicker-next {right: 0px;} /* TICKETSYSTEM ------------------------ */ #ticket h2, .ticketdetail_lbl, .tickeranswer h2 {margin-bottom:-10px;padding: 5px 25px 15px 15px;font-size: 13px;font-weight: 700;display: block;text-transform: none;width: 738px;border: 1px solid;border-bottom: 0 none;} .tickeranswer {border: 1px solid;margin-bottom: 30px;padding-bottom: 15px;} .tickeranswer h2 {margin: 0;border: 0 none;background: #fff url(../images/backgrounds/bg_registerbox.png) left bottom repeat-x;} .tickeranswer textarea {margin: 20px auto 0 auto;display: block;} .tickeranswer input.button-right {margin: 20px 0 0 190px;} /* Ticketbox */ .ticketdetail_txtbox {background: url(../images/backgrounds/bg_breadcrumb.png) left top repeat-x;border: 1px solid;border-top: 0 none;padding: 20px;margin-bottom: 15px;} .ticketoverview {border:1px solid;height:338px;} .ticketoverview .header {border-bottom:1px solid;height:22px;font-weight: 700;line-height: 22px;} .ticketoverview .header div.grid_3 {border-right:1px solid;} .ticketoverview .content {border-bottom:1px solid;height:315px;} .ticketoverview .content .row {height:36px; line-height:30px;} .ticketoverview .content .row .button-middle {margin: 8px 0 0 0} .supportrequest h1, .supportrequest h2 {font-size: 18px;margin: 10px 0 5px;} .supportrequest .button-right{line-height: 14px;} /* BLOG ENTRIES ------------------------ */ #blog {margin-right: 0px;width:640px;} .listing-blog .blogbox, #content .listing_box .blogbox {padding: 15px;border:1px solid;margin: 0 0 15px 0;border: 1px solid;} #content .listing_box .blogbox {border: 0 none;} #content .listing_box {border: 1px solid;} #content .listing_box h2.headingbox_nobg {height: 24px;border: 0 none; border-bottom: 1px solid;} .listing-blog .blogbox img:after {display:block;content: '';clear:both;float:none;} .blogbox .blog_picture {display: block; float:left; margin-right: 15px;} .blogbox .thumbnail_box a {display: block; height: 57px; width: 57px; float:left;border: 2px solid;margin-right: 4px;} .blogbox .thumbnail_box a:hover {text-decoration: none;} #content .blogbox .downloads {margin: 0;} .blogbox .post_metadata {margin: 4px 0 12px;padding: 0 0 9px;font-size: 10px;} .blogbox .post_metadata span {padding: 0px 8px;border-right:1px solid;} .blogbox .post_metadata span.last, .blogbox .post_metadata span span {border-right: 0 none;} .blogbox .post_metadata span.first {padding-left: 0;} .blogbox .post_metadata span a {text-decoration: underline;} .blogbox a.more_info, .content_listing a.more_info, .bt_allsupplier {display: block;width: 125px;height: 16px;border: 1px solid;position: relative;padding: 4px 5px 0;margin-bottom: 2px;font-weight: 500;color: #696969;} .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {text-decoration: none;} .bt_allsupplier {width:170px;text-align: center;} .supplierfilter_image .bt_allsupplier {margin-top:14px;} .blogbox h5 {margin: 10px 0 5px;} .blogbox .tags {margin-bottom: 15px;} .blogbox .tags .tag {border:1px solid;text-align: center;padding:1px 5px 2px;margin: 0 5px 5px 0;;float:left;} .blogbox .tags .tag:hover {border: 1px solid;text-decoration: none;} form.comments {padding: 20px 20px 20px 90px;border: 1px solid;border-top: 0 none;} form.comments .button-right {margin-left: 335px;width:160px;} form.comments p.col select {width: 310px;padding:5px;} form.comments label {width: 170px;text-align:left; padding-right: 5px;} form.comments p.textarea label {display: block;} form.comments p.textarea textarea {width:480px;height:150px;} form.comments .captcha label {width: 310px; text-align: left;} .blogbox div.bookmarks { display: block; position: relative; margin: 0 auto; width: 105px;} .blogbox div.bookmarks a { font-size: 0em; line-height: 0em; text-indent: -99999em; height: 16px; display: block; width: 16px; overflow: hidden; float: left; padding: 0px 0px; margin-right: 10px; background: transparent url(../images/sprite_blog.png) 0 0 no-repeat;} .blogbox div.bookmarks a.twitter {background-position: 0px 0px;} .blogbox div.bookmarks a.facebook {background-position: -22px 0px;} .blogbox div.bookmarks a.delicious {background-position: -42px 0px;} .blogbox div.bookmarks a.digg {background-position: -64px 0px;} .blog_navi div.blogInteract ul li a { line-height: 16px; display: block; font-size: 11px;padding-left:25px;height: 16px;margin: 0 0 0 10px;} .blog_navi div.blogInteract ul li a.rss { background: transparent url(../images/sprite_blog_sidebar.png) 0 -16px no-repeat;} .blog_navi div.blogInteract ul li a.atom { background: transparent url(../images/sprite_blog_sidebar.png) 0 0 no-repeat;} /* Comments */ div#commentcontainer ul {border: 1px solid;border-top: 0 none;width: 778px;display:block} div#commentcontainer ul li {display:inline;height:auto;} div#commentcontainer .comment_outer {border-bottom: 1px solid;} div#commentcontainer .comment_outer.last {border-bottom: 0;} div#commentcontainer .comment_left, div#commentcontainer .comment_right {padding: 20px 20px;} div#commentcontainer .comment_left {float: left;width: 100px;height: 100px;} div#commentcontainer .comment_right {float: left;width: 595px;line-height:14px;min-height: 100px;} div#commentcontainer .author, div #commentcontainer .date {display: block;} div#commentcontainer p.hline {font-weight: 700;font-size: 13px;} div#commentcontainer div.comment {text-align: justify;margin: 0 !important;padding: 0 !important;} /* Detail view */ #content .blogbox .description {float: left;width: 464px;padding: 0 50px 0 0;} #content .blogbox .social #imgTarget {margin-bottom: 10px;} #content .blogbox .social {width: 255px;} #commentcontainer p.headline {margin: 0} #content .blogbox .social .outer {padding: 5px;border: 1px solid #c7c7c7;border-top: 0 none;} /* STAR RATING SPRITE ------------------------ */ .star {background-image: url(../images/sprite_stars.png);background-repeat: no-repeat;width: 64px;height: 11px;display: inline-block;text-indent:-9999px;} .star0 {background-position: left 0;} .star1 {background-position: left -11px;} .star2 {background-position: left -22px;} .star3 {background-position: left -33px;} .star4 {background-position: left -44px;} .star5 {background-position: left -55px;} .star6 {background-position: left -66px;} .star7 {background-position: left -77px;} .star8 {background-position: left -88px;} .star9 {background-position: left -99px;} .star10 {background-position: left -110px;} /* DELIVERY STATUS SPRITE ------------------------ */ .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;} .status0, .status1, .status6 {background-position: 0 -14px;} /* yellow */ .status2, .status5, .status7 {background-position: 0 0;} /* green */ .status4, .status8 {background-position: 0 -28px;} /* red */ /* VIEWLAST ------------------------ */ .viewlast {border: 1px solid; border-top: 0 none;} .viewlast .heading {background: url("../images/backgrounds/bg_servicenav.png") repeat-x;height: 33px; line-height: 33px;padding: 0 0 0 15px;text-transform: uppercase;font-weight: 700;border: 0 none;margin: 0 0 12px 0;border-left: 1px solid;border-bottom: 1px solid;} .viewlast .article_image {width:30px; height:30px;overflow: hidden; border: 1px solid;background-color: transparent; text-align: center; text-indent: -9999px;margin: 0 0 0 8px;display: block;float: left;margin-right: 4px;height: 30px;width:30px;padding:5px;} .viewlast .article_description {width:105px; height:35px; font-size: 11px; line-height: 12px; display: inline-block; padding:5px; position: relative;font-weight: 700} .viewlast .lastview_rule {margin-bottom: 15px;display: block;height: 40px;} .lastview_rule_last {margin-bottom: 15px;} /* TAGCLOUD ------------------------ */ .tagcloud {line-height:10px; padding:20px; border:1px solid; margin-bottom: 15px;width:588px; background: url(../images/backgrounds/bg_tagcloud.png) left bottom repeat-x;} .tagcloud a {margin:4px; padding:0; text-decoration:none; line-height:10px; text-align:center} .tagcloud_promotion a {margin:4px; padding:0; text-decoration:none;line-height:10px; text-align:center} .tagcloud a:hover, #tagcloud_promotion a:hover {text-decoration:underline} .tagcloud a.tag0, #tagcloud_promotion a.tag0 {font-size:9px; line-height:10px; text-align:center} .tagcloud a.tag1, #tagcloud_promotion a.tag1 {font-size:12px; line-height:10px; font-weight: 700; text-align:center} .tagcloud a.tag2, #tagcloud_promotion a.tag2 {font-size:10px; line-height:14px; text-align:center} .tagcloud a.tag3, #tagcloud_promotion a.tag3 {font-size:15px; line-height:15px; font-weight: 700;text-align:center} /* NEWSLETTER LISTING ------------------------ */ .newsletter_listing .listing_actions.bottom {width:600px;} .newsletter_detail iframe {width: 725px;height: 500px;margin: 0 0 15px 20px;} .newsletter_detail .newsletter_content {border: 1px solid; border-top: 0 none;padding: 10px 0 0;margin-bottom: 15px;} /* SEARCH ------------------------ */ div#searchcontainer {z-index: 7;text-align: left;height:38px;margin: 1px 0 0 1px;width: 998px;position:static;} div#hidesearch {position:relative;z-index: 2000;} div.inner_searchcontainer {height: 24px;width: 270px;margin:6px 0 0 350px;position: relative;} div.inner_searchcontainer .ajax_loader {background: url("../images/icons/ico_ajax-loader.gif") no-repeat; position: absolute; top: 4px; left: 230px;z-index: 200;} div.inner_searchcontainer #submit_search {padding:0;border: 0 none; height: 24px;float:left;background: url(../images/arrows/bg_arrow_search.gif) no-repeat;width: 14px;} div.inner_searchcontainer p {font-size: 11px;line-height: 12px;float: left;padding:4px;text-transform: uppercase;text-align: right;} input#searchfield {font-size: 10px;padding: 3px 0 0 30px;width: 220px;height: 19px;display:block;float:left;background: url(../images/backgrounds/bg_search-input.png);margin:0;background-color:#fff;border:1px solid;} #header_links {position: absolute; top:5px; left: 460px; font-size: 11px;}.related{position:absolute; right:0px; top:0px; height:1.25em} h3 .related{top:5px} div.searchdescription .related{margin-top:3.75em; top:10px} div.searchdescription{height:3.75em; overflow:hidden; z-index:-1; line-height:12px} /* SEARCH PAGE ------------------------ */ .fuzzy h2 {font-weight: 700;} .fuzzy .result_box {border: 1px solid;height: 15px;width: 605px;margin: 0;padding: 10px;font-weight: 700;font-size:12px;} .fuzzy .category_filter {width: 627px;} .fuzzy .listing_actions {width: 596px;} .fuzzy .category_filter .border {border-bottom: 1px solid;} .fuzzy .category_filter h3 {padding: 0 0 0 10px;height: 35px;line-height: 35px;text-transform: none;font-size: 12px;font-weight: 700;border: 1px solid;border-bottom: 0 none;border-top: 0 none;margin: 0;} .fuzzy .category_filter .categories {background: url(../images/backgrounds/bg_breadcrumb.png) left top repeat-x;border: 1px solid;border-top: 0 none;padding: 15px 25px 0px 25px;} .fuzzy .category_filter .categories ul {width: 195px;float: left;} .fuzzy .category_filter .categories span.active {display: block;float:left;width: 175px;} .fuzzy .category_filter .categories ul li, .fuzzy .category_filter .active {background: url(../images/icons/ico_search_inactive.png) no-repeat;height: 13px;line-height: 13px;padding: 0 0 0 22px;margin: 0 0 10px 0;} .fuzzy .category_filter .active {font-weight: 700;background: url(../images/icons/ico_search_active.png) no-repeat;} .fuzzy .category_filter .showall {display: block;margin-top: 5px;padding: 0 0 0 22px;float:none; clear:both; background: url(../images/icons/ico_search-delete.png) no-repeat;} .fuzzy .category_filter .showall:hover {font-weight: 700;} /* Sidebar filter */ #content #left .filter_search h3.heading {height: 32px; line-height: 32px;font-weight: 700;text-transform: none;font-size: 12px;padding: 0 0 0 5px;border: 1px solid;border-left: 1px solid; border-bottom: 0 none;margin: 0;} #content #left .filter_search .searchbox {padding: 15px 0 15px 10px;background: url(../images/backgrounds/bg_breadcrumb.png) top left repeat-x;border: 1px solid;border-left: 1px solid; border-top: 0 none;} #content #left .filter_search .searchbox h3 {text-transform: none;font-weight: 700;font-size: 12px;} #content #left .filter_search .searchbox h3:first-letter {text-transform: uppercase;} #content #left .filter_search .searchbox li {background: 0 none;margin: 0 0 5px 0;} #content #left .filter_search .searchbox li a, #content #left .filter_search .searchbox li.active {background: url(../images/icons/ico_search_inactive.png) no-repeat;padding: 0 0 0 22px;} #content #left .filter_search .searchbox li.head {margin: 18px 0 0 0;} #content #left .filter_search .searchbox li.showall a {background: url(../images/icons/ico_search-delete.png) no-repeat;} #content #left .filter_search .searchbox li.active {background: url(../images/icons/ico_search_active.png) no-repeat;border: 0 none;font-weight: 700;margin-left:1px;} /* FINISHED ------------------------ */ #content .finish {margin-left: 20px;} .finished h3 {border: 1px solid;border-bottom: 0 none;width: 740px;left: 0px;top: 0px;margin: 0;} .finished p.bold {border: 1px solid;border-top: 0 none; border-bottom: 0 none;height: 30px;margin: 0;padding: 10px 20px 0px 15px;width: 745px;} #finished .orderdetails {border: 1px solid;border-top: 0 none;padding: 20px 20px 5px;width:920px;} #finished .table_foot #aggregation_left {margin-left: 255px;} #finish_right {width: 165px;} #finish_right .headingbox {border-right-color: transparent;} #finish_right .revocation {padding: 10px; border: 1px solid; border-top: 0 none;} #content #payment {border: 1px solid;} #content #payment h2.headingbox_dark {border: 0 none;} #content #payment iframe {border:0px;width:100%;height:400px;} .finish .teaser {margin-right: 19px;} /* COMPARE ------------------------ */ #compareHighlight {background: url("../images/icons/ico_compare.png") 10px center no-repeat;line-height: 16px;display:block;padding: 5px 10px 5px 30px;position: absolute;top: 52px;left: 330px;border: 1px solid;cursor:pointer;} #compareHighlight.active {border: 1px solid;padding: 5px 10px 5px 30px;font-weight: 700;z-index: 6000;} #compareContainerResults {position:absolute;top:79px;left:330px;border:1px solid;width:200px;z-index:5000;display:none;} #compareContainerResults li {position: relative;border-bottom: 1px solid;} #compareContainerResults li.last {border-bottom: 0 none;} #compareContainerResults div, #compareContainerResults a {padding: 9px 0 0 20px;width:170px;position:relative;background: url(../images/icons/ico_search_active.png) left 10px no-repeat;height: 23px;margin:0 5px;display:block;} #compareContainerResults div {cursor: default;} #compareContainerResults a {cursor: pointer;} #compareContainerResults a.compare_get_overlay {background: url(../images/icons/ico_compare-start.png) left center no-repeat;} #compareContainerResults a.compare_delete_all {background: url(../images/icons/ico_compare-deleteall.png) left center no-repeat;} #compareContainerResults a.del_comp {display: block; position: absolute; top: 0; left: 180px; width: 11px; background: url(../images/icons/ico_compare-delete.png) left center no-repeat} #compareContainerResults a.del_comp:hover {text-decoration: none;} #compare_bigbox {border: 1px solid;display:none;z-index:9000} #compare_bigbox .inner {position:relative;} #compare_bigbox .inner_container {margin: 10px 0 0 0;} .container_20 .grid_3.compare_desc {width:129px;border: 1px solid; border-left: 0 none; border-bottom: 0 none} .compare_desc, .compare_article {width: 150px;} .compare_desc div {padding-left: 15px;font-weight: 700;} .compare_desc div.picture, .compare_article div.picture {height: 128px;padding-top:20px;} .compare_article div.picture a {display: block; width: 105px; height: 105px;} .compare_desc div.name, .compare_article div.name {height: 95px; overflow: hidden;} .compare_desc div.votes, .compare_article div.votes {height: 25px;} .compare_desc div.desc, .compare_article div.desc {height: 125px;} .compare_desc div.price, .compare_article div.price {height: 105px;padding-top: 10px;} /* CUSTOM CONTENT ------------------------ */ .content_listing {border: 1px solid;height: 220px;margin: 0 0 10px 0;padding:10px;width: 610px;} .content_listing .thumb_image {display: block;height: 150px;width: 150px;margin: 0px 25px;} .contentdetail {padding: 15px 15px 15px 0; width:615px;} .contentdetail h2 {margin-bottom:15px;} .contentdetail .main_image {padding: 45px 40px; display: block; float:right;} #content #right_custom {width:160px;margin-right: 20px;float:right;} #content #right_custom .inner_container {border: 1px solid;border-top: 0 none;padding: 10px;} /* ONE PAGE CHECKOUT ------------------------ */ div.ajax_login_form p {margin: 0 0 1em;} div.ajax_login_form .heading, .modal .heading, .ajax_compare_container .heading, ajax_compare_max_container .heading, .ajax_modal_custom .heading {height: 44px;} div.ajax_login_form .heading h2, .modal .heading h2, div.ajax_add_article .bottom h2, .ajax_compare_container .heading h2, .ajax_compare_max_container .heading h2, .error_container h2, .ajax_modal_custom .heading .h2 {font-size: 14px;font-weight: 700;margin: 0;padding: 15px 0 0 24px;letter-spacing: 0px;display: block} .modal .heading h2, div.ajax_add_article .bottom h2 {text-align: left;} #compare_bigbox .heading h2, .modal .logout_form .heading, .ajax_compare_container .heading, .ajax_compare_max_container .heading, .error_container .heading, .ajax_modal_custom .heading {background: url(../images/backgrounds/bg_breadcrumb.png) left bottom repeat-x;} .modal .logout_form .text , .ajax_compare_max_container .text, .error_container .text {padding: 10px 20px;} div.ajax_login_form .heading .modal_close, .modal .heading .modal_close, .ajax_compare_container .heading .modal_close, .ajax_compare_max_container .heading .modalClose, .ajax_modal_custom .heading .modalClose {display: block;background: url(../images/icons/ico_modal-close.png) no-repeat;width: 24px; height:21px;text-indent: -9999px;position:absolute;right: 10px;top: 12px;} /*.modal .heading #print_compare {position: absolute; right:40px;width: 50px;height: 20px; top:13px; text-align: center;} */ div.ajax_login_form .heading .modal_close:active, .modal .heading .modal_close:active {top: 13px;} div.ajax_login_form fieldset {background: url(../images/backgrounds/bg_breadcrumb.png) left top repeat-x;font-size:12px;} div.ajax_login_form fieldset div {margin: 0 0 10px;} div.ajax_login_form fieldset div.new_customer, div.ajax_login_form fieldset div.existing_customer, div.ajax_login_form fieldset div.last {margin: 0 !important;} div.ajax_login_form .lostpassword {margin-left: 152px;font-size: 10px;text-decoration: underline;line-height: 12px;} div.ajax_login_form p.pass {display: none;} div.ajax_login_form label {width: 150px;display: block; float: left;margin-top: 12px;} div.ajax_login_form .radio {margin-left: 150px;} div.ajax_login_form input#checkout_button {margin-left: 321px;width: 135px;} div.ajax_login_form .new_customer, div.ajax_login_form .existing_customer {padding: 25px 0 25px 25px;} div.ajax_login_form .new_customer .chk_noaccount {margin-left: 0px;margin-top: 0;} div.ajax_login_form .new_customer h2, div.ajax_login_form .existing_customer h2, div.ajax_login_form .logout h2 {width: 383px;font-size: 16px; font-weight: 700;} div.ajax_login_form .new_customer p, div.ajax_login_form .existing_customer p {font-size: 11px;} div.ajax_login_form .new_customer input.button-right {width: 130px;} div.ajax_login_form .new_customer p {float:left;margin-right:95px;width: 235px;} div.ajax_login_form .existing_customer {border-top: 1px solid;} div.ajax_login_form .logout {padding: 10px 20px 10px 25px} div.ajax_login_form .logout h2 {font: 700 14px/1.3em Arial, sans-serif;letter-spacing: 0} /* Add article */ div.ajax_add_article {background: url(../images/backgrounds/bg_modal.png) left top repeat-x;} div.ajax_add_article .article_box {height: 55px;padding: 10px;margin: 0 0 15px 0;position: relative;} div.ajax_add_article .article_box .thumbnail a, div.ajax_add_article .article_box .thumbnail a img {display: block;width: 57px;height: 57px;} div.ajax_add_article .article_box .title {font-size: 16px; font-weight: 700;position: absolute;left: 100px;top: 15px;} div.ajax_add_article .article_box .ordernumber{position: absolute;left: 100px;top: 40px;} div.ajax_add_article .article_box .price {font-size: 16px; font-weight: 700;position: absolute;top: 15px;left: 405px} div.ajax_add_article .article_box .quantity {position: absolute;top: 40px;left: 405px;} div.ajax_add_article .bottom {width: 660px;} div.ajax_add_article .bottom h2 {background: transparent url(../images/backgrounds/bg_breadcrumb.png) 0px 40px repeat-x;height:45px;} div.ajax_add_article .bottom .listing {padding: 0 0px 5px 15px;width: 660px;} div.ajax_add_article .middle{padding: 15px 15px 0 15px;} .modal div.ajax_add_article #listing .artbox .inner {height: 270px;} div.ajax_add_article .artbox .inner .price, div.ajax_add_article .artbox .inner .price {bottom: 30px;} div.ajax_add_article .actions {height:45px; position: relative;} div.ajax_add_article .bottom .actions {height:25px;} div.ajax_add_article .actions .button-left {float: left;} div.ajax_add_article .actions .button-right {right: 0px; top:0px;position: absolute;} /* Compare */ .ajax_compare_container .grid_3 {margin-left:0px; margin-right:0px;position: static;} .ajax_compare_container .grid_3 div {padding: 10px 10px 5px 10px;border-top: 1px solid;} .ajax_compare_container .grid_3 div div {border-top: 0 none;padding-top:0px;padding-bottom:0px;} .ajax_compare_container .grid_3 {width: 150px;} .ajax_compare_container .compare_desc {padding-left:0;width: 125px;} .ajax_compare_container .desc p {font: normal 12px/16px Arial, sans-serif;} .ajax_compare_container .compare_desc div.desc {font-size: 11px;} .ajax_compare_container .compare_article .desc {font-weight: normal;} .ajax_compare_container .property {padding: 5px 0 5px 15px;} .ajax_compare_container .compare_article .property {padding-left: 5px;} .modal .ajax_compare_container .inner_container {overflow-y: scroll;height: 479px;} .ajax_compare_container .grid_3 div .article_price_unit { padding: 0 } .ajax_compare_container .article_price_unit p { margin: 0; font-size: 11px } .ajax_compare_container .article_price_unit .baseprice { display: block; } /* Custom */ /*.ajax_modal_custom {padding: 20px; height: 400px; overflow-y: scroll;}*/ .ajax_modal_custom {width:500px;} .ajax_modal_custom .inner_container {margin-top:10px;padding: 0 25px 15px; height:300px; overflow-y: scroll;} /* TOPSELLER ACCORDION ------------------------ */ .topseller {border: 1px solid;border-right: 1px solid;margin:0 0 20px;} .topseller h3 {text-transform: none;font-weight: 700;font-size: 12px;height: 26px; line-height: 26px;padding: 0 0 0 12px;border-bottom: 1px solid;margin: 0;} .accordion {list-style: none;position: relative;margin: 0;padding: 0;width:149px;} .accordion li {width: 149px;height: 52px;display: block;overflow: hidden;padding: 0;background: url("../images/backgrounds/bg_topseller_closed.png") repeat-x;} .accordion li.active {height: 149px;} .accordion li ul.image, .accordion li ul.image li {height: 95px;padding:10px 0 0 0;background: url("../images/backgrounds/bg_topseller_closed.png") left top repeat-x;} .accordion li ul.image li, .accordion li ul.image a {display: block;} .accordion li ul.image li {background: 0 none;display: block; text-align: center;} .accordion li ul.image a {width: 105px;margin: 0 auto 0 auto;text-align: center;visibility: hidden;display: block;} .accordion li.active ul.image a {visibility: visible;} .accordion li.active {background: url("../images/backgrounds/bg_topseller_open.png") 0 bottom repeat-x;} .accordion li.active ul.image {display: block;} .accordion li .detail {position: relative;top: -95px;width: 150px;height: 30px;} .accordion li.active .detail {top: 12px;} .accordion li .detail a {color: #A09F9F;font-weight: 700;font-size: 10px;display: block;position: absolute;left: 40px;width: 110px;} .accordion li .detail .number {background: url("../images/sprite_topseller_numbers.png") 0 -21px no-repeat;height: 21px; width: 21px;display: block;position: absolute;left: 8px;text-align: center;line-height: 21px;font-weight: 700;color: #fff;} .accordion li.active .detail .number {top: -90px;background: url("../images/sprite_topseller_numbers.png") 0 0 no-repeat;} /* SITEMAP ------------------------ */ .sitemap { float:left; margin-right:5px; margin-top:5px; width:190px;} .sitemap2 { float:left; margin:5px 0pt 0pt; width:191px;} ul#categories_s { margin: 0 0 20px 0;} ul#categories_s li { border-bottom:1px solid;} ul#categories_s a {display:block; padding:5px 5px 5px 20px; text-decoration:none;} ul#categories_s a:hover {font-weight: 700;} ul#categories_s ul {border-bottom:1px solid;} ul#categories_s ul a {font-size:11px; padding:2px 2px 2px 30px;} ul#categories_s ul ul, ul#categories_s ul ul ul { border:0 none;} ul#categories_s ul li, ul#categories_s ul ul li, ul#categories_s ul ul ul li { border-bottom:0 none;} ul#categories_s ul ul a { background:#fff; padding:2px 2px 2px 35px;} ul#categories_s ul ul a.active {font-weight:normal;} ul#categories_s ul ul ul a {padding:2px 2px 2px 55px;} ul#categories_s ul ul ul a.active {padding:2px 2px 2px 35px;} /* FORM SYSTEM ------------------------ */ .supportrequest .contact_box {padding: 20px;} .supportrequest label {width:170px; text-align: left; margin-left: 100px;display: block; float:left;margin-top: 10px;} .supportrequest input.button {width:200px;} .supportrequest .captcha img {margin-left: 100px;float:left;} .supportrequest .requiredfields {margin-left:280px;} .supportrequest .code {float: left; width: 250px;} .supportrequest .code label {width: 295px;margin-left:20px;;display: block;} .supportrequest .code input {width:295px;margin-left: 20px;} .supportrequest div.textarea label {display: block;width:500px;} #center.supportrequest form div.textarea textarea {margin-left: 100px;width:475px;} #center.supportrequest form p.buttons input {position: relative;left:445px;width:145px;text-align: center;} #content .supportrequest {margin-left: 20px;margin-right: 10px; width: 688px;} .supportrequest h2, .supportrequest h1 {width: 760px;} .supportrequest h1 {width: 700px;} .supportrequest p {font-size:12px;} .supportrequest form div {margin:0 0 1em;font-size:inherit;} .supportrequest form textarea {height:100px;width:300px;} .supportrequest .inner_container {border: 1px solid;padding: 20px;border-top: 0 none;width:730px;} #letterForm .button-right {margin: 0 0 15px 250px} .supportrequest .strasse {width: 240px;} .supportrequest .nr {width: 45px;} .supportrequest .plz {width: 100px;} .supportrequest .ort {width: 185px;} .supportrequest .checkbox input {width: auto;} .supportrequest select {padding:5px; width: 315px;} #letterForm .street, #letterForm .zipcode {margin-right: 3px;} /* TELL-A-FRIEND ------------------------ */ #content .tellafriend {margin-left: 20px;margin-right: 20px;width: 770px;} .tellafriend h2 {border: 1px solid;border-bottom: 0 none;width: auto;background: url(../images/backgrounds/bg_breadcrumb.png) bottom left repeat-x;} .tellafriend fieldset {border: 1px solid; border-top: 0 none;padding-top: 10px; width: auto;} .tellafriend label {width: 200px;margin-left: 50px;display: block; float: left;margin-top: 8px;} .tellafriend input {float: left;} .tellafriend div.textarea label {display: block;float: none;} .tellafriend div.textarea textarea {width: 500px;margin-left: 50px;} .tellafriend .captcha img{display: block; float:left;} .tellafriend .code {float: left; width: 150px;} .tellafriend .code label {display: block; width: 520px;margin:0;} .tellafriend .code input {width: 320px; } .tellafriend .captcha {margin: 0 0 0 50px;} .tellafriend .buttons {margin: 10px 215px 0 50px;padding: 0} .tellafriend .buttons input {float: right;width: 140px;margin:0;padding: 0 !important;display: block;text-align:center;} /* ARTICLE UNIT PRICE ------------------------ */ #detail #detailinfo .similar .artbox .article_price_unit, .slide .article_box .article_price_unit, .ajaxSlider .article_box .article_price_unit, .ajaxSlider .article_box .article_price_unit p, #listing .artbox .article_price_unit_pseudo, #listing .artbox .article_price_unit { line-height: 12px; } /* NEW LIVESHOPPING ------------------------ */ .liveshopping_container {border: 5px solid;height: 395px;margin-bottom: 10px;background: url("../images/liveshopping/bg_live_normal.png") repeat-x scroll 0 83px transparent;position: relative;width:619px;} .liveshopping_container .liveshopping_middle .outer {margin-top: 50px;} .liveshopping_container .liveshopping_left, .liveshopping_container .liveshopping_right, .liveshopping_container .liveshopping_bottom {display: inline;float: left;} .liveshopping_container .liveshopping_left {width: 300px;} .liveshopping_container .liveshopping_right {width: 270px;padding: 10px 0 0 0;text-align: center} .liveshopping_container .liveshopping_bottom {padding: 0px 25px;margin-top: -15px;} .liveshopping_container .image {height: 255px;width: 285px;text-indent: -9999px;display: block;} .liveshopping_container .liveshopping_right p, .liveshopping_container .liveshopping_middle p, #detail .liveshopping_detail p {margin: 0 0 0.3em;} .liveshopping_container .liveshopping_right strong.price {text-decoration: line-through;} .liveshopping_container .liveshopping_right .discount {font-weight: 700;} .liveshopping_container .liveshopping_right .live_price_normal {background: url("../images/liveshopping/bg_liveprice_normal.png") no-repeat;height:108px;width: 183px;margin: 0 auto;} .liveshopping_container .liveshopping_right .live_price_normal .top, .liveshopping_container .liveshopping_middle .top {padding: 5px 0 0 0;} .liveshopping_container .liveshopping_right .live_price_normal .top strong.time_left {display: block;font-size: 16px;margin: 5px 0 0 0;} .liveshopping_container .liveshopping_right .live_price_normal .bottom {padding: 15px 0 0 0;} .liveshopping_container .liveshopping_right .live_price_normal .bottom .price {text-decoration: none;font-size: 18px;} .liveshopping_container .liveshopping_right .time_bars {padding-top: 6px;} .liveshopping_container .liveshopping_right .time_bars strong.end_time {font-size: 14px;margin-bottom: 6px;display: block;} .liveshopping_container .liveshopping_right .time_bars .time_processbar_container, .liveshopping_container .liveshopping_right .time_bars .instock_processbar_container {width: 100px;margin: 0 0 2px 40px;text-align: right;} .liveshopping_container .liveshopping_right .time_bars .times {margin: 0 0 0 170px;line-height: 16px;text-align: left;font-weight: 700;} .liveshopping_container .liveshopping_bottom h3.headline {text-transform: none;margin-top:10px;} .liveshopping_container .liveshopping_bottom h3.headline a {background: 0 none;font-size: 16px;font-weight: 700;letter-spacing: -1px;} .liveshopping_container .liveshopping_bottom p.description {text-align:justify;width:380px;} .liveshopping_container .liveshopping_bottom .actions {position: absolute;right: 30px;bottom: 60px;} .liveshopping_container .liveshopping_bottom .actions input#basketButton {width: 150px;} .liveshopping_detail .time_bars .time_processbar_container, .liveshopping_container .time_bars .time_processbar_container, .liveshopping_container .time_bars .instock_processbar_container, .liveshopping_detail .time_bars .instock_processbar_container {border: 1px solid;height: 12px;background: url("../images/liveshopping/bg_liveshopping_bar.jpg") repeat-x 1px center;width:100px;} .liveshopping_detail .time_bars .time_processbar_container div, .liveshopping_container .time_bars .time_processbar_container div, .liveshopping_container .time_bars .instock_processbar_container div, .liveshopping_detail .instock_processbar_container div {height: 12px;float: left;width:0%;} .liveshopping_container .time_bars .instock_processbar_container, #detail .liveshopping_detail .instock_processbar_container {background: url(../images/liveshopping/bg_instock_bar.jpg) no-repeat center center;margin-top:1px;} .liveshopping_container .liveshopping_middle {text-align: center;float:left;width: 200px;height:275px;} .liveshopping_container .liveshopping_middle .top {height: 45px;} .liveshopping_container .liveshopping_middle .liveprice_container_down .top, .liveshopping_container .liveshopping_middle .liveprice_container_up .top {height: 12px;} .liveshopping_container .liveshopping_middle .top .time_left {display: block;font-size: 22px;margin: 5px 0 0 0;letter-spacing: -1px;} .liveshopping_container .liveshopping_middle .top .time_left span{line-height: 22px;} .liveshopping_container .liveshopping_middle .liveprice_container_down {background: url(../images/liveshopping/bg_liveprice_down2.png) no-repeat;width: 183px;height: 104px;text-align: left;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down {background: url(../images/liveshopping/bg_liveprice_stock_down.png) no-repeat;width: 265px;position: relative;} .liveshopping_container .liveshopping_middle .liveprice_container_up {background: url(../images/liveshopping/bg_liveprice_up2.png) no-repeat;width: 183px;height: 104px;margin: 0 auto;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up {background: url(../images/liveshopping/bg_liveprice_stock_up.png) no-repeat;width: 265px;text-align: left;} .liveprice_container_up div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.bottom, .liveprice_container_down div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.bottom {width: 265px;} .liveprice_container_up div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.bottom, .liveprice_container_down div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.bottom {width: 183px;text-align: center;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.right, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.right {width: 55px; text-align:center;position: absolute; top: 28px;right:22px;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.right strong, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.right strong {font-size: 18px;display:block;width:auto;height:18px;} .liveshopping_container .liveshopping_middle .middle {margin: 10px 0 0 0;position: relative; text-align: center;} .liveshopping_container .liveshopping_middle .middle strong {text-decoration: none;font-size: 16px;} .liveshopping_container .liveshopping_middle .middle .bar_time {width: 152px;height: 3px;margin: 8px auto 0;text-align: left; position: absolute; top: 34px;left:16px;} .liveshopping_container .liveshopping_middle .middle .bar_time div {width: 100%;display: block;background-color: #fff;height: 3px;text-indent: -9999px;} .liveshopping_container .liveshopping_middle .bottom {margin: 25px 0 0 0;font-size: 10px;text-align: center;} .liveshopping_container .liveshopping_middle .quantity {position: relative;width:265px;height:104px;padding: 0;} .liveshopping_container .liveshopping_slider {float:left;width: 20px;height: 120px;background: url(../images/liveshopping/bg_liveshopping_slider.jpg) no-repeat;margin: 100px 0 0 65px;} /* LIVESHOPPING DETAIL ------------------------ */ #detail .liveshopping_detail {width: 190px;text-align: left;margin: 10px 0 0 -15px;} #detail .liveshopping_detail strong.price {color: #555;text-decoration: line-through;margin:0 0 5px 0;} #detail .liveshopping_detail .discount {font-weight: 700;margin-bottom:5px;text-align: center;} #detail .liveshopping_detail .live_price_normal {background: url("../images/liveshopping/bg_liveprice_normal.png") no-repeat;height:108px;width: 183px;margin: 0 auto 5px auto;} #detail .liveshopping_detail .live_price_normal .top, .liveshopping_container .liveshopping_middle .top {padding: 5px 0 0 0;} #detail .liveshopping_detail .live_price_normal .top strong.time_left {display: block;font-size: 18px;margin: 2px 0 0 0;} #detail .liveshopping_detail .top .time_left {display: block;font-size: 22px;margin: 5px 0 0 0;letter-spacing: -1px;} #detail .liveshopping_detail .top {text-align:center;} #detail .liveshopping_detail .top .time_left span {line-height: 22px;} #detail .liveshopping_detail .live_price_normal .bottom .price {text-decoration: none;font-size: 18px;} #detail .liveshopping_detail .time_bars {margin: 0 0 5px 0;} #detail .liveshopping_detail .time_bars .times {margin-left: 108px;text-align: left;} #detail .liveshopping_detail .liveprice_container_down {background: url(../images/liveshopping/bg_liveprice_down2.png) no-repeat;width: 183px;height: 104px;margin: 0 auto;} #detail .liveshopping_detail .quantity .liveprice_container_down {background: url(../images/liveshopping/bg_liveprice_stock_down.png) no-repeat;width: 244px;position: relative;} #detail .liveshopping_detail .liveprice_container_up {background: url(../images/liveshopping/bg_liveprice_up2.png) no-repeat;width: 183px;height: 104px;margin: 0 auto;} #detail .liveshopping_detail .quantity .liveprice_container_up {background: url(../images/liveshopping/bg_liveprice_stock_up.png) no-repeat;width: 244px;} #detail .liveshopping_detail .middle {margin: 7px 0 0 0;text-align: center;} #detail .liveshopping_detail .middle strong {text-decoration: none;font-size: 16px;} #detail .liveshopping_detail .bottom {margin: 22px 0 0 0;font-size: 10px; text-align: center;} #detail .liveshopping_detail .live_price_normal .bottom {margin-top: 15px;} #detail .liveshopping_detail .quantity .liveprice_container_up div.right strong, #detail .liveshopping_detail .quantity .liveprice_container_down div.right strong {font-size: 18px;display:block;text-align: center;} #detail .liveshopping_detail .quantity .liveprice_container_up div.right, #detail .liveshopping_detail .quantity .liveprice_container_down div.right {text-align: center;} #detail .liveshopping_detail .top, #detail .liveshopping_detail .middle, #detail .liveshopping_detail .bottom {width:185px;} #detail .liveshopping_detail .middle .bar_time {width: 152px;height: 3px;margin: 9px auto 0;text-align: left;position: absolute; top: 60px;left:16px;} #detail .liveshopping_detail .liveprice_container_up .middle .bar_time {margin-top:9px;} #detail .liveshopping_detail .middle .bar_time div {width: 100%;display: block;height: 3px;text-indent: -9999px;} #detail .liveshopping_detail .quantity .liveprice_container_up div.right, #detail .liveshopping_detail .quantity .liveprice_container_down div.right {width:55px;position: absolute;top: 30px;left:185px;} #detail .liveshopping_detail .top {margin-bottom:10px;padding-top:5px;} #detail .liveshopping_detail .liveprice_container_down, #detail .liveshopping_detail .quantity .liveprice_container_down, #detail .liveshopping_detail .liveprice_container_up, #detail .liveshopping_detail .quantity .liveprice_container_up {margin-bottom: 10px;position: relative;} #detail .liveshopping_detail .liveshopping_slider {display: none;} /* BUNDLE ------------------------ */ #detailinfo .bundle {padding-top: 12px;} .bundle_container, .relatedbox_container {position: relative;border: 1px solid #c7c7c7;width:765px;background-color: #fff;} .bundle_container h2.heading, .relatedbox_container h2.heading {font-size: 12px;font-weight: 700;padding: 10px 10px 10px 15px;margin: 0;margin-bottom: 5px;} .bundle_container .bundleset .image, .relatedbox_container .relatedbox .image {display: block;height: 57px;width: 57px;text-indent: -9999px;background-repeat: no-repeat;background-position: center center;float: left;} .bundle_container .bundleset .plus, .relatedbox_container .relatedbox .plus {float: left;padding: 0 10px;height: 57px;line-height: 57px;font-size: 22px;font-weight: 700;} .bundle_container .bundleset .price_container h3.heading, .relatedbox_container .relatedbox .price_container h3.heading {font-size: 11px;font-weight: 700;text-transform: none;} .relatedbox_container .relatedbox .price_container .price, .bundle_container .bundleset .price_container .price {font-size: 16px;font-weight: 700;display: block;float: left;height: 40px;} .bundle_container .bundleset .discount {display: block;position:absolute;left:15px;top:28px;} .bundle_container .bundleset .price_container .price h3.heading {float:left;margin-right:10px;} .bundle_container .names h4 {font-size: 11px;margin: 0 0 5px 10px;font-weight: 700;} .bundle_container .names li {margin: 0 0 5px 15px;font-size: 14px;height: 14px;} #detailinfo .bundle_container .names li a {font-size: 11px;line-height: 14px;text-decoration: underline;} .bundle_container .bundleset .price_container h3.heading, .relatedbox_container .relatedbox .price_container h3.heading {font-size: 12px;} .bundle_container .bundleset .price_container, .relatedbox_container .price_container {position: relative;padding: 10px 10px 10px 15px;margin: 0 0 15px 0;height:25px;} .relatedbox_container .relatedbox .price_container .price {float: none;position: absolute;left: 105px;top: 11px;height: auto;font-size: 16px;} .bundle_container .price_container .action, .relatedbox_container .price_container .action {position: absolute;left: 250px;top: 50%;margin-top: -14px;} .bundle_container .price_container .action input, .relatedbox_container .price_container .action input {width: 150px;} .relatedbox_container .related_checker p {height: 22px;line-height: 22px;margin: 0 0 0.5em 15px;} .relatedbox_container .related_checker input {margin: 2px 8px 0 0;} #detailinfo detail .relatedbox_container .related_checker a {text-decoration: underline;margin: 0 5px 0 0;} .relatedbox_container .image_box {display:block; float:left;} /* BUTTONKIT ------------------------ */ /* General */ .button-left, .button-middle, .button-right {height:40px;text-decoration:none;color:#fff !important;display:inline-block;font-weight:500;font-size:14px;font:normal 14px/40px Arial, sans-serif;line-height:40px;cursor:pointer;border:0 none;margin:0 5px 5px 0;padding:0 50px 0 35px;} /* Styles */ .button-left {background:url(../images/buttons/button_left-large.png) left center repeat-x;padding:0 35px 0 50px;} .button-right {background:url(../images/buttons/button_right-large.png) right center repeat-x} .button-middle {background:url(../images/buttons/button_middle-large.png) center center repeat-x;padding:0 35px;} /* Modifier */ .small, .small_left, .small_right, .small_green {height:20px;font:bold 11px/20px Arial, sans-serif;padding:0 45px 0 20px;color: #fff !important;} .small {background:url(../images/buttons/button_middle-small.png) center center repeat-x;padding:0 10px;} .small_right {background:url(../images/buttons/button_right-small.png) right center repeat-x;padding:0 45px 0 20px;} .small_left {background:url(../images/buttons/button_left-small.png) left center repeat-x;padding:0 20px 0 45px;} .small_green {background:url(../images/buttons/button_green-small.png) right center repeat-x !important;} input.button-left,input.button-right,input.button-middle {text-align:left;} /* AJAX SLIDER ------------------------ */ .ajaxSlider, .bannerSlider {border: 1px solid;margin: 0 auto 0;position: relative;} .bannerSlider {border: 0 none;} .ajaxSlider .loader, .bannerSlider .loader {position: absolute;left: 50%;top: 50%;background: #fff url(../images/icons/ico_ajax-loader.gif) no-repeat center 5px;width: 60px;margin-left: -40px;margin-top: -28px;text-align: center;font-weight: 700;border: 1px solid #c7c7c7;padding: 26px 10px 10px 10px;height: 20px;z-index: 3;} .ajaxSlider .slide_numbers {position: absolute;right: 5px;top: 8px;color: #999;} /* Horizontal slider */ .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {display: block;position: absolute;width: 26px;height: 82px;text-indent: -9999px;top: 50%;margin-top: -41px;z-index: 2;background: url(../images/sprite_slider_arrows.png) 0 0 no-repeat} .ajaxSlider .leftArrow, .bannerSlider .leftArrow {background-position: 0px 0;left: 0px;border: 1px solid;border-left: 0 none} .ajaxSlider .leftArrow:hover, .bannerSlider .leftArrow:hover {background-position: -26px 0} .ajaxSlider .rightArrow, .bannerSlider .rightArrow {background-position: -79px 0; right: 0px; border: 1px solid;border-right: 0 none} .ajaxSlider .rightArrow:hover, .bannerSlider .rightArrow:hover {background-position: -53px 0} .ajaxSlider .sliding_container, .bannerSlider .sliding_container {position: absolute;left: 0px} /* Vertical slider */ .vertical_slider .ajaxSlider .leftArrow {left: auto;border: 0 none;border-bottom: 1px solid;background: url(../images/backgrounds/bg_slide_arrow-up.png) 0 0 no-repeat} .vertical_slider .ajaxSlider .leftArrow:hover {background-position: 0 -19px} .vertical_slider .ajaxSlider .rightArrow {right: auto;border: 0 none;border-top: 1px solid;background: url(../images/backgrounds/bg_slide_arrow-down.png) 0 0 no-repeat} .vertical_slider .ajaxSlider .rightArrow:hover {background-position: 0 -19px} .vertical_slider .ajaxSlider .leftArrow, .vertical_slider .ajaxSlider .rightArrow {width: 149px;height: 19px;margin: 0;border-color: #c7c7c7} /* Optional styling horizontal */ #content .ajaxSlider h2, #content .bannerSlider h2 {border: 0 none;} #content .ajaxSlider .sliding_container .slide, .modal .ajaxSlider .sliding_container .slide {display: block;float: left;width: 711px;} #content .ajaxSlider .article_box, .modal .ajaxSlider .article_box {height: 190px;width: 141px;float: left;margin: 0 18px;position: relative;} #content .ajaxSlider .article_box .title, .modal .ajaxSlider .article_box .title {font-size: 11px;font-weight: 700;color: #999;width: 141px;display:block;} #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price {position: absolute;bottom: 12px;font-size: 12px;font-weight: 700;color: #333;margin: 0px;width: 105px;} #content .ajaxSlider .sliding_container a.artbox_thumb, .modal .ajaxSlider .sliding_container a.artbox_thumb {width: 105px;height: 105px;display: block;margin: 0 auto 5px} #content .ajaxSlider .sliding_container a.artbox_thumb:hover, .modal .ajaxSlider .sliding_container a.artbox_thumb:hover {text-decoration: none;} #content .ajaxSlider .article_box .article_price_unit p, .modal .ajaxSlider .article_box .article_price_unit p { margin: 0; font-size: 10px; color: #aaa } /* Optional styling vertical */ #content .vertical_slider .ajaxSlider h2 {border: 0 none;border-bottom: 1px solid;} #content .vertical_slider .ajaxSlider .sliding_container .slide {float: none;width: auto;height: 711px;width: 150px;} #content .vertical_slider .ajaxSlider .article_box {float: none;margin: 0 auto 0;height: 175px;} #content .vertical_slider .ajaxSlider .sliding_container a.artbox_thumb {margin: 0;} /* Banner slider */ #content .slider_banner .sliding_container .slide {float: left;width: 630px;} #content .slider_banner .leftArrow, #content .slider_banner .rightArrow {border: 0 none;height: 39px;width: 24px;margin-top: -20px;} #content .slider_banner .leftArrow {background-position: -106px 0;} #content .slider_banner .rightArrow {background-position:-131px 0;} #content .slider_banner .leftArrow:hover {background-position: -106px -39px;} #content .slider_banner .rightArrow:hover {background-position: -131px -39px;} #content .slider_banner .slide_navigation {position: absolute;bottom: 0px;right: 65px;z-index:3;text-align: center;} #content .slider_banner .slide_navigation a {float: left;margin: 0 2px;font-size: 14px;font-weight: 700;width: 23px;height: 20px;padding: 5px 0 0 0;display: block;background: url(../images/backgrounds/bg_slidenum_normal.png) no-repeat;} #content .slider_banner .slide_navigation a.active {background: url(../images/backgrounds/bg_slidenum_active.png) no-repeat;} /* Supplier slider */ #content .supplier_slider .slide_navigation {display: none;} #content .supplier_slider h2 {border-bottom: 1px solid #c7c7c7;} #content .supplier_slider .sliding_container .slide {width: 576px;float: left;height: 105px;} #content .supplier_slider div.logo, #content .supplier_slider div.text {width: 138px;float: left;margin: 0 2px 0 2px;} #content .supplier_slider div.text {background: url(../images/backgrounds/bg_supplier_slider_text.png) repeat-x;border: 1px solid #c7c7c7;padding: 13px 0 14px ;font-weight: 700;display: block;text-align: center;width: 134px;margin: 28px 4px 0;} #content .supplier_slider div.logo {height: 105px;} #content .supplier_slider div.logo a {background-position: center center;background-repeat: no-repeat;height: 105px;display: block;} #content .supplier_slider div.logo a img {visibility: hidden;} #content .supplier_slider .leftArrow, #content .supplier_slider .rightArrow {top: 78px;} /* Add article slider */ div.ajax_add_article .ajaxSlider .article_box .title {position: static; left: auto; top: auto;} .modal div.ajax_add_article .ajaxSlider .article_box {height: 190px;margin: 0 8px;} div.ajax_add_article .ajaxSlider .article_box .price {left: auto;top: auto; bottom: 2px} .modal .ajaxSlider .sliding_container .slide {width: 578px;} .modal .ajaxSlider .sliding_container .slide .article_box .price { font-size: 14px; } /* FOOTER ------------------------ */ #footer .footer_menu {border: 1px solid;border-left: 0; border-right: 0;background: url("../images/backgrounds/bg_footer.png") repeat-x;height: 41px;text-align: center;padding: 10px 0;} #footer .footer_menu p {margin: 0 0 .5em;} #footer .footer_menu a {font-size: 11px;} #footer .bottom {padding: 10px 0;background: url("../images/backgrounds/bg_footer-bottom.png") repeat-x;height: 25px;line-height: 25px;} #footer .bottom p {margin: 0;} #footer .bottom .border {border-right: 1px solid #E3E3E3} .shopware_footer {width: 1000px; margin: 20px auto 30px auto; text-align: left;} .shopware_footer a {background: url(../images/icons/ico_shopware.png) left center no-repeat; padding: 0 0 0 14px;} /* Tables */ tbody, tbody tr, thead, thead tr {border: 0 none;} table { display: block; border: 1px solid #c7c7c7; width: auto !important; } table thead tr th { background: #f5f5f5; padding-left: 10px; } table tbody tr td, table tbody tr th { border-top: 1px dashed #dfdfdf; } table td, table th {color: #999;}