/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-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. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, #wrapper, button,input, select { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; text-decoration: none; background: transparent; } a:hover,a:hover span{text-decoration:none;} * { margin:0; padding:0;color:#404040; } img { border:0; vertical-align:top; } a { color:#264C7D; text-decoration:none; } a:hover { text-decoration:underline; } :focus { outline: 0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.3; } h2 { font-size:18px; line-height:1.34; } h3 { font-size:16px; font-weight:bold; line-height:1.375; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:middle; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } div.hr { border-top:1px solid #ddd; padding-bottom:10px; } .clear { clear:both; } .overflow {overflow:hidden;} /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-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. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* MASTER CLASSES */ /* SPRITE */ .sprite{background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll 0 0;display:block;} /* @end */ .borderBlock{border:2px solid #DDD;padding:10px;overflow:hidden;} .hidden{display:none;} #wrapper .block{display:block!important;} .relative{position: relative;} #wrapper .noBorder{border:none;} #wrapper .noMargin{margin:0;} .margin-bottom{margin-bottom:10px;} .cleaner{clear:both;} /* @end */ @import url("widget.css"); /* body =========================================================================== */ body{ color:#6C6C6F; font-family:arial, helvetica, sans-serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.55em; background:#FFF; } /* Layout ================================================================================= */ .page { background-color:#fff; margin:0 auto; text-align:left; width:1000px;position:relative; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } /* Base Columns */ .col-left { float:left; width:200px; margin-right:10px; } .col-main,.seoColMain{ float:left; width:790px; } .col-right { float:right; width:225px; padding-left:5px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#444; } input.input-text,select,textarea { background:#fff; border-color:#8E8E8E #C2C2C2 #E2E2E2; border-width:1px; border-style:solid; } input.input-text,textarea {padding: 4px 5px;} input.empty {color:#777;} select { padding:1px; } select option { padding-right:10px; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.qty { width:2.5em !important; } .box{margin:0 10px;} /* RATINGS */ .rating-box {width:69px;height:13px;float:left; background:url(/skin/frontend/zalando/default/images/bg_rating.gif) 0 0 repeat-x; overflow:hidden; } .rating-box .rating{height:12px;background:url(/skin/frontend/zalando/default/images/bg_rating.gif) 0 100% repeat-x; } /* Buttons blue, orange */ button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button { border:none; vertical-align:middle; cursor:pointer; } button span { display:block; white-space:nowrap; font-weight:bold; color:#fff; font-family: Arial, Verdana, sans-serif;} button.blue { background: url(/skin/frontend/zalando/default/images/btnBlueLeft.jpg) center left no-repeat; line-height:25px; padding-left:10px; } button.blue span { background: url(/skin/frontend/zalando/default/images/btnBlue.jpg) center right no-repeat; line-height:22px; padding:0 12px 3px 0; font-size:11px; } button.refresh { background: url(/skin/frontend/zalando/default/images/btnBlueLeft.jpg) center left no-repeat; line-height:25px; padding-left:10px; } button.refresh span { background: url(/skin/frontend/zalando/default/images/btnBlueRefresh.jpg) center right no-repeat; line-height:22px; padding:0 30px 3px 0; font-size:11px; } button.white { background: url(/skin/frontend/zalando/default/images/btnWhiteLeft.jpg) center left no-repeat; line-height:25px; padding-left:10px; } button.white span { background: url(/skin/frontend/zalando/default/images/btnWhite.jpg) center right no-repeat; line-height:22px; padding:0 12px 3px 0; font-size:11px; color:#000; } button.orange { background: url(/skin/frontend/zalando/default/images/btnOrangeLeft.jpg) center left no-repeat; line-height:27px; padding-left:10px; } button.orange span { background: url(/skin/frontend/zalando/default/images/btnOrange.jpg) center right no-repeat; line-height:22px; padding:0 12px 5px 0; font-size:11px; } button.orangeF3F3F3, button.blueF3F3F3 { width:180px; } button.orangeF3F3F3 span { font-size:15px; } button.orangeF3F3F3 { margin-bottom: 70px; } button.blueF3F3F3 { margin-bottom: 5px; } .boxCheckout button.orangeF3F3F3 { margin-bottom: 0; } .boxCheckout .cart-button-spacer { margin-bottom: 70px; } /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:fo#z-progress cus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:normal; color:#696969 } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select .input-box { float:left; width:260px; margin-right:220px;} .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(/skin/frontend/zalando/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-advice-left { clear:both; min-height:13px; margin:5px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(/skin/frontend/zalando/default/images/validation_advice_left_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ #ajax-messages ul { margin-bottom:10px; } .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(/skin/frontend/zalando/default/images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(/skin/frontend/zalando/default/images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(/skin/frontend/zalando/default/images/note_msg_icon.gif); color:#3d6611; } /* BreadCrumbs */ .subNav{height:31px;overflow:hidden;} .breadcrumbs { padding:0 10px; margin-top:6px;} .breadcrumbs .label{font-weight:bold;} .breadcrumbs li {font-size:11px;display:inline;font-weight:bold;} /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .foot .pager { border-width:1px 0 0 0; } .pager { border:solid #ddd; border-width:0 0 1px 0; padding:5px; margin:10px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { float:right; margin-left:20px; } .pager .sort-by { float:left; margin-left:5px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current { font-weight:bold; text-decoration:underline; } /* FILTERRING */ .searchFilter{overflow:hidden;margin:10px 10px 0;} .searchFilter h3{margin-bottom:10px;} .searchFilter h3 span{font-weight:normal;} .filtering li{float:left;margin-right:5px;} .filtering li b{float:left;} .filtering li a span{display:none;} .filtering li .remover,.RMbutton{margin:5px 5px 0;background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -53px -187px;display:block;width:10px;height:10px;float:left;} .filtering li .remover:hover,.resetAllFilters a:hover .RMbutton{background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -53px -198px;} .sidebar .resetAllFilters{overflow:hidden;margin-bottom:10px;} .sidebar .resetAllFilters a span{color:#264C7B;} .sidebar .resetAllFilters a{float:right;} .sidebar select{width:178px;margin:0 0 15px 0;} .sidebar .choice{font-weight:bold;margin-bottom:15px;} .foot .searchFilter{display:none;} #listProductSizes,.sidebar .colors ul{border:none;padding:0;} /* COLORS */ .boxDetails .colors {width:240px;float:left;} .colors ul li{float:left;} .colors ul li a{float:left;margin:0 3px 3px 0;padding:2px;} .colors ul li a{border:2px solid #FFF;} .colors ul li.current a,.colors ul li a:hover{border:2px solid #C0C0C0;} .colors ul li a span{width:14px;height:14px;display:block;border:1px solid #C0C0C0;} .colors ul li a .multiColor{background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -56px -209px;} /* @end */ /* SIZES */ #listProductSizes .available, #listProductSizes .unavailable, #listProductSizes .active, #listProductSizes .over{ float:left; border:1px solid #264C7D; overflow:hidden; margin:0 5px 5px 0; padding:4px 0 3px; font-weight:bold; font-size:11px; color:#264C7D; cursor:pointer; width:37px; text-align:center; } #listProductSizes .oneSize { width:auto; padding-left:5px; padding-right:5px; } #listProductSizes .last { margin-right:0; } #listProductSizes .active { background-color:#264C7B; color:#fff; cursor:default !important; } #listProductSizes .over { background-color:#264C7B; border-color:#264C7B; color:#FFF; } #listProductSizes .unavailable { background-position:-158px -164px; cursor:default; color:#bbb; border-color:#DDD; font-weight:normal; } /* @end */ /* @end */ /* LIST PAGER */ .foot .pager { border-width:1px 0 0 0; } .pager { border:solid #ddd; border-width:0 0 1px 0; padding:5px 0 5px 5px; margin:10px 0;} .pager .amount { float:left; } .pager .pages {margin-left:20px;} .pager .sort-by,.pager .amount,.pager .limiter{float:left;margin-right:20px;} .pager .pages{float:right;} .pager .pages li{float:left;margin-right:5px;} .pager .pages li a,.pager .pages .current{line-height:21px;padding:3px 7px;border:1px solid #EEE;font-weight:bold;} .pager .pages li a:hover{border-color:#264C7A;text-decoration:none;} .pager .pages li .current{background-color:#264C7A;color:#FFF;text-decoration:none;} /* @end */ /* LIST HEADER */ .listBanner{margin-bottom:10px;} /* @end */ /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .link-feed {} /* Data Table */ .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } #my-orders-table .last{width:150px;zoom:1;} /* Tax Details Row */ tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(/skin/frontend/zalando/default/images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.tax-details td { background-color:#f6f6f6; } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(/skin/frontend/zalando/default/images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .link-rss { background:url(/skin/frontend/zalando/default/images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* ======================================================================================= */ /* Header NEW ============================================================================ */ .header-container{margin-bottom:10px;} .header .leftBlock{float:left;width:800px;} .header{overflow:hidden;margin-bottom:10px;} .header .links{text-align:right;font-size:10px;} /* LOGO */ .header .logo{float: left;margin-top:16px;} /* @end */ /* USP's */ .header .usp{ background:#FFFFFF url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll 6px -233px; float:left; height:26px; margin:16px 20px 0; width:477px; } /* @end */ /* TRUSTEDTEASER */ .header .trustedTeaser{float:left;overflow:hidden;margin-top:2px;} .header .trustedTeaser li{height:49px;float:left;} .header .trustedTeaser .tuv{background:url(/skin/frontend/zalando/default/img/trusted_logo.gif) no-repeat -59px 0;width:48px;margin-right:20px;} .header .trustedTeaser .trustedShop{background:url(/skin/frontend/zalando/default/img/trusted_logo.gif) no-repeat 0 0;width:48px;} /* @end */ /* HEADER CARTVIEW */ .header .cart{padding-top:1px;width:167px;background:url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat 123px -133px;height:50px;float:left;} .header .cart a .txt,.header .cart a .count{display:block;float:right;} .header .cart a .count{font-size:15px;font-weight:bold;} .header .cart a .txt{text-align:right;width:103px;margin:12px 20px 0 0;color:#264C7D;} .header .cart a .txt .link{color:#264C7D;} .header .cart a:hover .txt .link{text-decoration:underline;} .header .cart a .count{text-align:center;width:37px;margin-top:22px;margin-right:7px;} /* @end */ /* NAV ================================================================================ */ .header-container #nav li h2 a { padding-top:6px; text-align:center; height:24px; display:block; color:#fff; font-size:14px; } .header-container #nav li h2 a span{color:#fff;} .header-container #nav li.over h2 a { background-color:#FBFBFB; height:24px; padding-top:3px; color:#264C7A;text-decoration:none; border:#DDD solid; border-width:3px 3px 0 3px; } .header-container #nav li h2.active a{ background-color:#FBFBFB; color:#264C7A; text-decoration:none; } .header-container #nav li h2 a:hover span{color:#264C7A;} .header-container #nav li.level0 {float:left;position:relative;width:143px;} .header-container #nav li.last{width:142px;} .header-container #nav li.last a {border-right:none;} .header-container #nav li .kickback{width:29px;height:14px;background:url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat -21px -189px;position:absolute;top:-8px;right:13px;} /* ONE COL SUBNAV */ .header-container #nav li ul{ float:none; background-color:#FBFBFB; width:137px; position:absolute; top:30px; border:#DDD solid; border-width:0 3px 3px 3px; } .header-container #nav li.last ul{width:136px;} .header-container #nav li ul{left:-10000px;z-index:100;} .header-container #nav li.over ul{left:0;} .header-container #nav li ul li.bg{ float:none; background:none; text-align:left; width: auto; padding:0 0 5px 0; overflow:hidden; } .header-container #nav li ul li{ padding:0 5px 5px 0; } .header-container #nav li ul ul{background:none;border:none;padding-bottom:5px;position:static;margin-top:12px;} .header-container #nav li ul li h3 a,.header-container #nav li ul li h3{font-size: 12px;margin-left:0;} .header-container #nav li ul li a{margin-left:10px;color:#264C7A;display:block;} /* @end */ /* MULTI COL SUBNAV */ .header-container #nav li ul.subnav{width:281px;} .header-container #nav li ul.subnav .mainCat, .header-container #nav li ul.subnav .subCat {float:left;width:125px;background:none;padding-left:15px;} .header-container #nav li ul.subnav .mainCat{border-right:1px solid #D9D9D9;} .header-container #nav li ul .mainCat li,.header-container #nav li ul .subCat li{background:none;width:auto;} /* @end */ /* NEW FLAG */ .header-container #nav a.new{text-align:left;} .header-container #nav .over a.new{border-width:3px;padding-top:3px;height:21px;} .header-container #nav .over a.new span{margin-left:7px;} .header-container #nav a.new span{ display:block; width:40px; height:17px; float:left; background-position:-115px -163px; margin:0 5px 0 10px; } /* @end */ .header-container .topNavigation { background:url(/skin/frontend/zalando/default/img/sprite-1px.gif) repeat-x 0 0;} .headerCheckout .topLinks{background:url(/skin/frontend/zalando/default/img/sprite-1px.gif) repeat-x 0 -30px;} .header-container .topLinks{padding: 3px 10px 0;height:27px;} .header-container .topLinks .mini-search{float:left;position:relative;} .header-container .topLinks .mini-search #search{width:250px;} .header-container .topLinks .mini-search select{padding: 3px;} .header-container .topLinks ul,.header-container .topLinks .static li{ float:left;line-height:1.8em;} .header-container .topLinks .static{ float:right;margin-top:3px;} .header-container .topLinks .static li span{height:20px;width:20px;display:block;float:left;margin-right:5px;} .header-container .topLinks .static li.help .sprite{background-position:-196px -168px;width:18px;} .header-container .topLinks .static li.liveChat .sprite{background-position:-20px -210px;margin-left:10px;} .header-container .topLinks .static li a{color:#404040;} .header-container .topLinks .static li.hotline .sprite{background-position:0 -210px;margin-left:10px;} #MB_overlay { position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; border: 0; background-color: #000!important; } #MB_overlay[id] { position: fixed; } /* Sidebar =============================================================================== */ .block h3 { font-size:14px;} .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Naviation */ .sidebar{overflow:hidden;border:1px solid #DDD;padding:10px;margin-bottom:10px;} .sidebar .title {border-bottom:1px solid #ddd;font-weight:bold;margin-bottom:10px;overflow:hidden;} .sidebar .title label{float:left;} .sidebar .specialPrices {margin-bottom:15px;} .sidebar { margin-bottom:10px; } .sidebar span { color:#666; font-weight:bold; } .sidebar .resetUrl span { font-weight:normal; } .sidebar ul { border:1px solid #ddd; max-height:152px; overflow:auto;margin:10px 0 15px;} .sidebar ul.userNav, .sidebar ul.catNav,.sidebar ul.catNav ul{ border:none;max-height:none;padding:0;} .sidebar ul.catNav ul{ margin:0;} .sidebar ul.userNav .isActive, .sidebar ul a, .flatNav ul li.activeCategory, #wrapper .flatNav ul li a, #wrapper .flatNav ul li div {display:block;padding:0 5px;} .sidebar .catNav li a, .sidebar .catNav li div.isActive, .sidebar .catNav li div.inActive {display:block;padding-left:13px;} .sidebar .catNav li.parentCat a, .sidebar .catNav li.parentCat .isActive {background-position:-528px 5px;} .sidebar .siblingCat a, .sidebar .catNav li.siblingCat .isActive, .sidebar .catNav .inActive {background-position:-529px -60px} .sidebar ul li .pCount{color:#93A7C0;font-weight:normal;} .sidebar ul li .inActive{color:#CCC;font-weight:normal;} .sidebar a.resetUrl {font-weight:normal;float:right;} .sidebar li.activeCategory div,.sidebar li a:hover,.flatNav li.activeCategory {display:block;font-weight:bold;background-color:#DDD;text-decoration:none;color:#404040;} .flatNav li.contact a:hover,.flatNav ul.social a:hover{background-color:#FFF;} .sidebar li a:hover{font-weight:normal;} .sidebar .catNav .subCat { padding-left:10px; background-color:#fff;font-weight:normal;padding-bottom: 3px;} /* Block: Cart */ .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list . { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item . { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /*Block Category description */ .block-category-description { border:1px solid #ddd; } .block-category-description .block-category-description-title { color:#264C7B; font-size:14px; font-weight:bold; padding-top:5px; text-align:center; } .block-category-description .block-category-description-content { color:#777777; padding:8px; text-align:left; } .block-category-description .block-category-description-content a,#descriptionbox { color:#777777; } #more a, #less { cursor:pointer; color:#264C7B } #topLink { visibility:hidden; background-color:#fff; background-position:right -783px; height:26px; margin-left:11px; padding-right:10px; } #topLink span { background-position:left -733px; color:#000; height:26px; line-height:26px; padding-left:30px; } #topLink:hover { background-position:right -808px; } #topLink:hover span { background-position:left -758px; } .topLinkActive { visibility:visible !important; position:fixed; bottom:30px; } /*Block Category dynamic seo links*/ .block-category-dynamic { border:1px solid #ddd; margin-top:10px; padding:10px; color:#777777; text-align:left; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; margin:0 auto; } .category-page-title h2 { color:#777777; font-weight:bold; padding-top:10px; } /* View Type: PRODUCTLIST */ #products-grid-list{overflow:hidden;} .products-grid li { float:left; } .imageBox{ cursor:pointer; display: table-cell !important; vertical-align: middle; text-align:center; } .imageBox *{vertical-align: middle;} /* BOX DIMENSIONS */ #products-grid-list .imageBox,.seoColMain .imageBox{width:191px;height:215px;zoom:1;} .lastSeen .imageBox{height:193px;width:192px;} .fitsTo .imageBox{width:178px;} .dayTop .imageBox{height:135px;} #mediaBox .imageBox {width: 362px;height: 411px;} /* @end */ /* IE6 */ *html .imageBox{display: block;} *html .imageBox .spacer{display: inline-block;height: 100%;text-align:center;} /* @end */ /* IE7 */ *+html .imageBox{display: block;} *+html .imageBox .spacer{display: inline-block;height: 100%;text-align:center;} /* @end */ .productBox .manufacturer-name, .productBox .product-name, .productBox .price-box, .productBox .priceBox, .productBox .freeShipping{ text-align: center; display: block; padding: 0 5px; } .priceHint{ display:block; margin-bottom:2px; color:#999; font-weight:normal; font-size:11px; line-height:1em; } .dayTop a:hover .manufacturer-name, .dayTop a:hover .price-box{ text-decoration:underline; } .productBox .product-name{line-height:1.1em;} .productBox .product-name, .productBox .price-box{ color:#264C7B; } .products-grid .productBox{width:191px;height:335px;border:3px solid #FFF;display:block;text-decoration:none;} .products-grid .productBox:hover{border-color:#DDD;} .products-grid p.newProduct { color:#CD5033; font-size:12px; font-weight:bold; height:20px; text-transform:uppercase; } /* PRODUCTVIEW LASTSEEN/FITSTO */ /* GLOBAL */ .product-view .fitsTo a:hover .product-name, .product-view .lastSeen a:hover .product-name {text-decoration:underline;} .product-view .fitsTo img {margin-bottom:10px;} /* @end */ /* FITS TO */ .product-view .fitsTo{padding: 10px 10px 0 10px;border:1px solid #DDDDDD;margin-top:10px;text-align:center;} .product-view-sidebar .fitsTo li{margin-bottom:20px;} /* @end */ /* LAST SEEN */ .product-view .lastSeen{padding: 10px;border:1px solid #DDDDDD;overflow: hidden;margin:10px 0;width:768px;} .product-view .lastSeen li{width:192px;float:left;text-align: center;} /* @end */ /* @end */ /* LIST FLAGS */ .products-grid .saleInfo, .products-grid .newInfo, .products-grid .outletInfo { position: absolute;width: 44px; height: 19px; top: 10px; left: 10px; text-align: center; } .products-grid .discountInfo { position: absolute;width: 45px; height: 19px; top: 10px; left: 136px; text-align: center; color: #CD5033; font-weight:bold;} .products-grid .kidsInfo { position: absolute;width: 30px; height: 19px; top: 13px; left: 149px; text-align: center; } .products-grid .outletInfo{ width: 48px;background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -107px -47px;} .products-grid .saleInfo{ background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -62px -47px;} .products-grid .newInfo{ background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -156px -47px;} .products-grid .discountInfo{ background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -201px -47px;} .products-grid .kidsInfo{ background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -245px -47px;} /* @end */ /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list . { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } /* .price-box .price { font-weight:bold; } */ .price-box-bundle {} /* Regular price */ .price {font-weight:bold;} /* Old price */ .old-price .price-label { white-space:nowrap; } .old-price .price ,.priceBox .old { text-decoration:line-through; } /* Special price */ .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price ,.priceBox .special{font-weight:bold; color:#CD5033;margin-left:5px;} /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* FREE SHIPPING */ .freeShipping {color:#999;} /* Content Styles ================================================================= */ .manufacturer-name {color:#264C7B;font-weight: bold; } /* Product Tags */ .tags-list li { display:inline; } /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box . { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(/skin/frontend/zalando/default/images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} #my_recent_reviews .number { display:none; } /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* LANDINGPAGE */ /* TYPO */ .landingpage h3{font-size:15px;} .landingpage .head h3{border-bottom:1px solid #DDD;padding-bottom:5px;} .landingpage .head .topic{font-weight:bold;margin-bottom:0;} /* @end */ /* HEADER */ .landingpage .head{overflow:hidden;margin:20px 0 10px 0;} .landingpage .head .nav-left, .landingpage .head .landingpage_block{float:left;} .landingpage .head .nav-left {width:200px;} .landingpage .head .nav-left .border{border:1px solid #DDD;padding:10px;height:358px;} .landingpage .head .landingpage_block{margin-left:10px;} .landingpage .head ul{margin-top:10px;} .landingpage .head ul li a{margin-bottom:5px;display:block;} .landingpage .head ul li a.last{margin-bottom:0;} /* @end */ .landingpage .imageLine{overflow:hidden;margin-bottom:10px;} .landingpage .imageLine .img{float: left;} .landingpage .imageLine .center{margin:0 10px;} .landingpage .dayTop h3,.landingpage .brands .overflow{margin-bottom:10px;} .landingpage .dayTop{overflow:hidden;border:1px solid #DDD;padding:10px;margin-bottom:10px;} .landingpage .dayTop ul{margin:0 8px;} .landingpage .dayTop ul li{float: left; width:96px;text-align:center;} .landingpage .brands{overflow:hidden;border:1px solid #DDD;padding:10px;margin-bottom:10px;} .landingpage .brands h3 a{text-decoration:none;color:#404040;} .landingpage .brands ul{margin:0 4px;} .landingpage .brands ul li{float: left;} .landingpage .brands ul li strong{color:#264C7D;} .landingpage .brands ul a{ display: table-cell; text-align: center; vertical-align: middle; height: 100px; width:97px; } .landingpage .brands a *{vertical-align: middle;} .landingpage .aboutUs{overflow:hidden;margin-bottom:20px;} .landingpage .aboutUs h2{margin:10px 0;color:#264C7D;} .landingpage .aboutUs p{text-align:justify;} /* @end */ /* Newsletter ============================================================================ */ #newsletter_subscribe { background-color:#fff; border:3px solid #ddd; color:#666; margin:0 auto; margin-left:260px; position:absolute; top:200px; width:500px; } #newsletter_subscribe form div { overflow:hidden; padding:0 20px 20px 20px; } #newsletter_subscribe form p { font-weight:bold; padding:10px 0 20px 0; } #newsletter_subscribe form label { display:block; float:left; width:120px; } #newsletter_subscribe form input { float:left; width:330px; } #newsletter_subscribe form .button-set { clear:left; padding: 20px 0 0; } #newsletter_subscribepromo { background:url(/skin/frontend/zalando/default/images/pop_up_bg.jpg); background-repeat:no-repeat !important; color:#666; margin:0 auto; margin-left:310px; position:absolute; top:300px; width:372px; height:263px; } #newsletter_subscribepromo h3 { text-align:left; color:#1A4474; font-size:16px; padding:0px 63px; font-weight:normal; } #newsletter_subscribepromo #close { float:right; padding:8px 11px; } #newsletter_subscribepromo .block-text { padding-top:63px; } #newsletter_subscribepromo .block-text p { color:#1A4474; margin-left:65px;} #newsletter_subscribepromo ul { padding:0 90px 5px; list-style-type:disc; color:#1A4474;} #newsletter_subscribepromo ul li { color:#1A4474; font-weight:bold;} #newsletter_subscribepromo form div { overflow:hidden; padding:0 50px 20px 20px; height:100%; } #newsletter_subscribepromo form div #email{ float:right; width:250px; margin-top:10px; border:1px solid #666; margin-right:5px;} #newsletter_subscribepromo form div #advice-validate-email-email { margin-left:40px; height:5px; min-height:5px;} #newsletter_subscribepromo form div .orange{ float:right; margin-top:5px; margin-right:5px; } /* =================================== CART ========================================== */ /* Shopping Cart ========================================================================= */ .cart .buttons-box { text-align:right; } .cart h3{float:left;margin-top:6px;padding-left:1px;} .cart .page-title {margin:0 0 10px 0;padding:0;overflow:hidden;border:none;} /* PRODUKT TABLE */ .cart .shopping-cart-fieldset{border:solid #DDD;border-width:2px 2px 0 2px;} .cart #shopping-cart-table th,#checkout-review-table th{background-color:#F3F3F3;font-weight:bold;padding:5px;} .cart #shopping-cart-table .article{width:413px;padding-left:15px;} #checkout-review-table .article{width:508px;padding-left:15px;} .cart #shopping-cart-table .date{width:110px;padding-left:5px;} .cart #shopping-cart-table .amount,#checkout-review-table .amount{width:75px;text-align:center;} .cart #shopping-cart-table .availability{width:120px;} .cart #shopping-cart-table .sPrice{width:105px;text-align:right;} .cart #shopping-cart-table .tPrice{width:118px;text-align:right;padding-right:20px;} #checkout-review-table .sPrice{width:143px;text-align:right;padding-right:20px;} .cart #shopping-cart-table td,#checkout-review-table td{padding:20px 5px 10px;border-bottom:1px solid #DDD;} .cart #shopping-cart-table td.last,#checkout-review-table td.last{padding-right:0;} .info-collaterals{background-color:#F5F5F5; overflow: hidden; padding: 15px; } .info-collaterals .delivery{ float: left; width:350px; padding-left: 34px; background-image: url( /skin/frontend/zalando/default/images/truck.gif ); background-repeat: no-repeat; background-position: left top; } .info-collaterals .delivery .delivery-text{ font-weight: bold; } .info-collaterals .delivery .delivery-date{ padding-bottom: 10px; } .info-collaterals .delivery .delivery-prepaid{ margin-top: 10px; } .info-collaterals table{ float: right; } .info-collaterals table td{padding:1px 5px;} #wrapper .totals table td.key, .totals table td.value{text-align:right!important;margin:10px!important;} .totals table td.key{width:240px;} .totals table td.value{width:72px;} /* ARTICLE */ #shopping-cart-table .product-image,#checkout-review-table .product-image{width:75px;margin:0 10px 0 20px;float:left;display:block;} #shopping-cart-table .articleBox{float:left;width:296px;} #shopping-cart-table .articleBox strong,#checkout-review-table .articleBox strong{margin:0;} #shopping-cart-table .articleBox strong a,#checkout-review-table .articleBox strong a{color:#404040;} #shopping-cart-table .item-options{overflow:hidden;} #shopping-cart-table .articleBox .item-options dt, #shopping-cart-table .articleBox .item-options dd, #checkout-review-table .articleBox .item-options dt, #checkout-review-table .articleBox .item-options dd {float:left;} #shopping-cart-table .articleBox .item-options dt, #checkout-review-table .articleBox .item-options dt {width:70px;} #shopping-cart-table .articleBox .item-options dd{width:216px;} #checkout-review-table .articleBox .item-options dd{width:313px;} .cart .RMcartBut{margin-top:5px;display:block;} /* @end */ /* AVAILABILITY */ .inStock strong,.totals .totals-shipping td,.totals .totals-shipping td span{color:#009900;} .outOfStock strong{color:#CD5033;} /* @end */ /* TOTAL PRICE */ .cart table .tPrice,#checkout-review-table .sPrice{font-weight:bold;} /* @end */ /* LIKE TO */ .likeTo{margin-top:20px;} /* @end */ /* MERGED ITEMS */ .mergedItem { background-color: #FFFADA; } /* @end */ /* @end */ .cart fieldset .button-set { float:left; padding:15px; width:950px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:10px; margin-bottom:10px; background-color:#F5F5F5; border: solid #DDD; border-width:0 2px 2px 2px; } .cart .cart-collaterals .col-1{width:495px;} .cart .cart-collaterals .col-2{width:470px;margin-right:11px;} .cart .cart-collaterals .delivery{ margin-bottom: 10px; padding-left: 34px; background-image: url( /skin/frontend/zalando/default/images/truck.gif ); background-repeat: no-repeat; background-position: left top; } .cart .cart-collaterals .delivery-text{ font-weight: bold; } .cart .crosssell .productBox { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } /* Shopping Cart Totals */ #discount_enabler a{cursor:pointer;} .cart .totals {text-align:right;} /* Shopping Cart Totals */ .cart .totals table { width:477px;margin-bottom:20px;} .cart .totals table th, .cart .totals table td { padding:1px 5px; } .cart .totals table th { font-weight:bold; } .cart .totals table tr.totals-grand_total td { font-weight:bold; padding-bottom:3px; } .cart .totals table tr.totals-tax { font-size:10px; padding-top:3px; } .cart .totals .buttons-box button { margin-top:20px;} .cart .totals #shopping-cart-totals-table tbody th{font-weight: normal;} .cart .totals #shopping-cart-totals-table tfoot .tax-total strong{font-weight: normal;} .cart .totals #coupon_code{margin:0 10px 0 0;} .cart .totals #advice-required-entry-coupon_code{margin:7px 0 0 176px;text-align:left;} /* Options Tool Tip */ .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /*************************************************************************************************/ /* Dashboard */ .page-head h3 { font-size:14px; font-weight:bold; color:#264C7B; width:100%; padding-bottom:5px; } .headboxbig { font-size:0px; line-height:0px; margin:0 5px 0 0; height:8px; width:950px; } .bodyboxbig2 { font-size:11px; margin:0 5px 0 15px; padding:10px 10px 0px 20px;margin-right:15px; width:940px; border:1px solid #BBBBBB; background-color:#fff; height:330px; } .footerboxbig { font-size:0px; line-height:0px; margin:0 5px 15px 0; height:8px; width:950px;} p.upperline {border-top:1px solid #DFDEDA;padding-top:5px;} a.trendspage { color:#666666; text-decoration:underline; } h3 { color:#404040; line-height:1.3em; } /* styles for FAQ page */ .bigboxcontent { margin-left:10px; margin-top:10px; width:970px; clear:both; } .bigboxinside { width:880px; } p.boldtext { font-size:10pt; font-weight:bold; text-align:justify; margin-top:10px; } p.boldtext.frage { margin-top:50px; } p.boldtext.title { margin-top:20px; } p.aligned { text-align:justify; margin-top:20px; font-size:12px; } p.aligned.listleft { margin-top:50px; } p.aligned.listright { margin-top:112px; } p.aligned.title { font-weight:bold; color:#666666; font-size:13px; } div.column { width:420px; } div.column .left { float:left; } div.column .right { margin-left:10px; } a.frage { color:#000000; } a.frageunder { color:#000000; text-decoration:underline; } a.oben { color:#000000; margin-top:10px; text-align:right; text-decoration:underline; width:100%; display:block; } li.frage { list-style-type: circle; margin-left:25px; font-size:12px; } div.boxcolor { background:#F4EEE3 none repeat scroll 0 0; color:#4C394B; height:17px; margin-left:15px; position:relative; width:120px; } div.colorpick { background:#F4EEE3 none repeat scroll 0 0; font-weight:bold; height:100%; min-width:90px; padding-left:8px; padding-top:1px; width:86px; } div.arrowcolor { width:15px; height:15px; display:inline; } .nodisplay { display: none; } /*************************************************************************************************/ /* Manufacturers overview page */ div.manufacturer_page_navi h4{ margin:10px 0 22px 0; color:#3D3D3D; } div.manufacturer_page_navi h5{ border-bottom:1px solid #efefef; margin-bottom:8px; color:#3D3D3D; } div.manufacturer_page_navi a{ margin-left:4px; } #alphabetical_listing h4{ color:#3D3D3D; } p.capital_letters { font-size:15px; color:33333; font-weight:bold; padding:16px 0 6px 0; } #alphabetical_listing { } #alphabetical_listing li { float:left; width:180px; } #alphabetical_listing h4{ margin:10px 0 16px 0; } /***************************************************************************************************************/ /***************************************************************************************************************/ /* CHECKOUT */ /* Multiple Addresses Checkout */ .checkout-progress{ height:31px; width:540px; margin:0 auto 10px; background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll 0 -260px; } .step2{background-position:0 -292px;} .step3{background-position:0 -324px;} /* @end */ /* TYPO */ .stepcheckout-container .head h3{font-size: 14px;padding: 3px 0;border: none;} ul .key label,.col-main .stepcheckout-container .shipping label, .friendRecruit .key, .popUp ul label {color: #666;text-align: right;display: block;} .stepcheckout-container fieldset strong{ display:block; margin-bottom: 20px; overflow:hidden; } .stepcheckout-container fieldset.formBox strong{ margin-bottom: 0; } .stepcheckout-container .page-title{border: none;margin:0;padding: 0;} .opcPaymentPassword .info{font-size:11px;} /* @end */ .stepcheckout-container .head{margin-bottom: 5px;} .loginpage {padding-top:10px;} .foundUsWidget{margin:20px 10px 0 522px;} .newCustomer,.dashboardAddress,.newAdddress {float:left;width: 471px;padding: 5px 10px 0;border:2px solid #DDD;} .customerLoginBox{float:left;width: 500px;} .customerLogin,.stepcheckout-container .payment-methods-fieldset,.friendRecruit .recruitBox {border:2px solid #DDD;margin-bottom:10px;} .customerLogin,.newAdddress{margin-right:5px;} .newCustomer,.dashboardAddress{margin-left:5px;} #div_forgotpassword fieldset,#forgotpassword-box fieldset{padding: 0px;} fieldset fieldset ul.messages{padding: 0;} .stepcheckout-container li,.loginpage li,.recruitBox li{margin-bottom: 10px;overflow: hidden;} .stepcheckout-container .checkline,.loginpage .checkline{margin-left: 210px;} #shipping-new-address-form .shipping .checkbox, .stepcheckout-container .checkline .checkbox,.loginpage .checkline .checkbox{margin:1px 5px 0 0;float:left;} .stepcheckout-container .checkline p,.loginpage .checkline p{float:left;width:233px;} .stepcheckout-container .radioline{float: left;margin-right: 10px;} .stepcheckout-container .key,.foundUsWidget .key,.loginpage .key, .col-main .stepcheckout-container .shipping label,.recruitBox .key {float: left; width: 198px;margin-right: 10px;} .stepcheckout-container table .key{width: 245px;} .stepcheckout-container table .value{text-align:right;} #addPackstation .checkline label{float:left;width:233px;} .stepcheckout-container .button-box{margin-top:10px;text-align: right;overflow: hidden;clear: both;} .stepcheckout-container .button-box .back-button{margin-top: 3px;} .col-main #checkout-payment-method-load .input-text, .col-main .stepcheckout-container .input-text, #wrapper .loginpage .input-text {width: 241px;} .col-main .stepcheckout-container select,.col-main #checkout-payment-method-load select,.loginpage select{width: 253px;} .col-main .stepcheckout-container .prefix select,.loginpage .prefix select {width: 128px;} .col-main .stepcheckout-container .shipping{overflow: hidden;} .col-main .stepcheckout-container .shipping .radios{margin-top:10px;overflow:hidden;} .col-main .stepcheckout-container .shipping li{float: left; margin-right: 10px;} .col-main .stepcheckout-container .shipping ul{padding: 0;} .col-main .stepcheckout-container .shipping .radiobox{margin: 4px 5px 0 0;float: left;} .col-main .stepcheckout-container .shipping .label{margin-right:5px;float: left;} .col-main .stepcheckout-container .shipping li span{display: block;float: left;} .col-main .stepcheckout-container p.required {float: left;clear:both;} .col-main .stepcheckout-container .payment-methods-fieldset p.required {margin:0 0 10px 10px;} /* SHIPPING */ .stepcheckout-container .sp-methods{width: 400px;} .stepcheckout-container .sp-methods .price-label{float:right;} .stepcheckout-container .sp-methods .shipping-type{float:left;} /* @end */ /* PAYMENT */ #checkout-payment-method-load li.key, #checkout-payment-method-load li.value {margin-bottom:10px;overflow:hidden; } #checkout-payment-method-load li {margin-bottom:0;} #checkout-payment-method-load li.radioline label:hover { cursor:pointer } #register-customer-password{overflow: hidden;} #register-customer-password .input-text{width: 130px;} .stepcheckout-container .bannerTrustedShops{margin: 0 0 10px 10px;} div#secure_text{width: 520px; float: left; margin-right: 30px} div#secure_text p{margin-left: 5px; margin-bottom: 15px; color: #666666; font-size: 12px;} img#secure_logo{margin-top: 15px} .zalando-zcheckout-checkout-payment .bannerTrustedShops{margin-top:20px;} /* @end */ /* SHIPPING ADDRESS */ .customer #shipping-new-address-form fieldset{width: 471px;float: left;border:2px solid #DDD;} .customer #shipping-new-address-form fieldset.col-1{margin-right:5px;} .customer #shipping-new-address-form fieldset.col-2{margin-left:5px;} #shipping-new-address-form h3{overflow: hidden;} #shipping-new-address-form .editLinkBlock{float: right;width: 200px;} #shipping-new-address-form .H3editLink{float: left;} #shipping-new-address-form .editLink{font-weight:normal;float: right;font-size: 12px;} .chosePackstation{overflow:hidden;background: transparent url(/skin/frontend/zalando/default/images/multipage/packstation.gif) no-repeat 665px 100px;} .packStation{position: relative;} .packStation #link_parcel_station_finder{position: absolute;left: 280px;top: 0;} .newAdddress .packStation #link_parcel_station_finder{position: static;} .packStation #street_1_label_info{float: left; width:62px;} /* @end */ /* OVERVIEW */ #checkout-review-load .col-left,#checkout-review-load .col-right{float: left; width: 460px;} #checkout-review-load .col-left,#checkout-review-load .col-right{float: left;padding:0;} #checkout-review-load .col-right{margin-left:5px;width:746px;border:2px solid #DDD;} #checkout-review-load .col-left{margin-right:5px;width:240px;} .overviewFooter{padding: 0 5px 5px;} .overviewFooter p{margin-bottom: 10px;} #checkout-review-load .col-left fieldset{margin-bottom:10px;border:2px solid #DDD;} .totals-grand_total td{font-weight: bold;font-size: 14px;} .overviewFinal .head{overflow:hidden;margin-bottom:10px;} .overviewFinal h3{float:left;} .overviewFinal .button{float:right;} .overviewFinal fieldset fieldset {padding:10px;} /* @end */ /* TOOLTIP */ #payment-tool-tip{ display: none; background: #F5F5F5; border: 2px solid #DDD; position: absolute; top: 194px; left: 347px; width: 560px; padding: 5px; } #payment-tool-tip .closeBut{float: right;} #payment-tool-tip .cards h2{margin: 15px 0 5px;} #payment-tool-tip .cards h4{margin-bottom: 10px;color: #666;} #payment-tool-tip .cards p{margin: 30px 0 0 20px;width: 291px;} #payment-tool-tip .cards .card{margin-top: 15px;overflow: hidden;} #payment-tool-tip .cards img,#payment-tool-tip .cards p{float: left;} #payment-tool-tip .block-content{padding:15px;} /* @end */ /* SUCCESS */ .successPage .payline ul{float:left;width:490px;} .successPage ul li{float:left;} .successPage ul .key{width:250px;margin-right:10px;font-weight:bold;} .successPage .payline{ border-bottom:1px solid #DDD; overflow:hidden; margin-bottom:10px; padding-bottom:10px; } .successPage .payInfo{float:left;width:510px;} .successPage .payInfo .txt{float:left;width:463px;} .successPage .payInfo .sprite{ background-position:-69px -149px; float:left; height:20px; margin-right:5px; width:22px; } .successPage .estimation {margin:10px 20px 0 0;width:495px;float:left;} .successPage .estimation textarea {height:25px;margin-bottom:10px;width:482px;} .successPage .estimation .tShops {margin-top:10px; clear:both;} .successPage .tShops {margin-top:10px; float:left;width:475px} .successPage .tShopsTxt {margin:40px 10px 0 0;width:475px;float:left;} .successPage .tShops img {margin-bottom:10px;} .successPage .teaserSuccess {margin-top:10px;float:left;display:block} .paypalErrorPage .estimation textarea {width:475px;} .paypalErrorPage .estimation{width:485px;} .paypalErrorPage .tShops {width:495px;} .billPrint .sprite { background-position:-115px -181px; display:block; float:left; height:16px; margin-right:5px; width:19px; } .zTable .payline { overflow:hidden; margin-bottom:10px; padding-bottom:10px; } .zTable .payline ul{ float:left;width:490px; } .zTable .payline ul li{ float:left; } .zTable .payline ul .key{width:250px;margin-right:10px;font-weight:bold;} /* @end */ /* BOTTONS */ .button-box .button{margin-left:10px;float:right;} /* @end */ /* @end */ /* MYAREA PAYMENTS */ .col-main .myPayments h2{float: none;margin-top: 10px;} .col-main .myPayments h4{margin-right:10px;} .col-main .myPayments .customer-container h4{float: none;} .col-main .myPayments .customer-container p{clear: none;} .col-main .myPayments .col-2 h4{float: none;margin-bottom: 10px;} .col-main .myPayments h3{ color:#000; font-size:1.1em; padding-bottom:0; margin-bottom:10px; text-transform:none; border-bottom: 1px solid #DDDDDD; } /* BOTTONS */ .myPayments .page-title{overflow: hidden;} .myPayments .page-title h2{float:left;} .myPayments .page-title .button-box{float:right;} .myPayments a.button{ background:transparent url(/skin/frontend/zalando/default/images/btnBlueLeft.jpg) no-repeat scroll left top; display: inline-block; height:25px; border:0 none; padding:0 0 0 15px; } .myPayments a.button span { background:transparent url(/skin/frontend/zalando/default/images/btnBlue.jpg) no-repeat scroll right top; height:25px; color:#FFFFFF; float:left; font-size:11px; font-weight:bold; line-height:21px; padding:0 20px 0 5px; text-align:center; display: inline-block; } /* @end */ /* CHECKOUT FOOTER */ .helpBlock{padding:10px;background-color:#F5F5F5;overflow:hidden;margin-top:20px;} .helpBlock .col-1,.helpBlock .col-2{float:left;} .helpBlock .col-1{float:left;width:610px;} .helpBlock .col-2{float:left;width:370px;} .helpBlock .col-2 p{overflow:hidden;} .helpBlock .col-2 span{height:20px;width:20px;display:block;float:left;margin-right:5px;} .helpBlock .col-2 .chat{background:url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat -20px -210px;} .helpBlock .col-2 .call{background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat 4px -210px;} /* @end */ /* @end */ /* CHECKOUT HEADER */ .headerCheckout{text-align:right;} .headerCheckout .leftBlock{margin-top:19px;} .headerCheckout .service{text-align:left;} .headerCheckout .backLink{text-align:right;display:block;padding-top:30px;float:left;width:157px;margin-right:7px;} .headerCheckout .backLink a{text-decoration:underline;} /* SERVICE */ .header {color:#f59940;} /* @end */ /* @end */ /* SEOPAGES */ .seoColMain a.moreFrom{margin-bottom:10px;text-align:right;display:block;} .seoColMain h2,.seoColMain h4{border-bottom:1px solid #DDD;margin-bottom:10px;padding-bottom:5px;} .seoColMain .reviewBox h2{border:none;margin:0;padding:0;} .seoColMain .price-box{zoom:1;overflow:hidden;} .seoColMain .reviewBox{zoom:1;overflow:hidden;border-bottom:1px solid #DDD;margin-bottom:10px;padding-bottom:10px;} .seoColMain .reviewContent,.seoColMain .productImage,.seoColMain .detailLink {float:left;} .seoColMain .reviewTitle{overflow:hidden;margin-top:5px;} .seoColMain .reviewBox .rating{zoom:1;overflow:hidden;margin-bottom:5px;} .seoColMain .reviewBox .rating .rating-box{margin:3px 0 0 10px;} .seoColMain .detailLink{width:130px;} .seoColMain .reviewContent{margin:0 20px;width:520px;} .seoColMain .detailLink{width:130px;} .seoColMain .detailLink a{display:block;text-align:right;margin-bottom:10px;} .seoColMain .cacheReviewsCollection{margin-bottom:40px;} .seoColMain .seoAllProducts li{float:left;width:395px;} .seoColMain .products-grid{zoom:1;overflow:hidden;} /* @end */ /* TEASER CSS-DEFINITIONS */ .left-teaser-container{ width:512px; height:264px; overflow:hidden; line-height:16px; } .teaser-link-container ul{ list-style-type:none; padding:0; margin:0; } .teaser-link-container ul.bottomlinks li{ margin-bottom:3px; } .teaser-link-container .toplinks{ margin-bottom:12px; } .teaser-link-container{ overflow:hidden; margin-top:80px; margin-left:34px; } .teaser-link-container .line{ width:8px; height:10px; overflow:hidden; border-bottom:1px solid #fff; } .teaser-link-container a:hover{ color:#264C7D; text-decoration:none; } .teaser-link{ height:17px; text-decoration:none; letter-spacing:-0.2; font-size:13px; } .type-a{ color:#fff; font-weight:bold; letter-spacing:0; } .type-b{ color:#CD081C; font-weight:bold; letter-spacing:0px; } .type-c{ margin-bottom:3px; font-family:Arial; font-size:12px; color:#fff; } /* @end */ /*********************************** NEW SKIN ***********************************/ /* TYPO */ .formBox label{color:#666;} /* @end */ /*********************************** FORM ***********************************/ /* FORM */ input.input-text, select, textarea { background:none repeat scroll 0 0 #FFF; border-color:#8E8E8E #C2C2C2 #E2E2E2; border-style:solid; border-width:1px; } input.input-text,textarea{padding:4px 5px;} .formBox input.input-text{width:242px;} .formBox select{padding:4px 4px 4px 2px;width:254px;} .formBox select#prefix{width:127px;} .checkbox{float:left;margin:2px 5px 0 0;} .radioline{margin-top:10px;} .radioline .last{margin-left:5px;} input.disabled{background-color:#EEE;} .oneBlock textarea.input-text{width:242px;} .buttonBox{overflow:hidden;} /* FORM BOX */ .formBox{border:2px solid #DDD;padding:10px;margin-bottom:20px;overflow:hidden;} .formBox .required,.flatpage .required{font-size:10px; text-align:right;clear:left;} .formBox .formHead{margin-bottom:20px;border-bottom:2px solid #DDD;padding-bottom:5px;overflow:hidden;} .formBox .formHead strong{display:block;} .formBox ul li.key, .formBox ul li.value {float:left;overflow:hidden;} .formBox ul li.key, .formBox ul li.value, .formBox ul li.checkline {margin-bottom:10px;} .formBox ul li.value{width:254px;} .userArea .formBox ul li.value{width:258px;} #bestpriceguaranteeForm ul .checkline{margin-bottom:10px;overflow:hidden;float:left;} .formBox .txtInfo{margin-bottom:20px;} /* @end */ /* ONE BLOCK */ .oneBlock ul{float:left;width:478px;} .userArea .oneBlock ul{width:482px;} .oneBlock ul.first{margin-right:20px;} .oneBlock ul .key{margin-right:10px;width:214px;} .oneBlock ul .checkline{margin-left:224px;overflow:hidden;} .oneBlock .checkline label{float:left;width:236px;} /* @end */ /* TWO BLOCKS */ .twoBlocks{overflow:hidden;} .twoBlocks ul .key{margin-right:10px;width:207px;} .twoBlocks .lBox,.twoBlocks .rBox{float:left;width:471px;} .twoBlocks .lBox{margin-right:10px;} .twoBlocks .checkline{margin:0 0 10px 217px;clear:left;overflow:hidden;} .twoBlocks .buttonBox{clear:left;} /* LOGIN */ .imgBox{float:left;width:505px;} .loginArea .buttonBox,.customerTable{overflow:hidden;} #forgotpassword-box .formHead{margin-top:10px;} /* @end */ /* @end */ /* CHECKOUT ADDRESSES */ .dAddress #addPackstation .value{width:768px;} /* @end */ /* CHECKOUT PAYMENT */ .payment .radioline{float:left;width:200px;margin:0;} .payment .payLine{float:left;margin:0;width:756px;} .payment ul.methodsTypes{overflow:hidden;padding:10px;} .payment #type_payone_preapi ul{padding-left:17px;} .payment .radioline .radiobox{float:left;margin:3px 5px 0 0;} .Ccards,.Paypal{overflow:hidden;} .userArea .Ccards{margin-left:224px;} .Ccards div,.Paypal div,.Ccards li,.Paypal li{width:48px;height:30px;margin:0 5px 10px 0;} .Ccards div,.Paypal div{float:left;} .Paypal div{width:78px;} .Ccards #cc_type_image_MC{background-position:-71px -198px;} .Ccards #cc_type_image_VI{background-position:-124px -198px;} .Ccards #cc_type_image_AE{background-position:-177px -198px;} #paypal_logo{background-position:-230px -200px;} .payment ul.collapse{background-color:#F5F5F5;} .payment .prePayment li{list-style-type: disc;overflow:visible;} #wrapper .methods-facts #cc_cid_number{width:113px;float:left;margin-right:5px;} .payment #payment_form_payone_ccapi{overflow:hidden;} .payment #payment_form_payone_ccapi .key, .payment #payment_form_payone_elvapi .key, .payment .fixedPayment .radioline {width:125px;} .payment #payment_form_payone_ccapi .key label, .payment #payment_form_payone_elvapi .key label{text-align:left;} .payment #payment_form_payone_elvapi .key label{text-align:left;} .payment #payment_form_payone_ccapi .value{width:631px;} .payment #payment_form_payone_elvapi .value{width:631px;} #payment_form_payone_ccapi .space{height:26px;} #wrapper #payment_form_payone_ccapi .cCards input{width:48px;margin-right:5px;float:left;} #payment_form_payone_ccapi .cCards input#payone_cc_num4{width:46px;} #payment_form_payone_ccapi .cc_exp select{width:125px;margin-right:5px;float:left;} #payment_form_payone_ccapi .cc_exp select#cc_exp_year{width:123px;} #payment_form_payone_ccapi li.value img{margin-top:4px;cursor:pointer;} .payment #checkout-payment-method-load li.required{padding-right:379px;} #payment_form_payone_recapi li.key{width:125px;} #payment_form_payone_recapi li.key label{text-align:left;} #payment_form_payone_recapi li#payment_form_payone_recapi_dateOfBirth{width:621px;} #payment_form_payone_recapi li#payment_form_payone_recapi_dateOfBirth select{width:81px;margin-right:5px;} #payment_form_payone_recapi li#payment_form_payone_recapi_dateOfBirth img{margin-top:6px;} /* @end */ /* FRIEND RECRUIT */ .friendRecruit img{margin:10px 0 20px 0;} .friendRecruit ul.first{width:400px;} .friendRecruit ul{width:556px;} .friendRecruit li.title{float:none;} .friendRecruit li.key{width:136px;} .friendRecruit ul.friendList label{margin-right:10px;float:left;} .friendRecruit ul.friendList input{width:202px;} .friendRecruit ul.friendList input.mail{margin-right:20px;} .friendRecruit p.txt{float:left;} .friendRecruit ul.friendList .valiBox{float:left;} .friendRecruit ul.friendList .validation-advice{width:195px;} /* @end */ /* USER AREA */ .userBox ul{float:left;width:373px;} .userBox ul.first{margin-right:20px;} .userBox ul .key,.userBox div.checkline label{margin-right:10px;width:160px;} .userBox input.input-text{width:191px;} .userArea .userBox ul li.value{width:203px;} .userBox select,.userBox select#prefix{width:202px;} .userBox div.checkline{margin-bottom:18px;float:left;} .userBox div.checkline label{float:left;text-align:right;} .userArea #payment_form_payone_ccapi .required{float:none;} /* TWO BLOCKS */ .userArea .twoBlocks{overflow:hidden;} .userArea .twoBlocks .lBox,.userArea .twoBlocks .rBox{float:left;width:366px;} .userArea .twoBlocks .lBox{margin-right:10px;} /* @end */ /* @end */ /* CONTACT FORM */ #contactForm .message .key{width:100px;} #contactForm .message .value{width:auto;} #contactForm .message .input-text{width:356px;height:188px;} /* @end */ /* BUTTON */ .button { background:transparent url(/skin/frontend/zalando/default/img/buttons_1013.gif) no-repeat scroll; border: 0; display: inline-block; padding: 0; cursor: pointer; } .button:hover { text-decoration:none; } .button::-moz-focus-inner { border: none; /* override extra padding in Firefox */ } .button span { background:transparent url(/skin/frontend/zalando/default/img/buttons_1013.gif) no-repeat scroll; color:#fff; display: block; font-weight:bold; font-size:12px; white-space: nowrap; } button.last,.pageTitle .last{margin-left:10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { button.button span { margin-top: -1px; } } /* BACK */ button.back,a.back,button.backOver,a.backOver { background-position:right -552px; height:29px; padding-right:10px; } button.back span,a.back span,button.backOver span,a.backOver span{ color:#404040; background-position:left -491px; line-height:29px; padding-left:10px; } button.backOver,a.backOver{background-position:right -582px;} button.backOver span,a.backOver span{background-position:left -521px;} /* @end */ /* INPUTBUTTON / TITLE BUTTON / TABLE BUTTON */ button.inputBut,button.inputButOver,.titleBut,.titleButOver, button.tableBut,button.tableButOver { height:24px; padding-right:10px; background-position:right -318px; } button.inputBut span,button.inputButOver span,.titleBut span,.titleButOver span,button.tableBut span,button.tableButOver span { color:#404040; line-height:24px; padding-left:10px; background-position:left -267px; } button.inputButOver,.titleButOver,button.tableButOver{background-position:right -343px;} button.inputButOver span,.titleButOver span,button.tableButOver span{background-position:left -292px;} /* @end */ /* SEARCHBUTTON */ button.searchBut,button.searchButOver { background-position:right -50px; height:24px; padding-right:10px; } button.searchBut span,button.searchButOver span { background-position:left 0; line-height:24px; font-size:14px; color:#404040; padding-left:25px; } button.searchButOver {background-position: right -75px;} button.searchButOver span {background-position: left -25px;} /* @end */ /* CLOSE BUTTON */ .closeButton{ display:block; width:16px; height:16px; background-position: -30px -101px; } /* @end */ /* USER AREA BUTTONS */ button.next, a.next, div.next, button.nextOver, a.nextOver, div.nextOver { background-position:right -430px; height:29px; padding-right:10px; } button.next span, a.next span, div.next span, button.nextOver span, a.nextOver span, div.nextOver span { background-position:left -369px; line-height:29px; padding-left:10px; } button.nextOver, a.nextOver, div.nextOver { background-position:right -460px; } button.nextOver span, a.nextOver span, div.nextOver span { background-position:left -399px; } /* @end */ /* CHECKOUT */ button.cartButton,button.cartButtonOver{ background-position:right -185px; width:180px; height:39px; padding-right:10px; } button.cartButton span,button.cartButtonOver span{ background-position:left -102px; width:128px; line-height:39px; font-size:14px; padding-left: 42px; } button.cartButtonOver{background-position:right -226px;} button.cartButtonOver span{background-position:left -143px;} .loginArea .next, .cart .next, .newCustomer .next, .stepcheckout-container .next, .stepcheckout-container .next, .payment .next, .customerLogin .next { background-position:right -674px; height:29px; padding-right:30px; } .loginArea .next span, .cart .next span, .newCustomer .next span, .stepcheckout-container .next span, .stepcheckout-container .next span, .payment .next span, .customerLogin .next span { background-position:left -613px; line-height:29px; padding-left:10px; } .loginArea .nextOver, .cart .nextOver, .newCustomer .nextOver, .stepcheckout-container .nextOver, .payment .nextOver, .customerLogin .nextOver { background-position:right -704px; height:29px; padding-right:30px; } .loginArea .nextOver span, .cart .nextOver span, .newCustomer .nextOver span, .stepcheckout-container .nextOver span, .payment .nextOver span, .customerLogin .nextOver span { background-position:left -643px; line-height:29px; padding-left:10px; } /* @end */ /* NEWSLETTER REGISTRATION BUTTONS */ @media screen and (-webkit-min-device-pixel-ratio:0) { .newsletterReg button { padding-right:6px; } .newsletterReg button span { padding-left:11px; } } /* @end */ /* @end */ /* @end */ /* WIDGET */ /* POPUP */ .popUp{ position:fixed; overflow:hidden; width:500px; top:200px; left:340px; border:2px solid #DDD; background-color:#FFF; padding:10px; z-index:9001; } /* TITLE */ .popUp .title{ border-bottom:1px solid #DDD; padding-bottom:10px; margin-bottom:10px; overflow:hidden; } .popUp h3{ float:left; width:484px; } .popUp .closeButton{margin-top:3px;} /* @end */ /* HEADER */ .popUp .header{border-bottom:1px solid #DDD;padding-bottom:10px;margin-bottom:10px;} .popUp .header img{display:block;float:left;margin-right:10px;} .popUp .header .pInfo{float:left;width:413px;} .popUp .header h4,.popUp .header p{margin-bottom:5px;} .popUp .header .pInfo select{width:181px;} /* @end */ /* FORM */ .popUp ul{overflow:hidden;} .popUp ul li{margin-bottom:10px;} .popUp ul li label{text-align:left;} .popUp ul li .input-text{width:232px} .popUp ul li.key,.popUp ul li.value{float:left;width:245px;} .popUp ul li.key{margin-right:5px;} .popUp ul li.value{margin-left:5px;} .popUp .checkline label{float:left;width:482px;} .popUp .buttonBox{overflow:hidden;} /* @end */ /* @end */ /* OVERLAY */ #z-progress{ /*background: #FFF url("/skin/frontend/zalando/default/img/loader.gif") center 5px no-repeat;*/ background-color: #FFF; border: 2px solid #DDD; display: block; width: 215px; text-align: center; padding:10px; z-index: 9998; top: 300px; left: 500px; } /* @end /* /* ZALANDO ZOOM */ #bigImageWrapper { position: absolute; display: block; left: 380px; top: -10000px; z-index: 100; overflow: hidden; border: 1px solid #DDD; } #mediaBox { background: url("/skin/frontend/zalando/default/img/zoom-bg.jpg") no-repeat scroll 0 0 transparent; float: left; height: 482px !important; padding: 7px 7px 0; position: relative; width: 362px !important; } #bigImageWrapper,#bigImage {width: 408px;height: 480px;} #bigImage img {position: absolute; } #selector { background-color: #FFF; border: 1px solid #AAA; overflow: hidden; position: absolute; cursor: url(/skin/frontend/zalando/default/css/cursor/zoomin.cur), pointer; display: none; } #moreImages{bottom:0;float:left;position:absolute;width:372px;} #moreImages p{float:left;font-size:11px;line-height:12px;width:53px;} #moreImagesList li{float: left;border: 1px solid #DDD;margin-left: 5px;} #moreImagesList li.first{margin-left: 0px;} #moreImagesList li a{text-decoration:none;} #fullImage {border: 1px solid #FFF;position: absolute;z-index: 1;} #fullImage p{margin:10px 10px 0 0;position:absolute;right:0;cursor:pointer;color:#666;} #fullImage p span{float:left;margin-right:5px;} /* @end */ /* AUTOCOMPLETE */ .autocomplete { width:300px; position:absolute;z-index:9999; border:1px solid #DDD; background:#FFF;overflow-y:auto;top:23px; } .autocomplete li { overflow:hidden;padding:5px 10px; } .autocomplete .selected { background:#F0F0F0;cursor:pointer; } .autocomplete .term { float:left; } .autocomplete .extra { float:right; font-size:0.8em; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:bold; color: #5c7997; } /* @end */ /* @end */ /*************************************** LAYOUT ***************************************/ /* SUB SHOP TEASER */ .subShopTeaser{margin-bottom:10px;overflow:hidden;} .subShopTeaser .bigLeftImg{float:left;margin:0 10px 10px 0;} .subShopTeaser .smallRightImg{float:left;width:200px;} .subShopTeaser .smallRightImg img{margin-bottom:10px;} /* @end */ /* USER AREA */ .userArea .pageTitle{ border-bottom:1px solid #DDD; padding:0 10px; margin-bottom:10px; overflow:hidden; } .userArea .userBox{overflow:hidden;} .userArea .pageTitle h2{margin:3px 0 2px;} .userArea .welcome,.sBlock p{padding:0 10px;} .userArea .welcome, .userArea .recentOrders {margin-bottom:20px;} .userBox .formBox{position:relative;} .addressBook .address .eBut, .payMethods .payMethod .eBut {text-align:right;} .userBox .eBut{position:absolute;bottom:10px;right:10px;text-align:right;} .userArea p.nothing{padding:0 10px;margin-bottom:20px;} /* DASHBORAD */ .userInfo .formBox{height:100px;} .dashboard #my-reviews-table{margin-bottom:10px;} /* @end */ /* ORDER TABLE DASHBORD */ #my-orders-table td.order{width:75px;} #my-orders-table td.date{width:90px;text-align:center;} #my-orders-table td.shipTo{width:200px;} #my-orders-table td.oTotal{width:100px;text-align:center;} #my-orders-table td.status{width:100px;text-align:center;} #my-orders-table td.nextStep{width:161px;text-align:right;} #my-orders-table td.nextStep a{display:block;} /* @end */ /* ORDER */ #my-orders-table{margin-bottom:20px;} #my-orders-table td.pName{width:236px;} #my-orders-table .pName dd,#my-orders-table .pName dt{float:left;width:60px;} #my-orders-table .pName dd{width:176px;} #my-orders-table td.sku{width:140px;} #my-orders-table td.countOder, #my-orders-table td.price, #my-orders-table td.countOder, #my-orders-table td.oderShipp, #my-orders-table td.oderCancel {width:60px;text-align:center;} #my-orders-table td.sTotal{width:100px;text-align:right;} /* @end */ /* ORDER */ .orderDetails .orderFacts{overflow:hidden;margin-bottom:10px;padding:0 10px;} /* @end */ /* REVIEWS TABLE */ #my-reviews-table td.date{width:90px;} #my-reviews-table td.product{width:273px;} #my-reviews-table td.rating{width:70px;text-align:center;} #my-reviews-table td.rating .rating-box{margin-top:3px;} #my-reviews-table td.comment{width:200px;} #my-reviews-table td.nextStep{width:100px;text-align:right;} /* @end */ /* WISHLIST TABLE */ #wishlist-table{margin-bottom:20px;} #wishlist-table td.product{width:283px;} #wishlist-table td.product .product-image{margin:0 10px;float:left;} #wishlist-table td.product .articleBox{float:left;width:188px;} #wishlist-table td.product .articleBox .product-name{margin-bottom:5px;} #wishlist-table td.comment textarea{width:200px;} #wishlist-table td.date{width:100px;text-align:center;} #wishlist-table td.addTo{width:121px;text-align:center;} #wishlist-table td.delete{width:20px;} #wishlist-table td.delete img{margin-top:5px;} /* WISHLIST SHARE TABLE */ #wishlistShareTable {margin-bottom:20px;} #wishlistShareTable .product{width:500px;} #wishlistShareTable .action{width:166px;} #wishlistShareTable .comment{width:300px;} #wishlistShareTable td.product .product-image{margin:0 10px;float:left;} #wishlistShareTable .product-name{display:block;} /* @end */ /* @end */ /* ADDRESSES */ .addressBlock .formBox{height:150px;position:relative;} .addressBook{overflow:hidden;} .addressBook .bill,.addressBook .rBox .address{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #DDD;} .addressBook .rBox .last{margin-bottom:0;padding-bottom:0;border-bottom:none;} /* @end */ /* NEWSLETTER ABO */ .addNews .singleForm{padding:0 10px 10px;margin-bottom:20px;border-bottom:1px solid #DDD;} /* @end */ /* PAY METHODS */ .payMethods .payMethod{margin-bottom:10px;} .payMethods .payType{overflow:hidden;} .payMethods .payType strong{float:left;margin-right:10px;} /* @end */ /* @end USER AREA */ /* TABLES */ .zTable{border:2px solid #DDDDDD;} .zTable .head td{line-height:1.3em;background-color:#F3F3F3;padding:5px;vertical-align:middle;} .zTable .tFooter td{border:none;padding:5px;background-color:#F5F5F5;} .zTable td{border-bottom:1px solid #DDDDDD;padding:13px 5px 10px;} .zTable .head td,.zTable .last td{border-bottom:0;} /* @end TABLES */ /* FLATPAGES */ .flatpage .bBox{border:1px solid #DDD;padding:10px;margin-bottom:10px;} .flatpage p,.flatpage .mBottom{margin-bottom:20px;} /* PRESS */ .col-left .flatNav{margin-bottom:200px;} .flatpage h2{border-bottom:1px solid #DDD;margin-bottom:20px;padding:3px 0 2px;} .flatpage h4{margin-bottom:20px;} .pdfDown{display:block;margin-top:10px;} .pdfDown span{background-position:-51px -69px;width:12px;height:14px;float:left;margin-right:5px;} .allLink{display:block;text-align:right;} /* NAV */ #wrapper .flatNav ul{max-height:none;border:none;padding:0;} #wrapper .flatNav ul.social,#wrapper .flatNav ul .titleContact{margin:30px 0 0;} #wrapper .flatNav ul .titleContact{margin-bottom:10px;} .flatNav .sub{margin-left:10px;} .flatNav .subSub{margin-left:20px;} .flatNav .titleContact{border-bottom:1px solid #DDDDDD;font-weight:bold;} .flatNav .titleContact a{color:#404040;} .flatNav .contact span{font-weight:normal;} .flatNav .twitterP{margin-top:10px;} .flatNav .social{margin-bottom:0;} .flatNav .social li{overflow:hidden;margin-bottom:10px;} .social .txt{font-weight:normal;float:left;margin-top:5px;color:#264C7D;} .social a{display:block;overflow:hidden;} .social a:hover .txt{text-decoration:underline;} .social .sprite{display:block;float:left;height:31px;margin-right:10px;width:31px;} .social .faceBook .sprite{background-position:-124px -130px;} .social .twitter .sprite{background-position:-91px -130px;} .social .zalBlog .sprite{background-position:-156px -130px;} /* @end */ /* OVERVIEW */ .overview h4{margin-bottom:10px;} .overview .leftBlock{float:left;width:523px;margin-right:10px;} .overview .mirror{overflow:hidden;margin-bottom:10px;} .overview .pressBlock{border:1px solid #DDD;padding:10px;} .overview .contactBlock{float:left;width:257px;} .overview .contactBlock .border{border:1px solid #DDD;padding:10px;} .overview .contactBlock .contact{overflow:hidden;} .overview .contactBlock .contact .first{border-bottom:1px solid #DDD;padding-bottom:10px;margin-bottom:10px;} /* @end */ /* ABOUT */ .about p{margin-bottom:10px;} .about h4{margin-bottom:5px;} /* @end */ /* HISTORY */ .history .jear{ padding-left:54px; background: transparent url(/skin/frontend/zalando/default/img/flatpages/press/timeline.gif) no-repeat 0 0; padding-bottom:40px; list-style-type: disc; } .history .nine{background-position: 0 -221px;} .history .ten{background-position: 0 -866px;} .history li{margin-bottom:10px;} /* @end */ /* FACTS */ .facts ul li.even,.facts ul li.odd{overflow:hidden;padding:5px 10px;} .facts ul li.even{background-color:#DDD;} .facts ul li label{float:left;width:200px;font-weight:bold;} .facts ul li .info{float:left;width:566px;} .facts p.timeStamp{margin:10px;text-align:right;} /* @end */ /* PRESS RELEASE */ .pressBlock h4{margin:0;} .pressBlock{border-bottom:1px solid #DDD;padding-bottom:15px;margin-bottom:20px;} .pressBlock i{margin-bottom:10px; display:block;} /* @end */ /* MIRROR */ .mirror .article{border:1px solid #DDD;padding:10px;margin:0 10px 10px 0;width:235px;float:left;} .mirror .last{margin-right:0;width:234px;} .mirror .imageBox{height:60px;} .mirror dl{overflow:hidden;margin-top:10px;} .mirror dt,.mirror dd{float:left;margin-bottom:5px;} .mirror dt{width:70px;margin-right:5px;font-weight:bold;} .mirror dd{width:159px;} /* @end */ /* DOWN OVER */ .overDown .productDown, .overDown .logoDown, .overDown .teamDown, .overDown .trailerDown, .overDown .logoDown {float:left;width:390px;} .overDown p{padding-bottom:5px;border-bottom:1px solid #DDD;margin-bottom:40px;} .overDown h3{margin-bottom:10px;} .overDown li img{width:168px;} .overDown .logoDown li{width:168px;} .overDown .productDown,.overDown .teamDown{margin-right:10px;} .overDown .productDown,.overDown .logoDown{margin-bottom:20px;} /* @end */ /* PRODUCT/TEAM/SPOT DOWN */ .productDown h4{margin-bottom:0;} .productDown p{margin-bottom:20px;} .productDown ul li, .trailerImgDown li, .teamDown ul li{ width:168px; float:left; padding:10px; border:1px solid #DDD; margin:0 10px 10px 0; text-align:center; } .productDown ul li.last, .trailerImgDown li.last, .teamDown ul li.last{margin-right:0;} .productDown ul li b, .productDown ul li a, .trailerImgDown li b, .trailerImgDown li a, .teamDown ul li b, .teamDown ul li a{display:block;} .teamDown ul.teamUl{overflow:hidden;margin-bottom:20px;} .productDown ul li b,.teamDown ul li b,.trailerImgDown li b{border-bottom:1px solid #DDD;padding-bottom:5px;margin-bottom:5px;} .productDown ul li img,.teamDown ul li img,.trailerImgDown li img{width:168px;margin-bottom:10px;} /* @end */ /* PRODUCT/LOGO DOWN */ .logoDown p{margin-bottom:20px;} .logoDown ul li{ width:234px; float:left; padding:10px; border:1px solid #DDD; margin:0 10px 10px 0; text-align:center; } .logoDown ul li.last{margin-right:0;} .logoDown ul li b,.logoDown ul li a{display:block;} .logoDown ul li b{border-bottom:1px solid #DDD;padding-bottom:5px;margin-bottom:5px;} .logoDown ul li img{margin-bottom:10px;} /* @end */ /* TRAILER DOWN */ .trailerDown p{margin-bottom:20px;} .trailerDown .trailer{overflow:hidden;margin-bottom:10px;} .trailerDown .object,.trailerDown ul{float:left;} .trailerDown ul.facts{margin-left:10px;width:390px;} .trailerDown ul.facts label{display:block;float:left;width:130px;font-weight:bold;} .trailerDown ul.facts h3{margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #DDD;} .trailerDown .trailerImgDown{margin-top:50px;} /* @end */ /* PRESS REG */ .pressReg .pros,.pressReg p{margin:10px 0 20px 0;} .pressReg p{margin-top:0;} .pressReg .pros li{margin-bottom:5px;} .pressReg .pros .sprite{background-position:0 -192px;width:18px;height:18px;float:left;margin-right:5px;} .pressReg fieldset{background:transparent url(/skin/frontend/zalando/default/img/flatpages/press/presseverteiler.gif) no-repeat scroll right bottom;display:block;} .pressReg fieldset ul{overflow:hidden;width:600px;} .pressReg .key,.pressReg .value{float:left;margin-bottom:10px;} .pressReg .key{margin-right:10px;width:200px;} .pressReg .value{width:390px;} .pressReg .input-text{width:377px;} .pressReg .button{margin-left:210px;} /* @end */ /* CONTACT */ .contacts .contact{ overflow:hidden; float:left; width:363px; padding:10px; border:1px solid #DDD; } .contacts .first{margin-right:10px;} .contact h4{border-bottom:1px solid #DDD;margin:5px 0 10px;padding-bottom:5px;} .contact img{margin-right:10px;float:left;overflow:hidden;} .contact li{overflow:hidden;} .contact .sprite{float:left;width:20px;height:18px;} .contact .phone span{background-position:-91px -171px} .contact .phone .txt{margin-top:2px;} .contact .mail span{background-position:-66px -172px;} /* @end */ /* NEWSLETTER */ .newsletter .leftBlock{width:780px;margin-right:20px;float:left;} .newsletter .infoBlock,.newsletter .formBlock{overflow:hidden;} .newsletter .inputBlock{width:251px;float:left;margin-right:10px;} .newsletter .infoBlock {margin-bottom:20px;} .newsletter .infoBlock li{float:left;width:242px;border-right:1px solid #DDD;padding-right:10px;margin-right:10px;height:115px;} .newsletter .infoBlock li.last{width:244px;border-right:none;padding-right:0;} .newsletter .infoBlock li h3{margin-bottom:10px;border-bottom:1px solid #DDD;} .newsletter .formBlock input{width:238px;} .newsletter a{font-weight:bold;margin-top:5px;margin-bottom:20px;display:inline-block;} /* @end */ /* @end */ /* HELP */ .help p,.help ol,.help ul{margin-bottom:15px;} .help h3{margin-bottom:5px;} .help h4{margin-bottom:5px;} .help .sizeTable{margin-top:5px;font-size:15px;display:block;} .help .bankData label,.help .postData label{float:left;font-weight:bold;width:150px;} .help .zTable{margin-bottom:20px;} .help .zTable td{width:100px;text-align:center;} /* SIZEINFO */ .help .titleImg{float:left;margin-right:10px;} .sizeShape p,.help .imgBlock{width:590px;float:left;} /* @end */ /* @end */ /* IMPRINT */ .imprint p,.imprint ul{margin-bottom:15px;} .imprint h3{margin-bottom:5px;} .imprint ul label{float:left;font-weight:bold;width:110px;} /* @end */ /* DATASECURITY */ .datasecurity p,.datasecurity ul{margin-bottom:15px;} .datasecurity strong{display:block;} /* @end */ /* AGBs */ .agb p{margin-bottom:10px;} .agb h4{margin-bottom:5px;} /* @end */ /* PARTNER */ .partner img{border:1px solid #DDD;margin-bottom:20px;} .partner ul{width:500px;float:left;} .partner ul li{margin-bottom:5px;overflow:hidden;} .partner ul li .left{width:478px;} .partner ul .sprite{background-position:-1px -190px;width:17px;height:17px;margin-right:5px;float:left;} .partner .contact{margin-bottom:20px;} .partner .contact,.partner .mailUs,.partner .callUs{overflow:hidden;} .partner .callUs{margin-bottom:10px;} .partner .callUs .left{margin-right:10px;} .partner .contact .title{float:left;margin-right:5px;width:130px;} /* @end */ /* @end FLATPAGES */ /* FOOTER */ .footer{border-top:1px solid #DDD;padding-top:20px;margin:20px 0;} .footer .fLinks{float:left;width:646px;margin-right:10px;} .footer .rBlock{float:left;width:344px;} .footer .fLinks ul{float:left;width:154px;margin-right:10px;} .footer .fLinks ul.Ccards,.footer .fLinks ul.last{margin-right:0;} .footer .fLinks .title{border-bottom:2px solid #DDD;margin:0 0 5px 0;width:auto;height:auto;} .footer .fLinks #paypal_logo{width:78px;} .footer .fLinks #dhl_logo{width:78px;background-position: 0 10px;} .footer .fLinks ul li a{font-size:11px;} .footer .fLinks ul.social li{margin-bottom:5px;} .footer .fLinks .brands{margin-top:5px;} .footer .fLinks .brands li{line-height:1em;} .footer .fLinks .brands a{font-size:10px;} .footer .newsletterReg #newsletter{margin:0 5px 5px 0;width:225px;} .footer .newsletterReg a{margin-bottom:10px;display:block;cursor:pointer;} .footer .rBlock .formBox{margin-bottom:10px;} .footer .rBlock .imgBlock{border:2px solid #DDD;margin-bottom:10px;} .footer .rBlock .imgBlock a{display:block;border-top:1px solid #DDD;} .footer .rBlock #dhl_logo{width:134px;height:42px;background-position:-51px 0;float:left;margin-right:10px;} .footer .rBlock .txt{float:left;margin-top:5px;font-weight:bold;line-height:1.2em;} /* CECKOUT FOOTER */ .footerCheckout{border-top:1px solid #DDD;margin:20px 0;padding-top:20px;text-align:center;} /* @end */ /* @end */ /* PRINT */ .printPage{width:650px;margin:0 auto;} .printPage .logo{padding-bottom:20px;margin:20px 0;border-bottom:1px solid #DDD;} .printPage .printHead{margin-bottom:20px;} .printPage h3{border-bottom:1px solid #DDD;margin-bottom:10px;} .printPage .twoCol{overflow:hidden;margin-bottom:20px;} .printPage .twoCol .lCol,.printPage .twoCol .rCol{float:left;width:325px;} .printPage .twoCol .rCol{text-align:right;} /* @end */ /*************************************** IE HACKING ***************************************/ *html .agb .overflow, *html .userArea .pageTitle, *html .formBox, *html .twoBlocks, *html .trailerDown .trailer, *html .payMethods .payData, *html .methods-facts, *html .formHead, *html .borderBlock, *html .footer .brands, *html .overflow {zoom:1;} *html table{border-collapse:collapse;} /* IE6 HACK */ *html .history .jear{padding-left:57px;} /* FORM */ .loginArea .lBox{float:none;} /* @end */ /* USERAREA */ *html .addressBook {margin-bottom:20px;} *html .userBox li.checkline{float:none;} /* @end */ /* @end */ /* IE7 HACK */ *+html .contactBlock .border, *+html .formBox, *+html .twoBlocks, *+html .userArea .pageTitle, *+html .formHead {zoom:1;} *+html table{border-collapse:collapse;} /* USERAREA */ *+html .dashboard .userBox{margin-bottom:20px;} *+html .addressBook {margin-bottom:20px;} *+html .userBox li.checkline{float:none;} /* @end */ *+html .overview .contactBlock .contact {margin-bottom:11px;} *+html .history .jear{padding-left:56px;} /* @end */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-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. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /************************************************/ /******************** Clears ********************/ /************************************************/ .clearer:after, .header:after, #nav:after, .main:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block-poll li:after, .block-related li:after, .block-related .item:after, .block .actions:after, .mini-products-list li:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .products-list li.item:after, .product-view .product-img-box .more-views ul:after, .product-view .tags .form-add-tags:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .field-100:after, .group-select li:after, .form-list li:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Seo brand page */ .seotable { align:center; } .seotable .navbarbox { border: 1px solid rgb(222, 221, 217); padding-top:10px; padding-bottom:10px; position:relative; text-align:left; width:180px; } .seotable .navbarbox h2{ color:#264C7B; font-size:26px; font-weight:bold; line-height: 1em; padding-left:5px; padding-right:5px; text-align:center; } .seoblock { padding-right:15px; padding-top:20px; padding-bottom:20px } .seoblock p { text-align:justify; width:700px; } .seo img { padding-top:0.4em; } .seo span { padding-left:15px; } #seolink { padding-right:75px; text-align:right; } #review { color:#666666; font-weight:bold; float:left; } #reviewDetail { text-align:left; float:left; padding-top:5px; } #reviewDetail p { text-align:justify; } #btmlink { color:#264C7B; padding-bottom:5px; padding-top:10px; text-align:center; width:160px; } #seotoplink { float:right; padding-right:75px; padding-top:5px; padding-bottom:5px; } #menu { padding-left:10px; padding-bottom:15px; } #menulink { font-size:13px; color:#000000; padding-left:5px; } #slink { color:#264C7B; font-weight:bold; font-size:14px; padding-left:5px; } #alink { font-size:14px; color:#264C7B; font-weight:bold; padding-left:5px; } .block-category-seo-description { border:1px solid #ddd; width:180px;} .block-category-seo-description h2 { color:#264C7B; font-weight:bold; padding-top:5px; text-align:center; } .block-category-seo-description .block-category-seo-description-content { color:#777777; padding:10px; text-align:left; font-size:11px; } .block-category-seo-description .block-category-seo-description-content a, .block-category-seo-description .block-category-seo-description-content p{ color:#777777; } .top-menu3-left { float:left; padding-top:5px; width:390px; } .top-menu3-right { float:right; padding-top:5px; width:390px; } .top-menu-bar { color:#264C7B; font-size:18px; font-weight:normal; line-height:1.50; font-weight:bold; } .top-menu-bar h2{ font-weight:bold; } .top-menu-bar h2{ font-weight:bold; } .top-menu-bar .right{ float:right; } .top-menu-bar .left{ float:left; } .top-menu-bar-similar { color:#264C7B; font-size:14px; font-weight:normal; line-height:1.80; font-weight:bold; } .top-menu-bar-similar .right{ float:right; } .top-menu-bar-similar .left{ float:left; } .review-box{ padding-top:10px; padding-left:10px; } .review-box a{ color:#264C7B; font-weight:normal; text-decoration:underline; font-size:17px; } .reviewLinkBox .linkToCatalog1{ text-align:center; padding-bottom:15px; } .reviewLinkBox .linkToCatalog1 a{ color:#264C7B; text-decoration:underline; font-size:9px; font-weight:bold; } .reviewLinkBox .linkToCatalog2 { text-align:center; } .reviewLinkBox .linkToCatalog2 a { color:#264C7B; text-decoration:underline; font-size:9px; font-weight:bold; } .reviewLinkBox{ padding:5px 0px 5px 5px; vertical-align:middle; width:100px; } .reviewLinkBox .linkArrow{ float:left; padding-top:5px; height: 40px; } #fourProductsBox { width:782px; } .seo-all-products h4{ color:#264C7B; } .seo-all-products a{ font-size:11px; } .toAllProducts{ text-align:center; font-size:14px; font-weight:bold; padding:10px 0px 10px 0px; } .toAllProducts a{ color:#777777; text-decoration:underline; } .seo-all-products .left,.seo-all-products .right {width:390px;} .seo-all-products .left{padding-right:10px;} .seo-all-products .right{padding-left:10px;} .nomanu-text{ padding:30px 60px 30px 60px; text-align:center; font-weight:bold; } #seo-border-line{ border-top: 1px solid rgb(224, 223, 219); width:782px; } .review-title-content { float:left; } .review-box { width:782px; } .seotable .more-products { float:right; padding-top:5px; } .more-products { float:right; } .seotable .product-name a{font-size:12px;} /* Zalando Carousel */ #horizontal_carousel { float: left; width: 580; height: 380px; position: relative; } #horizontal_carousel .container { float: left; width: 580px; height: 380px; position: relative; overflow: hidden; } #horizontal_carousel ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 380px; } #horizontal_carousel ul li { width: 580px; height: 380px; text-align: center; list-style:none; float:left; } #horizontal_carousel a img { border : 0 none; } #horizontal_carousel .previous_button { position:absolute; top:160px; left: 5px; width: 35px; height: 35px; background: url(/skin/frontend/zalando/default/images/carousel/png24/narrow_left_normal.png); z-index: 100; cursor: pointer; } #horizontal_carousel .previous_button_over { background: url(/skin/frontend/zalando/default/images/carousel/png24/narrow_left_hover.png); } #horizontal_carousel .next_button { position:absolute; top:160px; left:540px; width: 35px; height: 35px; background: url(/skin/frontend/zalando/default/images/carousel/png24/narrow_right_normal.png); z-index: 100; cursor: pointer; } #horizontal_carousel .next_button_over { background: url(/skin/frontend/zalando/default/images/carousel/png24/narrow_right_hover.png); } div.ajaxcartpro_progress{ border: 2px solid #244c7d; display: block; position: absolute; text-align: center; padding: 10px; background-color: #ffffff; z-index: 9998; top:200px; left: 40% !important; /* top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); */ } div.ajaxcartpro_confirm{ border: 2px solid #244c7d; display: block; position: fixed; padding: 10px; background-color: #ffffff; z-index: 9999; left:50%; width:327px; xmargin-left: -130px; /* top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); */ } div.ajaxcartpro_failed{ border: 2px solid #244c7d; display: block; position: fixed; padding: 10px; background-color: #ffffff; z-index: 9999; left:50%; width:327px; xmargin-left: -130px; /* top: expression(document.getElementsByTagName( 'body' )[0].scrollTop + "px"); */ } #aw_acp_continue{ margin-right:5px; } #aw_acp_checkout{ margin-left:5px; } .ajaxcartpro_put_in_cart { margin:10px 0 10px 10px; color:#666; font-size:15px; font-family:arial, sans-serif; } .ajaxcartpro_payment_head { font-size:12px; font-family:arial, sans-serif; padding-left:5px; color:#666; } .ajaxcartpro_payment_list { font-size:12px; font-family:arial, sans-serif; margin-top:3px; color:#666; line-height:110%; } .ajaxcartpro_payment_list li { padding-left:5px; margin-bottom:5px; } .ajaxcartpro_payment_list small { font-size:10px; font-family:arial, sans-serif; color:#666; } .leightbox { display: none; position: absolute; top: 50%; margin-top: -20px; margin-left: -120px; left: 50%; width: 240px; height: 50px; padding: 1em; border: 1em solid #B8B8B8; text-align: left; z-index:1001; overflow: auto; border: 2px solid #244c7d; text-align: center; padding: 10px; background-color: #ffffff; } #overlay{ display:none; position:absolute; background-color:#000000; top:0; left:0; width:100%; height:100%; z-index:1000; -moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40); } .lightbox[id]{ /* IE6 and below Can't See This */ position:fixed; }#overlay[id]{ /* IE6 and below Can't See This */ position:fixed; } /* Product View ========================================================================== */ .product-view { clear:both; color:#666; overflow:hidden; } .product-view h2, .product-view h3 { margin-bottom:10px; } .product-view h2, .product-view h3 a { text-decoration:none !important; } .product-view .backToCatalog { background-image:url('/skin/frontend/zalando/default/images/productdetails/btnBackToCategory.gif'); color:#fff; display:block; height:23px; font-size:10px; font-weight:bold; margin-left:15px; text-decoration:none; width:148px; } .product-view .boxCollateral {overflow: hidden;clear:left;} .product-view .boxRelated ul { float:left; margin:0 auto; } .product-view .boxRelated ul li { float:left; font-size:11px; padding:5px 10px; text-align:center; } .product-view .boxRelated ul li a, .product-view .boxRelated ul li span { display:block; width:80px; } .product-view .boxRelated ul li span.price { color:#264C7B; font-weight:bold; } /* RELATED BOX */ .product-view .breadcrumbs{float:left;width:750px;} .product-view .boxRelated{float: left;text-align: right;width:230px;} .product-view .boxRelated .buttonCenter a,.product-view .boxRelated .txt{margin-top: 6px;display:inline-block;font-weight: bold;font-size:11px;} .product-view .boxRelated .buttonLeft .txt{text-align: right;} .product-view .boxRelated .buttonCenter{text-align: center;width: 600px;} .product-view .boxRelated .buttonRight span,.product-view .boxRelated .buttonLeft span{width:6px;height:11px;display:inline-block;} .product-view .boxRelated .buttonRight span{background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -57px -125px;} .product-view .boxRelated .buttonLeft span{background:transparent url(/skin/frontend/zalando/default/img/sprite-icon.gif) no-repeat scroll -49px -125px;} /* @end */ /* GALLERY */ .more-views{overflow:hidden;margin-top:14px;} .more-views p{float:left;width:53px; font-size:11px;line-height:12px;} .more-views ul li{float:left;border:1px solid #DDDDDD;margin-left:5px;} .more-views ul li.first{margin-left:0;} /* MAGIX ZOOM */ #boxMediaWrapper{ float:left; width:362px !important; height:482px !important; position:relative; padding:7px 7px 0 7px; background:transparent url(/skin/frontend/zalando/default/img/zoom-bg.jpg) no-repeat scroll 0 0; } #boxMedia{ line-height:auto; width:362px !important; height:411px !important; margin: 0 auto; } #boxMediaWrapper .more-views{ float:left; position:absolute; bottom:0; width:372px; } #boxMedia .MagicThumb{ margin:0 auto; } #boxMedia .center a{ margin-top:5px; } #MagicZoomPup{margin:0 0 0 0;} .MagicThumb-container{left:511px !important;top:213px !important;} .MagicZoomBigImageCont {border:1px solid #DDDDDD;width:409px !important;height:480px !important;} #MagicZoomPlusImagemagictoolbox1-big{position:absolute;left:380px;height:1px;} /* @end */ /* @end */ /* BOX DETIALS */ .product-view-content{float:left;margin:0 10px 10px 0;width:790px;} .product-view-sidebar{float:left;width:200px;margin-bottom:10px;} .boxEssential{float:left;margin-bottom:19px;width:800px;} .product-view .boxEssential .boxDetails { float:left; height:460px; margin:7px 0 0 3px; padding:10px; width:389px; } .boxDetails .manufacturer{margin:20px 0 30px;} #choiseProductSizes{overflow:hidden;} #choiseProductSizes label{float:left;margin-right:5px;} #choiseProductSizes span{color:#264C7B;font-size:11px;float:left;font-weight:normal;} #choiseProductSizes .sprite{ background-position:-49px -137px; display:block; margin:6px 0 0 5px; height:8px; width:19px; float:left; } .boxDetails .logo{margin-right:10px;vertical-align:baseline;} .product-view .boxEssential .boxDetails .optionsbox a.sizeReminder {display:block;margin-top:10px;} .product-view .boxEssential .boxDetails .optionsbox a.sizeReminder .left{margin-top:1px;} .product-view .boxEssential .boxDetails .optionsbox a.sizeReminder .sprite{ float:left; width:22px; height:20px; margin-right:5px; background-position:-48px -150px; } .product-view .boxEssential .boxDetails .keyreview{margin-top:10px;} .product-view .boxEssential .boxDetails .keyreview .sprite{ display:block; float:left; width:22px; height:20px; margin-right:5px; background-position:-240px -164px; } .product-view .boxEssential .clothes .keyreview .sprite{background-position:-216px -163px;height:22px;} .product-view .boxEssential .boxDetails .optionsbox {margin-bottom:10px;} .product-view .boxEssential .boxDetails label{ font-weight:bold } .product-view .boxEssential .boxDetails .optionsbox #listProductSizes {margin:5px 0 0;overflow:hidden;} .product-view .boxEssential .sizeInfo{clear:both;overflow:hidden;} /* DESCRIPTION */ /* TABS */ .boxDescription {overflow:hidden;} .boxDescription .tabs{overflow:hidden;position:relative;top:1px;} .boxDescription .tabs li{float:left;margin-right:5px;cursor:pointer;} .boxDescription .tabs li a{ cursor:pointer; font-weight:bold; padding:10px 10px 0 10px; display:block; height:22px; float:left; background:transparent url(/skin/frontend/zalando/default/img/sprite-1px.gif) repeat-x 0 -64px; text-decoration: none; border:1px solid #DDDDDD; } .boxDescription .tabs li.active a,.boxDescription .tabs li a:hover{ background:#FFF none;color:#666;border-bottom-color: #FFF; } .boxDescription .tabs li .rating-box{float:left;margin:3px 5px 0 0;} .boxDescription .tabs li .rating{display:block;} /* @end */ /* COMMENTS */ /* RATINGS */ #product_rating_container .buttonBox{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #DDD;} #customer-reviews .review,#customer-reviews dl dt{margin-bottom:10px;overflow:hidden;} #customer-reviews .review .line{margin:0 5px 0 5px;float:left;overflow:hidden;} /* @end */ .boxRating h3{margin-bottom:20px;} #customer-reviews dl dd {border-bottom: 1px solid #DDD;margin-bottom:10px;} #customer-reviews dl dd .reviewTitle {font-weight:bold;} #customer-reviews dl dd .reviewDetail {margin-bottom:10px;} .boxRating .buttonBox{text-align:center;margin-bottom:30px;} /* @end */ /* @end */ .product-view .boxEssential .boxDetails .reviewAverageTable { margin:0 -5px 15px 0; } .product-view .boxEssential .boxDetails .reviewAverageTable td{ color:#777777; font-size:11px; font-weight:bold; padding:2px 5px 0 0;} .product-view .boxEssential .boxDetails .reviewAverageTable td .rating-box { margin:0 5px 0 0; width:70px; } /* BOXCHECKOUT */ .product-view-sidebar .boxCheckout { width:180px; background-color:#EEE; margin: 7px 0 10px 0; padding:10px; } .product-view-sidebar .boxCheckout .boxPrice { overflow:hidden;color:#666; font-size:12px; font-weight:bold; text-align:center; background-color:#fff; border:1px solid #ddd; margin-bottom:10px; padding:10px 10px 5px 10px; } .product-view-sidebar .boxCheckout .boxPrice .priceHint {text-align:right;} .product-view-sidebar .boxCheckout .boxPrice .price-box { overflow:hidden; } .product-view-sidebar .boxCheckout .boxPrice .price-label { float:left; font-weight:bold; } .product-view-sidebar .boxCheckout .boxPrice .price { color:#cd5033; float:right; } .product-view-sidebar .boxCheckout .boxPrice .regular-price .price { color:#666; font-size:18px; } .product-view-sidebar .boxCheckout .boxPrice .old-price { font-weight:normal;overflow:hidden;} .product-view-sidebar .boxCheckout .boxPrice .old-price .price { color:#264c7b; font-size:14px; } .product-view-sidebar .boxCheckout .boxPrice .special-price { font-size:18px; line-height:24px; } .product-view-sidebar .boxCheckout .boxPrice .special-price .price { font-size:18px; line-height:24px; } .product-view-sidebar .boxCheckout .boxPrice .save-price .price { font-size:14px; } .product-view-sidebar .boxCheckout .boxPrice .inclTax {text-align:right; } .product-view-sidebar .boxCheckout .freeShipping .sprite { background-position:0 -189px; float:left; height:20px; width:20px; } #popupRecommendOpener{margin:30px 0 10px;} .boxCheckout a{display:block;} .boxCheckout a .sprite{ width:6px; height:10px; margin-right:5px; display:inline-block; background-position:-58px -125px; } .cartButtonBox{position:relative;} .cartButtonBox .sprite{ position:absolute; left:-150px; top:-10px; width:137px; height:49px; padding:10px 0 0 10px; font-weight:bold; background-position:-64px -69px; } .product-view-sidebar .boxCheckout .freeShipping {float:right;margin-top:10px;} .product-view-sidebar .boxCheckout .freeShipping .txt {float:left;margin-left:5px;} .product-view-sidebar .boxCheckout .freeShipping .orange{color:#f58640;} .product-view .boxCollateral .boxUpsells{ float:left; overflow:auto; margin:1px 10px 0 0; padding:10px 0 10px 10px; width:357px; height:596px; border:1px solid #DDDDDD; } /* @end */ .product-view .boxCollateral .boxRelated .reviews { height:370px; overflow:auto; } .product-view .boxCollateral .boxRating a.linkReview:hover { color:#666666; } .product-view .boxCollateral .boxRating .reviews {padding-right:10px;} .product-view .boxCollateral .boxRating .reviews dl dt { color:#000; } .product-view .boxCollateral .boxRating .reviews dl dt strong { color:#000; } .product-view .boxCollateral .boxRating .reviewTablePercent { margin-bottom:10px; } .product-view .boxCollateral .boxRating .reviewTablePercent .review-summary { font-size:10px; font-weight:bold; } .product-view .boxCollateral .boxUpsells .content { margin-left: auto; margin-right: auto; } .product-view .boxCollateral .boxUpsells ul { float:left; margin:0 auto; text-align:center; } .product-view .boxCollateral .boxUpsells ul li { float:left; font-size:11px; padding:5px 0px 5px 0; text-align:center; width: 93px; white-space: nowrap; } .product-view .boxCollateral .boxUpsells .price { color:#264C7B } .product-view .boxCollateral .boxUpsells ul li .spacer { width: 93px; } .product-view .boxCollateral .boxDescription .facts{ padding:10px 0 10px 10px; border:1px solid #DDDDDD; } .product-view .boxCollateral .boxDescription .facts .scroll{ height:450px; padding-right:10px; overflow:auto; } .product-view .boxCollateral .boxDescription .facts ul { padding:15px 0 0 20px;margin-bottom:20px;} .product-view .boxCollateral .boxDescription .facts ul li { list-style-type:square; line-height:18px; } .product-view .boxCollateral .boxDescription .zTable .function{width:229px;} .product-view .boxCollateral .boxDescription .zTable .feature{width:229px;} .product-view .boxCollateral .boxDescription .zTable .tech{width:100px;text-align:center;} .product-view .boxCollateral .boxDescription .zTable .pro{width:150px;} /* Rating */ .reviewAverage{overflow:hidden;} .rateType{float:left;} .rateType label,.review label{float:left;font-size:10px;font-weight:bold;line-height:1.3em;margin-right:5px;color:#515151;} .rating-box {width:69px;height:13px;float:left; background:url(/skin/frontend/zalando/default/images/bg_rating.gif) 0 0 repeat-x; overflow:hidden; } .boxDetails .rating-box {float:left;margin-right:10px;} .boxDetails .rateType .last{margin-right:0;} .rating-box .rating{height:12px;background:url(/skin/frontend/zalando/default/images/bg_rating.gif) 0 100% repeat-x; } .reviewAverage .rates{overflow:hidden;} .reviewAverage p{margin:5px 0 10px;} .reviewAverage .keyreview{overflow:hidden;} /* Availability */ .availability { font-size:11px; font-weight:bold; padding-bottom:10px; } .availability .in-stock { color:#009900; } .availability .out-of-stock { color:#f00; } .boxDetails #advice-required-entry-productSizeId{display: none;} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box .price { font-weight:bold; } .price-box-bundle {} /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .boxEssential .product-name {margin-bottom: 10px;} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /****************************************************************************************************************/ #MB_overlay {height:100%;width:100%;background:#000;position:fixed;top:0;left:0;zoom:1;} #popupRecommend {} #popupRecommend .content, #popupSizeReminder .content { padding:0;width:540px; } #popupRecommend .content .form, #popupSizeReminder .content .form { padding:20px; } #popupRecommend .content .close, #popupSizeReminder .content .close { border:0;float:right; height:28px; width:28px; background:#7888A0 url(/skin/frontend/zalando/default/images/kreuz.png) no-repeat -3px -3px; overflow:hidden; } #popupRecommend .content #recipients { clear:both; } #popupRecommend .content #recipients .recipient { margin-top:10px; } #popupRecommend .content #add-recipient, #popupRecommend .content .remove-recipient { cursor:pointer; } #popupRecommend .content #add-recipient { margin-top: 20px; }