/** * Project: Prediger Lichtberater * URI: http://prediger.de/ * Description: Prediger Lichtberater * Version: 0.3.18 * Author: Christian Greve (continued by Matthias Tesche) */ /* ============================== General ============================== */ html {} body { color:#000; font:normal 62.5% arial, helvetica, verdana, sans-serif; } body.shop {} .right { float:right; } .left { float:left; } /* ----- Reset and Fixes ----- */ * { margin:0; padding:0; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } * html .clearfix { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } /* *:focus { outline:none; } */ *::-moz-focus-inner { border:none; } .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { display:inline-block; } /* Hides From IE-Mac \*/ * html .clear { height:1%; } /* End Hide From IE-Mac */ /* ----- sIFR Headlines ----- */ .sIFR-flash { visibility:visible !important; } .sIFR-replaced, .sIFR-ignore { visibility:visible !important; } .sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; } .sIFR-replaced div.sIFR-fixfocus { margin:0; padding:0; overflow:hidden; letter-spacing:0; float:none; } /* ----- Links ----- */ a { color:#444; font-weight:normal; text-decoration:none; } a:link {} a:visited {} a:hover { color:#000; text-decoration:underline; } a:active { color:#000; } /* ----- Images ----- */ img { border:0 none; } a img { border:0 none; } /* ----- Tables ----- */ table { border-collapse:collapse; width:100%; } thead {} tfoot {} th {} tr {} td { vertical-align:top; text-align:left; } /* ----- Text ----- */ h1, h2, h3, h4 { font-weight:normal; } h1 {} h2 {} h3 {} h4 {} p {} p a {} p img {} small { color:#666; font-size:11px; } big {} em { padding:0 4px; letter-spacing:0.08em; font-style:normal; color:#000; } strong { font-weight:bold; } u {} cite {} blockquote {} q { quotes: "\00BB" "\00AB"; padding:0 4px; color:#000; font-style:italic; } dfn {} abbr {} acronym {} del {} ins {} code {} pre {} sup {} sub {} address {} hr { margin:0 auto; width:98%; height:4px; color:#eee; background:#eee; border:0 none; } /* ----- Listing ----- */ ul, ol { list-style:none; list-style-position:outside; } li {} dl {} dt {} dd {} /* ----- Form ----- */ form {} fieldset { border:0 none; padding:0 12px; } input { color:#666; border:1px solid #aaa; background:#fff; } input:hover { border:1px solid #666; } input:focus { color:#000; border:1px solid #000; } input.button {} select { color:#666; border:1px solid #aaa; background:#fff; } select:focus { border:1px solid #000; color:#000; } textarea { margin:8px 8px; padding:8px; width:548px; color:#444; border:1px solid #aaa; overflow:auto; } textarea:hover { border:1px solid #666; } textarea:focus { color:#000; border:1px solid #000; } button { font:normal 12px arial, helvetica, verdana, sans-serif; color:#444; } button:hover { color:#000; } /* ============================== Layout ============================== */ body { padding-bottom:24px; text-align:center; background:#f2efea url(./../gfx/body-bg.gif) repeat-x left top; } #wrapper { position:relative; margin:0 auto; text-align:left; width:1216px; } #container { float:left; width:952px; } #navigation { margin:94px 8px 0 8px; } #content { width:952px; } #header-container {} #header { position:absolute; top:0; left:8px; width:936px; height:98px; background:transparent url(./../gfx/header-bg.gif) repeat-x 0 0; } #footer { display:inline; float:left; margin:16px 8px 40px 8px; padding:0 0 8px 0; width:936px; text-align:center; } #promotion { float:right; margin:8px 0 0 0; width:264px; } /* ----- Global Headline ----- */ h1#headline { font-size:13px; color:#444; text-indent:-9999px; } h1#headline a { position:absolute; top:38px; left:8px; display:block; width:176px; height:56px; color:#444; background:transparent url(./../gfx/prediger-logo.gif) no-repeat 0 0; z-index:999; } h1#headline a:hover { text-decoration:none; } /* ============================== Main Navigation ============================== */ #navigation {} #navigation ul { display:block; } #navigation ul li, #navigation ol li { display:block; float:left; } #navigation li a {} /* ----- Categories ----- */ #navigation #categories ul { height:42px; background:transparent url(./../gfx/navigation.gif) no-repeat 0 0; } #navigation #categories ul li {} #navigation #categories ul li a { display:block; padding:11px 14px 11px 18px; height:18px; color:#eee; font-size:16px; } #navigation #categories ul li a { background:transparent url(./../gfx/navigation.gif) no-repeat 0 -48px; text-indent:-9999px; } #navigation #categories ul li a:hover { color:#999; } /* ----- Categories Definitions ----- */ #navigation #categories ul li#innenleuchten a { width:110px; background-position:0 -48px; } #navigation #categories ul li#innenleuchten a:hover { background-position:-320px -48px; } #navigation #categories ul li#aussenleuchten a { width:116px; background-position:0 -96px; } #navigation #categories ul li#aussenleuchten a:hover { background-position:-320px -96px; } #navigation #categories ul li#technische-leuchten a { width:158px; background-position:0 -144px; } #navigation #categories ul li#technische-leuchten a:hover { background-position:-320px -144px; } #navigation #categories ul li#angebote a { width:80px; background-position:0 -192px; } #navigation #categories ul li#angebote a:hover { background-position:-320px -192px; } #navigation #categories ul li#zubehoer a { width:68px; background-position:0 -240px; } #navigation #categories ul li#zubehoer a:hover { background-position:-320px -240px; } #navigation #categories ul li#marken a { width:62px; background-position:0 -288px; } #navigation #categories ul li#marken a:hover { background-position:-320px -288px; } /* ----- Categories Dropdown ----- */ .drop_down_element { position:absolute; z-index:999; margin:1px 0 0 0; padding:8px; background:#fff; border:1px solid #ddd; } .drop_down_element ul { display:block; float:left; width:160px; } .drop_down_element ul li { text-align:left; font-size:12px; line-height:20px; } .drop_down_element ul li a { display:block; padding:0 8px; font-weight:bold; } .drop_down_element ul li a:hover { background:#eee; } .drop_down_element ul ul { margin-top:4px; } .drop_down_element ul ul li a { font-weight:normal; } .drop_down_element ul ul li a.more { font-weight:bold; } .drop_down_element .main { clear:both; padding:12px 0 0 0; } .drop_down_element .main a { display:block; padding:8px 8px 0 8px; text-align:left; font-size:12px; font-weight:bold; border-top:1px solid #ddd; } /* ----- Breadcrumb ----- */ #navigation p.breadcrumbs { display:block; padding:0 176px 0 0; vertical-align:middle; line-height:24px; width:760px; height:24px; font-size:11px; color:#666; background:transparent url(./../gfx/navigation-breadcrumbs.gif) repeat-x left top; overflow:hidden; } #navigation p.breadcrumbs a { color:#666; } #navigation p.breadcrumbs a:hover { color:#222; } #navigation p.breadcrumbs a.home { display:block; float:left; width:26px; height:24px; background:transparent url(./../gfx/navigation-breadcrumbs-item.gif) no-repeat 0 -24px; text-indent:-9999px; } #navigation p.breadcrumbs a.home:hover { background-position:-400px -24px; } #navigation p.breadcrumbs span { padding:0 2px; color:#888; font:normal 14px arial, helvetica, sans-serif; } /* ============================== Header ============================== */ #header {} #header ul { display:inline; margin:6px 0 0 0; } #header ul li { float:left; } #header li a { display:block; color:#444; font-size:11px; } #header li a:hover { color:#000; } /* ----- Shop Search ----- */ #searchform { position:absolute; top:48px; left:248px; height:32px; width:406px; } #searchform input#searchinput { position:absolute; top:3px; padding:6px 6px 6px 6px; width:308px; height:20px; font-size:14px; border:0 none; background:#fff url(./../gfx/search.gif) no-repeat left top; } #searchform input#searchinput:hover, #searchform input#searchinput:focus { background-position:0 -40px; } #searchform label { display:block; float:left; width:36px; height:32px; background:transparent url(./../gfx/search.gif) no-repeat -400px -40px; text-indent:-9999px; } #searchform input.button { position:absolute; right:0; border:0 none; } #searchform input.button:focus { outline:none; } /* ----- Shop Search Suggest ----- */ #header #searchsuggest { display:inline; } #header #searchsuggest ul { display:block; margin:1px 0 0 0; padding:4px 3px; background:#fff; border:1px solid #666; } #header #searchsuggest ul li { float:none; padding:3px 8px; font-size:11px; cursor:pointer; } #header #searchsuggest ul li .amount { float:right; color:#888; font-size:10px; } #header #searchsuggest ul li.odd { background-color:#fffefb; } #header #searchsuggest ul li.selected { background-color:#eee; } /* ----- Global Navigation ----- */ #header ul#globalNavigation { float:left; } #header ul#globalNavigation li {} #header ul#globalNavigation li a { padding:8px 12px 8px 8px; font-size:12px; font-weight:bold; background:transparent url(./../gfx/navigation-item.gif) no-repeat right -40px; } #header ul#globalNavigation li.last a { background:none; } /* ----- Service Navigation ----- */ #header ul#serviceNavigation { float:right; padding-top:1px; } #header ul#serviceNavigation li {} #header ul#serviceNavigation li a { padding:8px 8px 8px 10px; background:transparent url(./../gfx/navigation-item.gif) no-repeat left top; } #header ul#serviceNavigation li a:hover {} #header ul#serviceNavigation li.first a { background:none; } #header ul#serviceNavigation li#customer-login a { background:transparent url(./../gfx/navigation-item.gif) no-repeat 0 -80px; } #header ul#serviceNavigation li#customer-logout a { background:transparent url(./../gfx/navigation-item.gif) no-repeat -200px -80px; } /* ----- Shopping Cart Navigation ----- */ #header ul#shoppingCartNavigation { position:absolute; top:50px; right:0; } #header ul#shoppingCartNavigation li a { text-indent:-9999px; } #header ul#shoppingCartNavigation li a:focus { outline:none; } #header ul#shoppingCartNavigation li#shoppinglist a { width:106px; height:40px; background:transparent url(./../gfx/cart.gif) no-repeat left top; } #header ul#shoppingCartNavigation li#shoppinglist a:hover { background-position:-120px 0; } #header ul#shoppingCartNavigation li#shoppinglist.active a { background-position:0 -40px; } #header ul#shoppingCartNavigation li#shoppinglist.active a:hover { background-position:-120px -40px; } #header ul#shoppingCartNavigation li#shoppingcart a { width:120px; height:40px; background:transparent url(./../gfx/cart.gif) no-repeat -300px top; } #header ul#shoppingCartNavigation li#shoppingcart a:hover { background-position:-420px 0; } #header ul#shoppingCartNavigation li#shoppingcart.active a { background-position:-300px -40px; } #header ul#shoppingCartNavigation li#shoppingcart.active a:hover { background-position:-420px -40px; } /* ============================== Footer ============================== */ #footer {} /* ----- Service ----- */ #footer #service { text-align:left; margin-bottom:0; padding-top:16px; background:transparent url(./../gfx/service.jpg) no-repeat left top; font-size:12px; } #footer #service .slider { padding-bottom:20px; background:transparent url(./../gfx/service.jpg) no-repeat left bottom; } #footer #service .column { display:inline; float:left; margin:0 0 0 16px; width:296px; } #footer #service .column h5 { display:inline; margin:-2px 0 8px 0; font-size:15px; font-weight:normal; color:#444; } #footer #service .column p { margin:8px 20px 0 0; font-size:12px; line-height:1.5em; } #footer #service .column img { float:left; margin:2px 8px 8px 8px; border:0 none; } #footer #service .column ul { margin:8px 0 0 0; } #footer #service .column ul li { font-size:11px; line-height:1.5em; } #footer #service .column ul li a, #footer #service p a, #context ul li a { padding:0 0 0 12px; font-size:12px; line-height:1.5em; background:transparent url(./../gfx/footer-link.gif) no-repeat 0 0; } #footer #service .column ul li a:hover, #footer #service p a:hover, #context ul li a:hover { background-position:0 -40px; } #footer #service .column.order-information img { } #footer #service .column.order-information ul { display:block; height:44px; } #footer #service .column.order-information ul li { display:block; float:left; width:136px; } #footer #service .column.order-information ul li a { font-size:12px; line-height:1.5em; } /* ----- Legal ----- */ #footer ul#legal { display:block; margin:0 auto 10px auto; width:588px; height:36px; } #footer ul#legal li { float:left; } #footer ul#legal li a { display:block; margin:4px 12px; padding:4px; color:#000; font-size:13px; } #footer ul#legal li a:hover { color:#000; text-decoration:underline; } #footer a.payment-methods { margin:0 auto; display:block; width:400px; height:36px; background:transparent url(./../gfx/zahlungsarten.jpg) no-repeat 0 0; text-indent:-9999px; } #footer p#copyright { display:block; padding:8px 0 20px 0; font-size:11px; color:#888; } #footer p#copyright span {} /* ----- Highlights ----- */ #footer #highlights { padding:4px 0; width:936px; height:32px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } #footer #highlights small { display:block; float:left; padding:0 8px 0 8px; width:120px; height:12px; text-align:left; font-size:11px; font-weight:bold; color:#888; line-height:32px; vertical-align:middle; } #footer #highlights ul { float:right; width:800px; } #footer #highlights ul li { float:right; } #footer #highlights ul li a { padding:1px 8px; color:#888; font-size:10px; line-height:15px; } #footer #highlights ul li a:hover { color:#444; text-decoration:underline; } /* ============================== Content ============================== */ #content {} /* ----- Content Links ----- */ #content a { font-size:12px; } /* ----- Content Images ----- */ /* ----- Content Tables ----- */ #content table {} #content table thead {} #content table tfoot {} #content table th { padding:4px 8px; color:#666; font-size:10px; font-weight:normal; } #content table tr {} #content table td { padding:4px 8px; font-size:12px; } #content table td.name {} #content table td.check { width:24px; } #content table td.date {} #content table td.product {} #content table td.product img { float:left; margin-right:16px; padding:1px; background:#fff; border:1px solid #ddd; } #content table td.price { width:80px; text-align:right; white-space:nowrap; } #content table td.quantity { width:152px; } #content table td.amount { width:80px; text-align:right; font-weight:bold; white-space:nowrap; } #content table td.term { padding-right:16px; text-align:right; } #content table.financial { background:#f2efea; } #content table.financial thead { background:#dfd9ca; } #content table.financial tfoot {} #content table.financial th { border:2px solid #fff; } #content table.financial tr {} #content table.financial td { border:2px solid #fff; } #content table.formular {} #content table.formular tr {} #content table.formular td {} /* ----- Content Listings ----- */ #content ul { padding:0 18px 20px 18px; font-size:13px; line-height:20px; color:#333; } #content ul li { font-size:12px; padding:0 0 0 14px; background:transparent url(./../gfx/content-list-item.gif) no-repeat left -32px; } #content ul li a {} #content ol { padding:0 18px 20px 18px; list-style-position:inside; list-style-type:decimal; font-size:12px; line-height:20px; color:#333; } #content ol li {} #content ol li a {} #content dl { padding:0 18px 20px 18px; font-size:12px; line-height:1.6em; } #content dl dt { display:block; float:left; width:160px; color:#666; overflow:hidden; } #content dl dd { margin:0 0 0 160px; } /* ----- Content Text ----- */ #content h1 {} #content h2 { margin:0; padding:16px 18px 8px 18px; font-size:26px; font-weight:normal; color:#222; } #content h3 { margin:0; padding:8px 18px 4px 18px; font-size:16px; font-weight:normal; color:#222; } #content h4 { margin:0; padding:8px 18px 4px 18px; font-size:13px; font-weight:bold; color:#444; } #content h5 { padding:8px 8px 0 10px; font-size:12px; font-weight:bold; color:#444; } #content h6 { margin:0; padding:12px 0 0 12px; font-size:11px; font-weight:bold; } #content h2.sIFR-replaced { margin:0; padding:16px 18px 0 18px; } #content h3.sIFR-replaced {} #content p { padding:8px 18px 16px 18px; font-size:13px; line-height:1.5em; color:#333; } #content p a { margin:0; padding:0; color:#444; font-weight:bold; background:none; border-bottom:1px dotted #bbb; } #content p a:hover { color:#000; text-decoration:none; border-top:1px dotted #444; border-bottom:1px dotted #444; } #content p img.left { margin:4px 16px 4px 0; } #content p img.right { margin:4px 0 4px 16px; } #content address { padding:8px 18px 16px 18px; font-size:12px; line-height:15px; color:#333; font-style:normal; } /* ----- Content Form ----- */ #content form {} #content form fieldset { padding-bottom:16px; } #content form fieldset.no-display { padding-bottom:0; } #content form legend { display:none; } #content form table {} #content form tr {} #content form td {} #content form fieldset table {} #content form fieldset tr {} #content form fieldset td { vertical-align:middle; } #content form label { display:block; padding:4px 0 4px 0; width:120px; color:#666; font-size:12px; font-weight:bold; } #content form label.longtext { width:360px; } #content form label.radio { float:left; width:56px; } #content form input { padding:4px 6px; width:240px; } #content form input.checkbox { float:left; margin:4px; width:16px; height:16px; background:none; border:0 none; cursor:pointer; } #content form input.radio { float:left; margin:6px 4px; width:12px; height:12px; background:none; border:0 none; cursor:pointer; } #content form input.number { width:32px; text-align:right; } #content form input.postcode { width:104px; } #content form select { padding:4px 6px; width:254px; } #content form h3 {} #content form p {} #content form ul.radio-listing { padding:0 0 0 0; } #content form ul.radio-listing li { padding:4px 8px; height:20px; line-height:16px; background:none; } /* ----- Content Form Required ----- */ #content form tr.required {} #content form tr.required input { padding-right:12px; width:234px; background:#fff url(./../gfx/form-required.gif) no-repeat right top; } #content form tr.required label { color:#222; } #content form tr.required input.radio { padding:0; width:16px; background:transparent; } #content form tr.required input.postcode { width:98px; } /* ----- Content Form Note ----- */ #content form .form-note { display:block; margin:0 8px 0 8px; border-top:1px solid #ddd; } #content form .form-note p { margin:4px 0 0 0; font-size:11px; color:#888; } #content form .form-note p.required { padding:0 0 0 12px; background:transparent url(./../gfx/form-required.gif) no-repeat left top; } #content form ul {} #content form ul li {} /* ----- Content Form Submit ----- */ #content form .form-submit { padding:4px 0 16px 0; } #content form .form-submit a.back { display:inline; float:left; margin-left:20px; padding:6px 0; width:40px; } /* ----- Content Form Buttons ----- */ #content button { margin: 0 0 0 16px; padding:3px 16px 3px 16px; background:#eee; border:1px solid #ccc; cursor:pointer; } #content button:focus { outline:none; } #content button.product-to-cart { display:block; text-indent:-9999px; margin:0; padding:0; width:208px; height:32px; color:#fff; background:transparent url(./../gfx/button-product-to-cart.gif) no-repeat left top; border:0 none; } #content button.product-to-cart-small { display:block; text-indent:-9999px; margin:0; padding:0; width:60px; height:32px; color:#fff; background:transparent url(./../gfx/button-product-to-cart-small.gif) no-repeat left top; border:0 none; } #content button.login {} #content button.continue {} #content button.order { padding:6px 48px; color:#fff; font-weight:bold; background:#ffb23d; border:0 none; } #content button.coupon {} #content button.apply {} #content button.new-customer { margin:0 0 8px 18px; } #content button.newsletter-sign-in { margin:4px 0 0 4px; } #content button.account-address-new {} #content button.ok {} #content button.send {} #content button.order-confirm {} #content button.catalogue-order { margin:0 0 0 216px; padding:6px 48px; color:#fff; font-weight:bold; background:#ffb23d; border:0 none; } /* ----- Content Else ----- */ #content .cart-quantity { display:block; float:left; margin:0; padding:3px 0; width:80px; height:28px; } #content .cart-quantity input { float:left; } #content .cart-quantity a { display:block; text-indent:-9999px; float:left; margin:0 4px; width:14px; height:14px; cursor:pointer; } #content .cart-quantity a.plus { background:transparent url(./../gfx/tools.gif) no-repeat left top; } #content .cart-quantity a.minus { background:transparent url(./../gfx/tools.gif) no-repeat left -32px; } #content .cart-quantity a.plus:hover { background-position:-160px 0; } #content .cart-quantity a.minus:hover { background-position:-160px -32px; } #content table.table-product-list {} #content table.table-product-list td { vertical-align:middle; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; } #content table.table-product-list td.price { width:48px; } /* ============================== Content Layout ============================== */ .slider { display:block; } .title { padding:0; } /* ----- Tabulor ----- */ .tabulor-1 { margin:0; width:952px; } .tabulor-2 { margin:16px 8px 0 8px; width:936px; } .tabulor-3 { margin:16px 0 0 0; width:952px; } .tabulor-4 { margin:16px 8px 0 8px; width:936px; } .tabulor-5 { margin:16px 8px 0 8px; width:936px; } .tabulor-6 { margin:16px 8px 0 8px; width:936px; } .tabulor-7 { margin:16px 8px 0 8px; width:936px; } .tabulor-8 { margin:16px 0 0 0; width:952px;} .tabulor-9 { margin:16px 8px 0 8px; width:936px; } .tabulor-10 { margin:16px 8px 0 8px; width:936px; } .tabulor-11 { margin:16px 8px 0 8px; width:936px; } /* ----- Columns ----- */ .column { display:inline; width:936px; } .column-1 { display:inline; width:912px; } .column-2 { display:inline; width:460px; } .column-3 { display:inline; width:304px; } .column-3-2 { display:inline; width:608px; } .column-4 { display:inline; width:228px; } .column-4-3 { display:inline; width:700px; } /* ----- Tabulor -> Columns ----- */ .tabulor-1 .column-1 { float:left; margin:0 8px; } .tabulor-2 .column-1 { float:left; margin:0 12px; } .tabulor-3 .column-2 { float:left; margin:0 8px; } .tabulor-4 .column-4 { float:left; margin:0; } .tabulor-4 .column-4-3 { float:right; margin:0; } .tabulor-5 .column-4 { float:right; margin:0; } .tabulor-5 .column-4-3 { float:left; margin:0; } .tabulor-6 .column-3 { float:left; margin:0 0 0 12px; padding:16px 0 0 0; } .tabulor-6 .column-3-2 { float:right; margin:0 12px 0 0; } .tabulor-7 .column-3 { float:right; margin:0 12px 0 0; padding:16px 0 0 0; } .tabulor-7 .column-3-2 { float:left; margin:0 0 0 12px; } .tabulor-8 .column-4 { float:left; margin:0 0 0 8px; } .tabulor-9 .column-3 { float:left; margin:0; } .tabulor-9 .column-3-2 { float:right; margin:0; width:620px; } .tabulor-10 .column-3 { float:right; margin:0; } .tabulor-10 .column-3-2 { float:left; margin:0; width:620px; } .tabulor-11 .column-4 { float:left; margin:0; } .tabulor-11 .column-4-3 { float:right; margin:0; } /* ============================== Content Styles ============================== */ /* ----- Default ----- */ .tabulor-2 { padding-bottom:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left bottom; } .tabulor-2 .slider { padding-top:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left top; } .tabulor-3 .column-2 { padding-bottom:8px; background:transparent url(./../gfx/column-2-bg.gif) no-repeat left bottom; } .tabulor-3 .column-2 .slider { background:transparent url(./../gfx/column-2-bg.gif) no-repeat left top; } .tabulor-6 { padding-bottom:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left bottom; } .tabulor-6 .slider { padding-top:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left top; } .tabulor-7 { padding-bottom:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left bottom; } .tabulor-7 .slider { padding-top:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left top; } .tabulor-8 .column-4 { padding-bottom:8px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left bottom; } .tabulor-8 .column-4 .slider { padding-top:8px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left top; } .tabulor-8 .column-4-3 { padding-bottom:8px; background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left bottom; } .tabulor-8 .column-4-3 .slider { padding-top:8px; background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left top; } .tabulor-9 .column-3 { padding-bottom:8px; background:transparent url(./../gfx/column-3-bg.gif) no-repeat left bottom; } .tabulor-9 .column-3 .slider { padding-top:8px; background:transparent url(./../gfx/column-3-bg.gif) no-repeat left top; } .tabulor-9 .column-3-2 { padding-bottom:8px; background:transparent url(./../gfx/column-3-2-bg.gif) no-repeat left bottom; } .tabulor-9 .column-3-2 .slider { padding-top:8px; background:transparent url(./../gfx/column-3-2-bg.gif) no-repeat left top; } .tabulor-10 .column-3 { padding-bottom:8px; background:transparent url(./../gfx/column-3-bg.gif) no-repeat left bottom; } .tabulor-10 .column-3 .slider { padding-top:8px; background:transparent url(./../gfx/column-3-bg.gif) no-repeat left top; } .tabulor-10 .column-3-2 { padding-bottom:8px; background:transparent url(./../gfx/column-3-2-bg.gif) no-repeat left bottom; } .tabulor-10 .column-3-2 .slider { padding-top:8px; background:transparent url(./../gfx/column-3-2-bg.gif) no-repeat left top; } .tabulor-11 { padding-bottom:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left bottom; } .tabulor-11 .slider { padding-top:8px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left top; } /* ----- Styles ----- */ /* ============================== Content General ============================== */ /* ----- Notes ----- */ #content .notes { display:block; clear:both; margin:16px 8px 0 8px; padding-top:4px; background:transparent url(./../gfx/notes-bg.gif) repeat-x left top; } #content .notes p { padding:4px 10px 0 10px; font-size:11px; color:#666; } #content .notes a { font-size:11px; color:#666; } #content .notes a:hover { color:#444; border-top:1px dotted #666; border-bottom:1px dotted #666; } /* ----- Messages ----- */ #content #messages {} #content #messages p { padding:4px 18px 0 18px; } #content #messages a {} #content #messages .success { margin:8px 8px 0 8px; padding-bottom:12px; width:936px; background:transparent url(./../gfx/messages-bg.gif) no-repeat 0 bottom; } #content #messages .success .slider { padding:12px 0 6px 0; background:transparent url(./../gfx/messages-bg.gif) no-repeat 0 top; } #content #messages .notice { margin:8px 8px 0 8px; padding-bottom:8px; width:936px; background:transparent url(./../gfx/messages-bg.gif) no-repeat -1200px bottom; } #content #messages .notice .slider { padding:12px 0 6px 0; background:transparent url(./../gfx/messages-bg.gif) no-repeat -1200px top; } #content #messages .error { margin:8px 8px 0 8px; padding-bottom:8px; width:936px; background:transparent url(./../gfx/messages-bg.gif) no-repeat -2400px bottom; } #content #messages .error .slider { padding:12px 0 6px 0; background:transparent url(./../gfx/messages-bg.gif) no-repeat -2400px top; } /* ----- Boxes ----- */ #content .box { margin:0 16px 0 16px; padding:0; } #content .box .slider { background:none; } #content .box ul { padding:4px 10px; } #content .box ul li { display:inline; padding:0; background:none; } #content .box ul li a { display:block; padding:8px 0 8px 16px; font-size:11px; line-height:16px; color:#666; background:transparent url(./../gfx/box-link-bg.gif) no-repeat left top; overflow:hidden; } #content .box ul li a:hover { color:#000; background-position:0 -80px; } #content .box ul li a.current { color:#000; } #content .box h5 { padding:0 10px 4px 10px; } #content .box p { padding:6px 10px 8px 10px; font-size:11px; line-height:16px; } #content .box p a { font-size:11px; } #content .box dl { padding:6px 10px 4px 10px; font-size:11px; } #content .box dl dt { width:120px; } #content .box dl dd { margin:0 0 0 120px; } #content .box ul li h5 a { margin:0; padding:4px 0; font-size:12px; line-height:12px; font-weight:bold; color:#333; background:none; } #content .box .headline { display:block; padding:8px 10px 0 10px; color:#888; font-size:11px; font-weight:bold; background:none; } #content .box.menu { margin-top:16px; } #content .box.menu ul {} #content .box.menu ul li {} #content .box.menu ul li a { padding:8px 16px 8px 0; background-position:right -160px; } #content .box.menu ul li a:hover { color:#000; background-position:right -240px; } #content .box.information { margin:16px 16px 0 16px; padding-bottom:8px; background:transparent url(./../gfx/box-bg.gif) no-repeat left bottom; overflow:hidden; } #content .box.information .slider { margin:0; padding-top:8px; background:transparent url(./../gfx/box-bg.gif) no-repeat left top; } #content .box.newsletter { margin:16px 16px 0 16px; padding-bottom:8px; background:transparent url(./../gfx/box-bg.gif) no-repeat left bottom; overflow:hidden; } #content .box.newsletter .slider { margin:0; background:transparent url(./../gfx/box-bg.gif) no-repeat left top; } #content .box.newsletter form input { width:232px; } #content .box.newsletter form label { font-size:11px; } #content .box.newsletter form .form-submit { padding:0 8px; } #content ul.manufacturer { margin:0; padding:0; list-style:none; } #content ul.manufacturer li { float:left; padding:0; background:none; } #content ul.manufacturer li a { display:block; padding:0; width:130px; height:72px; } #content ul.manufacturer li a { background:transparent url(./../gfx/manufacturer.gif) no-repeat left top; text-indent:-9999px; overflow:hidden; } #content ul.manufacturer li#manufacturer-artemide a { background-position:-200px 0; } #content ul.manufacturer li#manufacturer-artemide a:hover { background-position:-200px -80px; } #content ul.manufacturer li#manufacturer-flos a { background-position:-400px 0; } #content ul.manufacturer li#manufacturer-flos a:hover { background-position:-400px -80px; } #content ul.manufacturer li#manufacturer-catellani-smith a { background-position:-600px 0; } #content ul.manufacturer li#manufacturer-catellani-smith a:hover { background-position:-600px -80px; } #content ul.manufacturer li#manufacturer-ingo-maurer a { background-position:-800px 0; } #content ul.manufacturer li#manufacturer-ingo-maurer a:hover { background-position:-800px -80px; } #content ul.manufacturer li#manufacturer-oluce a { background-position:-1000px 0; } #content ul.manufacturer li#manufacturer-oluce a:hover { background-position:-1000px -80px; } #content ul.manufacturer li#manufacturer-anta a { background-position:-1200px 0; } #content ul.manufacturer li#manufacturer-anta a:hover { background-position:-1200px -80px; } #content ul.manufacturer li#manufacturer-louis-poulsen a { background-position:-1400px 0; } #content ul.manufacturer li#manufacturer-louis-poulsen a:hover { background-position:-1400px -80px; } /* ============================== L1 Content Shop ============================== */ #content.shop {} /* ============================== L1.1 Content Shop Error ============================== */ #content.shop-error {} /* ============================== L2 Content Category ============================== */ #content.category, #content.category-designer {display:inline-block;} /* ----- Content Category Products ----- */ #content.category #category-products { position:relative; padding-bottom:8px; background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left bottom; } #content.category #category-products .slider { background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left top; } #content.category #category-products h3 { padding:10px 0 4px 12px; } #content.category #category-products small.index { position:absolute; right:12px; top:16px; font-size:11px; } /* ----- Content Category Products Sorting ----- */ #content.category .category-sorting { display:block; padding-left:4px; height:36px; background:transparent url(./../gfx/category-sorting-bg.gif) repeat-x left top; } #content.category .category-sorting small { float:left; padding:11px 8px 10px 8px; font-size:12px; } #content.category .category-sorting ul {} #content.category .category-sorting ul li { float:left; padding:0; background:none; } #content.category .category-sorting li a { display:block; padding:8px; font-size:12px; } #content.category .category-sorting li a.active { font-weight:bold; } /* ----- Content Category Products Pagination ----- */ #content.category .category-pagination { clear:both; padding:8px 0 0 0; width:700px; height:40px; } #content.category .category-pagination.top {} #content.category .category-pagination.bottom {} #content.category .category-pagination a.previous-page { outline:none; text-indent:-9999px; display:block; float:left; padding:8px; width:32px; height:24px } #content.category .category-pagination a.next-page { outline:none; text-indent:-9999px; display:block; float:right; padding:8px; width:32px; height:24px } #content.category .category-pagination.top a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -40px; } #content.category .category-pagination.top a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 0; } #content.category .category-pagination.top a.previous-page:hover { background-position:-120px -40px; } #content.category .category-pagination.top a.next-page:hover { background-position:-120px 0; } #content.category .category-pagination.bottom a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -120px; } #content.category .category-pagination.bottom a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -80px; } #content.category .category-pagination.bottom a.previous-page:hover { background-position:-120px -120px; } #content.category .category-pagination.bottom a.next-page:hover { background-position:-120px -80px; } #content.category .category-pagination .pages { margin:0 auto; text-align:center; } #content.category .category-pagination .pages ul { padding:10px 0 0 0; } #content.category .category-pagination .pages ul li { display:inline; padding:0; background:none; } #content.category .category-pagination .pages ul li a { padding:0 4px 0 12px; font-size:14px; background:transparent url(./../gfx/pagination-item.gif) no-repeat left top; } #content.category .category-pagination .pages ul li.first a { padding:0 4px 0 4px; background:0 none; } #content.category .category-pagination .pages ul li a.current { font-weight:bold; } #content.category .category-pagination.top-first a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px -40px; } #content.category .category-pagination.top-first a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 0; } #content.category .category-pagination.top-first a.previous-page:hover { background-position:-168px -40px; } #content.category .category-pagination.top-first a.next-page:hover { background-position:-120px 0; } #content.category .category-pagination.top-last a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -40px; } #content.category .category-pagination.top-last a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px 0; } #content.category .category-pagination.top-last a.previous-page:hover { background-position:-120px -40px; } #content.category .category-pagination.top-last a.next-page:hover { background-position:-168px 0; } #content.category .category-pagination.bottom-first a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px -120px; } #content.category .category-pagination.bottom-first a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -80px; } #content.category .category-pagination.bottom-first a.previous-page:hover { background-position:-168px -120px; } #content.category .category-pagination.bottom-first a.next-page:hover { background-position:-120px -80px; } #content.category .category-pagination.bottom-last a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -120px; } #content.category .category-pagination.bottom-last a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px -80px; } #content.category .category-pagination.bottom-last a.previous-page:hover { background-position:-120px -120px; } #content.category .category-pagination.bottom-last a.next-page:hover { background-position:-168px -80px; } /* ----- Content Category Products List ----- */ #content.category .category-product-list { margin:0 6px 0 6px; } #content.category .category-product-list .item { display:block; float:left; width:172px; height:288px; text-align:center; line-height:16px; overflow:hidden; } #content.category .category-product-list .item a { display:block; font-size:11px; } #content.category .category-product-list .item h4 { display:block; margin:0; padding:0; font-size:11px; } #content.category .category-product-list .item .price.retail { padding:0 2px 0 6px; font-size:11px; font-weight:bold; color:#900; text-decoration:none; background:transparent url(./../gfx/category-price-retail-bg.gif) no-repeat center top; } #content.category .category-product-list .item .price.sell {} #content.category .category-product-list .item a img { padding:14px 10px 8px 10px; background:transparent url(./../gfx/product-list-item.gif) no-repeat 0 0; } #content.category .category-product-list .item a:hover img { background-position:-200px 0; } #content.category .category-product-list .item small { display:block; margin:2px 12px; padding:2px 0 0 0; font-size:11px; border-top:1px solid #ddd; } /* ----- Content Category Navigation ----- */ #content.category #category-navigation { margin:0 0 16px 0; padding-bottom:8px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left bottom; overflow:hidden; } #content.category #category-navigation .slider { margin:0; padding-top:1px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left top; } #content.category #category-navigation h5 { margin:0 1px; padding:6px 8px; font-size:14px; font-weight:bold; background:#ece9df; } #content.category #category-navigation a.parent { display:block; padding:6px 8px 6px 16px; font-size:12px; color:#888; background:transparent url(./../gfx/category-navigation.gif) no-repeat 0 0; overflow:hidden; } #content.category #category-navigation a.parent:hover { color:#222; background-position:-240px 0; } #content.category #category-navigation ul { margin:8px 0; padding:0; } #content.category #category-navigation ul li { margin:0; padding:0; background:none; } #content.category #category-navigation ul li a { display:block; margin:0; padding:0 0 0 16px; height:24px; font-size:12px; background:transparent url(./../gfx/category-navigation.gif) no-repeat 0 -40px; white-space:nowrap; overflow:hidden; } #content.category #category-navigation ul li a:hover { background-position:-240px -40px; } #content.category #category-navigation ul li a.active { font-weight:bold; background:transparent url(./../gfx/category-navigation.gif) no-repeat 0 -120px; } #content.category #category-navigation ul li a.active:hover { background-position:-240px -120px; } #content.category #category-navigation ul ul { margin:0; } #content.category #category-navigation ul ul li a { padding:0 0 0 32px; background:transparent url(./../gfx/category-navigation.gif) no-repeat 16px -80px; } #content.category #category-navigation ul ul li a:hover { background-position:-224px -80px; } #content.category #category-navigation ul ul li a.active { background-position:16px -120px; } #content.category #category-navigation ul ul li a.active:hover { background-position:-224px -120px; } #content.category #category-navigation ul ul ul li a { padding:0 0 0 48px; background:transparent url(./../gfx/category-navigation.gif) no-repeat 32px -80px; } #content.category #category-navigation ul ul ul li a:hover { background-position:-208px -80px; } #content.category #category-navigation ul ul ul li a.active { background-position:32px -120px; } #content.category #category-navigation ul ul ul li a.active:hover { background-position:-208px -120px; } /* ----- Content Category Filter ----- */ #content.category #category-filter h6.accordion_toggle {background: url(./../gfx/nav-filter-arrow.gif) no-repeat 200px 6px #ECE9DF;} #content.category #category-filter h6.accordion_toggle_active {background: url(./../gfx/nav-filter-arrow.gif) no-repeat 200px -37px #ECE9DF;} #content.category-designer #category-filter h6.accordion_toggle {background: url(./../gfx/nav-filter-arrow.gif) no-repeat 200px 6px #ECE9DF;} #content.category-designer #category-filter h6.accordion_toggle_active {background: url(./../gfx/nav-filter-arrow.gif) no-repeat 200px -37px #ECE9DF;} #content.category #category-filter { margin:0; padding-bottom:8px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left bottom; overflow:hidden; } #content.category #category-filter .slider { margin:0; padding-top:1px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left top; } #content.category #category-filter h5 { margin:0 1px; padding:6px 8px; font-size:14px; font-weight:bold; background:#ece9df; } #content.category #category-filter h6 { margin:4px; padding:4px 8px; font-size:12px; background:#ece9df; } #content.category #category-filter ul { margin:8px 0; padding:0; } #content.category #category-filter ul li { margin:0; padding:0; background:none; } #content.category #category-filter ul li a { display:block; margin:0; padding:0 0 0 24px; height:20px; line-height:20px; font-size:11px; background:transparent url(./../gfx/category-filter-item.gif) no-repeat 12px -2px; } /* ----- Content Category Filter Active ----- */ #content.category #category-filter-active {} #content.category #category-filter-active ul {} #content.category #category-filter-active ul li { display:inline; font-size:11px; } #content.category #category-filter-active ul li span { display:block; padding:2px 0 4px 16px; } #content.category #category-filter-active ul li strong { color:#333; } #content.category #category-filter-active ul li a { height:20px; line-height:20px; font-size:11px; } #content.category #category-filter-active a.filter-delete { text-indent:-9999px; display:block; float:right; margin:0 4px 0 0; padding:0; width:22px; height:22px; background:transparent url(./../gfx/filter-delete.gif) no-repeat left top; } #content.category #category-filter-active a.filter-delete-all { padding-left:24px; line-height:20px; font-size:11px; background:transparent url(./../gfx/category-filter-item.gif) no-repeat 12px -5px; } /* ----- Content Category Context ----- */ #context { margin:16px 8px 0 8px; width:936px; } #context .column-1 {float:left; width:936px; background:transparent url(./../gfx/column-1-bg.gif) no-repeat left bottom;} #context .column-2 {float:left; width:436px; margin: 0 16px 0 16px;} #context .column-4 {float:left; margin:0px; width:208px; padding:0 16px 0 0;} #context .column-4.right {padding:0 0 0 0;} #context .column-4-3 {float:right; width:700px; margin:0px; background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left bottom;} #context .column-3 {width:668px; display:inline-block; padding:0px 16px;} #context .column-2-3 {float:left; width:418px; margin:0 16px 0 0;} #context .column-1-3 {float:right; width:216px; padding:0 16px 0 0;} #context .slider { background:transparent url(./../gfx/column-1-bg.gif) no-repeat left top; } #context h3 {font-size:16px; padding:24px 0 0 16px;} #context h5 {font-size:12px; font-weight:bold; color: #444; margin:0 0 8px 0;} #context .column-3 h3 {padding:24px 0 0 0;} #context p {font-size: 12px; margin:0 0 16px 0;} #context ul {margin:0 0 16px 0; padding:0;} #context ul li {padding:0 0 2px 0;} /* ============================== L2.1 Content Category Designer ============================== */ #content.category-designer {} /* ----- Content Category Image ----- */ #content.category-designer .category-image { display:block; padding:4px 12px; } #content.category-designer .category-image img { padding:8px; } /* ----- Content Category Products ----- */ #content.category-designer #category-products { position:relative; padding-bottom:8px; background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left bottom; } #content.category-designer #category-products .slider { background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left top; } #content.category-designer #category-products h3 { padding:10px 0 4px 12px; } #content.category-designer #category-products small.index { position:absolute; right:12px; top:16px; font-size:11px; } /* ----- Content Category Products Sorting ----- */ #content.category-designer .category-sorting { display:block; padding-left:4px; height:36px; background:transparent url(./../gfx/category-sorting-bg.gif) repeat-x left top; } #content.category-designer .category-sorting small { float:left; padding:11px 8px 10px 8px; font-size:12px; } #content.category-designer .category-sorting ul {} #content.category-designer .category-sorting ul li { float:left; padding:0; background:none; } #content.category-designer .category-sorting li a { display:block; padding:8px; font-size:12px; } #content.category-designer .category-sorting li a.active { font-weight:bold; } /* ----- Content Category Products Pagination ----- */ #content.category-designer .category-pagination { clear:both; padding:8px 0 0 0; width:700px; height:40px; } #content.category-designer .category-pagination.top {} #content.category-designer .category-pagination.bottom {} #content.category-designer .category-pagination a.previous-page { outline:none; text-indent:-9999px; display:block; float:left; padding:8px; width:32px; height:24px } #content.category-designer .category-pagination a.next-page { outline:none; text-indent:-9999px; display:block; float:right; padding:8px; width:32px; height:24px } #content.category-designer .category-pagination.top a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -40px; } #content.category-designer .category-pagination.top a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 0; } #content.category-designer .category-pagination.top a.previous-page:hover { background-position:-120px -40px; } #content.category-designer .category-pagination.top a.next-page:hover { background-position:-120px 0; } #content.category-designer .category-pagination.bottom a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -120px; } #content.category-designer .category-pagination.bottom a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -80px; } #content.category-designer .category-pagination.bottom a.previous-page:hover { background-position:-120px -120px; } #content.category-designer .category-pagination.bottom a.next-page:hover { background-position:-120px -80px; } #content.category-designer .category-pagination .pages { margin:0 auto; text-align:center; } #content.category-designer .category-pagination .pages ul { padding:10px 0 0 0; } #content.category-designer .category-pagination .pages ul li { display:inline; padding:0; background:none; } #content.category-designer .category-pagination .pages ul li a { padding:0 4px 0 12px; font-size:14px; background:transparent url(./../gfx/pagination-item.gif) no-repeat left top; } #content.category-designer .category-pagination .pages ul li.first a { padding:0 4px 0 4px; background:0 none; } #content.category-designer .category-pagination .pages ul li a.current { font-weight:bold; } #content.category-designer .category-pagination.top-first a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px -40px; } #content.category-designer .category-pagination.top-first a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 0; } #content.category-designer .category-pagination.top-first a.previous-page:hover { background-position:-168px -40px; } #content.category-designer .category-pagination.top-first a.next-page:hover { background-position:-120px 0; } #content.category-designer .category-pagination.top-last a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -40px; } #content.category-designer .category-pagination.top-last a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px 0; } #content.category-designer .category-pagination.top-last a.previous-page:hover { background-position:-120px -40px; } #content.category-designer .category-pagination.top-last a.next-page:hover { background-position:-168px 0; } #content.category-designer .category-pagination.bottom-first a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px -120px; } #content.category-designer .category-pagination.bottom-first a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -80px; } #content.category-designer .category-pagination.bottom-first a.previous-page:hover { background-position:-168px -120px; } #content.category-designer .category-pagination.bottom-first a.next-page:hover { background-position:-120px -80px; } #content.category-designer .category-pagination.bottom-last a.previous-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat 0 -120px; } #content.category-designer .category-pagination.bottom-last a.next-page { background:transparent url(./../gfx/pagination-prevnextpage.gif) no-repeat -48px -80px; } #content.category-designer .category-pagination.bottom-last a.previous-page:hover { background-position:-120px -120px; } #content.category-designer .category-pagination.bottom-last a.next-page:hover { background-position:-168px -80px; } /* ----- Content Category Products List ----- */ #content.category-designer .category-product-list { margin:0 6px 0 6px; } #content.category-designer .category-product-list .item { display:block; float:left; width:172px; height:288px; text-align:center; line-height:16px; overflow:hidden; } #content.category-designer .category-product-list .item a { display:block; font-size:11px; } #content.category-designer .category-product-list .item h4 { display:block; margin:0; padding:0; font-size:11px; } #content.category-designer .category-product-list .item .price.retail { padding:0 2px 0 6px; font-size:11px; font-weight:bold; color:#900; text-decoration:none; background:transparent url(./../gfx/category-price-retail-bg.gif) no-repeat center top; } #content.category-designer .category-product-list .item .price.sell {} #content.category-designer .category-product-list .item a img { padding:14px 10px 8px 10px; background:transparent url(./../gfx/product-list-item.gif) no-repeat 0 0; } #content.category-designer .category-product-list .item a:hover img { background-position:-200px 0; } #content.category-designer .category-product-list .item small { display:block; margin:2px 12px; padding:2px 0 0 0; font-size:11px; border-top:1px solid #ddd; } /* ----- Content Category Navigation ----- */ #content.category-designer #category-navigation { margin:0 0 16px 0; padding-bottom:8px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left bottom; overflow:hidden; } #content.category-designer #category-navigation .slider { margin:0; padding-top:1px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left top; } #content.category-designer #category-navigation h5 { margin:0 1px; padding:6px 8px; font-size:14px; font-weight:bold; background:#ece9df; } #content.category-designer #category-navigation a.parent { display:block; padding:6px 8px 6px 16px; font-size:12px; color:#888; background:transparent url(./../gfx/category-navigation.gif) no-repeat 0 0; overflow:hidden; } #content.category-designer #category-navigation a.parent:hover { color:#222; background-position:-240px 0; } #content.category-designer #category-navigation ul { margin:8px 0; padding:0; } #content.category-designer #category-navigation ul li { margin:0; padding:0; background:none; } #content.category-designer #category-navigation ul li a { display:block; margin:0; padding:0 0 0 16px; height:24px; font-size:12px; background:transparent url(./../gfx/category-navigation.gif) no-repeat 0 -40px; white-space:nowrap; overflow:hidden; } #content.category-designer #category-navigation ul li a:hover { background-position:-240px -40px; } #content.category-designer #category-navigation ul li a.active { font-weight:bold; background:transparent url(./../gfx/category-navigation.gif) no-repeat 0 -120px; } #content.category-designer #category-navigation ul li a.active:hover { background-position:-240px -120px; } #content.category-designer #category-navigation ul ul { margin:0; } #content.category-designer #category-navigation ul ul li a { padding:0 0 0 32px; background:transparent url(./../gfx/category-navigation.gif) no-repeat 16px -80px; } #content.category-designer #category-navigation ul ul li a:hover { background-position:-224px -80px; } #content.category-designer #category-navigation ul ul li a.active { background-position:16px -120px; } #content.category-designer #category-navigation ul ul li a.active:hover { background-position:-224px -120px; } #content.category-designer #category-navigation ul ul ul li a { padding:0 0 0 48px; background:transparent url(./../gfx/category-navigation.gif) no-repeat 32px -80px; } #content.category-designer #category-navigation ul ul ul li a:hover { background-position:-208px -80px; } #content.category-designer #category-navigation ul ul ul li a.active { background-position:32px -120px; } #content.category-designer #category-navigation ul ul ul li a.active:hover { background-position:-208px -120px; } /* ----- Content Category Filter ----- */ #content.category-designer #category-filter { margin:0; padding-bottom:8px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left bottom; overflow:hidden; } #content.category-designer #category-filter .slider { margin:0; padding-top:1px; background:transparent url(./../gfx/column-4-bg.gif) no-repeat left top; } #content.category-designer #category-filter h5 { margin:0 1px; padding:6px 8px; font-size:14px; font-weight:bold; background:#ece9df; } #content.category-designer #category-filter h6 { margin:4px; padding:4px 8px; font-size:12px; background:#ece9df; } #content.category-designer #category-filter ul { margin:8px 0; padding:0; } #content.category-designer #category-filter ul li { margin:0; padding:0; background:none; } #content.category-designer #category-filter ul li a { display:block; margin:0; padding:0 0 0 24px; height:20px; line-height:20px; font-size:11px; background:transparent url(./../gfx/category-filter-item.gif) no-repeat 12px -2px; } /* ----- Content Category Filter Active ----- */ #content.category-designer #category-filter-active {} #content.category-designer #category-filter-active ul {} #content.category-designer #category-filter-active ul li { display:inline; font-size:11px; } #content.category-designer #category-filter-active ul li span { display:block; padding:2px 0 4px 16px; } #content.category-designer #category-filter-active ul li strong { color:#333; } #content.category-designer #category-filter-active ul li a { height:20px; line-height:20px; font-size:11px; } #content.category-designer #category-filter-active a.filter-delete { text-indent:-9999px; display:block; float:right; margin:0 4px 0 0; padding:0; width:22px; height:22px; background:transparent url(./../gfx/filter-delete.gif) no-repeat left top; } #content.category-designer #category-filter-active a.filter-delete-all { padding-left:24px; line-height:20px; font-size:11px; background:transparent url(./../gfx/category-filter-item.gif) no-repeat 12px -5px; } /* ============================== L3 Content Product ============================== */ #content.product {} /* ----- Content Product Messages ----- */ #content.product #messages table { margin:8px 16px 4px 16px; width:592px; } /* ----- Content Product Headline ----- */ #content.product #product-headline { font-size:32px; padding-top:16px; } #content.product #product-headline .manufacturer { display:block; font-size:14px; font-weight:bold; } #content.product #product-headline.sIFR-replaced { padding-top:0; } /* ----- Content Product Short Description ----- */ #content.product #product-short-description {} #content.product #product-short-description p { padding-top:0; } /* ----- Content Product Advantages ----- */ #content.product #product-advantages {} #content.product #product-advantages ul {} #content.product #product-advantages ul li { padding:0 0 0 18px; line-height:24px; background:transparent url(./../gfx/product-advantages-items.gif) no-repeat left top; } #content.product #product-advantages ul li strong { color:#690; } /* ----- Content Product Selection / Configuration ----- */ #content.product #product-selection { margin:0 0 4px 0; padding:8px 0 0 0; background:transparent url(./../gfx/product-selection.png) no-repeat left top; } #content.product #product-selection .slider { padding:0 12px 32px 12px; background:transparent url(./../gfx/product-selection.png) no-repeat left bottom; } #content.product #product-selection label { padding-left:16px; width:536px; font-size:13px; color:#333; cursor:pointer; } #content.product #product-selection input.radio { margin:8px 8px 0 12px; padding:0; } #content.product #product-selection table { width:100%; font-size:12px; color:#333; } #content.product #product-selection td { padding:0 0 6px 0; border:0 none; vertical-align:middle; } #content.product #product-selection td.product { padding:4px 0 0 0; border-top:1px solid #fff; } #content.product #product-selection td.sku {} #content.product #product-selection td.sku span { padding:2px 0 4px 32px; font-size:11px; } #content .delivery span { margin-left:16px; padding:2px 0 4px 36px; font-size:11px; } #content .delivery .replenishment-0 { background:transparent url(./../gfx/replenishment.gif) no-repeat 0 0; } #content .delivery .replenishment-1 { background:transparent url(./../gfx/replenishment.gif) no-repeat 0 0; } #content .delivery .replenishment-2 { background:transparent url(./../gfx/replenishment.gif) no-repeat 0 0; } #content .delivery .replenishment-3 { background:transparent url(./../gfx/replenishment.gif) no-repeat 0 -32px; } #content .delivery .replenishment-4 { background:transparent url(./../gfx/replenishment.gif) no-repeat 0 -32px; } #content .delivery .replenishment-5 { background:transparent url(./../gfx/replenishment.gif) no-repeat 0 -64px; } #content .delivery .extended_status-0 { padding-left:0 !important; background:none; } #content .delivery .extended_status-1 { padding-left:0 !important; background:none; } #content .delivery .extended_status-2 { background:transparent url(./../gfx/extended-status.gif) no-repeat 0 -32px; } #content .delivery .extended_status-3 { background:transparent url(./../gfx/extended-status.gif) no-repeat 0 -64px; } #content .delivery .extended_status-4 { background:transparent url(./../gfx/extended-status.gif) no-repeat 0 -32px; } #content .delivery .extended_status-5 { background:transparent url(./../gfx/extended-status.gif) no-repeat 0 -128px; } #content .delivery .extended_status-6 { background:transparent url(./../gfx/extended-status.gif) no-repeat 0 -160px; } #content.product #product-selection td.price { text-align:right; } #content.product #product-selection td.price.retail span { color:#666; background:transparent url(./../gfx/price-retail-bg.gif) no-repeat right top; font-weight:bold; } #content.product #product-selection td.price.sell { padding-right:16px; font-size:15px; font-weight:bold; color:#444; } #content.product #product-selection td.percent { text-align:right; } #content.product #product-selection td.percent.saving { font-weight:bold; color:#690; } #content.product #product-selection td.percent.saving span { padding:0 0 0 12px; font-weight:bold; color:#690; background:transparent url(./../gfx/percent-saving-bg.gif) no-repeat left top; } #content.product #product-selection .form-submit { padding:12px 16px 0 16px; border-top:1px solid #fff; } /* ----- Content Product Tools ----- */ #content.product #product-tools { display:block; margin:0 12px; padding:2px 0; background:transparent url(./../gfx/product-tools-bg.gif) repeat-x left top; } #content.product #product-tools ul { margin:0; padding:4px 0; height:40px; } #content.product #product-tools ul li { float:left; margin:0 32px 0 0; padding:0; background:none; } #content.product #product-tools ul li a {} #content.product #product-tools ul li a:focus { outline:none; } #content.product #product-tools a.tool { display:block; padding:5px 0 7px 32px; font-size:12px; } #content.product #product-tools a.tool:hover {} #content.product #product-tools button.product-to-list { padding:7px 0 5px 32px; text-align:left; width:127px; border:0 none; background:transparent url(./../gfx/tool-items.gif) no-repeat 0 0; } #content.product #product-tools button.product-to-list:hover { background-position:-320px 0; } #content.product #product-tools button.product-to-list span {} #content.product #product-tools button.product-to-list:hover span { text-decoration:underline; } #content.product #product-tools a.tool.product-to-list { background:transparent url(./../gfx/tool-items.gif) no-repeat 0 0; } #content.product #product-tools a.tool.product-to-list:hover { background-position:-320px 0; } #content.product #product-tools a.tool.recommend { padding-left:36px; background:transparent url(./../gfx/tool-items.gif) no-repeat 0 -40px; } #content.product #product-tools a.tool.recommend:hover { background-position:-320px -40px; } #content.product #product-tools a.tool.print { padding-left:34px; background:transparent url(./../gfx/tool-items.gif) no-repeat 0 -80px; } #content.product #product-tools a.tool.print:hover { background-position:-320px -80px; } /* ----- Content Product Tool 'product to list' ----- */ #content.product #product-to-list { display:block; margin:0 12px; padding:4px; border:1px solid #ddd; } #content.product #product-to-list table { width:100%; background:#f2efea; } /* ----- Content Product Service ----- */ #content.product #product-service { margin:12px 12px 12px 12px; height:144px; } #content.product #product-service ul { padding:0; } #content.product #product-service ul li { float:left; margin:1px; padding:0; background:none; } #content.product #product-service ul li a { display:block; margin:0; } #content.product #product-service ul li a img {} /* ----- Content Product Images ----- */ #content.product #product-images { margin:0 10px 0 10px; } #content.product #product-images img {} #content.product #product-images a { margin:0; } /* ----- Content Product Thumbnails ----- */ #content.product #product-thumbnails { margin:8px 10px 0 10px; } #content.product #product-thumbnails ul { padding:0 2px; } #content.product #product-thumbnails ul li { float:left; margin:0; padding:0; background:none; } #content.product #product-thumbnails ul li a { display:block; padding:0 6px 0 0; } /* ----- Content Product Documents ----- */ #content.product #product-documents { clear:both; padding:16px 10px; } #content.product #product-documents ul { padding:0; } #content.product #product-documents ul li { margin:0; padding:0; } #content.product #product-documents ul li a { display:block; margin:0; padding:3px 0 5px 24px; font-size:12px; background:transparent url(./../gfx/tool-items.gif) no-repeat 0 -120px; } #content.product #product-documents ul li a:hover { background-position:-320px -120px; } /* ----- Content Product Description ----- */ #content.product #product-description {} /* ----- Content Product Details ----- */ #content.product #product-details {} #content.product #product-details h4 { padding:4px 18px 4px 18px; font-size:11px; font-weight:bold; } #content.product #product-details dl {} #content.product #product-details dl dt { display:table-cell; width:160px; } #content.product #product-details dl dd { display:table-cell; width:412px; } /* ----- Content Product Attributes ----- */ span.energylabel-1 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 0; text-indent:-9999px; } span.energylabel-2 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 -32px; text-indent:-9999px; } span.energylabel-3 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 -64px; text-indent:-9999px; } span.energylabel-4 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 -96px; text-indent:-9999px; } span.energylabel-5 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 -128px; text-indent:-9999px; } span.energylabel-6 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 -160px; text-indent:-9999px; } span.energylabel-7 { display:block; width:160px; height:28px; background:transparent url(./../gfx/energylabel.gif) no-repeat 0 -192px; text-indent:-9999px; } span.label-1 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat 0 -80px; text-indent:-9999px; } span.label-2 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -40px -80px; text-indent:-9999px; } span.label-3 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -80px -80px; text-indent:-9999px; } span.label-4 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -120px -80px; text-indent:-9999px; } span.label-5 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -160px -80px; text-indent:-9999px; } span.test_mark-1 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat 0 -120px; text-indent:-9999px; } span.test_mark-2 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -40px -120px; text-indent:-9999px; } span.test_mark-3 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -80px -120px; text-indent:-9999px; } span.test_mark-4 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -120px -120px; text-indent:-9999px; } span.test_mark-5 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -160px -120px; text-indent:-9999px; } span.test_mark-6 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -200px -120px; text-indent:-9999px; } span.test_mark-7 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -240px -120px; text-indent:-9999px; } span.test_mark-8 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -280px -120px; text-indent:-9999px; } span.test_mark-9 { display:block; float:left; width:36px; height:36px; background:transparent url(./../gfx/product-attributes.gif) no-repeat -320px -120px; text-indent:-9999px; } /* ----- Content Product Related Products ----- */ #content.product #related-products { margin:16px 0 0 0; } #content.product #related-products h4 { margin-top:8px; } #content.product #related-products ul#related-products-tabs { display:block; margin:0 8px; padding:0; height:28px; background:transparent url(./../gfx/related-products-tabs.gif) repeat-x left bottom; } #content.product #related-products ul#related-products-tabs li { display:inline; padding:0; background:none; } #content.product #related-products ul#related-products-tabs li a { outline:none; display:block; float:left; padding:4px 0 0 20px; width:148px; height:24px; color:#666; text-decoration:none; background:transparent url(./../gfx/related-products-tabs-item.gif) no-repeat 0 -40px; } #content.product #related-products ul#related-products-tabs li a.active { color:#222; background-position:0 0; } #content.product #related-products ul#related-products-tabs li a:hover { color:#000; background-position:0 -80px; } #content.product #related-products ul#related-products-tabs li a.active:hover { background-position:0 0; } #content.product #related-products .panel { padding:0 12px 32px 12px; background:transparent url(./../gfx/related-products-panel.gif) no-repeat left bottom; } #content.product #related-products .panel .slider { padding-top:8px; background:none; } #content.product #related-products .cart-quantity {} #content.product #related-products table.table-product-list { margin:0 auto; width:98%; } /* ----- Content Product Family ----- */ #content.product #product-family { margin:24px 0 0 0; } #content.product #product-family .family-product-list { margin:8px 10px 0 10px; } #content.product #product-family .family-product-list .item { display:block; float:left; margin:4px 10px; } /* ============================== L3.1 Content Product Question ============================== */ #content.product-question {} #content.product-question table { width:592px; } #content.product-question table.table-product-list { width:592px; } /* ============================== L3.2 Content Product Recommend ============================== */ #content.product-recommend {} #content.product-recommend table { width:592px; } #content.product-recommend table.table-product-list { width:592px; } /* ============================== L4 Content Account ============================== */ #content.account {} /* ----- Content Account Index ----- */ #content.account #account-index { position:relative; padding-bottom:8px; background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left bottom; } #content.account #account-index .slider { background:transparent url(./../gfx/column-4-3-bg.gif) no-repeat left top; } #content.account table thead th { border-bottom: 1px solid #7f7f7f; } #content.account table th { color: #777; font-size: 12px; padding: 4px 0 12px 0; } #content.account table tr {} #content.account table tbody td, #content.account table tfoot td { padding: 12px 0; font-size:12px; } #content.account table tbody td { border-bottom: 1px solid #e5e5e5; } #content.account table tbody tr.last td { border-bottom: 1px solid #7f7f7f; } #content.account table tfoot td { border-top: 1px solid #7f7f7f; } #content.account table td.name {} #content.account table td.check { width:24px; } #content.account table td.date {} #content.account table td.product {} #content.account table td.product img { float:left; margin-right:16px; padding:1px; background:#fff; border:1px solid #ddd; } #content.account table td.price { width:80px; text-align:right; white-space:nowrap; } #content.account table td.quantity { width:152px; } #content.account table td.amount { width:80px; text-align:right; font-weight:bold; white-space:nowrap; } #content.account table td.term { padding-right:16px; text-align:right; } #content.account table.data-table th { text-align: left; } #content.account table .align-center { text-align: center !important; } #content.account table .align-right { text-align: right; } #content.account h2 { margin:0; padding: 16px 18px 8px 0; font-size:26px; font-weight:normal; color:#222; } #content.account h3 { margin:0; padding:8px 18px 4px 0; font-size:16px; font-weight:normal; color:#222; } #content.account h4 { margin:0; padding:8px 18px 4px 0; font-size:13px; font-weight:bold; color:#444; } #content.account p { padding:8px 18px 16px 0; font-size:13px; line-height:1.5em; color:#333; } #content.account address { height:136px; border-bottom: 1px solid #e5e5e5; padding: 24px 0 16px 0; font-size:12px; line-height:18px; color:#333; font-style:normal; } #content.account table.data-table { border-collapse: collapse; empty-cells: show; margin: 24px 0; width: 576px; } #content.account table.data-table .push-right { padding-right: 16px; } #content.account table.data-table .spacer td { padding: 3px 0 0; } #content.account #my-orders-table col.first { width: 64px; } #content.account #my-orders-table col.second { width: 75px; } #content.account #my-orders-table col.third { width: 165px; } #content.account #my-orders-table col.fourth { width: 115px; } #content.account #my-orders-table col.fifth { width: 69px; } #content.account #my-orders-table col.sixth { width: 41px; } #content.account #my-order-table col.first { width: 172px; } #content.account #my-order-table col.second { width: 96px; } #content.account #my-order-table col.third { width: 80px; } #content.account #my-order-table col.fourth { width: 96px; } #content.account #my-order-table col.fifth { width: 98px; } #content.account #my-order-table .sum td { border: none; padding: 12px 0 0; } #content.account #my-order-table .sum.first td { border-top: 1px solid #e5e5e5; } #content.account #my-order-table .sum.last td { border-bottom: 1px solid #e5e5e5; padding-bottom: 12px; } #content.account #my-order-table .total { font-weight: bold; } #content.account .order-details { border-bottom: 1px solid #e5e5e5; list-style: none; margin: 0 0 16px 0; padding: 0; width: 576px; } #content.account .order-details .item { background: none; font-size: 12px; margin: 0 0 12px 0; padding: 0; } #content.account .order-details .item .label { float: left; font-weight: bold; width: 110px; } #content.account .order-details .item .value { float: left; width: 260px; } #content.account .order-comments { padding-top: 16px; } #content.account .order-comments .order-details { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #777; margin: 8px 0; padding: 16px 0 8px 0; } #content.account .order-comments .order-details .value { width: 420px; } #content.account .form-hint { color: #777; font-size: 11px; } #content.account a.def { margin:0; padding:0; color:#444; font-weight:bold; background:none; border-bottom:1px dotted #bbb; } #content.account a.def:hover { color:#000; text-decoration:none; border-top:1px dotted #444; border-bottom:1px dotted #444; } #content.account .icon { border: none !important; display: block; text-indent: -10000em; } #content.account .icon.status { background-image: url('./../gfx/account_icons.png'); margin: 0 auto; height: 15px; width: 15px; } #content.account .status.stat-pending { background-position: -18px 0; } #content.account .status.stat-cancelled { background-position: -52px 0; } #content.account .status.stat-export { background-position: -35px 0; } #content.account .status.stat-complete { background-position: -69px 0; } #content.account ul.legend .icon.status { float: left; height: 9px; margin: 4px 8px 0 0; width: 9px; } #content.account ul.legend .status.stat-pending { background-position: -86px 0; } #content.account ul.legend .status.stat-cancelled { background-position: -97px 0; } #content.account ul.legend .status.stat-export { background-position: -108px 0; } #content.account ul.legend .status.stat-complete { background-position: -119px 0; } #content.account .icon.view-order { background: url('./../gfx/account_icons.png') 0 0; float: right; height: 15px; width: 15px; } #content.account a.add-new { background: url('./../gfx/icon_add_new.png') right top no-repeat; padding: 1px 20px 3px 0; } + html #content.account a.add-new { background-position: -1px 0; } #content.account a.print-order { background: url('./../gfx/icon_print_order.png') right top no-repeat; padding: 1px 24px 3px 0; } + html #content.account a.print-order { background-position: -1px 0; } #content.account a.link-edit { background: url('./../gfx/icon_edit.png') left 1px no-repeat; padding: 1px 0 3px 17px; } + html #content.account a.link-edit { background-position: -1px 0; } #content.account a.link-delete { background: url('./../gfx/icon_delete.png') left 1px no-repeat; padding: 1px 0 3px 17px; } + html #content.account a.link-delete { background-position: -1px 0; } #content.account .addresses a.link-delete { margin: 0 0 0 12px; } #content.account ul.legend { list-style: none; padding: 0; } #content.account ul.legend li { background: none; font-size: 10px; line-height: 18px; padding: 0; } #content.account .addresses { background: url('./../gfx/1px_7f7f7f.gif') left 36px repeat-x; width: 576px; } #content.account .address-container { padding: 14px 0 24px 0; } #content.account .addresses .entries { border-bottom: 1px solid #7f7f7f; } #content.account .addresses .entry { float: left; width: 264px; } #content.account .addresses .entry p { font-size: 12px; padding: 8px 0 12px 0; } #content.account .addresses .entry { margin-right: 48px; } #content.account .addresses .entry.last { margin: 0; } #content.account .addresses .entry p a { border: none !important; font-weight: 200 !important; } #content.account .addresses .entry p a:hover { text-decoration: underline; } #content.account .addresses .footer { padding: 12px 0 34px 0; } #content.account .c-right { text-align: right; } #content.account .multi-headline { position: relative; } #content.account .headline-button { bottom: 16px; position: absolute; right: 28px; } #content.account .password-notice { line-height: 1.5em; } #content.account .form-note { margin: 0; padding: 0 0 12px 0; } #content.account .form-note p { margin:4px 0 0 0; font-size:11px; color:#777; } #content.account button { margin: 0; } #content.account fieldset { padding: 0; } /* ============================== L4.1 Content Account Login ============================== */ #content.account-login {} #content.account-login h3 { font-size:20px; } #content.account-login .tabulor-3 {} /* ============================== L4.2 Content Account Create ============================== */ #content.account-create {} /* ============================== L5 Content CMS, Empty ============================== */ #content.cms {} #content.cms table {} #content.cms table thead { background:#f2efea; border:1px solid #eeeeee; } #content.cms table th { font-size: 13px; font-weight: bold; } #content.cms table td { border:1px solid #eee; } /* ============================== L5 Content CMS, Questionaire ============================== */ /* Globale Headline mit border, wenn sie im .head-Container ist */ #content .head h2 { border-bottom: 1px solid #7f7f7f; font-size: 16px; margin: 16px 18px 24px 18px; padding: 0 0 8px 0; } #content .head h2 span { display: block; float: left; } #content .head h2 a { display: block; float: right; } /* Globale Form-Definitionen */ #content.cms form fieldset { padding: 0; } #content.cms form input.radio { background: none; border: none; cursor:pointer; float:left; height:12px; margin: 4px; width: 16px; padding: 0; } #content.cms .form-item { padding: 0 0 16px 18px; } #content.cms .form-item.extra { border-top: 1px solid #e5e5e5; margin: 0 18px; padding: 12px 0; } #content.cms .form-item.intended { padding-left: 178px; } #content.cms .form-item.extra.intended { padding-left: 160px; } #content.cms .form-item.required label { font-weight: bold; } #content.cms .form-item input.required-entry {background: url("./../gfx/form-required.gif") no-repeat scroll right top #FFFFFF} #content.cms .form-item label { font-size: 12px; font-weight: normal; cursor: pointer; padding: 5px 0 0; width: 160px; } #content.cms .form-item label, #content.cms .form-item p.input { float: left; } #content.cms .form-item p.input { padding: 0; } #content.cms .form-item input.radio { display: block; float: left; margin: 3px 6px 0 0; } #content.cms .form-item label.radio { display: block; float: left; padding-top: 0; width: 80px; } /* Fuer Label neben Radio/Checkbox */ #content.cms .form-item label.longtext { padding-top: 3px; } #content.cms .form-submit { padding: 32px 18px 18px; } #content.cms .form-submit a.button, #content.cms .form-submit a.button.next { float: right; } #content.cms .form-submit a.button.back { float: left; } #content.cms .form-submit .note { float: left; margin: -4px 0 0; } #content.cms .input-text-1 { margin: 0 16px 0 0; width: 50px; } #content.cms .input-text-2 { width: 160px; } #content.cms .input-text-row { margin-top: 16px; } #content.cms .hidden { display: none; } /* Checkout-Form-Button Ð habe