/** Shopware 4 Template Styles 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: #dfdfdf Backgrounds: #f5f5f5 Highlights: #e1540f Primary text: #333333 Secondary text: #777777 Separators: #cccccc */ /* GENERAL ------------------------ */ html, a, a:link, a:active, a:hover, a:visted {color: #333;} body { min-width: 1024px } html {font: 12px/1.3em Arial,"Helvetica Neue",Helvetica,sans-serif; 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: #e1540f;background-color: #e1540f; border-color: #e1540f} hr.smallline {background-color:#dfdfdf} /* HEADING BOX ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {color: #e1540f;border-color: #dfdfdf;background-color: #fff; 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: #e1540f} #mainNavigation {background-color: #e1540f;} #mainNavigation a {color:#fff;border-left-color: #e1540f;border-right-color:#eb6600;} #mainNavigation .dropactive:hover a {color: #e1540f;} #mainNavigation a.first {border-left-color: #eb6600;} #mainNavigation a.active {color: #e1540f;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {background-image: none;background-color: #000;border-color: #000;border-bottom-color: #dfdfdf;color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #fff;background-color: transparent;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #e1540f; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #fff;background-color: #e1540f;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #e1540f;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #e1540f;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: #e1540f;} #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; background-color: #f5f5f5;} .ajax_basket_container .ajax_basket, #shopnavi .my_options a {color: #e1540f;} .ajax_basket_result .inner_cart div {background-color: #fff; height: auto;} .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: #fff;color:#000;} .ajax_basket_result .inner_cart div.bundle a {color: #000} .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: #e1540f;} div#breadcrumb a.last {color:#e1540f} div#breadcrumb a.last:hover {color:#e1540f; 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: #e1540f;} #content #left ul li.active li.active li a {color:#797979;} #content #left ul li.active li.active li a.flag {color:#e1540f;} #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: #e1540f;} /* SIDEBAR RIGHT ------------------------ */ #content #right div.heading {border-color: #dfdfdf;} #content #right div.heading h2 {color: #e1540f;} 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: #e1540f;} 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:#e1540f;} 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:#e1540f;} 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: #e1540f;} #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: #e1540f;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: #e1540f; 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:#e1540f;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;} .artbox .actions a.more, #related .listing .artbox .actions a.buynow, .listing_actions .offers:hover {color: #e1540f;} .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 { position: relative } #detail .right { } #detail .article_back, #detail .article_next { float: none; width: 19px; height: 111px; position: absolute; background: url("../images/bt_forward_back.jpg") no-repeat; top: 160px; z-index: 10; } #detail .article_back { left: 0 } #detail .article_back:hover { background-position: 0 bottom } #detail .article_next { right: 0; background-position: -20px 0 } #detail .article_next:hover { background-position: -20px bottom } #detail .article_back a, #detail .article_next a { position: static; display: block; text-indent: -999em; padding: 0; width: 19px; height: 111px; } #detail .article_back a { background: url("../images/icons/ico_listing-prev.png") no-repeat center center } #detail .article_back:hover a { background: url("../images/icons/ico_listing-prev-active.png") no-repeat center center } #detail .article_next a { background: url("../images/icons/ico_listing-next.png") no-repeat center center } #detail .article_next:hover a { background: url("../images/icons/ico_listing-next-active.png") no-repeat center center } #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:#e1540f !important;} .article_overview {color:#9c9c9c} .article_overview a {color:#7a7a7a;} #detail .article_details_price2 strong {color: #990000} #content #detail #detailbox_middle .article_details_price strong {color: #333;} .cloud-zoom-big, #cloud-zoom-big, #thumbs a, .thumb_box a:hover, ul#menu_right {border-color:#dedede} #thumbs a:hover, #thumbs a.active {border-color:#555} .thumb_box a {border-color:#dfdfdf;background-color:#fff; opacity: 0.5 } .thumb_box a:hover, .thumb_box a.active {border-color: #999; opacity: 1} .ctl_detail .thumb_box a.active {border-color: #E1540F; opacity: 1} .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: #e1540f;} #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: #efefef} /* 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:#fff;color:#000;border-color:#dfdfdf;} .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: #e1540f;} 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: #e1540f;} /* change details */ .info div {border-color: #dfdfdf;} .info div .heading, #login div h2 {color: #e1540f;border-color: #dfdfdf; border-color-left: #fff;} #content .inner .check_order {border-color: #dfdfdf;} #content .inner .check_order h2 {color: #e1540f;} #content .inner .check_order strong {color: #333;} /* LOGIN AND REGISTER ------------------------ */ div#right.register h2 {color: #e1540f; 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:#e1540f;} #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: #e1540f;} /* 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: #e1540f;} 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: #e1540f;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;} #content .orders .listing_actions, #content .downloads .listing_actions {width: 760px; padding-left: 10px; padding-right: 10px;} #content .orders .listing_actions .bottom, #content .downloads .listing_actions .bottom {border-top: none;} .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: #e1540f;} #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: #e1540f;} .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: #e1540f;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:#e1540f} .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:#e1540f;} .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:#e1540f;} 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;} #compareHighlight {border-color: #fff;color: #e1540f;} #compareHighlight.active {border-color: #333;border-bottom-color: #dfdfdf;color: #333;} #compareContainerResults {background:#fff; 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: #e1540f;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: #e1540f;} 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: #e1540f;} /* 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} /* TEMPLATE SPECIFIC STYLES ------------------------ */ html {background: url(../images/backgrounds/bg_header_shadow.png) no-repeat center 115px #e9ebed;} input[type="text"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #e1540f;} a.del {background: url(../images/icons/ico_delete.png) no-repeat 0 0;} a.del:hover {background-position: 0 bottom;} a {text-decoration: none !important;} a:hover {color:#e1540f;} #header {background: #fff; border-bottom: 1px solid #D3D3D3; height: 115px; margin-bottom: 30px;} #header .inner {width: 998px; height: 115px;margin: 0 auto;position: relative;} #header #logo {margin: 0;} #header #logo a {background: url(../images/logo.jpg) no-repeat;width: 151px; height: 41px;margin: 40px 0 0;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(../images/icons/ico_listing-next.png) 230px center no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background: url(../images/backgrounds/left_nav_arrow_right_active.png) 235px center no-repeat #333;} #content #left ul li.active li a {background: url(../images/icons/ico_listing-next.png) no-repeat left center !important;} /** FONT **/ 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: 13px/21px Arial,"Helvetica Neue",Helvetica,sans-serif;} #content .custom h1, #content .sitemap h1 {font-size: 21px; font-weight: bold;margin: 15px 0;} #content .supportrequest h1 {font-size: 21px; font-weight: bold; color: #000; margin: 15px 0;} #content .custom .col_center_custom, #content .supportrequest .col_center_custom {padding-left: 10px; padding-right: 190px} #content .supportrequest select {width: 309px;} #content .supportrequest form div.textarea textarea {width: 470px;} /* WRAPPER ------------------------ */ #wrapper {margin: 0 auto;overflow: hidden;text-align: left;width: 1028px; position: relative } #wrapper .footer_inner, #wrapper .wrap_inner {background: url(../images/backgrounds/wrapper_bg.png) repeat-y;} #wrapper .footer_top, #wrapper .wrap_top {background: url(../images/backgrounds/wrapper_sprite.png) no-repeat;height: 4px;} #wrapper .footer_cap, #wrapper .wrap_cap {background: url(../images/backgrounds/wrapper_sprite.png) no-repeat 0 bottom;height: 4px;} .container_20 {padding: 0 11px 11px;width: 998px;border: 0;} .tagcloud {width: auto;} .viewlast .heading {background: url(../images/backgrounds/bg_servicenav.png) repeat-x;height: 28px;line-height: 28px;} a.link {background: url(../images/icons/ico_listing-next.png) no-repeat -3px 1px; padding: 0 0 5px 15px;} a.link:hover {background: url(../images/icons/ico_listing-next-active.png) no-repeat -3px 1px;} /** MODALBOX **/ .modal { border:1px solid #888; /** CSS3 **/ box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666; -moz-box-shadow: 0 0 15px #666; } .modal h2 {letter-spacing: normal;} .modal .error h2 {font-size: 16px; font-weight: bold;color: #8A1F11;} .modal .inner_container h1 {font-size: 21px;font-weight: bold;} .modal .inner_container h2 {font-size: 16px;font-weight: normal; color: #999;} .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: url(../images/icons/ico_modal-close.png) no-repeat;} /* MY OPTIONS ------------------------ */ .my_options { top: 0; left: auto; right: 0; border-color: #d7d7d7; border-style: solid; border-width: 0 1px 1px; height: 25px; padding:0 none; /*CSS3*/ -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 0 2px #dfdfdf; -moz-box-shadow: 0 0 2px #dfdfdf; box-shadow: 0 0 2px #dfdfdf; } .my_options a {padding: 4px 10px 0 0; margin: 0 none; height: 21px;} .my_options a:hover span, .my_options a:hover, .my_options .service span:hover {color: #e1540f !important; text-decoration: none;} .my_options a.note {color: #3e3e3e; font-weight: bold; background: none; padding: 4px 10px 0 10px; border-right: 1px solid #e8e8e8; position:relative;} .my_options a.note span.notes_quantity, #compareHighlight span.comparisons { background: url(../images/notes_quantity_bg.png) no-repeat 0 0; position: absolute; height: 25px; width: 25px; display: block; line-height: 25px; top: 10px; right: 0; text-align: center; color: #e1540f; } .my_options a.account { background: url(../images/icons/ico_myaccount.png) no-repeat 9px 5px; border-right: 1px solid #e8e8e8; color: #3e3e3e; font-weight: bold; padding: 4px 10px 0 30px; position: relative; } .my_options a.account:hover { background: url(../images/icons/ico_myaccount-hover.png) no-repeat 9px 5px; } .my_options .service { background: url(../images/icons/ico_listing-bottom-active.png) no-repeat 85px 5px; position: relative; padding: 4px 15px 0 10px; margin: 0 10px 0 0; height: 21px; float: left; color: #3e3e3e; font-weight: bold; cursor: pointer; display: block; z-index: 10; } ul#servicenavi { background: #fff; border-color: #D7D7D7; border-style: solid; border-width: 1px; display: none; min-width: auto; position: absolute; top: 45px; right: 0; z-index: 20; text-align: left; padding:15px 15px 20px; width: 152px; /** CSS3 **/ box-shadow: 0 2px 3px #d6d6d6; -webkit-box-shadow: 0 2px 3px #d6d6d6; -moz-box-shadow: 0 2px 3px #d6d6d6; } ul#servicenavi .arrow { background: url("../images/arrows/servicenav_arrow.png") no-repeat center bottom; position: absolute; height: 20px; width: 20px; display: block; top: -20px; right: 20px; } ul#servicenavi li {display: block;} ul#servicenavi li a {color: #777;font-weight: normal;display: block;float: none;margin: 0; padding: 0;height: auto;padding: 5px 10px;} ul#servicenavi li a:hover {background: #f0f0f0; text-decoration: none; color: #e1540f;} .my_options .service:hover ul,#compareContainerResults { /** CSS3 **/ box-shadow: 0 2px 3px #d6d6d6; -webkit-box-shadow: 0 2px 3px #d6d6d6; -moz-box-shadow: 0 2px 3px #d6d6d6; } #compareHighlight, #compareHighlight.active { background: #fff; top:0; left: 250px !important; color: #9a9a9a; font-weight: normal; border-color: #d7d7d7; border-style: solid; border-width: 0 1px 1px; height: 17px; padding: 4px 25px 4px 10px; /*CSS3*/ -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 0 2px #dfdfdf; -moz-box-shadow: 0 0 2px #dfdfdf; box-shadow: 0 0 2px #dfdfdf; } #compareHighlight span {color: #3e3e3e; font-weight: bold;} #compareHighlight.active {color: #e1540f;} #compareHighlight.active span {color:#e1540f;} #compareContainerResults {left: 250px; top: 25px; border-color: #d7d7d7;} .compare_desc div.property, .compare_article div.property { height: 35px; } #compareContainerResults { background: #fff; border-color: #D7D7D7; border-style: solid; border-width: 1px; display: none; min-width: auto; position: absolute; top: 40px; left: 170px; z-index: 20; text-align: left; padding:15px 15px 20px; width: 193px; /** CSS3 **/ -webkit-box-shadow: 0 2px 3px #d6d6d6; -moz-box-shadow: 0 2px 3px #d6d6d6; box-shadow: 0 2px 3px #d6d6d6; } #compareContainerResults li {border: 0;} #compareContainerResults li.bt_compare {border-top: 1px solid #dfdfdf;margin-top: 15px;} #compareContainerResults a.compare_get_overlay {background: transparent; padding-left: 0; font-weight: bold; color: #e1540f; padding-top: 15px;} #compareContainerResults a.compare_get_overlay:hover {text-decoration: underline !important;} #compareContainerResults .arrow { background: url("../images/arrows/servicenav_arrow.png") no-repeat right bottom; position: absolute; height: 20px; width: 200px; display: block; top: -29px; right: 20px; } #compareContainerResults a.del_comp {margin: 0; padding: 0; top: 5px;} #compareContainerResults div, #compareContainerResults a { background: transparent; } #compareContainerResults div {padding-left: 0;} .ajax_compare_container .compare_article .article-price2 {font-size: 11px;} .ajax_compare_container .compare_article .article-price2 strong {font-size: 14px; color: #990000;} .ajax_compare_container .compare_article h3 {font-size: 13px; font-weight: bold;} .ajax_compare_container .compare_article a.small_right { padding: 0 30px 0 20px; position: inherit; } .ajax_basket_result { background: #fff; border: 1px solid #dfdfdf; /** CSS3 **/ box-shadow: 0 2px 2px #dfdfdf; -webkit-box-shadow: 0 2px 2px #dfdfdf; -moz-box-shadow: 0 2px 2px #dfdfdf; } .ajax_basket_result .inner_cart div.last {margin-bottom: 1px;} .ajax_basket_result .inner_cart div { padding-left: 0; padding-right: 0; } .ajax_basket_result .inner_cart div {height: 20px;} .ajax_basket_result .inner_cart .thumbnail {height: 20px; margin: 0 5px 0 0;} .ajax_basket_result .inner_cart .thumbnail img {height: 20px;} .ajax_basket_result .inner_cart div span strong {margin-right: 5px;} div.ajax_login_form .lostpassword {color: #e1540f;} /* SHOPNAVIGATION ------------------------ */ #shopnavi { display: block; position: absolute; right: 0; width: auto; top: 45px; } #shopnavi .icon {width: 51px; margin-left: 0;} #shopnavi .icon a {background: url(../images/icons/ico_basket.png) no-repeat; width: 51px; height: 51px;} #shopnavi .display {width: auto; min-width: 170px; height: 25px; line-height: 25px; margin: 0;} #shopnavi .display .basket_left {float: left; margin-right: 10px;} #shopnavi .display .basket_left span {font-size: 13px; color: #4a4a4a; text-transform: uppercase; font-weight: bold;} #shopnavi .display .basket_right {float: left; width: 68px; text-align: right;} #shopnavi .display .basket_right .amount {font-size: 11px; color:#e1540f;} #shopnavi .newbasket {width: auto; margin: 0; top: 0; position: relative;} #shopnavi .ajax_basket_container { background: url(../images/backgrounds/bg_ajax_basket.png) no-repeat 0 0; border: 0; padding: 0; margin: 0; height: 26px; line-height: 20px; width: 164px; font-size: 11px; float: right; position: absolute; top: 25px; right: 60px; } #shopnavi .ajax_basket_container.active {background-position: 0 bottom;} #shopnavi .ajax_basket_container:hover {background-position: 0 -26px;color: #e1540f !important;} #shopnavi .ajax_basket_container.active .ajax_basket, #shopnavi .ajax_basket_container:hover .ajax_basket {color: #e1540f !important;} #shopnavi .ajax_basket_container .ajax_basket {padding: 0 0 0 10px; background: transparent;height: 25px;position: relative;color: #9c9c9c;float: left; width: 154px;} #shopnavi .ajax_basket_container .ajax_basket a {position: absolute; top: 1px; font-size: 13px;} #shopnavi .ajax_basket_container .ajax_basket .display_basket {position: absolute; left: 95px; top: 1px; color: #7f7f7f;} #shopnavi .ajax_basket_container div.ajax_loader {right: -25px; top: 3px;} #shopnavi .basket {margin: 10px 5px 0 0; padding: 0 15px 0 0; height: 31px; line-height: 31px; border-right: 1px solid #dfdfdf;} #shopnavi .basket a {font-size: 13px; color: #8f8f8f; font-weight: bold; text-transform: uppercase;} #shopnavi .display .basket_left span:hover, #shopnavi .basket a:hover {color: #e1540f; text-decoration: none;} #shopnavi .basket, #shopnavi .display, #shopnavi .icon {float: right;} #shopnavi .quantity { background: url(../images/quantity_bg.png) no-repeat 0 0; height: 29px; width: 29px; display: block; line-height: 29px; text-align: center; padding: 0; margin: 0; position: absolute; right: 15px; top: 10px; font-weight: bold; color: #fff; } /* MAIN-NAVIGATION ------------------------ */ #mainNavigation {background: url(../images/backgrounds/mainnavigation_bg.png) repeat-x 0 0 #e1540f; margin: 0 auto; height: 39px; padding: 0 0 0 0; width: 1020px;border-bottom: 1px solid #c30000; line-height: 40px;} #mainNavigation a {padding:2px 5px 0px 5px; height: 37px; cursor: pointer;} #mainNavigation a span {background: transparent;display: block;margin: 0;padding: 0 10px 0px;height: 40px;line-height: 40px;} #mainNavigation a:hover {background: transparent; text-decoration: none;} #mainNavigation a:hover span {background: #000; color: #fff; margin: 0px 0; height: 38px; line-height: 40px;} #mainNavigation a.active {background: url(../images/backgrounds/mainnav_shadow.png) no-repeat -3px 3px transparent; color: #fff; border: 0 none; height: 38px;} #mainNavigation a.active span {background: #fff; color: #000; height: 40px;} #mainNavigation a.active:hover span {background: #fff; color: #e1540f; height: 40px; margin: 0; line-height: 40px;} #mainNavigation ul li.dropactive:hover a {background: transparent; border-style:none solid; border-width: 0 1px; border-color: #e1540f #eb6600 #e1540f #e1540f; } #mainNavigation ul li.dropactive:hover a span {background: #000; height: 38px; color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {height:25px;line-height:25px; padding: 0 20px 0 10px;} #mainNavigation ul li.dropactive a:hover span {height: 39px;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub ul {margin: 0px; border: 0; border-left: 1px solid #333;} #mainNavigation ul li.active.dropactive:hover a {background: url(../images/backgrounds/mainnav_shadow.png) no-repeat -3px 3px transparent; border: 0 none;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {margin-left: 6px;margin-top: 2px;} #mainNavigation li.active:hover ul.dropdown {margin-left: 5px;} /* CENTER ------------------------ */ div#breadcrumb {background: url(../images/backgrounds/bg_breadcrumb.png) repeat-x left bottom; padding: 0;} div#breadcrumb .sep {background: url("../images/backgrounds/left_nav_arrow_right.png") no-repeat scroll 5px center; width: 10px; display: inline-block; text-indent: -9999em;} #center {width: 798px;} #center.home {margin: 0;width: 998px;overflow: hidden;} #center.home .listing {width: 1008px;} #content .finish {width: 998px; margin: 0;} #content .finish .teaser {margin: 0;} #content .finish h2.headingbox {width: 976px;} #content .finish #finished {margin-right: 2px;} #content .finish #finished .orderdetails {width: 956px;} #content .finish #finished .table .grid_6 {width: 310px;} #content .finish #finished .table_row .push_4, #content .finish #finished .table .push_4 {left: 170px;} #content .finish #finished .voucher, #content .finish #finished .rebate {min-height: 70px;} .trustedshops_form {width: 976px;} #center .supplier_slider .ajaxSlider, #center .supplier_slider, #center .slider .ajaxSlider, #center .slider {width: auto;} #content .custom {width: 640px; margin: 0 20px 0 20px;} #content .orders, #content .downloads {margin-left: 0; margin-right: 0; width: 801px;} #content .account {margin-left: 0; width: 801px;} #content .inner .check_order .inner_container {border-color: #dfdfdf;} #content #center.sitemap {margin-top: 0; margin-left: 20px; margin-right: 0; width: 788px;} #content .supportrequest, #content .tellafriend, #content div.inner .change_billing, #content div.inner .change_shipping, #content div.inner .change_payment {width: 801px; margin: 0 0 0 10px;} #content .inner #center.register, #content div.inner .change_billing, #content div.inner .change_shipping, #content div.inner .change_payment {width: 801px; margin: 0 0 0 0 !important;} #content .tellafriend {width: 798px;} #content .tellafriend div.textarea textarea, #content .tellafriend .captcha, #content .tellafriend label {margin-left: 100px;} #content .tellafriend #letterForm fieldset {padding: 20px;} #content .tellafriend .code label {margin-left: 0;} #content .tellafriend .buttons {margin: 30px 185px 20px 100px;} #content .tellafriend #letterForm .required_fields {margin: 30px 0 0 100px; width: auto;} #content .tellafriend #letterForm .button-right {float: right; margin: 0; margin-right: 134px; margin-top: 20px;} #content div.inner .account_forms .supportrequest {margin: 0;} #content div.inner .account_forms .supportrequest h2 {width: 766px;} .supportrequest h2, .supportrequest h1 {width: 766px;} .supportrequest .inner_container {width: 756px;} /** CUSTOM SUBNAVI **/ #content .inner .custom_subnavi { width: 640px; margin: 0 0 10px 20px; float: left; height: 31px; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; display: block; } #content .inner .custom_subnavi ul, #content .inner .custom_subnavi ul li {list-style: none;padding: 0; margin: 0; display: block; float: left;} #content .inner .custom_subnavi li a { background: #f5f5f5; color: #e1540f; float: left; height: 30px; line-height: 30px; padding: 0 20px; border-color: #dfdfdf; border-style: solid solid none; border-width: 1px 1px 0 0; } #content .inner .custom_subnavi li a:hover { background: #fff; } #content .inner .custom_subnavi li a.active { background: #fff; height: 31px; color: #000; } /** LEFT **/ /** LEVEL 0 **/ #content #left .categories li a {background: url(../images/backgrounds/left_nav_arrow_right.png) no-repeat right center; padding-left: 10px;} #content #left .categories li a:hover {color: #e1540f; background: url(../images/icons/ico_listing-next-active.png) no-repeat 157px center #fff; text-decoration: none;} #content #left .categories li.active a.flag {background: url(../images/backgrounds/left_nav_arrow_right_active.png) no-repeat right center #e1540f;border: 1px solid #c30000;color: #fff;} #content #left .categories li.active.sub a.active {background: url(../images/backgrounds/left_nav_arrow_bottom_active.png) no-repeat right center #e1540f;border: 1px solid #c30000;color: #fff;} #content #left .categories li.active {border: 0; width: 179px;} /** LEVEL 1 **/ #content #left .categories li .submenu {background: url(../images/backgrounds/left_nav_submenu_bg.png) repeat-x; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding-top: 5px;} #content #left .categories li .submenu li {border:0; width: 177px;} #content #left .categories li .submenu li a {padding: 3px 0 3px 15px;} #content #left .categories li.active li.active a.flag {background: url(../images/icons/ico_listing-next-active.png) no-repeat left center !important;border: 0; color: #e1540f;} /** LEVEL 2 **/ #content #left .categories li .submenu li .submenu {background: transparent; border: 0; padding: 0;} #content #left .categories li .submenu li.active.sub a.active { background: url(../images/icons/ico_listing-bottom-active.png) no-repeat left center !important; color: #e1540f;border: 0; margin-left: 10px; } /** LEVEL 3 **/ #content #left .categories li .submenu li .submenu li a {padding: 4px 0 4px 15px !important;} #content #left .categories li .submenu li .submenu li .submenu li a {padding: 4px 0 4px 25px !important;} #content #left .categories li .submenu li .submenu li.active a.flag {background: #fff !important;color: #e1540f;} #content #left .categories li .submenu li .submenu li.active.sub a.active {background: #fff !important;color: #e1540f;border: 0; margin: 0 0 0 15px;padding: 4px 0 4px 10px;} #content #left .categories li .submenu li .submenu li .submenu li.active a {background: #fff !important;} #content #left {margin-right: 11px; width: 179px;} #content #left.info {margin-right: 20px;} /* SERVICENAVIGATION ------------------------ */ #content #left ul#servicenav li {border: 0;} #content #left ul#servicenav li a:hover {text-decoration: none; color: #e1540f;} #content #left ul#servicenav li.heading {background: #f5f5f5;height: 28px; line-height: 28px;border-width: 0 0 1px 0; text-transform: none; padding: 0 0 0 10px;} #content #left ul#servicenav li .sub-pages li {margin: 0 0 0 10px;} #content #left ul#servicenav li.active a.active {color: #e1540f;} #content #left ul#servicenav li.active li a {background: transparent !important; margin: 0; color: #999;} #content #left ul#servicenav li.active li a:hover {color: #e1540f;} /* LISTING ------------------------ */ .fuzzy .category_filter {width: 798px;} .fuzzy .result_box {width: 776px;} .fuzzy .listing_actions {width: 766px;} div.listing {width: 808px;} /** ARTICLEBOX **/ .artbox {margin: 0 10px 10px 0;} .artbox .inner {padding: 15px;} .artbox .actions {left: 15px; bottom: 10px;} .artbox .actions a, .listing_actions .offers {margin-bottom: 5px; width: 148px; border: 0 none;} .artbox p.price {margin-top: 20px;} .artbox p.price.both {margin-top: 0px;} .artbox p.pseudoprice {bottom: 94px;} .artbox .artbox_thumb {margin-bottom: 10px; margin-top: 0;} .artbox a.title {margin: 0 0 5px; text-decoration: none;} .artbox a.title:hover {color: #e1540f;} .artbox span.pseudo {font-size: 10px;} .artbox .inner .article_price_unit_pseudo .purchaseunit, .artbox .inner .article_price_unit .purchaseunit {color: #333;} .artbox .inner .article_price_unit .referenceunit {} .artbox .inner .pseudo_percent { background: url(../images/icons/ico_pseudo.png) no-repeat; height: 25px; width: 25px; position: absolute; top: 22px; left: -1px; display: block; text-indent: -9999em; } /** LISTING ACTIONS **/ .listing_actions {height: 70px;} .listing_actions .top {padding: 3px 0 9px;} .listing_actions .bottom {padding: 9px 0 3px;} .listing_actions .offers {width: 190px;background: url(../images/icons/ico_listing-next.png) no-repeat right center #e4e4e4 !important;color: #696969;border-color: #e4e4e4 !important;margin-left: 285px;} .listing_actions .offers:hover {background: url(../images/icons/ico_listing-next.png) no-repeat right center #dad9d9 !important;border-color: #dad9d9 !important;color:#696969;} .listing_actions a.more {background: url(../images/icons/ico_listing-next.png) no-repeat right center #fff;} .listing_actions a.more:hover {background: url(../images/icons/ico_listing-next-active.png) no-repeat right center #fff;} .listing_actions a.prev {background: url(../images/icons/ico_listing-prev.png) no-repeat right center #fff;} .listing_actions a.prev:hover {background: url(../images/icons/ico_listing-prev-active.png) no-repeat right center #fff;} .listing_actions.bottom, .listing_actions.normal {height: auto;} .listing_actions .articleperpage {float: right;} .listing_actions .list-settings {float: left; margin-left: 100px;} .listing_actions .list-settings .table-view, .listing_actions .list-settings .list-view {border: 0; margin-top: 5px;} .listing_actions a.navi, .listing_actions div.more {width: 16px;height: 16px;line-height: 16px;margin-right: 5px;} .listing_actions a.perpage:hover, .listing_actions.bottom a.perpage:hover, .listing_actions.bottom a.navi:hover, .listing_actions a.navi:hover {border-color: #e1540f;font-weight: bold;} .listing_actions .sort-filter {width: 230px;} .listing_actions .articleperpage {width: 175px;} .listing_actions .articleperpage.rightalign {float: right;} /* PAGING */ .listing_actions .paging label {margin: 3px 20px 0 0;} .actions_offer .listing_actions { background: #fff; border: 0; border-top: 1px solid #F7D5C5; padding: 0; } .actions_offer .listing_actions a { margin: 0; background: url("../images/icons/ico_listing-next-active.png") no-repeat scroll -3px 1px !important; padding-left: 15px; width: auto; display: inline-block; color: #e1540f; } .actions_offer .listing_actions a:hover { margin: 0; background: url("../images/icons/ico_listing-next-active.png") no-repeat scroll -3px 1px !important; width: auto; color: #e1540f; text-decoration: underline !important; } #listing .artbox {width: 190px;} #listing .artbox .inner {width: 160px;} #listing .artbox p.desc {margin: 0 0 10px; word-wrap: break-word; } #listing-1col {margin-bottom: 10px;} #listing-1col .artbox {width: 796px;} #listing-1col .artbox .actions {width: 192px;} #listing-1col .artbox .actions, #listing-1col .artbox p.price, #listing-1col .artbox p.pseudoprice, #listing-1col .artbox .unit {left: 589px;} #listing-1col .artbox .article_price_unit, #listing-1col .artbox .article_price_unit_pseudo { position: absolute; bottom: 10px; left: 150px; } #listing-1col .artbox a.title {top: 25px;} #listing-1col .artbox p.price {top: 25px; position: absolute;} #listing-1col .artbox p.pseudoprice {top: 15px; position: absolute;} #listing-1col .artbox .article_price_unit, #listing-1col .artbox .article_price_unit_pseudo {left: 590px; top: 50px;} #listing-1col .artbox p.desc {top: 60px;} #listing-2col .artbox {width: 392px;} #listing-2col .artbox .inner {width:362px;} #listing-2col .artbox .actions {width: 162px; bottom: 10px; right: 15px;} #listing-2col .artbox .article_price_unit, #listing-2col .artbox .article_price_unit_pseudo {bottom: 100px; right: 15px; width: 155px;} #listing-2col .artbox .desc {margin-bottom: 5px;} #listing-2col .artbox .price {margin: 20px 0 0;} #listing-3col .artbox {width: 257px;} #listing-3col .artbox .inner {height: 300px; width: 231px;} #listing-3col .artbox .actions {bottom: 37px; left: 15px; width: 231px;} #listing-3col .artbox p.price {bottom: 65px;} #listing-3col .artbox .artbox_thumb {margin-bottom: 10px;} #listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more, #listing-3col .artbox .buynow {width: 217px;} #listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more {width: 101px;} #listing-3col .artbox a.more {width: 101px; left: 116px;} #listing-3col .artbox p.desc {margin: 0 0 5px;} #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: 182px;} #listing-1col .artbox .actions a.compare_add_article {width: 182px;} #listing-blog .artbox {width: 936px;} #listing-blog .artbox p.desc, #listing-1col .artbox p.desc {width: 370px; left: 150px;} #listing-blog .artbox a.title, #listing-1col .artbox a.title {left: 150px;} #listing-blog .artbox .inner, #listing-1col .artbox .inner {width: 766px;} #listing-blog .artbox .inner {width: 906px;} #listing-blog .artbox .actions {left: auto; right: 15px; width: 158px;} #listing-blog .artbox p.price, #listing-blog .artbox p.pseudoprice {position: absolute; left: 765px; top: 5px;} .artbox p.price, .artbox p.pseudoprice {position: static;} /* NEWSLETTER, TELL A FRIEND ------------------------ */ /* ICONS LISTING (NEW, DOWNLOAD, HIGHLIGHT) ------------------------ */ div.ico_new, div.ico_tipp, div.ico_esd {background: url(../images/sprite_listing_2.png) no-repeat 0 0; text-indent: -9999em; z-index: 210; position: absolute; } /* NEW */ div.ico_new { top: 20px; left: -1px; width: 28px; height: 52px; } /* DOWNLOAD */ div.ico_esd, #listing-3col .artbox div.ico_esd { height: 25px; width: 113px; background-position: 0 -136px; right: auto; left: 40px; top: -1px; } /* HIGHLIGHT */ div.ico_tipp { height: 84px; width: 84px; background-position: 0 -52px; right: -1px; top: -1px; } #listing-blog .artbox div.ico_tipp, #listing-1col .artbox div.ico_tipp {right: -1px;} /* LISTING START ------------------------ */ #center.home #listing-3col .artbox {width: 240px;} #center.home #listing-3col .artbox .inner {width: 210px;} #center.home #listing-3col .artbox a.compare_add_article, #center.home #listing-3col .artbox a.more, #center.home #listing-3col .artbox .buynow {width: 198px;} #center.home #listing-3col .artbox a.compare_add_article, #center.home #listing-3col .artbox a.more {width: 91px;} #center.home #listing-3col .artbox a.more {left: 107px;} .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/icons/ico_listing-next.png) no-repeat right center #efefef;border-color: #efefef; text-decoration: none;} .artbox .actions a:hover, .listing_actions .offers:hover, div#notes .table_row .action a:hover, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover, div#notes .table_row .action a.basket:hover { background-color: #dfdfdf; border-color: #dfdfdf; color: #333; } .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 { background: url("../images/buttons/button_right-small.png") repeat-x scroll right top transparent; border: 0 none; color: #fff; text-shadow: 0 1px 1px #c30000; } .artbox .actions a.more:hover, div#notes .table_row .action a.basket:hover { background-position: right bottom; } .artbox .actions a.more:hover, div#notes .table_row .action a.basket:hover {background-color: #d82e00 ;border-color: #d82e00;color: #fff;} /* TOPBAR ------------------------ */ #topbar {position: relative;height: 25px;float: left;border-left: 1px solid #e8e8e8;padding: 0;} #topbar .currency { border: 0; padding: 0; margin: 0 4px;} #topbar input {margin: 4px 0 0; border: 0 none;} #topbar input:hover {border: 0 none; color: #e1540f;} #topbar input.active {color: #000;} #topbar .flag { background: url(../images/icons/ico-flags.png) no-repeat 0 0; margin: 6px 5px 0 0; height: 11px; width: 14px; display: block; } #topbar select.lang_select {margin: 4px 0 0 0;} #topbar .topbar_currency, #topbar .topbar_lang {float: left;height: 25px; padding: 0 10px;} #topbar .topbar_lang {border-left: 1px solid #e8e8e8;} #topbar .topbar_lang .outer-select, #topbar .topbar_lang .outer-select .inner-select { padding: 0 !important; margin: 0 !important; border: 0 !important; } #topbar .topbar_lang .outer-select { margin: 5px 0 0 4px !important; width: auto !important; } #topbar .topbar_lang .outer-select select { height: 12px; margin: 0; width: auto !important; } #topbar .topbar_lang .outer-select .select-text { padding-right: 20px; } #topbar .topbar_lang .de_DE {background-position: 0 0;} #topbar .topbar_lang .en_GB {background-position: 0 -11px;} /* FOOTER ------------------------ */ #footer_wrapper { background: #fff; width: 100%; display: inline-block; margin-top: 50px; border-top: 1px solid #dfdfdf; } #footer_wrapper .footer_inner { width: 100%; min-height: 270px; margin: 0 auto; } #footer_wrapper .footer_inner #footer {background: url(../images/backgrounds/bg_footer.png) no-repeat center bottom; width: 100%; margin: 40px auto 0;} #footer_wrapper .footer_inner #footer a {text-decoration: none;} #footer_wrapper .footer_inner #footer a:hover {color: #e1540f;} #footer_wrapper .footer_inner .bottom {width: 1000px; margin: 20px auto 0; text-align: center;} #footer_wrapper .footer_inner .bottom a {color: #e1540f;} #footer_wrapper .footer_inner .footer_copyright span {font-size: 11px; color: #999;} #footer_wrapper .footer_inner .bottom p, #footer_wrapper .footer_inner .bottom .border {color: #888; margin-bottom: 10px;} #footer .bottom, #footer .footer_menu {background: transparent;} #footer .bottom {height: auto;} #footer .footer_menu { background: url(../images/backgrounds/bg_footer_menu.png) repeat-y 0 0; height: 205px; width: 1000px; border: 0; overflow: hidden; text-align: left; margin: 30px auto; padding: 0; } #footer .footer_menu .footer_column { float: left; width: 170px; min-height: 150px; border-right: 1px solid #dfdfdf; padding: 0 30px; } #footer .footer_menu .col4 {width: 247px;} #footer .footer_menu .last {border-right: 0;} #footer .footer_menu .footer_column form input { background: url(../images/backgrounds/bg_newsletter.png) no-repeat 0 0 #fff; width: 200px; height: 14px; border-color: #CDCDCD; float: left; margin: 20px 0 0; padding: 5px 5px; font-size: 11px; color: #777; } #footer .footer_menu .footer_column form input.submit { background: url(../images/arrows/bg_arrow_newsletter.gif) no-repeat 0 0; cursor: pointer; text-indent: -9999em; display: block; float: left; height: 26px; width: 24px; border: 0; font-size: 0; line-height: 0; } #footer .footer_menu .head { color: #e1540f; font-weight: bold; font-size: 14px; margin-bottom: 10px; display: block; } #footer .footer_menu p {color: #777; font-size: 11px;} #footer .footer_menu p .phone {font-size: 20px;} #footer .footer_menu .footer_column ul li a { font-size: 12px; display: block; margin-bottom: 3px; } .shopware_footer {text-align: center;} /* SEARCH ------------------------ */ div#searchcontainer {width: auto; height: auto;margin: 0; padding: 0; background: transparent; position: absolute; left: 250px; top: 55px;} div#searchcontainer .inner_searchcontainer {margin: 0; width: 270px; height: 27px;} div#searchcontainer .inner_searchcontainer form#searchform input#searchfield { background: url(../images/backgrounds/bg_searchfield.png) repeat-x 0 0 #fafafa; border-color: #cdcdcd; border-right: none; color: #999; margin: 0; padding: 5px 43px 5px 10px; height: 15px; width: 215px; font-size: 12px; /** CSS3 **/ -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } div#searchcontainer .inner_searchcontainer form#searchform.active input#searchfield { border-color: #e1540f; color: #000; /** CSS3 **/ -webkit-box-shadow: 0 0 4px #fad1bc; -moz-box-shadow: 0 0 4px #fad1bc; box-shadow: 0 0 4px #fad1bc; } div#searchcontainer .inner_searchcontainer #submit_search_btn { background: url(../images/arrows/bg_arrow_search.gif) no-repeat; height: 27px; width: 33px; cursor: pointer; border: 0; text-indent: -9999em; display: block; position: absolute; right: 0; border-radius: 0; font-size: 0; line-height: 0; } div#searchcontainer .inner_searchcontainer form.active #submit_search_btn {background-position: 0 bottom;} div#searchcontainer .inner_searchcontainer .ajax_loader {top: 7px; left: 215px;} .menu_top {background: transparent; clear: both;display: block;float: none;height: 48px; width: 998px !important;line-height: 42px;margin: 0;padding: 0 0;position: relative;} .menu_top .article_overview { background: url("../images/icons/ico_listing-prev.png") no-repeat 0 center; padding: 0 5px 0 15px; margin: 0 35px 0 0; left: 0; top: 5px; height: 36px; line-height: 36px; width: auto; } .menu_top .article_overview:hover { background: url(../images/icons/ico_listing-prev-active.png) no-repeat 0 center; } .menu_top .article_overview a {color: #e1540f !important;} .menu_top .article_overview a:hover {text-decoration: underline !important;} .menu_top .article_overview span {margin-left: 5px;} .menu_top .article_navi {margin: 0; width: 968px; height: 40px; padding: 0 15px;} /** SEARCHRESULTS **/ div#searchresults .searchresult_top, div#searchresults .searchresult_cap {background: url(../images/backgrounds/searchresult_sprite.png) no-repeat;height: 14px; width: 518px;display: block;clear: both;text-indent: -9999em;} div#searchresults .searchresult_cap {height: 9px; background-position: 0 bottom;} div#searchresults {background: transparent;border: none;top: -90px; left: 140px;padding: 0 0 40px;width: 518px;} div#searchresults .searchresult_inner {background: url(../images/backgrounds/searchresult_bg.png) repeat-y;padding: 5px 14px 40px;clear: both; position: relative;} div#searchresults ul.searchresult {border: 0 none;} div#searchresults ul.searchresult li.active {background: #f5f5f5;} div#searchresults ul.searchresult li.active a h3 {color: #e1540f;} div#searchresults li.searchresult {background: #fff;overflow: hidden;padding: 0;} div#searchresults li.searchresult .searchthumb {width: 96px;background: transparent;float: left;height: 57px;text-align: center; margin: 10px 0;} div#searchresults li.searchresult .searchinner {float: left;height: 57px; width: 364px;padding: 10px 5px;} div#searchresults li.searchresult .searchinner a h3 {color: #000;} div#searchresults a.resultall {margin: 0 14px; width: 490px;} /* ARTICLE DETAILS ------------------------ */ .ctl_detail #content {margin: 0;} .ctl_detail #content .inner {width: 998px;} #detail h1 {font-size: 26px;} #content .inner {width: 1008px;} #content #detail {padding: 50px; margin: 0; width: 898px;} #content #notes .cat_text, #content .account .cat_text, #content .register .supplier_register, #content .cat_text, #content .register .supplier_register {background: transparent; padding: 0; margin: 0 0 20px;} #detail #detailinfo {background: transparent;padding-left: 0;} #detail #detailbox #img {width: 273px;margin-right: 25px; float: left;} #detail #detailbox #img .wrapper {margin: 0;} #detail #detailbox #detailbox_middle {margin: 0 50px 0 0;width: 200px;} #detail #detailinfo #tabs {width: 898px; padding: 20px 0 0; margin: 0 0 0px;} #detail #detailinfo .inner_tabs {width: 896px;} #detail #detailinfo #description {line-height: 19px;} #detail #detailinfo #description a, #detail #detailinfo #description a:hover {color: #e1540f !important;} #detail #detailinfo #description a.link:hover {text-decoration: underline !important; } #detail #detailinfo #facebook h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px;} #detail #detailinfo .similar .artbox p.price {margin-top: 10px;} #detail #detailinfo .similar .artbox p.price .pseudo_price {color: #990000;} #detail #detailinfo .similar .artbox .inner {display: inline-block; padding: 5px;} #detail #detailinfo .similar .artbox .inner a:hover strong, #detail #detailinfo .similar .artbox .inner a:hover {color: #e1540f !important;} #detail .article_details_price2 { background: url(../images/icons/ico_pseudo.png) no-repeat 0 center; padding-left: 35px; height: 50px; display: block; } #detail .article_details_price2 em {display: inline;} #detail #detailinfo .description_properties { display: inline-block; margin-bottom: 25px !important; width: 100%; } #detail #detailinfo .description_properties, #detail #detailinfo .description_properties li { margin: 0; list-style: none; } #detail #detailinfo .description_properties li { border-bottom: 1px dashed #dfdfdf; padding: 10px 0; float: left; width: 100%; } #detail #detailinfo .description_properties li .property_name { display: block; float: left; width: 20%; font-weight: bold; color: #000; } #detail #detailinfo .description_properties li .property_value { display: block; float: left; width: 80%; color: #999; } #detail #detailinfo #comments .author {margin-top: 5px;} #detail #detailinfo #comments .author, #detail #detailinfo #comments h3 {font-size: 13px;} #detail #detailinfo #comments .comment_block {padding: 15px 0;} #detail #detailinfo #comments .answer {margin-bottom: 10px !important;} #detail #detailinfo #comments .right_container {width: 420px;} #detail #detailinfo .ui-tabs-panel .date {font-size: 11px;font-weight: normal;} #left .left_categories_shadow, #detail #detailinfo .detailinfo_shadow {width: 898px; height: 3px; background: url(../images/backgrounds/detailinfo_shadow.png) no-repeat 0 0; margin-top: -1px; margin-bottom: 20px;} #left .left_categories_shadow {width: 179px; margin-top: 0px; border-top: 1px solid #d3d3d3;} #buybox {margin-right: 0; width: 300px; color: #999;} #buybox a {color: #e1540f !important;} #buybox a:hover {text-decoration: underline !important;} #buybox h5 {margin-bottom: 0; padding-bottom: 5px; border-bottom: 1px solid #f7d5c5; color: #e1540f;} #buybox .delivery_container {margin-top: 10px; overflow: hidden;} #buybox .delivery_container span {float: inherit; display: inherit;} #buybox .delivery_container p {display: inline-block; margin: 0;} #buybox .delivery_container p span {width: auto;} #buybox .article_details_bottom {margin: 15px 0 0; padding: 10px 0 5px; border-style: solid none none; border-width: 1px 0 0; border-color: #f7d5c5;} #buybox .modal_open a:hover {color: #e1540f !important;} #buybox .shipping_free { background: url(../images/icons/ico_shipping.png) no-repeat 0 center; display: block; float: left; width: 300px; padding-left: 30px; margin: 5px 0 !important; color: #E1540F; } /* ARTICLE NOTIFICATION */ #buybox #article_notification { border-bottom: 1px solid #f7d5c5; margin-bottom: 15px; padding-bottom: 15px; } #article_notification .notice, #article_notification #sendArticleNotification { width: 278px; padding: 10px; } #article_notification #sendArticleNotification .text {width: 266px;} #article_notification #sendArticleNotification .text_notice { text-align: center; margin: 10px 0 15px 0; color: #e1540f; } #buybox p.supplier, #buybox p {margin: 0 0 5px 0;} #buybox p.supplier span, #buybox p span {width: 90px; display: block; float: left;} #buybox select.variant, #buybox #configForm select {width: 287px; } #buybox .article_details_bottom .article_details_price {margin-bottom: 5px;color: #000;} #buybox .article_details_bottom p {margin-bottom: 10px;} #buybox .article_details_top .supplier span, #buybox .article_details_top .detaildata span {width: 80px;display: block;float: left;} #buybox label {width: 140px;} #buybox table {border: 0 none;} #buybox table thead {background: #fff;} #buybox table thead tr th {background: #fff; text-align: center; line-height: 13px; padding: 20px 0 10px 0;} #buybox table thead td {padding: 0;} #buybox table thead td strong {color: #999;} #buybox table td {padding: 5px 0;} #buybox table td strong {color: #000;} #buybox .table-configurator {margin: 0 0 10px 0;width: 300px;} #buybox .table-configurator tbody td {text-align: center; color: #000; font-weight: bold; padding: 5px;} #buybox .table-configurator tbody td span {color: #999; font-weight: normal;} #buybox .table-configurator tbody td input { display: block; margin: 5px 0; padding: 0; width: 100%; } #buybox .table-configurator tbody td span {display: block; margin-top: 5px;} #buybox .detail_blockprices {margin: 0 0 15px; padding: 15px 0 5px; border-bottom: 1px solid #f7d5c5;} #buybox .upprice_config { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f7d5c5; } /** BUYBOX **/ #buybox #detailCartButton {border-top: 1px solid #f7d5c5;padding-top: 20px;} #buybox #detailCartButton .transparent { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } /* BUYBOX SELECT */ #buybox .config_select select, #buybox .upprice_config select, #buybox select {width: 287px;} #buybox #detailCartButton #sQuantity {width: 147px;} #buybox #detailCartButton .space {display: none;} div#article_details div.article_details_bottom {margin: 25px 0 0;} #detailbox h1, .article_details_price {margin-bottom: 25px; width: 550px;} #detailbox h1 {line-height: 26px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;} .article_details_price {font-size: 21px;} #detail #detailinfo #description, #detail #detailinfo .ui-tabs-panel {padding: 30px; width: 560px;} #detail #detailinfo .similar {padding-left: 25px; padding-right: 25px; width: 225px;} #detail #detailinfo .similar .title_price {width: 156px;} #detail #detailinfo #comments form {padding: 50px;} #detail #detail_menu li {width: 233px;} #detail #detail_menu li, #detail #detail_menu li.lastrow {border: 0 none;padding: 0;} #detail #detail_menu li a {background: url(../images/icons/ico_listing-next.png) no-repeat -5px center; margin: 0;padding: 7px 0 7px 15px; ;font-size: 11px;text-decoration: none;} #detail #detail_menu li a:hover {background: url(../images/icons/ico_listing-next-active.png) no-repeat 0 center;} #detail #detail_menu li a:hover, #detail #detail_menu li a:hover span {color: #e1540f !important;} /** COMMENTS **/ #detailbox .detail_comments {margin-bottom: 40px; width: 140px; height: 18px; line-height: 18px;color: #e1540f; display: block;} #detailbox .detail_comments a {color: #e1540f !important} #detailinfo #comments .notice { border: 0; background: url(../images/icons/ico_comment_notice.png) no-repeat 0 11px; padding: 10px 0 0 25px; height: 20px; line-height: 20px; border-top: 1px solid #F7D5C5; font-weight: normal; text-align: left; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; } .article_back a {background: url(../images/icons/ico_listing-prev-active.png) no-repeat 0 center; color: #e1540f;} .article_next a {background: url(../images/icons/ico_listing-next-active.png) no-repeat right center; color: #e1540f;} .article_overview a {color: #e1540f;} /** RELATED **/ #related .container, #related .container .listing {width: 560px;} #related .artbox {width: 170px;} #related .artbox .inner {width: 140px;} #related .artbox .actions a {width: 128px;} #related .artbox .actions .more {color: #fff !important;} /** THUMBS **/ .ctl_detail .thumb_box a:hover, .ctl_detail .thumb_box a {border: 1px solid #dfdfdf;padding: 5px;height: 49px; width: 49px;margin: 0 10px 10px 0; /* CSS3 */ -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .ctl_detail .thumb_box a:hover {border: 1px solid #e1540f;} .ctl_detail .thumb_box a.active {border-color: #E1540F ; opacity: 1} /** TABS **/ .ui-tabs .ui-tabs-nav li {height: 39px; border: 1px solid #dfdfdf;} .ui-tabs .ui-tabs-nav li a {padding: 13px 30px; font-size: 12px;} .ui-tabs .ui-tabs-nav li.first {border-right: 1px solid #dfdfdf !important; border-left: 1px solid #dfdfdf !important;} .ui-tabs .ui-tabs-nav li.ui-state-default {background: url(../images/backgrounds/bg_tabs-inactive.png) repeat-x 0 bottom;margin-right: 0; border-color: #dfdfdf; margin-bottom: -1px; padding-bottom: 1px; border-bottom: 1px solid #b6bcc1 !important; margin-right: 10px;} .ui-tabs .ui-tabs-nav li.ui-state-default:hover {background: url(../images/backgrounds/bg_tabs-hover.png) repeat-x 0 bottom;} .ui-tabs .ui-tabs-nav li.ui-state-default a {color: #666 !important; text-shadow: 1px 1px #fff;} .ui-tabs .ui-tabs-nav li.ui-state-active {background: #fff !important; border-bottom-color: #fff !important;} .ui-tabs .ui-tabs-nav li.ui-state-active a {color: #000 !important; font-weight: bold;} .ui-tabs .ui-tabs-nav li.tab_shadow {background: url(../images/backgrounds/bg_tabs-shadow.png) no-repeat;border-color: #fff;border-left: 0;} /** SIMILAR **/ #detail #detailinfo .similar h3 {margin: 30px 0 10px 5px;} #buybox .accessory_container .accessory_group {width: 238px;} /** VIEWLAST **/ .viewlast .article_image, #detail #detailinfo .similar .artbox .artbox_thumb { border-radius: 0; box-shadow: none; border-color: #dfdfdf; text-indent: -9999em; } .viewlast .article_image:hover, #detail #detailinfo .similar .artbox .artbox_thumb:hover {border-color: #e1540f;} /* DELIVERY STATUS SPRITE ------------------------ */ .status0 , .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 {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 */ div#article_details .delivery_container {height: 15px; line-height: 15px;} div#article_details .delivery_container p {color: #999;} /* BUTTONS ------------------------ */ #basketButton, .button_tablefoot, #registerbutton { background: url("../images/buttons/bg_basketbutton.png") repeat-x right 0;border-radius: 0; /** CSS3 **/ box-shadow: 1px 1px 4px #adadad; -moz-box-shadow: 1px 1px 4px #adadad; -webkit-box-shadow: 1px 1px 4px #adadad; } #basketButton:hover, .button_tablefoot:hover, #registerbutton:hover {background-position: right bottom;} #buybox #basketButton { background: url("../images/buttons/bg_basketbutton.png") repeat-x right 0;border-radius: 0;padding-right: 25px;font-size: 16px;text-shadow: 0 1px 1px #C30000; width: 300px; margin-top: 0; /** CSS3 **/ box-shadow: 1px 1px 4px #adadad; -moz-box-shadow: 1px 1px 4px #adadad; -webkit-box-shadow: 1px 1px 4px #adadad; } #buybox #basketButton:hover {background-position: right bottom;} .button-left, .button-middle, .button-right { border-radius: 0; /** CSS3 **/ box-shadow: 1px 1px 4px #adadad; -moz-box-shadow: 1px 1px 4px #adadad; -webkit-box-shadow: 1px 1px 4px #adadad; } .button-left:hover, .button-middle:hover, .button-right:hover {text-decoration: none;} .button-left, .button-middle { /** CSS3 **/ box-shadow: 1px 1px 4px #d8d8d8; -moz-box-shadow: 1px 1px 4px #d8d8d8; -webkit-box-shadow: 1px 1px 4px #d8d8d8; } .button-right {background: url(../images/buttons/button_right-large.png) repeat-x right top;} .button-right:hover {background-position: right bottom;} .button-left {background: url(../images/buttons/button_left-large.png) repeat-x left top;} .button-left:hover {background-position: left bottom;} .button-middle {background: url("../images/buttons/button_middle-large.png") repeat-x right 0;} .button-middle:hover {background-position: right bottom;} .small_right {background: url(../images/buttons/button_right-small.png) no-repeat right top;} .small_left {background: url(../images/buttons/button_left-small.png) repeat-x left top;} .small_green {background: url(../images/buttons/button_green-small.png) repeat-x right center !important} div.table_foot input.button_tablefoot {background: url(../images/buttons/button_tablefoot.png) no-repeat right top !important;} #supplierfilter a.button-right {margin-top: 10px;} .small {background: url(../../../../_default/frontend/_resources/images/buttons/button_middle-small.png) repeat-x center center;} /* EMOTIONS ------------------------ */ .emotion-listing { position: relative } .emotion-element { position: absolute } .emotion-inner-element {margin: 0 10px 10px 0;} .emotion-spacer { position: relative; width: 0; z-index: -1 } /** HTML ELEMENT */ .html-text-inner-element {border: 1px solid #dfdfdf; height: 100%;} .html-text-inner-element .inner {height: 100%; width: 100% !important;} .html-text-inner-element .headline {padding: 20px 20px 0;} .html-text-inner-element .text {padding:0 20px 20px;} .emotion-inner-element .headline {margin: 0 0 15px;color: #000; font-weight: bold; font-size: 21px;} .emotion-inner-element .text {font-size: 13px;line-height: 21px;color: #777;} .emotion-inner-element .text ul li, .emotion-inner-element .text ol li { list-style: disc; margin: 0 0 0 15px; } .emotion-inner-element .text ol li { list-style: decimal } .emotion-inner-element .text a { color: #e1540f } .emotion-inner-element .text a:hover { text-decoration: underline !important } /** BANNER ELEMENT **/ .banner-element {overflow: hidden;} /** BANNER SLIDER ELEMENT */ .banner-slider-emotion { overflow: hidden } /** ARTICLE */ .emotion-inner-element .artbox { margin: 0; float: none; height: 100%; width: 100%; border: 0 none; border: 1px solid #dfdfdf; /** Includes the border into the width and doesn't add them to the width of the element **/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .emotion-inner-element .artbox * {float: none !important;} /** ARTICLEBOX **/ .article-element .artbox .inner {width: 87% !important;height: 100% !important;} .article-element .artbox p.desc {font-size: 12px; line-height: 16px;} .article-element .artbox .inner .actions {bottom: 10px;left: auto; right: 10px; width: 20px;} .article-element .artbox .inner .actions:hover {width: 80px; right: 20px;} .article-element .artbox .inner .actions .more {width: 80px; text-indent: -9999em; width: 10px; margin: 0;} .article-element .artbox .inner .actions .more:hover {text-indent: inherit; width: 80px; text-decoration: none;} .article-element .artbox .inner .artbox_thumb {margin: 15px 0; height: 140px;} .article-element .artbox .inner .title {font-size: 16px; margin: 0 0 10px;} .article-element .artbox .inner span.price {font-size: 16px;} .article-element .artbox p.price, .article-element .artbox p.pseudoprice {bottom: 2px;left: 16px; position: absolute;} .article-element .artbox p.pseudoprice {background: url(../images/icons/ico_pseudo.png) no-repeat 0 center;left: -1px; bottom: 13px;padding-left: 33px;} .article-element .artbox p.pseudoprice span.pseudo {font-size: 10px;} .article-element .artbox p.pseudoprice span.price {font-size: 14px;} .emotion-element .artbox .article_price_unit_pseudo, .emotion-element .artbox .article_price_unit {position: absolute;top: 295px;} /** EMOTION LISTING 4 COL **/ /* COL 2 */ .emotion-col4 .col2 .artbox .inner .artbox_thumb {height: 255px; margin: 0 0 15px;} .emotion-col4 .col2 .artbox .article_price_unit_pseudo, .emotion-col4 .col2 .artbox .article_price_unit {position: absolute;top: 300px;} /* COL 3 */ .emotion-col4 .col3 .artbox .inner .artbox_thumb {height: 298px; width: 285px;} .emotion-col4 .col3 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 240px;} .emotion-col4 .col3 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 240px;} .emotion-col4 .col3 .artbox .article_price_unit_pseudo, .emotion-col4 .col3 .artbox .article_price_unit, .emotion-col4 .col3 .artbox p.price, .emotion-col4 .col3 .artbox p.pseudoprice {left: 320px;} .emotion-col4 .col3 .artbox .article_price_unit_pseudo, .emotion-col4 .col3 .artbox .article_price_unit {position: absolute;top: 270px; left: 320px;} /* COL 4 */ .emotion-col4 .col4 .artbox .inner .artbox_thumb {height: 298px; width: 285px;} .emotion-col4 .col4 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 440px;} .emotion-col4 .col4 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 440px;} .emotion-col4 .col4 .artbox .article_price_unit_pseudo, .emotion-col4 .col4 .artbox .article_price_unit, .emotion-col4 .col4 .artbox p.price, .emotion-col4 .col4 .artbox p.pseudoprice {left: 320px;} .emotion-col4 .col4 .artbox .article_price_unit_pseudo, .emotion-col4 .col4 .artbox .article_price_unit {position: absolute;top: 270px; left: 320px;} /** EMOTION LISTING 3 COL **/ /* COL 3 */ .emotion-col3 .col3 .artbox .inner .artbox_thumb {height: 298px; width: 285px;} .emotion-col3 .col3 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 440px;} .emotion-col3 .col3 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 440px;} .emotion-col3 .col3 .artbox .article_price_unit_pseudo, .emotion-col3 .col3 .artbox .article_price_unit, .emotion-col3 .col3 .artbox p.price, .emotion-col3 .col3 .artbox p.pseudoprice {left: 320px;} /* COL 2 */ .emotion-col3 .col2 .artbox .inner .artbox_thumb {height: 298px; width: 285px;} .emotion-col3 .col2 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 175px;} .emotion-col3 .col2 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 175px;} .emotion-col3 .col2 .artbox .article_price_unit_pseudo, .emotion-col3 .col2 .artbox .article_price_unit, .emotion-col3 .col2 .artbox p.price, .emotion-col3 .col2 .artbox p.pseudoprice {left: 320px;} /** ARTICLEBOX INDEX **/ .ctl_index .article-element .artbox .inner {width: 88% !important;} .ctl_index .col2 .article-element .artbox .inner {width: 94% !important;} .ctl_index .col3 .article-element .artbox .inner {width: 96% !important;} .ctl_index .col4 .article-element .artbox .inner {width: 97% !important;} /* COL 3 */ .ctl_index .emotion-col4 .col3 .artbox .inner .title, .ctl_index .emotion-col4 .col3 .artbox .inner .desc {left: 340px; width: 370px;} .ctl_index .emotion-col4 .col3 .artbox p.price, .ctl_index .emotion-col4 .col3 .artbox p.pseudoprice, .ctl_index .emotion-col4 .col3 .artbox .article_price_unit_pseudo, .ctl_index .emotion-col4 .col3 .artbox .article_price_unit {left: 340px;} /* COL 4 */ .ctl_index .emotion-col4 .col4 .artbox .inner .title, .ctl_index .emotion-col4 .col4 .artbox .inner .desc {left: 340px; width: 620px;} .ctl_index .emotion-col4 .col4 .artbox p.price, .ctl_index .emotion-col4 .col4 .artbox p.pseudoprice, .ctl_index .emotion-col4 .col4 .artbox .article_price_unit_pseudo, .ctl_index .emotion-col4 .col4 .artbox .article_price_unit {left: 340px;} /* COL 3 */ .ctl_index .emotion-col3 .col3 .artbox .inner .title, .ctl_index .emotion-col3 .col3 .artbox .inner .desc {width: 636px;} /* COL 2 */ .ctl_index .emotion-col3 .col2 .artbox .inner .title, .ctl_index .emotion-col3 .col2 .artbox .inner .desc {width: 310px;} /* category teaser */ .emotion-listing .teaser_box { border: 1px solid #dfdfdf; height: 99%; position: relative; } .emotion-listing .teaser_box .teaser_img { height: 100%; } .emotion-listing .teaser_box .teaser_headline { height: 35px; margin: 0; width: 100%; background: url(../images/backgrounds/bg_trans_black.png) repeat 0 0; position: absolute; bottom: 0; } .emotion-listing .teaser_box .teaser_headline h3 { color: #fff; line-height: 35px; padding-left: 10px; } /* blog articles */ .emotion-listing .blog-outer-container { border: 1px solid #dfdfdf; overflow: hidden; height: 100%; } .emotion-listing .blog-inner-container {overflow: hidden;} .emotion-listing .blog-outer-container .blog-entry {float: left;} .emotion-listing .blog-outer-container .blog-entry-inner {padding: 10px;} .emotion-listing .blog-outer-container .blog-entry-inner .blog_img { background: #f5f5f5; height: 70px; margin-bottom: 10px; display: block; overflow: hidden; text-align: center; line-height: 70px; } .emotion-listing .blog-outer-container .blog-entry-inner .blog_img a {height: 70px; width: 100%; display: block;} .emotion-listing .blog-outer-container .blog-entry-inner h2 { font-size: 12px; margin: 0 0 5px 0; padding: 0; font-weight: bold; color: #000; } .emotion-listing .blog-outer-container .blog-entry-inner p { color:#777; margin: 0; font-size: 11px; } /* HEADLINES ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark { background: #f5f5f5; border-bottom: 1px solid #dfdfdf; padding: 0 15px; height: 35px; line-height: 35px; color: #333; font-size: 12px; } div.blog_navi .headingbox, #right h2.headingbox_nobg, #right h2.headingbox { border-right: 1px solid #dfdfdf; } div.supplier, div.blogFilter, div.blogInteract { border-width: 0 1px 1px; border-style: none solid solid; } #content #left.basket h2 {height: 35px;padding: 0 10px;} #content .headingbox_dark, #content .tellafriend .register h2.headingbox_dark, #content .register h2.headingbox_dark {background: #fff; border-bottom: 1px solid #dfdfdf;} #content .headingbox_dark {color: #e1540f;} #content .register h2.headingbox_dark {margin-bottom: 20px !important; } #content .tellafriend .register h2.headingbox_dark {margin-bottom: 0 !important;} /* SLIDER ------------------------ */ .ajaxSlider .slide_numbers {height: 35px; top: 0; line-height: 35px; right: 20px;} .ajaxSlider .slide_navigation a {color: #666;} .ajaxSlider .slide_navigation a:hover {color: #000;} .ajaxSlider .slide_navigation a.active {color: #e1540f;} #detailinfo .slider2, #detailinfo .slider {width: 898px;} #detailinfo .slider2 .ajaxSlider, #detailinfo .slider .ajaxSlider {width: 896px;} #detailinfo .slider .ajaxSlider .sliding_outer, #detailinfo .slider2 .ajaxSlider .sliding_outer {left: 21px;width: 854px;} #content .ajaxSlider h2, #content .bannerSlider h2 {border-bottom: 1px solid #dfdfdf;} #content .ajaxSlider .sliding_container .slide, .modal .ajaxSlider .sliding_container .slide {width: 854px;} #content .ajaxSlider .article_box, .modal .ajaxSlider .article_box {width: 130px; height: 170px;border-right: 1px solid #efefef;padding: 0 20px;margin: 0;} /* ARROWS SLIDER */ .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {background: url(../images/sprite_slider_arrows.png) no-repeat;margin-top: -23px;top: 50%;} .ajaxSlider .rightArrow, .bannerSlider .rightArrow {background-position: -79px 0;} .ajaxSlider .leftArrow:hover, .ajaxSlider .rightArrow:hover, .bannerSlider .leftArrow:hover, .bannerSlider .rightArrow:hover {background-position:-26px 0;} .ajaxSlider .rightArrow:hover, .bannerSlider .rightArrow:hover {background-position: -53px 0;} /* PRICE AND TITLE */ #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price {bottom: 0px; position: static; margin-top: 5px;} #content .ajaxSlider .article_box .title, .modal .ajaxSlider .article_box .title {color: #000;} #content .ajaxSlider .article_box p.price.up, .modal .ajaxSlider .article_box p.price.up {bottom: 10px;} /* MARGIN TOPSELLER SLIDER LISTING */ #content .topseller-slider {margin-bottom: 10px;} /** SLIDER DETAILSEITE **/ #content .horizontal_slider {overflow: hidden; display: block;} #content .horizontal_slider .slide_navigation { position: absolute; top: 10px; right: 8px; text-align: center } #content .horizontal_slider .slide_navigation a { display: inline-block; margin: 0 2px; } #content .horizontal_slider .slide_navigation a.active { font-weight: bold } #content .horizontal_slider .sliding_outer {height: 200px;} #content #detail .horizontal_slider {width: 898px;} #detailinfo .horizontal_slider .ajaxSlider, #detailinfo .slider .ajaxSlider {width: 896px; height: 236px;} #detailinfo .horizontal_slider .ajaxSlider .sliding_outer, #detailinfo .slider .ajaxSlider .sliding_outer {width: 896px; left: 0;} #content .horizontal_slider .article_box {width: 168px; height: 160px;padding: 10px 15px;margin: 10px 0;} #content .horizontal_slider .article_box a {text-align: left; color: #000;} #content .horizontal_slider .article_box:last-child, #content .horizontal_slider .article_box.noborder {border-right: 0;} /** TOPSELLER SLIDER **/ #content .topseller-slider .slide_navigation {display: none;} #content .topseller-slider .sliding_outer {height: 170px;} #content .topseller-slider .sliding_outer .sliding_container .slide {margin: 0 0; width: 796px;} #content .topseller-slider .ajaxSlider .sliding_container .slide {width: 796px;height: 170px;float: left; overflow: hidden;} #content .topseller-slider .ajaxSlider .article_box {float: left;} #content .topseller-slider .article_box {height: 130px;} #content .topseller-slider .article_box a {text-align: center;} #content .topseller-slider .article_box .numbers { background: url(../images/backgrounds/bg_topseller_numbers.png) no-repeat 0 bottom; height: 24px; width: 24px; display: block; text-align: center; line-height: 24px; font-weight: bold; color: #fff; position: absolute; top: 10px; left: 20px; } #content .topseller-slider .article_box:hover .numbers {background-position: 0 0;} #content .supplier_slider .leftArrow, #content .supplier_slider .rightArrow {top: 41px;} #content .topseller-slider .article_box:hover a.title {color: #e1540f;} /** RECOMMENDATION SLIDER **/ #content .topseller-slider .sliding_outer {height: 170px; overflow: hidden;} #content .bought-slider .ajaxSlider .sliding_container .slide, #content .viewed-slider .ajaxSlider .sliding_container .slide { width: 896px; } #content .bought-slider .article_box, #content .viewed-slider .article_box, #content .ajaxSlider .article_box .title, .modal .ajaxSlider .article_box .title, #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price { width: 100%; text-align: center; } #content .ajaxSlider .article_box .title:hover, .modal .ajaxSlider .article_box .title:hover {color: #e1540f !important;} #content .ajaxSlider .article_box p.price .pseudo, .modal .ajaxSlider .article_box p.price .pseudo { color: #990000; text-decoration: none; font-weight: bold; } #content .ajaxSlider .article_box p.price em, .modal .ajaxSlider .article_box p.price em { font-size: 10px; color: #aaa; text-decoration: line-through; font-weight: normal; } #content .bought-slider .ajaxSlider .sliding_container .slide .article_box, #content .viewed-slider .ajaxSlider .sliding_container .slide .article_box { width: 193px; } #content .bought-slider .article_box .title, #content .viewed-slider .article_box .title, #content .bought-slider .article_box p.price, #content .viewed-slider .article_box p.price { width: 193px; } /** MODALBOX SLIDER **/ .ajax_add_article .slider_modal .ajaxSlider {width: 628px;} div.ajax_add_article .bottom .horizontal_slider { } .ajax_add_article .slider_modal .ajaxSlider .sliding_outer { width: 578px; left: 25px; } .ajax_add_article .slider_modal .ajaxSlider .sliding_outer .slide { width: 578px; } .modal div.ajax_add_article .ajaxSlider .article_box { margin: 10px 8px; border-color: #fff; padding: 0; width: 165px; } div.ajax_add_article .ajaxSlider .article_box .title, div.ajax_add_article .ajaxSlider .article_box p.price span { width: 155px; left: 0; bottom: 10px; text-align: center; } .modal .ajaxSlider .sliding_container a.artbox_thumb {margin: 0 auto 10px;} .modal .ajaxSlider .leftArrow, .modal .ajaxSlider .rightArrow {top: 60px;} div.ajax_add_article .bottom {padding-top: 15px;} div.ajax_add_article .bottom h2 { background: #F5F5F5; color: #333; padding: 0 0 0 15px; line-height: 35px; height: 35px; border: 1px solid #dfdfdf; border-bottom: 0 none; margin: 0 15px; } /* BASKET ------------------------ */ .table .table_row .no_image {margin: 10px;} .table .table_row .basket_details {top: 15px;} .table .table_row .premium_img { background: url(../images/backgrounds/premium_img.png) no-repeat 0 0; height: 57px; width: 57px; display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 57px; margin: 10px; position: absolute; top: 0; left: 0; } #basket .table .voucher .action a.del, #basket .table .selected_premium a.del, .table .table_row .action a.del {top: 20px;} .table .table_row .basket_details p.thankyou {color: #999;} .table .table_row .grid_1, .table .table_row .grid_2, .table .table_row .grid_3, .table .table_row .grid_5, .table .table_row .grid_7 {margin-top: 15px;} #basket .table .shipping {padding: 0;display: inline-block; width: 378px;} #basket .table .shipping h2 {border-left: 0;border-right: 0;border-top: 0;} #basket .table .shipping .basket_dispatch {border-right: 0;} div.table_foot input.button_tablefoot {text-indent: -9999em; width: 22px; padding: 0;} #basket .table .table_top {overflow: hidden;width: 998px;margin-bottom: 10px;} #basket .table .table_top .table_top_left, #basket .table .table_top .table_top_mid, #basket .table .table_top .table_top_right {float: left;margin-right: 10px;width: 326px;} #basket .table .table_top .table_top_right {margin-right: 0;} #basket .table .table_top .inner_container {border: 1px solid #dfdfdf; border-top: none; padding: 10px; height: 96px;} .table .table_foot #aggregation_left p, .table .table_foot #aggregation p { margin-top: 5px; } /** CART **/ #basket .cart {margin: 10px 0 0 !important;} #basket .cart .non {padding: 0 0 10px; border-color: #fff;border-style: none none none solid;border-width: 0 0 0 2px;} #basket .cart .noborder {border-bottom: 0 none;} #basket .cart .table_head .grid_6, #basket .cart .table_row .grid_6 {width: 370px;} #basket .cart .table_head .grid_3, #basket .cart .table_row .grid_3 {width: 175px;} #basket .cart .table_head .grid_1, #basket .cart .table_row .grid_1 {width: 60px;} #basket .cart .table_head .grid_2, #basket .cart .table_row .grid_2 {width: 115px;} #basket .cart .selected_premium .grid_3, #basket .cart .rebate .grid_3, #basket .cart .voucher .grid_3, #basket .cart .small_quantities .grid_3 {width: 275px;} #basket .table .voucher .voucher_img, #finished .table .voucher_img, #confirm .table .voucher .voucher_img { background: url(../images/icons/ico-basket_voucher.png) no-repeat 0 0; position: absolute; width: 55px; height: 30px; display:block; left: 10px; top: 15px; } #basket .table .noborder {min-height: 40px !important;} /** CART - BOX **/ #basket .cart .table_row .box {width: 100%; margin: 0;} #basket .cart .table_row .box input.text {background: url(../images/backgrounds/bg_newsletter.png) no-repeat 0 0 #fff; width: 210px; float: left; height: 14px;} #basket .cart .table_row .box input.box_send {background: url(../images/arrows/bg_arrow_box.png) no-repeat 0 0; height: 26px; width: 22px; float: left; margin: 6px 0 0; border: 0; padding: 0; display: block; text-indent: -9999em; cursor: pointer;} #basket .cart .table_row .box form input.box_send:hover {background-position:0 bottom; } #basket .cart .table_row .box .vouchers, #basket .cart .table_row .box .add_article { float: left; margin-left: 30px; width: 244px; } #basket .cart .table_row .box .box_cart_info { float: right; width: 348px; padding: 0 50px; text-align: center; color: #e1540f; margin: 0.5em 0; } #basket .cart .table_row .box .box_cart_info p {margin: 0;} /** CART - SHIPPING **/ #basket .cart .shipping {background: url(../images/backgrounds/detailinfo_shadow.png) no-repeat 0 0; padding: 30px 120px 10px 30px;float: left; border-color: #dfdfdf; border-style: solid none none; border-width: 1px 0 0;} #basket .cart .shipping h2 { padding: 0 0 3px 0; margin: 0; height: auto; line-height: inherit; background: transparent; border-color: #f7d5c5; border-style: none none solid; border-width: 0 0 1px; color: #e1540f; } #basket .cart .shipping form {float: left; margin-top: 20px;} #basket .cart .shipping .basket_dispatch_description { border: 0 none; background: transparent; padding: 0; } #basket .cart .shipping .basket_dispatch_description p {color: #666;} #basket .cart .shipping .basket_dispatch_description h3 { border-color: #f7d5c5; border-style: none none solid; border-width: 0 0 1px; } #basket .cart .shipping .basket_country, #basket .cart .shipping .basket_payment, #basket .cart .shipping .basket_dispatch { border: 0; margin: 0 0 20px 0; height: 25px; width: 378px; padding: 0; line-height: 25px; } #basket .cart .shipping .basket_country p, #basket .cart .shipping .basket_payment p, #basket .cart .shipping .basket_dispatch p { float: left; width: 40%; } #basket .cart .shipping .basket_country select, #basket .cart .shipping .basket_payment select, #basket .cart .shipping .basket_dispatch select { margin-top: 0; width: 213px; } /** CART - TRUSTED SHOPS **/ #confirm .table_row.trusted_shops, .table .table_row.trusted_shops { background: transparent; border-style: solid none none; border-width: 1px 0 0; border-color: #dfdfdf; margin: 10px 0 20px 0!important; } .table .table_row.trusted_shops .text p {color: #999;} /** CART - FOOTER **/ #basket .cart .table_foot { float: right; width: 385px; padding: 0 30px 30px 50px; border-color:#dfdfdf; border-style: none solid solid; border-width: 0 1px 1px; position: relative; top: 0; right: 0; /*CSS3*/ -webkit-box-shadow: 0 0 4px #ddd; -moz-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; } #basket .cart .table_foot #aggregation_left {width: 220px;margin-right: 0; padding-top: 40px; border-top: 1px solid #dfdfdf;} #basket .cart .table_foot #aggregation {margin-left: 0; margin-top: 0; padding-top: 40px; border-top: 1px solid #dfdfdf;} /** BASKET - PREMIUM **/ .table .table_premium h5, #basket .table_premium h5 {color: #637400;} .table .table_premium .body {background: transparent; padding: 10px 0 20px 0;} .table .table_premium .head {background: transparent; padding: 20px 43px 0;} .table .table_premium .body .thumbnail {height: 140px;width: 331px;margin: 15px 0 0 0;} .table .table_premium .body .thumbnail img {height: auto;} .table .table_premium .body .article .name {margin: 0 auto;} .table .table_premium .body .article .name a {color: #000 !important; text-decoration: none;} .table .table_premium .body .article .name a:hover {color: #e1540f !important;} .table .table_premium .body .article .name input {margin: 0;} .table .table_premium .body .article { border-radius: 0; width: 331px; height: 220px; margin: 0 0 30px; border-style: none solid none none; border-width: 0 1px 0 0; text-align: center; /** CSS3 **/ box-shadow: inherit; -moz-box-shadow:inherit; -webkit-box-shadow:inherit; } .table .table_premium .body .last {border-right: 0 none;} .table .table_premium .body .bonus_price { background: url(../images/backgrounds/bg_cart_premium.png) no-repeat 0 bottom; height: 97px; width: 92px; margin: 0; padding-right: 6px; float: inherit; top: 10px; left: 40px; color: #fff; } .table .table_premium .body .bonus_price span {width: 92px;float: left;margin: 0 !important; } .table .table_premium .body .bonus_price span span {display: block;} .table .table_premium .body .bonus_price .pr1 {font-weight: bold; font-size: 14px; padding: 12px 0;} .table .table_premium .body .bonus_price .pr1 span {font-weight: normal; font-size: 11px;} .table .table_premium .body .bonus_price .pr2 {font-weight: normal; font-size: 11px; color: #fff !important;} .table .table_premium .body .bonus_price.free {background-position: 0 0; color: #fff; padding-top: 25px; font-weight: normal; height: 72px;} .table .table_premium .body .bonus_price.free strong { font-size: 21px; font-weight: bold; display: block; } .table .table_premium .body .overlay { background: #fff; opacity: 0.5; display: block; position: absolute; height: 140px; width: 331px; } /** STEPS **/ div.step_box {background: url(../images/backgrounds/bg_stepbox.png) repeat-x 0 bottom; margin: 10px 0 20px;} div.step_box ul li {background: url(../images/backgrounds/bg_step-inactive.png) repeat-x 0 bottom; margin-left: 22px; margin-right: 0; border-color: #bbb;} div.step_box ul li#first_step {margin-left: 0;} div.step_box ul li .text {color: #888;} div.step_box ul li.active {background: url(../images/backgrounds/bg_step-active.png) repeat-x 0 top #fff; border-color: #bbb;} div.step_box ul li .icon {background: url(../images/backgrounds/bg_stepnumber-inactive.png) no-repeat 0 0; border: 0; color: #fff; float: right; margin: 5px 15px 0 0; height: 26px; width: 26px; padding: 0; line-height: 26px;} div.step_box ul li.active .icon {background: url(../images/backgrounds/bg_stepnumber-active.png) no-repeat 0 0; height: 26px; width: 26px; padding: 0;} /* CHECKOUT ------------------------ */ #basket .table .table_row, #notes .table .table_row {overflow: hidden;} #basket .table .table_row .column_basket_info {float: left;margin: 10px 20px;width: 292px;} #basket .table .table_row .column_basket_info .inner_container {border-color: #dfdfdf #dfdfdf;border-style: none solid solid;border-width: medium 1px 1px;padding: 10px;} #basket .table .table_row, #basket .table .table_foot, #basket .table .selected_premium, #basket .table .selected_premium {min-height: 80px;} #confirm .emotion-country_notice { border-top: 1px dashed #dfdfdf; padding: 8px 0 0; float: none; clear: both; color: #999; margin: 12px 0 0 28px; width: 310px; } /** SUPPLIERFILTER, NOTICE **/ #supplierfilter, .notice { background: #fdf6f3; border: 1px solid #e1540f; color: #e1540f; text-align: center; width: auto; /*CSS3*/ box-shadow: 0 0 5px #fdf6f3; -moz-box-shadow: 0 0 5px #fdf6f3; -webkit-box-shadow: 0 0 5px #fdf6f3; } .notice {margin-right: 0;} .ctl_checkout .notice {margin-right: 10px;} #supplierfilter_top { border-bottom: 1px solid #f7d5c5; position: relative; margin-top: 10px; padding-bottom: 15px; } #supplierfilter_top h3{ font-size: 18px; font-weight: bold; } #supplierfilter_top a.close { background: url("../images/icons/ico_search-delete.png") no-repeat 10px center; position: absolute; bottom: 0; right: 0; padding: 8px 0 8px 30px; display: block; text-decoration: none; font-weight: bold; } #supplierfilter_top a.close:hover, #supplierfilter_top .supplier-desc a{ color: #e1540f; } #supplierfilter_top img { max-width: 165px; margin-top: 0; } /* GRIDS ------------------------ */ .container_20 #basket {margin: 10px 0 0; width: 998px;} .container_20 #basket .table {width: 996px;} .container_20 #notes {margin: 0; width: 801px;} .container_20 #notes .cat_text {width: 801px;} .container_20 #userinformations, .container_20 #selected_payment, .container_20 .billing, .container_20 .shipping { width: 390px; } /** DETAIL BUNDLE **/ .bundle_container, .relatedbox_container {width: 896px;} /* ACCOUNT ------------------------ */ #center .teaser_small h1, #content .orders h1, #content .register h1, #content .downloads h1, #content #ticket h1, #content .cat_text h1, #content .supplier_register h1 { font-weight: bold; font-size: 21px; color: #e1540f; margin: 5px 0 15px; } #content .cat_text h1 {color: #000;} #content .cat_text p {color: #777;} .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 {padding: 10px;} .account #userinformations .inner_container, .account .billing .inner_container, .account .shipping .inner_container, .account #selected_payment .inner_container {width: 368px;} .account .newsletter, .account .password, #content .addresses, .account .email {width: 800px; margin-left: 0; margin-right: 0;} .account #userinformations .button-middle, .account #selected_payment .button-middle {bottom: 10px;} #content .account .success, #content .account .error, #content .account .error_msg {width: 780px;} #content .orders .orderoverview_active .download { display: block; position: absolute; top: 15px; left: 220px; } /** ORDERS **/ #content .orders .orderoverview_active .currentPrice strong {display: inline;} /** RIGHT **/ #content #right_account {float: left;width: 187px;margin-left: 10px;} #right_account .adminbox, #content #right_account h2 {border-right: 1px solid #dfdfdf;} #right_account .adminbox {width: 187px;} #content #right_account h2 {background: #fff;color: #e1540f;} #right_account .adminbox {padding: 0;border: 0;border-bottom: 1px solid #d3d3d3;} #right_account .adminbox li {background: #f5f5f5;border: 1px solid #D3D3D3;border-top: 0;margin: 0;padding: 0;} #right_account .adminbox li a { background:; display: block; font-size: 11px; font-weight: normal; margin: 0; padding: 8px 0 8px 15px; } #right_account .adminbox li a:hover {background: #fff; text-decoration: none;color: #e1540f;} #right_account .adminbox li a.logout { background: url(../images/icons/ico_search-delete.png) no-repeat 10px 10px #fff; padding-left: 30px; font-weight: bold; } #right_account .adminbox li.active {border-color: #c30000;} #right_account .adminbox li.active a { background: #e1540f; color: #fff; font-weight: bold; } /* FORMS ------------------------ */ #content #right_custom {margin-right: 10px; margin-left: 20px; width: 177px;} /* NOTE ------------------------ */ div#notes .note {width: 799px;} div#notes .cat_text.full_length {width: 998px;} div#notes .note.full_length{width: 996px;} div#notes .article_price_unit {top: 130px;} div#notes .table_row .action a {width: 148px;} div#notes .table_row .action a.basket {margin-bottom: 1px;} div#notes .table_row .action a.compare_add_article, div#notes .table_row .action a.detail {border: 0;} div#notes .table_row .action {top: inherit;bottom: 15px;right: 15px;} div#notes .table_row .delete {top: 24px;right: 15px;} div#notes .table_row .rating {right: auto; left: 450px; top: 23px;} div#notes .table_row .rating.full_length {right: auto; left: 600px; top: 23px;} div#notes .table_row .price {top: 28px;} div#notes .table_row a.zoom_picture {left: 5px; top: 129px;} div#notes .table .table_head .grid_3 {float: right; width: 160px;} div#notes .table_row .delete {background: url(../images/icons/ico_delete.png) no-repeat 0 0;} div#notes .table_row .delete:hover {background-position: 0 bottom;} div#notes .table_row a.zoom_picture {background: url(../images/icons/ico_zoom-picture.png) no-repeat 0 0;} div#notes .table_row a.zoom_picture:hover {background-position: 0 bottom;} div#notes .table_row .delivery {top: 30px; right: 0;} div#notes .table_row .delivery.full_length {top: 38px; right: auto; left: 590px; } div#notes .table_row .delivery.full_length.vote_disabled {top:14px;} div#notes .table_row .title {width: 450px;} /* SEARCH ------------------------ */ #content #left .filter_search {border-bottom: 1px solid #dfdfdf;} #content #left .filter_search .searchbox {background: #fff;padding: 0;margin: 0;border-top: 1px solid #dfdfdf;border-bottom: none;} #content #left .filter_search .searchbox li {border:0 none;height: 30px;line-height: 30px;margin: 0;} #content #left .filter_search .searchbox li.active {border-top: 1px solid #dfdfdf;} #content #left .filter_search .searchbox li.showall a {background-position: 10px center;} #content #left .filter_search .searchbox li a, #content #left .filter_search .searchbox li.active {background-position: 10px center;padding: 0 0 0 30px;width: 146px;} #content #left .filter_search .searchbox li a:hover {background: url(../images/icons/ico_search_active.png) no-repeat 10px center;} #content #left .filter_search .searchbox h3 {background: url(../images/backgrounds/filter_search_bg.png) repeat-x; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #fff;font-size: 12px; font-weight: normal; padding: 0 10px 0;height: 27px;line-height: 27px;margin: 0; color: #555;} #content #left .filter_search .searchbox li a:hover {text-decoration: none; color: #e1540f;} .fuzzy div.result_box {background: #fff;} /** FUZZY **/ .fuzzy .category_filter .categories ul li:hover, .fuzzy .category_filter .active:hover {background: url(../images/icons/ico_search_active.png) no-repeat 0 0;} .fuzzy .category_filter .categories ul li a, .fuzzy .category_filter .active a {text-decoration: none;} .fuzzy .category_filter .categories ul li a:hover, .fuzzy .category_filter .active a:hover {text-decoration: none;color: #e1540f; } /* PROVISION ------------------------ */ #content .partner_statistic {margin: 0;} #content .partner_statistic h1 {font-size: 18px; margin: 5px 0 15px; color: #999;} /* BANNER ------------------------ */ .emotion-element .banner-element .mapping {position: relative;} .emotion-element .banner-element .mapping img { position: relative; z-index: 8 } .emotion-element .banner-element .banner-mapping {position: absolute;top: 0; left: 0;z-index: 9} .emotion-element .banner-element .banner-mapping a { display: block; position: absolute; text-decoration: none; z-index: 10; cursor: pointer; background: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .emotion-element .banner-element .banner-mapping-tooltip { text-align: center; position: absolute; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .emotion-element .banner-element .banner-mapping-tooltip span { display: inline-block; padding: 3px 8px; background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; text-shadow: 0 1px 0 #000; font-size: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .emotion-element .banner-element .hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /** ERROR MESSAGES **/ input.instyle_success[type="text"], input.instyle_success[type="password"], .success, .instyle_success {background-color: #f0f6e1;border-color: #AABE00;box-shadow: 0 0 4px #E3E8CE;} input.instyle_error[type="text"], input.instyle_error[type="password"], .error, .instyle_error, input.instyle_error {border-color: #DF7373;background: #f7e9e9;box-shadow: 0 0 4px #f0d5dc;} .error, .notice, .success {border-width: 1px; text-align: center; font-weight: bold;} /* LOGIN AND REGISTER ------------------------ */ #content div#right.register { margin: 0 0 0 20px !important; width: 177px; } #content div#right.register .register_info {background: url("../images/backgrounds/left_trusted_shops_paypal_bg.png") repeat-y 0 0; margin: 0; margin-bottom: 10px;} #content div#right.register h2 {color: #000; padding-left: 15px;} #content div#right.register ul {background: transparent; padding: 0;} #content div#right.register li {background: url(../images/icons/ico_register-benefit.png) no-repeat 0 center; color: #777; margin: 0 0 0 15px;} .register div {margin: 5px 0;} .register #letterForm .required_fields, .register .required_fields {background: transparent;border: 0 none;float: left;height: 30px;line-height: 30px;padding: 0;width: 520px;} .register #letterForm .button-right, .register .button-right {margin: 0 0 25px 52px;} .register label {width: 210px;} .register label.normal {color: #777;} .register .check {margin-left: 259px;} .register .description {margin-left: 265px; color: #999; font-size: 11px; line-height: 12px;} .register .alt_shipping input {float: left;} .register .alt_shipping span {margin: 6px 0 5px 5px; float: left; width: 420px; display: block;} .register .alt_shipping label {margin: 6px 0 5px 5px; float: left; width: 420px; display: block;} .register .alternative_shipping select {width: 297px;} .register .outer-select {margin-top: 10px !important;} .register #birthdate .outer-select {float: left; margin-right: 10px !important;} .register .error {margin: 10px 0; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #df7373;} .register .error li {background: url(../images/arrows/error_arrow.png) no-repeat 0 center; margin: 5px 0; padding: 0 0 0 10px;} .register .error h2 { color: #8a1f11; margin: 0 0 10px 0; padding: 0 0 0px 0; border-bottom: 1px solid #df7373; font-weight: bold; } .register .check label, .register .salutation span label, .register .privacy label {margin: 5px 0 5px 5px;} .register .privacy, .register .alt_shipping {margin-left: 259px;} .register .salutation label {width: 206px;} .register .salutation span label {width: 60px;} .register .street {width:247px;} .register .number {margin-left: 3px;} .register .zipcode {width: 97px;} .register .city {margin-left: 3px;} /** LOGIN MODAL **/ div.ajax_login_form .new_customer p { margin: 0 0 10px; width: 475px; } div.ajax_login_form .new_customer, div.ajax_login_form .existing_customer {padding: 25px;} div.ajax_login_form .new_customer .checkbox { display: block; margin-bottom: 10px; height: 20px; line-height: 20px; } div.ajax_login_form .new_customer .checkbox input {margin-top: 5px; margin-right: 7px; display: block; float: left; width: 15px;} div.ajax_login_form .new_customer .checkbox label {margin-top: 5px; display: block; float: left; width: 350px} /** COMMENTS **/ .star { background-image: url("../images/sprite_stars.png"); height: 17px; width: 90px; display: block; } .star0 {background-position: left 0;} .star1 {background-position: left -18px;} .star2 {background-position: left -36px;} .star3 {background-position: left -54px;} .star4 {background-position: left -72px;} .star5 {background-position: left -90px;} .star6 {background-position: left -108px;} .star7 {background-position: left -126px;} .star8 {background-position: left -144px;} .star9 {background-position: left -162px;} .star10 {background-position: left -180px;} div.listing .artbox .star { top: 1px; left: 2px; } /* NUMBERS */ #detailbox .detail_comments .star, #detailbox .detail_comments .comment_numbers {float: left; margin-right: 5px;} /* BUTTON SOLUTION ------------------------ */ #content .inner .check_order h2 {background: transparent;height: 35px; line-height: 35px;padding: 0 10px;} #content .inner .check_order .inner_container {background: #F3F3F3;} #content #left.info h2 {height: 35px; padding-top: 0;} #content #confirm .grid_16 {width: 998px;} #content #confirm {width:998px; left: 0;} #content #confirm .underline {border: 0 none !important;} #content #confirm .register {width: 800px;} #content #confirm .table {width: 996px; border-style: solid solid none solid; border-width: 1px 1px 0 1px; border-color: #dfdfdf;} #content #confirm .table .table_head {padding: 15px 20px; width: 956px; border: 0 none;} #content #confirm .table .table_head div {margin-right: 5px;} #content #confirm .table .table_row {background: #fff; padding: 0; width: 976px; border-top: 1px solid #dfdfdf; border-bottom: 0 none; position: relative; margin: 0 10px !important;} /** PREMIUMS **/ #content #confirm .table .selected_premium .push_4 {left: 330px;} #content #confirm .table .selected_premium .push_3 {left: 225px;} #content #confirm .table .selected_premium .basket_details {width: 250px; position: absolute; left: 80px; top: 10px;} /** VOUCHER **/ #content #confirm .table .voucher, #content #confirm .table .rebate {min-height: 70px !important;} #content #confirm .table .voucher .grid_6 {margin-left: 10px !important;} #content #confirm .table .voucher .basket_details {margin-left: 100px !important;} #content #confirm .table .voucher .push_4, #content #confirm .table .rebate .push_4 {left: 330px;} #content #confirm .table .voucher .push_3, #content #confirm .table .rebate .push_3 {left: 270px; width: 140px;} #content #confirm .table .voucher .voucher_img {top: 0;} /** REBATE **/ #content #confirm .table .rebate {min-height: 70px !important;} #content #confirm .table .table_row.rebate .grid_6 {margin-left: 90px;} #content #confirm .table .rebate .push_4 {left: 250px;} #content #confirm .table .rebate .push_3 {left: 190px; width: 140px;} /** SMALL QUANTITIES **/ #content #confirm .table .small_quantities {min-height: 70px !important;} #content #confirm .table .small_quantities .grid_6 {margin-left: 95px !important; width: 340px;} #content #confirm .table .small_quantities .push_4 {left: 255px;} #basket .table .small_quantities, #content #confirm .table .small_quantities {background: url(../images/icons/ico_basket_small_quantities.png) no-repeat 30px center #fff; min-height: 45px !important;} #content #confirm .table .table_row, #finished .table .table_row {min-height: 100px;} #content #confirm .table .table_row form {background-color: #fff; } #content #confirm .table .table_row .grid_6 {margin: 15px 10px 0 10px;} #content #confirm .table .table_foot { margin: 0 8px !important; padding: 0; border: 0; position: relative; width: 976px; float: right; margin-top: -1px !important; } #content #confirm .table .table_foot .tablefoot_inner { float: right; background: #fff; padding: 0 30px 30px; margin-bottom: 10px; border-color: #DFDFDF #DFDFDF; border-style: none solid solid; border-width: 0 1px 1px; width: 390px; position: relative; right: 0; top: 1px; } #content #confirm .table .table_foot .tablefoot_inner .notice {width: 280px; margin: 0 30px 20px;} #content #confirm .table .table_foot .tablefoot_inner-left {float: left;width: 524px; height: 214px2;margin-top: 1px; border-top: 1px solid #dfdfdf;} #content #confirm .table_foot #aggregation_left {width: 228px;margin: 0 0 0 30px; padding-top: 30px; border-top: 1px solid #dfdfdf;} #content #confirm .table_foot #aggregation {margin: 0; padding-top: 30px; border-top: 1px solid #dfdfdf;} #content #confirm .table .table_foot .box {width: 330px; padding: 30px 0 30px 15px;} #content #confirm .article_table .table_row {background: #EBEBEB;} #content #confirm .article_table .table_row form {position: relative;background: #fff;margin: 0 10px;padding: 10px;height: 100px;border: 1px solid #dfdfdf;} #content #confirm .article_table div .grid_6 {width: 390px;} #content #confirm .article_table div .grid_3 {width: 160px;} #content #confirm .article_table div .grid_1 {width: 70px;} #content #confirm .article_table div .grid_2 {width: ;} #content #confirm .article_table form .delivery {margin-top: 20px;} #content #confirm .article_table form .auto_submit {margin-top: 20px;} #content #confirm .article_table form .textright {margin-top: 20px;} #content #confirm h2 {background: #fff; color: #e1540f; border: 0 none;padding: 10px 40px 0px; font-size: 16px; height: 20px; line-height: 20px;} #content #confirm .inner_container h2 {padding: 10px 0px 0px;} #content #confirm .additionalfreetext {margin: 0 0 20px 0; padding:0 0 20px;} #content #confirm .table .table_row .action a.del {right: 25px; top: 15px;} #content #confirm .grid_6 {width: 350px;} #content #confirm .grid_3 {width: 190px;} #content #confirm .grid_1 {width: 100px;} #content #confirm .table .table_row .basket_details {top: 5px;} #content #confirm .dispatch-methods {padding: 0;} #content #confirm .dispatch-methods .method { border-bottom: 1px solid #dfdfdf; margin: 5px 0; padding: 10px 0; width: 918px; } #content #confirm .method .grid_10 { width: 640px; } #content #confirm .dispatch-methods .actions { position: static; display: inline-block; margin-top: 20px; } #content #confirm .dispatch-methods .method input {top: 0;} #content #confirm .payment_method h3, #content #confirm .dispatch-methods h3 { border: 0 none; color: #E1540F; font-size: 16px; } #content #confirm .voucher-add-article input.text {background: url(../images/backgrounds/bg_newsletter.png) no-repeat 0 0 #fff; width: 210px; float: left; height: 14px;} #content #confirm .voucher-add-article input.box_send {background: url(../images/arrows/bg_arrow_box.png) no-repeat 0 0; height: 26px; width: 22px; float: left; margin: 6px 0 0; border: 0; padding: 0; display: block; text-indent: -9999em; cursor: pointer;} #content #confirm .voucher-add-article form input.box_send:hover {background-position:0 bottom; } #content #confirm .voucher-add-article .vouchers, #content #confirm .voucher-add-article .add_article {float: left;margin-left: 0;width: 244px;} #content #confirm .voucher-add-article .add_article {margin-top: 15px;} #content #confirm .additional_footer .actions {margin: 0;} #content .inner .check_order {margin-left: 0;} #content #left.info {margin-left: 0; width: 178px;} .info div.inner_container {padding: 15px 15px 10px;} .agb_cancelation .inner_container span.revocationnotice, div.more_info label.chklabel, div.agb_accept label.chklabel {height: 16px; line-height: 16px; font-size: 12px; font-weight: bold;} div.more_info input, div.agb_accept input {margin: 3px 0;} #finished .table_foot #aggregation_left {margin-left: 5px;} #content #finished .table .table_foot {padding: 30px 10px;width: 976px;float: right;border: 0 none;width: 300px;} #content #finished .table .table_foot .notice {width: 280px; margin: 0 0 20px;} /** Inner container styling */ #confirm .personal-information .inner_container, #confirm .additional-options .inner_container, .agb_cancelation .inner_container { padding: 10px 40px; border: 0 none; line-height: 16px; } /** Headline */ #confirm .personal-information h3, #confirm .additional-options .table_premium h5, #confirm .basket_slider .header { color: #333; font-weight: bold; font-size: 12px; margin: 0 0 8px; padding: 5px 0 0; line-height: 1.6em; } #confirm .personal-information p {color: #999; margin: 0 0 5px;} /** AGB and Cancelation */ .agb_cancelation .inner_container .revocation { border: 1px solid #dfdfdf; padding: 5px; overflow-y: scroll; height: 60px; background: #f5f5f5; line-height: 16px; } /** Structure of the personal information panel */ #confirm .personal-information .invoice-address, #confirm .personal-information .shipping-address, #confirm .personal-information .payment-display { float: left; width: 266px; height: 170px; margin: 0 60px 0 0; position: relative; } /** Last box, so we don't need a margin here */ #confirm .personal-information .payment-display { margin: 0; border: 0; } #confirm .personal-information .payment {margin-top: 20px; margin-bottom: 10px; padding-top: 5px;} #confirm .personal-information .payment .grid_15 {margin: 0;} #confirm .payment_method .method { border-bottom: 1px solid #dfdfdf; padding: 10px 0; } /** Position the action buttons at the bottom of the panel */ #confirm .personal-information .actions { position: absolute; bottom: 0; } /** Additional options - Structure */ #confirm .additional-options .voucher-add-article, #confirm .additional-options .user-comment { float: left; width: 35%; margin: 0 2% 0 0; } #confirm .additional-options .user-comment { width: 50%; } #confirm .additional-options .voucher-add-article label { display: block } #confirm .additional-options .voucher-add-article .text { width: 70% } #confirm .additional-options .user-comment textarea { width: 98%; height: auto; } /** Thumbnails */ #confirm .table_row a.thumb_image { background: #fff; border: 0 none; margin: 0 0 10px 5px; /** CSS3 **/ border-radius: 0; } #confirm .table_row a.thumb_image img { display: block; /** CSS3 **/ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /** Premium articles */ #content #confirm .table_premium .article {border: 0 none; box-shadow: none; border-radius: none; margin: 0 30px 20px 0; width: 276px;} #confirm .additional-options .table_premium .body .article { float: left; height: 115px; margin: 0 30px 20px 0; width: 276px; background: #fff; border: 0 none; box-shadow: none; border-radius: none; position: relative; } #confirm .additional-options .table_premium {margin-top: 20px;} #confirm .additional-options .table_premium .body .thumbnail {display:block;height: 90px;width: 120px;text-align: center;float:left;margin:0;} #confirm .additional-options .table_premium .body .article .name {position: absolute; margin: 0; left: 130px; height: 120px; width: 146px;} #confirm .additional-options .table_premium .body .bonus_price .pr2 {color: #999;} #confirm .additional-options .table_premium .body .bonus_price .pr1 {margin-right: 8px;} #confirm .additional-options .table_premium .body .bonus_price {left: 0;} #confirm .additional-options .table_premium .body .bonus_price.free {left: 130px;} #confirm .additional-options .table_premium .body .article .button-right { width: 140px; position: absolute; bottom: 0; left: 0; } /** Payment methods */ #confirm .personal-information .payment_method .grid_5 { padding: 0 } #confirm .personal-information .payment_method .bankdata { left: 240px } #confirm .personal-information .payment_method .bankdata label { display: block; float: left; width: 100px; padding-top: 6px; } #confirm .personal-information .payment_method .bankdata .text { width: 365px } #confirm .personal-information .payment_method .method .last, #confirm .personal-information .payment_method .bankdata .description, #confirm .table .main-article-features p { color: #999; } /** Reposition all footer elements */ #confirm .additional_footer { width: 998px } #confirm .table_foot { padding-left: 455px; width: 325px; border-bottom: 0 none; } /** Country notice */ #confirm .country-notice { border: 1px solid #dfdfdf; border-top: 0 none; position: relative; top: -11px; } #confirm .country-notice p { padding-left: 465px; padding-right: 10px; color: #999; } /** Fix the delivery status icons */ .status0, .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 { background-image: url(../images/sprite_delivery.png) } /** Remove the white stripes in the aggregation */ .table #aggregation_left .border, .table #aggregation_left .doubleborder { border-color: #dfdfdf } /** Fix VAT table header cell */ #confirm .table .table_head .charge_vat { margin-left: 0; margin-right: 0; width: 100px; } /** Reposition the button and the button text */ #confirm .additional_footer #basketButton { padding-left: 15px } /** Bonus system */ #confirm .table_foot .basket-points { background: transparent } #confirm .table_foot .basket-points .spending_left, #confirm .table_foot .basket-points .earning_left { width: 145px; border: 0 none; } #confirm .points_for_basket .inner_container { width: 100%; padding: 0; border: 0 none; border-right: 1px solid #c7c7c7; } #confirm .points_for_basket .before { padding: 0 0 0 50%; margin: 0 0 0 -25%; } #confirm .basket_slider { position: relative } #confirm .basket_slider .header { background: transparent; height: auto; margin: 0 0 18px; } #confirm .basket_slider .inner-content { padding: 0 0 23px } #confirm .basket_slider .inner-content .slider-info { left: 15px; top: 110px; } /** HEADER TRUSTED SHOPS **/ #header .inner .trustedshops_logo { position: absolute; height: 70px; left: 250px; } #header .inner .trustedshops_logo .inner_container { background: url(../images/bg_trusted_shop.png) no-repeat 0 0; display: inline-block; padding: 5px; width: 116px; height: 37px; } #header .inner .trustedshops_logo .inner_container a {margin-right: 10px; width: 38px;} #header .inner .trustedshops_logo .inner_container p {width: 68px; font-size: 10px; line-height: 14px; margin: 0; margin-top: 4px;} #header .inner .trustedshops_logo .inner_container a, #header .inner .trustedshops_logo .inner_container p { float: left; } /* BLOG -------------------------------------------- */ #blog {margin: 0;width: 801px;} #content #right {margin-right: 10px;width: 187px;} .listing-blog .blogbox, #content .listing_box .blogbox {padding: 0;} #blog .blogbox .blogbox_header {background: #fff;display: block;padding: 30px;border-bottom: 1px solid #dfdfdf;} #blog .blogbox .blogbox_header h2 {margin: 0; font-weight: bold;} #blog .blogbox .blogbox_header h2 a:hover {text-decoration: none; color: #e1540f;} #blog .blogbox .blogbox_header .post_metadata {margin: 0;padding: 0;font-size: 12px;} .blogbox .post_metadata span, #blog .blogbox .post_metadata span {height: 19px; line-height: 20px; display: inline-block;} #blog .blogbox .blogbox_header .post_metadata a {text-decoration: none;} #blog .blogbox .blogbox_content {background: #f5f5f5;display: block;padding: 30px;} #blog .blogbox .blogbox_content p {line-height: 20px;font-size: 12px;} #blog .blogbox .blogbox_content .blog_picture {height: 118px; width: 138px;background: #fff;border: 1px solid #dfdfdf;padding: 5px;margin: 0 30px 30px 0;} #blog .blogbox .blogbox_content .blog_picture a {display: block;height: 118px; width: 138px;} #blog .blogbox .blogbox_content .blog_tags, #content .blogdetail .blog_tags {border-top: 1px solid #dfdfdf;margin-top: 30px;padding-top: 30px; overflow: hidden;} #content .blogdetail .blog_tags {padding: 30px 0;} #blog .blogbox .blogbox_content .blog_tags a, #content .blogdetail .blog_tags a {color: #e1540f;} #content .blogdetail {margin: 0;padding: 30px;width: 938px;} #content .blogbox .menu_top {background: transparent;border-bottom: 1px solid #dfdfdf;width: 998px !important;} #content .blogdetail h1 {font-size: 20px;font-weight: bold;margin: 0 0 10px;} #content .blogdetail .post_metadata {font-size: 12px;margin-bottom: 5px;} #content .blogdetail .post_metadata span.frontend_blog_detail {padding: 0 ;} #content .blogdetail .blogdetail_header {border-bottom: 1px solid #dfdfdf;margin-bottom: 30px;} #content .blogdetail .description {width: 589px;} #content .blogdetail .description p {font-size: 13px;line-height: 21px;color: #666;} #content .blogdetail #imgTarget { border: 1px solid #dfdfdf; display: block; float: left; padding: 5px; width: 287px; height: auto; text-align: center; margin-bottom: 10px; } #content .blogdetail .thumbnail_box {float: right; width: 299px;} #content .blogdetail .thumbnail_box a {border: 1px solid #dfdfdf;margin: 0 10px 10px 0;} #content .blogdetail .thumbnail_box a:hover {border-color: #e1540f;} #content .blogdetail #commentcontainer ul {width: 936px;} #content .blogdetail #commentcontainer .comment_right { width:756px; } #content .blogdetail #commentcontainer .comment_right .comment {line-height: 21px;} form.comments p.col select {width: 307px;} /* FILTER OPTIONS -------------------------------------------- */ #content #left .headingbox_nobg.filter_properties {border-bottom: 0 none; background: #fff;} #content #left .filter_properties .supplier_filter {width: 179px;} #content #left .filter_properties .supplier_filter div {background: url("../images/backgrounds/bg_servicenav.png") repeat-x 0 0; width: 167px;border-width: 1px 1px 0 1px;border-style:solid solid none solid;border-color: #dfdfdf; height: 21px; padding: 7px 0 0 10px;} #content #left .filter_properties .supplier_filter div.active {background: url("../images/backgrounds/bg_servicenav.png") repeat-x 0 0;} #content #left .filter_properties .supplier_filter h2 {border-bottom: 0 none;} #content #left .filter_properties .supplier_filter .slideContainer {background: transparent;padding: 0;border-top: 1px solid #dfdfdf;width: auto; height: auto; zoom: 1;} #content #left .filter_properties .supplier_filter .slideContainer li {width: 177px;border: none;background: transparent;} #content #left .filter_properties .supplier_filter .slideContainer li a {display: block;} #content #left .filter_properties .supplier_filter .slideContainer li img {width: 130px;} #content #left .filter_properties .supplier_filter .slideContainer li.close {border-top: 1px solid #dfdfdf;} div.supplier_filter div span.expandcollapse {background-image: url(../images/icons/ico_filter.gif);top: 7px;} div.supplier_filter div.active span.expandcollapse {background-image: url(../images/icons/ico_filter.gif);background-position: 0 -26px;} div.blogFilter ul li.close a, #content #left .filter_properties .supplier_filter .slideContainer li.close a {background: url("../images/icons/ico_search-delete.png") no-repeat 10px 10px;} div.blogFilter ul li {padding: 8px 0 8px 10px;} div.blogFilter ul li a, div.blogFilter ul li.close {padding: 8px 0;} div.blogFilter ul li.close a {padding-left: 30px; font-weight: bold;} /* SUPPLIER FILTER */ #content #left .filter_properties .supplier_filter .slideContainer li a {padding: 8px 0 8px 30px;} #content #left .filter_properties .supplier_filter .slideContainer li a:hover {color: #e1540f;} #content #left .filter_properties .supplier_filter ul li a, #content #left .filter_properties .supplier_filter ul li.active {background-position: 10px center;} #content #left .filter_properties .supplier_filter ul li.active {background: url(../images/icons/ico_search_active.png) no-repeat 10px center;padding: 8px 0 8px 30px;width: 147px;} #content #left .filter_properties .supplier_filter li {width: 177px; border-width: 0 1px 1px 1px; border-color: #dfdfdf; border-style: none solid solid solid; background: transparent;} #content #left .filter_properties .supplier_filter li.last {border-bottom-style: none;} #content #left .filter_properties .supplier_filter li a {padding: 8px 0 8px 30px;} /* TRUSTED SHOPS & PAYPAL -------------------------------------------- */ #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder { background: url(../images/backgrounds/left_trusted_shops_paypal_bg.png) repeat-y 0 0; border: 1px solid #dfdfdf; padding: 10px 5px; margin: 0 0 10px 0; overflow: hidden; } #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container { background: transparent; border: 0 none; margin: 0; padding: 0; } #trustedShopsLogo .inner_container a {float: left;width: 50px;margin-right: 10px;text-align: left;} #trustedShopsLogo .inner_container p {float: left;margin: 0;width: 97px;} #trustedShopsLogo .inner_container p span {color: #000;} #paypalLogo .inner_container p, #paypalLogo_noborder .inner_container p {text-align: center;} /* VIEWLAST -------------------------------------------- */ .viewlast {background: url(../images/backgrounds/bg_breadcrumb.png) repeat-x left top;border: 0 none; padding: 30px 20px 10px 20px; display: inline-block; width: 958px;} .viewlast .heading {background: transparent;border: 0 none;text-transform: inherit;font-size: 16px;color: #999;} .viewlast .lastview_rule, .viewlast li { background: url(../images/backgrounds/bg_viewlast_artbox.png) no-repeat right center; float: left; padding-right: 35px; margin: 0 10px 0 0; height: 140px; width: 155px; text-align: center; } .viewlast .lastview_rule_last {background: transparent; padding: 0; margin: 0;} .viewlast .article_image {height: 110px;width: 155px;margin: 0;padding: 0;background-position: center top;border: 0 none;} .viewlast .article_description {height: 25px;padding: 0;color: #000; font-size: 12px;} .viewlast li:hover .article_description, .viewlast .article_description:hover {color: #e1540f;} /** Reformat the error message */ .ctl_checkout #content .agb_confirm { padding: 12px 35px 12px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #b94a48; background: #f2dede; width: 867px; left: 20px; position: relative; /** CSS3 **/ border-radius: 0; } .ctl_checkout .more_info, .ctl_checkout .confirm_accept, .ctl_checkout .agb_info, .ctl_checkout .agb_accept { position: absolute; z-index: 1; left: 40px; top: 70px; } .ctl_checkout .agb_info {top: 130px;} .ctl_checkout .confirm_accept {top: 52px; font-weight: bold; color: #000;} .ctl_checkout .confirm_accept a {text-decoration: underline !important;} .ctl_checkout .confirm_accept a:hover {color: #e1540f;} .ctl_checkout .more_info {top: 90px;} .ctl_checkout .more_info label, .ctl_checkout .more_info input {float: left;} .ctl_checkout .more_info label {margin-top: 6px; margin-left: 5px;} .ctl_checkout .modal .headingbox { background: url("../images/backgrounds/bg_breadcrumb.png") repeat-x scroll left bottom transparent; padding-bottom: 5px; border: 0 none; color: #E1540F; height: 30px; line-height: 20px; } #confirm .agb_cancelation { height: 160px; } /* iPad related styles (landscape and portrait) -------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /** General */ body #wrapper, #header, .shopware_footer, #footer_wrapper { width: 1020px } /** Service menu */ .my_options a, .my_options span.service { font-size: 14px } .my_options .service.active { display: block } .my_options .service ul { left: -108px; } /** Drop down search field */ div#searchcontainer .inner_searchcontainer { width: 240px } div#searchcontainer .inner_searchcontainer form#searchform input#searchfield { padding: 5px } div#searchcontainer .inner_searchcontainer .ajax_loader { top: 7px } .listing_actions a.more { background-position: center center } /** Main navigation top */ #mainNavigation { padding: 0 0 0 5px } /** Breadcrumb - Fix nasty line under the main navigation */ div#breadcrumb, .ctl_detail .menu_top { position: relative; top: -1px; background-color: #fff; } /** Navigation left */ #content #left ul li a { padding: 10px 0 10px 15px } #content #left .categories li a { font-size: 13px } #content #left .categories li .submenu li a { font-size: 13px; padding: 5px 0 5px 15px } #content #left .categories li.active.sub a.active { font-size: 14px } /** Listing options */ .listing_actions { height: 75px } .listing_actions a.navi, .listing_actions div.more { width: 22px; height: 22px; line-height: 22px; margin-right: 5px; position: relative; top: -3px; } .my_options .service { background-position: right 5px } } /* iPad related styles (portrait orientation only) -------------------------------------------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /** Increase font-size for category texts and so on */ 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-size: 16px; } /** Dropdown menu */ div#searchcontainer .inner_searchcontainer form#searchform input#searchfield { font-size: 13px; } div#searchresults li.searchresult .searchinner a h3 { font-size: 14px; height: 18px; } div.searchdescription { font-size: 12px; line-height: 16px; } a.resultall { font-size: 14px; } /** Listing options */ .listing_actions { height: 75px } .listing_actions .bottom { height: 26px } .listing_actions a.navi, .listing_actions div.more { width: 24px; height: 24px; line-height: 24px; font-size: 14px; position: relative; top: -3px; margin-right: 3px; } .listing_actions a.more { background-position: center center } /** Detail actions */ .article_overview, .article_back, .article_next { font-size: 14px } #detail #detailbox #detailbox_middle { font-size: 14px } #detail .status0, #detail .status1, #detail .status2, #detail .status3, #detail .status4, #detail .status5, #detail .status6, #detail .status7, #detail .status8 { margin-top: 2px; } #detail #detail_menu li a { font-size: 13px; padding: 9px 0; } #detail a.link { font-size: 13px } /** Ajax login */ div.ajax_login_form .new_customer p { width: 245px; margin-right: 85px; } div.ajax_login_form label, .register label { font-size: 14px; } /** Footer */ #footer .footer_menu a { font-size: 14px } #footer_wrapper { width: 1020px } } /** iPHONE MEDIA QUERY */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body #wrapper, #header, .shopware_footer, body #footer_wrapper { width: 1020px } /** Service menu */ .my_options a, .my_options span.service { font-size: 14px } .my_options .service.active { display: block } .my_options .service ul { left: -108px; } } /* FANCY SELECT -------------------------------------------- */ body .outer-select { display: inline-block; position: relative; background: url("../images/backgrounds/detailinfo_shadow.png") no-repeat 0 bottom; padding: 0 0 3px; margin: 0 0 10px !important; cursor: pointer; } body .outer-select * {padding: 0;margin: 0;} .outer-select .inner-select { border: 1px solid #ccc; background: #fff; padding: 5px 10px; height: 12px; line-height: 12px; text-align: left; margin: 0; /* CSS3 */ -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -ms-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .instyle_error .inner-select { background: #F7E9E9; border-color: #DF7373; -webkit-box-shadow: 0 0 4px #F0D5DC; -moz-box-shadow: 0 0 4px #F0D5DC; box-shadow: 0 0 4px #F0D5DC; } .hovered .inner-select {border-color: #e1540f;} .outer-select .select-text {background: url(../images/icons/ico_listing-bottom-active.png) no-repeat right center; display: block;color: #666;} .hovered .select-text {color: #e1540f;} .outer-select select { opacity: 0; filter: alpha(opacity = 0); margin: 0; padding: 0; float: none; display: block; position: absolute; top: 0; left: 0; height: 27px; cursor: pointer; } /* FANCY SELECT LISTING ACTIONS */ .listing_actions .outer-select .inner-select {height: 10px;line-height: 10px;} .listing_actions .outer-select select {height: 24px;} .listing_actions .outer-select {margin-top: 3px !important; margin-bottom: 5px !important;} /* TRUSTED SHOPS HEADER -------------------------------------------- */ #header .inner .trusted_shops_top { position: absolute; top: 45px; right: 240px; display: block; width: 200px; height: 40px; } #header .inner .trusted_shops_top img, #header .inner .trusted_shops_top p { float: left; width: 40px; margin-right: 5px; } #header .inner .trusted_shops_top p {width: 155px; margin-right: 0; margin-top: 5px; font-size: 11px; color: #999;} /* LIGHTBOX -------------------------------------------- */ #lbCenter, #lbBottomContainer { -webkit-box-shadow: 0 0 15px #666; -moz-box-shadow: 0 0 15px #666; box-shadow: 0 0 15px #666; } #lbCloser {background: url("../images/icons/ico_closebutton.png") no-repeat 0 0;} /* BANNER EMOTION SLIDER -------------------------------------------- */ .banner-slider-emotion .ajaxSlider { border: 0 none } #content .banner-slider-emotion .ajaxSlider .headingbox { border: 1px solid #dfdfdf; } body #content .banner-slider-emotion .ajaxSlider .slide_navigation { display: block; z-index: 10; position: absolute; bottom: -40px; left: 0; top: auto; right: auto; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; transition: bottom 0.2s; width: 100%; text-align: center; } .banner-slider-emotion .ajaxSlider .slide_navigation a { color: #fff; background: url("../images/sprite-banner-slider.png") no-repeat -56px -23px; display: inline-block; width: 25px; height: 23px; line-height: 23px; text-align: center; font-weight: bold; margin: 0 1px; } .banner-slider-emotion .ajaxSlider .slide_navigation a.active { background-position: -56px 0; } .banner-slider-emotion .ajaxSlider .leftArrow { background: url("../images/sprite-banner-slider.png") no-repeat; height: 117px; width: 28px; border: 0 none; margin-top: -45px; margin-left: 67px; } .banner-slider-emotion .ajaxSlider .rightArrow { background: url("../images/sprite-banner-slider.png") no-repeat; height: 117px; width: 28px; border: 0 none; margin-top: -45px; margin-right: 49px; } .banner-slider-emotion .ajaxSlider .leftArrow { left: 0px; -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -o-transition: left 0.2s; -ms-transition: left 0.2s; transition: left 0.2s; } .banner-slider-emotion .ajaxSlider .rightArrow { background-position: -28px 0; right: 0px; -webkit-transition: right 0.2s; -moz-transition: right 0.2s; -o-transition: right 0.2s; -ms-transition: right 0.2s; transition: right 0.2s; } .banner-slider-emotion .ajaxSlider .rightArrow:hover { background-position: -28px -117px } .banner-slider-emotion .ajaxSlider .leftArrow:hover { background-position: 0 -117px } .banner-slider-emotion:hover .ajaxSlider .rightArrow { right: 0 } .banner-slider-emotion:hover .ajaxSlider .leftArrow { left: 0 } #content .banner-slider-emotion:hover .ajaxSlider .slide_navigation { bottom: 35px; } #content .banner-slider-emotion .slide { float: left; } #content .banner-slider-emotion .slide, #content .banner-slider-emotion .slide img { display: block } /* MANUFACTURER EMOTION SLIDER -------------------------------------------- */ .slider-manufacturer .sliding_container .slide { float: left } .slider-manufacturer .sliding_container .inner-slide { margin: 0 30px; position: relative; z-index: 1 } .slider-manufacturer .sliding_container .supplier { float: left; width: 165px; border: 0 none; margin: 26px 15px; text-align: center; height: 89px } .slider-manufacturer .sliding_container .supplier a { display: table-cell; vertical-align: middle; height: 89px; width: 200px; } .slider-manufacturer .sliding_container .supplier a * { vertical-align: middle } .slider-manufacturer .sliding_container .supplier a img { max-width: 204px; display: block; width: 100% \0/; margin: 0 auto;} /* .slider-manufacturer .sliding_container .supplier a { height: auto; cursor: pointer; display: block; vertical-align: middle; text-align: center; font-size: 12px; font-weight: bold; max-width: 100%; } .slider-manufacturer .sliding_container .supplier a * { vertical-align: middle } .slider-manufacturer .sliding_container .supplier a .vertical-center {display: inline-block; height: 100%; width: 1px; } .slider-manufacturer .sliding_container .supplier a img { max-width: 100%; display: block; width: 100% \0/; height: 85px; margin: 0 auto;} */ .slider-manufacturer .sliding_container .supplier .text { background: url(../../../../_default/frontend/_resources/images/backgrounds/bg_supplier_slider_text.png) repeat-x; display: block; border: 1px solid #C7C7C7; padding: 13px 0 14px; font-weight: 700; display: block; text-align: center; width: 134px; height: 20px; margin: 20px 10px 0; color: #545454; } /** INDEX - 3 COL LISTING **/ /* COL 1 */ .ctl_index .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier {width: 235px} .ctl_index .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier a img { max-width: 235px; } /* COL 2 */ .ctl_index .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier {width: 170px;} .ctl_index .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier a img { max-width: 170px; } /* COL 3 */ .ctl_index .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier {width: 198px;} .ctl_index .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier a img { max-width: 198px; } /** INDEX - 4 COL LISTING **/ /* COL 1 */ .ctl_index .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier {margin: 26px 8px;} /* COL 2 */ .ctl_index .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier {width: 187px;} .ctl_index .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier a img { max-width: 187px; } /* COL 3 */ .ctl_index .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier {width: 198px;} .ctl_index .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier a img { max-width: 198px; } /* COL 4 */ .ctl_index .emotion-col4 .col4 .slider-manufacturer .sliding_container .supplier {width: 204px;} .ctl_index .emotion-col4 .col4 .slider-manufacturer .sliding_container .supplier a img { max-width: 204px; } /** LISTING - 3 COL LISTING **/ .ctl_listing .emotion-col3 .slider-manufacturer .sliding_container .supplier {margin: 34px 15px} /* COL 1 */ .ctl_listing .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier {width: 167px} .ctl_listing .emotion-col3 .col1 .slider-manufacturer .sliding_container .supplier a img { max-width: 167px; } /* COL 2 */ .ctl_listing .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier {width: 126px; margin: 40px 15px;} .ctl_listing .emotion-col3 .col2 .slider-manufacturer .sliding_container .supplier a img {max-width: 126px} /* COL 3 */ .ctl_listing .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier {width: 154px;} .ctl_listing .emotion-col3 .col3 .slider-manufacturer .sliding_container .supplier a img { max-width: 154px; } /** LISTING - 4 COL LISTING **/ .ctl_listing .emotion-col4 .slider-manufacturer .sliding_container .supplier {margin: 34px 15px} /* COL 1 */ .ctl_listing .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier {margin: 34px 0; width: 131px;} .ctl_listing .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier a img { max-width: 131px } /* COL 2 */ .ctl_listing .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier {width: 137px;} .ctl_listing .emotion-col4 .col2 .slider-manufacturer .sliding_container .supplier a img { max-width: 137px } /* COL 3 */ .ctl_listing .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier {width: 148px;} .ctl_listing .emotion-col4 .col3 .slider-manufacturer .sliding_container .supplier a img { max-width: 148px } /* COL 4 */ .ctl_listing .emotion-col4 .col4 .slider-manufacturer .sliding_container .supplier {width: 154px;} .ctl_listing .emotion-col4 .col1 .slider-manufacturer .sliding_container .supplier a img { max-width: 154px } /* ARTICLE EMOTION SLIDER -------------------------------------------- */ #content .article-slider-emotion .ajaxSlider .sliding_outer {height: 100%;} #content .article-slider-emotion .ajaxSlider .sliding_container .slide { width: 100%; padding: 0 30px } #content .article-slider-emotion .ajaxSlider .sliding_container .slide .article_box { height: 88%; width: auto; margin: 10px 0; float: none; border-right: 1px solid #dfdfdf; } #content .article-slider-emotion .outer-article-box {float: left;height: 100%;} #content .article-slider-emotion .outer-article-box .article-thumb-wrapper {display: block;height: 220px;text-align: center;} #content .article-slider-emotion .outer-article-box .article-thumb-wrapper img {display: inline-block;max-width: 100%;max-height: 200px;} #content .article-slider-emotion .article_box .title, #content .article-slider-emotion .article_box .price {font-size: 14px;} #content .article-slider-emotion .slide .outer-article-box:last-child .article_box {border-right: 0;} #content .article-slider-emotion .slide .article-purchase-unit {text-align: center;color: #000;font-size: 10px;margin-bottom: 5px;} .emotion-link {border-top: 1px solid #F7D5C5;margin-top: 10px;padding-top: 10px;} .emotion-offers { color: #e1540f; background: url("../images/icons/ico_listing-next.png") no-repeat scroll -3px 1px transparent; padding: 0 0 5px 15px; display: inline-block; } .emotion-offers:hover { text-decoration: underline;} .fuzzy_result_box { width: 798px; } .fuzzy_result_box .inner_box { border: 1px solid #dfdfdf; } .mousetrap { opacity: 0; background: #fff }