/* @override http://dev.tallyshop.de/templates/tally/stylesheet.css https://dev.tallyshop.de/templates/tally/stylesheet.css https://tallyshop.de/templates/tally/stylesheet.css http://tallyshop.de/templates/tally/stylesheet.css */ @import url("reset.css"); @import url(boxes.css); @import url(thickbox.css); /**/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* +++++++ Layout +++++++ */ body { background: #9ea5af url(images/body-bg.jpg) repeat-x; } #wrapper-head { margin-top: 43px; border-top: 1px solid #e0e1e5; background: #cacdd2 url(images/wrapper-head-bg.jpg) repeat-x 0 top; } #wrapper-head-inner, #wrapper-center-inner { width: 960px; margin: 0 auto; } #wrapper-head-inner { background-image: url(images/header-bg.gif); border-bottom: 1px solid #dddbd2; } #wrapper-head-left, #wrapper-center-left { width: 670px; } * html #wrapper-center-left { overflow: hidden; } #wrapper-head-left { float: left; background: url(images/header-bg.gif) repeat-y; } #wrapper-head-right { float: right; background-color: #fff; width: 270px; } #wrapper-logo { background: #fff url(images/wrapper-logo-bg.jpg) repeat-x 0 bottom; font-family: Georgia, "Times New Roman", Times, serif; padding: 15px 20px; border-bottom: 1px solid #dfdfe0; } #wrapper-information { background: #fff no-repeat center center; } #wrapper-information-inner { background: url(images/header.jpg) no-repeat center center; position: relative; height: 183px; margin: 5px; } #wrapper-center { background: #9ea5af url(images/wrapper-content-bg.jpg) repeat-x 0 top; } #wrapper-breadcrumb, #wrapper-search { background-color: #edece7; border-top: 1px solid #faf9f7; padding: .5em; border-bottom: 1px solid #a5a7aa; } #wrapper-main { background-color: #fff; padding: 0; } #main-content { padding: 10px .5em .5em; } #wrapper-center-left { float: left; margin-right: 20px; width: 670px; } #wrapper-center-right { background-color: #deddd7; width: 270px; float: right; position: relative; } #wrapper-search { padding: 0; } form#SearchForm.Left { padding: .5em; } #wrapper-center-right .box-content { border-top: 1px solid #f6f6f4; padding-top: 6px; padding-bottom: 0; } #wrapper-center-right .box-content .Box { border-top: 1px solid #96989a; border-bottom: 1px solid #96989a; background-color: #fff; } #wrapper-center-right div.Inner { padding: 10px; } div.copyright { display: none; } #wrapper-head-right-inner { position: relative; } /* +++++++ Schrift +++++++ */ body { font: .8em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333; } a, a:hover, #cart-show-details a:hover, .Box h4 a:hover { color: #1b98d2; text-decoration: none; } #wrapper-logo h1 { font-weight: normal; font-style: normal; font-size: 1.4em; color: #333; } #wrapper-logo h1 a { color: #333; text-decoration: none; } #wrapper-logo h2 { font-style: italic; font-weight: normal; color: #999594; line-height: 1.6em; font-size: .9em; word-spacing: -1px; } #main-content p { margin-top: .5em; margin-bottom: 1em; } .Box h4 { background: url(images/wrapper-logo-bg.jpg) repeat-x center bottom; border-bottom: 1px solid #dfdfe0; display: block; font: normal 1.2em Georgia, "Times New Roman", Times, serif; color: #333; } .Box h4 span { padding: 10px 5px; display: block; border-bottom: 1px solid #fff; } .Box h4 a { color: #333; } #main-content h1 { font: normal normal 1.6em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top: .2em; margin-bottom: .5em; } #main-content h3 { font-weight: normal; font-style: normal; font-size: 1.3em; border-bottom: 1px dotted #ccc; margin-bottom: 1em; } .right { text-align: right; } #main-content a img { margin-bottom: -3px; } #main-content span.productOldPrice { text-decoration: line-through; font-size: .7em; } #main-content h4 { margin-bottom: .5em; border-bottom: 1px dotted #ccc; margin-top: 1em; font: normal 1.2em Georgia, "Times New Roman", Times, serif; color: #5c5d5a; } #main-content ul { margin-top: .5em; } #main-content ul li { padding-left: 1.5em; padding-bottom: .5em; background: url(images/nav-button.jpg) no-repeat; } #main-content dl dt { font: normal normal 1.2em Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #ccc; } #main-content dl dd { margin-bottom: 2.5em; } #main-content dl .widerruf { color: #b0262d; } #contact_us dl.contact { margin-top: 3em; margin-bottom: 3em; } #contact_us dl.contact dt { border-bottom-style: none; margin-bottom: .5em; } #contact_us dl.contact dd { margin-bottom: 1em; margin-left: 2em; } #contact_us dl.contact dd input { width: 160px; padding: .3em; } #contact_us #message_body { width: 590px; padding: .5em; } /* +++++++ Warenkorb Box +++++++ */ /*div#wrapper-cart.cartAbsolute { position: absolute; width: 100%; margin-top: 0; }*/ #BoxCart { } #BoxCart div.Inner { padding: 0; border-bottom: 1px solid #96989a; } .fixedCart { position: fixed; top: 0; width: 270px; border: 10px solid #1b98d9; border-top-style: none; left: -10px; } .blueBorder { border: 10px solid #1b98d9; border: 10px solid rgba(27,152,217,0.7); width: 270px; margin-left: -10px; border-top-style: none; } .blueBorderFixed { position: fixed; border: 10px solid #1b98d9; border: 10px solid rgba(27,152,217,0.7); width: 270px; left: -10px; margin-left: 0; top: 0; border-top-style: none; } #cart-overview { background-color: #fff; position: relative; } #cart-overview-inner { text-align: right; padding: 10px 5px; color: #666; border-bottom: 1px solid #ccc; } #cart-overview-inner .empty { } div#cart-overview .not-empty { background: url(images/shoppingcart.png) no-repeat 10px center; } #cart-overview span.cart-total { font-size: 1.4em; } #cart-show-details { background-color: #efefef; padding: 7px 5px 6px; text-align: right; color: #9d9d9d; font: .9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #cart-show-details a { color: #9d9d9d; } #cart-detail { position: absolute; width: 270px; border: 10px solid #1b98d9; border: 10px solid rgba(27,152,217,0.7); border-top-style: none; display: none; left: -10px; } .fixedCart #cart-detail { border: 10px solid #1b98d9; border: 10px solid rgba(27,152,217,0.7); border-top-style: none; } div.cart-product-wrapper { background: url(images/wrapper-logo-bg.jpg) repeat-x center bottom; border-top: 1px solid #dfdfe0; border-bottom: 1px solid #fff; padding-top: 3px; padding-bottom: 3px; } #cart-detail div.cart-product-wrapper h5 { font-weight: normal; font-style: normal; font-size: .9em; } #cart-detail div.cart-product-image { background-image: ; width: 40px; overflow: hidden; float: left; border-right: 3px solid #fff; border-left: 3px solid #fff; } #cart-detail div.cart-product-image img { height: 25px; display: block; margin: 3px auto 0; } div.cart-product-price { text-align: left; margin-top: 0; font-size: .9em; } span.cart-product-price-grey { color: #999; } .link-to-cart { display: block; width: 60px; height: 42px; position: absolute; } /* +++++++ Warenkorb +++++++ */ #main-content div.cart-product { margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ccc; padding-top: 0; padding-bottom: 10px; } #main-content div.ErrorMessage { margin-bottom: 2em; color: #a9000f; } #cart_quantity input { vertical-align: bottom; } form#cart_quantity { } #main-content div.cart-product input { vertical-align: middle; } #main-content div.cart-product-image { float: left; width: 80px; overflow: hidden; margin-right: 10px; } #main-content div.cart-product-image img { height: 40px; display: block; margin-right: auto; margin-left: auto; padding-top: 4px; } #main-content div.cart-product-title { float: left; width: 565px; } #main-content div.cart-product div.cart-product-title h3 { font-weight: normal; font-style: normal; font-size: 1.2em; margin-bottom: .6em; border-bottom-style: none; } div.cart-product div.cart-product-title h3 span.cart-product-shipping { display: block; font-size: .7em; color: #777; } #main-content div.cart-product-delete { float: left; } #main-content div.cart-product-price { float: left; text-align: right; width: 360px; color: #777; } #main-content div.cart-product-price input { text-align: right; width: 30px; margin-right: 4px; border: 1px solid #a5a7aa; color: #777; line-height: 1.3px; padding: 3px 2px 2px; } #main-content div.cart-product-total { float: left; text-align: right; width: 120px; font-size: 1.2em; } div.cart-products-total-text { float: left; text-align: right; width: 528px; line-height: 2em; } div.cart-products-total { width: 120px; margin-left: 527px; text-align: right; font-size: 1.2em; line-height: 1.6em; } /* @group Startseiten Produkte */ div.category-wrapper { margin-bottom: 3em; overflow: hidden; border-bottom-style: none; margin-top: 3em; } div.category-products-wrapper { border: 1px solid #ccc; border-bottom-style: none; overflow: hidden; border-top: 1px dotted #ccc; } div.category-products-wrapper div.wrapper-product-inner { margin-bottom: 0; } #main-content div.category-wrapper div.category-information div.category-title h2 { font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #ccc; } #main-content div.category-wrapper div.category-information div.category-title h2 a { color: #333; } #main-content div.category-wrapper div.category-information div.category-title h2 a:hover { color: #1b98d2; } div.category-description-wrapper { height: 160px; position: relative; background-repeat: no-repeat; background-position: center bottom; } #main-content div.category-description { border-bottom: 1px none #ccc; position: absolute; bottom: 0; width: 638px; height: 60px; padding: 10px; z-index: 2; color: #fff; } * html #main-content div.category-description { border-bottom: 1px none #ccc; position: absolute; bottom: 0; width: 638px; height: 60px; padding: 10px 10px 0; z-index: 2; color: #fff; } #main-content div.category-description-bg { height: 77px; background-color: #2d89af; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; zoom: 1; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; } * html #main-content div.category-description-bg { height: 77px; background-color: #2d89af; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; zoom: 1; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; } #main-content div.category-description p { margin: 0; padding: .5em .25em 0; } #main-content div.category-wrapper ul { margin: 0; padding: 0; } #main-content div.category-wrapper ul li { margin: 0; width: 100%; padding: 0; background-image: none; } * html #main-content div.category-wrapper ul li { margin: 0; width: 99%; padding: 0; background-image: none; } #main-content div.category-wrapper div.category-links { background-color: #f5f5f5; padding: 10px 5px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; border-left: 1px solid #ccc; font-size: .9em; } /* @end */ /* @group Produktliste */ /* +++++++ Produktliste +++++++ */ div.wrapper-product-inner { position: relative; border-bottom: 1px solid #999; background-position: 30px center; margin-bottom: 10px; } div.product-image { z-index: 1; position: absolute; height: 100%; width: 170px; bottom: 0; left: 0; float: left; background-position: center center; background-repeat: no-repeat; } * html div.product-image { z-index: 1; position: absolute; height: 120px; width: 170px; bottom: 0; left: 0; float: left; background-position: center center; background-repeat: no-repeat; } div.product-image a.product-link { position: absolute; display: block; width: 100%; height: 100%; } * html div.product-image a.product-link { position: absolute; display: block; width: 100%; height: 150px; bottom: 0; } div.product-price-tax-bg { height: 42px; background-color: #2d89af; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; zoom: 1; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; } div.product-price-tax { text-align: right; position: absolute; z-index: 2; border-top: 1px solid #6cadc7; height: 42px; bottom: 0; left: 0; width: 100%; } div.product-price-tax a { color: #fff; border-bottom: 1px dotted #b2e1ff; } div.product-price { color: #fff; border-top: 1px solid #b2e1ff; font-size: 1.3em; padding: 5px 5px 0; position: relative; } div.product-price-small { line-height: 1.2em; font-size: 1em; } div.product-tax { padding: 0 5px 5px; color: #fff; font: .7em Arial, Helvetica, Geneva, sans-serif; position: relative; } #main-content div.wrapper-product-inner h3 { vertical-align: middle; font-size: 1.4em; margin-top: 15px; border-bottom-style: none; margin-left: 171px; margin-bottom: 0; } div.wrapper-product-inner h3 a { color: #333; font-weight: normal; font-style: normal; } div.wrapper-product-inner h3 a:hover { color: #1b98d2; } div.product-information { float: left; width: 385px; margin-left: 170px; padding-right: 0; } * html div.product-information { margin-left: 85px; } span.product-model-number { font-size: .8em; color: #888; } div.product-description { overflow: hidden; color: #777; background-color: #f3f3f3; border-top: 1px solid #ddd; font-size: .9em; margin-top: 20px; } div.product-description-inner { padding: 5px 15px 5px 5px; border-top: 1px solid #fff; height: 31px; } #main-content div.product-description-inner p { margin: 0; } div.product-buy { background-color: #e2e4df; border-top: 1px solid #ddd; border-left: 1px solid #ddd; text-align: right; position: absolute; bottom: 0; right: 0; } div.product-buy-inner { border-top: 1px solid #fff; padding: 11px 10px 10px; border-left: 1px solid #fff; } div.product-buy-inner-no { height: 20px; } div.product-buy-inner input { vertical-align: bottom; } .quantity input { text-align: right; padding: 2px 2px 0; width: 40px; margin-right: 5px; font-size: 1em; border: 1px solid #a5a7aa; color: #777; } #cart_quantity span.multiplikator { color: #a5a7aa; font: bold 1.2em "Century Gothic"; } #cart_quantity span.cart-button input { margin-left: 3px; } /* @end */ /* @group Produktinfo */ div.wrapper-product-info { } div.wrapper-product-info-image { background-repeat: no-repeat; background-position: center center; float: left; width: 220px; text-align: right; position: relative; height: 200px; } div.product-info-price-tax-bg { height: 60px; background-color: #2d89af; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; zoom: 1; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; } div.product-info-price-tax { text-align: right; position: absolute; z-index: 2; border-top: 1px solid #6cadc7; bottom: 0; left: 0; width: 100%; height: 60px; color: #fff; } div.product-info-price-tax a { color: #fff; } div.product-info-price { color: #fff; border-top: 1px solid #b2e1ff; padding: 5px 5px 0; position: relative; font-size: 1.8em; } div.product-info-price-small { font-size: 1.1em; line-height: 1.7em; } div.product-info-tax { padding: 5px; color: #fff; font: .85em Arial, Helvetica, Geneva, sans-serif; position: relative; } div.wrapper-product-info-details { margin-left: 220px; position: relative; height: 200px; } #main-content div.wrapper-product-info-details h2 { vertical-align: middle; margin-top: 5px; font-weight: normal; font-style: normal; font-size: 1.7em; border-bottom-style: none; } #main-content div.wrapper-product-info-details h3 { color: #888; font-weight: normal; font-style: normal; font-size: 1em; border-bottom-style: none; } div.product-info-short-description { margin-top: 15px; font-size: 1.1em; color: #555; } div.wrapper-product-info-shipping-buy { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #6cadc7; border-top: 1px solid #6cadc7; height: 60px; overflow: hidden; color: #fff; } div.product-info-shipping-buy { border-top: 1px solid #b2e1ff; padding: 15px 10px 10px; text-align: right; } div.product-info-shipping { float: right; margin-top: 5px; margin-right: 20px; } div.product-info-buy { float: right; } div.product-info-buy #cart_quantity input.flat_text { padding: 4px; font: 1em Arial, Helvetica, Geneva, sans-serif; text-align: right; } div.product-info-description { margin-top: 20px; margin-bottom: 20px; line-height: 1.6em; text-align: left; padding-left: 20px; padding-right: 20px; } div.product-info-description p { margin-bottom: 1.5em; } div.product-info-description li { list-style-type: none; margin-left: 1em; font-style: italic; list-style-position: outside; background: url(images/nav-button-curren.jpg) no-repeat left 3px; padding-left: 20px; margin-bottom: .6em; } div.product-info-more { background-color: #eee; padding: 5px; color: #888; line-height: 2em; text-align: center; font-size: .85em; } /* @end */ /* @group Progressbar */ #ProgressBar { margin-bottom: 1.5em; } #ProgressBar ul li { float: left; width: 152px; text-align: center; background-color: #f3f3f3; padding: 5px; border-right: 1px solid #ccc; border-left: 1px solid #fff; overflow: hidden; color: #bbb; list-style-type: none; background-image: none; } #ProgressBar ul li.Current { color: #333; } #ProgressBar ul li.Step1 { border-left-style: none; } #ProgressBar ul li.Step4 { border-right-style: none; } /* @end */ /* @group Kategorien / Menü */ /*div#wrapper-menu.with-cart { margin-top: 110px; }*/ #BoxCategories div.Inner { padding: 0; } #BoxCategories div.Inner ul.menu li { padding-left: 0; } #BoxCategories div.Inner ul.menu li a { padding: 5px 5px 5px 20px; color: #333; display: block; border-bottom: 1px solid #ccc; } #BoxCategories div.Inner ul.menu li li a { padding-left: 20px; margin-left: 22px; } #BoxCategories div.Inner ul.menu li.leaf a { background: url(images/nav-button.jpg) no-repeat 3px center; } #BoxCategories div.Inner ul.menu li.expanded { border-bottom-style: none; } #BoxCategories div.Inner ul.menu li.expanded a { background: url(images/nav-button-submenu-open.jpg) no-repeat 3px center; border-bottom-style: solid; padding-left: 20px; } #BoxCategories div.Inner ul.menu li.collapsed a { background: url(images/nav-button-submenu-closed.jpg) no-repeat 3px center; } #BoxCategories div.Inner ul.menu li.expanded a:hover, #BoxCategories div.Inner ul.menu li.collapsed a:hover { color: #1b98d2; } #BoxCategories div.Inner ul.menu li.expanded li.leaf a { background: url(images/nav-button.jpg) no-repeat 0 center; padding-left: 20px; } #BoxCategories div.Inner ul.menu li.leaf a:hover, #BoxCategories div.Inner ul.menu li.expanded li.leaf a:hover { color: #1b98d2; background: url(images/nav-button-cur.jpg) no-repeat 1px center; } #BoxCategories div.Inner ul.menu li a.active { color: #1b98d2; background: url(images/nav-button-cur.jpg) no-repeat 3px center; } #BoxCategories div.Inner ul.menu li.leaf a:hover { background-position: 3px; } #BoxCategories div.Inner ul.menu li.expanded ul li.leaf a.active { background: url(/templates/tally/images/nav-button-cur.jpg) no-repeat 1px center; } #BoxCategories div.Inner ul.menu li.expanded ul li ul li a { margin-left: 40px; } /* +++++++ Login Box +++++++ */ /* +++++++ Pordukt der Woche +++++++ */ div#wrapper-products-of-the-week { } #wrapper-product-of-the-week { padding: 10px; height: 204px; } #wrapper-product-of-the-week h3 { margin-bottom: 10px; } #wrapper-product-of-the-week h3 a { color: #ad9e62; font: normal normal 1.1em "Trebuchet MS"; } #wrapper-product-of-the-week p { width: 140px; margin-right: 10px; font-size: .85em; color: #868686; line-height: 1.4em; float: left; } div.product-of-the-week-image { margin-top: 15px; } div.product-of-the-week-links { text-align: left; font-size: .85em; } div.product-of-the-week-links ul li { float: left; margin-right: 10px; } /* @end */ /* @group Bestellübersicht */ #main-content h4 small { font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #aaa; display: block; margin-top: .3em; } #main-content table { width: 100%; } #main-content table td, #main-content table th { padding: .5em; text-align: left; } #main-content table.OrderTable { margin-top: 1em; } #main-content table.OrderTable th { background-color: #ededed; border-bottom: 1px solid #ccc; } #main-content table.OrderTable td { border-bottom: 1px dotted #ccc; } #main-content table .rAlign { text-align: right; } #main-content table tr.total td { text-align: right; margin-bottom: 2em; border-bottom-style: none; } /* @end */ /* +++++++ Anpassungen +++++++ */ #main-content textarea { height: 150px; width: 640px; border: 2px solid #d4d4d4; font: .9em/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-left: 10px; } table.payment td { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; padding: 5px; } table.products-overview { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: .5em; } table.products-overview td { padding: 5px; } td.products-overview-price { text-align: right; } table.products-overview-total { width: 100%; border-bottom: 3px double #ccc; } table.products-overview-total td { padding: 5px; text-align: right; } td.products-overview-total-text { width: 110px; } div.block { margin-bottom: 2em; } .Box dl { margin-bottom: 1em; } .Box dt { margin-top: .5em; } .Box dd { margin-top: .5em; } .Box p { margin-bottom: .5em; } .Box input { padding: 2px; } .Box .NaviList li a { background: url(images/nav-button.jpg) no-repeat left 0; padding-left: 16px; display: block; margin-bottom: .5em; color: #333; } .Box .NaviList li a:hover { background: url(images/nav-button-cur.jpg) no-repeat 1px 1px; color: #1b98d2; } small { font-size: .9em; } input { vertical-align: middle; } #wrapper-breadcrumb { padding: 12px 10px 11px; font-size: .9em; overflow: hidden; } span#breadcrumb { } #breadcrumb small { font-size: .8em; } #main-content form select { } #main-content div.sorts { padding-left: 225px; margin-top: 2em; margin-bottom: 2em; } #main-content div.sorts select { margin-right: 10px; display: block; float: left; } #SearchForm p a { display: none; } #SearchForm p input.Button { width: 38px; height: 22px; vertical-align: middle; } #SearchForm p input.TextField { vertical-align: middle; width: 195px; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding: 2px 4px; font-size: .9em; } #BoxCategories h4 span { display: none; } .ui-widget-content div#main-content { line-height: 1.6em; padding: 0; margin: 0; } div.ui-dialog-buttonpane.ui-widget-content { margin-top: 0; padding-bottom: 1px; padding-top: 2px; padding-right: 4px; } hr.Break { display: none; } #wrapper-information-description { position: absolute; right: 0; width: 220px; padding: 10px; z-index: 3; color: #fff; } #wrapper-information-description p { line-height: 1.5em; text-align: right; } #wrapper-information-description-bg { height: 100%; background-color: #2d89af; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; zoom: 1; position: absolute; bottom: 0; z-index: 1; right: 0; width: 236px; } #main-content h2.SubHeading { font: normal normal 1.5em Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #ccc; margin-bottom: 1em; } #account_password p.ButtonSet span { display: block; } #account_password p.ButtonSet span.Left { float: left; } #account_password table.FormArea tbody tr td.Label { width: 150px; } span.inputRequirement { color: #f00; } #account_password p.ButtonSet span.Right input { margin-left: 1em; }