/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * 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. * * @category design * @package enterprise_default * @copyright Copyright (c) 2010 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Reset ================================================================================= */ * { margin:0; padding:0; } html { background:#FAF1EF url(../images/matmag/background.png) 0 0 repeat; } body { background: transparent url(../images/matmag/background-header.png) 0 0 repeat-x; font-family: Arial; font-size: 12px; color:#444; text-align:center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} img { border:0; vertical-align:top; } hr { display: block; background: url("../images/matmag/bkg-hr.jpg") no-repeat center; border: none; height: 7px; } a { color:#444; text-decoration:none; } a:hover { text-decoration:none; } :focus { outline:0; } p { line-height:18px; } /* Headings */ h1 { color: #41374D; font-family: times New Roman; font-size: 22px; font-style: italic; font-weight: normal; } h2 { font-size:16px; font-weight:normal; color:#000; } h3 { font-size:14px; font-weight:bold; } h4 { font-size:13px; 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-collapse:collapse; 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 { font-size:10px; } big { font-size:1.2em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .rose { color: #F1316E; } .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } td.a-center a.nobr, td.a-center span.nobr a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; text-transform: lowercase; } .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:top; } .v-middle { vertical-align:middle; margin-top: -2px; } .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; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { min-width:980px; } .store-1 { background:url(../images/matmag/bkg-soldes.png) no-repeat top center; min-width:980px; } .store-4 { background:url(../images/matmag/bkg-soldes.png) no-repeat top center; min-width:980px; } .store-3 { background:url(../images/matmag/bkg-sale.png) no-repeat top center; min-width:980px; } .store-6 { background:url(../images/matmag/bkg-sale.png) no-repeat top center; min-width:980px; } .page { width:980px; margin:0 auto; text-align:center; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .main { margin:4px 0 0 0; min-height:310px; background-color:#fff; border-left: 4px solid #ebe0dc; border-right: 4px solid #ebe0dc; text-align:left; position: relative; } .sidebar { min-height:350px; } /* Base Columns */ .col-left { float:left; width:182px; padding:0 0 0; margin:0 0 -1px; } .col-main { float:left; width:750px; padding:0 20px 20px; } .col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; } /* 1 Column Layout */ .col1-layout { background-position:-1000px 0; } .col1-layout .col-main { float:none; width:auto; padding-top:20px; position: relative; } .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 Columns Layout */ .col2-left-layout { background-position:-573px 0; } .col2-left-layout .col-main { float:right; } .col2-right-layout { background-position:573px 0; } /* 3 Columns Layout */ .col3-layout { background-position:0 0; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:755px; } .col3-layout .col-wrapper .col-main { float:right; } /* 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,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#444; } input.input-text,select,textarea { background:#fff; border:1px solid #c7c7c7; } input.input-text,textarea { padding:2px 2px; background:#ffffff; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { padding:2px 2px; border-bottom:1px solid #bbb; } select.multiselect option:last-child { border-top:0; } textarea { overflow:auto; } input.radio, input.checkbox { margin-right:3px; font-size:11px !important; margin-top:2px; vertical-align:top; } input.radio { font-size:10px !important; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { border:0; padding:0; margin:0; background:transparent; /* line-height:21px; */ overflow:visible; cursor:pointer; vertical-align:middle; } a.button, button.button span, a.button span, button.button span span { background-color:transparent; background-image:url(../images/matmag/bkg_btn.png); background-repeat:no-repeat; } a.button, button.button span { border:0; padding:0 0 0 4px; margin:0; cursor:pointer; background-position:0 0; display:-moz-inline-stack; display:inline-block; color:#c73615; height:24px; text-decoration:none; } a.button span, button.button span span { padding: 1px 17px 3px 5px; color:#ffffff; background-position:100% 0; display:-moz-inline-block; display:inline-block; white-space:nowrap; text-transform:uppercase; font:bold 11px/20px Arial, Helvetica, sans-serif; /*height:20px;*/ } a.button { line-height:21px; } a.button { line-height:20px; } .button:active { position:relative; bottom:-1px; right:-1px; z-index:2; } button.button:active span span { margin:0; } button.btn-small span { font-size:11px; line-height:14px; padding:1px 9px 0; } button.disabled { cursor:default !important; bottom:0 !important; right:0 !important; } button.disabled span { cursor:default !important; color:#bbb !important; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form Validation */ .validation-advice { clear:both; font-size:11px !important; padding:3px 0 0 !important; color:#F1316E !important; } .product-options .validation-error .options-list, .validation-failed { border:1px solid #F1316E !important; } input.input-text.validation-failed, span.validation-passed, div.validation-passed { padding-right:0px; } .contacts-index-index span.validation-passed, .contacts-index-index div.validation-passed { padding-right:16px; } span.validation-error, div.validation-error { padding-right:20px; } .required em { color:#F1316E; margin-right:4px; } p.required { margin:0; padding:5px 0 7px; text-align:right; width:620px; font-size:11px; color:#F1316E; } .form-list .validation-advice { width:250px; margin-right:-250px; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Fieldset */ .fieldset { font-size:12px; margin:0 0 16px; } .fieldset p { margin:0 0 1.5em; } .fieldset h2.legend { margin-bottom:20px; background: url("../images/matmag/bkg-h2-legend.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; height: 31px; line-height: 28px; padding-left: 20px; text-transform: uppercase; } /* Form lists */ .form-list li { margin:0 0 9px; vertical-align:top; } .form-list li.add-field input { margin-left: -55px; } .form-list li.control .input-box { margin-top:12px; } .form-list label { float:left; width:225px; padding:6px 15px 0 0; font-size:12px; font-weight:bold; color:#444; text-align:right; } .form-list .value { float:left; padding:2px 0 0; } .form-list .note { clear:both; font-size:11px; width:380px; margin:0; padding:3px 0 0 240px; } .form-list span.label { font-weight:normal; } .form-list .input-box { float:left; /* width:256px; */ } .form-list .input-box a { font-size:11px; margin-top:4px; } .form-list input.input-text, .form-list textarea { float:left; width:374px; vertical-align:top; height:22px; } .form-list textarea { width:374px; height:13em; } .form-list select { float:left; width:380px; vertical-align:top; } .form-list p { margin:0; padding:0 0 0 240px; } ul.add-row, .form-list li.add-row { background:url(../images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .add-field .input-box { margin-left:240px } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:1px; } .form-list .control input.radio { margin-top:3px; } .form-alt label { float:none; display:inline; width:auto; } .form-alt li { margin:0 0 5px; line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /* Date Of Birth */ .form-list .customer-dob label { float:none; width:auto; padding:0; font-size:11px; font-weight:normal; color:#777; } .form-list .customer-dob .input-box { float:left; width:auto; margin-right:8px; } .form-list .customer-dob .input-box .validation-advice { display:none !important; } .form-list .customer-dob input.input-text { float:none; display:block; margin-bottom:2px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year { float:left; margin-right:8px; padding-right:0 !important; background:none !important; } .form-list .customer-dob .dob-day .validation-advice, .form-list .customer-dob .dob-month .validation-advice, .form-list .customer-dob .dob-year .validation-advice { display:none; } .form-list .customer-dob .dob-day input.input-text { width:104px; } .form-list .customer-dob .dob-month input.input-text { width:104px; } .form-list .customer-dob .dob-year { margin-right:0; } .form-list .customer-dob .dob-year input.input-text { width:138px; } /* Combination of fields */ .form-list li.fields { margin:0; } .form-list li.fields .field { clear:left; padding:0 0 9px; } /* Buttons */ .buttons-set { clear:both; margin:15px 0; } /* general for button containing block */ .buttons-set p.back-link { float:left; padding:2px 15px 0 0; text-align:right; margin:0; } a.back-link { color:#999; } .buttons-set p.back-link a { background: url("../images/matmag/arrow-back.jpg") no-repeat scroll left center transparent; color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding-left: 10px; text-decoration: none; } .buttons-set p.back-link a:hover { text-decoration:underline; } .buttons-set p.back-link small { display:none; } .buttons-set a.button, .buttons-set button.button { float:right; margin-left:7px; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; background-color:#ededed; text-align:right; } .form-buttons { margin:0; width:620px; } /* for button containing block under the general form */ .form-buttons .button { float:right; } .form-buttons .button { margin-left:15px; } .form-buttons p.back-link { float:left; width:225px; padding:2px 15px 0 0; text-align:right; } .btn-only { /* padding-left:240px; */ } /* Overrides for 3columns */ .col3-layout .form-list .note { padding-left:165px; width:280px; } .col3-layout .form-buttons p.back-link, .col3-layout .form-list label { width:150px; } .col3-layout .form-list input.input-text, .col3-layout .form-list textarea { width:274px; } .col3-layout .form-list select { width:280px; } .col3-layout .form-list .control .input-box { margin-left:165px; } .col3-layout .form-list .customer-dob .dob-day input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-month input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-year { margin-right:0; } .col3-layout .form-list .customer-dob .dob-year input.input-text { width:98px; } .col3-layout p.required, .col3-layout .form-buttons { width:445px; } /* Global Messages */ .messages { width:100%; overflow:hidden; text-align:left; margin-top:10px; } .messages li { margin:0 0 10px; padding:0; } .messages ul { color: #F1316E; float: left; font-family: times New Roman; font-size: 18px; font-style: italic; font-weight: normal; padding-bottom: 10px; text-align: left; padding:10px 17px; background-position:35px 100%; position:relative; } .messages ul li { margin:0; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { font-size:12px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } /* Error Message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .customer-account-login .messages li.error-msg { width: 40%; } .messages li.error-msg a { color:#d91a00; } .messages li.error-msg ul { /* background-image:url(../images/bkg_msg-error.gif); */ } p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* Success Message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } .messages li.success-msg ul { margin: 15px 0; background-color:#EBE0DC; } /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, .messages li.notice-msg ul { /* background-image:url(../images/bkg_msg-note.gif); */ } .messages li.notice-msg ul li {width:650px;} /* std class reset */ .std .messages { margin-top:0; } .std .messages { width:auto; list-style:none !important; padding:0 !important; margin-bottom:0 !important; } .std .messages ul { list-style:none !important; padding-left:17px !important; margin:0 0 -11px !important; } /* BreadCrumbs */ .breadcrumbs { margin:0; padding:8px 0px; text-align:left; } .breadcrumbs li strong { color:#F1316E; } .breadcrumbs li { display:inline; } .breadcrumbs li span, .breadcrumbs a { color:#505050; text-decoration:none; } .breadcrumbs a:hover { text-decoration:underline; } /* Page Heading */ .page-title { padding: 20px; } .page-title a:hover,.std a:hover { text-decoration:underline; } .page-title .link-rss { float:right; margin-top:8px; } .page-title h1, .page-title h2 { color: #41374D; font-family: times New Roman; font-size: 22px; font-style: italic; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .title-buttons .link-print { float:right; margin-top:4px; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .page-popup .page-title, .col-main .page-title { margin-left:-20px; margin-right:-20px; } .col1-layout .col-main .page-title { margin-top:-20px; } .sub-title { color: #000000; font-family: times New Roman; font-size: 18px; font-style: italic; font-weight: normal; line-height: 19px; margin: 0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; text-transform: lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } /* Pager */ .pager { } .pager p { margin:0 !important; } .pager select { padding:0; margin-bottom:1px; } .pager .amount { float:left; line-height:20px; color: #505050; } .pager .amount strong { font-weight:normal; } .pager .limiter { float:left; line-height:20px; margin-left:10px; color: #505050;} .pager .pages { margin-left:100px; text-align:center; color:#333; line-height:20px; float:left; } .pager .pages a { color: #505050; font-weight: bold; text-decoration: none; } .pager .pages a:hover { color:#F1316E; text-decoration:none; } .pager .pages ol, .pager .pages li { display:block; margin-left:10px; float:left; } .pager .pages .current { background: url("../images/matmag/bkg-li-pager.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-weight: bold; height: 19px; text-align: center; width: 19px; } .pager .pages .i-previous, .pager .pages .i-next { text-decoration:none !important; vertical-align:top; } .pager-only { clear:both; } .pager-only .pages { margin:0; } /* Sorter */ .sorter { font-size:11px; margin:0 0 0; padding:3px 20px; background:#f5f5f5 url(../images/bkg_pager.gif) repeat-x 0 0; border-top:1px solid #EFEFEF; color:#333; } .sorter p { margin:0; } .sorter select { padding:0; margin-bottom:1px; } .sorter .view-mode { float:left; line-height:20px; white-space:nowrap; } .sorter .view-mode label { float:left; margin:0 5px 0 0; } .sorter .view-mode a.list-fix, .sorter .view-mode a.list, .sorter .view-mode strong.list-fix, .sorter .view-mode strong.list, .sorter .view-mode a.grid-fix, .sorter .view-mode a.grid, .sorter .view-mode strong.grid-fix, .sorter .view-mode strong.grid { background:url(../images/bkg_viewmode.gif) no-repeat 0 0; float:left; width:24px; height:17px; text-align:left; text-indent:-999em; overflow:hidden; margin:2px 0 0; } .sorter .view-mode a.list { background-position:-24px 0; } .sorter .view-mode strong.list { background-position:-24px -29px; } .sorter .view-mode a.grid { background-position:0 0; } .sorter .view-mode strong.grid { background-position:0 -29px; } .sorter .view-mode a.list-fix { background-position:0 -58px; } .sorter .view-mode strong.list-fix { background-position:0 -87px; } .sorter .view-mode a.grid-fix { background-position:-24px -58px; } .sorter .view-mode strong.grid-fix { background-position:-24px -87px;; } .sorter .sort-by { float:right; line-height:20px; } .sorter .sort-by img { } .sorter .link-feed {} .sorter .sort-by label { color: #505050; } /* Toolbar */ .toolbar { float: left; width: 972px; margin-bottom: 20px; } .toolbar .pager { margin:0 0 0; border-width:1px 0; } .toolbar-bottom { display:none; } /* Data Table */ .table-caption { border:1px solid #ddd; border-bottom:0; margin:-1px 0 0; background:#fff url(../images/bkg_block-title.gif) 0 100% repeat-x; font:14px/1.25 Arial, Helvetica, sans-serif; padding:3px 7px 4px; color:#444; } .table-caption a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; text-transform: lowercase; } .table-caption a:hover,td a:hover,.box-title a:hover,.sub-title a:hover { text-decoration:underline; } .data-table { width:100%; } .data-table th { padding:5px 12px; color:#2d2d2d; border-left:1px solid #efefef; font-weight:normal; white-space:nowrap; } .data-table td { padding:5px 12px; } .data-table thead { background: none repeat scroll 0 0 #EFEFEF; font-family: times New Roman; font-size: 14px; font-style: italic; text-transform: none; } .data-table tbody { border-left: 1px solid #EFEFEF; } .data-table tfoot { } .data-table tfoot td { padding:15px 0px; border:none; } .data-table tfoot th { border:none; text-transform:none; } .data-table tr.first {} .data-table tr.last {} .data-table tr.last th, .data-table tr.last td { } .data-table tr.odd { background-color:#efefef; } .data-table tr.even { } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { } .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; text-transform:none; border-color:#fff; /*background-color:#f7f7f7;*/ } .data-table td.value { float:none !important; } .data-table .link-rss { display:block; } .page-popup .data-table td, .page-popup .data-table th { border-bottom:1px solid #d9d9d9; } .page-popup .buttons-set .button { float:right; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { background-color:#ede9e6; font-size:12px; padding:5px !important; } tr.summary-details-first td {} tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { display:block; padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 3px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -54px; } /* Links */ ul.links, ul.links li { display:inline; } ul.links li .separator { margin:0 2px 0 5px; font-size:10px; color:#8f8f8f; } ul.links li.last .separator { display:none; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(../images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Reward Points types rewrites */ .reward-review, .reward-tag, .reward-checkout { margin:0; } /* Class: std - styles for admin-controlled content */ .std ul, .std ol, .std dl, .std p, .std address, .std blockquote, .std table { margin-bottom:1em; } .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; } .std hr { margin:1.5em 0; color:#d9d9d9; } .std table { width:100%; } .std table thead { background:#e8e8e8; } .std table th { background:#e8e8e8; font-weight:bold; } .std table th, .std table td { padding:5px 10px; border:1px solid #d9d9d9; } ul.disc li { padding-left:10px; background:url(../images/bkg_bulletsm.gif) no-repeat 0 0.5em; } .std ul.disc li { padding-left:0; background:none; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 100% 1px no-repeat; padding-right:18px; white-space:nowrap; } .link-rss:hover { color:#f58550; } .link-print { background:url(../images/icon_printer.gif) 0 1px no-repeat; padding:2px 0 2px 25px; white-space:nowrap; } .link-cart { font-size:11px; font-weight:bold; color:#c73615; text-decoration:underline; } .link-cart:hover { color:#c73615; text-decoration:none; } .data-table .btn-remove { display:block; margin:0 auto; width:13px; height:12px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .data-table .btn-remove2 {} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .divider { background: url("../images/matmag/bkg-hr.jpg") no-repeat center; margin:16px 0; font-size:0; line-height:0; height:7px; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:940px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .branding { position:absolute; left:0; margin:-29px 0 0; top:50%; height:56px; } .logo { float:left; } .free-shipping { float:left; margin:15px 0 0 10px; display:inline; } .header-container { text-align:left; position:relative;} .header { height:122px; position:relative; width:980px; } .header .logo { text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo {} .header .quick-access { float:right; } .header .quick-access .links { float:right; line-height:18px; white-space:nowrap; } .header .quick-access .links li { } .header .quick-access .links li a { color:#1e75b4; text-transform:uppercase; text-decoration:none; } .header .quick-access .links li a.top-link-onestepcheckout { font-size: 11px; background: url("../images/matmag/btn-checkout-ajax.png") no-repeat scroll center center transparent; color: #FFFFFF; display: block; font-family: times New Roman; font-weight: normal; height: 32px; line-height: 28px; padding: 0 0 0 14px; position: absolute; right: 0; text-align: left; top: 60px; width: 102px;} .header .quick-access .links li a:hover { color:#42374d; } .header .quick-access .checkout-link li { font-weight:bold; padding:0 0 0 12px; background-position:6px 4px; } .header .quick-access .cart-link li { font-weight:bold; padding:0 0 0 0px; background:none; } /* Account Links */ .header .account-links { position: absolute; top:105px; right: 0px;} .header .account-links a { text-decoration: none; color: #41374D; font-size: 11px; font-weight: bold; text-transform: uppercase;} .header .account-links ul.links, ul.links li { display: inline; margin-right:0px; } .header .account-links ul.links li { background:url(../images/matmag/bkg-separation-line.png) no-repeat right center; padding-right:10px; } .header .account-links ul.links li.first { background:url(../images/matmag/bkg-separation-line.png) no-repeat right center; padding-right:10px; } .header .account-links ul.links li.last { background:none; padding:0px; } /* Header Contacts */ .header .header-contact { position: absolute; top: 15px; left: 400px; width: 290px;} .header .header-contact p strong, .header-contact p em { font-style:italic; font-weight: bold; font-size:16px; font-family: times New Roman; } .header .header-contact p em { color:#f1316e; } .header .header-contact p { font-size:12px; } /* Store language switcher */ .store-lang-switcher { position: absolute; right: 5px; bottom: 0; } .store-lang-switcher #select-language .es, .store-lang-switcher #select-language .it { display:none; } .store-lang-switcher #select-language li { float:left; margin-left:5px; } .store-lang-switcher #select-language li:first-child { margin:0; } .store-lang-switcher #select-language li a { display:block; width:20px; height:14px; border:2px solid transparent; } .store-lang-switcher #select-language li.active a { border-color:#d2ac9e; } .store-lang-switcher #select-language .matmag_fr a { background:url('../images/matmag/fr-flag.jpg') no-repeat scroll 0 0 transparent; } .store-lang-switcher #select-language .matmag_en_en a { background:url('../images/matmag/en-flag.jpg') no-repeat scroll 0 0 transparent; } #invitation-send-link { background:url(../images/bkg_sep.gif) no-repeat 100% 50%; padding:0 6px 0 0; margin:0 4px 0 0; font-weight:bold; } #invitation-send-link a { background:url(../images/bkg_invitation-link.gif) no-repeat 3px 6px; padding-left:23px; display:inline-block; } #invitation-send-link a, x:-moz-any-link { background-position:3px -2px; }/* FireFox 2 fix */ #invitation-send-link a, x:-moz-any-link, x:default { background-position:3px 6px; }/* FireFox 3 restore */ .header-panel { text-align:center; z-index:994; background:#fff url(../images/bkg_header-panel-bg.gif) repeat-x 0 100%; /* border-bottom:1px solid #c8c8c8; */ /* height:28px; */ line-height:28px; padding:0 0 0 11px; } .header-panel .welcome-msg { font-weight:bold; display:inline; float:left; line-height:28px; margin-right:5px; } .header-panel .links { float:left; line-height:28px; margin-right:11px; white-space:nowrap; } .header-panel .links li a { color:#1e75b4; } .header-panel .links li a:hover { color:#d33911; } .switches { float:right; background:#fff url(../images/bkg_header-panel-bg.gif) repeat-x 0 100%; padding:0 0 1px 0; } .switch { line-height:28px; margin-left:-1px; margin-right:0; display:inline; float:left; background:url(../images/bkg_header-panel.gif) no-repeat 0 -29px; padding-left:13px; } .switch label { font-weight:normal; margin-right:0; float:left; } .switch .switch-wrapper { float:left; position:relative; z-index:1; padding-left:7px; padding-right:11px; } .switch strong.current { font-weight:normal; } .switch .separator { margin:0 2px; font-size:10px; color:#8f8f8f; } .switch .switcher { color:#1e75b4; cursor:pointer; background:url(../images/bkg_header-panel.gif) no-repeat 100% -73px; padding:0 10px 0 0; margin:0 3px 0 1px; } .switch ul { position:absolute; min-width:100%; text-align:left; top:0; left:0; float:left; line-height:16px; padding:0 0 0 0; border-top:0; } .switch ul li { vertical-align:top; display:block; white-space:nowrap; border:1px solid #c8c8c8; border-top:0; } .switch ul li a { white-space:nowrap; display:block; background:#f2f2f2; padding:4px 6px; color:#1e75b4; text-decoration:none; } .switch ul li a:hover { color:#d33911; background:#f8f8f8; } .switch ul .current { line-height:28px; border:0; cursor:default; padding:0 7px; visibility:hidden; /* background:url(../images/bkg_header-panel.gif) repeat-x 0 0; */ } .switch ul .current span { padding-right:20px; background:url(../images/bkg_close.gif) no-repeat 100% 1px; } .switch .faded { color:#8f8f8f; } .switch .faded li { border-color:#e6e6e6; background-color:#f6f6f6; } .switch .faded a { color:#9ac1dd; } .switch ul, x:-moz-any-link { width:100%; }/* FireFox 2 fix */ .switch ul, x:-moz-any-link, x:default { width:auto; }/* FireFox 3 restore */ .list-opened { background-position:100% -129px !important; color:#d33911 !important; } /* Form Search */ .top-menu .form-search { position:relative;float:left; padding:0; white-space:nowrap; margin-top: 2px; } .top-menu .form-search label { display:none; } .top-menu .form-search input.input-text { font-family: times New Roman; font-style: italic; background:url(../images/matmag/bkg-search-gauche.png) no-repeat 0 0; padding: 5px 30px 5px 25px; width: 118px; border:none; box-shadow: 3px 3px 2px #DDDDDD;} .top-menu .form-search a { display:none; } .top-menu .form-search button.button { margin:0 0 0 2px; background-color: #F1316E; position:absolute; right: 7px; top: 5px; bottom:4px;} .top-menu .form-search button.button:active{position:absolute; right:7px; top: 5px; bottom:4px;} .top-menu .form-search button.button span {background:none; padding:0; height: 17px; line-height: 1.1;} .top-menu .form-search button.button span span{background:none; padding:0 3px; text-transform:none; font-family: Times New Roman; font-size:14px;} .top-menu .form-search .search-autocomplete { z-index:999; position:relative!important; top:0px !important; left:0 !important; height:0 !important; overflow:visible !important; } .top-menu .form-search .search-autocomplete ul { background:url(../images/matmag/bkg-menu-arrow.png) no-repeat top center; border-bottom:1px solid #41374D; border-top:0; padding-left:0; width:auto; width:200px; right:0px; position:absolute; padding-top:10px; } .top-menu .form-search .search-autocomplete li { position:relative; border-left:1px solid #41374D; border-right:1px solid #41374D; white-space: normal; border-bottom: 1px dashed #CFCFCF; background:#ffffff; padding:10px 50px 10px 10px; font-size:12px; cursor:pointer; } .top-menu .form-search .search-autocomplete li:hover { color: #F1316E; } .top-menu .form-search .search-autocomplete li .amount { color: #41374D; font-family: times New Roman; font-style: italic; font-weight: bold; position: absolute; right: 10px; } .top-menu .form-search .search-autocomplete li.selected {} .top-menu .form-search .search-autocomplete li.last { border-bottom:0; } /********** < Navigation */ .top-menu { height: 26px; padding: 10px 0;} .nav-container { position:relative; z-index:4; float: left; } .nav-container a.link-home { background: url("../images/matmag/bkg-link-home.png") no-repeat scroll 0 100% transparent; display: block; float: left; height: 14px; margin: 7px 0px 7px 10px; text-indent: -9999px; width: 13px;} #nav { min-height:28px; float: left;} /* All Levels */ #nav li.over { z-index:990 !important; } #nav li.parent { } #nav li a span { cursor:pointer; } /* 1st Level (Top Level) */ #nav li { float:left; height:36px; z-index:1; width:auto; } #nav a.level-top { float:left; height:36px; line-height:32px; padding:0 0 0 17px; text-decoration:none !important; color: #FFFFFF; font-family: arial; font-weight: bold; text-transform: uppercase; font-size: 13px; } #nav a.level-top span { float:left; white-space:nowrap; } #nav li.over a.level-top, #nav li.active a.level-top { color: #F1316E; height:29px; background-position:0 -60px; margin-left:-1px; border:0; padding:0 0 0 18px; } #nav li.over a.level-top { height:29px; line-height:29px; position:relative; z-index:2; } #nav li.over a.level-top ul.level0, #nav li.active a.level-top ul.level0{ color:#F1316E; background:url(../images/matmag/bkg-menu-arrow.png) no-repeat bottom center; height:40px; } /* 2nd Level */ #nav ul { position:absolute; background: #FFFFFF; border-bottom: 3px solid #41374D; border-top: 0 none; display: block; left: -10000px; margin-bottom: 0 !important; margin-left: -30px; margin-right: 0 !important; margin-top: 0 !important; overflow: visible; padding: 10px; top: 36px; } #nav ul.level0 { position: absolute !important; width:960px!important; white-space:nowrap!important; display:block!important; } #nav div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } #nav ul li { float:none; height:auto; display:block; } #nav ul li.last { border-bottom:0; } #nav ul li a { display:block; font-size:12px; text-decoration:none !important; color:#505050; } #nav ul li.last > a { padding-bottom:0; } #nav ul li a:hover { color:#F1316E; } /*#nav li.over ul.level0{ border:2px solid; }*/ /* 3rd+ Level */ #nav ul ul, #nav ul div { top:7px; border-top:1px solid #aeaeae; } /* Show Menu */ #nav li .shown-sub { left:30px; z-index:991;} #nav ul li.level1 { float:left; position:relative; padding:7px 0 7px 10px; border-left:1px solid #cfcfcf; border-bottom:1px dashed #cfcfcf; } #nav ul.level0 li.level1 a { color:#41374D; font-size:14px; font-family: times New Roman; font-weight:bold; font-style:italic; border-bottom:none; padding:0; width:218px; text-overflow:ellipsis; overflow:hidden; } #nav ul li.level1 a.over span { color:#F1316E; text-decoration:none; } #nav ul li.level2 a span { font-size:12px; border:none; color:#505050; } #nav ul li.level2 a.over span{ color:#F1316E; text-decoration:none; } #nav ul li.level2 a { border:none; } #nav ul li.level1 a.more { padding-bottom:4px; border:none; background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat scroll right center transparent; text-align:right; color: #F1316E; font-family: Arial; font-size: 11px; font-style: italic; font-weight: bold; padding-right: 10px; text-decoration: none; width:206px; } #nav ul li.level1 a.more.over { text-decoration:underline; } #nav ul.level1 { position: relative; padding:0; margin:0; left: 0; top: 0; width:216px; font-style:normal; font-weight:normal; border-bottom: none; border-top: none; } #nav ul.level1 li.level2 { border-bottom:none; font-family: arial; } #nav ul.level1 li.level2 { padding:2px 0!important; } #nav ul.level1 li.level2 a { font-size:12px; line-height:18px; font-family:Arial; font-style:normal; font-weight:normal; } #nav ul li.parent { background:none; } /********** Navigation > */ /* ======================================================================================= */ /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(../images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .col-main .event .event-button { background:url(../images/bkg_btn-co.gif) 0 50% no-repeat; line-height:27px !important; height:27px !important; padding:0 0 0 13px !important; vertical-align:middle; } .col-main .event .event-button span { width:121px; text-align:center; background:url(../images/bkg_btn-co.gif) 100% 50% no-repeat; padding:0 13px 0 0 !important; color:#fff; font:bold 15px/27px Arial, Helvetica, sans-serif !important; height:27px !important; text-transform:none; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(../images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(../images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(../images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(../images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(../images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5 url(../images/bkg_block.gif) repeat-x 0 0; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; background:#fff url(../images/bkg_category-info.gif) repeat-x 0 100%; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(../images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top:17px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left:-11px; } .events-slider .forward { right:-11px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; background:#fff url(../images/bkg_category-info.gif) repeat-x 0 100%; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-image:url(../images/bkg_ticker1.gif); background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Sidebar =============================================================================== */ .sidebar .callout { display:block; margin:10px 0; } /* Generic Block */ .sidebar .block { } .sidebar .block .block-title { padding:17px 17px 0 17px; } .sidebar .block .block-title strong { display:block; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .sidebar .block .block-title strong span {} .sidebar .block .block-title strong small { font-size:12px; color:#777; } .sidebar .block .block-subtitle, .sidebar .block h3 { font-style:italic; font-weight:normal; color:#F1316E; } .sidebar .block .block-content { padding:10px 17px 17px; color:#555; } .sidebar .block .btn-remove { color:#222; margin-right:3px; } .sidebar .block .btn-remove a { color:#222 !important; text-decoration:none !important; } .sidebar .block .actions { margin:8px 0 0; text-align:right; } .sidebar .block .actions a { float:left; color:#999; margin-top:3px; } .sidebar .block .actions button.button { float:right; } .sidebar .block li a.btn-remove { float:right; width:13px; height:0; padding-top:12px; margin-top:3px; overflow:hidden; background:url(../images/btn_remove.gif) no-repeat 0 0; } .col-main .block { background:#f1f1f1; float: left; width: 972px;} .col-main .block .block-title { float:left; color: #F1316E; font-family: times New Roman; font-size: 16px; font-style: italic; padding: 10px 8px; } .col-main .block .block-title h2, .col-main .block .block-title h3 { font-size:14px; line-height:1.2; color:#000333; font-weight:bold; } .col-main .block .block-content { width: 930px; padding: 5px 20px 10px 20px; float:left; } .col-main .block .hide-bloc { background: url("../images/matmag/bkg-filtre-close.png") no-repeat scroll right center transparent; color: #F1316E; cursor: pointer; float: right; font-family: times New Roman; font-size: 16px; font-style: italic; margin-right: 18px; padding: 10px 30px 10px 20px; } .col-main .block .hide-bloc.close { background: url("../images/matmag/bkg-filtre-open.png") no-repeat scroll right center transparent; color: #F1316E; cursor: pointer; float: right; font-family: times New Roman; font-size: 16px; font-style: italic; margin-right: 18px; padding: 10px 30px 10px 20px; } .col-main .block.filter-categorie .hide-bloc { background: url("../images/matmag/bkg-filtre-open.png") no-repeat scroll right center transparent; color: #F1316E; cursor: pointer; float: right; font-family: times New Roman; font-size: 16px; font-style: italic; margin-right: 18px; padding: 10px 30px 10px 20px; } .col-main .block.filter-categorie .hide-bloc.close { background: url("../images/matmag/bkg-filtre-close.png") no-repeat scroll right center transparent; color: #F1316E; cursor: pointer; float: right; font-family: times New Roman; font-size: 16px; font-style: italic; margin-right: 18px; padding: 10px 30px 10px 20px; } .filter-top .filter ul .matmag_couleur a:hover{border: 2px solid #000; width: 14px; height: 14px; margin: 0 3px 3px 0; } /* Generic box */ .info-box { border:1px solid #efefef; margin-top:-1px; background:#f5f5f5 url(../images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; text-transform: lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Block: Account */ .sidebar .block-account { background:none; } .sidebar .block-account .block-title { padding: 15px 20px; border-bottom:1px solid #d1d1d1; } .sidebar .block-account .block-title strong { color: #41374D; font-family: times New Roman; font-size: 22px; font-style: italic; } .sidebar .block-account .block-content { padding:0; } .sidebar .block-account li { width: 227px; font-size:12px; width:246px; border-bottom: 1px dashed #CCCCCC; } .sidebar .block-account li a { color:#505050; text-decoration:none; display:block; padding: 8px 20px; } .sidebar .block-account li a:hover { color:#d63200; background-color:#efefef; color:#000; text-decoration:none; font-weight:bold; } .sidebar .block-account li.current { background: url("../images/matmag/bkg-li-dashboard.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 12px; line-height: 30px; padding-left: 20px; text-transform: lowcase; width:226px; } .sidebar .block-account li.last { border-bottom:0; } /* Block: Layered Navigation */ .sidebar .block-layered-nav { background:none; } .sidebar .block-layered-nav .block-title { padding:26px 17px 12px; /* border-bottom:1px solid #d1d1d1; */ } .sidebar .block-layered-nav .block-title h2 { font-size:18px; color:#111; } .sidebar .block-layered-nav .block-subtitle { display:none; } .sidebar .block-layered-nav dt { margin:2px 0 0; font-weight:bold; font-size:12px; color:#222; } .sidebar .block-layered-nav dd { margin:0 0 13px; color:#666; } .sidebar .block-layered-nav dd.last { margin:0; } .sidebar .block-layered-nav dd li { margin:2px 0; } .sidebar .block-layered-nav dd a { color:#222; text-decoration:none; } .sidebar .block-layered-nav dd a:hover { text-decoration:underline; } .sidebar .block-layered-nav .currently { border:1px solid #d1d1d1; border-width:1px 0; padding:10px 10px 10px 17px; margin-bottom:-1px; background:#f4f4f4 url(../images/bkg_currently.gif) repeat-x 0 -20px; } .sidebar .block-layered-nav .currently .block-subtitle { display:block; } .sidebar .block-layered-nav .currently li { padding:5px 0; color:#444; } .sidebar .block-layered-nav .currently .label { font-weight:bold; color:#d33911; font-size:12px; } .sidebar .block-layered-nav .actions { text-align:left; padding-right:7px; display:none; } /* Block: Cart */ .sidebar .block-cart .block-title { background:#363636; padding:7px 17px; } .sidebar .block-cart .block-title strong { font-weight:bold; color:#fff; } .sidebar .block-cart .summary { margin:0 -17px; padding:0 12px 5px; background:#363636; color:#fff; text-align:center; position:relative; z-index:1; } .sidebar .block-cart .summary a { font-weight:bold; color:#fff; } .sidebar .block-cart .summary .subtotal { margin:3px 0 0; } .sidebar .block-cart .summary .subtotal .price { font-weight:bold; } .sidebar .block-cart .actions { margin:8px 0 13px; text-align:center; } .sidebar .block-cart .actions button.button { float:none; } .sidebar .block-cart .block-content { padding-top:0; } .sidebar .block-cart .block-content table { margin:5px 0 0 0; } .sidebar .block-cart .block-content table th { padding:1px 5px 1px 0; color:#8f8f8f; text-align:right; } .sidebar .block-cart .block-content table td { text-align:left; padding:1px 0; } .sidebar .block-cart li a.btn-remove { float:none; background:none; margin:0; padding:0; width:auto; height:auto; overflow:visible; } .mini-products-list li.item { padding:5px 0; border-bottom:1px dashed #cfcfcf; position: relative;} .mini-products-list li.last { } .mini-products-list .product-image { float:left; width:50px; margin-right:-50px; } .mini-products-list .product-details { margin-left:65px; } .sidebar .mini-products-list .product-details { margin-left:57px; } .mini-products-list .product-details .product-name { font-size:11px; } .mini-products-list .product-details .price-box { margin:5px 0; } .mini-products-list .product-details h4 {} .mini-products-list .product-details .btn-remove { font-size:11px; } .sidebar .mini-products-images-list li.item { float:left; padding:5px; text-align:center; } .block-products .mini-products-list .product-details { margin-left:65px; } /* Top Shopping Cart */ .top-cart { /* width:360px; */ position:relative; margin-top:20px; } .top-cart .block-title { white-space:nowrap; /* _width:242px; min-width:242px; */ cursor:pointer; color:#1e75b4; font-weight:normal; font-size:11px; text-transform:uppercase; padding:0 0 0 18px; line-height:18px; height:18px; } .top-cart .block-title strong { background: url("../images/matmag/bag-checkout-ajax.png") no-repeat scroll 0 0px transparent; color: #505050; display: block; font-size: 12px; font-weight: normal; padding-left: 36px; text-decoration: none; text-transform: lowercase; height:36px; line-height:36px; } .top-cart .block-title strong span { color: #F1316E; font-family: times New Roman; font-size: 16px; font-style: italic; font-weight: bold; } .top-cart .block-title strong span:hover { text-decoration:underline; } .top-cart .block-title.expanded { background-position:0 3px !important; } .top-cart .block-title.expanded strong {} /* .top-cart .no-items { cursor:default; } .top-cart .no-items h3 { background:none; } */ .top-cart .block-content { background: url("../images/matmag/bkg-topcart-border-top.png") no-repeat center top; position: absolute; right: 0; top: 33px; width: 250px; padding-top:7px; } .top-cart .inner-wrapper { background:#ffffff; border:1px solid #41374d; border-top:none; } .top-cart .block-content .block-subtitle { display: none; font-size:10px; color:#d12c01; font-weight:bold; text-transform:uppercase; line-height:12px; padding:3px 10px 4px; } .top-cart .block-content .block-subtitle .close-btn { float:right; width:13px; height:0; padding-top:12px; text-align:left; overflow:hidden; cursor:pointer; background:url(../images/bkg_close.gif) no-repeat 0 0; position:relative; z-index:1; } .top-cart .cart-empty .close-btn { float:right; width:13px; height:0; padding-top:12px; text-align:left; overflow:hidden; cursor:pointer; background:url(../images/bkg_close.gif) no-repeat 0 0; position:relative; z-index:1; } .top-cart .cart-empty { padding:10px 10px 10px 20px; } .top-cart .block-content ol { padding-bottom:7px; } .top-cart .block-content .item { padding:10px; } .top-cart .block-content .item .product-name { font-size: 11px; height: 36px; overflow: hidden; width: 140px; } .top-cart .block-content .item .product-name a { font-size:11px; text-decoration:none; color:#444; } .top-cart .block-content .item .product-name a:hover { text-decoration:underline; } .top-cart .block-content table { margin:5px 0 0 0; float:right; } .top-cart .block-content table th { padding:1px 8px; color:#8f8f8f; text-align:right; } .top-cart .block-content table td { text-align:left; padding:1px 0; } .top-cart .block-content table td span.price { font-weight:bold; } .top-cart .block-content .subtotal { padding: 10px; display: block; } .top-cart .block-content .subtotal span.label { float:left; } .top-cart .block-content .subtotal span.price { float:right; color: #F1316E; font-size:18px; font-weight:bold; font-style:bold; } .top-cart .block-content tbody { float:right; width:100px; } .top-cart .block-content tbody tr{ float:right; } .top-cart .actions { text-align:center; padding: 20px 10px 16px; text-align:right; } .top-cart .actions a { color: #41374D; float: left; font-size: 10px; line-height: 24px; text-decoration:underline; text-transform: uppercase; } .top-cart .actions a:hover { text-decoration:none; } .top-cart .actions button { float:right; } .top-cart .actions button.button span { background:none; } .top-cart .actions button.button span span { background: url("../images/matmag/btn-checkout-ajax.png") no-repeat scroll center center transparent; color: #FFFFFF; display: block; font-family: times New Roman; font-weight: normal; height: 32px; line-height: 28px; padding: 0 0 0 14px; position: relative; text-align: left; width: 102px; } .top-cart .paypal-logo a { float:right; } .top-cart .paypal-logo .paypal-or { clear:both; display:block; margin: 5px 33px 5px 0px; } .top-cart .block-content .btn-edit { display:none; } .top-cart .block-content .btn-remove { background:url("../images/matmag/btn_remove.gif") no-repeat; text-indent: -9999px; margin: 10px 10px 0 0; position: absolute; right: 0; top: 0; width: 13px; height:13px; } /* Block: Wishlist */ .block-wishlist {} /* Block: Compare Products */ .block-compare li {} .block-compare { background:#efefef; margin-bottom:20px; } /* Block: List */ .block-list .block-content ol { margin:-5px -13px; } .block-list li.item { padding:5px 10px 5px 13px; } .block-list .actions { padding:5px 0 0; } .sidebar .block-list .product-name { font:normal 11px/1.25 Arial, Helvetica, sans-serif; color:#444; } .sidebar .block-list .product-name a { color:#444; } /* Block: Poll */ .block-poll li { margin:5px 0; } .block-poll input.radio { float:left; margin:1px -18px 0 0; vertical-align:top; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { float:right; font-weight:bold; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; font-size:11px; font-weight:normal; } /* Block: Banner */ .block-banner { border:0; margin:10px 0; } .block-banner .block-content { border-top:0; padding:0; background:#cbcbcb; text-align:center; } .top-container .block-banner { background:#d0d0d0; margin:0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } /* ======================================================================================= */ /* Home Page ========================================================================= */ .cms-index-index .col-main .std { display: none;} .cms-index-index .breadcrumbs { display: none; } /* Push */ .push.push-promotions { background: url("../images/matmag/bkg-border-left.jpg") no-repeat scroll 0 90px transparent; } .push {width:461px; height:470px; float:left; padding-right: 25px; padding-top: 25px; border-top: 4px solid #ebe0dc !important; } .push .panel-info-product { display:none; background-color: #FFFFFF; border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; height: 180px; left: -14px; padding: 0; position: absolute; top: -12px; width: 132px; } .push .panel-info-product h3 a { display: block; float: left; font-size: 12px; font-weight: bold; height: 50px; line-height: 18px; overflow: hidden; text-align: center; text-decoration: none; width: 118px; padding: 5px;} .push .panel-info-product h3 a:hover { text-decoration:underline; } .push .panel-info-product h3.product-name { } .push .panel-info-product strong.title-price-product { float:left; margin:10px 0px 0px 5px; font-weight: normal; } .push ul.tier-prices { float:left; margin-top:5px; padding:0px; width: 132px !important; } .push ul.tier-prices li.first { background:none; } .push ul.tier-prices li { float: left; font-size: 12px; margin: 0; padding: 0; position: relative; width: 42px; border:none; background: url("../images/matmag/bkg-border-tier-price.jpg") no-repeat left center; } .push ul.tier-prices span.price-product-col{ color:#EB0054; font-weight: bold; } .push .panel-info-product .bloc-qty { margin-bottom:5px; } .push .panel-info-product .bloc-qty label { color: #41374D; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; } .push .panel-info-product .actions input { font-size:11px; width:20px; text-align:center; border-radius: 6px; border:2px solid #999999; color:#999999; } .push .panel-info-product .price-box { float:right; margin-right: 5px; text-align: right; margin-top: 5px; } .push .panel-info-product .price-box span.pourcentage { font-size:12px; } .push .panel-info-product .actions span { background:none; } .push .panel-info-product .actions { bottom: 5px; position: absolute; right: 0px;} #more-details-link { position: absolute; bottom: 10px; left: 1px; } #more-details-link a { font-size:11px; text-decoration:underline; } #more-details-link a:hover { text-decoration:none; } .push .panel-info-product .actions button span { padding:0px; } .push .panel-info-product .actions span span { background: url("../images/matmag/btn-add-to-cart.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 10px; font-weight: normal; height: 26px; line-height: 22px; padding-left: 8px; text-align: left; width: 62px; } .push .panel-info-product .price-box span.price-label { display:none; } .push .panel-info-product .special-price span.price, .push .panel-info-product .price-box span.price{ font-size:16px; font-weight:bold; color:#eb0054; } .push .panel-info-product .price-box .old-price .price { text-decoration: line-through; font-weight:normal; color:#505050; font-size:12px; } .push .see-all {float: right;} .push.push-nouveautes h2.push-title { background: url("../images/matmag/bkg-push-nouveautes.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 18px; font-style: italic; height: 39px; line-height: 34px; margin: 0; padding: 0; width: 188px; padding: 0 0 0 20px; } .push.push-promotions h2.push-title { background: url("../images/matmag/bkg-push-promotions.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 18px; font-style: italic; height: 39px; line-height: 34px; margin: 0; padding: 0; width: 188px; padding: 0 0 0 20px; } .push.push-nouveautes .push-header a { background: url("../images/matmag/arrow-push-nouveautes.jpg") no-repeat right; color:#5e4d7a; font-weight:bold; font-family: times New Roman; font-size: 14px; font-style: italic; text-decoration: none; padding-right: 10px;} .push.push-promotions .push-header a { background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat right;color:#f1316e; font-weight:bold; font-family: times New Roman; font-size: 14px; font-style: italic; text-decoration: none; padding-right: 10px; } .push.push-nouveautes .push-header a:hover, .push.push-promotions .push-header a:hover { text-decoration:underline; } .push .push-title {float: left; display: block; width: 185px; height: 45px; background-color: #DDD; padding-left: 25px;} .push .push-header {height: 45px; line-height: 45px;} .push .content {width: 480px; padding-top: 20px;} .push ul li { width:117px; border: 7px solid #eae8e8; text-align: center; float:left; margin-left: 23px; margin-bottom: 20px; position: relative; -moz-border-radius: 10px; border-radius: 10px;} span.bandeau-new-1 { background: url("../images/matmag/bkg-bandeau-nouveautes.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: -7px; position: absolute; top: -7px; width: 81px; } span.bandeau-new-4 { background: url("../images/matmag/bkg-bandeau-nouveautes.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: -7px; position: absolute; top: -7px; width: 81px; } span.bandeau-new-3 { background: url("../images/matmag/bkg-bandeau-new.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: -7px; position: absolute; top: -7px; width: 81px; } span.bandeau-promo-1 { background: url("../images/matmag/bkg-bandeau-solde.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: -7px; position: absolute; top: -7px; width: 81px; } span.bandeau-promo-4 { background: url("../images/matmag/bkg-bandeau-solde.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: -7px; position: absolute; top: -7px; width: 81px; } span.bandeau-promo-3 { background: url("../images/matmag/bkg-bandeau-sale.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: -7px; position: absolute; top: -7px; width: 81px; } span.bandeau-new-product-1 { background: url("../images/matmag/bkg-bandeau-nouveautes.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: 1px; position: absolute; top: 0px; width: 81px; z-index:10; } span.bandeau-new-product-4 { background: url("../images/matmag/bkg-bandeau-nouveautes.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: 1px; position: absolute; top: 0px; width: 81px; z-index:10; } .product-view .product-img-box .bandeau-new-product-3 { background: url("../images/matmag/bkg-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } span.bandeau-promo-product-1 { background: url("../images/matmag/bkg-bandeau-promotions.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: 1px; position: absolute; top: 0px; width: 81px; z-index:10; } span.bandeau-promo-product-4 { background: url("../images/matmag/bkg-bandeau-promotions.png") no-repeat scroll 0 0 transparent; display: block; height: 82px; left: 1px; position: absolute; top: 0px; width: 81px; z-index:10; } .product-view .product-img-box .bandeau-promo-product-3 { background: url("../images/matmag/bkg-sale-product.png") no-repeat scroll 0 0 transparent; display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } /* Slider */ .bloc-home-slider {position: relative; height:305px; padding: 10px; width: 925px; left:14px;} .bloc-home-slider-index { z-index: 999 } .bloc-home-slider a.browse {position: absolute; top: 150px; width: 23px; height: 42px; z-index: 3; text-indent: -9999px } .bloc-home-slider a.left {left: 0px; background: url(../images/gemmag/arrow-left-slider.png) 0 0 no-repeat } .bloc-home-slider a.right {left: 960px; background: url(../images/gemmag/arrow-right-slider.png) 0 0 no-repeat } #slider { position:relative; overflow:hidden; height: 305px; width: 925px } #slides { position:absolute; width:20000em } #slides .slide { float: left; width: 980px; height: 305px; overflow: hidden; position: relative } #slides .slide-bloc {position: relative; display: block; width: 925px; height: 305px; text-decoration: none; overflow: hidden } #slides .slide-bloc:hover {text-decoration: none } #slides .slide .info{ position:absolute; display: block; bottom: 0; top : 30px; left : 40px; height: 114px; width: 450px; font-size: 16px; padding: 10px; z-index: 1 } #slides .slide-bloc .info h2 { font-family: Times New Roman, serif; font-size: 40px; display: block; font-weight: normal; z-index: 3; color: #ffffff; line-height: 24px; padding: 0 0 15px 0 } #slides .slide-bloc .info strong { font-family: Times New Roman, serif; font-size: 28px; display: block; font-weight: normal; font-style: italic; z-index: 3; color: #ffffff; line-height: 24px; padding: 0 0 10px 0 } #slides .slide-bloc .info .desc-slide {font-size: 12px; color: #ffffff; width: 250px; overflow: hidden; margin: 30px 0 0 0; text-align: justify; } #slides .slide-bloc .info .hidden {display:none; } #slides .slide-bloc .info .price-slide {color: #ffffff; font-size: 20px; font-style: italic; border: none; float: right; padding: 0 5px 0 0 } #wrapper_info{position: absolute; bottom: 0; z-index: 1; height: 305px; width: 208px; padding: 0 0 0 8px; background: black; opacity: 1; } #wrapper_info h2{color:white; font-size: 30px;} #wrapper_info .desc-slide {font-size: 12px; color: #ffffff; width: 250px; overflow: hidden; margin: 30px 0 0 0; text-align: justify; } #wrapper_navi{position: absolute; bottom:40px; left:-5px; z-index: 1; height: auto; width: 250px; padding: 0; } #slider_navi { position: relative; text-align: center;} #slider_navi li { display: inline-block; list-style: none; margin-right:20px;} #slider_navi li a span { position:absolute; width:15px; height:15px; border-radius:15px; border: 2px solid #F1316E; transition: all ease 0.5s; } #slider_navi li a span div { position:absolute; top:1px; left:1px;width:13px; height:13px; border-radius:13px; transition: all ease 0.5s; } #slider_navi li.active a span div { background:#F1316e; } #slider_navi li.active a span { background: white; transition: all ease 0.5s;} /* Slider Boutique */ .gallery-boutique {position: relative; width: 925px; padding-bottom:20px;} .gallery-boutique-index { z-index: 999 } .gallery-boutique a.browse {position: absolute; top: 150px; width: 46px; height: 84px; z-index: 3; text-indent: -9999px } .gallery-boutique a.left {left: 0px; position:absolute; top:194px; background:url("../images/gallery/gallery-left.png") no-repeat center;} .gallery-boutique a.right {left: 887px; position:absolute; top:194px; background:url("../images/gallery/gallery-right.png") no-repeat center;} #gallery { position:relative; overflow:hidden; width: 933px; height: 477px; } #gallery-slides { position:absolute; width:20000em } #gallery-slides .gallery-slide { float: left; width: 933px; height: 477px; overflow: hidden; position: relative } #gallery-slides .gallery-slide-bloc {position: relative; display: block; width: 933px; height: 477px; text-decoration: none; overflow: hidden } #gallery-slides .gallery-slide-bloc:hover {text-decoration: none } #gallery-slides .gallery-slide .info{ position:absolute; display: block; bottom: 0; top : 30px; left : 40px; height: 114px; width: 450px; font-size: 16px; padding: 10px; z-index: 1 } #gallery-slides .gallery-slide-bloc .info h2 { font-family: Times New Roman, serif; font-size: 40px; display: block; font-weight: normal; z-index: 3; color: #ffffff; line-height: 24px; padding: 0 0 15px 0 } #gallery-slides .gallery-slide-bloc .info strong { font-family: Times New Roman, serif; font-size: 28px; display: block; font-weight: normal; font-style: italic; z-index: 3; color: #ffffff; line-height: 24px; padding: 0 0 10px 0 } #gallery-slides .gallery-slide-bloc .info .desc-slide {font-size: 12px; color: #ffffff; width: 250px; overflow: hidden; margin: 30px 0 0 0; text-align: justify; } #gallery-slides .gallery-slide-bloc .info .hidden {display:none; } #gallery-nav{margin-top:5px; width:940px;} #gallery-nav li{display:inline; width:114px; height:58px;} #gallery-nav li a{width:114px; height:58px;} #gallery-nav li img{margin-bottom:2px;} #gallery-nav .active img{border:1px #F1316E solid;} /* blocs statiques content */ .home-bloc { width:290px; padding:5px; margin:10px; float:left; position: relative;} .home-bloc img {border: 7px solid #eae8e8; -moz-border-radius: 10px; border-radius: 10px;} .home-bloc h2 { background: url(../images/matmag/bkg-home-bloc-h2.jpg) no-repeat right bottom; color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; font-weight: bold; text-align: center; padding-bottom:10px; } .home-bloc a.plus { position: absolute; right: 0px; bottom:0px; background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat right; color: #F1316E; float: right; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; text-decoration: none; padding-right:10px; } .home-bloc ul { margin: 10px 5px; float:left; } .home-bloc ul li { background-image:url("../images/matmag/list-style-image.png") ; background-repeat:no-repeat; background-position:0px 8px; color: #505050; line-height: 18px; padding-left:10px; width:146px; }.cms-index-index .col-main .widget-product-link { display: block!important; margin: 0px!important; text-align: left!important; } .cms-index-index .col-main .widget a { line-height:18px; background: none repeat scroll 0 0 transparent; color: #505050; text-decoration: none; padding:0px; } .cms-index-index .col-main .widget a:hover { color:#F1316E; } .cms-index-index .col-main .widget-category-link { bottom: 0; display: block; position: absolute; right: 0; text-align: right; } .cms-index-index .col-main .widget-category-link a { background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat scroll right center transparent;color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding-right: 10px; text-decoration: none; } .cms-index-index .col-main .widget-category-link a:hover { text-decoration:underline; } .home-bloc-link a{ background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding-right: 10px; text-decoration: none; bottom: 0; display: block; position: absolute; right: 0; text-align: right; margin: 7px 0;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .toolbar { float: left; width: 972px; margin-bottom:20px; border-bottom: 1px dashed #CFCFCF; border-top: 1px solid #CFCFCF; } .toolbar-bottom-list .toolbar { border:none; border-top: 1px dashed #CFCFCF; margin-bottom: 0px; } .toolbar .sorter { float:right; background:none; border:none; font-size: 12px; padding: 10px 20px; width: 160px; } .toolbar .pager { float:left; background:none; border:none; font-size: 12px; padding:10px 20px; width: 730px; } .category-description { line-height: 18px; float: left; padding: 0 20px 20px; width: 500px; } .category-description-level2 { line-height: 18px; padding: 0 20px 15px; } .bloc-freeshipping { font-family: times New Roman; font-size: 18px; font-style: italic; margin-top: 20px; text-align: center; } .bloc-freeshipping strong { color:#F1316E; } .bloc-fidelity { font-family: times New Roman; font-size: 18px; font-style: italic; margin-top: 20px; text-align: center; } .bloc-fidelity strong { color:#F1316E; } .categories-brother { background: url("../images/matmag/bkg-cat-brother.jpg") no-repeat left center; width: 410px; float:left; margin-top: -46px; margin-bottom: 10px; padding-left:20px; } .categories-brother strong { width: 430px; float:left; font-weight: normal; color: #41374D; font-family: times New Roman; font-size: 22px; font-style: italic; } .categories-brother ul { width: 430px; margin-top:20px; float:left; } .categories-brother ul li { background-image: url("../images/matmag/bkg-li-category.png"); background-position: 0 6px; background-repeat: no-repeat; display: block; float: left; line-height: 18px; margin: 0 4px 4px 0; padding-left: 10px; width: 190px; } .categories-brother ul li a { text-decoration:none; display:block; } .categories-brother ul li a:hover { color:#F1316E; text-decoration:none; } .categories-brother ul li a.current { font-weight:bold; } .currently { float:left; padding-bottom: 20px; } .currently .block-subtitle { padding-top: 3px; color: #41374D; font-size: 13px; font-weight: bold; margin: 8px 0px 5px 8px; width:106px;} .currently ol { float:left;} .currently ol li { background: none repeat scroll 0 0 #FFFFFF; color: #333333; display: block; float: left; margin-left: 5px; padding: 5px 21px 5px 5px; position: relative; } .currently ol li a { background: url("../images/matmag/btn_remove.gif") no-repeat scroll 0 0 transparent; display: block; height: 13px; position: absolute; right: 4px; text-indent: -9999px; top: 7px; width: 13px; } .currently .actions { float:right; padding: 5px;} .currently .actions a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; padding: 5px; text-decoration: none; } .category-view a.more { float:right; background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat scroll right center transparent; margin:0px 20px 20px 0px; color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding-right: 10px; text-decoration: none;} .category-view a:hover.more { text-decoration:underline; } .catalog-category-view .main { margin:0px!important; } .catalog-category-view ul.list-subCategory { float: left; width:930px; padding:0px 20px 20px 20px; height:auto; position:relative; } .category-view { position:relative; display:block; float:left; } .category-view h2 { padding: 20px 20px 10px 30px; color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; } .narrow-by-list .less-item{display:none;} .narrow-by-list .hidden{display:none;} .narrow-by-list .more-less .more{background: url("../images/arrow-down-pink.png") no-repeat 76px 5px ;} .narrow-by-list .more-less .more a{color: #f1316d; font-weight: bold;} .narrow-by-list .more-less .less{background: url("../images/arrow-up-pink.png") no-repeat 76px 5px ;} .narrow-by-list .more-less .less a{color: #f1316d; font-weight: bold;} .rewritingfilters-category-view .col-main, .catalog-category-view .col-main { padding:0px; } .rewritingfilters-category-view .main.col1-layout { margin:0px; } .category-title { background:#ffffff; margin-bottom:0; border:4px solid #EBE0DC; border-bottom:none; text-align:left; } .category-title .rss-feed { float:right; margin:7px 0 0; padding-left:17px; line-height:12px; background:url(../images/icon_rss.gif) 0 0 no-repeat; white-space:nowrap; text-decoration:none; } .category-title .rss-feed:hover { text-decoration:underline; } .category-view .note-msg, .category-description { padding:0px 20px 0px 20px; } .results-view { margin:0 -20px -20px; } .results-view .recommendations { float: left; padding: 0px 20px 20px 20px; width: 930px; } .results-view .recommendations a { color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: normal; padding-bottom: 10px; } .catalogsearch-result-index .page-title { margin-bottom:0; } .catalogsearch-result-index .note-msg { margin:20px 0; } .sidebar .category-title { margin:0; } .category-image { text-align:center; margin:0 0 1px; } .category-image img { display:block; margin:0 auto; } .category-products { } .category-products .price-box { font-size:12px; } /* View Type: Grid */ .block.block-layered-nav {width:173px; margin-left:15px; border:solid 1px #D1D1D1; margin-bottom: 10px;} .block.block-layered-nav .block-content {width:100%; padding:5px 20px 10px 11px; display: block !important;} ul.products-grid { float:right; position:relative; padding-bottom: 20px; width: 765px; margin-right:15px;} ul.products-grid.layeroff { float:left; position:relative; padding-bottom: 20px; width:955px; margin-right:15px;} .products-grid li.item { border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; float: left; margin-left: 22px; position: relative; text-align: center; width: 117px; } .products-grid .panel-info-product { background-color: #FFFFFF; border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; height: 180px; left: -12px; padding: 0; position: absolute; top: -12px; width: 128px; display:none; } .products-grid li.last { margin-right:0; } .products-grid .product-name { margin-bottom:7px; padding:0px; font-style:normal; font-family:Arial; font-size:12px; } .products-grid .ratings { text-align:left; line-height:13px; } .products-grid .rating-links { display:block; padding:2px 0 0; clear:both; } .products-grid .price-box { } .products-grid .panel-info-product { display:none; background-color: #FFFFFF; border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; height: 180px; left: -14px; padding: 0; position: absolute; top: -14px; width: 132px; } .products-grid .panel-info-product h2 a { display: block; float: left; font-size: 12px; font-weight: bold; height: 50px; line-height: 18px; overflow: hidden; text-align: center; text-decoration: none; width: 118px; padding: 5px;} .products-grid .panel-info-product h2 a:hover { text-decoration:underline; } .products-grid .panel-info-product strong.title-price-product { font-weight:normal; width: 100px; float:left; margin:10px 0px 0px 5px; } .products-grid .panel-info-product strong.title-price-product.class-mini { display:none; } .products-grid ul.tier-prices { float:left; margin-top:5px; padding:0px; width: 132px !important; } .products-grid ul.tier-prices li.first { background:none; } .products-grid ul.tier-prices li { float: left; font-size: 12px; margin: 0; padding: 0; position: relative; width: 42px; border:none; background: url("../images/matmag/bkg-border-tier-price.jpg") no-repeat left center; } .products-grid ul.tier-prices span.price-product-col{ color:#EB0054; font-weight: bold;} .products-grid .panel-info-product .bloc-qty { margin-bottom:5px; } .products-grid .panel-info-product .bloc-qty label { color: #41374D; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; } .products-grid .panel-info-product .actions input { font-size:11px; width:20px; text-align:center; border-radius: 6px; border:2px solid #999999; color:#999999; } .products-grid .panel-info-product .price-box { margin-top: 5px; float:right; margin-right: 5px; text-align:right; } .products-grid .panel-info-product .price-box span.pourcentage { font-size:12px; } .products-grid .panel-info-product .actions span { background:none; } .products-grid .panel-info-product .actions { bottom: 5px; position: absolute; right: 0px;} .products-grid .panel-info-product .actions button span { padding:0px; } .products-grid .panel-info-product .actions span span { background: url("../images/matmag/btn-add-to-cart.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 10px; font-weight: normal; height: 26px; line-height: 22px; padding-left: 8px; text-align: left; width: 62px; } .products-grid .panel-info-product .price-box span.price-label { display:none; } .products-grid .panel-info-product .special-price span.price, .products-grid .panel-info-product .price-box span.price{ font-size:16px; font-weight:bold; color:#eb0054; } .products-grid .panel-info-product .special-price span.price { text-decoration:none; } .products-grid .panel-info-product .price-box .regular-price .price { color: #F1316E; font-size: 16px; font-weight: bold; } .products-grid .panel-info-product .price-box span.label { display:none; } .products-grid .panel-info-product .price-box .old-price .price { text-decoration: line-through; font-weight:normal; color:#505050; font-size:12px; } .products-grid .panel-info-product .price-box span.price-label { display: none; } /* View Type: List */ .products-list li.item { margin:0 0 20px 0; padding:0 20px 20px 20px; background:url(../images/bkg_dots.gif) repeat-x 0 100%; } .products-list li.last { background-image:none; } .products-list .product-image { float:left; margin-right:-186px; text-decoration:none !important; position:relative; } .products-list .product-shop { margin-left:186px; } .products-list .product-name { margin-bottom:5px; } .products-list .price-box { margin:5px 0 10px; } .products-list .desc { margin:5px 0 10px; font-size:12px; } .products-list .desc .link-learn { white-space:nowrap; } .products-grid .special-price, .products-list .special-price { font-size:12px; } /* Push Slider */ .push-slider { width: 972px; height: 245px; background: url(../images/matmag/bkg-carousel-category.jpg) no-repeat; } .push-slider h2 { background: url("../images/matmag/bkg-heart.png") no-repeat scroll 18px 13px transparent; color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; padding: 10px 20px 0px 44px; } .push-slider .title { color: #fff; margin: 0 0 10px 0;} .push-slider .left-nav { width:30px; height: 222px; float:left; background: #808080;} .push-slider .rigth-nav { width:30px; height: 222px; float:right; background: #808080;} .push-slider .article { width:150px; height: 214px; float:left; margin:10px 0px 0 13px; background: #808080;} .push-slider .image { width:130px; height: 88px; margin:10px; border:1px solid red;} .push-slider .text { width:130px; height: 47px; margin:10px; border:1px solid red;} .push-slider .buy { width:80px; height: 20px; margin:5px 10px 0 10px; float:right; border:1px solid red;} .push-slider .scrollable { position:relative; overflow:hidden; width: 880px; height:200px; float:left; padding-top: 13px; } .push-slider .scrollable .items {width:20000em;position:absolute;} .push-slider .items div {float:left;} .push-slider a.browse { cursor: pointer; display: block; height: 39px; margin: 70px 0px 0px 0px; width: 20px;} .push-slider a.right { background: url(../images/matmag/scrollable-next-arrow.png) no-repeat; clear:right; margin-right: 20px; text-indent: -9999px; } .push-slider a.right:hover { } .push-slider a.right:active { background-position:-60px -30px; } .push-slider a.left { margin-left: 20px; background: url(../images/matmag/scrollable-back-arrow.png) no-repeat; text-indent: -9999px; } .push-slider a.left:hover { } .push-slider a.left:active { background-position:-60px 0; } .push-slider a.up, a.down {float: none;margin: 10px 50px;} .push-slider a.up:hover { background-position:-30px 0; } .push-slider a.up:active { background-position:-60px 0; } .push-slider a.down { background-position: 0 -30px; } .push-slider a.down:hover { background-position:-30px -30px; } .push-slider a.down:active { background-position:-60px -30px; } .push-slider a.disabled {visibility:hidden !important; } .scrollable { /* required settings */ position:relative; overflow:hidden; width: 660px; height:90px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .scrollable #products-list-category { /* this cannot be too large */ width:20000em; position:absolute; margin-top: 0px; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ .items ul { float:left; } .scrollable .push-item { border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; float: left; margin-left: 39px; position: relative; text-align: center; width: 117px; } .scrollable .push-item .first { margin:0px; } .scrollable div.panel-info-product { background-color: #FFFFFF; border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; height: 180px; left: -14px; padding: 0; position: absolute; top: -12px; width: 132px; display:none; } .scrollable div.panel-info-product h3 a { display: block; float: left; font-size: 12px; font-weight: bold; height: 50px; line-height: 18px; overflow: hidden; padding: 5px; text-align: center; text-decoration: none; width: 118px; } .scrollable div.panel-info-product h3 a:hover { text-decoration:underline; } .scrollable .panel-info-product strong.title-price-product { float: left; margin: 10px 0 0 5px; } .scrollable ul.tier-prices { float: left; margin-top: 10px; padding: 0; width: 132px !important; } .scrollable ul.tier-prices li.first { background: none repeat scroll 0 0 transparent; } .scrollable ul.tier-prices li { background: url("../images/matmag/bkg-border-tier-price.jpg") no-repeat scroll left center transparent; border: medium none; float: left; font-size: 12px; margin: 0; padding: 0; position: relative; width: 42px; } .scrollable .panel-info-product .actions { bottom: 7px; position: absolute; right: 0px; } .scrollable .panel-info-product .bloc-qty { margin-bottom:5px; } .scrollable .panel-info-product .bloc-qty label { color: #41374D; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; } .scrollable .panel-info-product .actions input { font-size:11px; width:20px; text-align:center; border-radius: 6px; border:2px solid #999999; color:#999999; } .scrollable .panel-info-product .price-box { float:right; margin-right: 5px; margin-top: 5px; text-align: right; } .scrollable .panel-info-product .actions span { background:none; } .scrollable .panel-info-product .actions { bottom: 5px; position: absolute; right: 0px;} .scrollable .panel-info-product .actions button span { padding:0px; } .scrollable .panel-info-product .actions span span { background: url("../images/matmag/btn-add-to-cart.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 10px; font-weight: normal; height: 26px; line-height: 22px; padding-left: 8px; text-align: left; width: 62px; } .scrollable .panel-info-product .price-box span.price-label { display:none; } .scrollable ul.tier-prices span.price-product-col { color: #EB0054; font-weight: bold; } .scrollable .panel-info-product .special-price span.price, .scrollable .panel-info-product .price-box span.price{ font-size:16px; font-weight:bold; color:#eb0054; } .scrollable .panel-info-product .price-box .special-price span.price{ font-size:12px; } .scrollable .panel-info-product .price-box .old-price .price { text-decoration: line-through; font-weight:normal; color:#505050; font-size:12px; } /* List subCategory */ .list-subCategory li{ display: block; float: left; height: 190px; position: relative; margin: 9px; } .list-subCategory img{ width:137px; height:137px; z-index:2; position:relative; } .catalog-category-view div.subCategory img{ width:137px; height:137px; z-index:2; position:relative; } .catalog-category-view .filter-categorie .block-content ul li { display: block; float: left; height: 190px; position: relative; margin: 9px; z-index:1;} .subCategory{ height: 167px; position: relative; width: 137px; } .nameSubCategory{ font-weight: normal; background: url(../images/matmag/bkg-name-sub-category-large.jpg) no-repeat; bottom: 2px; font-family: times New Roman; font-size: 15px; margin-top: -3px; z-index:3; font-style: italic; height: 65px; line-height: 20px; position: relative; text-align: center; width: 137px; padding-top:5px;} a h3.nameSubCategory { color:#fff; text-decoration: none; overflow: hidden; cursor:pointer; } a:hover h3.nameSubCategory { color:#F1316E; text-decoration:none; } /* Filter Top */ .filter-top .filter{ background: none repeat scroll 0 0 #FFFFFF; float: left; margin: 0px 5px 5px 0px; width: 150px; min-height: 120px; } .filter-top .filter .title{ background: url("../images/matmag/bkg-title-filtre.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; display: block; font-size: 15px; height: 26px; line-height: 26px; margin: 5px 0 0; padding: 0 0 0 10px; width: 135px; } .filter-top .filter ul { padding:10px; } .filter-top .filter ul a { text-decoration:none; } .filter-top .filter ul .matmag_couleur a { display: block; width: 15px; height: 15px; margin: 0 4px 4px 0; border: 1px solid #000; float: left; text-indent: -9999px; } .filter-top .filter ul .matmag_couleur .count-container { display: none;} .filter-top .filter ul a:hover { color:#F1316E; } .filter-top .filter span.count { color:#F1316E; } /* ======================================================================================= */ /* Product View ========================================================================== */ .catalog-product-view .add-to-links { margin:0px; } .catalog-product-view .add-to-links li { float:left; margin:0px; padding-left:4px; } .catalog-product-view .add-to-links li a { color:#505050; display:inline; font-size: 9px; text-transform:uppercase; } .catalog-product-view .add-to-links li input { margin:0px!important; width: 50px; padding:0px!important; vertical-align:baseline;cursor:pointer; color:#505050; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:none; border-left:none; border-right:none; text-transform:uppercase; font-size: 9px; } .catalog-product-view .add-to-links li input:hover, .catalog-product-view .add-to-links a:hover.link-wishlist { color: #F1316E; } .catalog-product-view .add-to-links a.link-wishlist { color:#505050; } .catalog-product-view .col1-layout .col-main { padding-top:0px; border-top:4px solid #EBE0DC; } .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-shop .price-box .regular-price .price { color: #F1316E; display: block; font-size: 32px; line-height: 32px; margin: 15px 0 20px; font-weight: normal; } .catalog-product-view .product-shop .price-box { border: 3px solid #EFEFEF; float: right; margin:65px 0 0; text-align: center; min-width: 180px; padding: 10px 0 0; } .catalog-product-view .product-shop .old-price { font-size:22px; line-height:22px; } .catalog-product-view .product-shop .price-box p { margin:0; } .catalog-product-view .product-shop .special-price .price { font-size:32px; line-height:32px; color: #eb1931; font-weight:normal; } .catalog-product-view .product-shop .special-price span { font-size:16px; color: #eb1931; } .catalog-product-view .product-shop .special-price span.price-label { display:none; } .catalog-product-view .product-shop .special-price span.pourcentage { color: #EB1931; display: block; font-size: 14px; font-weight: bold; margin: -5px 0 0; } .catalog-product-view .product-img-box a#main-image { display: block; height: 303px !important; outline-style: none; position: relative; width: 215px !important; } .col2-left-layout .product-view, .col2-right-layout .product-view { background:none; width:755px; } .col2-left-layout .product-view .product-shop, .col2-left-layout .product-view .product-collateral, .col2-right-layout .product-view .product-shop, .col2-right-layout .product-view .product-collateral { float:none; width:695px; } .col2-left-layout .product-view .product-img-box, .col2-right-layout .product-view .product-img-box { float:none; width:auto; } .col2-left-layout .product-view .product-img-box .product-image, .col2-right-layout .product-view .product-img-box .product-image { margin:0 auto; } .col3-layout .product-view { background:none; width:572px; } .col3-layout .product-view .product-shop, .col3-layout .product-view .product-collateral { float:none; width:512px; } .col3-layout .product-view .product-img-box { float:none; width:auto; } .col3-layout .product-view .product-img-box .product-image { margin:0 auto; } .product-view { float:left; width:934px; } #messages_product_view { position:relative; z-index:1; } #messages_product_view .messages { margin:0 0 1px; } #messages_product_view .messages li { margin:0; position:relative; z-index:1; } .product-collateral { clear: right; float: right; padding: 20px 0; width:534px; } .product-collateral .emailto-link { font-size:11px; margin:0; background:url(../images/bkg_arrow-bullet.gif) no-repeat 0 4px; padding-left:12px; } .product-collateral .additional-title { font-size: 14px; font-weight: bold; padding-bottom: 10px; position: relative; } .box-collateral { background:#fff; } .box-collateral .box-title { border-top: 1px dashed #CFCFCF; padding: 14px 14px 0 0; } .box-collateral .box-title h2 { color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; } .box-collateral .box-content { } .box-collateral .box-content ul li { border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; float: left; margin-bottom: 18px; margin-left: 22px; position: relative; text-align: center; width: 117px; } .tab-list { position:relative; } .tab-list .tab { float:left; cursor:pointer; } .tab-list .last {} .tab-list .active { cursor:default } .tab-list .tab-container { position:absolute; left:0; width:100%; } .tab-list .tab-content {} .collateral-tabs { padding-bottom:20px; margin:0; } .collateral-tabs .tab { position:relative; z-index:2; margin-right:3px; background:#dedede url(../images/bkg_collateral-tabs.gif) no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .collateral-tabs .tab span { background:url(../images/bkg_collateral-tabs.gif) no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .collateral-tabs .last {} .collateral-tabs .active { color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url(../images/bkg_collateral-tabs.gif) 0 0 no-repeat; } .collateral-tabs .active span { background-position:100% 0; padding-bottom:1px; } .collateral-tabs .tab-container { z-index:1; top:24px; background:#fff; } .collateral-tabs .tab-content { padding:30px 25px; background:#fff; border:1px solid #c4c4c4; font-size:12px; } .collateral-tabs .tab-content object, .collateral-tabs .tab-content embed { width:100% !important; height:auto !important; } /* Product Images */ .product-view .product-img-box img { border: 10px solid #EAE8E8; } .product-view .product-img-box { float:left; width:360px; margin:20px 40px 0 0; position: relative; } .product-view .product-img-box a span.loop { background: url("../images/matmag/loop.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 15px; display: block; height: 24px; position: absolute; right: 15px; width: 24px; } .product-view .product-img-box .product-image img { background:#fff; } /*IE8 PNG Fix */ .product-view .product-img-box p.notice { text-align:center; padding:5px 0; font-size:11px; } .product-view .product-img-box .product-image { clear: both; display: block; /*height: 495px;*/ overflow: hidden; margin: 0; position: relative; width: 350px; z-index: 3; } .product-view .product-img-box .product-image img { width:330px!important; } .product-view .product-img-box .bandeau-new-product-1 { background: url("../images/matmag/bkg-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } .product-view .product-img-box .bandeau-promo-product-1 { background: url("../images/matmag/bkg-solde.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } .product-view .product-img-box .bandeau-promo-product-3 { background: url("../images/matmag/bkg-solde.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } .product-view .product-img-box .bandeau-new-product-1 { background: url("../images/matmag/bkg-nouveaute.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } .product-view .product-img-box .bandeau-new-product-3 { background: url("../images/matmag/bkg-new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height:129px; left: 1px; position: absolute; top: 0; width:131px; z-index: 10; } .product-view .product-img-box .product-image-zoom { position:relative; width:370px; height:370px; overflow:hidden; z-index:3; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views { margin:10px 0 0; padding:0 0 0; } .product-view .product-img-box .more-views h2 { display:none; } .product-view .product-img-box .more-views ul {} .product-view .product-img-box .more-views li { float:left; border:1px solid #ddd; margin:0 6px 6px 0; } body.page-popup {background:none;} .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { clear:none; line-height:28px; margin:0 0 10px; float:right; width:150px; text-align:right; } .product-image-popup .buttons-set .button { vertical-align:middle; float:none; } .product-image-popup .image { display:block; clear:both; margin:15px auto 15px; } .product-image-popup .image-label { font-size:14px; text-align:left; clear:both; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .product-image-popup .nav { text-align:center; margin:0 auto; width:120px; } .product-image-popup .nav .prev, .product-image-popup .nav .next { margin:0 10px; display:inline; background:url(../images/bkg_slide-button.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer; width:28px; height:28px; z-index:2; overflow:hidden; float:left; } .product-image-popup .nav .prev { left:-19px; float:left; } .product-image-popup .nav .next { right:-19px; float:right; background-position:0 -40px; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border:none; cursor:pointer !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer; } p.product-image { cursor:default !important; } .product-img-box a.zoom-activated img { width:200px; height:288px; } .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; padding:0; width:378px!important; height:536px!important; } .jqZoomWindow img { border:0; left:0px!important; } /* Product Shop */ .product-view .product-essential { position:relative; } .product-view .block-print { border-top: 1px dashed #CFCFCF; clear: both; float: left; margin: 10px 0 0; overflow: hidden; padding: 20px 0; width: 534px; } .product-view .share-links { border-top: 1px dashed #CFCFCF; clear: both; float: left; padding: 20px 0 0; width: 230px; } .product-view .share-links ul li { float:left; margin-left:5px; } .product-view .share-links ul li.title { font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: normal; } .share-links ul li a.facebook { width:18px; height:18px; background:url(../images/matmag/icon-facebook.jpg) no-repeat; text-indent:-9999px; display:block; } .share-links ul li a.twitter { width:18px; height:18px; background:url(../images/matmag/icon-twitter.jpg) no-repeat; text-indent:-9999px; display:block; } .product-view .product-freeshipping { float: right; margin:0 0 10px; padding: 0; width: 245px; } .product-view .product-freeshipping p { margin:0!important; line-height: 14px; } .product-view .product-freeshipping img { float:left; border:none; padding-right: 3px; } .product-view .product-freeshipping p strong { font-size: 11px; } .product-view .product-freeshipping p.first { margin:10px 0 0 0!important; } .product-view .product-freeshipping p.first strong { font-size:13px; } .product-view .product-freeshipping p strong span { color: #F1316E; } .product-view .product-fidelity { clear: both; float: left; margin:0; padding: 0; width: 534px; } .product-view .product-fidelity p { margin:20px 0!important; } .product-view .product-fidelity img { float:left; border:none; padding-right: 3px; } .product-view .product-fidelity p strong { color: #F1316E; font-size: 18px; font-style: italic; } .product-view .product-fidelity p em strong { color: #F1316E; font-size: 12px; font-style: italic; } .product-view .product-fidelity p em strong a {color:#F1316E; text-decoration:underline;} .product-view .product-shop { float:right; width:534px; min-height: 280px; position: relative; margin-top:15px; border-bottom: 1px dashed #CFCFCF; } .product-view .product-shop .product-main-info { margin:0 -30px 30px; padding:20px 30px 5px; background:#f6f6f6 url(../images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .product-view .product-shop p, .product-view .product-shop .ratings { margin:10px 0; } .product-view .product-shop .ratings p { margin:0; } .product-view .product-shop .product-ids { margin:4px 0 10px; color:#999; display:none; } .product-view .product-shop .availability { font-size:12px; } .product-view .product-shop .price-box .price-label { font-size:11px; } .product-view .product-shop .price-box .price-as-configured .price-label { font-size:12px; } .product-view .product-shop .price-box .price-as-configured .price { color:#e55100; font-size:14px; } .product-view .product-shop .price-box .price-as-configured .price-including-tax .price { color:#e55100; } .product-view .product-shop .price-box .price-as-configured .price-excluding-tax .price { color:#222; font-size:11px; } .product-view .product-shop strong.title-price-product { display:none; } .product-view .product-main-info { float:right; position:relative; width:534px; } .product-view .product-main-info .alert-price.link-price-alert, .product-view .product-main-info .alert-stock.link-stock-alert { float: right; margin: 20px 0 0; text-align: right; width: auto; } .product-view .product-ids { float:left; position:relative; } .product-view #div_availability.in-stock { background: url("../images/matmag/bkg-li-puce.jpg") no-repeat scroll 19px 14px transparent; border: 1px solid #50A01F; color: #50A01F; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding: 8px 16px 8px 32px; position: absolute; right: 0; top: 18px; } .product-view #div_availability.out-stock { background: url("../images/matmag/bkg-li-puce-red.jpg") no-repeat scroll 19px 14px transparent; border: 1px solid #E00000; color: #E00000; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding: 8px 21px 8px 32px; position: absolute; right: 0; top: 18px; } .product-view ul.tier-prices { border-right: 3px solid #EFEFEF; border-bottom: 3px solid #EFEFEF; border-left: 3px solid #EFEFEF; float: right; font-size: 11px; margin: 0; overflow: hidden; padding: 14px 0 18px; text-align: center; width: 278px; } .product-view ul.tier-prices li { margin:6px 0 0 0; } .product-view ul.tier-prices.product-pricing.tier-price-matmag { background: url("../images/matmag/bkg-tiers-price.png") no-repeat scroll bottom center transparent; border-top: 3px solid #EFEFEF; border-bottom:0 none; border-right: 3px solid #EFEFEF; border-left: 3px solid #EFEFEF; float: right; margin: 10px 0 0; width: 278px; padding:20px 0; } .product-view ul.tier-prices.product-pricing.tier-price-matmag li { border-right: 1px dashed #CFCFCF; float: left; font-size: 16px; margin: 0; padding-top: 0; position: relative; text-align: center; width: 91px; } .product-view .product-shop .title-product-col { font-size: 14px; } .product-view .product-shop .price-product-col, .product-view .product-shop .price-product-col .price { font-size:20px; font-weight: normal; } .product-view ul.tier-prices.product-pricing.tier-price-matmag li.last { border:none; } .product-view ul span.price-product-col { color: #F1316E; display: block; font-weight: bold; } .product-view .add-to-box { float: right; margin: 25px 0 15px; position: relative; width: 283px; clear: right; } .product-view .add-to-box label { color: #666666; float: left; font-family: times New Roman; font-size: 14px; font-style: italic; margin-top: 10px; } .product-view .add-to-box input { border: 2px solid #999999; border-radius: 6px 6px 6px 6px; float: left; margin-right: 5px; margin-top: 6px; padding: 4px; text-align: center; } .product-view .product-essential button.button span { background:none; background-position: 0 0; border: 0 none; color: #C73615; cursor: pointer; display: inline-block; height: 42px; margin: 0; text-decoration: none; float: left; } .product-view .product-essential button.button span span { background: url("../images/matmag/btn-checkout-cart.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 14px; font-weight: normal; height: 43px; line-height: 37px; text-align: center; width: 158px; } .product-view .product-name h1 { color: #41374D; font-size: 22px; font-weight: normal; padding: 14px 120px 0 0; } .product-view .product-name .ref { border-bottom: 1px dashed #CFCFCF; color: #F1316E; font-weight: normal; padding: 40px 0 15px; } .product-view .product-ids { text-transform:uppercase; } .product-view .short-description { padding:10px 0; clear:both; font-size:12px; display:none; } .product-view .short-description h2 { margin:0 0 5px; font-size:13px; } .product-view .product-shop .add-to-cart { float:right; width:283px; text-align:right; } .add-to-cart .quantity { position:relative; width:62px; float:left; } .add-to-cart .quantity input#qty { position:relative; right:0px; float:left; } .add-to-cart .quantity input#add1 { background: url("../images/matmag/bkg-qty-plus.jpg") no-repeat; border: medium none; position: absolute; right: 0; text-indent: -9999px; top: 2px; width:11px; height:10px; cursor:pointer; } .add-to-cart .quantity input#minus1 { background: url("../images/matmag/bkg-qty-less.jpg") no-repeat; border: medium none; position: absolute; right: 0; text-indent: -9999px; bottom: 2px; width:11px; height:10px; cursor:pointer; } .toogle-desc .toogle-desc-button{ display: block; text-align:left;} .toogle-desc .toogle-desc-button span { cursor:pointer; background: url("../images/matmag/arrow-push-promotions.jpg") no-repeat scroll right center transparent; color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding-right: 10px; text-decoration: none; } .toogle-desc .toogle-desc-button span:hover { text-decoration:underline; } /* Rating */ .rating-box { width:65px; height:13px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 100% repeat-x; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/bkg_rating.gif) 0 0 repeat-x; } .ratings { margin:5px 0; } .ratings .rating-box { float:left; margin-right:5px; } .ratings .amount { font-size:12px; } .ratings .rating-links { margin:0; font-size:11px; } .ratings .rating-links a { text-decoration:underline; } .ratings .rating-links a:hover { text-decoration:none; } .ratings .rating-links .separator { margin:0 3px; } /* Availability */ .availability { font-weight:bold; } .availability.in-stock { color:#1b6800; } .availability.out-of-stock { color:#cf3a00; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(../images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat ; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#d12c01; } .availability-only-details { margin:0 0 7px; border:1px solid #d9d9d9; } .availability-only-details thead { background:url(../images/bkg_thead.gif) repeat-x scroll 0 0 #e8e8e8; } .availability-only-details th, .availability-only-details td { padding:2px 8px; } .availability-only-details th { border-bottom:1px solid #d9d9d9; font-size:10px; text-transform:uppercase; } .availability-only-details td { background:#fff; font-size:11px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price { text-decoration:line-through; color:#989696; } .old-price .price-label { white-space:nowrap; color:#989696; } .old-price .price { font-weight:normal; text-decoration:line-through; color:#989696; } .sidebar .old-price .price-label { display:none !important; } /* Special price */ .special-price .price-label { white-space:nowrap; color:#c73615; font-weight:bold; } .special-price .price { font-weight:bold; color:#F1316E; } .sidebar .special-price .price-label { display:none !important; } /* Minimal price (as low as) */ .minimal-price { display: none;} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; margin:5px 0; text-decoration:none; } .minimal-price-link .label { font-weight:bold; } .minimal-price-link .price { font-weight:bold; } /* 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; } /* Configured price */ .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; 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 { white-space:nowrap; } .price-from .price { white-space:nowrap; } .price-to {} .price-to .price { white-space:nowrap; } .price-to .price-label { white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label {white-space:nowrap; } .price-as-configured .price { font-size:14px; color:#e55100; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .product-pricing { padding:8px; margin:20px 0; } .product-pricing li .price { font-weight:bold; } .product-pricing li .benefit { font-weight:bold; } /* Add to Links */ .add-to-links { margin:5px 0 0; font-size:11px; } .add-to-links li { margin:2px 0; } .add-to-links a { color:#999; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { font-size:12px; vertical-align:middle; font-weight:bold; margin-right:5px; text-transform:capitalize; } .add-to-cart .qty { vertical-align:middle; margin-right:10px; width:60px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* On product view */ .product-view .product-essential button.btn-gr span span, .add-to-cart button.btn-gr span span { font-size:14px !important; padding:1px 18px 0 10px !important; } .product-view .add-to-cart .paypal-logo { margin:0; } .product-view .product-essential .description { float: left; width: 230px; } /* Add to Links + Add to Cart */ .add-to-box .add-to-links { margin:0 !important; } .add-to-box .add-to-links li { margin:0 0 2px; } /* Product Options */ .product-options { margin:10px 0 0; } .product-options dt label { font-weight:bold; font-size:12px; } .product-options dt .required em { margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:5px 0 15px; padding:0 0 12px; border-bottom:1px solid #e7e7e7; } .product-options dl.last dd.last {} .product-options dd .input-box { display:block; padding-right:20px; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd .time-picker select { vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list li { vertical-align:middle; margin:0; padding:2px 0; line-height:1.315; } .product-options .options-list input.radio { float:left; margin:2px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:2px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options .validation-error .options-list, .product-options ul.validation-failed { padding:2px 1px !important; position:relative; z-index:2; top:-3px; left:-2px; margin-right:-2px; } .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed { padding:0 1px !important; position:relative; z-index:2; top:-1px; left:-2px; margin-right:-2px; } .product-options li { margin:3px 0; } .product-view .product-options-bottom .product-pricing { clear:both; } .product-view .product-options-bottom { padding:0; margin:0 0 5px; } .product-view .product-options-bottom .add-to-cart { float:left; padding-right:15px; padding-bottom:20px; } .product-view .product-options-bottom .price-box { margin:0 !important; float:right; } .product-view .product-options-bottom p.required { padding:5px 0 0; clear:both; text-align:right; width:auto; } /* Options in product info column */ .options-container-small { margin:20px 0 0; } .options-container-small .product-options-bottom { float:left; } .options-container-small .product-pricing { display:none; } .options-container-small .price-box { display:none; } .options-container-small .add-to-cart { padding:13px 15px 0 0 !important; } .options-container-small .product-options-bottom p.required { padding:0 0 0 90px; width:auto; float:left; clear:left; text-align:left; } .options-container-small dt { clear:left; float:left; line-height:1.2; width:10em; padding:3px 5px 3px 0; margin:0 0 8px; } .options-container-small dd { float:left; width:275px; border-bottom:0; padding:0; margin:0 0 8px; } .options-container-small .product-options { margin:0 0 0; } /* Options after product info column */ .options-container-big { clear:both; background:#fff; padding:20px; border-top:1px solid #cfcfcf; border-width:1px 0; } /* Bundle product - alternative view */ #customizeTitle { margin:0; } .product-options .bundle-summary { font-size:11px; } .bundleProduct .product-options { font-size:12px; margin-top:0; } .bundleProduct .product-options-bottom { padding:0; font-size:12px; margin:0 0 5px; line-height:27px; } .bundleProduct .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } .bundleProduct .product-options-bottom .price-box { margin:0; float:right; } .bundleProduct .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .with-bundle { position:relative; z-index:1; background:#fff url(../images/bkg_cols.gif) 460px 0 repeat-y; } /**/ #bundle-product-wrapper { margin:-1px -20px -21px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:left; width:938px; overflow:hidden; position:relative; z-index:1; } #bundleProduct { width:1877px; background:#fff url(../images/bkg_cols.gif) repeat-y 279px 0; z-index:1; position:relative; } #productView { margin:0; position:static; border:0; } #options-container { min-height:510px; width:938px; position:relative; z-index:2; float:right; border-left:1px solid #cfcfcf; background:#fff url(../images/bkg_cols.gif) repeat-y 460px 0; left:-1px; } #options-container h1 { text-align:left; } /* Bundle Product 2 column design */ .col2-left-layout #bundle-product-wrapper, .col2-right-layout #bundle-product-wrapper { width:755px; } .col2-left-layout #bundleProduct, .col2-right-layout #bundleProduct { background-position:574px 0; width:1511px; } .col2-left-layout #options-container, .col2-right-layout #options-container { background-position:277px 0; left:-1px; width:755px; } .col2-left-layout #options-container .product-options, .col2-right-layout #options-container .product-options { width:459px; } .col2-left-layout #options-container .product-options-bottom, .col2-right-layout #options-container .product-options-bottom { width:429px; } .col2-left-layout .bundle-summary, .col2-right-layout .bundle-summary { left:460px; } /* Bundle Product 3 column design */ .col3-layout #bundle-product-wrapper, .col3-layout #options-container { width:572px; } .col3-layout #bundleProduct { background-position:390px 0; width:1144px; } .col3-layout #options-container { background-position:94px 0; } .col3-layout #productView { margin-right:-10px; } .col3-layout #options-container .product-options { width:276px; } .col3-layout #options-container .product-options-bottom { width:246px; } .col3-layout #options-container .product-options-bottom .price-box { float:none; } .col3-layout .bundle-summary { left:277px; } #options-container .product-options { font-size:12px; margin-top:0; font-size:11px; z-index:1; margin:0; width:600px; padding:20px 20px 0; clear:both; position:relative; z-index:1; } #options-container .product-options-bottom { padding:0 20px 20px; width:600px; font-size:12px; margin:0 0 5px; line-height:27px; } #options-container .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } #options-container .product-options-bottom .price-box { margin:0; float:right; } #options-container .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .bundle-summary { background:#fff; position:absolute; z-index:2; left:643px; margin-top:0; padding:20px; width:256px; } .bundle-summary .product { background:#fff; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 8px; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .product .block-title { background:none; border:solid #e6e6e6; border-width:0 0 1px; margin:0 0 10px; padding:5px 0; position:relative; } .bundle-summary .product .block-title h2 { color:#5a5a5a; font-weight:normal; padding-left:5px; } .bundle-summary .product-image { border:1px solid #d6d6d6; float:left; margin:0 -60px 0 0; } .bundle-summary .product-details {} .bundle-summary .product-details p.availability { font-weight:bold; font-size:11px; margin:28px 0 0; position:relative; } .bundle-summary .price-box { margin-bottom:35px; } .bundle-summary .price-box .price-as-configured .price { font-weight:normal; } .bundle-summary .price-box .price-as-configured .price-label { color:#010101; font-size:14px; font-weight:normal; margin-right:10px; } .bundle-summary .product-name { font-size:16px; color:#111; } .bundle-summary .product .add-to-links { border-top:1px solid #e6e6e6; margin-top:10px; padding:7px 0 2px 5px; } .bundle-summary .product .add-to-links a { color:#ef5d24; font-weight:bold; } .bundle-summary .product .add-to-links li { display:inline; margin-right:20px; } .bundle-summary .summary { padding:10px 8px !important; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .summary h4 { border-bottom:1px solid #e6e6e6; color:#5a5a5a; font-size:14px; font-weight:normal; padding:0 0 5px 5px; } .bundle-summary .summary ul { margin:6px 0 10px; } .bundle-summary .summary li { background:url(../images/bkg_dots.gif) repeat-x bottom; margin:0; padding:11px 0 7px; } .bundle-summary .summary .last { background:none; padding-bottom:0; } .bundle-summary button.btn-cart span, .bundle-summary button.btn-cart span span { background-image:url(../images/bg_bundle_btn.gif); font-weight:normal !important; height:23px !important; line-height:23px !important; padding:0 0 0 18px !important; } .bundle-summary button.btn-cart span span { padding:0 18px 0 0 !important; } .bundle-summary .add-to-cart .qty { margin-right:80px; } .bundle-summary .add-to-cart button { margin:10px 0 0; } .bundle-summary .add-to-cart .paypal-logo { text-align:left; } .bundle-summary .add-to-cart .paypal-or { margin:5px 0 5px 42px; } #bundleProduct .page-title a { color:#ef5d24; position:relative; text-decoration:none; top:4px; } #bundleProduct .page-title a:hover { text-decoration:underline; } #bundleProduct .page-title a small { font-size:14px; font-weight:bold; } #bundleProduct .product-options { padding:0; width:642px; } #bundleProduct .product-options dt, #bundleProduct .product-options dd { background:url(../images/bg_bundle_options.png) repeat-x; } #bundleProduct .product-options dd { background-position:0 -33px; border-bottom:1px solid #bfbfbf; margin:0; padding:20px 10px 20px 30px; } #bundleProduct .product-options dt { border-bottom:1px solid #e6e6e6; color:#010101; line-height:32px; padding:0 10px 0 30px; } #bundleProduct .product-options dl.last .last { border-bottom:none; } #bundleProduct .product-options p.required { padding:0; position:absolute; right:10px; top:10px; } #bundleProduct .product-options-bottom { background:url(../images/bg_bundle_options_bottom.png) repeat-x 0 0; padding:11px 15px 0; width:612px; } #bundleProduct .product-options-bottom a { color:#ef5d24; font-size:11px; font-weight:bold; text-decoration:none; } #bundleProduct .product-options-bottom a:hover { text-decoration:underline; } #bundleProduct .product-options-bottom a small { font-size:14px; } #bundleProduct .product-options-bottom .price-as-configured { font-size:11px; } #bundleProduct .product-options-bottom .price-as-configured .price { font-size:12px; vertical-align:baseline; } #bundleProduct .product-options-bottom .price-as-configured .price-label { color:#010101; font-weight:bold; margin-right:15px; } /* Grouped Product */ .groped-product-type { position:relative; z-index:2; margin:20px -30px -20px; background:#fff; border-top:1px solid #cfcfcf; padding:20px 30px 0; } .grouped-items td { vertical-align:middle; padding:5px 10px; } /* Gift Card product */ .category-cheques-cadeaux .product-shop .price-box { display:none; } .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:140px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list #giftcard_amount_box { width:90px!important; padding:0!important; } .giftcard-amount-form .form-list .input-text { width:70px; height:16px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { width: 298px !important; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { background:#fff; z-index:2; position:relative; border-top: 1px dashed #CFCFCF; padding: 20px 20px 10px; margin:0; width:540px!important; } .giftcard-send-form label { width:140px; text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:240px !important; } .giftcard-form.ajaxcartpro-box-show .giftcard-amount-form { display:block!important; margin: 20px; width:525px; } .giftcard-form.ajaxcartpro-box-show .giftcard-amount-form .validation-error .validation-advice { text-align:left; } .product-shop .giftcard-send-form { margin:0; padding:0; border-top:0 none; } .product-shop .giftcard-form { padding-top:20px; width:534px; position:relative; clear:both; } .product-shop .giftcard-form .availability { display:none; } .product-shop .giftcard-form .availability.in-stock { background: url("../images/matmag/bkg-li-puce.jpg") no-repeat scroll 19px 14px transparent; border: 1px solid #50A01F; color: #50A01F; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; padding: 8px 16px 8px 32px; position: absolute; right: 0; top: 18px; } .product-view.giftcard .options-container-big { border:0 none; padding:0; } .product-view.giftcard .product-options-bottom .add-to-cart { float:right; padding:0; } .product-view.giftcard .product-options-bottom .add-to-cart button.button span { background: none; background-position: 0 0; border: 0 none; color: #C73615; cursor: pointer; display: inline-block; height: 42px; margin: 0; text-decoration: none; float: left; } .product-view.giftcard .product-options-bottom .add-to-cart button.button span span { background: url("../images/matmag/btn-checkout-cart.png") no-repeat scroll 0 0 transparent; color: white; font-family: times New Roman; font-size: 14px; font-weight: normal; height: 43px; line-height: 37px; text-align: center; width: 158px; } .product-view.giftcard .product-options-bottom p.required { padding-bottom:15px; } .checkout-cart-index .giftcard { border-top: 1px dashed #CFCFCF; padding:20px 0; margin-left:20px!important; } .checkout-cart-index .giftcard h2 { color: #41374D; font-family: times New Roman; font-size: 16px; font-style: italic; margin-bottom:10px!important; } .checkout-cart-index .giftcard #giftcard-form label { float:left; } .checkout-cart-index .giftcard #giftcard-form .v-fix { float:left; margin:10px 10px 0 0; } .checkout-cart-index .giftcard #giftcard-form .v-fix input { width:100px; } .checkout-cart-index .giftcard #giftcard-form fieldset { margin:0; width: 255px; } .checkout-cart-index .giftcard #giftcard-form fieldset button.button { margin-top:8px; } /* GIFTCARD STORE PRODUCT VIEW ADD FIELD ADDRESS */ .product-view.giftcard.store .giftcard-amount-form { width:534px; } .product-view.giftcard.store .giftcard-send-form { width:534px!important; } .product-view.giftcard.store .form-list li { width:534px!important; } .product-view.giftcard.store .form-list .input-box { position:relative; width:384px; padding:0; } .product-view.giftcard.store .form-list #giftcard_amount_box { width:90px!important; } .product-view.giftcard.store .form-list .input-box .required-entry { float:left; } .product-view.giftcard.store .form-list .validation-advice { position: absolute; width:130px!important; right: 0!important; float:none!important; margin:0!important; clear:none!important; display:block!important; } .product-view.giftcard.store .options-container-big fieldset.product-options { left: 420px; margin: 0; position: absolute; bottom:693px; width: 534px; z-index: 10; } /*.product-view.giftcard.store .options-container-big fieldset.product-options.low{top:1042px;}*/ .product-view.giftcard.store .options-container-big .product-options ul li { width:534px; position:relative; overflow:hidden; } .product-view.giftcard.store .options-container-big .product-options ul li label { width: 135px; margin-right: 10px; float: left; font-weight:bold; position:relative; } .product-view.giftcard.store .options-container-big .product-options ul li .input-box { float: left; padding:0; border:0 none; margin:0; } .product-view.giftcard.store .options-container-big .product-options ul li .input-box #options_1_text { width:240px; height: 78px; resize: none; float:left; } .product-view.giftcard.store .options-container-big .product-options .validation-advice { /*width: 150px; float: left; margin-left: 15px; clear: none!important;*/ position: absolute; right:-16px; width:150px; top:0; } .product-view.giftcard.store .giftcard-send-form .giftcard-message-block { margin-top:94px; } .giftcard-desc { margin:20px; } .giftcard-desc .giftcard-boutique { margin-left: 30px; } .giftcard-desc .giftcard-site { margin-left: 50px; } .product-carte-cadeau .product-essential .description { width:auto; } .product-carte-cadeau .product-shop .price-box { border: 0 none; float: right; margin: 0; padding: 0; text-align: center; } /* Block: Related */ /* .product-view .box-related { font-size:11px; } .product-view .box-related p { margin:0; } .product-view .box-related .product-name { font-size:12px; } .product-view .box-related .price-box { margin:8px 0; } .product-view .box-related .note { padding:5px 20px; margin:0; font-size:12px; background:#f7edda; } .product-view .box-related .note, .product-view .box-related .note a { color:#d02600; } .product-view .box-related input.checkbox { position:absolute; margin:3px 0 0 105px; } .product-view .box-related ol { padding:20px 0 20px 20px !important; } .product-view .box-related li.item .item-info { margin-right:20px; } .product-view .box-related li.item { width:31.5%; float:left; margin-right:1%; } .product-view .box-related li.item p a { color:#999; } .product-view .box-related li.item .product-image { float:left; margin-right:-100px; width:100px; } .product-view .box-related li.item .product-details { margin-left:125px; } */ ul.box-content{ float:left; position:relative; padding-top:20px; } .box-content li.item { border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; float: left; margin:0px 12px; position: relative; text-align: center; width: 117px; } .box-content .panel-info-product { background-color: #FFFFFF; border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; height: 180px; left: -12px; padding: 0; position: absolute; top: -12px; width: 128px; display:none; } .box-content li.last { margin-right:0; } .box-content .product-name { font-family: Arial; font-size: 12px; font-style: normal; height: 50px; line-height: 18px; overflow: hidden; padding: 5px; } .box-content .ratings { text-align:left; line-height:13px; } .box-content .rating-links { display:block; padding:2px 0 0; clear:both; } .box-content .panel-info-product { display:none; background-color: #FFFFFF; border: 7px solid #EAE8E8; border-radius: 10px 10px 10px 10px; height: 180px; left: -14px; padding: 0; position: absolute; top: -12px; width: 130px; } .box-content .panel-info-product ul { border:none!important; width:132px!important; padding:0px!important; margin:10px 0px 0px 0px!important; } .box-content .panel-info-product li { padding-left:1px!important; border:none!important; float: left!important; font-size: 12px!important; margin: 0!important; padding: 0!important; position: relative!important; width: 42px!important;background: url("../images/matmag/bkg-border-tier-price.jpg") no-repeat;} .box-content .panel-info-product li .first { background: none!important; } .box-content .panel-info-product h3 a:hover { text-decoration:underline; } .box-content .panel-info-product strong.title-price-product { font-weight: normal; width: 100px; float:left; margin:5px 0px 0px 5px; } .box-content ul.tier-prices { float:left; margin-top:5px; padding:0px; } .box-content ul.tier-prices li.first { background:none; } .box-content ul.tier-prices li { float: left; font-size: 12px; margin: 0; padding: 0; position: relative; width: 42px; border:none; background: url("../images/matmag/bkg-border-tier-price.jpg") no-repeat left center; } .box-content ul.tier-prices span.price-product-col{ font-weight: bold; color:#EB0054; } .box-content .panel-info-product .bloc-qty { margin-bottom:10px; } .box-content .panel-info-product .bloc-qty label { color: #41374D; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; } .box-content .panel-info-product .actions input { font-size:11px; width:20px; text-align:center; border-radius: 6px; border:2px solid #999999; color:#999999; } .box-content .panel-info-product .price-box { float:right; margin-right: 5px; text-align: right; } .box-content .panel-info-product .actions span { background:none; } .box-content .panel-info-product .actions { bottom: 5px; position: absolute; right: 3px;} .box-content .panel-info-product .actions button span { padding:0px; } .box-content .panel-info-product .actions span span { background: url("../images/matmag/btn-add-to-cart.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 10px; font-weight: normal; height: 26px; line-height: 22px; padding-left: 8px; text-align: left; width: 62px; } .box-content .panel-info-product .price-box span.price-label { display:none; } .box-content .panel-info-product .special-price span.price, .box-content .panel-info-product .price-box span.price{ font-size:12px; font-weight:bold; color:#eb0054; } .box-content .panel-info-product .special-price span.price { text-decoration:none; } .box-content .panel-info-product .price-box .regular-price .price {color:#F1316E; font-size: 16px; font-weight: bold; } .box-content .panel-info-product .price-box span.label { display:none; } .box-content .panel-info-product .price-box .old-price .price { text-decoration: line-through; font-weight:normal; color:#505050; font-size:12px; } .box-content .panel-info-product .price-box span.price-label { display: none; } /* 3 Column Block: Related */ .col3-layout .product-view .box-related li.item .product-image { display:block; float:none; margin:0 auto; } .col3-layout .product-view .box-related li.item .product-details { margin-left:0; } .col3-layout .product-view .box-related input.checkbox { margin-left:135px; } /* Block: Upsell */ .product-view .box-up-sell .products-grid { padding:30px 0 10px 61px; margin:0; } .product-view .box-up-sell .products-grid li { width:176px; margin-right:40px; display:inline; } /* 2 Column Block: Upsell */ .col2-left-layout .product-view .box-up-sell .products-grid, .col2-right-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 30px; margin-right:0; } .col2-left-layout .product-view .box-up-sell .products-grid li, .col2-right-layout .product-view .box-up-sell .products-grid li { display:inline; width:140px; } /* 3 Column Block: Upsell */ .col3-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 15px; margin:0; } .col3-layout .product-view .box-up-sell .products-grid li { width:135px; margin-right:2px; display:inline; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 { font-size:12px; font-weight:normal; } .product-view .box-tags .form-add-tags { padding:5px 0 0 0; } .product-view .box-tags .form-add-tags label { margin:0; font-weight:bold; font-size:12px; padding:2px 15px 0 0; height:4em; float:left; } .product-view .box-tags .form-add-tags .input-box { margin:0; display:inline-block; } .product-view .box-tags .form-add-tags div.validation-passed, .product-view .box-tags .form-add-tags div.validation-error { padding-right:17px; } .product-view .box-tags .form-add-tags input.input-text { width:300px; } .product-view .box-tags .form-add-tags button.button { margin-left:5px; vertical-align:top; } .product-view .box-tags .form-add-tags p { padding:5px 0; font-size:11px; } .product-view .box-tags .tags-list { margin:15px 0; line-height:1.5em; } .product-view .box-tags .tags-list li { display:inline; font-size:10px; margin:0 5px 0 0; } .product-view .box-tags .tags-list li a { text-decoration:none; font-size:12px; margin:0; padding:3px; background:#fffcf0; } .product-view .box-tags .tags-list li a:hover { text-decoration:underline; } .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link { float:left; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link { margin-bottom:15px; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link, x:default { float:none; }/* FireFox 3 restore */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link, x:default { margin-bottom:0; }/* FireFox 3 restore */ /* Block: Reviews */ .product-view .product-main-info .review-summary-table { margin:10px 0; } .review-summary-table { border:0; margin:0 0 10px; } .review-summary-table th, .review-summary-table td { padding:2px 5px; } .review-summary-table tr.last td { border:0; } .review-summary-table th.label, .review-summary-table td.label { width:1px; white-space:nowrap; padding-left:0; background:none; } .product-view .box-reviews .pager { border-width:1px 0; margin:0; } .product-view .box-reviews dt { margin:10px 0; font-style:italic; } .product-view .box-reviews dt a { font-weight:bold; font-style:normal; margin-right:10px; } .product-view .box-reviews dd { margin:10px 0 20px; padding:0 0 10px; background:url(../images/bkg_dots.gif) repeat-x 0 100%; } .product-view .box-reviews dd p { margin:0 0 10px; } .product-view .box-reviews dd .date { margin:0 0 10px; font-style:italic; } .product-view .box-reviews dd.last { background:none; margin-bottom:0; } /* Add Review Form */ .product-view .box-reviews .product-name { font-weight:normal; margin-bottom:20px; } .product-view .box-reviews .product-name span { font-weight:bold; } .product-view .box-reviews .form-list { margin:15px 0; } .product-view .box-reviews .form-list .input-box {} .product-view .box-reviews .form-list .review-summary-table thead { background:none; } .product-view .box-reviews .form-list .review-summary-table thead th { background:none; border:0; } .product-view .box-reviews .form-list .review-summary-table .value { text-align:center; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .review-product-list .col-main { padding-top:0; } .product-review .product-img-box { float:left; width:285px; } .product-review .product-img-box .product-image { display:block; margin:0 0 15px; } .product-review .details { float:right; width:400px; } .product-review .details .product-name { font-size:15px; font-weight:bold; color:#151515; line-height:19px; margin:0 0 10px; } .product-review .details p.date { font-size:12px; font-style:italic; } .product-review .details p { margin:10px 0; } .product-review .details .review-summary-table { margin:10px 0; } .product-review .buttons-set { clear:both; padding:25px 0 0; } .review-product-view .col-main { background:#fff url(../images/bkg_cols.gif) repeat-y -430px 0; padding:0; } .review-product-view .col-main .page-title { margin-left:0; margin-right:0; } .review-product-view .product-review .product-img-box { padding:0 0 20px 20px; } .review-product-view .product-review .details { width:570px; padding:0 20px 20px 0; } .review-product-view .product-review .buttons-set { border-top:1px solid #d1d1d1; background:#fff; margin:0; padding:15px 20px; } /* ======================================================================================= */ /* CMS ============================================================================= */ .cms-page-view .col-main h3 {background: none repeat scroll 0 0 #F3F3F3; margin:10px 0px; border-bottom: 1px solid #EFEFEF; color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: normal; padding: 5px; } .cms-page-view .col-main p { margin:0px!important; } .cms-home .col1-layout, .cms-index-index .col1-layout { } .cms-home .top-callout, .cms-index-index .top-callout { margin-bottom:6px; } .cms-home .col1-layout .col-main, .cms-index-index .col1-layout .col-main { padding:0; } .cms-index-index .col2-set {} .cms-home .col2-set .col-1, .cms-index-index .col2-set .col-1 { width:705px; } .cms-home .col2-set .col-2, .cms-index-index .col2-set .col-2 { width:244px; border:1px solid #d9d7ca; border-left:0; margin-left:-244px; } .cms-home .col2-set .col-2 img, .cms-index-index .col2-set .col-2 img { display:block; margin:6px auto; } .cms-home .col1-layout .category-view, .cms-index-index .col1-layout .category-view { margin:0 0 20px; } .cms-home .col1-layout .page-title, .cms-index-index .col1-layout .page-title { margin:3px 0 0; } .cms-home .col1-layout .products-grid, .cms-index-index .col1-layout .products-grid { margin:0; border:1px solid #cbc0b2; padding-top:20px; padding-bottom:20px; } .cms-home .col1-layout .products-list, .cms-index-index .col1-layout .products-list { margin:0; border:1px solid #cbc0b2; padding-top:20px; } .cms-hp-touchsmart-iq506-has-arrived .col-main { padding:0; } .cms-hp-touchsmart-iq506-has-arrived .main { margin-top:0; } .cms-hp-touchsmart-iq506-has-arrived .breadcrumbs { display:none; } .new-product-spotlight { border:1px solid #cfcfcf; border-top:0; background:url(../images/callouts/electronics/new_computer_bg.jpg) no-repeat; height:519px; position:relative; } .new-product-spotlight .link { position:absolute; top:95px; left:318px; } .new-product-spotlight .more-new-positioning { position:absolute; top:42px; right:70px; width:207px; } .new-product-spotlight .more-new-positioning h3 { margin-bottom:5px; font-size:11px; text-transform:uppercase; font-weight:bold; } .new-product-spotlight .more-new { position:relative; height:335px; } .new-product-spotlight .more-new .arrow-up { position:absolute; top:0; left:0; height:20px; width:207px; background:url(../images/callouts/electronics/more_new_arrow.gif) no-repeat; text-indent:-999em; } .new-product-spotlight .more-new .arrow-down { position:absolute; bottom:0; left:0; height:20px; width:207px; background:url(../images/callouts/electronics/more_new_arrow.gif) no-repeat 0 100%; text-indent:-999em; } .new-product-spotlight .more-new .content { position:absolute; top:20px; left:0; width:205px; height:295px; border-width:0 1px; border-style:solid; border-color:#dcdcdc; background:#fff; } .new-product-spotlight .more-new ol { margin:10px 15px; padding-left:0; list-style-type:none; } .new-product-spotlight .more-new .item { padding:10px 0 10px 85px; border-bottom:1px solid #d2d2d2; } .new-product-spotlight .more-new .item.top {padding-top:0; } .new-product-spotlight .more-new .item.last { border-bottom:0; padding-bottom:0; } .new-product-spotlight .more-new .item img { float:left; margin-left:-85px; position:relative; } .new-product-spotlight .more-new a { font-weight:bold; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(../images/bkg_cms-menu.gif) 0 0 repeat-x; font-size:12px; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { background:url(../images/bkg_cms-menu-arrow-down.gif) 100% 50% no-repeat; padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:12px; font-weight:bold; color:#333; } #shopping-cart-table td h2 a { color: #505050; font-family: Arial; font-style: normal; font-weight: normal; text-decoration: none; } #shopping-cart-table td h2 a:hover { color:#F1316E; text-decoration:none; } #shopping-cart-table input { border: 2px solid #999999; border-radius: 6px 6px 6px 6px; color: #999999; font-size: 11px; text-align: center; width: 20px; } /* Product Tags */ .tags-list { margin:5px 0; } .tags-list li { display:inline; font-size:12px; } .tags-list li a { text-decoration:none; margin:0 2px 0 0; } .tags-list li a:hover { text-decoration:underline; } /* Advanced Search */ .search-summary { padding:10px 10px 0; margin:10px 0 0; font-size:12px; background:url(../images/bkg_dots.gif) repeat-x 0 0; } .search-summary li { margin:2px 0; } /* Sitemap */ .page-sitemap .links { display:block; text-align:right; margin:0 20px -36px 0; display:none; } .page-sitemap .links a { position:relative; } .page-sitemap .sitemap { font-size:12px; } .page-sitemap .sitemap li { line-height: 18px; } .page-sitemap .sitemap li.level-0 { background: none repeat scroll 0 0 #EFEFEF; font-family: times New Roman; font-size: 18px; font-style: italic; padding: 5px; } .page-sitemap .sitemap li.level-0 a { color:#111111; } .page-sitemap .sitemap li.level-1 { border-bottom: 1px dashed #CFCFCF; font-family: times New Roman; font-size: 16px; font-style: italic; padding: 5px; width: 50%; } .page-sitemap .sitemap li.level-2 { padding:5px; font-weight:bold; } .page-sitemap .sitemap li.level-3 a { background-image: url("../images/matmag/list-style-image.png"); background-position: 0 5px; background-repeat: no-repeat; padding-left: 10px; } .page-sitemap .sitemap li a { text-decoration:none; } .page-sitemap .sitemap li a:hover { color:#F1316E; } .catalog-seo-sitemap-category .pager { display:none; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .block.block-wishlist { display:none; } .checkout-cart-index .quantity { float: left; position: relative; width: 62px; } .checkout-cart-index td div.quantity input#minus1 { background: url("../images/matmag/bkg-qty-less.jpg") no-repeat scroll 0 0 transparent; border: medium none; bottom: 1px; cursor: pointer; height: 10px; position: absolute; right: 0; text-indent: -9999px; width: 11px; } .checkout-cart-index td div.quantity input#add1 { background: url("../images/matmag/bkg-qty-plus.jpg") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 10px; position: absolute; right: 0; text-indent: -9999px; top: 1px; width: 11px; } .checkout-cart-index .data-table tfoot td { border: medium none; padding: 20px 0; } .checkout-cart-index form#co-shipping-method-form { } .checkout-cart-index .block.block-reorder { display:none; } .checkout-cart-index .col-main { padding:0; } .checkout-cart-index .col-main .page-title { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px dashed #CFCFCF; margin-bottom: 20px; margin-left: 20px; padding: 20px 0; width: 660px; } .checkout-cart-index .data-table tr.odd { background-color: #ffffff; } .checkout-cart-index .cart { position:relative; } .checkout-cart-index .cat-phone { position: absolute; right: 0; text-align: right; top: 0; } .checkout-cart-index .cat-phone p em { font-family: times New Roman; font-size: 16px; font-style: italic; font-weight: bold; color:#F1316E; } .checkout-cart-index .cart-freeshipping { background-color: #EFEFEF; display: inline; margin-left: 80px; padding: 8px 40px; text-align: center; } .checkout-cart-index .cart-freeshipping a { font-style: italic; color: #F1316E; } .checkout-cart-index .cart-delayed-shipment { background-color: #EFEFEF; padding: 15px; text-align: justify; color: #F1316E; margin: 0 0 20px 20px; font-size: 14px;} .checkout-cart-index .top-info { position: relative } .checkout-cart-index .cart-astuce { text-align:center; margin-top: 20px; } .checkout-cart-index .cart-astuce a { font-style: italic; text-decoration:none; color:#F1316E; } .checkout-cart-index .cart-astuce a:hover, .checkout-cart-index .cart-freeshipping a:hover { text-decoration:underline; } .cart-empty { padding:20px; background:#fff; } .cart-empty a { color: #F1316E; } .cart { } .cart .title-buttons { padding-right:15px; } .cart .messages, .cart .messages li { margin:0; } .cart .checkout-types { float:right; text-align:center; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .checkout-types fieldset { display:inline; } .cart .checkout-types .btn-proceed-checkout span { background-image:url(../images/bkg_btn-co.gif); height:27px !important; padding:0 0 0 13px !important; } .cart .checkout-types .btn-proceed-checkout span span { border:0; background-image:url(../images/bkg_btn-co.gif); padding:1px 32px 0 19px !important; color:#fff; font:bold 15px/26px Arial, Helvetica, sans-serif !important; height:26px; text-transform:none; margin:0 !important; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table */ .cart-table { border-width:1px 0; } .cart-table .item-msg { font-size:10px; } .cart-table .item-msg.error { color: #F1316E; } .cart-table thead th { vertical-align:bottom; } .cart-table tbody td { padding:12px; border-bottom: 1px solid #EFEFEF; vertical-align: middle; border-left: 1px solid #EFEFEF; } .cart-table tbody td.a-center, .cart-table tbody td.a-right { padding:12px; border-right: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; } .cart-table tbody td.a-center.empty-td { border-left:none; } .cart-table tbody td.last { background:none; } .cart-table .btn-continue { height:26px; float:left; background:none; border:none; background: url("../images/matmag/btn-continue-shopping.png") no-repeat scroll 0 0 transparent;color: #505050; width: 168px; } .cart-table .btn-continue span { background: none repeat scroll 0 0 transparent; border: medium none; color: #ffffff; font-weight: normal; height: 26px; line-height: 22px; padding: 0; text-transform: uppercase; width: 168px; font-weight: bold;} .cart-table .btn-update { float:right; } #shopping-cart-table td a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; text-transform: lowercase; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { width:630px; padding:20px 0 10px; } .cart .cross-inside { background:url(../images/bkg_crosssell.gif) repeat-y 0 0; } .cart .cart-collaterals h2 { color:#000; font-weight:normal; margin:0 0 5px; } .cart .deals { float:left; width:280px; display:inline; margin:0 0 0 30px; font-size:12px; } .cart .deals p, .cart .deals label { margin:0 0 7px; display:block; } .cart .deals .input-text { width:140px; margin:0 5px 3px 0; float:left; } .cart .giftcard { position:relative; z-index:1; } .cart .giftcard button.check-gc-status { clear:both; } .cart .giftcard button.check-gc-status span { padding:0 !important; background:none !important; line-height:1.3 !important; color:#444 !important; height:auto !important; font-weight:normal !important; text-transform:none !important; } .cart .giftcard button.check-gc-status span span { text-decoration:underline; font-size:12px !important; } .cart .giftcard, .cart .discount { margin:0 0 20px 0; } .cart .cancel-btn { margin:5px 30px 0 0; clear:left; } .cart .shipping { float:left; margin:0 0 0 30px; display:inline; font-size:12px; width:280px; } .cart .shipping select { width:256px; } .cart .shipping .input-text { width:250px; } .cart .shipping p { margin:0 0 15px; } .cart .shipping .buttons-set { width:256px; } .cart .shipping .form-list label { float:none; width:auto; text-align:left; padding:0; } .cart .shipping .form-list .input-text, .cart .shipping .form-list select { display:block; float:none; } .cart .crosssell { float:left; min-height:400px; width:260px; padding:0 20px 15px 30px; border:1px solid #d9d9d9; border-width:0 1px 0 0; background:#fbf3f0; } .cart .crosssell h2 { font-size:11px; color:#cd3800; font-weight:bold; text-transform:uppercase; } .cart .crosssell .item { padding:17px 0 0 ; } .cart .crosssell .product-image { float:left; margin:3px -90px 0 0; } .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell .product-name, .cart .crosssell .price-box, .cart .crosssell p, .cart .crosssell .add-to-links { margin:0 0 5px; } .cart .crosssell .add-to-links li { margin:0; } /* Shopping Cart Totals */ .cart .totals { float:right; width:275px; padding:23px 15px 0 15px; font-size:14px; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:0 5px 5px; } .cart .totals table tfoot strong { font-weight:normal; font-size:18px; color:#505050; display:block; margin:10px 0 15px; } .cart .totals table tfoot strong span.price { color:#F1316E; } .cart .totals table tfoot .summary-total td { padding:0 0 20px; } .cart .totals table tfoot th strong { margin:0; } .cart .totals table tfoot td .price { font-weight:bold; } .cart .totals .btn-remove { vertical-align:middle; } .cart .totals .btn-remove img { vertical-align:baseline; } .cart .totals .checkout-types li { margin:0 0 15px; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding-top:8px; line-height:1.0; font-size:11px; } /* Options Tool Tip */ .item-options p { font-size:11px; font-weight:bold; text-transform:uppercase; padding:10px 12px 0 12px; } .item-options dt { font-weight:bold; padding:7px 0 7px ; } .item-options dd { padding-bottom:5px; } .truncated { cursor:help; margin:5px 0 0; position:relative; z-index:1; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; background:url(../images/bkg_dots.gif) repeat-x 0 100%; color:#514f4f; } .truncated .truncated_full_value {} .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:0; width:190px; border:1px solid #c8c8c8; border-bottom:1px solid #919191; background-color:#fff; } .truncated .truncated_full_value .item-options dl { margin-right:-9px; position:relative; z-index:9999; padding:0px 21px 10px 12px; background:url(../images/bkg_truncated.gif) no-repeat 100% 38px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } .top-cart .truncated .show .item-options { top:-60px; left:-206px; } .block-cart .truncated .show .item-options { top:-60px; left:-206px; } /* Item options in the cart */ .data-table .item-options dt { padding:3px 0 0 10px; background:url(../images/bkg_bulletsm.gif) 0 .8em no-repeat; } .data-table .item-options dd { padding:0 0 3px 10px; } .data-table .item-options dd .price { font-weight:bold; margin-left:5px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ .checkout-cart-index .cart fieldset { margin-left: 20px; } .checkout-cart-index .col-main { width:680px; /*min-height: 800px;*/ } .checkout-cart-index .col-right.sidebar { width:250px; float: left; /*position: absolute; right: 40px; bottom: 0;*/ } .checkout-cart-index .shipping { background: none repeat scroll 0 0 #EFEFEF; margin-left: 20px; margin-top: 20px; width: 212px; padding:20px; } .checkout-cart-index .shipping h2 { color: #41374D; font-family: times New Roman; font-size: 16px; font-style: italic; } .checkout-cart-index .shipping fieldset p { width:212px; } .checkout-cart-index .shipping .form-list label { text-align: left; color: #444444; float: left; font-size: 12px; font-weight: bold; padding: 6px 15px 0 0; width:150px; } .checkout-cart-index .shipping .form-list select { float: left; vertical-align: top; width: 210px; } .checkout-cart-index .shipping .form-list input.input-text, .checkout-cart-index .shipping .form-list textarea { float: left; height: 22px; vertical-align: top; width: 204px; } .checkout-cart-index .discount { border-top:1px dashed #cfcfcf; margin-top: 20px; margin-left: 20px; width: 250px; padding:20px 0px; } .checkout-cart-index .discount button.button { float:left; margin-top:10px; } .checkout-cart-index .discount h2 { color: #41374D; font-family: times New Roman; font-size: 16px; font-style: italic; margin-bottom: 10px!important; } .checkout-cart-index .discount label { margin-bottom:5px; } .checkout-cart-index .discount input { background:#EFEFEF; width:180px; margin-right: 15px; margin-top:10px; } .checkout-cart-index .totals-checout { border-top:1px dashed #cfcfcf; margin-left: 20px; width: 252px; padding:20px 0px; } .checkout-cart-index .totals-checout table { width:252px; } .checkout-cart-index .totals-checout tfoot { font-size:22px; } .checkout-cart-index .totals-checout tfoot td { position: relative; width:100%; } .checkout-cart-index .totals-checout tbody { } .checkout-cart-index .totals-checout tfoot strong { float:left; margin-top:20px; } .checkout-cart-index .totals-checout tfoot strong span.price { float:right; color:#F1316E; } .checkout-cart-index .totals-checout tbody td span.price { } .checkout-cart-index .totals-checout button.button { float:right; margin:20px 0px; } .checkout-cart-index .totals-checout button.button span { background:none; height: 43px; } .checkout-cart-index .totals-checout button.button span span { background: url("../images/matmag/btn-checkout-cart.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 16px; font-weight: normal; height: 43px; line-height: 34px; text-align: center; width: 138px; } /* One Page */ .checkout-onepage-index .col-main { padding:20px 0 0; } .opc-wrapper { background:url(../images/bkg_cols.gif) repeat-y -573px 0; } .opc-wrapper .page-title { margin:0; position:relative; z-index:1; } .opc-wrapper .page-title .callout { position:absolute; top:7px; right:20px; z-index:1; } /* Block: Checkout Progress */ .opc-progress-container { float:left; width:182px; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .opc { float:right; width:755px; } .opc li.section { position:relative; } .opc .step-title { margin:0 0 1px; } .opc .step-title .number { display:none; } .opc .step-title h2 { background-color:#e6e6e6; color:#686868; font-size:11px; line-height:22px; padding:0 14px; font-weight:bold; text-transform:uppercase; } .opc .allow .step-title {} .opc .allow .step-title h2 { background-color:#656565; color:#fff; cursor:pointer; } .opc .active {} .opc .active .step-title { margin:0 0 0; padding:0 0 0 0; } .opc .active .step-title h2 { background:#d12c01 url(../images/bkg_active-step.gif) repeat-x 0 0; color:#fff; text-transform:capitalize; font-weight:normal; border-bottom:1px solid #cfcfcf; cursor:default; font-size:16px; padding:5px 20px 2px; line-height:24px; height:24px; } .opc .step { padding:20px; min-height:300px; font-size:12px; background:#fcfcfc; border-top:0; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication { margin:0 auto; width:570px; } .opc .order-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Steps */ .opc .form-alt .input-box { width:695px; } .opc .form-alt .input-box select { width:695px; } #checkout-step-login { height:auto !important; min-height:0 !important; padding:0; } #checkout-step-login .col2-set { padding:20px 20px 30px; background:#fcfcfc url(../images/bkg_cols.gif) repeat-y 195px 0; height:auto !important; min-height:0 !important; } #checkout-step-login .login-only { background-image:none; } #checkout-step-login h4 { font-size:16px; color:#000; font-weight:normal; margin:0 0 15px; } #checkout-step-login .col2-set .col-1 {} #checkout-step-login .col2-set .col-2 { width:338px; } #checkout-step-login .col2-set .col-2 .radio { margin-right:5px; } #checkout-step-login .col2-set .col-2 li { padding-left:10px; background:url(../images/bkg_bulletsm.gif) no-repeat 0 0.5em; } #checkout-step-login .col2-set .col-2 .form-list li { background:none; padding-left:0; } #checkout-step-login .form-list label, #checkout-step-login .form-list .label { width:90px; } #checkout-step-login .btn-only { padding:0 0 0 105px; text-align:left; width:214px; } #checkout-step-login .btn-only .button { float:right; } #checkout-step-login p { margin:0 0 15px; } #checkout-step-login .form-list p { padding-left:105px; margin:0; } #checkout-step-login .form-list .input-text { width:210px; } .opc .buttons-set .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set p.back-link { text-align:left; } .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set .button, .opc .form-buttons .button { float:right; margin:0; } .opc p.required { text-align:right; width:auto; padding-left:0; } .checkout-onepage-payment-additional-customerbalance { margin-bottom:5px; } .checkout-onepage-payment-additional-customerbalance .checkbox { margin-left:0; } /* #checkout-step-shipping_method .buttons-set, #opc-payment .buttons-set { width:521px; margin-top:10px; margin-bottom:0; } #checkout-step-shipping_method .buttons-set .back-link, #opc-payment .buttons-set .back-link { width:245px; padding-right:15px; float:left; text-align:right; } #checkout-step-shipping_method .buttons-set .back-link a, #opc-payment .buttons-set .back-link a { display:inline; float:none; } #checkout-step-shipping_method p.required, #opc-payment p.required { padding:0 0 0 260px; } #opc-payment p.note { padding:10px 0; font-size:11px; } */ #checkout-step-review { padding:0; } #checkout-step-review .data-table { border:0; font-size:12px; } #checkout-step-review .data-table .item-options { font-size:11px; } #checkout-step-review .data-table thead th { vertical-align:bottom; font-size:11px; } #checkout-step-review .data-table .product-name { font-size:12px; } #checkout-step-review .data-table tfoot tr.last strong { font-size:14px; } #checkout-step-review .buttons-set { padding:15px 20px; margin:0; } .opc .checkout-agreements { margin:20px; } /* Multiple Addresses Checkout */ .checkout-progress, .checkout-progress li.first span, .checkout-progress li.last span { background-image:url(../images/bkg_crumbs.gif); background-repeat:no-repeat; } .checkout-progress { padding:0 0 0 0; border-bottom:1px solid #cfcfcf; background-color:#ededed; text-align:center; margin:-21px -21px 5px; font-size:11px; font-weight:bold; text-transform:uppercase; width:940px; position:relative; z-index:2; } .checkout-progress li { float:left; width:20%; text-align:center; color:#888; line-height:20px; } .checkout-progress li span { display:block; text-align:center; border-right:1px solid #cfcfcf; } .checkout-progress li.first span { background-position:0 0; } .checkout-progress li.last span { background-position:100% 0; border:0; } .checkout-progress li.active span { color:#fff; background-color:#d12c01; } .multiple-checkout { position:relative; z-index:1; } .multiple-checkout .data-table thead th { vertical-align:bottom; } .multiple-checkout .col3-set .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .multiple-checkout .col3-set address { padding:10px; clear:both; } .multiple-checkout .col3-set, .multiple-checkout .col2-set { margin:0 0 15px; } .multiple-checkout .buttons-set { padding:15px 0; clear:both; width:auto; } .multiple-checkout .buttons-set .button { float:right; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-weight:normal; font-size:18px; color:#cd3800; text-align:right; display:block; margin:10px 0 15px; } .multiple-checkout .grand-total .price-label { font-weight:normal; } .multiple-checkout .grand-total .price { font-weight:bold; } .multiple-checkout .sp-methods { font-size:12px; } .multiple-checkout .checkout-multishipping-payment-customerbalance { font-size:12px; margin-bottom:7px; } .multiple-checkout .fieldset label { font-size:11px; } .multiple-checkout .gift-item .fieldset { font-size:11px; width:380px; } /* Review Details */ #checkout-step-review .data-table .btn-remove, .checkout-multishipping-overview .data-table .btn-remove, #details-table .btn-remove { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin-bottom:5px; } .sp-methods dd { margin:0 0 7px; } .sp-methods dd li { margin:5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; margin:15px 0; } .sp-methods .form-list .input-text { width:250px; } .sp-methods .form-list select { width:256px; } .sp-methods .form-list label { width:155px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .input-box { line-height:21px; } .sp-methods .radio, .sp-methods .checkbox {} .sp-methods .v-fix .validation-advice { margin-right:-250px; position:relative; z-index:1; width:250px; } .sp-methods .adv-container { padding-left:170px; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .checkmo-list li { margin:0 0 4px; } .checkmo-list label { padding-top:0; } .checkmo-list address { float:left; } .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Payment Bridge */ .pbridge-reload { display:block; text-align:right; } .pbridge-reload a { color:#1e75b4; font-size:11px; } /* 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 { padding:20px 0; } .add-gift-message h3 { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .add-gift-message p { margin:10px 0; } .gift-message-form { border:1px solid #d1d1d1; background:#f5f5f5 url(../images/bkg_block.gif) repeat-x 0 0; } .gift-message-form .fieldset { padding:10px 0 10px; } .gift-message-form .fieldset .input-text, .gift-message-form .fieldset textarea { width:200px; } .gift-message-form .fieldset textarea { width:200px; height:8em; } .gift-message-form .inner-box { padding:0; height:300px; overflow:auto; } .gift-message-form .inner-box h5, .gift-message-form .inner-box h4 { font:14px/1.25 Arial, Helvetica, sans-serif; padding:0 20px; color:#222; margin:17px 0; } .gift-message-form .inner-box p { margin:10px 0; padding:0 20px; } .gift-message-form .gift-item { padding:5px 0 0; background:url(../images/bkg_dots.gif) repeat-x 0 100%; } .gift-message-form .gift-item .number { padding:5px 20px 5px; margin-bottom:0; background:url(../images/bkg_dots.gif) repeat-x 0 100%; color:#adadad; font-weight:bold; } .gift-message-form .gift-item .product-img-box { background:url(../images/bkg_dots.gif) repeat-y 100% 0; float:left; width:150px; padding-right:15px; } .gift-message-form .gift-item .product-image { text-align:center; margin:20px; } .gift-message-form .gift-item .product-name { font-size:12px; margin:20px 0 5px; text-align:center; } .gift-message-form .gift-item .fieldset { float:left; background:url(../images/bkg_dots.gif) repeat-y 0 0; padding:20px 0 10px 10px; margin:0 0 0 -2px; } .gift-message-form .gift-item .fieldset label { width:80px; } .gift-message-form .gift-item .gift-wrapping-form { padding:0 20px; } .gift-options-for-order { padding:0 40px; } .gift-options-for-order .fieldset { padding:0; } .gift-options-for-order .fieldset p { padding:0; } .gift-options-for-order .fieldset label { width:80px; } .gift-options-for-order .fieldset .input-text, .gift-options-for-order .fieldset textarea { width:340px; } .gift-wrapping-form { padding:0 0 10px; } .gift-wrapping-form img { border:1px solid #ccc; float:left; margin-right:10px; } .gift-wrapping-form label { margin-right:10px; vertical-align:middle; } .gift-wrapping-form .gift-wrapping-design { overflow:hidden; padding:10px 0 0; width:100%; } .gift-message-link { display:block; background:url(../images/bkg_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; width:13px; height:12px; background:url(../images/gift-message-close.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #d8cea8; font-size:11px; background-color:#fffdef; padding:15px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:10px 0; font-size:12px; font-weight:bold; } .checkout-agreements .agree .checkbox { margin-right:5px; } /* Centinel */ .centinel { margin:10px 0; } .centinel p { margin:0 0 10px; } .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { margin:0; padding:20px; } /* Checkout Success */ .checkout-onepage-success .col-main { font-size:12px; } .checkout-onepage-success .col-main p { margin:0 0 10px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Invitation page ======================================================================= */ #invitationForm p.required { padding-bottom:20px; } /* Compare popup ========================================================================= */ .catalog-product-compare-index tr.last a, .catalog-product-compare-index tr.first a { color:#999; } .catalog-product-compare-index tr.last p, .catalog-product-compare-index tr.first p { margin:10px 0; } .catalog-product-compare-index tr.first .product-name a { color:#333; } /* Account Login/Create Pages ============================================================ */ .my-account {} .account-login { position:relative; font-size:12px; background:url(../images/matmag/bkg-border-account.jpg) no-repeat 410px 0; } .login-only { background:none; } .login-only .registered-users { float:none; margin:0 auto; } .my-account .account-introduction { background:url('../images/matmag/bkg-account-introduction.jpg') no-repeat scroll 0 0 transparent; min-height:214px; margin-bottom: 20px; } .my-account .account-introduction .account-introduction-content { float:left; width:250px; } .my-account .account-introduction .account-introduction-content .text-content { width: 205px; } .my-account .account-introduction .account-introduction-content p { color:#444444; font-size:12px; line-height:1.2; margin-bottom:10px; } .account-login .new-users, .account-login .registered-users { } .account-login .registered-users p { width: 360px; } .account-login .spacer { position:absolute; top:100%; left:447px; margin-top:-1px; width:16px; height:3px; font-size:0; line-height:0; background:#fff; overflow:hidden; } .account-login .fieldset { margin:0; } .account-login .fieldset h2 { margin-bottom:.5em; } .account-login .form-list label, .account-login .form-list span.label { width:98px; } .account-login p.required, .account-login .btn-only { padding-left:113px; width:230px; text-align:right; } .account-login .btn-only a { float:left; white-space:nowrap; font-style: italic; text-decoration: underline; } .account-login .btn-only a:hover { text-decoration:none; } .account-login .form-list input.input-text { width:224px; } .account-login .form-list p { padding:0 0 0 110px; } .account-create {} /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 10px; } .customer-account-index .data-table thead, .sales-order-history .data-table thead { background: #cfcfcf; } .sales-order-history .data-table tbody { border: 1px solid #EFEFEF; } .customer-account-index .pager, .sales-order-history .pager { float: right; padding: 10px 0; } .customer-account-index .page-title { display:none; } .customer-account-index .col-main { padding:20px; } .main.col2-left-layout .col-left.sidebar { width:247px; } .main.col2-left-layout .col-main { width: 684px; } .main.col2-left-layout .fieldset h2.legend { background:none; color: #000000; font-family: times New Roman; font-size: 16px; font-style: italic; text-transform: capitalize; } .main.col2-left-layout .page-title h1, .main.col2-left-layout .page-title h2 { color: #F1316E; font-family: times New Roman; font-size: 18px; font-style: italic; } .main.col2-left-layout .fieldset .form-list label { width:170px; } /* Block: Tags */ .dashboard .tags { padding:0 0 20px; } .dashboard .tags p { display:inline; } .dashboard .tags .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .tags li { margin:0 0 8px; } .dashboard .tags .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .tags .details { margin-left:25px; } /* Block: Reviews */ .dashboard .reviews { padding:0 0 20px; } .dashboard .reviews .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .reviews p { float:left; margin-right:5px; } .dashboard .reviews li { margin:0 0 5px; } .dashboard .reviews .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .reviews .details { margin-left:25px; } /********** Dashboard > */ /* Adress Book */ .addresses-list .box-content { font-size:12px; } .addresses-list .col-2 li { padding:0 0 10px; } .addresses-list .col-2 li .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .addresses-list .col-2 li address { padding:10px; clear:both; } /* Order View */ .order-page {} .order-page .order-date { margin:0 0 20px; color:#6c6c6c; font-size:11px; } .order-page .col2-set { padding-bottom:20px; } .order-details .link-print { background:none; padding:0; } .order-details .order-additional, .order-details .data-table { margin-bottom:20px; } .order-details .order-additional dt { font-weight:bold; background:url(../images/bkg_dots.gif) repeat-x 0 100%; padding:0 0 5px; margin:0 0 5px; } .order-details .order-additional dd { padding:10px; margin:0 0 10px; } .order-details dl.gift-message { margin:0 20px; } .order-details .gift-message dt { margin:1px 0; padding:2px 10px; background:#e6e6e6; } .order-details .gift-message dd { border:1px solid #c7c7c7; background:#fff; padding:10px; margin:0 0 10px; white-space:pre-wrap; word-wrap:break-word } .order-links { margin:0 0 10px; text-align:right; padding-bottom:5px; background:url(../images/bkg_dots.gif) repeat-x 0 100%; text-align:right; } .order-info { margin-bottom:5px; border-bottom:1px solid #c4c4c4; } .order-info dt { padding:6px 20px 0 10px; color:#6c6c6c; float:left; } .order-info dd { float:left; } .order-info ul { float:left; } .order-info li { float:left; position:relative; z-index:2; margin-right:3px; background:#dedede url(../images/bkg_collateral-tabs.gif) no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .order-info li strong, .order-info li a { text-decoration:none; background:url(../images/bkg_collateral-tabs.gif) no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .order-info li.current { margin-bottom:-1px; color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url(../images/bkg_collateral-tabs.gif) 0 0 no-repeat; } .order-info li.current strong { background-position:100% 0; padding-bottom:1px; } .order-info dt { font-weight:bold; } /* Manage Newsletter Subscription */ .newsletter-manage-index .form-buttons .button { float:left; margin:0; } .my-account .newsletter-wrapper { width:100%; overflow:hidden; background:url('../images/matmag/bkg-account-newsletter.png') no-repeat scroll right 20px transparent; min-height:430px; } .my-account .newsletter-wrapper .newsletter-content { float:left; width:260px; } .my-account .newsletter-wrapper .newsletter-content #form-validate .fieldset { margin-top:30px; } .my-account .newsletter-wrapper .newsletter-content #form-validate .fieldset .form-list label { padding: 2px 0 0 18px; width: 212px; text-align: left; } .my-account .newsletter-wrapper .newsletter-content #form-validate .fieldset .form-list .control .input-box { margin:0; } .my-account .newsletter-wrapper .newsletter-content #form-validate .buttons-set { margin-bottom:50px; } .my-account .newsletter-wrapper .newsletter-content #form-validate .buttons-set p.back-link { width:auto; } .my-account .newsletter-wrapper .newsletter-content .newsletter-informations p, .my-account .newsletter-wrapper .newsletter-content .law-informations p { margin-bottom:15px; line-height:1.2; } .my-account .newsletter-wrapper .newsletter-content .law-informations p { font-size:11px; font-style:italic; } /* Wishlist */ .my-wishlist textarea { width:99%; height:10em; } .my-wishlist .truncated .truncated_full_value .item-options dl { background-image:none; margin-rigth:0; padding-right:12px; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(../images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h2.h2 { margin:15px 0 10px; } .page-print .col2-set { margin:10px 0 20px; } /* 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; } /* Tagged products */ .my-tag-edit { float:left; } .my-tag-edit .btn-remove { float:right; margin:-3px 0 0 5px; position:relative; } #my-tags-table .price-box { margin:5px 0; } #my-tags-table .last { text-align:center; } #my-tags-table .last p { margin:10px 0; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Billing Agreements */ .billing-agreements .info-box { margin:15px 0; } .billing-agreements .info-box p { margin:0 0 9px; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(../images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(../images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-before-container { margin:0 0 3px; text-align:center; } .form-subscribe { float:left; width:266px; padding:0 17px 0 0; } .form-subscribe > li { list-style: none; } .form-subscribe label { display:block; margin:6px 0; } .form-subscribe input.input-text { display:block; height: 24px; width: 216px; border:none; } .form-subscribe button.button { float:right; } .form-subscribe button.button span { background: none repeat scroll 0 0 #F1316E !important; color: #FFFFFF; font-family: times New Roman; font-size: 14px; font-style: italic; height: 27px; padding: 0 4px; text-transform: lowercase; } .form-subscribe button.button span span {line-height: 27px; } .form-subscribe .validation-advice { background:#ffffff; width: 208px; } .form-subscribe .v-fix { text-align:left; padding-right:5px; } .form-subscribe a { color:#777; } .onglet-newsletter .grecaptcha-badge { display: none; } .onglet-newsletter .g-recaptcha-text { font-size: 9px; line-height: 12px; padding: 2px 0 0; clear: both; } .onglet-newsletter .g-recaptcha-text a { text-decoration: underline; } .footer-container { background: none repeat scroll 0 0 #FFF; margin: 0 0 10px; padding: 0 18px; text-align: left; border-left: 4px solid #ebe0dc; border-right: 4px solid #ebe0dc; border-bottom: 4px solid #ebe0dc; } .footer { } .footer a {} .footer a:hover { text-decoration:none; } .footer ul, .footer ul.links { display:block; float:left; width:150px; padding:0; } .footer ul.links li, .footer ul li { display:block; vertical-align:top; margin:0 0 5px; padding:0; width: 170px; } .footer ul li a { text-decoration:none; } .footer ul li a:hover,.footer a:hover { color:#F1316E; text-decoration: none; } address.copyright { color:#41374D; font-family: times New Roman; font-size: 12px; font-style: italic; font-weight: bold; margin: 10px; text-align: center; } .footer .switcher-store { float:right; width:184px; background:url(../images/bkg_store-switch.gif) no-repeat 0 3px; padding-top:21px; } .footer .switcher-store label { display:none; } .footer .switcher-store select { padding:0; margin-bottom:1px; } .footer .switcher-store ul { float:none; width:auto; padding-left:0; margin-left:0; } .footer .switcher-store ul .current { display:none; } .read-more {margin: auto; background: none repeat scroll 0 0 #e1d6d5; cursor: pointer;color:#ffffff;font-size:12px;width: fit-content;padding:5px 10px;} .downline {padding: 0 18px 15px 18px;} .downline.active {max-height: none;} .downline ol, .downline ul {margin-top: 0.5em;padding-left: 1em;list-style: unset;} .downline ol {list-style-type: decimal;} .downline ul {list-style-type: disc;} .downline ol > li, .downline ul > li {margin-top: 0.2em;} .footer-seo p{margin-bottom: 5px;} .footer-seo { margin: 10px 0px;} .footer-top { height:auto;} .footer-top h4 { border-bottom: 1px dashed #CFCFCF; margin-bottom: 10px; color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; font-weight: bold; padding-bottom: 10px; } .footer-top .footer-onglet { width: 270px; height: 125px; margin-bottom:20px; padding: 15px; position:relative; float: left; margin-right: 18px;} .footer-top .onglet-boutique p strong { color: #41374D; text-decoration: underline; } .footer-top .onglet-newsletter, .footer-top .onglet-boutique { background:url(../images/matmag/bkg-footer-onglet.jpg) no-repeat; } .onglet-newsletter strong { color:#41374D; font-weight:bold; } .footer-top .footer-onglet .onglet-newsletter, .footer-top .footer-garanties { width: 262px; height: 117px; background-color: #FFFFFF; border: 4px solid #e1d6d5; margin-right: 0;} .footer-top .footer-garanties em { color: #41374D; } .footer-top .footer-garanties strong { color: #F1316E; font-size:18px; font-style:italic; } .footer-top .onglet-boutique p a:hover strong{ text-decoration:underline; color: #41374D; } .footer-bottom h4 { padding-bottom: 10px; color: #F1316E; font-family: times New Roman; font-size: 18px; font-style: italic; font-weight: bold; } .footer-bottom p { line-height: 18px; } .footer-bottom { background:url(../images/matmag/bkg-footer-bottom.jpg) no-repeat; margin-bottom: 10px; float: left; position: relative; width: 940px;} .footer-bottom .footer-onglet { width: 200px; padding: 15px; float: left; } /* ======================================================================================= */ /* Fleche ================================================================================= */ #btn_up { display:none; bottom: 80px; position: fixed; right: 70px; } #btn_up .img{ width:40px; } /* Some sample data cms styles ================================================================================ */ .page-head-alt {} .page-head, .page-head-alt { margin-bottom:20px; padding:23px 20px 11px; background:#f6f6f6 url(../images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .col-main .page-head, .col-main .page-head-alt { margin:0 -20px 20px; } .page-head-alt .link-rss { float:right; margin-top:8px; } .page-head h2, .page-head h3, .page-head-alt h3, .page-head-alt h2 { font:normal 22px/27px Arial, Helvetica, sans-serif; color:#d12c01; } /* Restricted ================================================================================ */ .restriction-index-stub .page { width:652px; padding-bottom:3px; } .restriction-index-stub .main { margin-top:100px; min-height:0; height:auto !important; padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#dedede; height:auto !important; min-height:230px; height:230px; font-size:16px; background:#4a4a4a url(../images/logo-offline.gif) no-repeat 50% 95px; padding:170px 60px 40px; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(../images/bkg_shadow-offline.gif) 50% 0 no-repeat; padding:15px 0 0; margin:0; } /* Old private sales index ================================================================================ */ .private-sales-index { background:#2b2b2b; margin:110px 0 60px; padding:40px 0; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(../images/bkg_ps.gif) no-repeat 50% 13px; padding:50px 13px 0; width:657px; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; background:url(../images/bkg_ps.gif) no-repeat 50% 100%; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(../images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(../images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; width:433px; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } .col1-layout .private-sales-index { margin:0 -20px -31px; height:auto !important; height:350px; min-height:350px; } /* Private sales index ================================================================================ .private-sales-index { background:#fffdf9 url(../images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-index .box {} .private-sales-index .box .content {} .private-sales-index .box .content p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-index .box .content a { color:#c12900; } .private-sales-index .box .content h1 { display:none; } .private-sales-index .box .content .description { display:none; } .col1-layout .private-sales-index { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } */ /* Private sales demo ==================================================================== */ .cms-private-sales-home { background-color:#fffdf9; } .private-sales-demo { background:#fffdf9 url(../images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-demo h1 { display:none; } .private-sales-demo p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-demo a { color:#c12900; } .col1-layout .private-sales-demo { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } /* ======================================================================================= */ /* Search result */ .catalogsearch-result-index .price-box { float: right; margin-right: 5px; text-align: right; } .catalogsearch-result-index .price-box span.pourcentage { font-size: 12px; } .catalogsearch-result-index .col-main { padding-bottom:0px; } .catalogsearch-result-index .toolbar { margin-bottom:20px; border-bottom: 1px dashed #CFCFCF; float: left; width: 972px; } .catalogsearch-result-index .toolbar .sorter { background: none repeat scroll 0 0 transparent; border: medium none; float: right; font-size: 12px; padding: 10px 20px; width: 190px; } .catalogsearch-result-index .toolbar .pager { background: none repeat scroll 0 0 transparent; border: medium none; float: left; font-size: 12px; padding: 10px 20px; width: 700px; } .catalogsearch-result-index .toolbar-bottom-list .toolbar { border:none; border-top: 1px dashed #CFCFCF; margin-bottom: 0px; } .catalogsearch-result-index .category-products ul.products-grid { position:relative; float:right; width: 765px; } .catalogsearch-result-index .category-products ul.products-grid.layeroff { position:relative; float:left; width: 955px; } /* customer-account-create */ .customer-account-create input.radio, .customer-account-create input.checkbox { font-size: 11px !important; margin-right: 3px; margin-top: -6px; vertical-align: top; } .customer-account-index .data-table tbody { border: 1px solid #EFEFEF; } /* contacts-index-index */ .contacts-index-index .contact-header { position:relative; width:680px; } .contacts-index-index .fieldset { position:relative; width:680px; margin-top: 15px; } .contacts-index-index .fieldset h2.legend { width: 666px; margin-bottom:0px; border-top: 1px dashed #CFCFCF; padding: 15px 0px 0px 0px; text-transform: none; background:none; font-weight:normal; color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; } .contacts-index-index .form-list label { color: #444444; float: left; font-size: 12px; font-weight: bold; padding: 6px 15px 0 0; text-align: right; width:auto; } .contacts-index-index li.fields { float:left; width:680px; } .contacts-index-index #contactForm .form-list li { float:left; } .contacts-index-index #contactForm .input-box { clear:left; } .contacts-index-index #contactForm .form-list textarea { width: 655px; margin-top:5px; } .contacts-index-index #contactForm .form-buttons { margin: 0; width: 665px; } .contacts-index-index #contactForm p.required { color: #F1316E; font-size: 11px; margin: 0; padding: 5px 0 7px; text-align: right; width: 662px; } .contacts-index-index li.fields .field { float:left; width:340px; clear: none; } .contacts-index-index li.fields input.input-text { margin-top: 5px; float: left; height: 22px; vertical-align: top; width: 315px; } .contacts-index-index .contact-infos { position: absolute; right: 20px; top: 24px; width: 244px; } .contacts-index-index .contact-infos h3 { padding-bottom: 20px; font-weight:normal; color: #41374D; font-family: times New Roman; font-size: 18px; font-style: italic; } .contacts-index-index .contact-relation-client { padding-bottom: 10px; border-bottom:1px dashed #cfcfcf; } .contacts-index-index .contact-relation-client strong { color: #F1316E; } .contacts-index-index .contact-infos-legales { padding-top: 10px; } /* sales-order-view */ .sales-order-view .order-details .data-table { border: 1px solid #EFEFEF; margin-bottom: 20px; } .sales-order-view tfoot { border-top: 1px solid #EFEFEF; } .sales-order-view tr.grand_total_incl { font-size:22px; } .sales-order-view tr.grand_total_incl span.price { color: #F1316E; } .sales-order-view .page-title a { background: url("../images/matmag/icon-printer.jpg") no-repeat scroll 0 0 transparent; padding-left: 20px; } .block.block-reorder { background:#efefef; margin-bottom:20px;} .block.block-reorder .actions a { color: #F1316E; font-family: times New Roman; font-size: 14px; font-style: italic; text-transform: lowercase; } .block.block-reorder .actions a:hover { text-decoration:underline; } .sales-order-view .data-table tfoot td { padding: 15px; } .category-nouveautes .products-grid ul.tier-prices span.price-product-col { color: #EB0054; font-weight: bold; } /*wishlist-index-index*/ .wishlist-index-index .data-table thead { background:#cfcfcf; } .wishlist-index-index .product-pricing { float:left; margin:0px; width: 140px; } .wishlist-index-index .product-name { color: #505050; font-size: 12px; font-weight: bold; margin-top: 10px; } .wishlist-index-index .product-name a:hover { text-decoration:underline; } .wishlist-index-index strong.title-price-product { margin-top:10px; float: left; } .wishlist-index-index ul.tier-prices li { border: medium none; float: left; font-size: 12px; padding: 0px 0px 0px 5px; position: relative; width: 42px; background: url("../images/matmag/bkg-border-tier-price.jpg") no-repeat} .wishlist-index-index ul.tier-prices li.first { background:none; padding-left:0px; } .wishlist-index-index .price-product-col { font-weight:bold; color: #F1316E; } .wishlist-index-index .old-price { color: #505050; float: left; text-align: right; text-decoration: line-through; width: 110px; } .wishlist-index-index .special-price { float: left; text-align: right; width: 110px; } .wishlist-index-index .special-price .price-label { display:none; } .wishlist-index-index .price-box { color:#F1316E; float: left; text-align: right; width: 140px; } .wishlist-index-index .buttons-set2 { background:none; } .wishlist-index-index .data-table tbody { border: 1px solid #EFEFEF; } .wishlist-index-index .data-table tbody p a { color: #F1316E; font-family: times New Roman; font-size: 12px; font-style: italic; text-transform: lowercase; } .wishlist-index-index p.availability { background: url("../images/matmag/bkg-li-puce-red.jpg") no-repeat scroll 17px 10px transparent; border: 1px solid #E00000; color: #E00000; float: left; font-family: times New Roman; font-size: 14px; font-style: italic; font-weight: bold; margin-top: 100px; padding: 4px 16px 4px 26px; position: absolute; } .wishlist-index-index .data-table tbody p a:hover { text-decoration:underline; } .wishlist-index-index button.button { margin: 10px 0px; } /*product-essential espace-creatif*/ .catalog-product-view .messages li.notice-msg { border:none!important; } .espace-creatif .product-img-box { float: left; margin: 20px 40px 0 0; position: relative; width: 360px; } .espace-creatif .product-shop { display:none; } .espace-creatif .description-title { border-bottom: 1px dashed #CFCFCF; float: left; font-size: 14px; font-weight: bold; height: 30px; margin-bottom: 10px; position: relative; vertical-align: middle; width: 560px; } .espace-creatif .description.toogle-desc { float:left; width:560px; } .espace-creatif .grouped-product { width: 534px; float:right; } .espace-creatif .grouped-product button.button span { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; display: inline-block; float: left; height: 30px; margin: 0; text-decoration: none; } .espace-creatif .grouped-product button.button span span { background: url("../images/matmag/btn-add-to-cart2.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 12px; font-weight: normal; height: 30px; line-height: 26px; text-align: center; width: 60px; } .espace-creatif .grouped-product button:over { color:red; } .espace-creatif .grouped-product input.qty-field-pushi { border: 2px solid #999999; border-radius: 6px 6px 6px 6px; color: #999999; font-size: 11px; text-align: center; width: 28px; height: 22px; } .espace-creatif .grouped-product .data-table td { padding:5px 0px!important; vertical-align: middle; } .espace-creatif .grouped-product .data-table td.more-details-link { padding: 10px 0; vertical-align: middle; width:80px; text-align: left !important;} .espace-creatif .grouped-product .data-table td.more-details-link a {text-decoration:underline;} .espace-creatif .grouped-product .data-table td.last { float: right; padding: 5px 0 !important; } .espace-creatif .product-short-description.std{ float:left; } .espace-creatif .grouped-product .data-table tr { background:none; border-bottom: 1px dashed #CFCFCF; } .espace-creatif .grouped-product .data-table tr.odd { background:none; } .espace-creatif .grouped-product .data-table thead { background: none; } .espace-creatif .grouped-product .data-table tbody { border-left:none; } .espace-creatif .grouped-product .data-table th { color: #41374D; border:none; font-family: arial; font-style: normal; font-weight:bold; padding: 10px 0; white-space: nowrap; } .espace-creatif .add-all-to-cart { text-align:right; padding:10px 0px 0px 0px; } .espace-creatif .add-all-to-cart button.button span span { background: url("../images/matmag/btn-add-to-cart-all.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-family: times New Roman; font-size: 12px; font-weight: normal; height: 30px; line-height: 26px; text-align: center; width: 166px; } /* Clears ================================================================================ */ .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .block-poll li:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .collateral-tabs .tab-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .sp-methods a, .shipment-methods a { color: #F1316E; } /**** applicateur strass */ .cms-block-html {clear:both;} .cms-block-html .intro {text-align: center;} .cms-block-html .bloc-left,.cms-block-html .bloc-right {width: 50%; float: left; text-align:center;} .clear {clear:both;} .cms-block-html .bloc-left p {margin-top:38px;} .cms-block-html .bloc-right p.intro {margin-bottom:15px;} .cms-block-html .bloc-right p {margin:0;} .cms-block-html .bloc-right p img {padding: 5px 10px 10px 10px;} .cms-block-html .bloc-right .intro .Style19 {color:#F1316E;} /* gemagic strass */ .cms-block-html table th, .cms-block-html .std table td {border:0 !important;} .cms-block-html .category-description {float:none; width:600px; margin:0 auto;} .cms-block-html .copyright-mat{text-align: center;} .gemagic-player {text-align:center;} /* espace crꢴif */ .footer-container {width:936px; margin:0 auto;} .montage-creatif { margin-top: 30px; } .montage-creatif .description-title { width:100%;} .montage-creatif .description-title .share-links { border: 0 none; float: none; padding: 0; position: absolute; right: 0; top: 0; width: auto; } .product-view .montage-creatif .description { float: none; width: auto; } .product-view .montage-creatif .description.std strong{color:#F1316E;} .category-lespace-creatif .product-collateral { clear: right; float: right; padding: 20px 0; width: 697px; border:0 none;} /* catalog search advanced */ .catalogsearch-advanced-index .page-title {border-top: 4px solid #EBE0DC} .catalogsearch-advanced-index .input-box input{border: 1px solid #EBE0DC;color:#F1316E; width:208px;} .catalogsearch-advanced-index .range input { width: 50px;} .catalogsearch-advanced-index .group-select select{ width:285px; background-color:#F5F4F3;} .catalogsearch-advanced-index .buttons-set {text-align:center;} div.show {display: block !important;} .catalogsearch-advanced-index label {display:block;float:left;margin-right:10px;text-align:right;width:100px; font-weight: normal;} .catalogsearch-advanced-index .form-list li.fields {float:left;width:50%;} .catalogsearch-advanced-index .form-buttons.buttons-set {width: 87%;text-align: right;} .ui-multiselect { width: 212px !important; font-weight:normal !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; padding:0; border: 1px solid #EBE0DC;cursor: pointer;} .ui-multiselect input { width: 212px !important; float:left; padding:3px 0 3px 6px; margin:0; border:none !important /* important fixes bug when inside ui-widget-content */; cursor:default; background:transparent; color: #BBBAB6; cursor: pointer;} .ui-multiselect span { float:right; margin-top:-18px; } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 6px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0; line-height: 25px !important; } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header .ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close a { float:right; text-align:right; padding-right:0;width: 88px !important; height: 21px !important;} .ui-multiselect-options { display:none; padding:3px; position:relative; z-index:10000; background-color: #FFF; border: 1px solid #EBE0DC; height: 150px; width: 360px !important; } .ui-multiselect-options ul { width: auto !important; } .ui-multiselect-options ul li{ width: auto !important; height: auto !important; line-height: 1.4em !important; padding: 2px 5px 2px 0 !important; margin: 0 !important; float:left;} .ui-multiselect-options ul li label{ width: auto !important; text-align:left; width:90px !important; height:auto; overflow: hidden;} .ui-multiselect-options ul li label input{ margin-right:4px; margin-top:-6px; } .ui-multiselect-options .ui-widget-header { border-bottom: 1px dotted #D7D6D5; height:22px; padding-left: 20px; } .ui-multiselect-options .ui-widget-header a{ text-decoration: underline; color:#F1316E;margin: 0 5px; line-height: 21px; } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto; height: 100px !important; } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:2px 3px } .ui-multiselect-checkboxes label input { position:relative; top:1px; width: 13px !important;} .ui-multiselect-checkboxes li { font-size:0.9em; padding-right:3px; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } .catalogsearch-advanced-result .page-title {border-top: 4px solid #EBE0DC} .catalogsearch-advanced-result .messages li.note-msg a, .messages li.notice-msg a {color: #F1316E;} .catalogsearch-advanced-result .messages li.note-msg, .messages li.notice-msg {background-color: #FAFAEC;} .catalogsearch-advanced-result .messages li.note-msg ul li {color: #444;} .catalogsearch-advanced-result .search-summary {padding: 10px;background: #EBE0DC;} .catalogsearch-advanced-result .messages li.error-msg ul li {color: #444;} .catalogsearch-advanced-result .messages li.error-msg a {color: #F1316E;} #advanced-search {display: block;float: right; width: 115px; position:absolute; top:83px; left:570px;padding: 1px 0 0 10px;text-decoration: underline;color: #41374D;clear: right; z-index:1; font-family: times New Roman; font-style:italic; font-size: 12px;} /** alert stock / alert price **/ .alert-price.link-price-alert, .alert-stock.link-stock-alert {width:225px; float:right; text-align:right;} .alert-price.link-price-alert a, .alert-stock.link-stock-alert a{color: #F1316E;} .alert-price.link-price-alert a span, .alert-stock.link-stock-alert a span{text-decoration:underline;} .fb-like-button {width:80px;} .page-facebook {margin-bottom:10px;} .page-facebook a{position:relative; margin-left:2px;} .page-facebook a img {position:absolute; top:-7px; border:none;} #search_mini_form {position:absolute; top:75px; left:400px; z-index:10;} .giftcard.store .price-box {display:none} .product-view.giftcard.store .options-container-big .product-options ul li .input-box #options_3_text {float: left; height: 78px; resize: none; width: 374px;} .checkout-cart-index .col-main { float:left; width:100% !important; padding-top:20px; position: relative; } .checkout-cart-index .page-title {margin-top:0 !important;} .checkout-cart-index .col-main .cart {width:680px; float:left;} .checkout-cart-index .col-main .checkout-right {float:left; margin-top:-20px;} .checkout-cart-index .col-main .checkout-right button.btn-checkout span span { width:158px; } .checkout-cart-index .cart-empty {float: left;} .checkout-cart-index .cart-empty + .checkout-right {float: right !important; margin-right: 17px; margin-top: -87px !important;} .cart-item-discount {color: #F1316E; font-size: 14px; font-weight: bold; display: block; width:40px;} .promo-info {border-left: 1px solid #EFEFEF;} .cheque-cadeau-content {margin:0 20px;} @media all and (max-width: 1024px) and (min-width: 768px) { #btn_up { right:0; } }