/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * @copyright Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /****************************************************/ /***********[ Mage_CSS_B Common Elements ]***********/ /****************************************************/ /********************** Columns */ @import url(header-top-container.css); /* All */ .col2-set, .col3-set, .col4-set, .col5-set { clear:both; } /* Col2 */ .col2-set .col-1, .col2-set .col-2 { width:49%; } .col2-set .col-10 {float: left; width: 100%; border:1px solid #b3b3b3; background:#ffffff;} .col2-set .col-11 {float: left; height: 150px; width: 100%; margin-top: 10px; border:1px solid #b3b3b3; background: transparent url(../images/boxes_verlauf.jpg) repeat scroll 0 0} .col2-set .col-1 { float:left; } .col2-set .col-2 { float:right;} /* Col2-alt */ .col2-alt-set .col-1 { width:32%; } .col2-alt-set .col-2 { width:65%; } .col2-alt-set .col-1 { float:left; } .col2-alt-set .col-2 { float:right;} /* Col3 */ .col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; } .col3-set .col-1, .col3-set .col-2 { margin-right:3%; } /* Col4 */ .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; } .col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; } /* Table Columns */ table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; } .col3-set td.spacer { width:3%; } .col4-set td.spacer { width:4%; } /********************** Form */ /* Form Elements */ input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; } option, optgroup { font:12px arial, helvetica, sans-serif; } optgroup { font-weight:bold; } input.input-text, textarea { padding:2px; } .input-text {margin-left: 0px; width: 250px;} input.form-radio { margin-right:3px;} .qty { width:2.5em; } .group-select label, .form-list label, .payment-methods label { font-weight:bold;} .form-buttons { /* Container for form buttons*/ clear:both; margin-top:4em; border-top:1px solid #e4e4e4; padding-top:8px; text-align:right; } .form-button, .form-button-alt { overflow:visible; width:auto; padding:1px 2px; background:url(../images/button_bg.gif) repeat-x #cccccc; color:#333333; border:1px solid #888888; font:bold 10px "lucida grande", "lucida sans unicode", arial, sans-serif !important; cursor:pointer; text-align:center; margin: 4px; } .form-button span, .form-button-alt span { white-space:nowrap; } .form-button-alt { border:1px solid #888888; background:url(../images/button_bg.gif) repeat-x #cccccc; } .btn-checkout { display:block; float:right; background:transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0; font: bold 15px; padding-right:8px; } .btn-checkout, .btn-checkout:hover { color:#fef5e5; text-decoration:none; } .btn-checkout span { display:block; padding:0 17px 0 25px; background:transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat; line-height:40px; } /* Form lists */ .form-list li { margin-bottom:6px; } .form-list li .input-box .input-text, .form-list li .input-box textarea { width:250px; } .form-list li .input-box select { width:256px;} .form-list li.addElement { border-top:1px solid #DDD; padding-top:10px;} .group-select { /* margin:28px 0; padding:22px 25px 12px 25px; background:#fbfaf6; */ } .group-select .legend { margin-top:-33px; float:left; border:1px solid #000000; background:#4c4c4c; padding:0 8px; color:#bce700; font:bold 1.1em; } .group-select li { padding:4px 8px !important; } .group-select li .input-box { float:left; width:275px; } .group-select li .input-text, .group-select li select, .group-select li textarea { width:250px; } .group-select li .input-box .input-text, .group-select li .input-box textarea { width:250px; } .group-select li .input-box select { width:256px;} .prefix-input {width:60px !important;} /* Form Messages */ .validation-advice, .required { color:#91B200; } .validation-advice { clear:left; min-height:15px; margin-top:2px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:17px; font:bold .95em/1.25em; } .validation-failed { border:1px dashed #EB340A !important; background:#faebe7 !important; } label.required { font-weight:bold; } p.required { font-size:.95em; text-align:left; width: 250px; height: 10px;} /********************** Messages */ .success { color:#4c4c4c; } .error { color:#99001d; } .notice {color:#4c4c4c;} .success, .error { font-weight:bold; } .error-msg, .success-msg, .notice-msg, .note-msg { min-height:17px !important; margin-bottom:1em !important; border-style:solid !important; border-width:1px !important; background-repeat:no-repeat !important; background-position:5px 5px !important; padding:5px 5px 5px 27px !important; font-size:.95em !important; font-weight:bold !important; } .error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; } .error-msg { border-color:#99001d; color:#99001d; background-color:#f2f2f2; background: #f2f2f2 url(../images/error_msg_icon.gif);} .success-msg { border-color:#bce700; color:#4c4c4c; background: #f2f2f2 url(../images/success_msg_icon.gif); } .notice-msg, .note-msg { border-color:#bce700; color:#4c4c4c; background: #f2f2f2 url(../images/note_msg_icon.gif); } /********************** Headings */ .head, .inner-head { line-height:1.25em; text-align:right; } .head h1,.head h2, .head h3, .head h4, .head h5, .inner-head h1,.inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5{ margin:0; float:left; color: #666666; } /* Page heading */ .page-head { margin:0 0 25px 0; /*border-bottom:4px solid #ccc;*/ } .page-head-alt { margin:0 0 12px 0; } .page-head, .page-head-alt { text-align:right; } .page-head h1, .page-head-alt h1 {text-align:left; line-height:38px;} .page-head h3, .page-head-alt h3 { margin:0; font-size:20px !important; font-weight:normal !important; font-style: normal; text-transform:none !important; text-align:left; color: #BCE700; } .button-level h3 { /* heading level with buttons */ float:left; width:60%; } /* Category list heading */ .category-head { margin-bottom:7px; } .category-head h2 { margin:0; padding:3px 0; color:#404040; font-size:1.6em; line-height:1.3em; font-weight:normal; } /********************* Tables */ /* Data Table */ .data-table { border:0px; width:100%; } .data-table tr { background:#fff; } .data-table .odd { background:#f2f2f2; } .data-table .even { background:#f7f7f7 !important;} .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last td, .data-table tr.last th { /* border-bottom: 1px solid #BEBCB7; */ } .data-table th { padding:2px 5px; color:#404040; white-space:nowrap; } .data-table th a, .data-table th a:hover { color:#fff;} .data-table td { padding:3px 5px; } .data-table td.label { font-weight:bold; } .data-table thead tr { /*background:url(../images/data_table_th_bg.gif) repeat-x 0 100% #e1e7c3;*/ background: #bce700; } .data-table tfoot { /* border-bottom:1px solid #d9dde3; */} .data-table tfoot tr.first { /*background:url(../images/base_mini_actions_bg.gif) repeat-x;*/ } .data-table tfoot tr { background-color:#D8D8D8 !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:0px solid #d9dde3; } .data-table tbody td { border-bottom:0px solid #d9dde3; border-right:0px solid #d9dde3; } .box-table td { padding:5px; } .box-table tfoot td { padding-top:5px; padding-bottom:5px; } .box-table select{ width:100%; } .nested-data-table th, .nested-data-table td { padding-top:2px; padding-bottom:2px; } .nested-data-table tfoot td {font-size:.95em; } /********************** Lists */ .disc { margin-bottom:10px; } .disc li { margin-left:20px; list-style:disc; } /* Bare List */ /* Unstyled list */ .bare-list { margin:5px 0; } .bare-list li { margin:3px 0; } /********************** Space Creators */ .no-show { display:none; } .no-wrap { white-space:nowrap; } .content-box { min-height:250px; } /* Set minimum height for visual presentation */ .content { padding:12px 12px 12px 15px; } /* Sets default padding */ .actions { line-height:1.3em; } .separator { padding:0 5px;} .pipe { padding:0 4px; font-size:.95em; } .divider { margin:10px 0; height:1px; background:url(../images/dotted_divider.gif) repeat-x; font-size:1px; line-height:1em; overflow:hidden; } /********************** Pager */ table.pager select, table.view-by select { margin:0 3px; font-size:.95em; } table.pager select{ width:40px; } table.pager td.sort-by select { width:115px; } table.pager td.type select { width:90px; } table.pager, table.view-by { width:100%; background:#fff; font-size:.95em;background:#E0E0E0 url(../images/verlauf_gross.gif) repeat-x scroll top center;margin-bottom:5px;-moz-border-radius:6px;border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;margin:5px 0 5px 0; } table.pager td.grid-list-view { width:200px; } table.pager td.type { text-align:center; } table.pager td.available { } table.pager td.sort-by { /*width:200px; text-align:center;*/ } table.pager td.pagesview { width:200px; text-align:center;} table.pager td.pagerview { width:200px;} table.pager td { padding:4px 8px 4px 8px; vertical-align:middle; } table.pager ol, table.pager li { display:inline;} table.pager li { background-color:#DEDEDE; } table.pager li a { color:#333333; margin:0; padding:0px 4px; text-decoration: none; } table.pager li a img { margin:-3px -4px;} table.pager ol li.first { background-color:transparent; } table.pager ol li.last { background-color:transparent; } table.pager li a:hover { background-color:#AAAAAA; } table.pager ol li.first a:hover { background-color:transparent; } table.pager ol li.last a:hover { background-color:transparent; } table.pager li span.on { background-color:#AAAAAA; color:#333333; margin:0; padding:0px 4px; } table.view-by td { width:25%; padding:4px 8px; vertical-align:middle; } /************************************************************/ /********************[ Mage_CSS_C Layout]********************/ /************************************************************/ /********************** Base Layout */ /* Structure */ #outerbox { min-height:400px; width:960px; margin:0 auto; text-align:left; position:relative; } .header { text-align:left; } .header-top { position:relative; width:958px; margin: 0px; z-index:999; right: 0px; } .header-nav { width: 100%; margin:0px; background:url(../images/topnav_right.png) no-repeat right; } .middle { min-height:400px; width:935px; margin:0 auto; text-align:left; position:relative; } .side-col { } .col-left { float:left; width:175px; margin-top: 5px; } .col-main { float:left; } .col-right { float:right; width:225px; } .col-1-layout .col-main { float:none; margin:0; overflow: hidden; } .col-2-right-layout .col-main { float:left; width:695px; } .col-2-left-layout .col-main { float:right; width:625px; } .col-3-layout .col-main { width:500px; margin-left: 17px; } .col-3-layout .col-right { margin-top: -13px; } .col-2-right-layout .col-right { /*margin-top: 7px;*/ } .col-right .head { height:24px; margin-bottom:0px;} /* Style */ .header { padding:0px; } /* .header-top-container defs moved to header-top-container.css */ .middle-container { margin-top-off: 10px; } .middle { padding: 10px 9px 20px 9px; } /********************** Header */ .page-popup h1#logo { display:none; } /* Quick Access defs moved to header-top-container.css */ /* Breadcrumbs defs moved to header-top-container.css */ /* Navigation defs moved to header-top-container.css */ /* Mini search */ #search_mini_form { padding: 0px; margin: 0px; } .mini-search { position:relative; top:0; right:0; width:100%; height:20px; padding:0px 0px 0 0px; margin:0px 0px 0 0px; zoom:1; } .mini-search .input-text { width:196px; height: 19px; margin:1px 4px 1px 0; padding:4px 0 0 4px; color:#666666; border: none; } .search-autocomplete { border:1px solid #5c7989; background:#f9f5f0; left:-1px !important; top:21px !important; } .search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; } .search-autocomplete li.odd { background:#fffefb; } .search-autocomplete li.selected { background:#f7e8dd; } /********************** Sidebars */ .side-col { overflow:hidden; } .side-col .box { /*margin-bottom:1.3em;*/ } .side-col .content { padding:5px 10px; } .side-col .head { text-align:left; } .side-col h2, .side-col h3, .side-col h4, .side-col h5 { float:none; } .side-col h3 { font-size:1.05em; text-transform:uppercase; } .side-col h4 { font-size:1.1em; color:#bce700; text-transform:uppercase; font-weight:normal; } .side-col .actions { padding:4px 0; font-size:.95em; text-align:right; } .side-col .actions a, .side-col .actions a:hover { text-decoration:underline; } .widget-btn { float:right; font-size:11px; margin:0 3px 1px 5px; } .widget-btn, .widget-btn:hover { color:#646464; font-weight:bold; } /* Currency Switcher */ .currency-switcher { height:53px; padding:7px 12px 10px 12px; background:url(../images/currency_switcher_bg.gif) no-repeat; font-size:1.05em; } .currency-switcher h4 { min-height:21px; background:url(../images/icon_world.gif) no-repeat 0 2px; color:#fff; padding-left:22px; text-transform:none; } .currency-switcher select { width:98%; } /* Base Mini */ .base-miniPresse{min-height: 231px; border-left:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #aaa; background:transparent url(../images/boxes_verlauf.png) repeat-x scroll center bottom; line-height:1.3em; font-size:0.9em; } .base-miniPresse .head { height:24px; margin:0 0 0 0; background:#fff url(../images/base_mini_head_bg.gif) repeat-x; padding:0; } .base-miniPresse .head h4 { min-height:25px; color:#BCE700; background-repeat:no-repeat; background-position:0 0; padding:4px 0px 1px 25px; text-transform:uppercase; } .base-miniPresse .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em;} .base-mini { border-left:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #aaa; background:transparent url(../images/boxes_verlauf.png) repeat-x scroll center bottom; line-height:1.3em; font-size:0.9em; } .base-mini .head { height:24px; margin:0 0 0 0; background:#fff url(../images/base_mini_head_bg.gif) repeat-x; padding:0; } .base-mini .head h4 { min-height:25px; color:#BCE700; background-repeat:no-repeat; background-position:0 0; padding:4px 0px 1px 25px; text-transform:uppercase; } .base-mini .head h4 .count { text-transform:none; color:#2f2f2f; white-space:nowrap; font-weight:normal; font-size:.95em;} .base-mini h5 { font-size:1em; } .base-mini .content, .base-mini ol { } .base-mini ol li { padding:3px 4px 3px 5px;} .base-mini ol li:hover {background: #dddddd;} .base-mini ol li.odd { } .base-mini ol li.even { } .base-mini .actions { padding:6px; } .base-mini .product-images { float:left; width:40px; } .base-mini .product-images a img { border:1px solid #a9a9a9; } .base-mini .product-details { margin-left:48px; } .base-mini .regular-price { color:#2f2f2f; font-size:11px; } .base-mini .special-price { font-size:11px; } .base-mini .price-box{ margin:1px 0; } /* Sidebar Blocks */ .mini-product-tags .head h4 { background:url(../images/header_search_filter_bg.gif) no-repeat 0 0; color:#BCE700; padding:4px 0 3px 25px; font-weight:normal; margin-bottom:-5px; border-bottom:1px solid #aaa; font-size:1.05em;} .mini-product-tags li { display:inline; padding-right:4px; line-height:1.5em; } .mini-product-tags .content { -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; background:transparent url(../images/boxes_verlauf.png) repeat-x scroll center bottom; border-bottom:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; padding:10px; margin-bottom:10px; } .mini-product-tags .content a, .mini-product-tags .content a:hover { color:#1b2d3b; } .mini-newsletter h4 { background-image:url(../images/icon_newspaper.gif); } .mini-newsletter .input-text { margin-bottom:3px; } .mini-cart .head h4 { background:url(../images/icon_basket.png) no-repeat scroll top left; } .mini-cart .actions .subtotal { float:left; text-align:left; } .mini-cart .actions .subtotal .label { text-transform:uppercase; font-weight:bold; } .mini-cart .actions .form-button { float:left; margin-bottom:5px; margin-right:3px; } .mini-wishlist .head h4 { background-image:url(../images/icon_table.gif); } .mini-account .head h4 { background-image:url(../images/icons/icon_person.png); } .mini-accountPress .head h4 { background-image:url(../images/icons/press_header.png); } .mini-account li {margin: 5px; padding-left:20px; height:25px; background:url(../images/icons/button_myflimm_16px.png) no-repeat scroll top left; font-weight:bold} .mini-account li a {text-decoration:none;} .mini-account li.on {background:url(../images/icons/button_myflimm_active_16px.png) no-repeat scroll top left;} .mini-account li:hover {background:url(../images/icons/button_myflimm_active_16px.png) no-repeat scroll top left; } .mini-account li.last {margin-bottom: 0px; } .mini-accountPress ul { margin: 0 5px; } .mini-accountPress li { padding: 7px 0 7px 20px; background:url(../images/icons/button_myflimm_16px.png) no-repeat 0 7px; font-weight: bold; } .mini-accountPress li a {text-decoration:none;} .mini-accountPress li.on {background-image: url(../images/icons/button_myflimm_active_16px.png);} .mini-accountPress li:hover {background-image:url(../images/icons/button_myflimm_active_16px.png); } .mini-accountPress li.sub { margin-left: 20px; padding: 2px 0 2px 20px; font-weight: normal; background: url(../images/news_list_bg.png) no-repeat scroll 0 5px; } .mini-accountPress li.last {margin-bottom: 0px;} .mini-accountPress li.activesub, .mini-accountPress li.sub:hover { background:url(../images/news_list_bg.png) no-repeat 0px -20px; } .mini-compare-products .head h4 { background-image:url(../images/icons/icon_table.png); } .mini-product-view .head h4 { background-image:url(../images/icons/icon_table.png); } .mini-product-bestseller-bottom {background: transparent url(../images/top5downloads_bg_bottom.gif) no-repeat;} .mini-product-bestseller li {background: transparent url(../images/top5_list_bg.gif) no-repeat 10px 1px; padding-left:13px; padding-bottom:4px; color:#000000} .mini-product-bestseller ol { list-style-type:decimal; margin-bottom: 7px; } .mini-product-bestseller a { color:#2F2F2F; text-decoration: none; } .mini-product-bestseller a:hover { color:#91B200; text-decoration: underline; } .mini-product-bestseller { border: 1px solid #808080; border-top: none; background: white url(../images/top5downloads_header.png) no-repeat center top; width: 223px; text-align: left; } .mini-product-bestseller h2 { /* height: 24px; */ font-size: 14px; font-weight: normal; padding: 3px 0 5px 30px; margin: 0 0 7px 0; } .mini-tipp-view .head h4 { background-image:url(../images/icons/icon_table.png); } .mini-poll .head h4 { background-image:url(../images/icon_group.gif); } .mini-poll td.label { font-weight:bold; padding-right:10px; } .mini-tipp-view { margin-bottom:10px; padding-left:0px !important;} .mini-tipp-view ul li { background:url(../images/news_list_bg.gif) no-repeat scroll 0px 3px; margin:10px 0 10px 10px; padding-left:15px; padding-bottom:10px; border-bottom:1px solid #666; } .mini-tipp-view ul li.last { padding-bottom:0px; border-bottom:0px solid; } .mini-tipp-view ul li.lastTwiBlog { padding-bottom:10px; border-bottom:1px solid black; } .mini-tipp-view ul li.firstTwiBlog{ margin-top:0px; padding-bottom: 0px; border-bottom:0px solid;} .mini-tipp-view ul li.first { margin-top:0px;} .mini-tipp-view ul li a { text-decoration:none; } .mini-flash-view .head h4 { background-image:url(../images/icon_info.png); margin-top: 0px;} .mini-flash-view { margin-bottom:10px; } .mini-flash-view ul li { background:url(../images/news_list_bg.gif) no-repeat scroll 0px 3px; margin:10px 0 10px 10px; padding-left:15px; padding-bottom:10px; border-bottom:1px solid #666; } .mini-flash-view ul li.last { padding-bottom:0px; border-bottom:0px solid; } .mini-flash-view ul li.first { margin-top:0px;} .mini-flash-view ul li a { text-decoration:none; } .flashUpdateInner {padding: 5px;} /************************************************************/ /****************[ Mage_CSS_D Shop Elements]*****************/ /************************************************************/ .product-shop { float:right; } .product-shop .form-button, .product-shop .form-button-alt { margin-right:10px; } .product-shop1 { float: right; width: 480px; padding: 10px; } .product-shop1 .form-button, .product-shop .form-button-alt { margin-right:10px; } .product-shop2 { float: right; width: 480px; padding: 10px; display:none;} .product-shop2 .form-button, .form-button-alt { margin-right:10px; } /********************** Rating */ .ratings { margin:7px 0; line-height:1em; } .rating-box { float:left; position:relative; width:38px; height:13px; margin-right:5px; background:url(../images/product_rating_blank_star.gif) repeat-x; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/product_rating_full_star.gif) repeat-x; } .ratings-list { margin:4px 0; } .ratings-list td { padding:3px 0; } .ratings-list td.label { padding-right:8px; font-size:.95em; font-weight:bold; line-height:1em; } /********************** Prices */ .price-box { margin:4px 0; font-size: .95em; } .regular-price { color:#91B200; font-size:.95em; font-weight:bold; } .old-price { color:#999; font-size:.95em; } .old-price .price { text-decoration:line-through; white-space:nowrap; } .special-price { color:#F0A01E; font-size:.95em; font-weight:bold; line-height:1em; } .special-price .label { font-weight:normal; line-height:normal; } .special-price .price { white-space:nowrap; line-height:normal; } /********************** Generic Box */ .generic-box { margin-bottom:15px; padding:12px 15px; border:1px solid #D0CBC1; background:url(../images/base_mini_head_bg.gif) repeat-x #fff; } .generic-product-list li { margin:12px 0; } /********************** Catalog Listing */ .catalog-listing { line-height:1.35em; } .catalog-listing h5 { margin-bottom:.4em; font-size:1.05em; } .catalog-listing h5 a, .catalog-listing h5 a:hover { color:#4d4d4d; text-decoration:none; } .catalog-listing .add-to { margin:2px 0 0 0; color:#555555; line-height:1.3em; font-size:.95em; font-weight:bold; } .catalog-listing .add-to a, .catalog-listing .add-to a:hover { text-decoration:none; } .catalog-listing .ratings { margin-bottom:.6em; } /* Generic Product Grid */ .generic-product-grid { width:100%; } .generic-product-grid td { border-right:1px solid #d9dde3; border-bottom:1px solid #d9dde3; padding:12px 10px; line-height:1.6em; } .generic-product-grid tr.last td { border-bottom:0; } .generic-product-grid td.last { border-right:0; } .generic-product-grid .product-image { text-align:center; } .generic-product-grid td.empty-product { border-right:0; background:#f5f6f6; } /* Grid Type */ .listing-type-grid { } .listing-type-grid .grid-row { /*border-bottom:1px solid #d9dde3;*/ } .listing-type-grid li.item { float:left; width:118px; padding:4px 10px 4px 11px; line-height:1.6em; overflow:hidden; } .listing-type-grid .last { border-bottom:0; } .listing-type-grid .product-image { text-align:center; } .listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-grid .actions { margin:10px 0; text-align:center; } /* Rewrites for different layouts */ .col-1-layout .listing-type-grid { } .col-1-layout .listing-type-grid li.item { /*width: 180px;*/ } .col-2-left-layout .listing-type-grid, .col-2-right-layout .listing-type-grid { } .col-2-left-layout .listing-type-grid li.item, .col-2-right-layout .listing-type-grid li.item { /*width:108px;*/ } /********************** Layered Navigation */ .layered-nav .head { margin:0; background:url(../images/catalog_header_bg.gif) repeat-x; } .layered-nav { border: 1px solid #bebebe; } .layered-nav h3 { color: #ffffff; font-size: 12px; padding-top: 3px 0 3px 12px; } .layered-nav h4 { margin:0; border:1px solid #b9ccdd; border-left:0; border-right:0; padding:3px 10px; background: #d5e8ff url(../images/layered_nav_narrowed_category_heading.gif); color:#1f5070; font: bold 1em; } /********************* Tool Tips */ .tool-tip { border:1px solid #7ba7c9; background:#eaf6ff; position:absolute; } .tool-tip .inline-content { padding:8px; } .tool-tip .block-content { padding:15px 20px; } .tool-tip .btn-close { display:block; margin:6px 6px 0 0; text-align:right; } /************************************************************/ /******************[ Mage_CSS_E Shop Pages]******************/ /************************************************************/ /********************** Home */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:url(../images/best_selling_tr_odd_bg.gif) repeat-x 0 100% #eee; } .best-selling tr.even { background:url(../images/best_selling_tr_even_bg.gif) repeat-x 0 100% #fff; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:.95em; } .best-selling .product-img { float:left; border:2px solid #dcdcdc;} .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /********************** Search */ .advanced-search { margin:28px 0; border:1px solid #bbafa0; padding:22px 25px 12px 25px; background:#fbfaf6; } .advanced-search .legend { margin-top:-33px; float:left; border:1px solid #f19900; background:#F9F3E3; padding:0 8px; color:#E76200; font-weight:bold; font-size:1.1em; } .advanced-search li {margin-bottom:5px} .advanced-search li label {width:150px;float:left} .advanced-search .input-text {width:250px} .advanced-search select {width:256px;padding:2px} .advanced-search .field-row { float:left; width:256px; } .advanced-search .range .input-text {width:70px} /********************** Catalog Listing */ /* List Type */ .listing-type-list .list-header { float:left; width:100%; margin-bottom:10px;} .listing-type-list .list-header .year { margin-top:0px;} .listing-type-list .list-header .regie { margin-top:0px;} .listing-type-list .listing-item { border-top:1px solid #D9DDE3; padding: 12px 0px; } .listing-type-list .product-image { float:left; width:118px; } .listing-type-list .product-shop { width:560px; margin-top:10px;} .listing-type-list .product-shop .description { margin:0 0 0 0; } .listing-type-list .product-shop .price-box { float:left;text-align:left; margin:3px 13px 5px 0;} .listing-type-list .product-shop .product-reviews { margin:15px 0; font-size:.95em; } .listing-type-list .product-shop .product-reviews a, .listing-type-list .product-shop .product-reviews a:hover { color:#6e6969; } .listing-type-list .listing-item .rating-box { margin-bottom:6px; } .listing-type-list .product-shop div.subtitle { margin-bottom: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #808080; width: 100%; } .listing-type-list .product-shop div.poduct_title{ margin-bottom: 15px; width: 100%; } /*.listing-type-list .product-shop a.title { font-family: Impact, Verdana, Arial; color: #808080; font-size: 22px; text-decoration: none; }*/ .subtitle { margin-bottom: 7px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #808080; width: 100%; } .poduct_title { font-family: Impact, Verdana, Arial; color: #808080; font-size: 22px; text-decoration: none;padding-bottom: 12px; line-height: 32px; } /* Grid Type */ .listing-type-grid td { width:33%; text-align:left; } .listing-type-grid .product-image { text-align:center; } .listing-type-grid .add-to-compare { display:block; margin:5px 0; background:url(../images/icon_add_to_compare.gif) no-repeat 0 50%; padding-left:22px; color:#6e6969; font-weight:bold; } .listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; } .listing-type-grid .actions { margin:10px 0;text-align:center; } /********************** Product Detail */ /* Product Images */ .product-img-box {margin: 10px; width:150px;} .product-img-box .main-product-img {position:relative; overflow:hidden; width: 150px; height:265px;} .product-img-box .main-product-img img {position:absolute; left:2px; top:2px; width:100%; cursor:move;} #lupe{height:208px; width: 147px; position:absolute; filter:alpha(opacity=10); -moz-opacity:0.5; -khtml-opacity: 0.1; opacity: 0.1; background: url(../images/zoom_in.png) no-repeat bottom right;} #lupe:hover{height:208px; width: 147px; position:absolute; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background: url(../images/zoom_in.png) no-repeat bottom right;} #image { width:auto; } #track { position:relative; height:18px; } #handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) no-repeat; } .product-img-box .more-views h4 { border-bottom:1px solid #ccc; margin-bottom:.8em; font-size:.95em; text-transform:uppercase; } .product-img-box .more-views li { float:left; margin-right:6px;} .product-img-box .more-views li.last { margin-right:0; } .product-img-box .more-views li img { border:2px solid #ddd; } .product-header-box { margin:10px 0px 20px 24px; height:10px;} .product-header-box h1.titel { background:transparent none; color:#BCE700; float:left; font-family:"Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif; font-size:25px; margin:0; text-decoration:none;line-height:25px;} .year { float: left; margin-bottom:30px; font-family:Lucida Grande; background:transparent url(../images/year_bg.gif) no-repeat scroll 0 0; /*float:left;*/ color: black; font-size:9px; height:13px; margin-right:10px; margin-top:2px; margin-bottom:10px; text-align:center; width:38px; } .yearStreaming {margin-bottom:30px; font-family:Lucida Grande; background:transparent url(../images/year_bg.gif) no-repeat scroll 0 0; /*float:left;*/ color: black; font-size:9px; height:13px; margin-right:0px; margin-top:2px; margin-bottom:10px; text-align:center; width:38px; } .regie {color:#808080; font-family:Georgia,"Times New Roman",Times,serif; font-size:13px; margin-left:10px; vertical-align:bottom;} .list-header { float:left; } .product-info-box { margin-top:10px; border:1px solid #c4c6c8; margin-top:0; } .product-info-box .product-name { margin-bottom:.3em; color:#404040; font-size:1.2em; } .product-info-box .qty-box { float:left; margin-right:5px; } .product-info-box .price-box { margin:10px 0;} .add-to-cart-box { float:left; width:195px; margin-right:5px;} .add-to-box { float:left; font-size:.95em; line-height:1.25em; } .product-info-box .ratings { margin-bottom:1em;} .product-attributes, .product-pricing { margin:10px 0; background:#faf7ee; padding:10px; border:1px dashed #a59e89;} .product-attributes td {padding:2px 0; } .product-attributes td.label { padding-right:10px; font-weight:bold; } .product-essential, .product-collateral { padding: 10px; } .product-essential { padding:10px; } .product-essential .product-shop { width:480px; } .product-essential .product-shop .ratings { margin-bottom:4px; } /* Product Collateral */ .product-collateral { } .product-collateral .head { margin-bottom:1em; border-bottom:1px solid #cccccc; padding-bottom:3px; font-size:1.15em; } .product-collateral .collateral-box { margin-bottom:2em; } .product-collateral .collateral-box h4{ color:#91b200 ;} .product-collateral .attribute-specs table { border-color:#d9DDE3; } .product-collateral .attribute-specs .label { font-weight:bold; } .product-collateral .attribute-specs .data { border-right:0; } .product-collateral .attribute-specs td { padding-top:3px; padding-bottom:3px; line-height:1.25em; } .product-collateral .up-sell .head { padding-bottom:8px; margin-bottom:0; } .product-collateral .up-sell .generic-product-grid { border:1px solid #cccccc; border-top:0; } .product-collateral .up-sell .generic-product-grid td { width:25%; border-color:#cccccc; background:#f6f6f6; padding-top:15px; } .product-collateral .up-sell .generic-product-grid td img { border:1px solid #cccccc; } .product-collateral .up-sell .generic-product-grid .product-image { text-align:center; } .product-collateral .up-sell .generic-product-grid td.empty-product { background:transparent; } #customer-reviews { margin-bottom:15px; } #customer-reviews li { margin-bottom:25px; } #customer-reviews li p { clear:both; } .product-collateral .add-tag-box .input-box { float:left; width:302px; margin-right:8px; } .product-collateral .add-tag-box .input-box .input-text { width:200px; margin-top: 2px; } .tags-list { margin-bottom:15px; } .tags-list li { display:inline; background:url(../images/separator.gif) no-repeat 100% .4em; padding:0 8px 0 4px; } .tags-list li.first { padding-left:0; } .tags-list li.last { background:none; } .add-tag-box { background:url(../images/icon_tag_add.gif) no-repeat 0 2px; padding-left:28px; } .product-review-box { width:auto; margin:8px 0 13px 0; } .product-review-box td, .product-review-box th { text-align:center; } .product-review-box td.label {width:100px; text-align:left; } /* Product Detail sidebar */ .mini-related-items .head h4 { background-image:url(../images/icon_clip.gif); } .mini-related-items .product-images { width:70px; } .mini-related-items .product-images input { float:left; margin-right:4px; } .mini-related-items .product-details { margin-left:78px; } .mini-related-items ol li { padding-left:0 ; padding-right:0; } .mini-related-items .super-products .product-images { width:52px;} .mini-related-items .super-products .product-details { width:70px;} /********************** Checkout */ .shipment-methods dd { margin-bottom:13px; } .payment-methods dt { margin:5px 0 5px 20px; } .payment-methods dd { padding:5px 20px; } /* Shopping Cart */ .shopping-cart { margin-bottom:0; } .shopping-cart th, .shopping-cart td { padding-left:13px; padding-right:13px; } .shopping-cart tr.error { background:#FDE6E0 !important; } .shopping-cart-item-message {margin-bottom:5px} td.attributes-col { line-height:1.4em; } td.attributes-col h4 { font-family: Impact, Verdana, Arial; font-size: 18px; font-weight: normal; } td.attributes-col ul { margin:5px 0; font-size:.95em;} td.attributes-col dt { margin-top:.5em; font-size:.95em; font-weight:bold; } td.attributes-col dd ul { margin: 0 0 5px 0; } td.attributes-col dd ul li { margin-left:15px; list-style:disc; } .shopping-cart-totals {width:290px;float:right;margin-top:25px;text-align:right;} .shopping-cart-totals table { width:100%; margin-top:7px; } .shopping-cart-totals td { padding:0 15px; } .shopping-cart-totals tr.last td { padding-bottom:5px; } .shopping-cart-totals tfoot td {font-size:1.3em;} .shopping-cart-totals .checkout-types { margin:5px; } .shopping-cart-totals .checkout-types li { clear:both; margin:10px 0; } /* Tax details */ .tax-total { cursor:pointer; } .tax-total td { line-height:13px; padding-top:5px !important; padding-bottom:5px !important; } .tax-total .tax-collapse { float:right; padding-left:20px; background:url(../../default/images/bg_collapse.gif) 0 2px no-repeat; text-align:right; cursor:pointer; } .show-details .tax-collapse { background-position:0 -55px; } .show-details td { border-top:1px solid #d2d8db; } .tax-details td { font-size:0.91em; color:#626465; background-color:#dae1e4; } .tax-details-first td { border-top:1px solid #d2d8db; } /* Shopping cart tax info */ .cart-tax-info, .cart-price { /* padding-right:20px; */} .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../../default/images/bg_collapse.gif) right 5px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:right -52px; } .shopping-cart-collaterals {float:left;width:605px;padding:25px 0;} .shopping-cart-collaterals .box {margin-bottom:18px;padding:12px 15px;border:1px solid #D0CBC1;background:url(../images/base_mini_head_bg.gif) repeat-x #fff;} .shopping-cart-collaterals .box .form-button { margin-left:5px; } .shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4 {min-height:16px;color:#e26703;background-repeat:no-repeat;background-position:0 0;padding:1px 0 1px 21px; text-transform:uppercase;} .shopping-cart-collaterals .discount-codes h4 { background-image:url(../images/icon_asterick.gif); padding-left:23px; } .shopping-cart-collaterals .shipping-estimate h4 { background-image:url(../images/icon_lorry.gif); padding-left:23px; } .shopping-cart-collaterals .shipping-estimate .input-text { width:214px; } .shopping-cart-collaterals .shipping-estimate select { width:220px; } .shopping-cart-collaterals .upsell {width:42.5%; border:1px solid #cec3b6; padding:12px 15px; background:#fafaec;} .shopping-cart-collaterals .upsell .product-image { float:left; width:75px; border:1px solid #d0cdc9; } .shopping-cart-collaterals .upsell .product-shop { width:170px; } .shopping-cart-collaterals .upsell .product-shop h5 { font-size:1em; } .grand_total {width:auto; margin-top:15px; border:1px solid #BEBCB7; background:#e8e8e8; font-size:1.3em !important; font-weight:bold; text-align:right;} tr.grand_total td, p.grand_total { padding-top:5px; padding-bottom:5px; } /* One-Page checkout */ .one-page-checkout .group-select { margin-right:0; } .one-page-checkout .box {border:1px solid #bbb6a5; border-top:0; padding:15px 20px 35px; background:#faf7ee;} .one-page-checkout .head {margin-bottom:0; padding:4px 8px 6px 8px; background:url(../images/checkout-head-p-bg.gif) repeat-x left bottom #dcdcdc;border-width:0 1px 0 1px; border-color:#D9DDE3;border-style:solid; border-top:1px solid #fff;} #payment_form_ogone img {vertical-align:middle; } #payment_form_paypal_standard img {vertical-align:middle; } #payment_form_cashticket img {vertical-align:middle; } .one-page-checkout .head a { display:none; } /* Hide Edit button in step header */ .one-page-checkout h3 { color:#666; font-size:1.05em; font-weight: normal; } .one-page-checkout h4 { padding-bottom:2px; color:#91B200; } .one-page-checkout .step-count { background:#fff; font-size:.9em; padding:0 4px; line-height:1em; border:1px solid #888; } .one-page-checkout .content { padding: 10px 20px; text-align: right; } .one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; } .one-page-checkout .allow .head { border-color:#b3b3b3; border-width:1px 1px 0 1px; cursor:pointer; } .one-page-checkout .active .head { margin-bottom:0; border:1px solid #cccccc; background:transparent url(../images/account_nav_head_bg.gif) repeat-x left center; padding-bottom:5px; cursor:default; } .one-page-checkout .alloq .head a { display:block; } /* Display Edit button in active selection */ .one-page-checkout .group-select { margin-top:0; border:0; background:none; padding:0; } .one-page-checkout .allow h3 { color:#808080; } .one-page-checkout .active h3 { color:#bce700; } .one-page-checkout .allow .step-count { background:#eee; } .one-page-checkout .active .step-count { color:#333333; border:1px solid #888888; background:#bce700; } .one-page-checkout .active .box { display:block; border-color:#BBAFA0; background:transparent url(../images/boxes_verlauf.png) repeat-x center bottom; margin-left:0px;} .one-page-checkout .small-hint { font-size:11px; padding-left:20px; } .one-page-checkout .small-hint a { text-decoration:none; } /*.one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; }*/ .one-page-checkout-progress .page-head { margin-bottom:1em; } .one-page-checkout-progress li { border:1px solid #b3b3b3; background:#eee; margin-bottom:6px; } .one-page-checkout-progress h3 {font-weight: normal; color:#bce700; padding-left: } .one-page-checkout-progress h4 { margin:0; color:#999; padding:2px 8px; background:#eee; text-transform:none; } .one-page-checkout-progress h4.complete {color:#2F2F2F; } .one-page-checkout-progress h4 a { text-transform:none; } .one-page-checkout-progress .content { padding:8px 13px; } #opc-login .form-buttons { border-top:0; } #opc-payment .box { border:0; padding:0 0 35px 0; } #opc-review .box { border:0; padding:0; } #opc-review .content { border:1px solid #D9DDE3; border-top:0; } #opc-review .data-table{ border-top:0; } .opc-please-wait { background:#FFFFFF;border:1px solid #808080;display:block;height:17px;width:230px;margin-left:200px;margin-top:-86px;padding:7px;position:absolute;text-align:center;z-index:10000;} .one-page-checkout a.back { background:url(../images/icon_opc_back.gif) no-repeat; padding-left:16px; line-height:13px;} .one-page-checkout .payment-methods dd { padding:0; } .one-page-checkout .form-buttons { margin-top:0; padding-top:2em; } .payment-methods td {vertical-align:middle;} /* davidsch 20090222*/ #checkout-review-table th {background:#bce700;} #checkout-review-table tfoot tr.first {background-image: none;} .checkout-progress { margin:0 auto 1.5em auto;} .checkout-progress td { float:left; margin-right:3px; border-top:10px solid #999; padding:4px 20px; color:#abb5ba; font-weight:bold; } .checkout-progress td.active { border-top-color:#e96200; color:#e96200; } .co-payment-form-intro { margin:0 0 6px 0; font-weight: bold; } /* Multiple Addresses checkout */ .multi-address-checkout-box .box { position:relative; margin-top:15px; margin-bottom:25px; border:1px solid #bbb6a5; background:url(../images/multi_address_box_bg.gif) repeat-x #FBFAF6; } .multi-address-checkout-box .legend { float:left; margin-top:-10px; margin-bottom:0; margin-left:15px; border:1px solid #F0A01E; background:#F9F3E3; color:#F0A01E; padding:2px 8px; } .multi-address-checkout-box .content { padding:15px 20px 20px 20px; } .multi-address-checkout-box .count-head { border-bottom:1px solid #BBAFA0; background:#F9F3E3; padding:5px 10px; } .shipment-count { background:#E26703; padding:2px 5px; color:#fff; font-size:.95em; line-height:1em; } .multi-address-checkout-box .count-head h4 { margin:0; } .multi-address-checkout-box .head h5 { color:#E26703; } .multi-address-checkout-box .head a { font-weight:normal;} .shipping-method-pointer { border:1px solid #d9d2be; padding:13px; background:#F9F3E3; position:relative; } .shipping-method-pointer .pointer { position:absolute; top:-20px; right:-40px; } .place-order-box { float:right; height:71px; overflow:hidden; } .place-order-box .left-radius { width:21px; background:url(../images/place_order_container_bg.gif) no-repeat; } .place-order-box .main-radius{ background:url(../images/place_order_bg.gif) no-repeat 100% 0; padding-right:21px; vertical-align:middle; } .place-order-box .grand-total { font-size:1.5em; } .place-order-box .grand-total .price { color:#e26703; font-weight:bold; } .place-order-box input { margin-left:15px; } /********************** Gift Messages */ .giftmessages .gift-header {font-size: 12px; font-weight: bold;color: #e87403;} .giftmessages .input-checkbox {padding-bottom: 15px;} .giftmessages textarea {height: 100px;} .giftmessages .input-checkbox input {margin-right: 5px;} .giftmessages .input-checkbox label {font-weight:normal;color: #8e8d8b;} .one-page-checkout .box-no-padding {border:1px solid #bbb6a5;border-top:0;padding:15px 0px;background:#faf7ee;} .one-page-checkout .box-no-padding .inner-box {padding:0px 20px;} .giftmessages .gift-box {background-color:#f6f1eb;border-top: 1px solid #e9e4de;border-bottom: 1px solid #e9e4de;padding: 22px 16px 22px 22px;} .giftmessages .gift-box .scroll-box {overflow: auto;height: 500px;} .giftmessages .product-image {border: 1px solid #d2d1cd;} .no-border {border:none;} .no-padding {padding: 0 0 0 0;} .giftmessages .giftmessage-product-info {padding-left: 10px;}.giftmessages .numeration{font-weight: bold;color: #8a8987;} .giftmessages .gift-box label { color: #918d8e; } .giftmessages .group-select li .input-box { float:left; width:260px; } .giftmessages .group-select li .input-text, .group-select li select, .group-select li textarea { width:495px; } .giftmessages .group-select li .input-box .input-text, .group-select li .input-box textarea { width:235px; } .giftmessages .group-select li .input-box select { width:256px;} /********************** Customer */ /* My Account navigation */ .account-nav { border:1px solid #bbb; } .account-nav .head {margin:0;background:url(../images/account_nav_head_bg.gif) repeat-x 0 100% #737373;padding:3px 10px;} .account-nav .head h3 { color:#fff; font-size:0.95em; } .account-nav ul { background:#fbfaf6; font-size:1.05em; } .account-nav li a, .account-nav li.on { padding:3px 10px 3px 35px; } .account-nav li a { display:block; border-bottom:1px solid #ddd; background:url(../images/account_nav_link_bg.gif) no-repeat 10px 8px; } .account-nav li a, .account-nav li a:hover { color:#5f5d5c; text-decoration:none; } .account-nav li a:hover { background-image:url(../images/account_nav_on_bg.gif); color:#ea7900; } .account-nav li.on { padding:3px 10px 3px 35px; border-bottom:1px solid #ddd; background:url(../images/account_nav_on_bg.gif) no-repeat 10px 8px; color:#ea7900; font-weight:bold; } .account-nav li.on a { padding:0; } .account-nav li.last, .account-nav li.last a { border-bottom:0; } /********************** Customer */ .customer-name-prefix .name-prefix { width:70px !important; } .customer-name-prefix .name-prefix input { width:55px !important; } .customer-name-prefix .name-prefix select { width:61px !important; } .customer-name-prefix .name-firstname { width:205px !important; } .customer-name-prefix .name-firstname input { width:180px !important; } .customer-name-middlename .name-firstname { width:215px !important; } .customer-name-middlename .name-firstname input { width:200px !important; } .customer-name-middlename .name-middlename { width:60px !important; } .customer-name-middlename .name-middlename input { width:35px !important; } .customer-name-suffix .name-lastname { width:205px !important; } .customer-name-suffix .name-lastname input { width:190px !important; } .customer-name-suffix .name-suffix { width:50px !important; } .customer-name-suffix .name-suffix input { width:45px !important; } .customer-name-suffix .name-suffix select { width:51px !important; } .customer-name-prefix-middlename .name-prefix { width:60px !important; } .customer-name-prefix-middlename .name-prefix input { width:45px !important; } .customer-name-prefix-middlename .name-prefix select { width:51px !important; } .customer-name-prefix-middlename .name-firstname { width:215px !important; } .customer-name-prefix-middlename .name-firstname input { width:190px !important; } .customer-name-prefix-middlename .name-middlename { width:50px !important; } .customer-name-prefix-middlename .name-middlename input { width:35px !important; } .customer-name-prefix-middlename .name-lastname { width:200px !important; } .customer-name-prefix-middlename .name-lastname input { width:200px !important; } .customer-name-prefix-suffix .name-prefix { width:60px !important; } .customer-name-prefix-suffix .name-prefix input { width:45px !important; } .customer-name-prefix-suffix .name-prefix select { width:51px !important; } .customer-name-prefix-suffix .name-firstname { width:215px !important; } .customer-name-prefix-suffix .name-firstname input { width:190px !important; } .customer-name-prefix-suffix .name-lastname { width:205px !important; } .customer-name-prefix-suffix .name-lastname input { width:190px !important; } .customer-name-prefix-suffix .name-suffix { width:50px !important; } .customer-name-prefix-suffix .name-suffix input { width:45px !important; } .customer-name-prefix-suffix .name-suffix select { width:51px !important; } .customer-name-middlename-suffix .name-firstname { width:215px !important; } .customer-name-middlename-suffix .name-firstname input { width:200px !important; } .customer-name-middlename-suffix .name-middlename { width:60px !important; } .customer-name-middlename-suffix .name-middlename input { width:35px !important; } .customer-name-middlename-suffix .name-lastname { width:205px !important; } .customer-name-middlename-suffix .name-lastname input { width:190px !important; } .customer-name-middlename-suffix .name-suffix { width:50px !important; } .customer-name-middlename-suffix .name-suffix input { width:45px !important; } .customer-name-middlename-suffix .name-suffix select { width:51px !important; } .customer-name-prefix-middlename-suffix .name-prefix { width:60px !important; } .customer-name-prefix-middlename-suffix .name-prefix input { width:45px !important; } .customer-name-prefix-middlename-suffix .name-prefix select { width:51px !important; } .customer-name-prefix-middlename-suffix .name-firstname { width:155px !important; } .customer-name-prefix-middlename-suffix .name-firstname input { width:140px !important; } .customer-name-prefix-middlename-suffix .name-middlename { width:60px !important; } .customer-name-prefix-middlename-suffix .name-middlename input { width:35px !important; } .customer-name-prefix-middlename-suffix .name-lastname { width:205px !important; } .customer-name-prefix-middlename-suffix .name-lastname input { width:190px !important; } .customer-name-prefix-middlename-suffix .name-suffix { width:50px !important; } .customer-name-prefix-middlename-suffix .name-suffix input { width:45px !important; } .customer-name-prefix-middlename-suffix .name-suffix select { width:51px !important; } .customer-dob .input-box { float:left; width:60px !important; } .customer-dob input { width:50px !important; } .customer-dob label.label-dob { font-weight:normal; color:#888; font-size:10px; } .address-fields-street input { width:525px !important; } .address-fields .address-fields-plz { width:70px !important; } .address-fields .address-fields-plz input { width:55px !important; } .address-fields .address-fields-city { width:205px !important; } .address-fields .address-fields-city input { width:180px !important; } /* Login */ .login-box .col-1, .login-box .col-2{ border:1px solid #b3b3b3; background:#ffffff; } .login-box .content { background:url(../images/login_box_bg.gif) repeat-x #ffffff; padding:3px 21px; } .login-box h4 {min-height:28px;margin-bottom:1em;padding-bottom:5px;padding-top: 7px;padding-left:36px;background-position:0 1px;background-repeat:no-repeat;font-size:1.05em;color:#BEE800;text-transform:uppercase;} .login-box .new-users h4 { background-image:url(../images/neukunde_login.gif); } .login-box .registered-users h4 { background-image:url(../images/bestandkunde_login.gif); } .login-box .form-buttons { margin:0; border:none; background:url(../images/login_box_form_buttons_bg.gif) repeat-x; padding:8px 13px; } .login-box .content { min-height:230px; } /* Register */ .register-box .col-3, .col-4{ min-height: 200px; min-width: 930px;border:1px solid #b3b3b3; background:#ffffff;} .register-box .content { min-height:230px; background:url(../images/login_box_bg.gif) repeat-x #ffffff; padding:3px 21px; } .register-box h4 {min-height:28px;margin-bottom:1em;padding-bottom:5px;padding-top: 7px;padding-left:36px;background-position:0 1px;background-repeat:no-repeat;font-size:1.05em;color:#BEE800;text-transform:uppercase;} .register-box .register-user h4 { background-image:url(../images/neukunde_login.gif); } /* Dashboard */ .account-box {border-left:1px solid #ccc;border-right:1px solid #ccc;background:transparent url(../images/boxes_verlauf.png) repeat-x scroll center bottom;} .account-box .head { background-image:url(../images/head_benutzerkonto_690px.png); height:24px;} .account-box .recent_orders { margin-bottom:1px; background-image:url(../images/head_neueste_bestellungen_690px.png); height:24px;} .account-box h4 { color:#bce700; font-size:1.1em; text-transform:uppercase; } .account-box .inner-head { margin-bottom:8px; background:url(../images/dotted_divider.gif) repeat-x 0 100%; padding-bottom:2px; text-align:right; } .account-box h5 { color: #4c4c4c; font-size:1.1em; } .account-box h5 a { font-weight:normal; } .account-box h6 { color: #4c4c4c; text-transform:uppercase; } .account-main .account-box li { padding:5px 0; } .account-box ol .count {float:left;margin-top:3px;background-color:#404040;padding:1px 3px;font-size:9px;font-weight:bold;color:#fff;line-height:1em;} .account-box ol .content { margin-left:20px; padding:0; } .account-box ol.recent-reviews small {float:left;margin-right:3px;font-weight:bold;} .account-box .product-images { width:65px; } .account-box .product-images img { border:1px solid #ccc;} .account-box .product-details { margin:0 0 10px 70px; } .account-box .content { padding:10px; } .account-side .actions { border-top:1px solid #ccc; padding-top:4px; } .account-side .actions .form-button { float:right; } .edit-password { display:block; height:20px; background:url(../images/icon_lock.gif) no-repeat 0 2px; padding-left:20px; } .dashboard-welcome { margin-right:8em; margin-bottom:1.5em; font-size:1.1em; } .account-box .head h4 { padding-left:21px; min-height:17px; background-repeat:no-repeat; background-position:0 0;} .ad-orders .head h4 { /*background-image:url(../images/icon_folder_table.gif);*/ padding-left: 25px; /*padding-top: 2px;*/ line-height: 25px; font-size: 1em; /*font-weight: normal;*/ } .ad-account-info .head h4 { padding-left: 25px; padding-top: 0px; line-height: 25px; font-weight:normal;} .ad-tags .head h4 { background-image:url(../images/icon_ma_tags.gif); padding-left: 36px; padding-top: 2px; line-height: 25px; } .ad-reviews .head h4 { background-image:url(../images/icon_ma_reviews.gif); } /* Account Addressbook */ .primary-address-list h4, .address-list h4 {font-size:1.1em; color:#91B200; text-transform:uppercase; } .primary-address-list li {margin-bottom:10px;border:1px solid #ccc;background:url(../images/account_box_bg.gif) repeat-x #fff;padding:10px 13px 8px 13px;} .primary-address-list li .head { margin:0; } .address-list li { margin-bottom:1em; } .address-list .actions { float:right; margin:0 0 10px 10px; } /* Compare Products */ .compare-products { margin:30px 0 50px 0; } .compare-products table { width:auto; border:0; } .compare-products tr { background:#EEEDED;} .compare-products td { width:170px; text-align:left; } .compare-products tbody td { border-color:#ccc; } .compare-products tbody tr.first td { border-top:1px solid #D9DDE3; text-align:center; } .compare-products tbody td.last { border-right:1px solid #D9DDE3; } .compare-products tbody.attribute-cart td { background:#fffada !important; text-align:center; border-bottom:1px solid #D9DDE3; } .compare-products tbody td.label {width:auto;border-bottom:1px solid #9eb8cb;border-left:1px solid #BEBCB7;background:url(../images/comparison_table_label_bg.gif) repeat-y 100% 0 #e1e7c3 !important;text-align:left;} .compare-products tbody.remove-buttons tr { background:#fff; } .compare-products tbody.remove-buttons td {border:none !important;padding:0;text-align:right;font-size:0;line-height:0;} .compare-products tbody.remove-buttons td img { float:right; } /* Reviews */ .my-review-detail .product-image { float:left; width:135px; } .my-review-detail .details { float:right; width:538px; } .my-review-detail .ratings-list { margin-bottom:.8em; } /* Gift Messages */ .giftmessage {padding: 10px 0 0 0;} .giftmessage-preview-link {font-size: 11px;color: #1b7cca;padding-right: 7px;background-repeat: no-repeat;background-position: right 5px;} .giftmessage-row {background-color:#f2efe9;} .expand { background-image: url(../images/gift-message-expand.gif); } .collapse { background-image: url(../images/gift-message-collapse.gif); } /********************** Pop up pages */ /*.page-popup { background:#fff; margin:25px 30px; }*/ .page-popup { background:#fff; } .product-gallery-nav { padding:0 5px; } /************************************************************/ /******************[ Mage_CSS_F Overrides]*******************/ /************************************************************/ /* Alignment */ .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .v-bottom { vertical-align:bottom; } .a-left { text-align:left; } .a-center { text-align:center; } .a-right { text-align:right; } .left { float:left; } .right { float:right; /*!important;*/ } .normal-weight { font-weight:normal; } .auto-width { width:auto;} /* Link highlights */ .link-cart { color:#F0A01E !important; font-weight:bold !important;} .link-remove { color:#646464 !important;} .link-print { padding-left:23px; } /* For Demo store only */ .demo-notice { margin:0; background:#d75f07; padding:5px 10px 6px 10px; color:#fff; line-height:1em; text-align:center; } .continue-shopping { background:url(../images/weiter_einkaufen.gif) no-repeat 0 0; height: 16px; width: 121px; border: none; } .continue-shopping:hover { background:url(../images/weiter_einkaufen_mo.gif) no-repeat 0 0; height: 16px; width: 121px; border: none; } .form-button-alt-coupon { background: url(../images/gutschein_einloesen.gif) no-repeat; border: none; height: 16px; width: 137px; cursor: pointer} .form-button-alt-coupon:hover { background: url(../images/gutschein_einloesen.gif) no-repeat 0 -16px; border: none; height: 16px; width: 137px; } .form-button-alt-coupon-cancel { background: url(../images/gutschein_stornieren.gif) no-repeat; border: none; height: 16px; width: 147px; cursor: pointer} .form-button-alt-coupon-cancel:hover { background: url(../images/gutschein_stornieren.gif) no-repeat 0 -16px; border: none; height: 16px; width: 147px; } .no-display { display:none; } .payment-pricing {text-align:right;width:100px;} .quick-please-wait { background:#FFFFFF;border:1px solid #808080;display:block;height:17px;width:230px;margin-left:200px;margin-top:-60px;padding:7px;position:absolute;text-align:center;z-index:10000;opacity:0.7} /***** search-tagcloud *****/ #search-tagcloud a { color:#444; line-height:18px; padding:1px 3px; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; vertical-align:middle; } #search-tagcloud a:hover { color:#444; background:#bce700; } /* language-switcher defs moved to header-top-container.css */ span.streamingTitle{height:20px; width: 163px; vertical-align: super;} span.yearStreaming{ padding: 0px 14px 3px 6px;} span.regieStreaming{margin-bottom:30px; color:#808080; font-family:Georgia,"Times New Roman",Times,serif; font-size:13px; height:13px; margin-right:10px; margin-top:2px; margin-bottom:10px; text-align:center; width:38px;} .account-boxGratis {border-left:1px solid #ccc; border-right:1px solid #ccc;background:#FFFFFF url(../images/boxes_verlauf.png) repeat-x scroll center bottom;} .account-boxGratis .head { background-image:url(../images/head_benutzerkonto_690px.png); height:24px;} .account-boxGratis .content { padding:5px 10px 10px;} li.activeMenu{margin: 5px; padding-left:20px; height:25px; background:transparent url(../images/icons/button_myflimm_active_16px.png) no-repeat scroll left top; font-weight:bold; padding-bottom: 70px;} p.loginPL{width: 280px;} p.loginPR{width: 400px; margin-bottom: 36px;} ul.form-list{width: 430px;} div.rechterLoginBlock{float: right; height: 180px; width: 390px;} div.linkerLoginBlock{width: 400px;} .loginright{float:right; margin-top:129px;} .registerright{margin-left:240px;} ul.form-list-login{width: 265px;} ul.form-list-login li{height: 40px; width: 265px;} a.leftForgotPassword{margin-bottom: 20px;} p.communityP{width: 270px;} a.fb_button{position: absolute; bottom: 65px; left: 320px;} div.communityBlock{margin: 20px; height: 120px;} .roundbox-right .head h4{background: transparent url(../images/info_bg.png) no-repeat scroll left top;} .roundbox-right .tippslist{margin-top: 5px;} ul.tippslist{margin-top: 10px;} p.emailinfo{width: 420px; font-size: 10px;} ul.form-list-login li.leerZeile{height: 15px;}