/** Shopware 4 Template Colors http://shopware.de @package _emotion @subpackage css @category design @version v1 @author sa/Shopware AG @copyright Copyright (c) 2012 Shopware AG (http://www.shopware.de) This stylesheets contains all color hexcodes which are used in the default template. MAIN COLORS Borders: #c7c7c7 Backgrounds: #f5f5f5 Highlights: #be0a30 Primary text: #333333 Secondary text: #777777 Separators: #cccccc */ /* GENERAL ------------------------ */ html, a, a:link, a:active, a:hover, a:visted {color: #333;} html {font-family: "Open Sans", sans-serif; font-size:13px; font-weight:400;padding-top: 0px;} .container_20 {background-color: #fff; border-color: #fff;margin-top: 0;} h2, h3 {color:#000} h2 {color: #999;} h2 {margin: 10px 0 20px;} div.ico_new, div.ico_tipp, div.ico_esd {color: #fff;} input.text {background: #fff; border-color: #bbb;} div#article_details p.red {color:#264409} #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {border-color: #dfdfdf;background-color: #f5f5f5;} #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container {border-color:#dfdfdf;background: #fff;} #trustedShopsLogo p, #paypalLogo p, #paypalLogo_noborder p {color: #777;} .trustedshops_form {border-color:#dfdfdf;} /* Lines */ hr.line {color: #be0a30;background-color: #be0a30; border-color: #be0a30} hr.smallline {background-color:#dfdfdf} /* HEADING BOX ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {color: #be0a30;border-color: #dfdfdf;border-right-width: 1px;} /* TABLE ------------------------ */ tfoot {background-color:#f3f3f3; border-color:#dfdfdf;} tfoot .last {border-color: #333} /* BUTTONS ------------------------ */ a.button, input.button.small {color:#fff} a.link {color:#666} /* SHOP NAVIGATION ------------------------ */ #topbar input {color: #999;border-color:#fff;} #topbar input:hover {border-color: #dfdfdf} #topbar .currency {border-color: #dfdfdf} #topbar select {color: #999;} .my_options a {color: #be0a30} #mainNavigation {background-color: #be0a30;} #mainNavigation a {color:#fff;border-left-color: #be0a30;border-right-color:#d12b4e;} #mainNavigation .dropactive:hover a {color: #be0a30;} #mainNavigation a.first {border-left-color: #d12b4e;} #mainNavigation a.active {color: #be0a30;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {background-image: none;background-color: transparent;border-color: #000;border-bottom-color: #dfdfdf;color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #fff;background-color: #333333;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #be0a30; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #fff;background-color: #be0a30;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #be0a30;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #be0a30;color:#fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li li:hover a {color: #fff;} #mainNavigation ul li.dropactive:hover li:hover a {color: #fff;background-color: #be0a30;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {background-color: #000; border: none;} #mainNavigation ul li.dropactive:hover ul.droplevel {background-color: #000;border-color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background-color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background-color: #333333;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {color:#808080;border-color: #333333;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub ul li a {background: #000; color: #808080;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub ul li a:hover {background: #333333; color: #fff;} /* AJAX BASKET ------------------------ */ .ajax_basket_result, #header .ajax_basket_container {border-color: #dfdfdf;} .ajax_basket_container .ajax_basket, #shopnavi .my_options a {color: #be0a30;} .ajax_basket_result .inner_cart div {background-color: #fff;} .ajax_basket_result .inner_cart div.premium {background-color: #E6EFC2; color: #264409;} .ajax_basket_result .inner_cart div.premium a {color: #264409;} .ajax_basket_result .inner_cart div.bundle {background-color: #FBE3E4;color:#8A1F11;} .ajax_basket_result .inner_cart div.bundle a {color: #8a1f11} .ajax_basket_result .inner_cart {border-color: #fff;background-color: #dfdfdf;} /* BREADCRUMB ------------------------ */ div#breadcrumb {border-color: #fff;color: #777} div#breadcrumb a {color: #999;} div#breadcrumb a:hover {color: #be0a30;} div#breadcrumb a.last {color:#be0a30} div#breadcrumb a.last:hover {color:#be0a30; text-decoration: underline !important} div#breadcrumb .sep {color:#ccc} /* SIDEBAR LEFT ------------------------ */ #content #left ul li {border-color: #d3d3d3 #d3d3d3; border-right-style: solid; border-right-width: 1px;} #content #left ul li, .basket_dispatch_description {background-color: #f5f5f5;} #content #left ul li a {color: #3e3e3e;} #content #left ul li.active {background-color: transparent;border-color: #f2f2f2;} #content #left ul li.active.sub a.active {border-bottom-color: #f2f2f2} #content #left ul li.active li {background-color: transparent;} #content #left ul li.active li a {color:#474747;} #content #left ul li.active li.active a {color: #be0a30;} #content #left ul li.active li.active li a {color:#797979;} #content #left ul li.active li.active li a.flag {color:#be0a30;} #content #left ul li.active li.active li.active a.flag {color:#797979;} #content #left ul li.active ul.submenu ul, #content #left ul li.active ul.submenu ul.submenu ul.submenu {border-color: #f2f2f2;} #content #left ul#servicenav {border-color: #dfdfdf; } #content #left ul#servicenav li.heading {color: #636363;border-left-color:#dfdfdf;border-bottom-color:#dfdfdf;} #content #left ul#servicenav li a {color:#7f7f7f} #content #left ul li.active li.active li .level3 li.active a {color: #be0a30;} /* SIDEBAR RIGHT ------------------------ */ #content #right div.heading {border-color: #dfdfdf;} #content #right div.heading h2 {color: #be0a30;} div.supplier_filter, div.supplier_filter h5 {border-color: #dfdfdf;} div.supplier_filter div {border-color: #dfdfdf;border-bottom-color: #fff;color:#5c5c5c} div.supplier_filter div.active {color: #be0a30;} div.supplier_filter ul li {background-color: #fff;border-color: #dfdfdf;} div.supplier_filter ul li a {color:#666;} div.supplier ul li, div#hersteller_filter ul li {border-color: #dfdfdf;} div.supplier ul li.active a {color:#be0a30;} div.supplier_filter, div#hersteller_filter span {background-color: #fff;border-color:#ccc;} div.supplier, div.blogFilter, div.blogInteract {background-color: #fff; border-color:#dfdfdf;} div.supplier ul li, div.blogFilter ul li, div.blogInteract ul li {border-color: #dfdfdf;} div.supplier ul li.active a, div.blogFilter ul li.active a, div.blogInteract ul li.active a {color:#be0a30;} div.supplier ul li.image {background-color: #fff;} #content #right_custom .inner_container, .bt_allsupplier {border-color: #dfdfdf;} /* CONTENT CENTER ------------------------ */ .teaser, .teaser_small {border-color:#e7e7e7;} .blogentry .post_metadata {color:#A8A7A7} .blogentry .post_metadata span {border-color:#e6e6e6;} #center .teaser_small h1, #content .orders h1, #content .downloads h1, #content #ticket h1 {color: #be0a30;} #content .cat_text .inner_container, #content .register .supplier_register .inner_container {border-color: #dfdfdf;} #content .cat_text h1, #content .custom h1, #content .supplier_register h1 {color: #000;} #supplierfilter, .notice {border-color: #be0a30;background-color: #fff;} .notice, .notice a {color:#333;} /* GENERAL LISTING ------------------------ */ .listing_actions {background:#f5f5f5;border-color:#dfdfdf;} .listing_actions .bottom {border-color:#dfdfdf;} .listing_actions a.perpage, .listing_actions.bottom a.perpage, .listing_actions.bottom a.navi, .listing_actions a.navi {background-color:#fff;border-color:#d0d0d0;} .listing_actions a.perpage:hover, .listing_actions.bottom a.perpage:hover, .listing_actions.bottom a.navi:hover, .listing_actions a.navi:hover {color: #be0a30; text-decoration: none;} .listing_actions a.on:hover {color: #fff;} .listing_actions div.more {background-color:#FFFFFF;border:1px solid #dfdfdf;} .listing_actions a.on, .listing_actions.bottom a.on {background-color:#be0a30;color:#fff; border-color: #bd3e00;} .artbox {border-color: #dfdfdf;} #listing-1col .artbox {border-color:#dfdfdf;border-top-color:#dfdfdf;} .artbox.first {border-top-color: #dfdfdf;} .artbox.last {border-bottom-color:#dfdfdf;} .artbox .inner {border-color:#fff;} .artbox p.desc {color: #777;} .artbox .actions a, #related .listing .artbox .actions a, .listing_actions .offers {color: #696969;border-color: #dfdfdf;} #related .listing .artbox .actions a.buynow, .listing_actions .offers:hover {color: #be0a30;} .artbox p.pseudoprice span.price {color:#990000;} .artbox span.pseudo {color: #777;} .listing_actions .offers:hover {border-color: #dfdfdf;} #listing-1col .artbox.last {border-color: #dfdfdf;border-top-color:#dfdfdf;} /* ARTICLE DETAILS ------------------------ */ #detail h1 {color:#333;} #detail .border {border-color: #dfdfdf;} #detail, #detail a, #content #detail .article_details strong.supplier {color:#999 !important;} #detail, #detail a:hover {color:#be0a30 !important;} .article_overview {color:#9c9c9c} .article_overview a {color:#7a7a7a;} #detail .article_details_price2 strong {color: #990000} #content #detail #detailbox_middle .article_details_price strong {color: #333;} .cloud-zoom-big, #cloud-zoom-big, #thumbs a, .thumb_box a:hover, ul#menu_right {border-color:#dedede} #thumbs a:hover, #thumbs a.active {border-color:#555} .thumb_box a {border-color:#dfdfdf;background-color:#fff; opacity: 0.5 } .thumb_box a:hover, .thumb_box a.active {border-color: #999; opacity: 1} .ctl_detail .thumb_box a.active {border-color: #be0a30; opacity: 1} .deliverable1 {color: #009900;} .deliverable2 {color: #514721;} .deliverable3 {color: #990000;} .deliverable4 {color: #990000;} .box_bundleset {border-color:#dfdfdf;} #detail #detailinfo #comments form {background-color: #f5f5f5;border-color: #dfdfdf;} .box_bundleset .bundlePrice {color: #333;} .bundle_container .bundleset .discount {color: #990000} .bundle_box .box_bundleArticleNames {background-color: #fff} .ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #fff;} .ui-tabs .ui-tabs-nav li, #detail #detailinfo .inner_tabs {border-color: #dfdfdf} #detail #detail_menu li, #detail #detail_menu li.lastrow {border-color: #dfdfdf; color:#555;border-bottom-color:#dfdfdf;} #detail #detailinfo .similar {border-left-color:#dfdfdf;} #detail #detailinfo .similar .artbox .artbox_thumb {border-color: #dbdbdb;background-color: #fff;} #detail #detailinfo .similar .artbox strong.title {color: #999;} #detail #detailinfo .similar .artbox .price, #tabs .ui-tabs-panel, #tabs .ui-tabs-panel a {color: #333} #detail #detailinfo #description {color: #555;} #detail #detailinfo .ui-tabs-panel h3 {color: #333;} #detail #detailinfo .ui-tabs-panel .date {color: #999;} #detail #detailinfo .ui-tabs-panel .author {color: #666;} #detail #detailinfo #comments .comment_block {border-color:#dfdfdf;} #sendArticleNotification {border-color: #dfdfdf; background-color: #f5f5f5;} #sendArticleNotification label {color: #555;} #buybox .upprice_config strong, #buybox .config_select strong {color: #be0a30;} #content #buybox .basketform .accessory_overlay {background-color:#fff;} #buybox .accessory_container .accessory_group {border-color: #dfdfdf;} #content #buybox .basketform .accessory_overlay .title, #content #buybox .basketform .accessory_overlay .price {color: #333;} #buybox .accessory_container label {color: #555;} #detail #detailinfo {background-color: transparent;} /* BASKET PAGE ------------------------ */ /* General table coloring */ .table .table_head {background-color: #f5f5f5;border-color:#dfdfdf;} .table .table_row, .table .lastrow, .table .table_foot {border-color: #dfdfdf;border-top-color: #dfdfdf;} .table .ordernumber, .table .supplier, .table .zoom_picture {color: #999;} /* Row specific row coloring */ .table .bundle_row, #basket .bundle_row {background-color:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .table .table_foot #aggregation_left strong, .table .table_foot #aggregation strong {color: #707070;} .table .table_foot #aggregation .border, .table .table_foot #aggregation .doubleborder {border-color: #dfdfdf;} /* Premium row */ .table .table_premium, #basket .table_premium {border-color:#dfdfdf;background-color:#fff;color:#65956b} .table .table_premium .body .article, #basket .table .table_premium .body .article, .table .table_premium .body .article .thumbnail, #basket .table .table_premium .body .article .thumbnail {background-color:#fff;border-color:#dadada;} .table .table_premium h5, #basket .table_premium h5 {color:#43691E} .table .table_premium .bonus_price .pr2, #basket .table .table_premium .bonus_price .pr2 {color:#e25400;} .table .table_premium div.body div.article .name a, #basket .table .table_premium div.body div.article .name a, .table .table_premium .bonus_price p.pr2, #basket .table .table_premium .bonus_price p.pr2 {color: #666} .shippingfree_basket {background-color: #EEF6C7;color: #758E00;} .accept_box {background-color: #696969;} .accept_box h3 {color:#fff;} div.table_foot .box {background-color: #f5f5f5;border-color: #dfdfdf;} #content #left #recalcShipping, .basket_dispatch_description {border-color: #dfdfdf;border-left-color: #dfdfdf;} #content #left.basket h5, .basket_dispatch_description h3 {color: #be0a30;} div#notes .table_row .first a.zoom_picture {color: #a1a1a1} div#notes .table_row .action a.basket {border-color: #efebe2;} div.table_foot input.button_tablefoot {color: #fff;} #content div.table_foot .totalamount strong {color: #333} div#notes .table_row .action a.basket {color: #fff;} /* change details */ .info div {border-color: #dfdfdf;} .info div .heading, #login div h2 {color: #be0a30;border-color: #dfdfdf; border-color-left: #fff;} #content .inner .check_order {border-color: #dfdfdf;} #content .inner .check_order h2 {color: #be0a30;} #content .inner .check_order strong {color: #333;} /* LOGIN AND REGISTER ------------------------ */ div#right.register h2 {color: #be0a30; border-color: #dfdfdf;} div#right.register ul {border-color: #dfdfdf;} #login .inner_container {background-color:#f5f5f5;border-color:#dfdfdf} #schnellregistrierung, .registerform {background-color: #F6F6F6;} #right.register ul {color:#666} .payment fieldset {background-color:#f6f6f6;border-color:#dedede} .register .personal_settings, .register .shipping_address, .register .payment_method, .register .company_informations, .register .alternative_shipping {border-color: #dfdfdf; background-color: #f3f3f3} .register div h2.heading {background-color: #fff;color:#be0a30;} #content .tellafriend .register h2.headingbox_dark {border-color: #dfdfdf;} .basket .agb {background-color: #f5f5f5;border-color: #dfdfdf;} .register .payment_method .method {border-bottom-color: #dadada} #content #left select {background-color: #f5f5f5;} /* Step box */ div.step_box ul li {border-color: #d5d5d5} div.step_box ul li.active {border-color: #d3d3d3;} div.step_box ul li .icon {border-color: #dedede; color: #919191;} div.step_box ul li.active .icon {color: #fff;} div.step_box ul li .text {color: #919191;} div.step_box ul li.active .text {color: #be0a30;} /* ORDER PROCESS ------------------------ */ div.agb_accept, div.agb_accept label.chklabel {color:#444} div.agb_info {color:#888} .basket .more_info {border-color: #dfdfdf;} .additional_footer .comment, .additional_footer .agb {background-color: #f5f5f5;border-color: #dfdfdf;} .additional_footer .more_info, #finished .orderdetails, #finish_right .revocation {border-color: #dfdfdf;} .additional_footer .agb .revocation {border-color:#dfdfdf;background-color: #fff;} #content #payment {border-color: #dfdfdf;} #confirm .shipping_select {border-color: #dfdfdf;} /* AJAX MODAL BOXES ------------------------ */ div.ajax_login_form .heading h2, .modal .heading h2, div.ajax_add_article .bottom h2, #compare_bigbox .heading h2 {color: #be0a30;} div.ajax_login_form .existing_customer {border-color: #dfdfdf;} div.ajax_add_article, div.ajax_login_form .existing_customer {background-color: #f1f1f1;} div.ajax_add_article .article_box, div.ajax_add_article .bottom {background-color: #fff;} div.ajax_add_article .article_box .title , div.ajax_add_article .article_box .price {color: #333} div.ajax_add_article .article_box .ordernumber, div.ajax_add_article .article_box .quantity {color: #999;} .ajax_compare_container .grid_3 div {border-color: #dfdfdf;} /* USER ACCOUNT ------------------------ */ .account #userinformations .inner_container, .account #selected_payment .inner_container, .account .newsletter .inner_container, .account .billing .inner_container, .account .shipping .inner_container, #right .adminbox, .addresses .select_billing , .addresses .select_shipping, .addresses, .password form div, .account .email .inner_container {border-color: #dfdfdf;background-color: #f5f5f5;} .account #userinformations h3, .account #selected_payment h3 , .account .newsletter h3, .account .billing h3, .account .shipping h3, #right .adminbox h3, .account .password h3, .addresses h2, .password form h2, .finished h3 {color: #be0a30;background-color:#fff;} div.orderdata_box div, #newsletterfrm, #frmRegister {background-color: #f7f7f7;} #right_account .adminbox {border-color: #dfdfdf;} #right_account .adminbox li {border-color: #dfdfdf;} .adminbox h3 {background-color: #EEF6C7;} .adminbox a:hover {color:#758e00} .addresses .change a, .contact .form .grid_9 .change a, .addresses .select_billing .change input, .contact .form .change_password {background-color: #dfdfdf} #right .adminbox, #right .adminbox h3, .addresses, .addresses h2 {background-color: #fff;} #content div.inner .change_shipping div.alternative_shipping, #content div.inner .change_billing .shipping_address {border-color: #dfdfdf;} #content .orders .orderoverview_active .lastrow {border-color: #dfdfdf;} #content .orders .orderoverview_active .table_foot p.bold, #content .orders .orderoverview_active .table_foot div p {color:#333;} .addresses .inner_container, .addresses .inner_container .select_billing, .addresses .inner_container .select_shipping, .account .password .inner_container {border-color: #dfdfdf;} .password .outer {border-color: #dfdfdf;} /* Ticketsystem */ #ticket h2, .ticketdetail_lbl, .tickeranswer h2 {color: #be0a30;} #ticket h2, .ticketdetail_lbl, .tickeranswer h2, .tickeranswer, .ticketdetail_txtbox {border-color: #dfdfdf;} .ticketdetail_txtbox {background-color: #fff;} .tickeranswer {background-color: #f5f5f5} /* TICKETSYSTEM ------------------------ */ .ticketoverview {background-color:#F6F6F6;border-color:#dfdfdf;} .ticketoverview .header, .ticketoverview .header div.grid_3 {border-color:#dfdfdf;} .ticketoverview .content {background-color:#fff;border-color:#dfdfdf;} /* Form system */ .supportrequest .contact_box {background-color: #f7f7f7;} .supportrequest h1, .supportrequest h1 {color: #999;} /* ENTRIES ------------------------ */ #listing-blog .blogbox, #content .blogbox, .contentdetail, .newsletter_entry, .newsletter_detail, .newsletter_detail .newsletter_content {border-color: #dfdfdf;} #content .listing_box, #content .listing_box h2.headingbox_nobg {border-color: #dfdfdf;} .listing_box .blogbox p {color: #555;} .blogbox h2, .contentlisting_box h2, .contentdetail h2, .newsletter_entry h2, .newsletter_detail h2 {color: #262626;} .blogbox .post_metadata {color: #A8A7A7;} .blogbox .post_metadata span {border-color: #e6e6e6} .blogbox .post_metadata span a {color: #be0a30;} .blogbox .tags .tag {background-color:#eee;border-color:#dfdfdf;color: #333;} .blogbox .tags .tag:hover {background-color: #bbb;border-color:#777;color:#fff;} .blogbox h2.heading {color: #be0a30;border-color: #dfdfdf;} .blogbox a.more_info, .content_listing a.more_info, bt_allsupplier {border-color: #dfdfdf;} .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {color:#be0a30} .blogbox .thumbnail_box a {border-color: #e6e6e6;} .blogbox .thumbnail_box a:hover {border-color: #dfdfdf;} div#commentcontainer ul, form.comments {border-color:#dfdfdf;} div#commentcontainer .comment_outer {border-color: #dfdfdf;} form.comments {background-color: #f5f5f5;} div#commentcontainer .date {color:#999;} /* VIEWLAST ------------------------ */ .viewlast {border-color:#dfdfdf} .viewlast .heading {color: #636363;border-color: #dfdfdf; border-left: none;} .viewlast .article_image {border-color: #e7e7e7;} .viewlast .article_description {color:#888} /* LIVESHOPPING ------------------------ */ .time_prozessbar_container, .instock_prozessbar_container {border-color: #d4d4d4} #time_prozessbar {background-color:#fff;} .liveshopping_box {border-color:#be0a30;} .stoerer_rabatt {color:#fff;} .box_name, .box_name_countdown {color:#000;} .box_surcharge_text {color:#DE0C41;} .liveshopping_box_countdown, .liveshopping_box_timeline {border-color:#d3d3d3} .price_start, .live_info {color: #666;} .price_current, .live_stock, .live_stock p {color:#fff;} .box_description_countdown {color:#555} .box_timer, .box_timer_detail {color:#999;} /* TAGCLOUD ------------------------ */ .tagcloud {background:#fff;border-color:#dfdfdf; border-top-color: #fff;} .tagcloud a.tag0, #tagcloud_promotion a.tag0 {color:#999} .tagcloud a.tag1, #tagcloud_promotion a.tag1, #tagcloud a.tag2, #tagcloud_promotion a.tag2 {color: #666} tagcloud a.tag3, #tagcloud_promotion a.tag3 {color: #000;} /* SEARCH ------------------------ */ div#searchcontainer {background-color:#f2f2f2;} #submit_search {color:#fff;background-color:#df4800;border-color:#e45a01;} form#searchform input#searchfield {color: #666;border-color: #bbb; background-color: #fff;} #header_links, #header_links a {color:#999;} div#searchresults {background-color:#fff;border-color :#dfdfdf;color:#888} a.resultall {color:#be0a30;} a.resultall span.result_number {color:#868686} li.searchresult {border-color: #dfdfdf;} li.searchresult ul li:hover{background-color:#f3f3f3} li.searchresult h3 {color: #7D7D7D;} li.searchresult_supplier {border-color:#777;background-color:#f1f1f1} li.searchresult_supplier h2{color:#888;} li.searchresult_supplier a.resultlink {border-color:#999; background-color:#fff;} li.searchresult_supplier a.searchthumb {border-color:#999} li.searchresult_cat {border-color:#777;background-color:#f1f1f1;} li.searchresult_cat h2{color:#888;} li.searchresult_cat ul li{border-color:#cfcfcf} li.searchresult_cat ul li.header:hover{background-color:#f1f1f1} li.searchresult_cat ul li:hover{background-color:#fff} #header_links a {color:#999;} div#searchresults {background-color:#fff;border-color:#dfdfdf;color:#888;} li.searchresult ul li {border-color:#dfdfdf} li.searchresult ul li:hover {background-color:#f3f3f3} li.searchresult_supplier {background-color: #f1f1f1;border-bottom-color:#777;} li.searchresult_supplier h2 {color: #888} li.searchresult_supplier a.resultlink {border-color: #999;background-color: #fff;} li.searchresult_supplier a.searchthumb {border-color: #999} .searchresult .active {background-color:#e9e9e9;} /* SEARCH PAGE ------------------------ */ .fuzzy div.result_box {border-color: #dfdfdf; border-bottom-color: #dfdfdf;} div.category_filter {border-color:#eef6c7;background-color:#fff;} div.category_filter .cat_crumb strong, div.category_filter h4 {color:#758E00;} div.category_filter a.cat {color:#666;} div#left div.searchbox h3 {color: #758E00} #content div#left div.searchbox ul {background-color: #fff;} .fuzzy h2 {color: #00a400} .fuzzy .category_filter h3, #content #left .filter_search h3.heading {color: #000; border-color: #dfdfdf} .fuzzy .category_filter .border {border-color: #dfdfdf} .fuzzy .category_filter .categories {border-color: #dfdfdf;} .fuzzy .category_filter .showall {color: #9e0000;} #content #left .filter_search h3.heading {border-left-color: #dfdfdf;} #content #left .filter_search .searchbox {border-color: #dfdfdf; border-left-color: #dfdfdf;} #content #left .filter_search .searchbox h3, #content #left .filter_search .searchbox li.showall a {color: #555;} #content #left .filter_search .searchbox li a, #content #left .filter_search .searchbox li.active {color:#333;} /* FINISHED AND COMPARE ------------------------ */ .finished h3, .finished p.bold, #compareContainerResults li, #compareHighlight, .container_20 .grid_3.compare_desc {border-color: #dfdfdf;} #compare_bigbox {border-color: #333;} .compare_desc div {background-color: #f5f5f5;} .content_listing, #tagcloud {border-color:#dfdfdf;} /* TOPSELLER ------------------------ */ .topseller {border-color: #cfcfcf;border-right-color:#fff;} .topseller h3 {color: #be0a30;border-bottom-color: #dfdfdf;} /* FORM SYSTEM ------------------------ */ #content .supportrequest .inner_container {border-color: #dfdfdf;background-color:#f5f5f5;} /* TELL-A-FRIEND ------------------------ */ .tellafriend h2 {border-color: #dfdfdf;background-color:#fff;} .tellafriend fieldset {border-color: #dfdfdf;background-color: #f5f5f5;} /* SITEMAP ------------------------ */ ul#categories_s li {border-color: #fff;} ul#categories_s, ul#categories_s a.active {background-color: #be0a30;} ul#categories_s a.active {color: #fff;} ul#categories_s ul {border-color: #fff;} ul#categories_s ul a, ul#categories_s ul a.active {background-color: #f5f5f5} ul#categories_s ul a.active {color: #333;} ul#categories_s ul ul a.active {background-color: #f5f5f5;color: #333;} ul#categories_s ul ul ul a {background: #f5f5f5;} ul#categories_s ul ul ul a.active {background-color: #fff;color: #000;} /* BUNDLE ------------------------ */ .bundle_container h2.heading, .relatedbox_container h2.heading, .bundle_container .bundleset .price_container, .relatedbox_container .price_container {background-color:#f5f5f5;} .bundle_container h2.heading, .relatedbox_container h2.heading, .bundle_container .bundleset .price_container h3.heading, .relatedbox_container .relatedbox .price_container h3.heading, .bundle_container .bundleset .price_container .price, .relatedbox_container .relatedbox .price_container .price, .bundle_container .names h4, .bundle_container .names li, #detail .bundle_container .names li a, #detail .relatedbox_container .related_checker a {color: #555;} .bundle_container .bundleset .plus, .relatedbox_container .relatedbox .plus {color: #be0a30;} /* LIVESHOPPING ------------------------ */ .liveshopping_container {border-color: #dedede;} .liveshopping_container .liveshopping_right, .liveshopping_container .liveshopping_middle, #detail .liveshopping_detail .live_price_normal .top strong.time_left, #detail .liveshopping_detail .top .time_left, #detail .liveshopping_detail .top .time_left span {color: #777} .liveshopping_container .liveshopping_bottom h3.headline a {color: #555;} .liveshopping_container .liveshopping_right .discount, #detail .liveshopping_detail .discount {color: #BF0017} #content .inner .liveshopping_container .liveshopping_right .live_price_normal .bottom, #content .inner .liveshopping_container .liveshopping_right .live_price_normal .bottom strong {color: #f5f5f5} #content .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.right, #content .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.right, #content .liveshopping_container .liveshopping_middle .middle, #content .liveshopping_container .liveshopping_middle .middle strong, #content .liveshopping_detail .live_price_normal .bottom .price {color: #fff;} .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-color: #ccc;} .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 {background-color: #fff} #detail .liveshopping_detail .live_price_normal .bottom {color: #f7f7f7;} #detail .liveshopping_detail .middle, #detail .liveshopping_detail .middle strong, #detail .liveshopping_detail .quantity .liveprice_container_up div.right, #detail .liveshopping_detail .quantity .liveprice_container_down div.right, #detail .liveshopping_detail .quantity strong {color: #fff;} #detail .liveshopping_detail .middle .bar_time div {background-color: #fff;} /* AJAX SLIDER ------------------------ */ .ajaxSlider, .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .vertical_slider .ajaxSlider .leftArrow, .vertical_slider .ajaxSlider .rightArrow {background-color: #fff;border-color: #dfdfdf;} #content .ajaxSlider {overflow: hidden;} #content .ajaxSlider .artbox p.price, #content .ajaxSlider p.pseudoprice {color: #555;} #content .slider_banner .slide_navigation a {color: #fff;} #content .slider_banner .slide_navigation a.active {color: #333;} /* FOOTER ------------------------ */ #footer .footer_menu {border-color: #d7d7d7} #footer .footer_menu a {color: #7f7f7f} #footer .bottom p, #footer .bottom .border {color: #888} .shopware_footer, .shopware_footer a {color: #777} /* DARK */ #content #left .categories li.active a.flag, #right_account .adminbox li.active, #content #left .categories li.active.sub a.active, #mainNavigation, .listing_actions a.on, .listing_actions.bottom a.on {border-color: #660016;} .artbox .actions a.more, div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover, #buybox #basketButton {text-shadow: 0 1px 1px #660016;} /* LIGHT */ #buybox .article_details_bottom, #basket .cart .shipping h2, #supplierfilter_top, .emotion-link, .actions_offer .listing_actions, #buybox h5, #buybox .article_details_bottom, #buybox #article_notification, #buybox .detail_blockprices, #buybox .upprice_config, #buybox #detailCartButton, #detailinfo #comments .notice { border-color: #f7dfe4; } /* COLOR ------------------------ */ input[type="text"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #be0a30;} #compareHighlight.active span, #compareHighlight.active, ul#servicenavi li a:hover, .my_options a.note span.notes_quantity, #compareHighlight span.comparisons, .my_options a:hover span, .my_options a:hover, .my_options .service span:hover, #compareContainerResults a.compare_get_overlay, div.ajax_login_form .lostpassword, #shopnavi .display .basket_right .amount, #shopnavi .ajax_basket_container:hover, #shopnavi .ajax_basket_container.active .ajax_basket, #shopnavi .ajax_basket_container:hover .ajax_basket, #shopnavi .basket a:hover, #mainNavigation a.active:hover span, #content .inner .custom_subnavi li a, #content #left .categories li a:hover, #content #left .categories li.active li.active a.flag, #content #left .categories li .submenu li.active.sub a.active, #content #left .categories li .submenu li .submenu li.active a.flag, #content #left .categories li .submenu li .submenu li.active.sub a.active, #content #left ul#servicenav li a:hover, #content #left ul#servicenav li.active a.active, #content #left ul#servicenav li.active li a:hover, .artbox a.title:hover, .actions_offer .listing_actions a, .actions_offer .listing_actions a:hover, #topbar input:hover, #footer_wrapper .footer_inner #footer a:hover, #footer_wrapper .footer_inner .bottom a, #footer .footer_menu .head, .menu_top .article_overview a, div#searchresults ul.searchresult li.active a h3, #detail #detailinfo #description a:hover, #detail #detailinfo .similar .artbox .inner a:hover, #buybox a, #buybox h5, #buybox .modal_open a:hover, #buybox .shipping_free, #article_notification #sendArticleNotification .text_notice, #detail #detail_menu li a:hover, #detail #detail_menu li a:hover span, #detailbox .detail_comments, #detailbox .detail_comments a, .article_back a, .article_next a, .article_overview a, #content .headingbox_dark, .ajaxSlider .slide_navigation a.active, #content .topseller-slider .article_box:hover a.title, #content .ajaxSlider .article_box .title:hover, .modal .ajaxSlider .article_box .title:hover, #basket .cart .table_row .box .box_cart_info, #basket .cart .shipping h2, .table .table_premium .body .article .name a:hover, #supplierfilter, .notice, #supplierfilter_top a.close:hover, #supplierfilter_top .supplier-desc a, #center .teaser_small h1, #content .orders h1, #content .register h1, #content .downloads h1, #content #ticket h1, #content .cat_text h1, #content .supplier_register h1, #content #right_account h2, #right_account .adminbox li a:hover, #content #left .filter_search .searchbox li a:hover, .fuzzy .category_filter .active a:hover, #content #confirm h2, #content #confirm .payment_method h3, #content #confirm .dispatch-methods h3, #blog .blogbox .blogbox_header h2 a:hover, #blog .blogbox .blogbox_content .blog_tags a, #content .blogdetail .blog_tags a, #content #left .filter_properties .supplier_filter .slideContainer li a:hover, .viewlast .article_description:hover, .ctl_checkout .confirm_accept a:hover, .ctl_checkout .modal .headingbox, .hovered .select-text, .emotion-offers, a:hover, .viewlast li:hover .article_description, .viewlast .article_description:hover { color: #be0a30; } .menu_top .article_overview a .my_options .service span:hover, #shopnavi .ajax_basket_container:hover, #shopnavi .ajax_basket_container.active .ajax_basket, #shopnavi .ajax_basket_container:hover .ajax_basket, .menu_top .article_overview a, #detail #detailinfo #description a, #detail #detailinfo #description a:hover, #detail #detailinfo .similar .artbox .inner a:hover strong, #detail #detailinfo .similar .artbox .inner a:hover, #buybox a, #buybox .modal_open a:hover, #detail #detail_menu li a:hover, #detail #detail_menu li a:hover span, #content .ajaxSlider .article_box .title:hover, .modal .ajaxSlider .article_box .title:hover, .table .table_premium .body .article .name a:hover, .my_options a:hover span, .my_options a:hover, .my_options .service span:hover, #detailbox .detail_comments a { color: #be0a30 !important; } .listing_actions a.navi:hover, div#searchcontainer .inner_searchcontainer form#searchform.active input#searchfield, .ctl_detail .thumb_box a:hover, .ctl_detail .thumb_box a.active, .viewlast .article_image:hover, #detail #detailinfo .similar .artbox .artbox_thumb:hover, #supplierfilter, .notice, #content .blogdetail .thumbnail_box a:hover, .hovered .inner-select { border-color: #be0a30; } #mainNavigation ul li.dropactive:hover a { border-color: #be0a30 #be0a30 #be0a30 #be0a30; } #content #left .categories li.active a.flag, #content #left .categories li.active.sub a.active, #right_account .adminbox li.active a { background-color: #be0a30; } /* IMAGES ------------------------ */ #shopnavi .icon a {background-image: url(../images/icons/ico_basket.png);} #basket .cart .table_row .box input.box_send, #content #confirm .voucher-add-article input.box_send {background-image: url(../images/arrows/bg_arrow_box.png);} .button-right {background-image: url(../images/buttons/button_right-large.png);} #basketButton, .button_tablefoot, #registerbutton, #buybox #basketButton {background-image: url(../images/buttons/bg_basketbutton.png);} .artbox .actions a.more, div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover, .small_right {background-image: url(../images/buttons/button_right-small.png);} #footer .footer_menu .footer_column form input.submit {background-image: url(../images/arrows/bg_arrow_newsletter.gif);} div#searchcontainer .inner_searchcontainer #submit_search_btn {background-image: url(../images/arrows/bg_arrow_search.gif);} #shopnavi .ajax_basket_container {background-image: url(../images/backgrounds/bg_ajax_basket.png);} div.step_box ul li.active .icon {background-image: url(../images/backgrounds/bg_stepnumber-active.png);} #content .topseller-slider .article_box .numbers {background-image: url(../images/backgrounds/bg_topseller_numbers.png);} a.del {background-image: url(../images/icons/ico_delete.png);} div#notes .table_row .delete {background-image: url(../images/icons/ico_delete.png);} div.supplier_filter div span.expandcollapse, div.supplier_filter div.active span.expandcollapse {background-image: url(../images/icons/ico_filter.gif);} .my_options .service, #content #left .categories li .submenu li.active.sub a.active, .outer-select .select-text {background-image: url(../images/icons/ico_listing-bottom-active.png);} a.link:hover, #content #left .categories li a:hover, #content #left .categories li.active li.active a.flag, .listing_actions a.more:hover, .actions_offer .listing_actions a, .actions_offer .listing_actions a:hover, #detail #detail_menu li a:hover, .article_next a {background-image: url(../images/icons/ico_listing-next-active.png);} .listing_actions a.prev:hover, .menu_top .article_overview:hover, .article_back a {background-image: url(../images/icons/ico_listing-prev-active.png);} .ctl_checkout .modal .close, 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 {background-image: url(../images/icons/ico_modal-close.png);} #content #left .filter_search .searchbox li a:hover, .fuzzy .category_filter .categories ul li:hover, .fuzzy .category_filter .active:hover, #content #left .filter_properties .supplier_filter ul li.active {background-image: url(../images/icons/ico_search_active.png);} div#notes .table_row a.zoom_picture {background-image: url(../images/icons/ico_zoom-picture.png);} #shopnavi .quantity {background-image: url(../images/quantity_bg.png);} .listing_actions .list-settings .table-view, .listing_actions .list-settings .list-view {background-image: url(../images/icons/ico_view.png);} .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow { background-image: url(../images/sprite_slider_arrows.png); } .small {background: url(../../../../_default/frontend/_resources/images/buttons/button_middle-small.png) repeat-x center center;} /* color theme finish */ /** Change border color to match the new background image */ html {background-image:none; background:#e5eae2;} #header { border-bottom:none; } /** reformat logo */ #header #logo a { background: url(../images/logo.png) no-repeat; width: 308px; height: 89px; margin: 0; margin-top: 18px; } #footer_wrapper { border-top: 1px solid #aaa } /** Reformat the options */ .outer_my_options { background:white; position: relative; } .inner_my_options { position: relative; width: 1000px; margin: 0 auto; } .my_options { position: relative; left: 755px; top: 16px; background: transparent; border: 0 none; margin: 0 auto; padding: 10px 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .my_options, #shopnavi { float: left } body .my_options a, .my_options .service { color: #aaa !important; } .my_options a.account { background-color:#fff !important; border-right:none; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); background-position: 9px 7px; padding: 7px 11px 0px 30px; } #topbar { border:none; } .my_options #topbar input.active { color: #fff; } /** Remove background image from the "my account" link */ .my_options a.account, .my_options a.account:hover { padding-left: 32px; } .my_options a.account:hover { background-position: 9px 7px; } /** fix bg position service menu on top */ .my_options .service { padding: 4px 20px 0px 10px; } .my_options .service { background-position:right center; } /** Reformat the basket display */ #shopnavi { position: absolute; top: 25px; right: 0; } #shopnavi .display, #shopnavi .icon { display: none } #shopnavi .ajax_basket_container { float: none; position: static; top: auto; right: 0; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAMAAABxCz6aAAAAVFBMVEUAAACgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxSgHxTwBfm0AAAAG3RSTlMAZpnwBenczKyQPDEmE8O8noF1bVtRGfyiPw8cpklpAAAAfUlEQVQY05XPSRaEIAxFUTDSiGJvddn/Pmvw1VSK48A3vEA4MTfKdWkfR3H7x3ok5tUUPPNkihKzD6/Kru1DsGPJh7HDe1Y1uEoKF6BX+AYOCjMw/pozqOfZnqUd6SnW7pbVyGMBW0nLuX10Cac0yZ7HGgF/o2bA/K235qovCc4NSCsfLkAAAAAASUVORK5CYII=) no-repeat 8px 3px; height: 29px; margin: 0; width: 110px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); } #shopnavi .ajax_basket_container:hover, #shopnavi .ajax_basket_container.active { background-position: 8px 3px; } #shopnavi .ajax_basket_container .ajax_basket { width: 40px; height: 46px; font-weight: 600; font-size: 12px; color:#a01f14; padding-left:37px; padding-top: 5px; } /** Reposition the ajax loader */ #shopnavi .ajax_basket_container div.ajax_loader { background: url(data:image/gif;base64,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) no-repeat; top: 6px; left: 9px; } /** Ajax basket result */ .ajax_basket_result { top: 70px !important; border-color: #e1540f; border-top: 0 none; } /** Reposition the search field */ div#searchcontainer { left: 730px; top: 40px; display:none; } div#searchcontainer .inner_searchcontainer { width: 300; } /** Header teaser styling */ #header { height:135px; margin-bottom:0; background: none repeat scroll 0% 0% #e5eae2; } #wrapper .footer_top, #wrapper .wrap_top { height:0; } .header_teaser { position: absolute; left: 0px; top: 30px; } .header_teaser .column { float: left; width: 380px; } .header_teaser .column a, .header_teaser .column a:link { color: #565454; } .header_teaser .column h1 { color:#4a4a4a; font-size:21px; font-weight:700; margin:0px; margin-bottom:2px; margin-left:19px; padding:0; font-family: 'Droid Sans', sans-serif; line-height: 20px; } .header_teaser .column h1 a, .header_teaser .column h1 a:link { color:#4a4a4a; } /* reformat mainnavigation */ #mainNavigation { float:left; background:none; border-bottom:none; height:42px; margin-top:65px; } #mainNavigation a, #mainNavigation a:hover { border:none; color:#484847; font-size:15px; padding: 2px 6px 0px; border:none; } /* active */ #mainNavigation a.active span { background:#fff; color:#98a33b; border:none; font-weight: 400; } #mainNavigation a.active { background:none; padding-left:5px; } #mainNavigation a:hover span { background:none; color:#000; } #mainNavigation ul li.dropactive:hover a { border:none; } /* reformat navigation dropwodn make it widther */ ul#servicenavi { width: 210px; padding:15px 10px 20px; } /* hide dispatch method on checkout page */ #basket .table .shipping .basket_dispatch { display: none; } /* hide dispatch headline on checkout page */ #basket .cart .shipping h2 { display: none; } /* reformat left sidenavigation */ #content #left .categories li.active a.flag, #content #left .categories li.active.sub a.active, #right_account .adminbox li.active a { background-color: #98a33b; } #compareHighlight.active span, #compareHighlight.active, ul#servicenavi li a:hover, .my_options a.note span.notes_quantity, #compareHighlight span.comparisons, .my_options a:hover span, .my_options a:hover, .my_options .service span:hover, #compareContainerResults a.compare_get_overlay, div.ajax_login_form .lostpassword, #shopnavi .display .basket_right .amount, #shopnavi .ajax_basket_container:hover, #shopnavi .ajax_basket_container.active .ajax_basket, #shopnavi .ajax_basket_container:hover .ajax_basket, #shopnavi .basket a:hover, #mainNavigation a.active:hover span, #content .inner .custom_subnavi li a, #content #left .categories li a:hover, #content #left .categories li.active li.active a.flag, #content #left .categories li .submenu li.active.sub a.active, #content #left .categories li .submenu li .submenu li.active a.flag, #content #left .categories li .submenu li .submenu li.active.sub a.active, #content #left ul#servicenav li a:hover, #content #left ul#servicenav li.active a.active, #content #left ul#servicenav li.active li a:hover, .artbox a.title:hover, .actions_offer .listing_actions a, .actions_offer .listing_actions a:hover, #topbar input:hover, #footer_wrapper .footer_inner #footer a:hover, #footer_wrapper .footer_inner .bottom a, #footer .footer_menu .head, .menu_top .article_overview a, div#searchresults ul.searchresult li.active a h3, #detail #detailinfo #description a:hover, #detail #detailinfo .similar .artbox .inner a:hover, #buybox a, #buybox h5, #buybox .modal_open a:hover, #buybox .shipping_free, #article_notification #sendArticleNotification .text_notice, #detail #detail_menu li a:hover, #detail #detail_menu li a:hover span, #detailbox .detail_comments, #detailbox .detail_comments a, .article_back a, .article_next a, .article_overview a, #content .headingbox_dark, .ajaxSlider .slide_navigation a.active, #content .topseller-slider .article_box:hover a.title, #content .ajaxSlider .article_box .title:hover, .modal .ajaxSlider .article_box .title:hover, #basket .cart .table_row .box .box_cart_info, #basket .cart .shipping h2, .table .table_premium .body .article .name a:hover, #supplierfilter, .notice, #supplierfilter_top a.close:hover, #supplierfilter_top .supplier-desc a, #center .teaser_small h1, #content .orders h1, #content .register h1, #content .downloads h1, #content #ticket h1, #content .cat_text h1, #content .supplier_register h1, #content #right_account h2, #right_account .adminbox li a:hover, #content #left .filter_search .searchbox li a:hover, .fuzzy .category_filter .active a:hover, #content #confirm h2, #content #confirm .payment_method h3, #content #confirm .dispatch-methods h3, #blog .blogbox .blogbox_header h2 a:hover, #blog .blogbox .blogbox_content .blog_tags a, #content .blogdetail .blog_tags a, #content #left .filter_properties .supplier_filter .slideContainer li a:hover, .viewlast .article_description:hover, .ctl_checkout .confirm_accept a:hover, .ctl_checkout .modal .headingbox, .hovered .select-text, .emotion-offers, a:hover, .viewlast li:hover .article_description, .viewlast .article_description:hover { color: #98a33b; } /* reformat breadcumb */ div#breadcrumb a.last { color: #98a33b; } /** reformat shopping world content elements */ .html-text-inner-element .headline { padding: 0px; color:#98a33b; font-weight:600; font-size:16px; margin-bottom:0; } .html-text-inner-element { border:none; } .html-text-inner-element .text { padding: 0px; } body.Category_43 .emotion-inner-element-0-0 .html-text-inner-element { padding-left:20px; } /** format first welcome headline h1 */ body.Category_43 .emotion-inner-element-0-0 .html-text-inner-element .inner h1 { font-size:23px; font-weight:400; color:#4a4b4c; margin-top:30px; } /** format text intro */ body.Category_43 .emotion-inner-element-0-0 .html-text-inner-element .inner p { font-size:16px; font-weight:400; color:#4a4b4c; } /** set intro img in bg */ body.Category_43 .emotion-0 { background-image:url("../images/bg-startseite-intro-bild-06-2019.jpg"); background-repeat:no-repeat; } .emotion-inner-element .text ul, .emotion-inner-element .text ol { margin-bottom:5px; } body.Category_47 .mapping img { border: 1px solid #CCC; } /** reformat list style detail page description **/ #description ul li /* #description ol li */ { list-style:none; float: none; background: url(../images/icons/ico_register-benefit.png) 0px 0px no-repeat; padding-left:25px; } #description ul { margin-left:0; } #detail h1 { line-height: 28px; } /** reformat detail buybox */ #buybox .upprice_config { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #buybox .article_details_bottom { margin:0; border-style: none; border-width: 0px; border-color: none; } /* remove variant headline upper select field */ #buybox .upprice_config strong, #buybox .config_select strong { display: none; } /* reformat checkout confirm */ #confirm .agb_cancelation { height: 109px; } /** reformat footer */ #footer_wrapper { border-top:none; margin-top:10px; background:#e5eae2; } #footer_wrapper .footer_inner #footer { background:none; } #footer .footer_menu { background:none; height:auto; } #footer .footer_menu .footer_column { width: 222px; padding: 0px 15px; } #footer .footer_menu .col1 { padding-left:0; } /** format link style in content area on all pages with parentId9 and custompage_80 */ body.parentId_32 .cat_text a, body.parentId_32 .cat_text a:link, body.parentId_32 .cat_text a:visited, body.parentId_32 .cat_text a:hover, body.parentId_32 .cat_text a:active, body.custompage_80 .grid_13 a, body.custompage_80 .grid_13 a:link, body.custompage_80 .grid_13 a:visited, body.custompage_80 .grid_13 a:hover, body.custompage_80 .grid_13 a:active { text-decoration:underline !important; color:#1db3b8; } /** assign fontfamily for shopsites */ div.ajax_login_form .new_customer p, div.ajax_login_form .existing_customer p, #detail #detailinfo #description p, #content .custom p, #content .cat_text p { font-family: 'Open Sans'; font-size:13px; } /* reduce readonly input on contact for counting max characters */ input#anzeige { width:40px; } /* reformat detail page product headline */ #detailbox h1, .article_details_price { margin-bottom: 15px; } #detailbox h1, h1 { font-weight: 400 !important; font-size: 26px; border-bottom:none; line-height: 32px; margin-top:6px; } /** free service box if member on detailpages */ .membership-free-service-box { padding:10px; border:1px solid #d6d6d6; background:#fffce9; color:#999; margin-bottom:10px; overflow:hidden; } .membership-free-service-box p { margin:0; } .membership-free-service-box a, .membership-free-service-box a:link, .membership-free-service-box a:visited, .membership-free-service-box a:hover, .membership-free-service-box a:active { text-decoration:underline !important; } .modal p:last-of-type { margin-bottom:0; } .feedback-container { overflow: hidden; padding-bottom: 3rem; } .feedback-column { width:18%; margin-right: 2%; float:left; } .feedback-column p { font-size: 13px !important; line-height: 19px !important; } .feedback-column p span { font-style:italic; } /** import font */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: 700; src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v4/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff'); }