/* ===== templates/_default/frontend/_resources/styles/framework.css ===== */ /* Shopware CSS-Framework ------------------------------ http://www.shopware.de Copyright (c) 2010 Shopware AG @author: stp/Shopware AG @version v0.9 beta @date: 05-25-2010 @modified: 07-13-2010 @package: css/framework GRID SYSTEM ------------------------------ based on 960gs Gridsystem License: Licensed under GPL and MIT Columns: 20 Column width: 30px Gutter width: 10px Full width: 1000px Content width: 980px CSS RESET ------------------------------ based on YUI 2 Reset License: http://developer.yahoo.com/yui/license.html Version: 2.8.1 FRAMEWORK ------------------------------ based on BlueprintCSS Framework License: http://wiki.github.com/joshuaclayton/blueprint-css/license Version: 0.8 */ /* GRID GLOBAL ------------------------ */ .container_20 {margin-left: auto;margin-right: auto;width: 1000px;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;} #right, #center, #detail {position: static;} /* GRID FIRST AND LAST COLUMN ------------------------ */ .first {margin-left: 0;} .last {margin-right: 0;} /* GRID COLUMNS ------------------------ */ .container_20 .grid_1{width:30px} .container_20 .grid_2{width:80px} .container_20 .grid_3{width:130px} .container_20 .grid_4{width:180px} .container_20 .grid_5{width:230px} .container_20 .grid_6{width:280px} .container_20 .grid_7{width:330px} .container_20 .grid_8{width:380px} .container_20 .grid_9{width:430px} .container_20 .grid_10{width:480px} .container_20 .grid_11{width:530px} .container_20 .grid_12{width:580px} .container_20 .grid_13{width:630px} .container_20 .grid_14{width:680px} .container_20 .grid_15{width:730px} .container_20 .grid_16{width:780px} .container_20 .grid_17{width:830px} .container_20 .grid_18{width:880px} .container_20 .grid_19{width:930px} .container_20 .grid_20{width:980px} /* PREFIX EXTRA SPACE ------------------------ */ .container_20 .prefix_1{padding-left:50px} .container_20 .prefix_2{padding-left:100px} .container_20 .prefix_3{padding-left:150px} .container_20 .prefix_4{padding-left:200px} .container_20 .prefix_5{padding-left:250px} .container_20 .prefix_6{padding-left:300px} .container_20 .prefix_7{padding-left:350px} .container_20 .prefix_8{padding-left:400px} .container_20 .prefix_9{padding-left:450px} .container_20 .prefix_10{padding-left:500px} .container_20 .prefix_11{padding-left:550px} .container_20 .prefix_12{padding-left:600px} .container_20 .prefix_13{padding-left:650px} .container_20 .prefix_14{padding-left:700px} .container_20 .prefix_15{padding-left:750px} .container_20 .prefix_16{padding-left:800px} .container_20 .prefix_17{padding-left:850px} .container_20 .prefix_18{padding-left:900px} .container_20 .prefix_19{padding-left:950px} .container_20 .suffix_1{padding-right:50px} .container_20 .suffix_2{padding-right:100px} .container_20 .suffix_3{padding-right:150px} .container_20 .suffix_4{padding-right:200px} .container_20 .suffix_5{padding-right:250px} .container_20 .suffix_6{padding-right:300px} .container_20 .suffix_7{padding-right:350px} .container_20 .suffix_8{padding-right:400px} .container_20 .suffix_9{padding-right:450px} .container_20 .suffix_10{padding-right:500px} .container_20 .suffix_11{padding-right:550px} .container_20 .suffix_12{padding-right:600px} .container_20 .suffix_13{padding-right:650px} .container_20 .suffix_14{padding-right:700px} .container_20 .suffix_15{padding-right:750px} .container_20 .suffix_16{padding-right:800px} .container_20 .suffix_17{padding-right:850px} .container_20 .suffix_18{padding-right:900px} .container_20 .suffix_19{padding-right:950px} /* PUSH SPACE ------------------------ */ .container_20 .push_1{left:50px} .container_20 .push_2{left:100px} .container_20 .push_3{left:150px} .container_20 .push_4{left:200px} .container_20 .push_5{left:250px} .container_20 .push_6{left:300px} .container_20 .push_7{left:350px} .container_20 .push_8{left:400px} .container_20 .push_9{left:450px} .container_20 .push_10{left:500px} .container_20 .push_11{left:550px} .container_20 .push_12{left:600px} .container_20 .push_13{left:650px} .container_20 .push_14{left:700px} .container_20 .push_15{left:750px} .container_20 .push_16{left:800px} .container_20 .push_17{left:850px} .container_20 .push_18{left:900px} .container_20 .push_19{left:950px} /* PULL SPACE ------------------------ */ .container_20 .pull_1{left:-50px} .container_20 .pull_2{left:-100px} .container_20 .pull_3{left:-150px} .container_20 .pull_4{left:-200px} .container_20 .pull_5{left:-250px} .container_20 .pull_6{left:-300px} .container_20 .pull_7{left:-350px} .container_20 .pull_8{left:-400px} .container_20 .pull_9{left:-450px} .container_20 .pull_10{left:-500px} .container_20 .pull_11{left:-550px} .container_20 .pull_12{left:-600px} .container_20 .pull_13{left:-650px} .container_20 .pull_14{left:-700px} .container_20 .pull_15{left:-750px} .container_20 .pull_16{left:-800px} .container_20 .pull_17{left:-850px} .container_20 .pull_18{left:-900px} .container_20 .pull_19{left:-950px} /* CLEAR FLOATED ELEMENTS ------------------------ */ .clear{clear:both;display:block;width:0;height:1px;float:none;font-size:0;line-height:0;padding:0 !important;margin: 0 !important;} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} .clearfix{display:inline-block} * html .clearfix{height:1%} .clearfix{display:block} hr.space {background:#fff;color:#fff;} /* CSS-RESET ------------------------ */ html{color:#000; background:#FFF} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;} ins{background-color:#ff9;color:#000;text-decoration:none;} mark{background-color:#ff9;color:#000; font-style:italic;font-weight:bold;} del{text-decoration: line-through;} abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit; font-weight:inherit} del, ins{text-decoration:none} li{list-style:none} caption, th{text-align:left} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} q:before, q:after{content:''} abbr, acronym{border:0; font-variant:normal} sup{vertical-align:baseline} sub{vertical-align:baseline} legend{color:#000} input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit} input, button, textarea, select{font-size:100%} /* GENERAL & TYPOGRAPHY ------------------------ */ html{font: 11px/1.3em "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;color: #333;} p {margin:0 0 1.5em;} img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;} a {color:#009;text-decoration:underline;} a, a:link, a:visted {color:#5E86AC} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} th {font-weight:bold;} th, td, caption {padding:4px 10px 4px 5px;} caption {background:#eee;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;} .smallsize {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .alt {color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic;font-weight: normal;} .hide {display: none; visibility: hidden; height: 0px; width: 0px;} .none {padding: 0; margin: 0; clear:both} .uppercase {text-transform: uppercase} .lowercase {text-transform: lowercase} .hidden {text-indent: -9999em; display: none;} .bold {font-weight:bold;} .italic {font-style: italic;} .left {float: left;} .center {text-align: center;} .right {float: right;} .textright {text-align:right} .textleft {text-align:left} .displaynone {display:none;} .displayblock { display:block } .hide_script {display: none !important;} /* HORIZONTAL LINES ------------------------ */ hr {background: #ddd; color: #ddd;clear:both;float:none;width:100%; height:0.1%;margin:0 0 1.45em;border:none;position:static;} .space, .doublespace {background:transparent;border:0 none;height:10px;clear:both; float:none;} .doublespace {height: 20px;} hr.line {background: #dedede;width: 100%; height: 10px;visibility: visible; border: 0 none;} hr.smallline {width: 100%; height: 1px;visibility: visible;background: #ebebeb;border: 0 none;position: static;line-height:0;font-size:0;} /* FORM ELEMENTS ------------------------ */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input[type=text], input[type=email], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;} input[type=text]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;} input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title, .supportrequest input {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background-color:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* TABLE ------------------------ */ table {margin-bottom:1.4em;width:100%;} thead {background-color:#F3F3F3;line-height: 30px;} thead tr {border: 1px solid #dfdfdf;} thead th {padding-left: 5px; font-weight: bold;background-color:#F3F3F3;} tbody {border: 1px solid #dfdfdf;} tbody tr {border-bottom: 1px dashed #dfdfdf;} tbody td {padding: 10px;} tfoot {background-color:#f3f3f3; border: 1px solid #dfdfdf; border-top: none;} tfoot td {padding: 20px 10px} /* HEADLINES ------------------------ */ h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} /* LINKS ------------------------ */ a {text-decoration: none;color: #333;} a:hover {text-decoration: underline;} a.link {font-weight: bold;} /* RESPONSE ELEMENTS ------------------------ */ .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error, .instyle_error, input.instyle_error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success, .instyle_success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* Inline validation */ input[type=text].instyle_error, input[type=password].instyle_error {background-color:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} input[type=text].instyle_success, input[type=password].instyle_success {background:#E6EFC2;color:#264409;border-color:#C6D880;} /* ===== templates/_default/frontend/_resources/styles/style.css ===== */ /** Shopware 3.5 Template default stylesheet http://shopware.de This stylesheet contains all styled elements which are used in the default template. Please notice that we've placed all color codes in a different stylesheet called colors.css. If you wish to customize Shopware for your needs please refer to www.shopware.de/wiki for more informations. @package default @subpackage css @category design @version v1 @author stp/Shopware AG @copyright Copyright (c) 2010 Shopware AG (http://www.shopware.de) */ *:focus {outline: 0 none;} html {font: normal 11px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 10px 0 0;line-height: 1.3em;} .container_20 {background: #fff;width:1000px;margin:20px auto 0;border:1px solid;overflow:hidden;text-align: left;} table .right {text-align: right; float: none;} fieldset {border: 0 none; margin:0;padding:0;} label {display:inline-block} .ajax_loader {display:inline-block; background: url(/templates/_default/frontend/_resources/images/icons/ico_ajax-loader.gif) no-repeat;height:16px; width:16px; padding: 0 2px;display:none;} hr {position: static;} hr.clear {clear:both;} .doubleborder {border-bottom:0.3em double;margin:0 0 0.5em;} .no_picture {display: block;background: url(/templates/_default/frontend/_resources/images/no_picture.jpg) no-repeat center center;height: 100px;width: 100px;} .no_picture.small {height: 57px;width: 57px;} .noscript_notice {width: 980px;margin: 0 auto;} textarea {resize: none;} /* HEADING BOX ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {border: 1px solid;border-bottom: 0 none;height: 20px;font-size: 11px;font-weight: 700;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) left bottom repeat-x;padding: 5px 0 5px 10px;margin: 0 !important;} #content .headingbox_nobg {background: 0 none;height: 18px;} #content .headingbox_dark {height: 25px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_registerbox.png) left bottom repeat-x;} #content .largesize {font-size: 14px;height: 30px;} div.blog_navi .headingbox, #right h2.headingbox_nobg, #right h2.headingbox {border-right: 0 none;} /* HEADLINES ------------------------ */ h2, h3 {line-height:1.6em} h2 {font-size: 18px;margin: 10px 0 5px;} h3 {font-size: 14px;margin: 0 0 5px 0;} /* ICONS ------------------------ */ a.del {background: url(/templates/_default/frontend/_resources/images/icons/ico_delete.png) no-repeat;display: block;height: 21px;width:24px;} a.link {background: url("/templates/_default/frontend/_resources/images/icons/ico_listing-next.png") left top no-repeat; padding:0 0 5px 20px; font-weight: 500;display:block; } div.ico_new, div.ico_tipp, div.ico_esd {font-family: "Arial Black";font-size: 13px;font-weight: bold; text-shadow: #777 1px 1px 1px; letter-spacing: -1px;} div.ico_new {z-index: 210; position: absolute; top: 28px; left: -1px; width: 68px; height: 28px; background: url(/templates/_default/frontend/_resources/images/sprite_listing.png) no-repeat 0 -50px;} div.ico_new span {display: block; width: 68px;margin: 5px 0 0 32px} div.ico_esd {position: absolute;top:-3px;right:74px; width: 94px; height: 24px; background: url(/templates/_default/frontend/_resources/images/sprite_listing.png) no-repeat 0 0px; z-index: 210;} div.ico_esd span {display: block;width:94px;text-align:center;margin: 3px 0 0 0;} div.ico_tipp {z-index: 210; position: absolute; top: -4px; right: 10px; width: 57px; height: 25px; background: url(/templates/_default/frontend/_resources/images/sprite_listing.png) no-repeat 0 -24px;} div.ico_tipp span {display: block;text-align: center;margin-top:4px;} /* Flags */ #topbar .flag {display: block;width: 16px; height: 11px;text-indent: -9999px;margin: 8px 5px 0 0;float:left;} /* TRUSTED SHOPS, PAYPAL ------------------------ */ #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {padding: 10px;border-right: 1px solid;border-bottom: 1px solid;} #paypalLogo_noborder {border-bottom: 0px none;padding: 10px 10px 0;} #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container {padding: 5px 10px;border: 1px solid;} #trustedShopsLogo a, #paypalLogo a, #paypalLogo_noborder a {display: block;text-align: center;} #trustedShopsLogo a img, #paypalLogo a img, #paypalLogo_noborder a img {display: block;margin: 0 auto;} #trustedShopsLogo p, #paypalLogo p, #paypalLogo_noborder p {margin: 10px 0 0 0;} .trustedshops_form {border: 1px solid;padding: 10px;width: 939px;} #trustedShopsLogo a { display: inline; } /* HEADER ------------------------ */ #header {height:115px;position: relative; width: 100%;} #header #logo a {background: url(/templates/_default/frontend/_resources/images/logo.jpg) no-repeat;width: 148px;height: 44px;text-indent: -9999px;display: block;margin: 38px 0 0 38px;} /* LANGUAGE AND CURRENCY ------------------------ */ #topbar {position: absolute; right: 0; top: 0;padding: 0 5px;height:25px;} #topbar form {float:left;} #topbar input {border: 1px solid; background:transparent;margin: 6px 0 0 0;padding:0;font-size:11px;cursor: pointer;} #topbar input:hover {border: 1px dashed;} #topbar input.active {font-weight: 700;} #topbar .currency {padding-right:6px;margin-right:6px;border-right: 1px solid;display: block;} #topbar select {border: 0 none;} /* SHOPNAVIGATION Account, Notes, Basket ------------------------ */ #shopnavi .newbasket {width: 300px;position: absolute; right: 0px;top:35px;} #shopnavi .display {width: 210px;margin: 18px 0 22px 0;position: static;} #shopnavi .display .top {margin-top: 5px;} #shopnavi .display_basket {display:inline} #shopnavi .icon {width: 77px;position: static;} #shopnavi .icon a {display: block; background: url(/templates/_default/frontend/_resources/images/icons/ico_basket.png) no-repeat; width: 77px; height: 83px;text-indent: -9999em;} #shopnavi .quantity {padding: 0 0 0 2px;} #shopnavi .sep {padding: 0 3px;} #shopnavi .ajax_basket_container {border: 1px solid;width: 210px;height: 22px;margin-top:5px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_ajaxbasket.png) repeat-x;} #shopnavi .ajax_basket_container .ajax_basket {height: 16px;padding: 4px 10px 0 10px;cursor:pointer;background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_down.gif") no-repeat scroll 200px 9px;} #shopnavi .ajax_basket_container div.ajax_loader {background: url(/templates/_default/frontend/_resources/images/icons/ico_ajax-loader.gif) no-repeat;height:16px; width:16px;display:none;position: absolute;right:25px;top:46px;} /* My options */ .my_options {position: absolute; top: 58px;left:490px;} .my_options a {padding: 0 20px 0 20px;height: 16px;line-height:16px; display: block;float:left;} .my_options a.account {background: url("/templates/_default/frontend/_resources/images/icons/ico_myaccount.png") left center no-repeat;} .my_options a.note {background: url("/templates/_default/frontend/_resources/images/icons/ico_notes.png") left center no-repeat;} .my_options a.compare {background: url("/templates/_default/frontend/_resources/images/icons/ico_compare.png") left center no-repeat;} /* Ajax basket result */ .ajax_basket_result {display: none;top: 27px;right: -2px;padding: 10px;width: 280px;border: 1px solid;text-align: left;position: absolute; z-index:9000;left: 200px;top: 100px;} .ajax_basket_result .button-left {padding: 0 10px 0 35px;} .ajax_basket_result .inner_cart {border: 1px solid;margin-bottom:10px;} .ajax_basket_result .inner_cart div {position:relative;margin-bottom:1px;height:25px;padding: 5px;z-index:20;} .ajax_basket_result .inner_cart div.last {margin: 0;} .ajax_basket_result .inner_cart .thumbnail {float:left;width: 30px;height:30px;margin-right:4px;margin:0;padding:0;text-align: center;} .ajax_basket_result .inner_cart span {margin:inherit;} .ajax_basket_result .inner_cart span.title {width: 190px;margin: 6px 0 0 8px; display: block;} .ajax_basket_result .inner_cart div.picture, #shopnavi .ajax_basket_result span {display:inline-block} .ajax_basket_result .inner_cart div.picture a {width:30px;height:30px;display:block} .ajax_basket_result .inner_cart .price {position:absolute; right:5px; top:10px;} .ajax_basket_result .inner_cart span.title a {text-transform: none;} .ajax_basket_result .right a {margin: 0;width: 56px;} /* MAINCATEGORIES ------------------------ */ #mainNavigation {padding: 1px 0 0 15px; width: 983px; margin: 20px 0px 0 1px;line-height: 30px;position: static;height: 32px;} #mainNavigation li {float: left;position: static;} #mainNavigation a {display: block;padding: 0px 15px;border-right: 1px solid;border-left: 1px solid;position: static;} #mainNavigation a.active {font-weight: 700;height:31px;border: 1px solid; border-bottom: 0 none;background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_navigation_top_active.jpg") repeat-x;} #mainNavigation ul li ul {display: none;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {border: 1px solid;height: 35px;position: relative;z-index: 3000;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {display: block;position: absolute;background: #fff;width:250px;z-index:2000;margin-top: -1px;border: 1px solid #000;} #mainNavigation ul li ul.dropdown li {position: relative} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_right.gif) 240px center no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background: url(/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_right_white.gif) right center no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {border: 0 none;background: 0 none;display:block;height:30px;line-height:30px;border-bottom:1px solid;width:220px;} #mainNavigation ul li.dropactive:hover ul.droplevel {display: none;position: absolute;left: 250px;top:0;border: 1px solid;width: 250px;} #mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel {display:block;} #mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel ul.droplevel {display: none;} #mainNavigation ul li.dropactive:hover li.sub:hover ul.droplevel li:hover ul.droplevel {display: block;} /* BREADCRUMB ------------------------ */ div#breadcrumb {position:static;margin: 0;display:block;float:none;clear:both;padding:0 15px; height: 40px;line-height: 36px;background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png") repeat-x left bottom;border: 1px solid} div#breadcrumb strong {font-weight: 500} #breadcrumb .sep {padding: 0 2px;} /* FAUX COLUMNS ------------------------ */ #content .inner {overflow: hidden;width: 1000px;z-index:1} #content .inner, #content .inner div#left, #content .inner div#center {float: left;} /* SIDEBAR LEFT ------------------------ */ #content #left.info {width: 158px;} #content #left.info h2 {font-size: 11px;padding-top:10px;height:26px;} #content #left ul li {border: 1px solid;border-bottom: 0 none;border-right: 0 none;} #content #left ul li a {display: block;margin: 0 0 0 0px;padding: 8px 0 8px 15px;font-size:11px;} #content #left ul li.active {background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_navigation_left_active.png") repeat-x;border: 1px solid;width:178px;} #content #left ul li.active a.active {font-weight: 700;} #content #left ul li.active.sub a.active {font-weight: 700;background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow_down.png") no-repeat scroll 155px center;border-bottom:1px solid;} #content #left ul li.active li a {margin: 0 0 0 10px;padding: 6px 0 6px 10px;background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_right.gif") no-repeat left center !important;} #content #left ul li.active.sub ul a.active {border-bottom: 0 none;margin-left:15px;} #content #left ul li.active ul.submenu {padding-bottom: 5px;} #content #left ul li.active ul.submenu ul {border-top:1px solid;border-bottom: 1px solid;} #content #left ul li.active ul.submenu ul.submenu {border-bottom: 0 none;} #content #left ul li.active ul.submenu ul.submenu ul.submenu {border-bottom: 1px solid;} #content #left ul li.active li.active {background: transparent;border: 0 none;} #content #left ul li.active li.active a {border: 0 none; background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_down.gif") no-repeat left center !important;} #content #left ul li.active li.active a.flag {background: 0 none !important;font-weight:700;} #content #left ul li.active li.active li a {margin: 0 0 0 15px;padding: 4px 0 4px 10px; background:0 none !important;font-size: 10px;} #content #left ul li.active li.active li a.flag {font-weight: 700;} #content #left ul li.active li.active li.active a.flag {font-weight: 500} #content #left ul li.active li.active li.active a.active {margin-left: 20px; font-weight: 700; background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_down.gif") no-repeat left center !important;} #content #left ul li.active li.active li .level3 a {padding: 4px 0px 4px 20px;} #content #left ul#servicenav {margin: 18px 0 0 0;border: 1px solid; border-left: 1px solid;padding-bottom: 15px;} #content #left ul#servicenav li {background: transparent;} #content #left ul#servicenav li.heading {background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_servicenav.png") repeat-x;height: 33px; line-height: 33px;padding: 0 0 0 15px;text-transform: uppercase;color: #636363;font-weight: 700;border: 0 none;margin: 0 0 12px 0;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;} #content #left ul#servicenav li a {padding: 4px 0 4px 10px;} /* SIDEBAR RIGHT ------------------------ */ #content #right {overflow: hidden;width: 150px;position: static;float:right;margin-left: 0px !important;} div.blogFilter ul li, div.blogInteract ul li {padding: 6px 0 6px 10px;margin: 0 0 0 0;border-bottom:1px solid;background:#fff;} div.blogFilter ul li.last, div.blogInteract ul li.last {border-bottom: 0 none;} div.supplier ul li {margin: 0 0 0 0;padding: 6px 0 6px 10px;border-bottom:1px solid;} div.supplier ul li.last {border-bottom: 0 none;} div.supplier ul li.image {height: auto;text-align:center;} div.supplier ul li.image a {margin:0;} div.supplier_filter {margin:0px 0px 20px 0px; padding:0px; width:150px;border-bottom: 1px solid;} div.supplier_filter div {display:block;cursor:pointer;position:relative;border: 1px solid; border-right: 0 none;border-bottom: 0 none;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_filter_inactive.jpg) repeat-x;height: 20px;padding:6px 0 0px 16px;width:133px;margin:0;} div.supplier_filter div.slideContainer {background-image: none;padding: 0;height: auto;border: 0;} div.supplier_filter h5 {border-left: 1px solid;margin-bottom:0; padding: 5px 0 5px 5px;} .blog_navi div.supplier_filter div {width: 122px;} div.supplier_filter div.active {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_filter_active.jpg) repeat-x;font-weight: 700;} div.supplier_filter div span.expandcollapse {position: absolute; right: 10px; top:5px; border-bottom: 0 none;margin:0;height: 13px; width: 13px; text-indent: -9999px; background: url(/templates/_default/frontend/_resources/images/icons/ico_filter.gif) 0 -13px no-repeat;} div.supplier_filter div.active span.expandcollapse {background: url(/templates/_default/frontend/_resources/images/icons/ico_filter.gif) 0 0 no-repeat;} div.supplier_filter ul li {border-left: 1px solid; display: inline-block;} div.supplier_filter ul li a, div.supplier_filter ul li.active {padding: 6px 0 6px 22px;background: url(/templates/_default/frontend/_resources/images/icons/ico_search_inactive.png) 5px 7px no-repeat;display: block;} div.supplier_filter ul li:hover a, div.supplier_filter ul li.active {background: url(/templates/_default/frontend/_resources/images/icons/ico_search_active.png) 5px center no-repeat;} div.supplier_filter ul li:hover a, div.supplier_filter ul li.active a {text-decoration: none;} div.supplier_filter ul li.active {font-weight: 700;text-decoration:none;} div.supplier_filter ul li.close span {background: #fff none;border: 0 none;font-weight: 700;padding:0;} div.supplier_filter ul li.close:hover a {background: url(/templates/_default/frontend/_resources/images/icons/ico_search-delete.png) 5px center no-repeat;} div.supplier_filter .space { display: none; } #right div.supplier_filter.blog {width:140px;} div.supplier, div.blogFilter, div.blogInteract {border:1px solid; border-right: 0 none; border-top: 0 none; right:0;margin: 0 0 20px 0;padding: 0 0 0 0;} .filter_actions {position: absolute;right: 5px;top: 25px;} .filter_actions span {cursor: pointer; position: relative;} div.blogInteract ul li {height: 20px;padding:6px 5px 3px 0;border-top: 0 none;} div.blogInteract ul li.last {border-bottom: 0 none;} /* Register right */ #content div#right.register {width: 168px;margin-left:10px !important;float:left;} div#right.register h2 {margin: 0;border: 1px solid;border-bottom: 0 none;font-weight: 700; font-size: 12px; line-height: 32px;height: 32px;padding: 0 0 0 9px;} div#right.register ul {display: block;padding-top: 10px; border: 1px solid; border-top: 0 none transparent;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) top left repeat-x;} div#right.register li {display: block;margin: 0 0 0 10px;padding: 10px 0 10px 30px;background: url(/templates/_default/frontend/_resources/images/icons/ico_register-benefit.png) no-repeat center left;color: #52892c;} div.blog_navi {margin-left:10px;} /* CONTENT CENTER ------------------------ */ #content {margin-top:10px;overflow: hidden;position:static;z-index:1} #center {margin-left: 10px;margin-right: 10px;} .teaser {border: 8px solid;padding: 12px;} .teaser p {text-align: center;font-size:12px;} .blogentry .img {float: left;padding: 8px;} .blogentry .post_metadata {font-size:10px;margin:4px 0 12px;padding:0 0 9px;} .blogentry .post_metadata span {border-right:1px solid;padding:0 8px;} .blogentry a {font-weight: 700;} #center .teaser_small h1, #content .orders h1, #content .downloads h1, #content #ticket h1, #content .cat_text h1, #content .supplier_register h1 {font-size:18px;margin:5px 0 15px;} #content #center .cat_text h1 {font-weight: 700;} #content #right_account {margin-left:20px;} #content #right_account {margin: 0;} #content .account {margin-left:20px; margin-right:0px;} #content .custom {margin-right: 40px;} #content .custom {width: 560px;} #content .custom h1 {font-size: 18px; font-weight: 700;} #content .custom ol {margin-left: 25px;} #content .custom ul {margin-left: 20px;} #content .custom ul li, #content .custom ol li {list-style: disc;float:none;} #content .custom ol li {list-style: decimal} #supplierfilter {padding: 10px; border: 2px solid;} #supplierfilter .text {display:block;float:left;margin-top:6px;} #content .cat_text, #content .register .supplier_register {padding: 0 0 8px;margin: 0 0 12px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_cat_text.png) left bottom no-repeat;} #content .cat_text .inner_container, #content .register .supplier_register .inner_container {border: 1px solid; padding: 20px 20px 0; margin: 0;margin: 0 0 0;} #content #notes .cat_text, #content .account .cat_text, #content .register .supplier_register {margin-left: 10px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_cat_text_note.png) left bottom no-repeat;} #content .account .cat_text {margin: 0;} #content .banner {margin-bottom: 10px;} .required_fields { border: 1px solid #c7c7c7; padding: 10px; background: #F3F3F3; font-weight: 700 } #letterForm .required_fields { margin: 0 20px 20px; background: #fff; } /* GENERAL LISTING ------------------------ */ .listing_actions {border:1px solid;height:56px;padding:0 15px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_listing_actions.png) top left repeat-x;} .listing_actions .top {height: 23px;padding: 0 0 5px 0;} .listing_actions .bottom {height:23px;padding: 5px 0 0 0; border-top: 1px solid;} .listing_actions select {width:135px;margin:0.5em 0;} .listing_actions label {height: 22px;float:left; display: block; margin: 8px 5px 0 0;} .listing_actions .paging label {float:left;margin: 3px 18px 0 0;} .listing_actions .articleperpage select {width:50px} .listing_actions.bottom, .listing_actions.normal {height: 28px;} .listing_actions .bottom .paging {float:left;} .listing_actions a.navi, .listing_actions div.more { display:block; float:left; margin-right:1px;height:14px;width:14px;font-size:10px;border:1px solid;padding:1px;vertical-align: middle; text-align: center; } .listing_actions a.prev {background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_left.gif") no-repeat scroll center 6px transparent;text-indent: -9999px;} .listing_actions a.more {background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_right.gif") no-repeat scroll center 6px transparent;text-indent: -9999px;} .listing_actions .sort-filter {width: 210px;text-align: left;float:left;} .listing_actions .articleperpage {width:160px;margin: 0 auto 0 42px; text-align: center;float:left;} .listing_actions .articleperpage.rightalign {text-align: right;float:left;} .listing_actions .list-settings {width: 165px;text-align: right;float:right;} .listing_actions .list-settings .table-view, .listing_actions .list-settings .list-view { background: url(/templates/_default/frontend/_resources/images/icons/ico_view.png) no-repeat; width: 27px; height: 20px; display: block;float:left; margin:3px 0 0 5px; } .listing_actions .list-settings .table-view:hover, .listing_actions .list-settings .list-view:hover {text-decoration: none;} .listing_actions .list-settings .table-view:hover, .listing_actions .list-settings .table-view.active {background-position: 0 -20px;} .listing_actions .list-settings .list-view:hover, .listing_actions .list-settings .list-view.active {background-position:-28px -20px;} .listing_actions .list-settings .table-view {background-position: 0 0px;} .listing_actions .list-settings .list-view {background-position: -28px 0px;} .listing_actions .list-settings label {float: left;} .listing_actions .list-settings select {width:95px;float:left;} .listing_actions .bottom .display_sites {width: 135px; display: block; float:right;text-align:right;margin:3px 0 0 0;} .contentlisting_box .listing_actions .paging {margin-top: 5px;} div.listing {overflow: hidden; width:680px;} .artbox {border: 1px solid;margin: 0px 11px 10px 0;float: left;position: relative;} .artbox .inner {padding: 10px 10px 5px 10px; overflow: visible !important;} .artbox .star {position: absolute; top:10px;} .artbox .artbox_thumb {margin-top:10px;height: 105px;display: block; text-align: center;} .artbox a.title {display: block;font-weight: 700;font-size:12px;margin: 0 0 8px 0;} .artbox p.desc {font-size:11px;line-height:13px;} .artbox p.price, .artbox p.pseudoprice {text-align: left;position: absolute;bottom: 65px;left: 10px;height: 30px;margin: 0;} .artbox p.pseudoprice {bottom: 77px} .artbox span.price {font-size: 14px;font-weight: 700;margin-bottom: 5px;} .article_box span.pseudo, .artbox span.pseudo {text-decoration: line-through;display:block;color: #777; font-weight: 500;} .artbox .unit {font-size: 10px; position: absolute;bottom: 115px;font-weight: 700;} .artbox .actions {position: absolute;bottom: 2px;left: 5px;width: 137px;} .artbox .actions a, .listing_actions .offers {display: block; width: 125px; height: 20px; border: 1px solid; position: relative; padding: 0 5px; margin-bottom: 2px;line-height: 20px;} .artbox .actions a, .listing_actions .offers, div#notes .table_row .action a, .blogbox a.more_info, .content_listing a.more_info, .bt_allsupplier, div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {background: url(/templates/_default/frontend/_resources/images/sprite_listing_buttons.png) right 0 no-repeat;} .artbox .actions a.more,.listing_actions .offers:hover,div#notes .table_row .action a.basket, .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {background-position: right -21px;} /* Base price */ .artbox .article_price_unit p, .artbox .article_price_unit_pseudo p { margin-bottom: 0; font-size: 10px; } /* Offers */ .listing_actions .offers {margin: 3px 0 0 195px; display:block;width: 190px;} .listing_actions .offers:hover {text-decoration: none;} /* Related */ #related .container, #related .container .listing {overflow: hidden;width: 483px;} #related .artbox {width: 157px;} #related .artbox .inner {height: 290px;} /* Promotion */ .artbox_shoppingworld {display: block; float:left;margin: 0px 11px 9px 0;} .artbox_shoppingworld img {vertical-align: bottom} /* Cross Selling */ /*.cross_box_content.listing {width:840px;} .cross_box_content.listing .artbox {width:197px;} */ /* 4 COL LISTING ------------------------ */ #listing .artbox {width: 147px;} #listing .artbox .inner {height: 310px;width:127px; overflow:auto;} #listing .artbox div.ico_esd {right: 1px; top:-3px;} #listing .artbox p.desc { margin: 0 0 1em; } #listing .article_price_unit .baseprice { display: block } /* 3 COL LISTING ------------------------ */ #listing-3col .artbox {width: 200px} #listing-3col .artbox .inner {height: 325px;width: 180px;} #listing-3col .artbox .actions {position: absolute;bottom: 27px;} #listing-3col .artbox .artbox_thumb {height: 145px;margin-top:0} #listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more, #listing-3col .artbox .buynow {width:179px;} #listing-3col .artbox a.compare_add_article, #listing-3col .artbox a.more {width:82px;position: absolute;} #listing-3col .artbox a.more {left: 97px;} #listing-3col .artbox div.ico_esd {right: 8px;top:24px;} #listing-3col .artbox p.price {bottom:40px;} #listing-3col .artbox p.pseudoprice {bottom: 52px;} #listing-3col .artbox p.desc { margin: 0 0 .8em } /* 2 COL LISTING ------------------------ */ #listing-2col .artbox {width: 307px;} #listing-2col .artbox .inner {height: 255px;width: 287px;} #listing-2col .artbox .artbox_thumb {height:140px;margin-top: 0;} #listing-2col .artbox .actions {right: 6px; left: auto;width: 135px;} #listing-2col .artbox .price {bottom: 5px;margin: 0;} #listing-2col .artbox .title {margin: 5px 0;width:150px;} #listing-2col .artbox .desc {width: 130px;} #listing-2col .artbox .unit {right: 10px; bottom: 80px;} #listing-2col .artbox p.pseudoprice {bottom:8px;} #listing-2col .artbox .article_price_unit, #listing-2col .artbox .article_price_unit_pseudo { position: absolute; bottom: 80px; right: 5px; width: 135px; } #listing-2col .artbox .article_price_unit .baseprice, #listing-2col .artbox .article_price_unit_pseudo .baseprice { display: block } /* 1 COL LISTING ------------------------ */ #listing-1col .artbox {width:629px;margin:0;border-bottom: 0 none;} #listing-blog .artbox .inner,#listing-1col .artbox .inner {height: 145px;width:609px;} #listing-blog .artbox .artbox_thumb, #listing-1col .artbox .artbox_thumb {display: block;width:105px;} #listing-blog .artbox a.title, #listing-1col .artbox a.title {position: absolute; top:15px;left:125px;width:330px;} #listing-blog .artbox p.desc, #listing-1col .artbox p.desc {position: absolute; top:45px;left:125px;width:330px} #listing-blog .artbox .actions, #listing-1col .artbox .actions {position: absolute;bottom: 15px;width:125px;left: 635px;} #listing-blog .artbox a.compare, #listing-1col .artbox a.more, #listing-1col .artbox .buynow, #listing-1col .artbox a.compare, #listing-1col .artbox a.more, #listing-blog #listing-1col .artbox .buynow {width:125px;} #listing-blog .artbox p.price, #listing-1col .artbox p.price {top: 15px;left:635px;text-align: left;display: block;width:100px} #listing-blog .artbox div.ico_esd, #listing-1col .artbox div.ico_esd {right: 200px;} #listing-blog .artbox .unit,#listing-1col .artbox .unit {bottom: 90px; right:45px;width: 100px;text-align:left;display:block} #listing-blog .artbox p.pseudoprice, #listing-1col .artbox p.pseudoprice {bottom: 110px; right:45px;left:auto;width:100px;display:block;} #listing-1col .artbox.last {border-bottom: 1px solid;} #listing-blog .artbox div.ico_tipp, #listing-1col .artbox div.ico_tipp {right:5px;} #listing-1col .artbox .actions, #listing-1col .artbox p.price, #listing-1col .artbox p.pseudoprice, #listing-1col .artbox .unit {left: 480px;} #listing-1col .artbox .article_price_unit, #listing-1col .artbox .article_price_unit_pseudo { position: absolute; left: 125px; } /* BLOG CROSS SELLING ------------------------ */ #listing-blog .artbox {width: 778px;border-top:0 none;margin: 0px 11px 0px 0;} #listing-blog .artbox .inner {width:758px;} #listing-blog .artbox p.desc {width:430px;} /* ARTICLE DETAIL ------------------------ */ /* General */ #content #detail {width:800px;margin-left:10px;} #buybox {width:250px;margin-right: 10px;} #detail .article_details_price2 {font-size:20px;line-height:20px;} #detail .article_details_price2 span {font-size:12px} #detail .article_details_price2 em {font-size: 12px;line-height:16px;text-decoration: line-through;display: block;} #detail .article_details_price2 strong {font-weight: 700;display:block;margin-bottom: 10px;} #detail em {font-style: normal} #content #detail #detailbox_middle, #content #detail #detail_menu, #content #detail #basketButton {position: static;} #detail .border {border-bottom: 1px solid;} #detail .wrapper {margin-left: 5px;width: 285px;} .basketform .error {width: 220px;} #detail #article_details .modal_open a {text-decoration: underline;} /* Navigation */ .menu_top {position: static;margin-bottom: 42px;} .article_overview, .article_back, .article_next {display: block; float:left;font-size:12px;} .article_overview {margin-left: 290px;background: url(/templates/_default/frontend/_resources/images/icons/ico_listing-overview.png) left center no-repeat;padding: 0 0 0 20px;width:145px;} .article_navi {width:240px;float:left;height:16px;margin: 0 0 0 73px;} .article_back {float:left} .article_next {float:right} .article_back a {background: url(/templates/_default/frontend/_resources/images/icons/ico_listing-prev.png) left center no-repeat;padding: 0 0 0 20px;} .article_next a {background: url(/templates/_default/frontend/_resources/images/icons/ico_listing-next.png) right center no-repeat; padding: 0 20px 0 0;} /* Images*/ #detailbox #img {width: 285px;} #detailbox #img img {display: block;margin:0 auto;} #detailbox #img #wrap {display: block; min-height: 255px;} #detailbox #img #wrap .mousetrap { opacity: 0; background: #fff } #zoom1 {display:block} #zoom1 {display: block;margin: 0 auto;} .cloud-zoom-big, #cloud-zoom-big {border: 5px solid;} #thumbs a {padding: 2px;border: 1px solid;margin: 2px;width: 56px;height: 56px;display: block;} #thumbs a:hover, #thumbs a.active {border: 1px solid;} .thumb_box a {float: left; height: 45px; width:45px; display: block; padding:0px; margin: 0 9px 5px; border: 2px solid;} .thumb_box a:hover {border: 2px solid;} /* Article details middle */ #detailbox h1, .article_details_price{font-size: 14px; font-weight: 700; line-height: 20px;margin-bottom: 15px;} #detail h1 {font-size: 16px;line-height:20px;font-weight: 700;margin-bottom: 20px;} div#article_details p {margin: 0;} div#article_details div.article_details_bottom {margin-top: 15px;} .article_details_price {display: block;font-size: 18px;} div#article_details .delivery_container {margin: 5px 0 0 0;} /* Configurator */ #buybox select {width: 115px;float: left;} #buybox select.variant, #buybox #configForm select {width: 240px;} #buybox label {width: 125px;float: left;position: static;margin-top: 6px;} #buybox #configForm p {margin: 0;} #buybox #configForm select {margin: 0 0 15px 0;} #buybox .config_table th {padding: 0 5px;} #buybox .config_table tbody th {text-align: center;} #buybox #basketButton {margin-top:15px;width: 241px;background-image: url("/templates/_default/frontend/_resources/images/backgrounds/bg_basketbutton.png");background-repeat: no-repeat;height: 40px;border:0 none;color:#fff;font-size:14px;cursor: pointer;} /* Upprice configurator */ #buybox .config_select p {margin: 0 0 5px;} #buybox .config_select select {float: none;width: 220px;margin: 0 0 15px;} /* Accessories */ #buybox .accessory_container p {margin: 0;} #buybox .accessory_container h2 {width: 228px;} #buybox .accessory_container label {width: 200px;cursor:pointer;} #buybox .accessory_container input.chkbox {float:right;margin-right: 5px;} #buybox .accessory_container label:hover {text-decoration: underline;} #buybox .accessory_container .accessory_group {margin:0 0 10px 0;border: 1px solid;border-top: 0 none; padding: 5px 0 10px 10px;position: relative;width: 228px;} /* Accessory overlay */ #content #buybox .accessory_container .accessory_overlay {position: absolute;right: 260px;top:-30px;display: none;z-index:20} #content #buybox .accessory_container .accessory_overlay .artbox {margin: 0;} #content #buybox .accessory_container .accessory_overlay .inner {width: 230px;height: 220px;} #content #buybox .accessory_container .accessory_overlay p.price, #content #buybox .accessory_container .accessory_overlay p.pseudoprice {bottom: 10px;left:10px;} #content #buybox .accessory_container .accessory_overlay p.price {bottom: 0px;} #content #buybox .accessory_container .accessory_overlay .unit {bottom: 40px; left:10px;} /* Notification */ #sendArticleNotification {border: 1px solid; padding: 8px;width: 222px;} #article_notification .notice {width: 220px;} #article_notification label {display: block;} #sendArticleNotification .text {width: 210px;} /* Description */ #description h2, #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;} #description h2, #comments h2, #related h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px 0;} #description ol {margin-left: 25px;} #description ul {margin-left: 20px;} #description ul li, #description ol li {list-style: disc;float:none;} #description ol li {list-style: decimal} /* Blog description */ .blogdetail_content .description h2, #comments h2, #related h2, #description ul, #description ol {margin: 0 0 1.5em;} .blogdetail_content .description h2, #comments h2, #related h2 {font-size: 14px; font-weight: 700; margin: 0 0 15px 0;} .blogdetail_content .description ol {margin-left: 25px;} .blogdetail_content .description ul {margin-left: 20px;} .blogdetail_content .description ul li, #description ol li {list-style: disc;float:none;} .blogdetail_content .description ol li {list-style: decimal} /* Tabs */ .ui-tabs { position: relative; padding: .2em;} .ui-tabs .ui-tabs-nav {margin: 0; padding: 0;} .ui-tabs .ui-tabs-nav a span {float:left;} .ui-tabs .ui-tabs-nav a span.star {float:left;display:block; margin:1px 0 0 5px;} .ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; margin: 0 .6em 0px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; border: 1px solid; background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_tabs-inactive.png") repeat-x;} .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom:1px;position: relative;z-index:1;margin-bottom: -1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} .ui-tabs .ui-tabs-panel { display: block;padding: 1em 1.4em; background: none;} .ui-tabs .ui-tabs-hide { display: none !important;} .ui-tabs .ui-tabs-nav li.ui-state-active {background-image: none;} /* Detailinfo */ #detail #detailinfo {background: #f5f4f0 url(/templates/_default/frontend/_resources/images/backgrounds/bg_detailinfo.png) left top repeat-x;padding-left: 19px;padding-bottom: 1000em;margin-bottom: -1000em;} #detail #detailinfo #tabs {width: 765px;padding: 15px 0 0 0;overflow: hidden;margin: 0 0 18px 0;} #detail #detailinfo .inner_tabs {background: #fff;border: 1px solid;min-height: 420px;width: 763px;overflow:hidden;} #detail #detailinfo .ui-tabs-panel {width: 485px;text-align: left;padding-top: 25px;float:left;} #detail #detailinfo .ui-tabs-panel h3 {font: bold 12px Arial, sans-serif;text-transform: none;margin: 15px 0 10px 0;} #detail #detailinfo .ui-tabs-panel .lst_bullet li {list-style: disc;margin-bottom: 5px;} #detail #detailinfo #description {padding-right: 25px;width:475px;line-height:16px;} /* Similar */ #detail #detailinfo .similar {width: 235px;border-left: 1px solid;min-height: 365px;padding: 0 0 1000em 10px;margin:0 0 -1000em;float:left;} #detail #detailinfo .similar h3 {text-transform: none;font-size:14px;font-weight: 700;margin: 25px 0 0 10px} #detail #detailinfo .similar .artbox {width:235px;border: 0 none;margin-right: 0;} #detail #detailinfo .similar .artbox .inner {width: auto;overflow:auto;float:none;} #detail #detailinfo .similar .artbox .artbox_thumb {height: 57px; width: 57px;border: 1px solid #dbdbdb;margin:0px;float:left;} #detail #detailinfo .similar .title_price {width:140px;float:left;margin-left:10px;} #detail #detailinfo .similar .artbox .title {display:block;} #detail #detailinfo .similar .artbox .price {position: static;} #detail #detailinfo .similar .artbox .actions {display: none;} /* Comments */ .inner_tabs #comments .overview_rating strong, .inner_tabs #comments .overview_rating .star, .inner_tabs #comments .overview_rating span {float:left;margin-right:5px;} .inner_tabs #comments .overview_rating span {margin-right: 0;} div.comment_block .date, div.comment_block .author {display: block;} div.comment_block .author, div.comment_block .date {font-weight: 700;} #detail #detailinfo #comments form {border: 1px solid;padding:10px;border-top:0 none;} #detail #detailinfo #comments form p {margin: 0 0 0.8em;} #detail #detailinfo #comments form h4 {font-weight: 700;} #detail #detailinfo #comments fieldset input {width:240px;} #detail #detailinfo #comments form textarea {width: 425px;} #detail #detailinfo #comments .left_container {width: 140px;float:left;} #detail #detailinfo #comments .right_container {float:left;width:345px} #detail #detailinfo #comments .right_container h3 {margin-top:0;} #detail #detailinfo #comments .comment_block {border-bottom: 1px solid;padding-top:10px;} #detail #detailinfo #comments .last {border-bottom: 0 none;} /* Captcha */ #detail #tabs .ui-tabs-panel label {width: 180px;display: block;float:left;margin-top:8px;} #detail #tabs .ui-tabs-panel input.text {width: 250px;float:left;} #detail #tabs .ui-tabs-panel textarea {width: 250px;height:150px;} #detail #tabs .ui-tabs-panel .captcha img, .captcha .code {display: block; float: left;} #detail #tabs .ui-tabs-panel .captcha .code label {width: 260px;padding-left: 20px;display:block; float: none;} #detail #tabs .ui-tabs-panel .captcha .code input {width: 260px; margin-left: 20px;} #detail #tabs .ui-tabs-panel .buttons {text-align: right;margin-right:20px;} #detail #tabs .ui-tabs-panel .buttons input {width:145px;} /* Configurator Upprice */ #buybox .upprice_config strong {display: block;} #buybox .upprice_config p {margin: 0;} #buybox .upprice_config select {float:none;margin-bottom:14px;width:240px;} /* Additional links menu */ #detail #detail_menu li {font-size:10px;border: 1px solid;width: 240px; text-align: left;border-bottom: 0 none; } #detail #detail_menu li a {display: block;margin-left:5px;background: url("/templates/_default/frontend/_resources/images/icons/ico_listing-next.png") 0 center no-repeat;padding: 5px 0px 5px 20px} #detail #detail_menu li.lastrow {border-bottom: 1px solid;} /* BASKET PAGE ------------------------ */ /* General table styling */ .table {margin: 0 !important;} .table .table_head, .table .table_row, .table .table_foot, .table .table_premium {margin: 0 !important; width: 100%;} .table .table_head {height:15px;padding: 10px 0 10px 0px;border: 1px solid;font-weight: 700;} .table .table_row, .table .table_foot {min-height: 45px;border: 1px solid; border-top: 0 none;padding: 10px 0 10px 0px;} .table .lastrow {border-bottom: 1px solid;} .table .table_row .no_image {width: 57px; height:57px;margin:12px 0 0 10px;} .table .table_foot #aggregation_left {width: 130px;} .table .table_foot #aggregation_left p, .table .table_foot #aggregation p {margin-bottom: 0.5em;} .table .table_foot #aggregation_left .tax, .table .table_foot #aggregation .tax {height:32px;} .table .table_row a.thumb_image {margin: 12px 0 0 10px;display: block; height: 57px; width: 57px;} .table .table_row a.thumb_image img {margin: 0 auto;display: block;} .table .table_row .basket_details {position: absolute; top:0px;left: 95px;} .noteUnit {font-size: 10px; position: absolute;top: 25px;font-weight: 700;right: 85px} /* Nested tables */ .table .table .table_head {border-top: 0 none;} /* Basket */ #basket .table .table_row, #notes .table .table_row {position: relative;} .table .table_row .action a.del {display: block;position: absolute;right: 10px;} .table .table_row .action a:hover {text-decoration: none; } .table .table_head .charge_vat {text-align: right;float:left;} #basketButton, div.table_foot {width: 225px;} #basket .actions a {float:left;} #basket .actions a.button-right {position: absolute; right:0;margin: 0;} #notes .table .table_row .basket_details {left:125px;width: 260px;} #confirm .table .table_row, #finished .table .table_row {min-height:85px} #basket .table .voucher .action a.del, #basket .table .selected_premium a.del {top: 6px;} .table .selected_premium, #basket .table .selected_premium {min-height: 50px;} #basket .table .voucher, #basket .table .rebate, #basket .table .small_quantities, #basket .table .bundle_row, #confirm .table .voucher, #confirm .table .rebate, #confirm .table .small_quantities, #confirm .table .bundle_row {min-height: 30px;} #basket .table .ordernumber, #confirm .table .ordernumber, #finished .table .ordernumber {margin: 0 0 5px 0;} .table .table_row .title, #basket .table .table_row .title {font-weight: 700; font-size: 12px; line-height: 16px;} .table .table_row select {margin: 0;} .table #aggregation_left .border, .table #aggregation_left .doubleborder {border-color: #fff;} .basket_bottom_paypal {float: right;background: #fff;margin-right: 205px;} #confirm .table .table_foot .notice {width: 210px; text-align: center;} /* Premium selection */ .table .table_premium {border: 1px solid;border-top: 0 none;} .table .table_premium h5 {margin: 0px 0 5px 20px;} .table .table_premium .head {padding: 10px 0 0 0;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_premium-top.png) left top repeat-x;} .table .table_premium .body {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_premium-bottom.png) left bottom repeat-x;} .table .table_premium .body .thumbnail {display:block;height: 57px;width: 57px;text-align: center;float:left;margin: 15px 0 0 5px;} .table .table_premium .body .article {float: left;height: 105px;margin: 0 10px 10px 10px;width: 235px;background: #fff;border: 1px solid;position: relative;} .table .table_premium .body .article .name {display: block; margin: 10px 0 0 72px;} .table .table_premium .body .article .button-right {margin-top: 10px;padding:0 35px 0 10px;width: 147px;} .table .table_premium .body .bonus_price {position: absolute;bottom: 15px;left: 75px;margin: 5px 0 0 0;color: #333;font: bold 11px/14px Arial, sans-serif;float:left;} .table .table_premium .body .bonus_price .pr1 {margin-right: 8px;} .table .table_premium .body .thumbnail img {height: 57px;} /* Basket and confirm footer */ div.table_foot input.button_tablefoot {height: 21px;line-height: 21px;background: url(/templates/_default/frontend/_resources/images/buttons/button_tablefoot.png) right top no-repeat !important;border: 0 none;font: bold 11px/14px Arial, sans-serif;padding: 0 20px 0 10px;width: 95px;display:block; float:left;margin-top:7px;margin-left:5px;} div.table_foot .border {border-bottom: 1px solid;} div.table_foot .box {width: 392px;border: 1px solid;padding: 30px 10px 30px 15px;margin-right: 22px;} div.table_foot .box label {width: 105px; font-weight: 500;display:block; float:left;margin-top:12px;} div.table_foot .box .text {width: 170px;background:url(/templates/_default/frontend/_resources/images/backgrounds/bg_input.jpg) repeat-x;float:left;} div.table_foot .totalamount {font: bold 14px/18px Arial, sans-serif;} div.table_foot .box .vouchers, .div.table_foot .box .add_article {height:30px;} #basket .actions {height:40px;} /* Confirm additional footer */ .additional_footer .comment, .additional_footer .more_info, .additional_footer .agb {padding: 20px;border: 1px solid;} .additional_footer .comment label {display: block;} .additional_footer .comment textarea {height: 150px;margin: 0 170px;} .additional_footer .more_info, .additional_footer .agb {border-top: 0px;} .additional_footer .actions {float: right;width: 230px;} .additional_footer .agb .revocation {display: block;padding: 10px;border: 1px solid;margin: 0 0 10px 0} /* Confirm page dispatch selection */ #confirm .shipping_select {padding: 20px; border: 1px solid;border-top: 0 none;width: 740px} #confirm .shipping_select .select_shipping {width: 555px;} #confirm .shipping_select .select {width: 185px; float:left;} /* Notes */ div#notes .table_row {height: 155px;} div#notes .table_row .title, div#notes .table_row .supplier, div#notes .table_row .ordernumber, div#notes .table_row .desc {width: 260px;} div#notes .table_row .desc {width:415px;} div#notes .table_row .title {position: absolute;top: 0px;font-family: Arial, sans-serif;font-size: 14px; width: 310px;} div#notes .table_row .supplier {position: absolute;top: 20px;background: transparent;border: 0 none;} div#notes .table_row a.thumb_image {width: 105px;height: 105px;top: 15px;position: relative;} div#notes .table_row .ordernumber {margin: 0;position: absolute;top: 35px;} div#notes .table_row .desc {position: absolute;top: 78px;} div#notes .table_row .date { position: absolute; top: 50px; } div#notes .table_row .rating {right: 10px;top: 20px;position: absolute;} div#notes .table_row .delivery {position: absolute;right: 85px;top: 20px;text-align: left;width: 140px;} div#notes .table_row a.zoom_picture {background: url(/templates/_default/frontend/_resources/images/icons/ico_zoom-picture.png) no-repeat; padding: 0 0 0 30px; height: 21px; line-height: 21px; display: block; top: 140px; left: 5px; position: absolute;} div#notes .table_row .price {font-size:14px;font-weight: 700;position: absolute;right:70px;text-align: left;width:100px;} div#notes .table_row .delete {display: block; height: 21px; width: 24px; background: url(/templates/_default/frontend/_resources/images/icons/ico_delete.png) no-repeat; text-indent: -9999px; position: absolute; top: 10px;right:10px;} div#notes .table_row .action {position: absolute;top: 45px;right: 10px;} div#notes .table_row .action a {background-repeat: repeat-x; display: block; height:16px; border: 1px solid #e7e7e7; width: 162px;padding: 4px 0 0 10px; margin: 0 0 2px;color:#696969;} div#notes .table_row .action a.basket {margin-bottom: 20px;} div#notes .article_price_unit { position: absolute; top: 130px; } div#notes .article_price_unit p { margin: 0; } /* Deliveryfree */ .shippingfree_basket {padding: 10px;text-align: justify;} .accept_box {padding: 12px 0;} .accept_box h3 {font-weight: 700; text-align: center; font-size: 11px;} .box_premiumcontainer, .box_premiumcontainer div {width:176px; margin: 0 auto; text-align: center;} .box_premiumcontainer div {border: 2px solid; border-top: 0 none;margin-left:-2px;padding: 12px 0 ;position: relative;} .box_premiumcontainer .bonus_price p.pr1 {position: absolute; right: 5px; top: 8px; font-size: 14px;} .box_premiumcontainer .bonus_price p.pr2 {position: absolute; left:5px; top: 34px;} .basket .changeorder, .basket .more_info, .basket .agb {border: 1px solid; padding: 10px;width: 760px; border-top: 0 none;} .basket .more_info label {position: relative; top: -70px;} .basket .more_info label.chklabel {top:0px;} .basket .more_info textarea {height:75px;left:150px;position:relative;} .basket {margin-bottom: 20px} /* Change details */ #content .info {margin: 0 20px 0 20px;} .info div {border: 1px solid;border-top:0;background: #fff;border-left: 1px solid;margin: 0 0 15px 0;} .info div.inner_container {border: 0 none;padding:5px 0px 0px 15px;margin:0;} .info div.inner_container .button-middle {width: 60px;} /* Check Order */ #content .agb {margin: 0;} #content .agb_confirm {margin-left: 20px;} #content .inner .check_order {margin: 10px 0 10px 20px;} #content .inner .check_order .inner_container {padding: 10px 15px 5px;margin:0;border: 1px solid #c7c7c7;border-top:0 none;} #content .inner .check_order h2 {background: #fff url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) bottom left repeat-x;margin-top:0px;padding: 5px 25px 15px 15px;font-size: 12px;font-weight: 700;display: block;text-transform: none;} /* LOGIN PAGE ------------------------ */ #login .inner_container {padding: 20px 20px 0 20px;width: 438px;border: 1px solid;border-top: 0 none;margin-bottom: 20px;height: 200px;} #login label, .password label, .email label {width:125px;display: block; float:left;margin-top: 12px;} #login input[type=text], #login input[type=password] {width:200px;} #login .password {margin-left: 132px;} #login .password a {text-decoration: underline;} #login .action {margin-left: 260px;} #login .action .button-middle {width: 75px;} .password {text-align: left;} .password .outer {border: 1px solid; border-top: 0 none;padding-left: 200px;} .password #txtmail {width: 390px;} .password .buttons {width: 400px;position: relative; left: 150px;text-align: left;height: 40px;} .password .buttons .button-left, .password .buttons .button-right {display: block;margin:0 !important;position: absolute;} .password .buttons input {width: 185px;} .password .buttons .button-right {left: 150px;} /* REGISTER PAGE ------------------------ */ #content .inner #center.register {margin-left:20px;width:770px;} .payment fieldset {border: 5px solid; padding: 20px; margin-bottom: 20px;} .payment input[type=radio] {margin: 0 10px 0 0;} .payment .paydescr {padding:10px 25px;} .payment .debit input[type=text] {width: 175px;} /* New register */ .register div {margin: 0 0 1.0em;} .register label {width: 150px;margin:10px 0 0 55px;float:left;display: block;} .register label.normal {font-weight:500;} .register .salutation span input {float:left;} .register .payment_method label {width:100px; margin: 0px 0 0 5px;} .register .payment_method .debit label {margin:0.5em 0;} .register select {width:310px;padding: 5px;} .register .personal_settings, .register .shipping_address, .register .payment_method, .register .company_informations, .register .alternative_shipping {border: 1px solid;border-bottom: 0 none;margin: 0;padding: 0 0 15px 0} #content .register h2.headingbox_dark {border: 0 none;} #content .tellafriend .register h2.headingbox_dark {border: 1px solid; border-bottom: 0 none;} #content .register .payment_method h2 {margin-bottom:10px !important;} .register .check input, .register #dpacheckbox {float:left;} .register .description {margin-left: 210px;} .register .debit .description {margin:0;} .register .street {width:250px;} .register .number {width: 35px} .register .zipcode {width: 100px;} .register .city {width:185px;} .register #shippingAddress {left:-8px; width: 16px;height:16px;} .register .payment_method {border-bottom: 1px solid;margin-bottom:20px;padding:0;} .register .payment_method .radio {float:left;top:0;} .register .payment_method .method, .register .payment_method .method_last {margin: 0 0 10px; padding: 0 0 10px 40px; border-bottom: 1px solid;} .register .payment_method .method div, .register .payment_method .method_last div {margin: 0;} .register .payment_method .method .first, .register .payment_method .method_last .first {width: 165px;} .register .payment_method .method .bankdata, .register .payment_method .method_last .bankdata {margin-left: 160px;} .register .payment_method .method_last {border-bottom: 0 none;} .register .register_last {border-bottom: 0px solid} .register .chklabel {width: 450px;} .register .check {margin-left: 205px;} .register #birthdate select {width: 60px;} .register .privacy, .register .alt_shipping {margin-left: 205px;} .register .privacy {margin-left: 175px;} .register .privacy label, .register .alt_shipping label {width:400px;margin:0;} .register .alt_shipping label {display: inline; float:inherit;} .register .check label, .register .salutation span label, .register .privacy label {margin: 4px 0 0 5px;} .register .error {margin: 0;border-bottom: 0 none;} #registerbutton {width: 241px;display:block; background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_basketbutton.png) no-repeat;border: 0 none; height: 40px;color: #fff; font-size: 14px;} #registerbutton {position: relative !important; z-index:20;cursor:pointer} #confirm .payment_method {margin: 0} #confirm .method_hide {display: none} #confirm .payment_method .method, #confirm .payment_method .method_last {padding:0 0 10px 0;width:100%;} #confirm .payment_method .grid_5 {padding:0 0 0 40px;} #confirm .payment .change {margin: 0;float:right;} #confirm .payment .change a {margin: 10px} #confirm .payment .actions input {margin: 0 20px 10px 0} /* Shipping Calucator */ #content #left.basket {width: 171px;border-left: 0 none;margin: 0 10px 0 1px;} #content #left.basket h2 {border-left: 0 none;font-size:11px;padding-top:11px; height:24px;} #content #left select {width: 148px;} #content #left.basket p {margin: 0 0 1em;} #content #left #recalcShipping div.basket_country, #content #left #recalcShipping div.basket_payment, #content #left #recalcShipping div.basket_dispatch {padding: 25px 0 15px 10px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) top left repeat-x;} #content #left #recalcShipping, .basket_dispatch_description {border: 1px solid;border-top: 0 none;} .basket_dispatch_description {padding: 15px 0 15px 10px;} .basket_dispatch_description h3 {margin: 0 0 10px;font-weight:700;font-size:12px;} #content #left #recalcShipping div.basket_country {background-image: none;} #content #left #recalcShipping div div label {font-weight: 500;} /* Supplier registration */ #content .register .supplier_register {margin-left: 0px;} #content .register .supplier_register .inner_container {padding: 20px;} #content .register .supplier_register .account {margin: 0;} /* Stepbox */ div.step_box {width: 998px;height: 42px;margin-left: 1px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_stepbox.png) bottom left repeat-x;margin: 0 0 20px 0;} div.step_box ul {width: 100%;} div.step_box ul li {width: 316px;float: left;margin-right: 2px;height: 41px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_step-inactive.png) repeat-x;border: 1px solid;border-bottom: 0 none;cursor: default;} div.step_box ul li.active {background: #fff url(/templates/_default/frontend/_resources/images/backgrounds/bg_step-active.png) top left repeat-x;} div.step_box ul li#first_step {margin-left: 20px;} div.step_box ul li .icon {display: block;height: 26px;width: 29px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_stepnumber.png) repeat-x;text-align: center;margin: 5px 0 0 9px;padding: 8px 0 0 0;border: 1px solid;border-bottom: 0 none;font: bold 15px/18px Arial, sans-serif;float: left;} div.step_box ul li.active .icon {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_stepnumber-active.png) repeat-x;border: 0;width: 29px;height: 31px;} div.step_box ul li .text {display: block;float: left;font: bold 15px/18px Arial, sans-serif;margin: 12px 0 0 15px;} #letterForm .description {margin-left: 250px;} /* ORDER PROCESS ------------------------ */ div.agb_accept label.chklabel {font-size: 11px; line-height: 11px; height: 12px; padding:2px; margin:3px;font-weight: 700; display: block; float: left;} div.agb_info {height: 30px;font-weight:normal;} .process .orderdata_box div {width: 242px;} .finished .teaser {width: 742px;} .finish h2.headingbox {width: 950px;} #finished {margin-right: 20px;} /* USER ACCOUNT PAGE ------------------------ */ .account #userinformations .inner_container,.account #selected_payment .inner_container,.account .newsletter .inner_container, .account .billing .inner_container,.account .shipping .inner_container,.account .password .inner_container,#right .adminbox,.password form div, .account .email .inner_container {border: 1px solid;padding: 5px 20px;border-top: 0 none;} .account #userinformations .inner_container, .account .billing .inner_container, .account .shipping .inner_container, .account #selected_payment .inner_container {width: 338px;} #content .orders, #content .downloads {margin-left: 20px;} #content .account .success, #content .account .error, #content .account .error_msg {width:760px;margin: 0 0 20px;} #content .account .error_msg {margin-bottom: 0;} .account .billing .inner_container .change, .account .shipping .inner_container .change {position: absolute; top: 150px;} .account .billing .inner_container .change a, .account .shipping .inner_container .change a {position: relative;top:auto;} /* Select */ .addresses .inner_container {border: 1px solid; border-top: 0 none;} .addresses .inner_container .select_billing, .addresses .inner_container .select_shipping {border: 1px solid;padding: 20px;} .account #userinformations .inner_container, .account #selected_payment .inner_container {height: 100px;position: relative;} .account #userinformations .button-middle, .account #selected_payment .button-middle {position: absolute;bottom: 0px;} .account #userinformations .change_mail {left:180px;} .account .billing .inner_container, .account .shipping .inner_container {height: 130px;} .account .newsletter, .account .password, #content .addresses, .account .email {width: 780px;} .account .password label, .account .email label {width: 150px;text-align: right;padding-right: 5px;} .account .password .button-right, .account .email .button-right {margin: 0 0 0 155px;width: 180px;} #content #right_account {width: 170px;float:right;margin-left: 20px;overflow:hidden;position:static;} #content #right_account h2 {border-right: 0 none;} /* Account sidebar right */ #right_account .adminbox {width: 169px;border-top: 0 none;padding: 5px 0px 10px;border-left: 1px solid;border-bottom:1px solid;} #right_account .adminbox li {margin: 5px 0px;background: url(/templates/_default/frontend/_resources/images/icons/ico_listing-next.png) 8px center no-repeat;padding: 6px 0 6px 32px;display:block;border-bottom: 1px solid;} #right_account .adminbox li a {font-weight: 700;display:block;} #right_account .adminbox li.main {background: url(/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_down.gif) left center no-repeat;} #right_account .adminbox li.last {border-bottom: 0 none;} .addresses h2 {margin: 0;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) bottom left repeat-x;} .addresses .select_billing, .addresses .select_shipping {margin: 10px 24px;} .password form h2 {margin: 0;} #content div.inner .change_shipping div.alternative_shipping, #content div.inner .change_billing .shipping_address {border-bottom: 1px solid;} #content .inner #center #selected_payment strong {color:#333} #content div.inner .change_billing, #content div.inner .change_shipping {margin-left:20px;width:790px;margin-right:0px;} #content .orders .orderoverview_active .lastrow {border-bottom: 1px solid;} #content .orders .orderoverview_active .table .button-right {width: 180px; margin: 0 0 0 10px;} #content div.inner .change_shipping .actions, #content div.inner .change_billing .actions, #content div.inner .paymnet .actions {height: 40px;} #content .change_billing .actions .button-right, #content .change_shipping .actions .button-right {width: 150px;} #content .orderoverview_active h4 {margin-left: 15px;} #content .orders .orderoverview_active .articleName { font-size: 12px; } #content .orders .orderoverview_active .article_price_unit p { margin: 0; } #content .orders .orderoverview_active .currentPrice { color: #999 } #content .orders .orderoverview_active .article_price_unit strong , #content .orders .orderoverview_active .currentPrice strong { color: #555 } #content .orders .orderoverview_active .currentPrice em { text-decoration: line-through; } #content .orders .orderoverview_active .article_price_unit + .currentPrice { position: absolute; left: 250px; top: 10px; } #content .orders .orderoverview_active .currentPrice strong { display: block } /* Partner statistic datepicker*/ .partner_statistic .listing_actions { margin: 0 0 10px; } .partner_statistic .date-filter { float: left; width: 310px; } .partner_statistic h1 { color: #999; font-size: 18px; margin: 5px 0 15px; } .partner_statistic_overview_active { margin-top: 20px; } .partner_statistic .listing_actions input.partner_statistic { margin-top: 4px; } .partner_statistic .listing_actions .ui-datepicker-trigger { display: block; text-indent: -9999em; background: url(/templates/_default/frontend/_resources/images/icons/calendar.png) no-repeat; float: left; height: 16px; width: 16px; margin-top: 6px; margin-left: 2px; } .partner_statistic .listing_actions input.datePicker { float: left; } /* Datepicker */ .ui-datepicker {background: #fff; border: 1px solid #C7C7C7; width: 17em; padding: 10px; display: none; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding:0 5px; text-align: center; font-weight: bold; border: 0; width: 17px; } .ui-datepicker td { border: 0; padding: 2px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; border: 1px solid #C7C7C7; background: #f5f5f5;} .ui-datepicker thead {border-bottom: 1px solid #C7C7C7;} .ui-datepicker td a.ui-state-hover {background-color: #fff;} .ui-datepicker td a.ui-state-active {border-color: #e1540f; background-color: #fff;} .ui-datepicker-header {position: relative;} .ui-datepicker-header .ui-datepicker-title {text-align: center;} .ui-datepicker-header a {position: absolute; top: 0; cursor: pointer;} .ui-datepicker-header a.ui-datepicker-next {right: 0px;} /* TICKETSYSTEM ------------------------ */ #ticket h2, .ticketdetail_lbl, .tickeranswer h2 {margin-bottom:-10px;padding: 5px 25px 15px 15px;font-size: 13px;font-weight: 700;display: block;text-transform: none;width: 738px;border: 1px solid;border-bottom: 0 none;} .tickeranswer {border: 1px solid;margin-bottom: 30px;padding-bottom: 15px;} .tickeranswer h2 {margin: 0;border: 0 none;background: #fff url(/templates/_default/frontend/_resources/images/backgrounds/bg_registerbox.png) left bottom repeat-x;} .tickeranswer textarea {margin: 20px auto 0 auto;display: block;} .tickeranswer input.button-right {margin: 20px 0 0 190px;} /* Ticketbox */ .ticketdetail_txtbox {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) left top repeat-x;border: 1px solid;border-top: 0 none;padding: 20px;margin-bottom: 15px;} .ticketoverview {border:1px solid;height:338px;} .ticketoverview .header {border-bottom:1px solid;height:22px;font-weight: 700;line-height: 22px;} .ticketoverview .header div.grid_3 {border-right:1px solid;} .ticketoverview .content {border-bottom:1px solid;height:315px;} .ticketoverview .content .row {height:36px; line-height:30px;} .ticketoverview .content .row .button-middle {margin: 8px 0 0 0} .supportrequest h1, .supportrequest h2 {font-size: 18px;margin: 10px 0 5px;} .supportrequest .button-right{line-height: 14px;} /* BLOG ENTRIES ------------------------ */ #blog {margin-right: 0px;width:640px;} .listing-blog .blogbox, #content .listing_box .blogbox {padding: 15px;border:1px solid;margin: 0 0 15px 0;border: 1px solid;} #content .listing_box .blogbox {border: 0 none;} #content .listing_box {border: 1px solid;} #content .listing_box h2.headingbox_nobg {height: 24px;border: 0 none; border-bottom: 1px solid;} .listing-blog .blogbox img:after {display:block;content: '';clear:both;float:none;} .blogbox .blog_picture {display: block; float:left; margin-right: 15px;} .blogbox .thumbnail_box a {display: block; height: 57px; width: 57px; float:left;border: 2px solid;margin-right: 4px;} .blogbox .thumbnail_box a:hover {text-decoration: none;} #content .blogbox .downloads {margin: 0;} .blogbox .post_metadata {margin: 4px 0 12px;padding: 0 0 9px;font-size: 10px;} .blogbox .post_metadata span {padding: 0px 8px;border-right:1px solid;} .blogbox .post_metadata span.last, .blogbox .post_metadata span span {border-right: 0 none;} .blogbox .post_metadata span.first {padding-left: 0;} .blogbox .post_metadata span a {text-decoration: underline;} .blogbox a.more_info, .content_listing a.more_info, .bt_allsupplier {display: block;width: 125px;height: 16px;border: 1px solid;position: relative;padding: 4px 5px 0;margin-bottom: 2px;font-weight: 500;color: #696969;} .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {text-decoration: none;} .bt_allsupplier {width:170px;text-align: center;} .supplierfilter_image .bt_allsupplier {margin-top:14px;} .blogbox h5 {margin: 10px 0 5px;} .blogbox .tags {margin-bottom: 15px;} .blogbox .tags .tag {border:1px solid;text-align: center;padding:1px 5px 2px;margin: 0 5px 5px 0;;float:left;} .blogbox .tags .tag:hover {border: 1px solid;text-decoration: none;} form.comments {padding: 20px 20px 20px 90px;border: 1px solid;border-top: 0 none;} form.comments .button-right {margin-left: 335px;width:160px;} form.comments p.col select {width: 310px;padding:5px;} form.comments label {width: 170px;text-align:left; padding-right: 5px;} form.comments p.textarea label {display: block;} form.comments p.textarea textarea {width:480px;height:150px;} form.comments .captcha label {width: 310px; text-align: left;} .blogbox div.bookmarks { display: block; position: relative; margin: 0 auto; width: 105px;} .blogbox div.bookmarks a { font-size: 0em; line-height: 0em; text-indent: -99999em; height: 16px; display: block; width: 16px; overflow: hidden; float: left; padding: 0px 0px; margin-right: 10px; background: transparent url(/templates/_default/frontend/_resources/images/sprite_blog.png) 0 0 no-repeat;} .blogbox div.bookmarks a.twitter {background-position: 0px 0px;} .blogbox div.bookmarks a.facebook {background-position: -22px 0px;} .blogbox div.bookmarks a.delicious {background-position: -42px 0px;} .blogbox div.bookmarks a.digg {background-position: -64px 0px;} .blog_navi div.blogInteract ul li a { line-height: 16px; display: block; font-size: 11px;padding-left:25px;height: 16px;margin: 0 0 0 10px;} .blog_navi div.blogInteract ul li a.rss { background: transparent url(/templates/_default/frontend/_resources/images/sprite_blog_sidebar.png) 0 -16px no-repeat;} .blog_navi div.blogInteract ul li a.atom { background: transparent url(/templates/_default/frontend/_resources/images/sprite_blog_sidebar.png) 0 0 no-repeat;} /* Comments */ div#commentcontainer ul {border: 1px solid;border-top: 0 none;width: 778px;display:block} div#commentcontainer ul li {display:inline;height:auto;} div#commentcontainer .comment_outer {border-bottom: 1px solid;} div#commentcontainer .comment_outer.last {border-bottom: 0;} div#commentcontainer .comment_left, div#commentcontainer .comment_right {padding: 20px 20px;} div#commentcontainer .comment_left {float: left;width: 100px;height: 100px;} div#commentcontainer .comment_right {float: left;width: 595px;line-height:14px;min-height: 100px;} div#commentcontainer .author, div #commentcontainer .date {display: block;} div#commentcontainer p.hline {font-weight: 700;font-size: 13px;} div#commentcontainer div.comment {text-align: justify;margin: 0 !important;padding: 0 !important;} /* Detail view */ #content .blogbox .description {float: left;width: 464px;padding: 0 50px 0 0;} #content .blogbox .social .imgTarget {margin-bottom: 10px;} #content .blogbox .social {width: 255px;} #commentcontainer p.headline {margin: 0} #content .blogbox .social .outer {padding: 5px;border: 1px solid #c7c7c7;border-top: 0 none;} /* STAR RATING SPRITE ------------------------ */ .star {background-image: url(/templates/_default/frontend/_resources/images/sprite_stars.png);background-repeat: no-repeat;width: 64px;height: 11px;display: inline-block;text-indent:-9999px;} .star0 {background-position: left 0;} .star1 {background-position: left -11px;} .star2 {background-position: left -22px;} .star3 {background-position: left -33px;} .star4 {background-position: left -44px;} .star5 {background-position: left -55px;} .star6 {background-position: left -66px;} .star7 {background-position: left -77px;} .star8 {background-position: left -88px;} .star9 {background-position: left -99px;} .star10 {background-position: left -110px;} /* DELIVERY STATUS SPRITE ------------------------ */ .status0 , .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 {display: block;float: left;margin: 0 5px 0 0;height: 14px; width: 14px;background: url(/templates/_default/frontend/_resources/images/sprite_delivery.png) 0 -14px no-repeat;} .status0, .status1, .status6 {background-position: 0 -14px;} /* yellow */ .status2, .status5, .status7 {background-position: 0 0;} /* green */ .status4, .status8 {background-position: 0 -28px;} /* red */ /* VIEWLAST ------------------------ */ .viewlast {border: 1px solid; border-top: 0 none;} .viewlast .heading {background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_servicenav.png") repeat-x;height: 33px; line-height: 33px;padding: 0 0 0 15px;text-transform: uppercase;font-weight: 700;border: 0 none;margin: 0 0 12px 0;border-left: 1px solid;border-bottom: 1px solid;} .viewlast .article_image {width:30px; height:30px;overflow: hidden; border: 1px solid;background-color: transparent; text-align: center; text-indent: -9999px;margin: 0 0 0 8px;display: block;float: left;margin-right: 4px;height: 30px;width:30px;padding:5px;} .viewlast .article_description {width:105px; height:35px; font-size: 11px; line-height: 12px; display: inline-block; padding:5px; position: relative;font-weight: 700} .viewlast .lastview_rule {margin-bottom: 15px;display: block;height: 40px;} .lastview_rule_last {margin-bottom: 15px;} /* TAGCLOUD ------------------------ */ .tagcloud {line-height:10px; padding:20px; border:1px solid; margin-bottom: 15px;width:588px; background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_tagcloud.png) left bottom repeat-x;} .tagcloud a {margin:4px; padding:0; text-decoration:none; line-height:10px; text-align:center} .tagcloud_promotion a {margin:4px; padding:0; text-decoration:none;line-height:10px; text-align:center} .tagcloud a:hover, #tagcloud_promotion a:hover {text-decoration:underline} .tagcloud a.tag0, #tagcloud_promotion a.tag0 {font-size:9px; line-height:10px; text-align:center} .tagcloud a.tag1, #tagcloud_promotion a.tag1 {font-size:12px; line-height:10px; font-weight: 700; text-align:center} .tagcloud a.tag2, #tagcloud_promotion a.tag2 {font-size:10px; line-height:14px; text-align:center} .tagcloud a.tag3, #tagcloud_promotion a.tag3 {font-size:15px; line-height:15px; font-weight: 700;text-align:center} /* NEWSLETTER LISTING ------------------------ */ .newsletter_listing .listing_actions.bottom {width:600px;} .newsletter_detail iframe {width: 725px;height: 500px;margin: 0 0 15px 20px;} .newsletter_detail .newsletter_content {border: 1px solid; border-top: 0 none;padding: 10px 0 0;margin-bottom: 15px;} /* SEARCH ------------------------ */ div#searchcontainer {z-index: 7;text-align: left;height:38px;margin: 1px 0 0 1px;width: 998px;position:static;} div#hidesearch {position:relative;z-index: 2000;} div.inner_searchcontainer {height: 24px;width: 270px;margin:6px 0 0 350px;position: relative;} div.inner_searchcontainer .ajax_loader {background: url("/templates/_default/frontend/_resources/images/icons/ico_ajax-loader.gif") no-repeat; position: absolute; top: 4px; left: 230px;z-index: 200;} div.inner_searchcontainer #submit_search {padding:0;border: 0 none; height: 24px;float:left;background: url(/templates/_default/frontend/_resources/images/arrows/bg_arrow_search.gif) no-repeat;width: 14px;} div.inner_searchcontainer p {font-size: 11px;line-height: 12px;float: left;padding:4px;text-transform: uppercase;text-align: right;} input#searchfield {font-size: 10px;padding: 3px 0 0 30px;width: 220px;height: 19px;display:block;float:left;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_search-input.png);margin:0;background-color:#fff;border:1px solid;} #header_links {position: absolute; top:5px; left: 460px; font-size: 11px;}.related{position:absolute; right:0px; top:0px; height:1.25em} h3 .related{top:5px} div.searchdescription .related{margin-top:3.75em; top:10px} div.searchdescription{height:3.75em; overflow:hidden; z-index:-1; line-height:12px} /* SEARCH PAGE ------------------------ */ .fuzzy h2 {font-weight: 700;} .fuzzy .result_box {border: 1px solid;height: 15px;width: 605px;margin: 0;padding: 10px;font-weight: 700;font-size:12px;} .fuzzy .category_filter {width: 627px;} .fuzzy .listing_actions {width: 596px;} .fuzzy .category_filter .border {border-bottom: 1px solid;} .fuzzy .category_filter h3 {padding: 0 0 0 10px;height: 35px;line-height: 35px;text-transform: none;font-size: 12px;font-weight: 700;border: 1px solid;border-bottom: 0 none;border-top: 0 none;margin: 0;} .fuzzy .category_filter .categories {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) left top repeat-x;border: 1px solid;border-top: 0 none;padding: 15px 25px 0px 25px;} .fuzzy .category_filter .categories ul {width: 195px;float: left;} .fuzzy .category_filter .categories span.active {display: block;float:left;width: 175px;} .fuzzy .category_filter .categories ul li, .fuzzy .category_filter .active {background: url(/templates/_default/frontend/_resources/images/icons/ico_search_inactive.png) no-repeat;height: 13px;line-height: 13px;padding: 0 0 0 22px;margin: 0 0 10px 0;} .fuzzy .category_filter .active {font-weight: 700;background: url(/templates/_default/frontend/_resources/images/icons/ico_search_active.png) no-repeat;} .fuzzy .category_filter .showall {display: block;margin-top: 5px;padding: 0 0 0 22px;float:none; clear:both; background: url(/templates/_default/frontend/_resources/images/icons/ico_search-delete.png) no-repeat;} .fuzzy .category_filter .showall:hover {font-weight: 700;} /* Sidebar filter */ #content #left .filter_search h3.heading {height: 32px; line-height: 32px;font-weight: 700;text-transform: none;font-size: 12px;padding: 0 0 0 5px;border: 1px solid;border-left: 1px solid; border-bottom: 0 none;margin: 0;} #content #left .filter_search .searchbox {padding: 15px 0 15px 10px;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) top left repeat-x;border: 1px solid;border-left: 1px solid; border-top: 0 none;} #content #left .filter_search .searchbox h3 {text-transform: none;font-weight: 700;font-size: 12px;} #content #left .filter_search .searchbox h3:first-letter {text-transform: uppercase;} #content #left .filter_search .searchbox li {background: 0 none;margin: 0 0 5px 0;} #content #left .filter_search .searchbox li a, #content #left .filter_search .searchbox li.active {background: url(/templates/_default/frontend/_resources/images/icons/ico_search_inactive.png) no-repeat;padding: 0 0 0 22px;} #content #left .filter_search .searchbox li.head {margin: 18px 0 0 0;} #content #left .filter_search .searchbox li.showall a {background: url(/templates/_default/frontend/_resources/images/icons/ico_search-delete.png) no-repeat;} #content #left .filter_search .searchbox li.active {background: url(/templates/_default/frontend/_resources/images/icons/ico_search_active.png) no-repeat;border: 0 none;font-weight: 700;margin-left:1px;} /* FINISHED ------------------------ */ #content .finish {margin-left: 20px;} .finished h3 {border: 1px solid;border-bottom: 0 none;width: 740px;left: 0px;top: 0px;margin: 0;} .finished p.bold {border: 1px solid;border-top: 0 none; border-bottom: 0 none;height: 30px;margin: 0;padding: 10px 20px 0px 15px;width: 745px;} #finished .orderdetails {border: 1px solid;border-top: 0 none;padding: 20px 20px 5px;width:920px;} #finished .table_foot #aggregation_left {margin-left: 255px;} #finish_right {width: 165px;} #finish_right .headingbox {border-right-color: transparent;} #finish_right .revocation {padding: 10px; border: 1px solid; border-top: 0 none;} #content #payment {border: 1px solid;} #content #payment h2.headingbox_dark {border: 0 none;} #content #payment iframe {border:0px;width:100%;height:400px;} .finish .teaser {margin-right: 19px;} /* COMPARE ------------------------ */ #compareHighlight {background: url("/templates/_default/frontend/_resources/images/icons/ico_compare.png") 10px center no-repeat;line-height: 16px;display:block;padding: 5px 10px 5px 30px;position: absolute;top: 52px;left: 330px;border: 1px solid;cursor:pointer;} #compareHighlight.active {border: 1px solid;padding: 5px 10px 5px 30px;font-weight: 700;z-index: 6000;} #compareContainerResults {position:absolute;top:79px;left:330px;border:1px solid;width:200px;z-index:5000;display:none;} #compareContainerResults li {position: relative;border-bottom: 1px solid;} #compareContainerResults li.last {border-bottom: 0 none;} #compareContainerResults div, #compareContainerResults a {padding: 9px 0 0 20px;width:170px;position:relative;background: url(/templates/_default/frontend/_resources/images/icons/ico_search_active.png) left 10px no-repeat;height: 23px;margin:0 5px;display:block;} #compareContainerResults div {cursor: default;} #compareContainerResults a {cursor: pointer;} #compareContainerResults a.compare_get_overlay {background: url(/templates/_default/frontend/_resources/images/icons/ico_compare-start.png) left center no-repeat;} #compareContainerResults a.compare_delete_all {background: url(/templates/_default/frontend/_resources/images/icons/ico_compare-deleteall.png) left center no-repeat;} #compareContainerResults a.del_comp {display: block; position: absolute; top: 0; left: 180px; width: 11px; background: url(/templates/_default/frontend/_resources/images/icons/ico_compare-delete.png) left center no-repeat} #compareContainerResults a.del_comp:hover {text-decoration: none;} #compare_bigbox {border: 1px solid;display:none;z-index:9000} #compare_bigbox .inner {position:relative;} #compare_bigbox .inner_container {margin: 10px 0 0 0;} .container_20 .grid_3.compare_desc {width:129px;border: 1px solid; border-left: 0 none; border-bottom: 0 none} .compare_desc, .compare_article {width: 150px;} .compare_desc div {padding-left: 15px;font-weight: 700;} .compare_desc div.picture, .compare_article div.picture {height: 128px;padding-top:20px;} .compare_article div.picture a {display: block; width: 105px; height: 105px;} .compare_desc div.name, .compare_article div.name {height: 95px; overflow: hidden;} .compare_desc div.votes, .compare_article div.votes {height: 25px;} .compare_desc div.desc, .compare_article div.desc {height: 125px;} .compare_desc div.price, .compare_article div.price {height: 105px;padding-top: 10px;} /* CUSTOM CONTENT ------------------------ */ .content_listing {border: 1px solid;height: 220px;margin: 0 0 10px 0;padding:10px;width: 610px;} .content_listing .thumb_image {display: block;height: 150px;width: 150px;margin: 0px 25px;} .contentdetail {padding: 15px 15px 15px 0; width:615px;} .contentdetail h2 {margin-bottom:15px;} .contentdetail .main_image {padding: 45px 40px; display: block; float:right;} #content #right_custom {width:160px;margin-right: 20px;float:right;} #content #right_custom .inner_container {border: 1px solid;border-top: 0 none;padding: 10px;} /* ONE PAGE CHECKOUT ------------------------ */ div.ajax_login_form p {margin: 0 0 1em;} div.ajax_login_form .heading, .modal .heading, .ajax_compare_container .heading, ajax_compare_max_container .heading, .ajax_modal_custom .heading {height: 44px;} div.ajax_login_form .heading h2, .modal .heading h2, div.ajax_add_article .bottom h2, .ajax_compare_container .heading h2, .ajax_compare_max_container .heading h2, .error_container h2, .ajax_modal_custom .heading .h2 {font-size: 14px;font-weight: 700;margin: 0;padding: 15px 0 0 24px;letter-spacing: 0px;display: block} .modal .heading h2, div.ajax_add_article .bottom h2 {text-align: left;} #compare_bigbox .heading h2, .modal .logout_form .heading, .ajax_compare_container .heading, .ajax_compare_max_container .heading, .error_container .heading, .ajax_modal_custom .heading {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) left bottom repeat-x;} .modal .logout_form .text , .ajax_compare_max_container .text, .error_container .text {padding: 10px 20px;} div.ajax_login_form .heading .modal_close, .modal .heading .modal_close, .ajax_compare_container .heading .modal_close, .ajax_compare_max_container .heading .modalClose, .ajax_modal_custom .heading .modalClose {display: block;background: url(/templates/_default/frontend/_resources/images/icons/ico_modal-close.png) no-repeat;width: 24px; height:21px;text-indent: -9999px;position:absolute;right: 10px;top: 12px;} /*.modal .heading #print_compare {position: absolute; right:40px;width: 50px;height: 20px; top:13px; text-align: center;} */ div.ajax_login_form .heading .modal_close:active, .modal .heading .modal_close:active {top: 13px;} div.ajax_login_form fieldset {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) left top repeat-x;font-size:12px;} div.ajax_login_form fieldset div {margin: 0 0 10px;} div.ajax_login_form fieldset div.new_customer, div.ajax_login_form fieldset div.existing_customer, div.ajax_login_form fieldset div.last {margin: 0 !important;} div.ajax_login_form .lostpassword {margin-left: 152px;font-size: 10px;text-decoration: underline;line-height: 12px;} div.ajax_login_form p.pass {display: none;} div.ajax_login_form label {width: 150px;display: block; float: left;margin-top: 12px;} div.ajax_login_form .radio {margin-left: 150px;} div.ajax_login_form input#checkout_button {margin-left: 321px;width: 135px;} div.ajax_login_form .new_customer, div.ajax_login_form .existing_customer {padding: 25px 0 25px 25px;} div.ajax_login_form .new_customer .chk_noaccount {margin-left: 0px;margin-top: 0;} div.ajax_login_form .new_customer h2, div.ajax_login_form .existing_customer h2, div.ajax_login_form .logout h2 {width: 383px;font-size: 16px; font-weight: 700;} div.ajax_login_form .new_customer p, div.ajax_login_form .existing_customer p {font-size: 11px;} div.ajax_login_form .new_customer input.button-right {width: 130px;} div.ajax_login_form .new_customer p {float:left;margin-right:95px;width: 235px;} div.ajax_login_form .existing_customer {border-top: 1px solid;} div.ajax_login_form .logout {padding: 10px 20px 10px 25px} div.ajax_login_form .logout h2 {font: 700 14px/1.3em Arial, sans-serif;letter-spacing: 0} /* Add article */ div.ajax_add_article {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_modal.png) left top repeat-x;} div.ajax_add_article .article_box {height: 55px;padding: 10px;margin: 0 0 15px 0;position: relative;} div.ajax_add_article .article_box .thumbnail a, div.ajax_add_article .article_box .thumbnail a img {display: block;width: 57px;height: 57px;} div.ajax_add_article .article_box .title {font-size: 16px; font-weight: 700;position: absolute;left: 100px;top: 15px;} div.ajax_add_article .article_box .ordernumber{position: absolute;left: 100px;top: 40px;} div.ajax_add_article .article_box .price {font-size: 16px; font-weight: 700;position: absolute;top: 15px;left: 405px} div.ajax_add_article .article_box .quantity {position: absolute;top: 40px;left: 405px;} div.ajax_add_article .bottom {width: 660px;} div.ajax_add_article .bottom h2 {background: transparent url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) 0px 40px repeat-x;height:45px;} div.ajax_add_article .bottom .listing {padding: 0 0px 5px 15px;width: 660px;} div.ajax_add_article .middle{padding: 15px 15px 0 15px;} .modal div.ajax_add_article #listing .artbox .inner {height: 270px;} div.ajax_add_article .artbox .inner .price, div.ajax_add_article .artbox .inner .price {bottom: 30px;} div.ajax_add_article .actions {height:45px; position: relative;} div.ajax_add_article .bottom .actions {height:25px;} div.ajax_add_article .actions .button-left {float: left;} div.ajax_add_article .actions .button-right {right: 0px; top:0px;position: absolute;} /* Compare */ .ajax_compare_container .grid_3 {margin-left:0px; margin-right:0px;position: static;} .ajax_compare_container .grid_3 div {padding: 10px 10px 5px 10px;border-top: 1px solid;} .ajax_compare_container .grid_3 div div {border-top: 0 none;padding-top:0px;padding-bottom:0px;} .ajax_compare_container .grid_3 {width: 150px;} .ajax_compare_container .compare_desc {padding-left:0;width: 125px;} .ajax_compare_container .desc p {font: normal 12px/16px Arial, sans-serif;} .ajax_compare_container .compare_desc div.desc {font-size: 11px;} .ajax_compare_container .compare_article .desc {font-weight: normal;} .ajax_compare_container .property {padding: 5px 0 5px 15px;} .ajax_compare_container .compare_article .property {padding-left: 5px;} .modal .ajax_compare_container .inner_container {overflow-y: scroll;height: 479px;} .ajax_compare_container .grid_3 div .article_price_unit { padding: 0 } .ajax_compare_container .article_price_unit p { margin: 0; font-size: 11px } .ajax_compare_container .article_price_unit .baseprice { display: block; } /* Custom */ /*.ajax_modal_custom {padding: 20px; height: 400px; overflow-y: scroll;}*/ .ajax_modal_custom {width:500px;} .ajax_modal_custom .inner_container {margin-top:10px;padding: 0 25px 15px; height:300px; overflow-y: scroll;} /* TOPSELLER ACCORDION ------------------------ */ .topseller {border: 1px solid;border-right: 1px solid;margin:0 0 20px;} .topseller h3 {text-transform: none;font-weight: 700;font-size: 12px;height: 26px; line-height: 26px;padding: 0 0 0 12px;border-bottom: 1px solid;margin: 0;} .accordion {list-style: none;position: relative;margin: 0;padding: 0;width:149px;} .accordion li {width: 149px;height: 52px;display: block;overflow: hidden;padding: 0;background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_topseller_closed.png") repeat-x;} .accordion li.active {height: 149px;} .accordion li ul.image, .accordion li ul.image li {height: 95px;padding:10px 0 0 0;background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_topseller_closed.png") left top repeat-x;} .accordion li ul.image li, .accordion li ul.image a {display: block;} .accordion li ul.image li {background: 0 none;display: block; text-align: center;} .accordion li ul.image a {width: 105px;margin: 0 auto 0 auto;text-align: center;visibility: hidden;display: block;} .accordion li.active ul.image a {visibility: visible;} .accordion li.active {background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_topseller_open.png") 0 bottom repeat-x;} .accordion li.active ul.image {display: block;} .accordion li .detail {position: relative;top: -95px;width: 150px;height: 30px;} .accordion li.active .detail {top: 12px;} .accordion li .detail a {color: #A09F9F;font-weight: 700;font-size: 10px;display: block;position: absolute;left: 40px;width: 110px;} .accordion li .detail .number {background: url("/templates/_default/frontend/_resources/images/sprite_topseller_numbers.png") 0 -21px no-repeat;height: 21px; width: 21px;display: block;position: absolute;left: 8px;text-align: center;line-height: 21px;font-weight: 700;color: #fff;} .accordion li.active .detail .number {top: -90px;background: url("/templates/_default/frontend/_resources/images/sprite_topseller_numbers.png") 0 0 no-repeat;} /* SITEMAP ------------------------ */ .sitemap { float:left; margin-right:5px; margin-top:5px; width:190px;} .sitemap2 { float:left; margin:5px 0pt 0pt; width:191px;} ul#categories_s { margin: 0 0 20px 0;} ul#categories_s li { border-bottom:1px solid;} ul#categories_s a {display:block; padding:5px 5px 5px 20px; text-decoration:none;} ul#categories_s a:hover {font-weight: 700;} ul#categories_s ul {border-bottom:1px solid;} ul#categories_s ul a {font-size:11px; padding:2px 2px 2px 30px;} ul#categories_s ul ul, ul#categories_s ul ul ul { border:0 none;} ul#categories_s ul li, ul#categories_s ul ul li, ul#categories_s ul ul ul li { border-bottom:0 none;} ul#categories_s ul ul a { background:#fff; padding:2px 2px 2px 35px;} ul#categories_s ul ul a.active {font-weight:normal;} ul#categories_s ul ul ul a {padding:2px 2px 2px 55px;} ul#categories_s ul ul ul a.active {padding:2px 2px 2px 35px;} /* FORM SYSTEM ------------------------ */ .supportrequest .contact_box {padding: 20px;} .supportrequest label {width:170px; text-align: left; margin-left: 100px;display: block; float:left;margin-top: 10px;} .supportrequest input.button {width:200px;} .supportrequest .captcha img {margin-left: 100px;float:left;} .supportrequest .requiredfields {margin-left:280px;} .supportrequest .code {float: left; width: 250px;} .supportrequest .code label {width: 295px;margin-left:20px;;display: block;} .supportrequest .code input {width:295px;margin-left: 20px;} .supportrequest div.textarea label {display: block;width:500px;} #center.supportrequest form div.textarea textarea {margin-left: 100px;width:475px;} #center.supportrequest form p.buttons input {position: relative;left:445px;width:145px;text-align: center;} #content .supportrequest {margin-left: 20px;margin-right: 10px; width: 688px;} .supportrequest h2, .supportrequest h1 {width: 760px;} .supportrequest h1 {width: 700px;} .supportrequest p {font-size:12px;} .supportrequest form div {margin:0 0 1em;font-size:inherit;} .supportrequest form textarea {height:100px;width:300px;} .supportrequest .inner_container {border: 1px solid;padding: 20px;border-top: 0 none;width:730px;} #letterForm .button-right {margin: 0 0 15px 250px} .supportrequest .strasse {width: 240px;} .supportrequest .nr {width: 45px;} .supportrequest .plz {width: 100px;} .supportrequest .ort {width: 185px;} .supportrequest .checkbox input {width: auto;} .supportrequest select {padding:5px; width: 315px;} #letterForm .street, #letterForm .zipcode {margin-right: 3px;} /* TELL-A-FRIEND ------------------------ */ #content .tellafriend {margin-left: 20px;margin-right: 20px;width: 770px;} .tellafriend h2 {border: 1px solid;border-bottom: 0 none;width: auto;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) bottom left repeat-x;} .tellafriend fieldset {border: 1px solid; border-top: 0 none;padding-top: 10px; width: auto;} .tellafriend label {width: 200px;margin-left: 50px;display: block; float: left;margin-top: 8px;} .tellafriend input {float: left;} .tellafriend div.textarea label {display: block;float: none;} .tellafriend div.textarea textarea {width: 500px;margin-left: 50px;} .tellafriend .captcha img{display: block; float:left;} .tellafriend .code {float: left; width: 150px;} .tellafriend .code label {display: block; width: 520px;margin:0;} .tellafriend .code input {width: 320px; } .tellafriend .captcha {margin: 0 0 0 50px;} .tellafriend .buttons {margin: 10px 215px 0 50px;padding: 0} .tellafriend .buttons input {float: right;width: 140px;margin:0;padding: 0 !important;display: block;text-align:center;} /* ARTICLE UNIT PRICE ------------------------ */ #detail #detailinfo .similar .artbox .article_price_unit, .slide .article_box .article_price_unit, .ajaxSlider .article_box .article_price_unit, .ajaxSlider .article_box .article_price_unit p, #listing .artbox .article_price_unit_pseudo, #listing .artbox .article_price_unit { line-height: 12px; } /* NEW LIVESHOPPING ------------------------ */ .liveshopping_container {border: 5px solid;height: 395px;margin-bottom: 10px;background: url("/templates/_default/frontend/_resources/images/liveshopping/bg_live_normal.png") repeat-x scroll 0 83px transparent;position: relative;width:619px;} .liveshopping_container .liveshopping_middle .outer {margin-top: 50px;} .liveshopping_container .liveshopping_left, .liveshopping_container .liveshopping_right, .liveshopping_container .liveshopping_bottom {display: inline;float: left;} .liveshopping_container .liveshopping_left {width: 300px;} .liveshopping_container .liveshopping_right {width: 270px;padding: 10px 0 0 0;text-align: center} .liveshopping_container .liveshopping_bottom {padding: 0px 25px;margin-top: -15px;} .liveshopping_container .image {height: 255px;width: 285px;text-indent: -9999px;display: block;} .liveshopping_container .liveshopping_right p, .liveshopping_container .liveshopping_middle p, #detail .liveshopping_detail p {margin: 0 0 0.3em;} .liveshopping_container .liveshopping_right strong.price {text-decoration: line-through;} .liveshopping_container .liveshopping_right .discount {font-weight: 700;} .liveshopping_container .liveshopping_right .live_price_normal {background: url("/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_normal.png") no-repeat;height:108px;width: 183px;margin: 0 auto;} .liveshopping_container .liveshopping_right .live_price_normal .top, .liveshopping_container .liveshopping_middle .top {padding: 5px 0 0 0;} .liveshopping_container .liveshopping_right .live_price_normal .top strong.time_left {display: block;font-size: 16px;margin: 5px 0 0 0;} .liveshopping_container .liveshopping_right .live_price_normal .bottom {padding: 15px 0 0 0;} .liveshopping_container .liveshopping_right .live_price_normal .bottom .price {text-decoration: none;font-size: 18px;} .liveshopping_container .liveshopping_right .time_bars {padding-top: 6px;} .liveshopping_container .liveshopping_right .time_bars strong.end_time {font-size: 14px;margin-bottom: 6px;display: block;} .liveshopping_container .liveshopping_right .time_bars .time_processbar_container, .liveshopping_container .liveshopping_right .time_bars .instock_processbar_container {width: 100px;margin: 0 0 2px 40px;text-align: right;} .liveshopping_container .liveshopping_right .time_bars .times {margin: 0 0 0 170px;line-height: 16px;text-align: left;font-weight: 700;} .liveshopping_container .liveshopping_bottom h3.headline {text-transform: none;margin-top:10px;} .liveshopping_container .liveshopping_bottom h3.headline a {background: 0 none;font-size: 16px;font-weight: 700;letter-spacing: -1px;} .liveshopping_container .liveshopping_bottom p.description {text-align:justify;width:380px;} .liveshopping_container .liveshopping_bottom .actions {position: absolute;right: 30px;bottom: 60px;} .liveshopping_container .liveshopping_bottom .actions input#basketButton {width: 150px;} .liveshopping_detail .time_bars .time_processbar_container, .liveshopping_container .time_bars .time_processbar_container, .liveshopping_container .time_bars .instock_processbar_container, .liveshopping_detail .time_bars .instock_processbar_container {border: 1px solid;height: 12px;background: url("/templates/_default/frontend/_resources/images/liveshopping/bg_liveshopping_bar.jpg") repeat-x 1px center;width:100px;} .liveshopping_detail .time_bars .time_processbar_container div, .liveshopping_container .time_bars .time_processbar_container div, .liveshopping_container .time_bars .instock_processbar_container div, .liveshopping_detail .instock_processbar_container div {height: 12px;float: left;width:0%;} .liveshopping_container .time_bars .instock_processbar_container, #detail .liveshopping_detail .instock_processbar_container {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_instock_bar.jpg) no-repeat center center;margin-top:1px;} .liveshopping_container .liveshopping_middle {text-align: center;float:left;width: 200px;height:275px;} .liveshopping_container .liveshopping_middle .top {height: 45px;} .liveshopping_container .liveshopping_middle .liveprice_container_down .top, .liveshopping_container .liveshopping_middle .liveprice_container_up .top {height: 12px;} .liveshopping_container .liveshopping_middle .top .time_left {display: block;font-size: 22px;margin: 5px 0 0 0;letter-spacing: -1px;} .liveshopping_container .liveshopping_middle .top .time_left span{line-height: 22px;} .liveshopping_container .liveshopping_middle .liveprice_container_down {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_down2.png) no-repeat;width: 183px;height: 104px;text-align: left;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_stock_down.png) no-repeat;width: 265px;position: relative;} .liveshopping_container .liveshopping_middle .liveprice_container_up {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_up2.png) no-repeat;width: 183px;height: 104px;margin: 0 auto;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_stock_up.png) no-repeat;width: 265px;text-align: left;} .liveprice_container_up div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.bottom, .liveprice_container_down div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.bottom {width: 265px;} .liveprice_container_up div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.bottom, .liveprice_container_down div.top, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.middle, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.bottom {width: 183px;text-align: center;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.right, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.right {width: 55px; text-align:center;position: absolute; top: 28px;right:22px;} .liveshopping_container .liveshopping_middle .quantity .liveprice_container_up div.right strong, .liveshopping_container .liveshopping_middle .quantity .liveprice_container_down div.right strong {font-size: 18px;display:block;width:auto;height:18px;} .liveshopping_container .liveshopping_middle .middle {margin: 10px 0 0 0;position: relative; text-align: center;} .liveshopping_container .liveshopping_middle .middle strong {text-decoration: none;font-size: 16px;} .liveshopping_container .liveshopping_middle .middle .bar_time {width: 152px;height: 3px;margin: 8px auto 0;text-align: left; position: absolute; top: 34px;left:16px;} .liveshopping_container .liveshopping_middle .middle .bar_time div {width: 100%;display: block;background-color: #fff;height: 3px;text-indent: -9999px;} .liveshopping_container .liveshopping_middle .bottom {margin: 25px 0 0 0;font-size: 10px;text-align: center;} .liveshopping_container .liveshopping_middle .quantity {position: relative;width:265px;height:104px;padding: 0;} .liveshopping_container .liveshopping_slider {float:left;width: 20px;height: 120px;background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveshopping_slider.jpg) no-repeat;margin: 100px 0 0 65px;} /* LIVESHOPPING DETAIL ------------------------ */ #detail .liveshopping_detail {width: 190px;text-align: left;margin: 10px 0 0 -15px;} #detail .liveshopping_detail strong.price {color: #555;text-decoration: line-through;margin:0 0 5px 0;} #detail .liveshopping_detail .discount {font-weight: 700;margin-bottom:5px;text-align: center;} #detail .liveshopping_detail .live_price_normal {background: url("/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_normal.png") no-repeat;height:108px;width: 183px;margin: 0 auto 5px auto;} #detail .liveshopping_detail .live_price_normal .top, .liveshopping_container .liveshopping_middle .top {padding: 5px 0 0 0;} #detail .liveshopping_detail .live_price_normal .top strong.time_left {display: block;font-size: 18px;margin: 2px 0 0 0;} #detail .liveshopping_detail .top .time_left {display: block;font-size: 22px;margin: 5px 0 0 0;letter-spacing: -1px;} #detail .liveshopping_detail .top {text-align:center;} #detail .liveshopping_detail .top .time_left span {line-height: 22px;} #detail .liveshopping_detail .live_price_normal .bottom .price {text-decoration: none;font-size: 18px;} #detail .liveshopping_detail .time_bars {margin: 0 0 5px 0;} #detail .liveshopping_detail .time_bars .times {margin-left: 108px;text-align: left;} #detail .liveshopping_detail .liveprice_container_down {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_down2.png) no-repeat;width: 183px;height: 104px;margin: 0 auto;} #detail .liveshopping_detail .quantity .liveprice_container_down {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_stock_down.png) no-repeat;width: 244px;position: relative;} #detail .liveshopping_detail .liveprice_container_up {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_up2.png) no-repeat;width: 183px;height: 104px;margin: 0 auto;} #detail .liveshopping_detail .quantity .liveprice_container_up {background: url(/templates/_default/frontend/_resources/images/liveshopping/bg_liveprice_stock_up.png) no-repeat;width: 244px;} #detail .liveshopping_detail .middle {margin: 7px 0 0 0;text-align: center;} #detail .liveshopping_detail .middle strong {text-decoration: none;font-size: 16px;} #detail .liveshopping_detail .bottom {margin: 22px 0 0 0;font-size: 10px; text-align: center;} #detail .liveshopping_detail .live_price_normal .bottom {margin-top: 15px;} #detail .liveshopping_detail .quantity .liveprice_container_up div.right strong, #detail .liveshopping_detail .quantity .liveprice_container_down div.right strong {font-size: 18px;display:block;text-align: center;} #detail .liveshopping_detail .quantity .liveprice_container_up div.right, #detail .liveshopping_detail .quantity .liveprice_container_down div.right {text-align: center;} #detail .liveshopping_detail .top, #detail .liveshopping_detail .middle, #detail .liveshopping_detail .bottom {width:185px;} #detail .liveshopping_detail .middle .bar_time {width: 152px;height: 3px;margin: 9px auto 0;text-align: left;position: absolute; top: 60px;left:16px;} #detail .liveshopping_detail .liveprice_container_up .middle .bar_time {margin-top:9px;} #detail .liveshopping_detail .middle .bar_time div {width: 100%;display: block;height: 3px;text-indent: -9999px;} #detail .liveshopping_detail .quantity .liveprice_container_up div.right, #detail .liveshopping_detail .quantity .liveprice_container_down div.right {width:55px;position: absolute;top: 30px;left:185px;} #detail .liveshopping_detail .top {margin-bottom:10px;padding-top:5px;} #detail .liveshopping_detail .liveprice_container_down, #detail .liveshopping_detail .quantity .liveprice_container_down, #detail .liveshopping_detail .liveprice_container_up, #detail .liveshopping_detail .quantity .liveprice_container_up {margin-bottom: 10px;position: relative;} #detail .liveshopping_detail .liveshopping_slider {display: none;} /* BUNDLE ------------------------ */ #detailinfo .bundle {padding-top: 12px;} .bundle_container, .relatedbox_container {position: relative;border: 1px solid #c7c7c7;width:765px;background-color: #fff;} .bundle_container h2.heading, .relatedbox_container h2.heading {font-size: 12px;font-weight: 700;padding: 10px 10px 10px 15px;margin: 0;margin-bottom: 5px;} .bundle_container .bundleset .image, .relatedbox_container .relatedbox .image {display: block;height: 57px;width: 57px;text-indent: -9999px;background-repeat: no-repeat;background-position: center center;float: left;} .bundle_container .bundleset .plus, .relatedbox_container .relatedbox .plus {float: left;padding: 0 10px;height: 57px;line-height: 57px;font-size: 22px;font-weight: 700;} .bundle_container .bundleset .price_container h3.heading, .relatedbox_container .relatedbox .price_container h3.heading {font-size: 11px;font-weight: 700;text-transform: none;} .relatedbox_container .relatedbox .price_container .price, .bundle_container .bundleset .price_container .price {font-size: 16px;font-weight: 700;display: block;float: left;height: 40px;} .bundle_container .bundleset .discount {display: block;position:absolute;left:15px;top:28px;} .bundle_container .bundleset .price_container .price h3.heading {float:left;margin-right:10px;} .bundle_container .names h4 {font-size: 11px;margin: 0 0 5px 10px;font-weight: 700;} .bundle_container .names li {margin: 0 0 5px 15px;font-size: 14px;height: 14px;} #detailinfo .bundle_container .names li a {font-size: 11px;line-height: 14px;text-decoration: underline;} .bundle_container .bundleset .price_container h3.heading, .relatedbox_container .relatedbox .price_container h3.heading {font-size: 12px;} .bundle_container .bundleset .price_container, .relatedbox_container .price_container {position: relative;padding: 10px 10px 10px 15px;margin: 0 0 15px 0;height:25px;} .relatedbox_container .relatedbox .price_container .price {float: none;position: absolute;left: 105px;top: 11px;height: auto;font-size: 16px;} .bundle_container .price_container .action, .relatedbox_container .price_container .action {position: absolute;left: 250px;top: 50%;margin-top: -14px;} .bundle_container .price_container .action input, .relatedbox_container .price_container .action input {width: 150px;} .relatedbox_container .related_checker p {height: 22px;line-height: 22px;margin: 0 0 0.5em 15px;} .relatedbox_container .related_checker input {margin: 2px 8px 0 0;} #detailinfo detail .relatedbox_container .related_checker a {text-decoration: underline;margin: 0 5px 0 0;} .relatedbox_container .image_box {display:block; float:left;} /* BUTTONKIT ------------------------ */ /* General */ .button-left, .button-middle, .button-right {height:40px;text-decoration:none;color:#fff !important;display:inline-block;font-weight:500;font-size:14px;font:normal 14px/40px Arial, sans-serif;line-height:40px;cursor:pointer;border:0 none;margin:0 5px 5px 0;padding:0 50px 0 35px;} /* Styles */ .button-left {background:url(/templates/_default/frontend/_resources/images/buttons/button_left-large.png) left center repeat-x;padding:0 35px 0 50px;} .button-right {background:url(/templates/_default/frontend/_resources/images/buttons/button_right-large.png) right center repeat-x} .button-middle {background:url(/templates/_default/frontend/_resources/images/buttons/button_middle-large.png) center center repeat-x;padding:0 35px;} /* Modifier */ .small, .small_left, .small_right, .small_green {height:20px;font:bold 11px/20px Arial, sans-serif;padding:0 45px 0 20px;color: #fff !important;} .small {background:url(/templates/_default/frontend/_resources/images/buttons/button_middle-small.png) center center repeat-x;padding:0 10px;} .small_right {background:url(/templates/_default/frontend/_resources/images/buttons/button_right-small.png) right center repeat-x;padding:0 45px 0 20px;} .small_left {background:url(/templates/_default/frontend/_resources/images/buttons/button_left-small.png) left center repeat-x;padding:0 20px 0 45px;} .small_green {background:url(/templates/_default/frontend/_resources/images/buttons/button_green-small.png) right center repeat-x !important;} input.button-left,input.button-right,input.button-middle {text-align:left;} /* AJAX SLIDER ------------------------ */ .ajaxSlider, .bannerSlider {border: 1px solid;margin: 0 auto 0;position: relative;} .bannerSlider {border: 0 none;} .ajaxSlider .loader, .bannerSlider .loader {position: absolute;left: 50%;top: 50%;background: #fff url(/templates/_default/frontend/_resources/images/icons/ico_ajax-loader.gif) no-repeat center 5px;width: 60px;margin-left: -40px;margin-top: -28px;text-align: center;font-weight: 700;border: 1px solid #c7c7c7;padding: 26px 10px 10px 10px;height: 20px;z-index: 3;} .ajaxSlider .slide_numbers {position: absolute;right: 5px;top: 8px;color: #999;} /* Horizontal slider */ .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {display: block;position: absolute;width: 26px;height: 82px;text-indent: -9999px;top: 50%;margin-top: -41px;z-index: 2;background: url(/templates/_default/frontend/_resources/images/sprite_slider_arrows.png) 0 0 no-repeat} .ajaxSlider .leftArrow, .bannerSlider .leftArrow {background-position: 0px 0;left: 0px;border: 1px solid;border-left: 0 none} .ajaxSlider .leftArrow:hover, .bannerSlider .leftArrow:hover {background-position: -26px 0} .ajaxSlider .rightArrow, .bannerSlider .rightArrow {background-position: -79px 0; right: 0px; border: 1px solid;border-right: 0 none} .ajaxSlider .rightArrow:hover, .bannerSlider .rightArrow:hover {background-position: -53px 0} .ajaxSlider .sliding_container, .bannerSlider .sliding_container {position: absolute;left: 0px} /* Vertical slider */ .vertical_slider .ajaxSlider .leftArrow {left: auto;border: 0 none;border-bottom: 1px solid;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_slide_arrow-up.png) 0 0 no-repeat} .vertical_slider .ajaxSlider .leftArrow:hover {background-position: 0 -19px} .vertical_slider .ajaxSlider .rightArrow {right: auto;border: 0 none;border-top: 1px solid;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_slide_arrow-down.png) 0 0 no-repeat} .vertical_slider .ajaxSlider .rightArrow:hover {background-position: 0 -19px} .vertical_slider .ajaxSlider .leftArrow, .vertical_slider .ajaxSlider .rightArrow {width: 149px;height: 19px;margin: 0;border-color: #c7c7c7} /* Optional styling horizontal */ #content .ajaxSlider h2, #content .bannerSlider h2 {border: 0 none;} #content .ajaxSlider .sliding_container .slide, .modal .ajaxSlider .sliding_container .slide {display: block;float: left;width: 711px;} #content .ajaxSlider .article_box, .modal .ajaxSlider .article_box {height: 190px;width: 141px;float: left;margin: 0 18px;position: relative;} #content .ajaxSlider .article_box .title, .modal .ajaxSlider .article_box .title {font-size: 11px;font-weight: 700;color: #999;width: 141px;display:block;} #content .ajaxSlider .article_box p.price, .modal .ajaxSlider .article_box p.price {position: absolute;bottom: 12px;font-size: 12px;font-weight: 700;color: #333;margin: 0px;width: 105px;} #content .ajaxSlider .sliding_container a.artbox_thumb, .modal .ajaxSlider .sliding_container a.artbox_thumb {width: 105px;height: 105px;display: block;margin: 0 auto 5px} #content .ajaxSlider .sliding_container a.artbox_thumb:hover, .modal .ajaxSlider .sliding_container a.artbox_thumb:hover {text-decoration: none;} #content .ajaxSlider .article_box .article_price_unit p, .modal .ajaxSlider .article_box .article_price_unit p { margin: 0; font-size: 10px; color: #aaa } /* Optional styling vertical */ #content .vertical_slider .ajaxSlider h2 {border: 0 none;border-bottom: 1px solid;} #content .vertical_slider .ajaxSlider .sliding_container .slide {float: none;width: auto;height: 711px;width: 150px;} #content .vertical_slider .ajaxSlider .article_box {float: none;margin: 0 auto 0;height: 175px;} #content .vertical_slider .ajaxSlider .sliding_container a.artbox_thumb {margin: 0;} /* Banner slider */ #content .slider_banner .sliding_container .slide {float: left;width: 630px;} #content .slider_banner .leftArrow, #content .slider_banner .rightArrow {border: 0 none;height: 39px;width: 24px;margin-top: -20px;} #content .slider_banner .leftArrow {background-position: -106px 0;} #content .slider_banner .rightArrow {background-position:-131px 0;} #content .slider_banner .leftArrow:hover {background-position: -106px -39px;} #content .slider_banner .rightArrow:hover {background-position: -131px -39px;} #content .slider_banner .slide_navigation {position: absolute;bottom: 0px;right: 65px;z-index:3;text-align: center;} #content .slider_banner .slide_navigation a {float: left;margin: 0 2px;font-size: 14px;font-weight: 700;width: 23px;height: 20px;padding: 5px 0 0 0;display: block;background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_slidenum_normal.png) no-repeat;} #content .slider_banner .slide_navigation a.active {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_slidenum_active.png) no-repeat;} /* Supplier slider */ #content .supplier_slider .slide_navigation {display: none;} #content .supplier_slider h2 {border-bottom: 1px solid #c7c7c7;} #content .supplier_slider .sliding_container .slide {width: 576px;float: left;height: 105px;} #content .supplier_slider div.logo, #content .supplier_slider div.text {width: 138px;float: left;margin: 0 2px 0 2px;} #content .supplier_slider div.text {background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_supplier_slider_text.png) repeat-x;border: 1px solid #c7c7c7;padding: 13px 0 14px ;font-weight: 700;display: block;text-align: center;width: 134px;margin: 28px 4px 0;} #content .supplier_slider div.logo {height: 105px;} #content .supplier_slider div.logo a {background-position: center center;background-repeat: no-repeat;height: 105px;display: block;} #content .supplier_slider div.logo a img {visibility: hidden;} #content .supplier_slider .leftArrow, #content .supplier_slider .rightArrow {top: 78px;} /* Add article slider */ div.ajax_add_article .ajaxSlider .article_box .title {position: static; left: auto; top: auto;} .modal div.ajax_add_article .ajaxSlider .article_box {height: 190px;margin: 0 8px;} div.ajax_add_article .ajaxSlider .article_box .price {left: auto;top: auto; bottom: 2px} .modal .ajaxSlider .sliding_container .slide {width: 578px;} .modal .ajaxSlider .sliding_container .slide .article_box .price { font-size: 14px; } /* FOOTER ------------------------ */ #footer .footer_menu {border: 1px solid;border-left: 0; border-right: 0;background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_footer.png") repeat-x;height: 41px;text-align: center;padding: 10px 0;} #footer .footer_menu p {margin: 0 0 .5em;} #footer .footer_menu a {font-size: 11px;} #footer .bottom {padding: 10px 0;background: url("/templates/_default/frontend/_resources/images/backgrounds/bg_footer-bottom.png") repeat-x;height: 25px;line-height: 25px;} #footer .bottom p {margin: 0;} #footer .bottom .border {border-right: 1px solid #E3E3E3} .shopware_footer {width: 1000px; margin: 20px auto 30px auto; text-align: left;} .shopware_footer a {background: url(/templates/_default/frontend/_resources/images/icons/ico_shopware.png) left center no-repeat; padding: 0 0 0 14px;} /* Tables */ tbody, tbody tr, thead, thead tr {border: 0 none;} table { display: block; border: 1px solid #c7c7c7; width: auto !important; } table thead tr th { background: #f5f5f5; padding-left: 10px; } table tbody tr td, table tbody tr th { border-top: 1px dashed #dfdfdf; } table td, table th {color: #999;} /* ===== templates/_default/frontend/_resources/styles/colors.css ===== */ /** Shopware 3.5 Template Colors http://shopware.de @package default @subpackage css @category design @version v1 @author stp/Shopware AG @copyright Copyright (c) 2010 Shopware AG (http://www.shopware.de) This stylesheets contains all color hexcodes which are used in the default template. MAIN COLORS Borders: #c7c7c7 Backgrounds: #f5f5f5 Highlights: #dd4800 Primary text: #333333 Secondary text: #777777 Separators: #cccccc */ /* GENERAL ------------------------ */ html, a, a:link, a:active, a:hover, a:visted {color: #333;} html {background-color:#E9EBED} .container_20 {background-color: #fff; border-color: #cdcdcd} h2, h3 {color:#999} div.ico_new, div.ico_tipp, div.ico_esd {color: #fff;} input.text {border-color: #bbb;} div#article_details p.red {color:#264409} #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {border-color: #c7c7c7;background-color: #f5f5f5;} #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container {border-color:#e3e3e3;background: #fff;} #trustedShopsLogo p, #paypalLogo p, #paypalLogo_noborder p {color: #777;} .trustedshops_form {border-color:#c7c7c7;} /* Lines */ hr.line {color: #dd4800;background-color: #dd4800; border-color: #dd4800} hr.smallline {background-color:#c7c7c7} /* HEADING BOX ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {color: #dd4800;border-color: #c7c7c7;background-color: #fff;} /* 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: #c7c7c7} #topbar .currency {border-color: #c7c7c7} #topbar select {color: #999;} .my_options a {color: #dd4800} #mainNavigation {background-color: #dd4800;} #mainNavigation a {color:#fff;border-left-color: #dd4800;border-right-color: #e7702e} #mainNavigation .dropactive:hover a {color: #dd4800;} #mainNavigation a.first {border-left-color: #e7702e;} #mainNavigation a.active {color: #dd4800;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {background-image: none;background-color: #fff;border-color: #000;border-bottom-color: #c7c7c7;color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #fff;background-color: #dd4800;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #dd4800; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #fff;background-color: #dd4800;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #dd4800;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #dd4800;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: #dd4800;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {background-color: #fff; border-color: #000;} #mainNavigation ul li.dropactive:hover ul.droplevel {background-color: #fff;border-color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background-color: #dd4800;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {color:#dd4800;border-color: #c7c7c7;} /* AJAX BASKET ------------------------ */ .ajax_basket_result, #header .ajax_basket_container {border-color: #c7c7c7; background-color: #f5f5f5;} .ajax_basket_container .ajax_basket, #shopnavi .my_options a {color: #dd4800;} .ajax_basket_result .inner_cart div {background-color: #fff;} .ajax_basket_result .inner_cart div.premium {background-color: #E6EFC2; color: #264409;} .ajax_basket_result .inner_cart div.premium a {color: #264409;} .ajax_basket_result .inner_cart div.bundle {background-color: #FBE3E4;color:#8A1F11;} .ajax_basket_result .inner_cart div.bundle a {color: #8a1f11} .ajax_basket_result .inner_cart {border-color: #c7c7c7;background-color: #c7c7c7;} /* BREADCRUMB ------------------------ */ div#breadcrumb {border-color: #fff;color: #777} div#breadcrumb a {color: #777;} div#breadcrumb a.last {color:#DD4800} div#breadcrumb .sep {color:#ccc} /* SIDEBAR LEFT ------------------------ */ #content #left ul li {border-color: #fff;} #content #left ul li, .basket_dispatch_description {background-color: #EFE9E2;} #content #left ul li a {color: #dd4800;} #content #left ul li.active {background-color: #fff;border-color: #efe9e2;} #content #left ul li.active.sub a.active {border-bottom-color: #efe9e2} #content #left ul li.active li {background-color: #fff;} #content #left ul li.active li a {color:#474747;} #content #left ul li.active li.active a {color: #dd4800;} #content #left ul li.active li.active li a {color:#797979;} #content #left ul li.active li.active li a.flag {color:#dd4800;} #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: #EFE9E2;} #content #left ul#servicenav {border-color: #c7c7c7; border-left-color: #fff;} #content #left ul#servicenav li.heading {color: #636363;border-left-color:#e3e3e3;border-bottom-color:#e3e3e3;} #content #left ul#servicenav li a {color:#7f7f7f} #content #left ul li.active li.active li .level3 li.active a {color: #dd4800;} /* SIDEBAR RIGHT ------------------------ */ #content #right div.heading {border-color: #e3e3e3;} #content #right div.heading h2 {color: #dd4800;} div.supplier_filter, div.supplier_filter h5 {border-color: #c7c7c7;} div.supplier_filter div {border-color: #c7c7c7;border-bottom-color: #fff;color:#5c5c5c} div.supplier_filter div.active {color: #dd4800;} div.supplier_filter ul li {background-color: #fff;border-color: #c7c7c7;} 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:#dd4800;} div.supplier_filter, div#hersteller_filter span {background-color: #fff;border-color:#ccc;} div.supplier, div.blogFilter, div.blogInteract {background-color: #fff; border-color:#c7c7c7;} div.supplier ul li, div.blogFilter ul li, div.blogInteract ul li {border-color: #c7c7c7;} div.supplier ul li.active a, div.blogFilter ul li.active a, div.blogInteract ul li.active a {color:#dd4800;} div.supplier ul li.image {background-color: #fff;} #content #right_custom .inner_container, .bt_allsupplier {border-color: #c7c7c7;} /* 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: #999;} #content .cat_text .inner_container, #content .register .supplier_register .inner_container {border-color: #c7c7c7;} #content .cat_text h1, #content .custom h1, #content .supplier_register h1 {color: #dd4800;} #supplierfilter, .notice {border-color: #dd4800;background-color: #fff;} .notice, .notice a {color:#333;} /* GENERAL LISTING ------------------------ */ .listing_actions {background-color:#f5f5f5;border-color:#c7c7c7;} .listing_actions .bottom {border-color:#e3e3e3;} .listing_actions a.perpage, .listing_actions.bottom a.perpage, .listing_actions.bottom a.navi, .listing_actions a.navi {background-color:#fff;border-color:#c7c7c7;} .listing_actions div.more {background-color:#FFFFFF;border:1px solid #C7C7C7;} .listing_actions a.on, .listing_actions.bottom a.on {background-color:#dd4800;color:#fff;} .artbox {border-color: #c7c7c7;} #listing-1col .artbox {border-color:#c7c7c7;border-top-color:#e3e3e3;} .artbox.first {border-top-color: #c7c7c7;} .artbox.last {border-bottom-color:#c7c7c7;} .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: #e3e3e3;} .artbox .actions a.more, #related .listing .artbox .actions a.more, .listing_actions .offers:hover {color: #dd4800;} .artbox p.pseudoprice span.price {color:#990000;} .artbox span.pseudo {color: #777;} .listing_actions .offers:hover {border-color: #c7c7c7;} #listing-1col .artbox.last {border-color: #c7c7c7;border-top-color:#e3e3e3;} /* ARTICLE DETAILS ------------------------ */ #detail h1 {color:#333;} #detail .border {border-color: #c7c7c7;} #detail, #detail a, #content #detail .article_details strong.supplier, .artbox .article_price_unit p, .artbox .article_price_unit_pseudo p, div#notes .article_price_unit p, #content .orders .orderoverview_active .article_price_unit {color:#999;} .article_overview {color:#9c9c9c} .article_overview a {color:#7a7a7a;} #detail .article_details_price2 strong {color: #990000} #detail .article_details_price2 strong.starting_price {color: #333;} #content #detail #detailbox_middle .article_details_price strong {color: #333;} .cloud-zoom-big, #cloud-zoom-big, #thumbs a, .thumb_box a:hover, ul#menu_right {border-color:#dedede} #thumbs a:hover, #thumbs a.active {border-color:#555} .thumb_box a {border-color:#e3e3e3;background-color:#fff;} .thumb_box a:hover {border-color: #999} #detail #article_details .modal_open a {color: #666;} .deliverable1 {color: #009900;} .deliverable2 {color: #514721;} .deliverable3 {color: #990000;} .deliverable4 {color: #990000;} .box_bundleset {border-color:#c7c7c7;} #detail #detailinfo #comments form {background-color: #f5f5f5;border-color: #c7c7c7;} .box_bundleset .bundlePrice {color: #333;} .bundle_container .bundleset .discount {color: #990000} .bundle_box .box_bundleArticleNames {background-color: #fff} .ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #fff;} .ui-tabs .ui-tabs-nav li, #detail #detailinfo .inner_tabs {border-color: #c7c7c7} #detail #detail_menu li, #detail #detail_menu li.lastrow {border-color: #c7c7c7; color:#555;border-bottom-color:#c7c7c7;} #detail #detailinfo .similar {border-left-color:#e3e3e3;} #detail #detailinfo .similar .artbox .artbox_thumb {border-color: #dbdbdb;background-color: #fff;} #detail #detailinfo .similar .artbox strong.title {color: #999;} #detail #detailinfo .similar .artbox .price, #tabs .ui-tabs-panel, #tabs .ui-tabs-panel a {color: #333} #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:#e3e3e3;} #sendArticleNotification {border-color: #c7c7c7; background-color: #f5f5f5;} #sendArticleNotification label {color: #555;} #buybox .upprice_config strong, #buybox .config_select strong {color: #dd4800;} #content #buybox .basketform .accessory_overlay {background-color:#fff;} #buybox .accessory_container .accessory_group {border-color: #c7c7c7;} #content #buybox .basketform .accessory_overlay .title, #content #buybox .basketform .accessory_overlay .price {color: #333;} #buybox .accessory_container label {color: #555;} /* BASKET PAGE ------------------------ */ /* General table coloring */ .table .table_head {background-color: #F5F5F5;border-color:#c7c7c7;} .table .table_row, .table .lastrow, .table .table_foot {border-color: #C7C7C7;border-top-color: #e3e3e3;} .table .ordernumber, .table .supplier, .table .zoom_picture, div#notes .table_row .date {color: #999;} /* Row specific row coloring */ .table .bundle_row, #basket .bundle_row {background-color:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .table .table_foot #aggregation_left strong, .table .table_foot #aggregation strong {color: #707070;} .table .table_foot #aggregation .border, .table .table_foot #aggregation .doubleborder {border-color: #c7c7c7;} /* Premium row */ .table .table_premium, #basket .table_premium {border-color:#c7c7c7;background-color:#f5f8e3;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: #c7c7c7;} #content #left #recalcShipping, .basket_dispatch_description {border-color: #c7c7c7;border-left-color: #fff;} #content #left.basket h5, .basket_dispatch_description h3 {color: #dd4800;} 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: #dd4800;} /* change details */ .info div {border-color: #c7c7c7;} .info div .heading, #login div h2 {color: #dd4800;border-color: #c7c7c7; border-color-left: #fff;} #content .inner .check_order {border-color: #c7c7c7;} #content .inner .check_order h2 {color: #dd4800;} #content .inner .check_order strong {color: #333;} /* LOGIN AND REGISTER ------------------------ */ div#right.register h2 {color: #dd4800; border-color: #c7c7c7;} div#right.register ul {border-color: #c7c7c7;} #login .inner_container {background-color:#f5f5f5;border-color:#c7c7c7} #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: #c7c7c7; background-color: #f3f3f3} .register div h2.heading {background-color: #fff;color:#dd4800;} #content .tellafriend .register h2.headingbox_dark {border-color: #c7c7c7;} .basket .agb {background-color: #f5f5f5;border-color: #c7c7c7;} .register .payment_method .method {border-bottom-color: #dadada} #content #left select {background-color: #f5f5f5;} /* Step box */ div.step_box ul li {border-color: #ebebeb} div.step_box ul li.active {border-color: #c7c7c7;} 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: #dd4800;} /* ORDER PROCESS ------------------------ */ div.agb_accept, div.agb_accept label.chklabel {color:#444} div.agb_info {color:#888} .basket .more_info {border-color: #c7c7c7;} .additional_footer .comment, .additional_footer .agb {background-color: #f5f5f5;border-color: #c7c7c7;} .additional_footer .more_info, #finished .orderdetails, #finish_right .revocation {border-color: #c7c7c7;} .additional_footer .agb .revocation {border-color:#c7c7c7;background-color: #fff;} #content #payment {border-color: #c7c7c7;} #confirm .shipping_select {border-color: #c7c7c7;} /* AJAX MODAL BOXES ------------------------ */ div.ajax_login_form .heading h2, .modal .heading h2, div.ajax_add_article .bottom h2, #compare_bigbox .heading h2 {color: #dd4800;} div.ajax_login_form .existing_customer {border-color: #c7c7c7;} 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: #e3e3e3;} /* 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: #c7c7c7;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: #dd4800;background-color:#fff;} div.orderdata_box div, #newsletterfrm, #frmRegister {background-color: #f7f7f7;} #right_account .adminbox {border-color: #c7c7c7;} #right_account .adminbox li {border-color: #e3e3e3;} .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: #c7c7c7} #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: #c7c7c7;} #content .orders .orderoverview_active .lastrow {border-color: #c7c7c7;} #content .orders .orderoverview_active .table_foot p.bold, #content .orders .orderoverview_active .table_foot div p {color:#333;} .addresses .inner_container, .addresses .inner_container .select_billing, .addresses .inner_container .select_shipping, .account .password .inner_container {border-color: #c7c7c7;} .password .outer {border-color: #c7c7c7;} /* Ticketsystem */ #ticket h2, .ticketdetail_lbl, .tickeranswer h2 {color: #dd4800;} #ticket h2, .ticketdetail_lbl, .tickeranswer h2, .tickeranswer, .ticketdetail_txtbox {border-color: #c7c7c7;} .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: #c7c7c7;} #content .listing_box, #content .listing_box h2.headingbox_nobg {border-color: #c7c7c7;} .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: #dd4800;} .blogbox .tags .tag {background-color:#eee;border-color:#c7c7c7;color: #333;} .blogbox .tags .tag:hover {background-color: #bbb;border-color:#777;color:#fff;} .blogbox h2.heading {color: #dd4800;border-color: #c7c7c7;} .blogbox a.more_info, .content_listing a.more_info, bt_allsupplier {border-color: #c7c7c7;} .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {color:#dd4800} .blogbox .thumbnail_box a {border-color: #e6e6e6;} .blogbox .thumbnail_box a:hover {border-color: #c7c7c7;} div#commentcontainer ul, form.comments {border-color:#c7c7c7;} div#commentcontainer .comment_outer {border-color: #e3e3e3;} form.comments {background-color: #f5f5f5;} div#commentcontainer .date {color:#999;} /* VIEWLAST ------------------------ */ .viewlast {border-color:#c7c7c7 #c7c7c7 #c7c7c7 #fff;} .viewlast .heading {color: #636363;border-color: #e3e3e3} .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:#dd4800;} .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-color:#fff;border-color:#c7c7c7;} .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:#EFE9E2;} #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 :#c7c7c7;color:#888} a.resultall {color:#dd4800;} a.resultall span.result_number {color:#868686} li.searchresult {border-color: #e3e3e3;} 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:#c7c7c7;color:#888;} li.searchresult ul li {border-color:#c7c7c7} 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: #c7c7c7; border-bottom-color: #e3e3e3;} 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: #dd4800; border-color: #c7c7c7} .fuzzy .category_filter .border {border-color: #e3e3e3} .fuzzy .category_filter .categories {border-color: #c7c7c7;} .fuzzy .category_filter .showall {color: #9e0000;} #content #left .filter_search h3.heading {border-left-color: #fff;} #content #left .filter_search .searchbox {border-color: #c7c7c7; border-left-color: #fff;} #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: #c7c7c7;} #compare_bigbox {border-color: #333;} #compareHighlight {border-color: #fff;color: #dd4800;} #compareHighlight.active {border-color: #333;border-bottom-color: #c7c7c7;color: #333;} #compareContainerResults {background:#fff; border-color: #333;} .compare_desc div {background-color: #f5f5f5;} .content_listing, #tagcloud {border-color:#c7c7c7;} /* TOPSELLER ------------------------ */ .topseller {border-color: #cfcfcf;border-right-color:#fff;} .topseller h3 {color: #dd4800;border-bottom-color: #e3e3e3;} /* FORM SYSTEM ------------------------ */ #content .supportrequest .inner_container {border-color: #c7c7c7;background-color:#f5f5f5;} /* TELL-A-FRIEND ------------------------ */ .tellafriend h2 {border-color: #c7c7c7;background-color:#fff;} .tellafriend fieldset {border-color: #c7c7c7;background-color: #f5f5f5;} /* SITEMAP ------------------------ */ ul#categories_s li {border-color: #fff;} ul#categories_s, ul#categories_s a.active {background-color: #dd4800;} 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: #dd4800;} /* 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, #content .vertical_slider .ajaxSlider h2 {background-color: #fff;border-color: #c7c7c7;} #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} /* ===== templates/_default/frontend/_resources/styles/plugins.css ===== */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; left:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:0px solid #ccc; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /* SLIMBOX2 ------------------------ */ #lbOverlay { position: fixed; z-index: 8000; left: 0; top: 0; width: 100%; height: 100%; background: #555; opacity: 0.8; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 8500; overflow: hidden; background-color: #fff; } #lbCenter { -webkit-box-shadow: 0px 0px 15px rgba(22, 22, 22, 0.9); -moz-box-shadow: 0px 0px 15px rgba(22, 22, 22, 0.9); } .lbLoading { background: #fff url(/templates/_default/frontend/_resources/images/icons/ico_ajax-loader.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbNextLink { right: 10px; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; margin: 5px 0; outline: none; } #lbCloser { width: 22px; height: 22px; background: url(/templates/_default/frontend/_resources/images/icons/ico_closebutton.gif) no-repeat; position: absolute; top:0; margin: -11px 0 0 -11px; z-index: 9000; cursor: pointer; } #lbThumbs { padding: 15px 0 0 0; display: none; background: #efefef; width: 165px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; position: absolute; right: 0; text-align: center; overflow: scroll; display: none; } #lbThumbs a img { display: block; max-width: 128px; max-height: 68px; border: 5px solid #dfe6eb; margin: 5px auto; } #lbThumbs a img:hover, #lbThumbs a img.active { border: 5px solid #10A0DE; } /* MODAL BOX ------------------------ */ .modal { z-index: 9000; border: 1px solid #333; top: 10%; left: 50%; width: 560px; background: #fff; position: fixed; } .modal h2 { font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif; color: #333; letter-spacing: -1px; line-height: 1; font-size: 21px; } .modal p { font: 13px/18px Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif; color: #555; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.08); } .modal .table_foot p, .modal .table_row p { font: 11px/1.3em "Lucida Grande",Tahoma,Verdana,Arial,sans-serif; margin: 0 0 0.5em; } .modal div.listing { font-size: 11px; } .modal iframe { border: 0 none; width: 100%; } .modal .close:active { bottom: 14px; } /* LOADING INDICATOR ------------------------ */ .loadingIndicator { background: #fff url(/templates/_default/frontend/_resources/images/icons/ico_ajax-loader.gif) center center no-repeat; text-indent: -9999px; border: 1px solid #333; position: fixed; top: 50%; left: 50%; height: 64px; width: 64px; z-index: 99999; } /* SUGGEST SEARCH ------------------------ */ div#searchresults { display: none; width: 450px; padding: 0px 0px 40px; border: 3px solid #c7c7c7; z-index: 8000; position: absolute; top: 200px; left: 255px; font-size: 10px; line-height: 12px; } a.resultall { position: absolute; bottom: 0; cursor: pointer; padding: 14px 0; font-size: 11px; font-weight: 700; width: 100%; text-align: center; display: block; width: 450px; left: 0; } a.resultlink { cursor: pointer } li.searchresult { padding: 8px 5px; margin: 0 0 0 0; position: relative; left: 0px; top: 0px; clear: both; text-align: left; border-bottom: 1px solid #E3E3E3; } li.searchresult ul li { border-bottom: 1px solid; padding: 10px 5px 10px 5px; margin: 0; position: relative; left: 0px; top: 0px; clear: both; height: 55px; } li.searchresult ul { margin: 0; padding: 0; } li.searchresult_supplier div.header { padding: 5px } li.searchresult_supplier { border-bottom: 1px solid; padding: 10px 5px 10px 5px; margin: 0 0 0 0; } li.searchresult_supplier h2 { font-size: 11px; font-weight: 700; } li.searchresult_supplier a.resultlink { float: left; padding: 5px; display: block; height: 25px; font-size: 10px; font-weight: normal; width: 80px; border: 1px solid; text-align: center; margin: 0 5px 5px 0; } li.searchresult_supplier a.resultlink h3 { font-size: 10px; font-weight: normal; } li.searchresult_supplier a.searchthumb { float: left; margin: 0 5px 5px 0; width: 90px; height: 35px; text-align: center; border: 1px solid; } li.searchresult a:hover { text-decoration: underline } li.searchresult h3 { font-weight: normal; overflow: hidden; font-size: 11px; font-weight: 700; white-space: nowrap; z-index: -1; height: 15px; } a.searchthumb { border: none; float: left; margin: 0 5px 0 0; width: 57px; height: 57px; text-align: center; } .modal .ajaxSlider .sliding_container .slide {width: 578px;} /* BANNER SLIDER CSS ------------------------ */ /* Bannerslider */ #center .slider_banner {width: 630px;} #center .slider_banner .bannerSlider {width: 630px;height: 386px; position: relative; margin-bottom: 15px;} #center .slider_banner .bannerSlider .sliding_outer {position: relative; overflow: hidden; left: 0px; width: 630px; height: 386px;} /* Similar article slider */ #center .slider2 {width: 628px;} #center .slider2 .ajaxSlider {width: 628px; height: 220px; position: relative; margin-top: 12px; margin-bottom: 15px;} #center .slider2 .ajaxSlider .sliding_outer {position: relative; overflow: hidden; left: 26px; width: 576px; height: 190px;} /* New articles slider */ #center .slider {width: 628px;} #center .slider .ajaxSlider {width: 628px; height: 220px; position: relative; margin-top: 0px; margin-bottom: 15px;} #center .slider .ajaxSlider .sliding_outer {position: relative; overflow: hidden; left: 26px; width: 576px; height: 190px;} /* Supplier slider */ #center .supplier_slider {width:628px;} #center .supplier_slider .ajaxSlider {width: 628px; height: 130px; position: relative; margin-top: 20px; margin-bottom: 20px;} #center .supplier_slider .sliding_outer {position: relative; overflow: hidden; left: 26px; width: 576px; height: 101px;} /* Customers bought too slider */ #detailinfo .horizontal_slider, #detailinfo .slider {width: 763px;} #detailinfo .horizontal_slider .ajaxSlider, #detailinfo .slider .ajaxSlider {width: 763px; height: 220px; position: relative; margin-bottom: 20px;} #detailinfo .horizontal_slider .ajaxSlider .sliding_outer, #detailinfo .slider .ajaxSlider .sliding_outer {position: relative; overflow: hidden; left: 26px; width: 711px; height: 190px;} /* Customers similar slider */ #detailinfo .slider2 {width: 763px;} #detailinfo .slider2 .ajaxSlider {width: 763px; height: 220px; position: relative; margin-bottom: 20px;} #detailinfo .slider2 .ajaxSlider .sliding_outer {position: relative; overflow: hidden; left: 26px; width: 711px; height: 190px;} /* Ajax add article slider */ .ajax_add_article .slider_modal {width: 630px;} .ajax_add_article .slider_modal .ajaxSlider {width: 630px; height: 210px; position: relative; margin: 0px 0px 15px 15px;} .ajax_add_article .slider_modal .ajaxSlider .sliding_outer {position: relative; overflow: hidden; left: 26px; width: 578px; height: 210px;} /* BUTTON SOLUTION ------------------------ */ /** Inner container styling */ #confirm .personal-information .inner_container, #confirm .additional-options .inner_container, .agb_cancelation .inner_container { padding: 10px 15px 5px; margin: 0; border: 1px solid #c7c7c7; border-top: 0 none; line-height: 16px; } /** Headline */ #confirm .personal-information .underline, #confirm .additional-options .table_premium h5, #confirm .basket_slider .header, #confirm .revocation .underline { color: #333; font-weight: bold; font-size: 12px; border-bottom: 1px solid #c7c7c7; margin: 0 0 8px; padding: 5px 0 0; line-height: 1.6em; } /** AGB and Cancelation */ .agb_cancelation .inner_container {min-height: 80px;} .agb_cancelation .inner_container .revocation { padding: 0 10px; line-height: 16px; font-weight: bold; } .agb_cancelation .inner_container .revocation a { color: #dd4800; text-decoration: underline; } /** Structure of the personal information panel */ #confirm .personal-information .invoice-address, #confirm .personal-information .shipping-address, #confirm .personal-information .payment-display { float: left; width: 28.334%; margin: 0 5% 0 0; position: relative; height: 188px; } /** Last box, so we don't need a margin here */ #confirm .personal-information .payment-display { margin: 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: 48%; margin: 0 2% 0 0; } #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: 1px solid #aaa; margin: 0 0 15px 5px; padding: 10px 10px; /** CSS3 Border radius */ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #confirm .table_row a.thumb_image img { display: block; /** CSS3 Border radius */ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /** Premium articles */ #confirm .additional-options .table_premium .body .article { float: left; height: 105px; margin: 0 6px 10px 6px; width: 235px; background: #fff; border: 1px solid #dadada; position: relative; } #confirm .additional-options .table_premium .body .thumbnail {display:block;height: 57px;width: 57px;text-align: center;float:left;margin: 15px 0 0 5px;} #confirm .additional-options .table_premium .body .thumbnail img { width: 57px; height: 57px; display: block } #confirm .additional-options .table_premium .body .article .name {display: block; margin: 10px 0 0 72px;} #confirm .additional-options .table_premium .body .bonus_price {position: absolute;bottom: 15px;left: 75px;margin: 5px 0 0 0;color: #333;font: bold 11px/14px Arial, sans-serif;float:left;} #confirm .additional-options .table_premium .body .bonus_price .pr1 {margin-right: 8px;} #confirm .additional-options .table_premium .body .article .button-right { width: 147px; position: absolute; bottom: 8px; left: 70px; } /** 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: #888; } /** Reposition all footer elements */ #confirm .additional_footer { width: 888px } #confirm .table_foot { padding-left: 451px; width: 329px; border-bottom: 0 none; } /** Country notice */ #confirm .country-notice { border: 1px solid #c7c7c7; border-top: 0 none; position: relative; top: -11px; } #confirm .country-notice p { padding-left: 460px; padding-right: 5px; color: #888; } /** Fix the delivery status icons */ .status0, .status1, .status2, .status3, .status4, .status5, .status6, .status7, .status8 { background-image: url(/templates/_default/frontend/_resources/images/sprite_delivery.png) } /** Remove the white stripes in the aggregation */ .table #aggregation_left .border, .table #aggregation_left .doubleborder { border-color: transparent } /** 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 .actions { margin: 0 100px 0 } #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; } /** 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: 728px; left: 80px; position: relative; /** CSS3 Border radius */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /** Dispatch methods */ #confirm .dispatch-methods { padding: 0 0 20px } #confirm .dispatch-methods .method { margin: 0 0 6px } #confirm .dispatch-methods .method .last { color: #888 } .ctl_checkout #content .agb-holder, .ctl_checkout #content .newsletter-holder { height: 22px; } .ctl_checkout .agb_accept { position: absolute; z-index: 1; left: 16px; top: 67px; } .ctl_checkout .more_info { border: 0 none; padding: 0; margin: 0; position: absolute; z-index: 1; left: 16px; top: 95px; } /** Table styling */ #confirm .table_row a.thumb_image, #confirm .table .table_row .basket_details { float: left; } #confirm .table .table_row .basket_details { position: static; left: auto; top: auto; width: 180px; margin: 0 0 0 15px; } .ajax_modal_custom { width: auto } .outer-confirm-container { position: relative; } /** IE 7 Hack */ *+html .outer-confirm-container { zoom: 1 } *+html #confirm .personal-information .inner_container, *+html #confirm .additional-options .inner_container, *+html .agb_cancelation .inner_container { zoom: 1; } *+html .voucher-add-article .button-left, *+html .voucher-add-article .button-middle, *+html .voucher-add-article .button-right { width: 85px; top: -4px; } *+html .ctl_checkout #basketButton { right: 100px; } .ctl_checkout .modal .headingbox { color: #dd4800; padding: 5px 0 5px 20px; height: 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #c7c7c7; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: 0; } .ctl_checkout .modal { position: relative } .ctl_checkout .modal .close { display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAABC1BMVEXiTgeqOADum3PlZSnmZinkXRzqhFTjVBDlZinjXRziUxDwpYLiVBDjXBzqhVTcYR7dYR6qNwDnbzbhTQf98+7hTgf7593unnfztpnunXfjfEj0vqSrOwSyZUDfZyv528zhbjLNkHPmbTPqn3neYyGtQgz40b+uTR/upYLidT3lZijlg1PiVRHplWvqhlXwo4CsOwX53M3sjWDp1cm0bkzxqojojF+1dVf2ybPpfUnvnnfdYBz76eH76N+wVSn52syqOQKxXTSsPwzUp5CtRxXccDbtpYPoeUT14dbcYB73zrvdYB3pekXskGToekXtkGTrhVTvm3PwpoKrOADncDbgSQDgSAD////hSQDCK3Q1AAABMklEQVR42kVNh3aCQBBcBAQENUaiMb333rvp1UKEu73//5LMgu9l383OzO7NHX2+j4oKw3AUgnKz9UKrv6hSCchZlOhL2h8O+0OgjwMByvUZXSRJrQwkaHJqSYJenqfdQW8wAHpoUmDBE81kWTYJ5PTfH2jb9h3HsW3fd2wH2oeE2qSlwHWrrht0+K4aXPFsUBXnvtJC5EUVL4q8DT484XuvUpETPdNak4imgJ04PuZrqKbgiG6NlDZKd5jPtTHKKNiUfjTISJtm7mIGB2/Rl1bF6oDjFt9gLg6JCdwRudfi9gfzioJRsqgXWTz0bUybF+VWkVDYiwHlChIZi+rIKoN/0NANpMYACXhx8JIbl8IfCKNkLjRe6JTeNEgjViRhROo5Ol1vpJaVohoWALbgH5f/AH7De3xSMcDcAAAAAElFTkSuQmCC") no-repeat; width: 24px; height: 21px; text-indent: -9999px; position: absolute; right: 10px; top: 12px; cursor: pointer; } #topbar .flag { background: url("/templates/_default/frontend/_resources/images/icons/ico-flags.png") no-repeat 0 0; margin: 8px 5px 0 0; height: 11px; width: 14px; display: block; } #topbar .de_DE {background-position: 0 0;} #topbar .en_GB {background-position: 0 -11px;} /** Styling the result box for the fuzzy search */ .fuzzy_result_box { width: 627px; float: left; margin: 0 10px 10px; } .fuzzy_result_box .inner_box { border: 1px solid #c7c7c7; border-top: 0 none; padding: 15px 25px; background: url(/templates/_default/frontend/_resources/images/backgrounds/bg_breadcrumb.png) left top repeat-x; } .fuzzy_result_box .headingbox { background: #fff !important; } .fuzzy_result_box .inner_box ul { width: 47%; display: block; float: left; margin: 0 0 0 1%; height: 70px; overflow-y: scroll; } .fuzzy_result_box .inner_box ul.first { border-right: 1px solid #DFDFDF; margin: 0 1% 0 0; } .fuzzy_result_box .inner_box li { background: url(/templates/_default/frontend/_resources/images/icons/ico_search_inactive.png) no-repeat; height: 13px; line-height: 13px; padding: 0 0 0 21px; margin: 0 0 10px 0; } .fuzzy_result_box .inner_box li:hover { background: url(/templates/_default/frontend/_resources/images/icons/ico_search_active.png) no-repeat 0 0; } .fuzzy_result_box .inner_box a:hover { text-decoration: none; color: #E1540F; } #content #left .filter_search .searchbox li { display: block; height: auto } #content #left .filter_search .searchbox li.head { height: auto; border-top: 1px solid #DFDFDF } /* IPAD RELATED STYLES ------------------------ */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { div.inner_searchcontainer { width: 280px } div.inner_searchcontainer #submit_search, input#searchfield { -webkit-appearance: none; -webkit-border-radius: 0; } .ui-tabs .ui-tabs-nav:after { content: ' '; clear: both; float: none; display: block; height: 0; line-height: 0; } #detail #detailinfo .inner_tabs { position: relative; top: -1px; } #lbOverlay { padding: 30px 30px 30px 0 } /** Banner slider - Hardware accelared */ #center .slider_banner .bannerSlider .sliding_container, #center .slider2 .sliding_container, #center .slider .sliding_container, #center .supplier_slider .sliding_container, #detailinfo .slider .sliding_container, .ajax_add_article .slider_modal .sliding_container { -webkit-transition: all 0.3s linear; } } /* ===== templates/_default/frontend/_resources/styles/enrichments.css ===== */ /** Shopware 3.5 Template CSS3 Enrichments http://shopware.de DISCLAIMER This file contains expermiental CSS3 styles which aren't supported in all versions of the Internet Explorer except IE9. We're trying to support as many CSS3 properties as we can with a behavior property which is linked to the PIE.htc file. Please keep in mind that your users need at least IE6 with enabled Javascript to see the set properties. ATTENTION This file belongs to the PIE.htc file for Internet Explorer support. @package default @subpackage css @category design @version v.9 beta @author stp/Shopware AG @copyright Copyright (c) 2010 Shopware AG (http://www.shopware.de) */ /* General user select */ #shopnavi .ajax_basket_container .ajax_basket, div.supplier_filter div, div.supplier_filter div span.expandcollapse, div.step_box ul { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Overflows */ .ticketoverview .content, .newsletter_detail iframe { overflow-y:scroll; } /* Box shadow */ .blogbox .tags .tag { -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius:3px; } /* STEP BOX ------------------------ */ div.step_box2 ul li .icon { -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } /* VIEW LAST BOX SHADOW ------------------------ */ .viewlast .article_image, #detail #detailinfo .similar .artbox .artbox_thumb { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc; position: relative; } .table_premium div.body div.article { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px #ddd; -webkit-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; } /* ARTICLE DETAIL ------------------------ */ #basketButton, .button_tablefoot, #registerbutton { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px #c0c0c0; -webkit-box-shadow: 1px 1px 1px #c0c0c0; box-shadow: 1px 1px 1px #c0c0c0; position: relative !important; } #content #buybox .basketform .accessory_overlay { -moz-box-shadow: 0px 0px 5px #c0c0c0; -webkit-box-shadow: 0px 0px 5px #c0c0c0; box-shadow: 0px 0px 5px #c0c0c0; position: absolute; } #content .table .table_premium .body .article.small_green { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* TRUSTED SHOPS ------------------------ */ #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative !important; } /* BUTTONKIT ------------------------ */ .button-left, .button-middle, .button-right { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:1px 1px 2px #c0c0c0; -moz-box-shadow:1px 1px 2px #c0c0c0; box-shadow:1px 1px 2px #c0c0c0; -webkit-user-select:none; -moz-user-select:none; user-select:none; position: relative; } /* SLIDER LOADER ------------------------ */ .ajaxSlider .loader, .bannerSlider .loader { -webkit-box-shadow: 0 0 3px #c0c0c0; -moz-box-shadow: 0 0 3px #c0c0c0; box-shadow: 0 0 3px #c0c0c0; } #confirm .personal-information .payment_method .bankdata label { width: 175px !important; line-height: 22px; } .is--disabled[type="text"] { background: #efefef; color: #999; cursor: not-allowed; padding: 4px 6px; } .is--disabled[type="text"]:focus { border-color: #bbb; } /* ===== templates/riesenballshop/frontend/_resources/styles/green.css ===== */ /** Shopware 3.5 Template Colors http://shopware.de @package default @subpackage css @category design @version v1 @author stp/Shopware AG @copyright Copyright (c) 2010 Shopware AG (http://www.shopware.de) This stylesheets contains all color hexcodes which are used in the default template. MAIN COLORS Borders: #c7c7c7 Backgrounds: #f5f5f5 Highlights: #7c7c7c Primary text: #333333 Secondary text: #777777 Separators: #cccccc */ /* GENERAL ------------------------ */ html, a, a:link, a:active, a:hover, a:visted {color: #333;} html {padding-top: 0px;} body {padding-top: 30px;} .container_20 {background-color: #fff; border-color: #cdcdcd;margin-top: 0;} h2, h3 {color:#999} div.ico_new, div.ico_tipp, div.ico_esd {color: #fff;} input.text {border-color: #bbb;} div#article_details p.red {color:#264409} #trustedShopsLogo, #paypalLogo, #paypalLogo_noborder {border-color: #c7c7c7;background-color: #f5f5f5;} #trustedShopsLogo .inner_container, #paypalLogo .inner_container, #paypalLogo_noborder .inner_container {border-color:#e3e3e3;background: #fff;} #trustedShopsLogo p, #paypalLogo p, #paypalLogo_noborder p {color: #777;} .trustedshops_form {border-color:#c7c7c7;} /* Lines */ hr.line {color: #7c7c7c;background-color: #7c7c7c; border-color: #7c7c7c} hr.smallline {background-color:#c7c7c7} /* HEADING BOX ------------------------ */ #content .headingbox, #content .headingbox_nobg, #content .headingbox_dark {color: #7c7c7c;border-color: #c7c7c7;background-color: #fff;} /* 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: #c7c7c7} #topbar .currency {border-color: #c7c7c7} #topbar select {color: #999;} .my_options a {color: #7c7c7c} #mainNavigation {background-color: #7c7c7c;position:relative; margin:14px 0px 0 1px;} #mainNavigation a {color:#fff;border-left-color: #7c7c7c;border-right-color: #e9e9e9; font-size: 13px;} #mainNavigation .dropactive:hover a {color: #7c7c7c;} #mainNavigation a.first {border-left-color: #e9e9e9;} #mainNavigation a.active {color: #7c7c7c;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {background-image: none;background-color: #fff;border-color: #000;border-bottom-color: #c7c7c7;color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #fff;background-color: #7c7c7c;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #7c7c7c; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #fff;background-color: #7c7c7c;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #7c7c7c;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #7c7c7c;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: #7c7c7c;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {background-color: #fff; border-color: #000;} #mainNavigation ul li.dropactive:hover ul.droplevel {background-color: #fff;border-color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background-color: #7c7c7c;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {color:#7c7c7c;border-color: #c7c7c7;} /* AJAX BASKET ------------------------ */ .ajax_basket_result, #header .ajax_basket_container {border-color: #c7c7c7; background-color: #f5f5f5;} .ajax_basket_container .ajax_basket, #shopnavi .my_options a {color: #7c7c7c;} .ajax_basket_result .inner_cart div {background-color: #fff;} .ajax_basket_result .inner_cart div.premium {background-color: #E6EFC2; color: #264409;} .ajax_basket_result .inner_cart div.premium a {color: #264409;} .ajax_basket_result .inner_cart div.bundle {background-color: #FBE3E4;color:#8A1F11;} .ajax_basket_result .inner_cart div.bundle a {color: #8a1f11} .ajax_basket_result .inner_cart {border-color: #c7c7c7;background-color: #c7c7c7;} /* BREADCRUMB ------------------------ */ div#breadcrumb {border-color: #fff;color: #777; font-size:13px;} div#breadcrumb a {color: #777;} div#breadcrumb a.last {color:#7c7c7c} div#breadcrumb .sep {color:#ccc} /* SIDEBAR LEFT ------------------------ */ #content #left ul li {border-color: #fff;} #content #left ul li, .basket_dispatch_description {background-color: #e9e9e9;} #content #left ul li a {color: #7c7c7c;font-size:13px;} #content #left ul li.active {background-color: #fff;border-color: #e9e9e9;} #content #left ul li.active.sub a.active {border-bottom-color: #e9e9e9} #content #left ul li.active li {background-color: #fff;} #content #left ul li.active li a {color:#474747;} #content #left ul li.active li.active a {color: #7c7c7c;} #content #left ul li.active li.active li a {color:#797979;} #content #left ul li.active li.active li a.flag {color:#7c7c7c;} #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: #e9e9e9;} #content #left ul#servicenav {border-color: #c7c7c7; border-left-color: #fff;} #content #left ul#servicenav li.heading {color: #636363;border-left-color:#e3e3e3;border-bottom-color:#e3e3e3;} #content #left ul#servicenav li a {color:#7f7f7f} #content #left ul li.active li.active li .level3 li.active a {color: #7c7c7c;} /* SIDEBAR RIGHT ------------------------ */ #content #right div.heading {border-color: #e3e3e3;} #content #right div.heading h2 {color: #7c7c7c;} div.supplier_filter, div.supplier_filter h5 {border-color: #c7c7c7;} div.supplier_filter div {border-color: #c7c7c7;border-bottom-color: #fff;color:#5c5c5c} div.supplier_filter div.active {color: #7c7c7c;} div.supplier_filter ul li {background-color: #fff;border-color: #c7c7c7;} 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:#7c7c7c;} div.supplier_filter, div#hersteller_filter span {background-color: #fff;border-color:#ccc;} div.supplier, div.blogFilter, div.blogInteract {background-color: #fff; border-color:#c7c7c7;} div.supplier ul li, div.blogFilter ul li, div.blogInteract ul li {border-color: #c7c7c7;} div.supplier ul li.active a, div.blogFilter ul li.active a, div.blogInteract ul li.active a {color:#7c7c7c;} div.supplier ul li.image {background-color: #fff;} #content #right_custom .inner_container, .bt_allsupplier {border-color: #c7c7c7;} /* 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: #999;} #content .cat_text .inner_container, #content .register .supplier_register .inner_container {border-color: #c7c7c7;} #content .cat_text h1, #content .custom h1, #content .supplier_register h1 {color: #7c7c7c;} #supplierfilter, .notice {border-color: #7c7c7c;background-color: #fff;} .notice, .notice a {color:#333;} /* GENERAL LISTING ------------------------ */ .listing_actions {background-color:#f5f5f5;border-color:#c7c7c7;} .listing_actions .bottom {border-color:#e3e3e3;} .listing_actions a.perpage, .listing_actions.bottom a.perpage, .listing_actions.bottom a.navi, .listing_actions a.navi {background-color:#fff;border-color:#c7c7c7;} .listing_actions div.more {background-color:#FFFFFF;border:1px solid #C7C7C7;} .listing_actions a.on, .listing_actions.bottom a.on {background-color:#7c7c7c;color:#fff;} .artbox {border-color: #c7c7c7;} #listing-1col .artbox {border-color:#c7c7c7;border-top-color:#e3e3e3; margin-top:20px;border-bottom:1px solid #e3e3e3;} #listing-1col .artbox.first { margin-top:0px;} .artbox.first {border-top-color: #c7c7c7;} .artbox.last {border-bottom-color:#c7c7c7;} .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: #e3e3e3;} .artbox .actions a.more, #related .listing .artbox .actions a.buynow, .listing_actions .offers:hover {color: #7c7c7c;} .artbox p.pseudoprice span.price {color:#990000;} .artbox p.pseudoprice span.price.grey {color:#cccccc;} .artbox span.pseudo {color: #777;margin-left: -36px;} .listing_actions .offers:hover {border-color: #c7c7c7;} #listing-1col .artbox.last {border-color: #c7c7c7;border-top-color:#e3e3e3;margin-bottom:20px;} /* ARTICLE DETAILS ------------------------ */ #detail h1 {color:#333;} #detail .border {border-color: #c7c7c7;margin:0px 15px;} #detail, #detail a, #content #detail .article_details strong.supplier {color:#999;} .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:#e3e3e3;background-color:#fff;margin:0px 10px 11px 10px;} .thumb_box a:hover {border-color: #999} .thumb_box { margin-left:5px; margin-top:2px; } .deliverable1 {color: #009900;} .deliverable2 {color: #514721;} .deliverable3 {color: #990000;} .deliverable4 {color: #990000;} .box_bundleset {border-color:#c7c7c7;} #detail #detailinfo #comments form {background-color: #f5f5f5;border-color: #c7c7c7;} .box_bundleset .bundlePrice {color: #333;} .bundle_container .bundleset .discount {color: #990000} .bundle_box .box_bundleArticleNames {background-color: #fff} .ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #fff;} .ui-tabs .ui-tabs-nav li, #detail #detailinfo .inner_tabs {border-color: #c7c7c7} #detail #detail_menu li, #detail #detail_menu li.lastrow {border-color: #c7c7c7; color:#555;border-bottom-color:#c7c7c7;} #detail #detailinfo .similar {border-left-color:#e3e3e3;} #detail #detailinfo .similar .artbox .artbox_thumb {border-color: #dbdbdb;background-color: #fff;} #detail #detailinfo .similar .artbox strong.title {color: #999;} #detail #detailinfo .similar .artbox .price, #tabs .ui-tabs-panel, #tabs .ui-tabs-panel a {color: #333} #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:#e3e3e3;} #sendArticleNotification {border-color: #c7c7c7; background-color: #f5f5f5;} #sendArticleNotification label {color: #555;} #buybox .upprice_config strong, #buybox .config_select strong {color: #7c7c7c;} #content #buybox .basketform .accessory_overlay {background-color:#fff;} #buybox .accessory_container .accessory_group {border-color: #c7c7c7;} #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} #article_details .account {margin-left: 0;} #detail #detailbox {margin-top: 1px;} /* BASKET PAGE ------------------------ */ /* General table coloring */ .table .table_head {background-color: #F5F5F5;border-color:#c7c7c7;} .table .table_row, .table .lastrow, .table .table_foot {border-color: #C7C7C7;border-top-color: #e3e3e3;} .table .ordernumber, .table .supplier, .table .zoom_picture {color: #999;} /* Row specific row coloring */ .table .bundle_row, #basket .bundle_row {background-color:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .table .table_foot #aggregation_left strong, .table .table_foot #aggregation strong {color: #707070;} .table .table_foot #aggregation .border, .table .table_foot #aggregation .doubleborder {border-color: #c7c7c7;} /* Premium row */ .table .table_premium, #basket .table_premium {border-color:#c7c7c7;background-color:#f5f8e3;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: #c7c7c7;} #content #left #recalcShipping, .basket_dispatch_description {border-color: #c7c7c7;border-left-color: #fff;} #content #left.basket h5, .basket_dispatch_description h3 {color: #7c7c7c;} 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: #7c7c7c;} /* change details */ .info div {border-color: #c7c7c7;} .info div .heading, #login div h2 {color: #7c7c7c;border-color: #c7c7c7; border-color-left: #fff;} #content .inner .check_order {border-color: #c7c7c7;} #content .inner .check_order h2 {color: #7c7c7c;} #content .inner .check_order strong {color: #333;} /* Fuer Warenkorb speichern Plugin */ .ctl_checkout #content .button-middle.small.change {margin-left: 10px;} /* LOGIN AND REGISTER ------------------------ */ div#right.register h2 {color: #7c7c7c; border-color: #c7c7c7;} div#right.register ul {border-color: #c7c7c7;} #login .inner_container {background-color:#f5f5f5;border-color:#c7c7c7} #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: #c7c7c7; background-color: #f3f3f3} .register div h2.heading {background-color: #fff;color:#7c7c7c;} #content .tellafriend .register h2.headingbox_dark {border-color: #c7c7c7;} .basket .agb {background-color: #f5f5f5;border-color: #c7c7c7;} .register .payment_method .method {border-bottom-color: #dadada} #content #left select {background-color: #f5f5f5;} /* Step box */ div.step_box ul li {border-color: #ebebeb} div.step_box ul li.active {border-color: #c7c7c7;} 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: #7c7c7c;} /* ORDER PROCESS ------------------------ */ div.agb_accept, div.agb_accept label.chklabel {color:#444} div.agb_info {color:#888} .basket .more_info {border-color: #c7c7c7;} .additional_footer .comment, .additional_footer .agb {background-color: #f5f5f5;border-color: #c7c7c7;} .additional_footer .more_info, #finished .orderdetails, #finish_right .revocation {border-color: #c7c7c7;} .additional_footer .agb .revocation {border-color:#c7c7c7;background-color: #fff;} #content #payment {border-color: #c7c7c7;} #confirm .shipping_select {border-color: #c7c7c7;} /* AJAX MODAL BOXES ------------------------ */ div.ajax_login_form .heading h2, .modal .heading h2, div.ajax_add_article .bottom h2, #compare_bigbox .heading h2 {color: #7c7c7c;} div.ajax_login_form .existing_customer {border-color: #c7c7c7;} 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: #e3e3e3;} /* 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: #c7c7c7;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: #7c7c7c;background-color:#fff;} div.orderdata_box div, #newsletterfrm, #frmRegister {background-color: #f7f7f7;} #right_account .adminbox {border-color: #c7c7c7;} #right_account .adminbox li {border-color: #e3e3e3;} .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: #c7c7c7} #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: #c7c7c7;} #content .orders .orderoverview_active .lastrow {border-color: #c7c7c7;} #content .orders .orderoverview_active .table_foot p.bold, #content .orders .orderoverview_active .table_foot div p {color:#333;} .addresses .inner_container, .addresses .inner_container .select_billing, .addresses .inner_container .select_shipping, .account .password .inner_container {border-color: #c7c7c7;} .password .outer {border-color: #c7c7c7;} /* Ticketsystem */ #ticket h2, .ticketdetail_lbl, .tickeranswer h2 {color: #7c7c7c;} #ticket h2, .ticketdetail_lbl, .tickeranswer h2, .tickeranswer, .ticketdetail_txtbox {border-color: #c7c7c7;} .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: #c7c7c7;} #content .listing_box, #content .listing_box h2.headingbox_nobg {border-color: #c7c7c7;} .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: #7c7c7c;} .blogbox .tags .tag {background-color:#eee;border-color:#c7c7c7;color: #333;} .blogbox .tags .tag:hover {background-color: #bbb;border-color:#777;color:#fff;} .blogbox h2.heading {color: #7c7c7c;border-color: #c7c7c7;} .blogbox a.more_info, .content_listing a.more_info, bt_allsupplier {border-color: #c7c7c7;} .blogbox a.more_info:hover, .content_listing a.more_info:hover, .bt_allsupplier:hover {color:#7c7c7c} .blogbox .thumbnail_box a {border-color: #e6e6e6;} .blogbox .thumbnail_box a:hover {border-color: #c7c7c7;} #content .blogbox h2.headingbox {background: 0 transparent; border: 0 none; color: #999; font-size: 14px; font-weight: 700; margin: 0 0 15px; padding-left: 0;} div#commentcontainer ul, form.comments {border-color:#c7c7c7;} div#commentcontainer .comment_outer {border-color: #e3e3e3;} form.comments {background-color: #f5f5f5;} div#commentcontainer .date {color:#999;} /* VIEWLAST ------------------------ */ .viewlast {border-color:#c7c7c7 #c7c7c7 #c7c7c7 #fff;} .viewlast .heading {color: #636363;border-color: #e3e3e3} .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:#7c7c7c;} .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-color:#fff;border-color:#c7c7c7;} .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:#e9e9e9;} #submit_search {color:#fff;background-color:#df4800;border-color:#e45a01;} form#searchform input#searchfield {color: #666;border-color: #bbb; background-color: #fff;} input#searchfield {font-size: 13px;} #header_links, #header_links a {color:#999;} div#searchresults {background-color:#fff;border-color :#c7c7c7;color:#888} a.resultall {color:#7c7c7c;} a.resultall span.result_number {color:#868686} li.searchresult {border-color: #e3e3e3;} 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:#c7c7c7;color:#888;} li.searchresult ul li {border-color:#c7c7c7} 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: #c7c7c7; border-bottom-color: #e3e3e3;} 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: #7c7c7c; border-color: #c7c7c7} .fuzzy .category_filter .border {border-color: #e3e3e3} .fuzzy .category_filter .categories {border-color: #c7c7c7;} .fuzzy .category_filter .showall {color: #9e0000;} #content #left .filter_search h3.heading {border-left-color: #fff;} #content #left .filter_search .searchbox {border-color: #c7c7c7; border-left-color: #fff;} #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: #c7c7c7;} #compare_bigbox {border-color: #333;} #compareHighlight {border-color: #fff;color: #7c7c7c;} #compareHighlight.active {border-color: #333;border-bottom-color: #c7c7c7;color: #333;} #compareContainerResults {background:#fff; border-color: #333;} .compare_desc div {background-color: #f5f5f5;} .content_listing, #tagcloud {border-color:#c7c7c7;} /* TOPSELLER ------------------------ */ .topseller {border-color: #cfcfcf;border-right-color:#fff;} .topseller h3 {color: #7c7c7c;border-bottom-color: #e3e3e3;} /* FORM SYSTEM ------------------------ */ #content .supportrequest .inner_container {border-color: #c7c7c7;background-color:#f5f5f5;} /* TELL-A-FRIEND ------------------------ */ .tellafriend h2 {border-color: #c7c7c7;background-color:#fff;} .tellafriend fieldset {border-color: #c7c7c7;background-color: #f5f5f5;} /* SITEMAP ------------------------ */ ul#categories_s li {border-color: #fff;} ul#categories_s, ul#categories_s a.active {background-color: #7c7c7c;} 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: #7c7c7c;} /* 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, #content .vertical_slider .ajaxSlider h2 {background-color: #fff;border-color: #c7c7c7;} #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;background:#E9EBED;font-size:13px;} #footer .footer_menu a {color: #7f7f7f; font-size:13px;} #footer .bottom p, #footer .bottom .border {color: #888; line-height:1.5em;} .shopware_footer, .shopware_footer a {color: #777} #footer .bottom p, #footer .bottom .border { font-size:13px;} /* COLOR SPECIFIC IMAGES ------------------------ */ body {background-image: url("/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_body.png");background-repeat: repeat-x; background-position: left top} #detail #detailinfo {background-image: url("/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_detailinfo.png")} #shopnavi .icon a {background-image: none;} div.inner_searchcontainer #submit_search {background-image: url("/templates/riesenballshop/frontend/_resources/images/arrows/bg_arrow_search.gif")} .accordion li.active .detail .number {background-image: url("/templates/riesenballshop/frontend/_resources/images/sprite_topseller_numbers.png")} .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-image: url("/templates/riesenballshop/frontend/_resources/images/sprite_listing_buttons.png");} #content #left ul li.active.sub a.active {background-image: url("/templates/riesenballshop/frontend/_resources/images/arrows/bg_arrow_down.png")} .listing_actions .list-settings .table-view, .listing_actions .list-settings .list-view {background-image: url("/templates/riesenballshop/frontend/_resources/images/icons/ico_view.png")} #compareContainerResults div, #compareContainerResults a, #content #left .filter_search .searchbox li.active a, div.supplier_filter ul li a:hover, div.supplier_filter ul li.active {background-image: url("/templates/riesenballshop/frontend/_resources/images/icons/ico_search_active.png")} div.step_box ul li.active .icon {background-image: url("/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_stepnumber-active.png")} div.supplier_filter div span.expandcollapse, div.supplier_filter div.active span.expandcollapse {background-image: url("/templates/riesenballshop/frontend/_resources/images/icons/ico_filter.gif")} div.supplier_filter div.active {background-image: url("/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_filter_active.jpg")} .button-right {background-image: url("/templates/riesenballshop/frontend/_resources/images/buttons/button_right-large.png")} .small_right {background-image: url("/templates/riesenballshop/frontend/_resources/images/buttons/button_right-small.png")} div.ajax_login_form .heading .modal_close, .modal .heading .modal_close, .ajax_compare_container .heading .modal_close, .ajax_compare_max_container .heading .modalClose {background-image: url("/templates/riesenballshop/frontend/_resources/images/icons/ico_modal-close.png")} #shopnavi .ajax_basket_container {background-image: url("/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_ajaxbasket.png")} .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {background-image: url("/templates/riesenballshop/frontend/_resources/images/sprite_slider_arrows.png")} #content #detail #basketButton, #registerbutton {background-image: url("/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_basketbutton.png") !important; cursor:pointer} #listing-1col .artbox p.price { width:150px; line-height:2.2em; } #listing-3col .artbox p.price { bottom:73px; line-height:1.5em; } #content #detail #detailbox_middle .article_details_price strong { line-height:1.5em; } .actions-detail a { width:230px; background-image: url("/templates/riesenballshop/frontend/_resources/images/sprite_listing_buttons-detail.png"); display: block; height: 20px; line-height: 20px; margin-bottom: 2px; padding: 0 5px; border: 1px solid #E3E3E3; color: #696969; } .my_options { top:8px; left:710px; } .my_options a { padding:0px 21px !important; } .my_options a.note { border-right:none !important; } .my_options a.account { background: url("/templates/riesenballshop/frontend/_resources/images/icons/ico_myaccount.png") no-repeat scroll left center transparent; } .my_options a.note { background: url("/templates/riesenballshop/frontend/_resources/images/icons/ico_notes.png") no-repeat scroll left center transparent; } #header #logo a { width: 624px; height: 113px; background: url("/templates/riesenballshop/frontend/_resources/images/logo.png") no-repeat scroll 0 0 transparent; margin:13px 0px 0px 6px; } #topbar { right:14px; display:none; } #topbar select { width:204px; } #shopnavi .newbasket { width:321px; } #shopnavi .ajax_basket_container { width:223px; display:none; } #shopnavi .ajax_basket_container .ajax_basket { background: url("/templates/_default/frontend/_resources/images/arrows/bg_arrow-small_down.gif") no-repeat scroll 213px 9px transparent; } #buybox { width:234px; } #buybox #basketButton { width:224px; background-position: right center; } .actions-detail a { width:212px; background-position:right top; } #buybox label { width:109px; } #detailbox_middle { width:231px; } .my_options a.note { background:none; float:right; padding-right:0px !important; } .my_options a.account { float:left; padding-left:0px !important; background:none; border:none !important; } .my_options { left:754px; width:226px; } .article_back { margin-left:8px; } .article_navi { width:243px; } span.grey { color:#CCCCCC; } #article_details .text tbody td { color:black; } div.inner_searchcontainer { margin-left:199px; } .listing_actions .list-settings { width:135px; } .listing_actions { padding:0px 12px; } .small-price { font-size:13px !important; } #listing-blog .artbox a.title, #listing-1col .artbox a.title { top:18px; } #listing-1col .artbox p.price { line-height:1.5em; margin-top:3px; } #listing-blog .artbox p.pseudoprice, #listing-1col .artbox p.pseudoprice { margin-top: 3px; top: 15px; width:140px; } #content .supportrequest { width:580px; margin-left:-37px !important; } #center.supportrequest { width:580px; margin-left:20px !important; } .supportrequest h2, .supportrequest h1 { width:572px; } .supportrequest .inner_container { width:542px; } .supportrequest label { margin-left:55px; } #center.supportrequest form div.textarea textarea { margin-left:51px; } .supportrequest .captcha img { margin-left:53px; } #center.supportrequest form p.buttons input { left:399px; } div#notes .table_row a.zoom_picture { display:none; } div#notes .table_row .price { width:116px; } #blog { width:630px; } #content .blogbox .description { padding:0px 0px 0px 0px; font-size:13px; line-height:1.5em; } .blogbox .post_metadata span span.frontend_blog_detail { padding-left:0px; } #content .blogbox .border{ border-bottom:1px solid #C7C7C7; margin: 0px; } #content .blogbox .thumb_box { margin-left:0px; } #content .blogbox .thumb_box a { margin: 0 5px 11px 9px; } .addthis_toolbox { margin-top:20px; } table td, table th { color:#555555; } #content .slider_banner .slide_navigation a.active { color:white; background: #7c7c7c; } .addthis_toolbox { margin-top:-12px; } .bookmarks .addthis_toolbox { margin-top:0px; } .addthis_toolbox a { background:none; float:left; width:auto; height:19px; border:none; } #addthis-rec { width:212px; display:block; color:#999999; border:1px solid #E3E3E3; height:20px; line-height: 20px; margin-bottom: 10px; padding: 0 5px; background: url("/templates/riesenballshop/frontend/_resources/images/bg-add.png") repeat-x scroll 0 0 transparent; } .blogbox div.bookmarks{ width:230px; } .blogbox div.bookmarks a { width:auto; background:none; } #content .slider_banner .slide_navigation { right:43px; } div.blog_navi { margin-left:0px ; } #content div.blog_navi h2.headingbox { font-size: 13px; line-height: 14px; } div.blogFilter ul li, div.blogInteract ul li, .blog_navi div.blogInteract ul li a { font-size: 13px; } .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding:0px 3px !important; } .blogbox div.bookmarks a { height:38px; margin-right:-1px; } #shopnavi .display { width:225px; } .display_basket { float:right; } #shopnavi .display a { display:block; font-size:12px; } #shopnavi .display a:hover { color:#7c7c7c; font-size:12px; border-bottom:1px solid #7c7c7c; text-decoration:none !important; } div.inner_searchcontainer { width:630px; } input#searchfield { width:584px; background: url(/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_search-input.png); } .viewlast .article_image { border:none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; position: relative; } .full-box-link { display:block; } #listing-3col .artbox .artbox_thumb.full-box-link { display:block; height:100px; padding:10px; padding-top:215px; font-weight: bold; font-size: 13px; color:black; } #listing-3col .artbox .artbox_thumb.full-box-link:hover { -moz-box-shadow: 1px 1px 4px #777; -webkit-box-shadow: 1px 1px 4px #777; box-shadow: 1px 1px 4px #777; text-decoration:none; } #listing-3col .artbox .inner { padding:0px; width:200px !important; } #listing-3col .artbox p.price, #listing-3col .artbox p.pseudoprice { bottom:14px; right:10px; text-align:right; } #listing-3col .artbox p.pseudoprice{ bottom: 25px; } #listing-3col .artbox .account { position: absolute; bottom: 5px; left: 10px; margin-left: 0; width: 180px; } strong.supplier { display:none; } #detail #detailinfo #description { width:723px; font-size:15px; } #detail #detailinfo .similar { border-left:none; } .similar-boxes .artbox { margin: 0px 45px 10px 0px; } #listing-1col .artbox .artbox_thumb { width:470px; height:125px; margin-top:0px; text-align:left; padding-left:160px; padding-top:20px; font-weight:bold; font-size:13px; } #listing-1col .artbox .artbox_thumb:hover { -moz-box-shadow: 1px 1px 4px #777; -webkit-box-shadow: 1px 1px 4px #777; box-shadow: 1px 1px 4px #777; text-decoration:none; } #listing-1col .artbox .inner { padding:0px; } #listing-1col span.title { width: 265px; display: block; } #listing-1col .artbox p.desc { position: absolute; top: 63px; left: 161px; width: 291px; color: #aaa; font-size:13px; line-height:1.5em; height: 75px; overflow: hidden; font-weight: normal; } #listing-1col .artbox .account { margin-right: 0; position: absolute; right: 10px; top: 20px; width: 150px; } .ajax_login_form input.chk_noaccount { display:none; } .table .table_row a.thumb_image { position: relative; top: -22px; left: -25px; width: 100px; } .table .table_row a.thumb_image img { width:90px; } #confirm .main-article-features { display:none; } #confirm .table_row a.thumb_image { background:none; border:none; margin: 0; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; top:-10px; left:-15px; } #confirm .table_row a.thumb_image img { display: block; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #confirm .table .table_row .basket_details { margin:0px; } #confirm .table .table_row .basket_details p{ margin:0px; } #confirm .table .table_row { min-height:80px; height:80px; padding-bottom:0px; background:white; } #confirm .voucher-add-article { display:none; } #confirm .additional-options .user-comment { width:99%; } #confirm #basketButton { background-image: url("/templates/riesenballshop/frontend/_resources/images/buttons/button_right-large-red.png") } #confirm .bestellkontrolle .inner_container { border: 1px solid #c7c7c7; padding: 15px 15px 15px; color: #e02510; font-size: 14px; font-weight: bold; line-height: 1.5em; } #confirm .agb_accept { top: 172px !important; } #notes .supplier ,#notes .ordernumber, #notes .date,#notes .rating, #notes .action{ display:none; } div#notes .table_row .desc { top:22px; } div#notes .table_row .delivery { right: -144px; top: 40px; width:157px; } div#notes .table_row .price { width:135px; top:20px; } div#notes .table_row { height:90px; padding:0px; } div#notes .table_row a.thumb_image { width: 782px; height: 90px; top: -0px; position: absolute; z-index: 10; margin:0px; left:-10px; text-align:left; } div#notes .table_row a.thumb_image:hover { -moz-box-shadow: 1px 1px 4px #777; -webkit-box-shadow: 1px 1px 4px #777; box-shadow: 1px 1px 4px #777; text-decoration:none; } div#notes .table .table_row a.thumb_image img { margin:0; } #notes .table .table_row .basket_details { left:100px; top:20px; } #detail #detailinfo { background:none; } #detail #detailinfo .inner_tabs { border:none; } #detailinfo table { border:none; } #detail #detailinfo #description { width:760px; font-size:13px; } #detail #detailinfo #description h2 { color:#333; font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 20px; } #related .container, #related .container .listing { width:760px; } .ctl_search div.listing { width:760px; } .fuzzy .category_filter{ width:782px; } .fuzzy div.result_box { width:760px; } #contact-button-foot .button-large{ -webkit-box-shadow: rgb(192, 192, 192) 1px 1px 1px 0px; font-weight:bold; background-color: rgb(240, 240, 240); background-image: url(/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_basketbutton.png); background-position: 100% 50%; background-repeat: no-repeat; border-bottom-color: rgb(255, 255, 255); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-style: none; /*margin-top:30px;*/ box-shadow: rgb(192, 192, 192) 1px 1px 1px 0px; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; height: 18px; padding-bottom: 10px; padding-left: 20px; padding-right: 50px; padding-top: 10px; text-align: center; } #contact-button-foot { text-align:center; /* padding:20px;*/ } #contact-button-foot h3 { font-weight:bold; color:#333; font-size:13px; } #contact-button-foot .newsletter-button { -webkit-box-shadow: rgb(192, 192, 192) 1px 1px 1px 0px; font-size: 12px; color:white; background-color: rgb(240, 240, 240); background-image: url(/templates/riesenballshop/frontend/_resources/images/backgrounds/bg_basketbutton.png); border: none; padding: 5px 16px; margin-top: 4px; position: relative; top: 0px; font-weight:bold; border-radius:3px; } #contact-button-foot .newsletter-button:hover { cursor:pointer; text-decoration:underline; } .contact-three .container_20, .footer-special-wrap { padding:20px 0px; margin:20px 0px; width:1000px; text-align:center; border:1px solid #cdcdcd; border-left:none; border-right:none; background:#E9EBED; font-size:13px; } .contact-three { line-height:1.5em; } .listing-blog .blogbox { position:relative; height: 120px; } .listing-blog .blogbox a{ position: absolute; left: 0px; top: 0px; height: 150px; display:block; } .listing-blog .blogbox a:hover { -moz-box-shadow: 1px 1px 4px #777; -webkit-box-shadow: 1px 1px 4px #777; box-shadow: 1px 1px 4px #777; text-decoration:none; } .listing-blog .blogbox img { position:absolute; right:0px; top:0px; } .listing-blog .blogbox span { padding:0px 20px; display:inline-block; width:440px; font-size:13px; line-height:1.5em; } .listing-blog .blogbox h2 { font-size: 13px; font-weight: bold; padding: 0px 20px; width:440px; } .listing-blog .blog_date { color:#A8A7A7; display:block; margin-bottom:10px; } #content .blogbox .social { float: right; } .blogbox .description { font-size:13px; line-height:16px; } .blogbox h1 { font-size:16px; font-weight:bold; } #footer .bottom { background:none; } .contact-three .container_20 .grid_6 { width:313px; } #description table tbody { border-bottom:1px dashed #dfdfdf; } #description table tbody tr td:first-child{ width:200px; } #description table tbody tr td:last-child{ width:521px; } .cat_text { font-size:13px; line-height:1.5em; } .imgTarget img { max-width:255px; } .ctl_index #content #center a:hover img { -moz-box-shadow: 1px 1px 4px #777; -webkit-box-shadow: 1px 1px 4px #777; box-shadow: 1px 1px 4px #777; text-decoration:none; } #notes .delete { position: absolute; display: block; z-index: 2000; } #content .custom { font-size: 13px; line-height: 1.5em; } /* MLC: 29.01.2017 */ .listing-blog span.blog_date { visibility: hidden; height: 1px; } /* ===== templates/riesenballshop/frontend/_resources/styles/riesenball.css ===== */ .cloud-zoom-loading { display: none !important; } /* ===== templates/riesenballshop/cross.css ===== */ #confirm .personal-information .payment_method .method .last, #confirm .personal-information .payment_method .bankdata .description, #confirm .table .main-article-features p, #confirm .payment_method .method, #confirm .payment_method .method_last{ font-size: 14px; line-height:20px; color: black; } div.agb_accept label.chklabel, .invoice-address, .shipping-address { font-size: 14px; line-height: 20px; color:black; } .agb_cancelation .inner_container .revocation { font-size:14px; } .thumb_box a { width:57px; height:57px; margin:0px -6px 5px 10px; } /* ===== engine/Shopware/Plugins/Community/Frontend/StcomCookieInfo/Views/frontend/_resources/css/ci.css ===== */ body .cookieInfo.cookieInfoStyle1{position:absolute;top:0;left:0;right:0;height:30px;line-height:30px;width:100%;margin:0 auto;display:none;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center}body .cookieInfo.cookieInfoStyle1 a{color:#fff}body .cookieInfo.cookieInfoStyle1 .closeButton{margin-top:3px;width:12px;height:12px;margin-left:10px;background-image:url('/engine/Shopware/Plugins/Community/Frontend/StcomCookieInfo/Views/frontend/_resources/img/close.png');cursor:pointer;display:inline-block}body .cookieInfo.cookieInfoStyle2{position:fixed;z-index:999;bottom:0;left:0;display:none;right:0;background-color:rgba(0,0,0,0.5);height:250px}body .cookieInfo.cookieInfoStyle2 .closeButton{-webkit-border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;-moz-border-radius-topleft:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-top-left-radius:20px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;width:32px;height:32px;background-image:url('/engine/Shopware/Plugins/Community/Frontend/StcomCookieInfo/Views/frontend/_resources/img/close2.png');background-repeat:no-repeat;background-position:center;background-color:#848484;border:1px solid #787878;margin-left:180px;top:12px;position:absolute;left:50%;z-index:1000;cursor:pointer}body .cookieInfo.cookieInfoStyle2 .closeButton:hover{background-color:#7e7e7e}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox{-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden;width:400px;height:200px;position:relative;margin:25px auto 0;background-color:#fcfcfc;font-family:"Helvetica",Arial,sans-serif}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox .header{background:#ebebeb;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eaeaea),color-stop(1,#fff));background:-ms-linear-gradient(bottom,#eaeaea,#fff);background:-moz-linear-gradient(center bottom,#eaeaea 0,#fff 100%);background:-o-linear-gradient(#fff,#eaeaea);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0);border-bottom:1px solid #bababa;text-align:center;width:100%;height:45px;-webkit-box-shadow:0 -3px 7px 0 #000;-moz-box-shadow:0 -3px 7px 0 #000;box-shadow:0 -3px 7px 0 #000}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox .header span{font-size:14px;line-height:45px;font-weight:bold;color:#444}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox .cookieContentBox{font-size:13px;color:#272727;text-align:center;padding:15px 25px}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox .buttonMoreInfo{background:#9a9a9a;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#616161),color-stop(1,#9a9a9a));background:-ms-linear-gradient(bottom,#616161,#9a9a9a);background:-moz-linear-gradient(center bottom,#616161 0,#9a9a9a 100%);background:-o-linear-gradient(#9a9a9a,#616161);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a9a9a',endColorstr='#616161',GradientType=0);-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 3px 0 #000;-moz-box-shadow:0 0 3px 0 #000;box-shadow:0 0 3px 0 #000;width:150px;height:35px;display:block;margin:10px auto 0}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox .buttonMoreInfo span{font-size:14px;line-height:45px;font-weight:normal;color:#fff;line-height:35px}body .cookieInfo.cookieInfoStyle2 .cookieMsgBox .buttonMoreInfo:active{-webkit-box-shadow:0 0 1px 0 #000;-moz-box-shadow:0 0 1px 0 #000;box-shadow:0 0 1px 0 #000} /* ===== engine/Shopware/Plugins/Default/Frontend/SwagPaymentPaypal/Views/frontend/_resources/styles/paypal.css ===== */ .basket_button_paypal { margin-right: 225px; float: right; } .basket_button_paypal_de { margin-right: 225px; margin-top: 4px; float: right; } .modal_paypal_button { margin-right: 228px; } .modal_paypal_button_de { margin-right: 228px; margin-top: 4px; } .paypal_login_container { position: relative; } #paypal_login_button { position: absolute; top: 168px; left: 170px; } .paypal_button_delimiter { font-weight: bold; line-height: 40px; padding-left: 18px; }