/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; } /* Fix for Opera */ body { font:75%/150% Arial, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#ca0413; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ } h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:1.3333em; line-height:1.25em /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1em; } .progiciel-h1, .progiciel-h2, .progiciel-h3, .progiciel-h4, .progiciel-h5, .progiciel-h6 { margin:0 0 10px; font-weight:normal; } .progiciel-h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ } .progiciel-h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } .progiciel-h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .progiciel-h4 { font-size:1.3333em; line-height:1.25em /*16px, 20px*/ } .progiciel-h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } .progiciel-h6 { font-size:1em; } /* 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 */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .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; } .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; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top:5px solid #333; } .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:0; padding:40px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main { } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float:left; } .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 .col-narrow { width:33%; } .col2-set .col-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/15px Arial, Helvetica, sans-serif; vertical-align:middle; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; } input.input-text, textarea { padding:7px 2px; } select { padding:6px 6px 6px 2px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #e5e5e5; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } input.input-text:hover, select:hover, textarea:hover { border-color:#999; } input.input-text:focus, select:focus, textarea:focus { border-color:#000; outline:none; /*-moz-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);*/ } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; display:block; padding:0; font-size:12px; text-align:center; white-space:nowrap; background-color:#ddd; color:#333; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button:hover span { background-color:#333; color:#fff; } button.button span span { padding:0 25px; height:45px; line-height:45px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:32px; height:32px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ /*.product-view .btn-cart span, button.btn-checkout span {}*/ .product-view .btn-cart span span, button.btn-checkout span span, button.btn-proceed-quote span span { padding:5px 25px; width:120px;} /* Add to cart only */ .product-view .btn-cart span span { padding:5px 40px; } /* Add to cart - all */ /*button.button.btn-cart span {} button.button.btn-cart:hover span {}*/ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form ul li { margin:0 0 5px; height:30px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-left:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 0 5px; } /* .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .contacts-index-index .buttons-set .button { margin-left:0; }*/ .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a { display:block; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 10px -393px no-repeat; /* Icon moved down 7px: -400 + 7 = -392 */ padding:8px 15px 8px 32px; } .buttons-set .back-link small { display:none; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { border-top:1px solid #e5e5e5; margin:30px 0 0; padding:30px 30px 10px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { background-color:#fff; float:left; margin:-42px 0 0 -10px; padding:0 10px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#D90000; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_msg-note.png); color:#7c622a; } .note-msg.empty-catalog { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:-0.5em 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } .breadcrumbs ul {} .breadcrumbs li { display:inline; font-size:0.9166em; /*11px*/ } .breadcrumbs a { display:block; float:left; } .breadcrumbs li span { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) 0 -129px no-repeat; width:7px; height:5px; margin:6px 4px 0; display:block; float:left; text-indent:-9999px; overflow:hidden; } .breadcrumbs li strong { font-weight:normal; display:block; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title { padding:0; margin:0 0 15px; } .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin-top:10px; } .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (needed for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:5px 0; } .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; margin:0 0 0 1px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) no-repeat transparent; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; } .sorter .view-mode a:hover {} .sorter .view-mode span.grid, .sorter .view-mode span.list {} /*.sorter { padding:5px 0; } .sorter .view-mode { float:right; } .sorter .view-mode label { float:left; margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { float:left; margin:0 0 0 1px; display:block; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) no-repeat transparent; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; } .sorter .view-mode a:hover {} .sorter .view-mode span.grid, .sorter .view-mode span.list {}*/ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; } .sorter .sort-by .category-asc { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) -30px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position:-60px -87px; } .sorter .sort-by .category-desc:hover { background-position:-90px -87px; } .sorter .link-feed {} /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; background-color:#f5f5f5; } .pager .pages li a.previous, .pager .pages li a.next { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .pager .pages li a.previous { background-position:0px -55px; } .pager .pages li:hover a.previous {} .pager .pages li a.next { background-position:-30px -55px; } .pager .pages li:hover a.next {} /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:30px; } .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width:30px; height:30px; } /*.toolbar .pager { height:30px; }*/ /* Active item color */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color:#ddd; } /* Hover item color */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover { background-color:#ddd; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { padding-top:5px; padding-bottom:5px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even { background-color:#f8f8f8; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f1f1f1; } .data-table tr.even td.last { border-right:none; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#FFF; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f1f1f1; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* 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(https://www.dexis.fr/skin/frontend/enterprise/progiciel/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 { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_rss.gif) 0 3px no-repeat; padding-left:18px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) 0 -150px no-repeat; } .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:1em 0; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* No bullets */ /*.std ul.no-bullets { list-style:none outside none; padding-left:0; } .std ul.no-bullets li { background-image:none; padding-left:0; }*/ /* Unordered lists: different bullets */ ul.list1 li { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Ordered lists -------------------------------------------------------------- */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Common styling %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:2.6666em; } /* line-height:32px; */ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (right) -------------------------------------------------------------- */ .show-separators .links > li { margin-left:-1px; } .show-separators .links > li > a { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .show-separators .links > li.last > a { background-image:none; } .show-separators .links > li.hide-separator > a { background-image:none; } .show-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (left) -------------------------------------------------------------- */ .show-separators-left .links > li { margin-left:-1px; } .show-separators-left .links > li > a { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .show-separators-left .links > li.first > a { background-image:none; } .show-separators-left .links > li.hide-separator > a { background-image:none; } .show-separators-left .links > li.separator-right > a { background-position:right center; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container { background-repeat:repeat; background-position:center top; } .header { padding:0; } /* Basic header sections -------------------------------------------------------------- */ .header-top {} .header-main {} /* Misc header elements -------------------------------------------------------------- */ .header .welcome-msg {} .header .login-msg {} .header .login-msg a {} .header .login-msg a:hover {} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .item {} .header-top .item-left { float:left; margin-right:20px; } .header-top .item-right { float:right; margin-left:20px; } .header-top .lang-switcher, .header-top .currency-switcher { margin:0; } /* Header top - help block */ .block_header_top_help .phone { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { margin:10px 0; } .header .logo { display:inline-block; max-width:220px; margin:0; 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; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:right; } .top-links { float:right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float:left; margin:10px 0; } /*.header-top-search-wrapper .advanced-search-link { display:none; position:absolute; } .header-top-search-wrapper:hover .advanced-search-link { display:block; }*/ #search_mini_form { clear:both; display:block; } .header .form-search { position:relative; margin:0 auto; width:80%; } .header .form-search label { float:left; margin:3px 4px 0 0; display:none; } .header .form-search a { display:none; } .header .form-search .input-text { float:right; width:98%; height:32px; line-height:32px; /*IE8*/ padding:0 0 0 5px; color:#bbb; background-color:#fff; } .header .form-search .input-text::-ms-clear { display:none; } .header .form-search .button { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 3px -117px no-repeat transparent; width:26px; height:26px; position:absolute; right:4px; top:4px; } .header .form-search .button span { background:none; display:none; } /* Search autocomplete */ .header .form-search .search-autocomplete { left:0 !important; top:42px !important; position:relative; z-index:3900 !important; /* Less than drop-down buttons */ } .header .form-search .search-autocomplete ul { background-color:#fff; text-align:left; margin-top:-2px; padding:7px; } .header .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; } .header .form-search .search-autocomplete li:hover { background-color:#f5f5f5; } .header .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { position:relative; margin-bottom:-8px; } .after-mini-cart { clear:both; } /* Mini-cart Heading -------------------------------------------------------------- */ #mini-cart .dropdown-toggle {} #mini-cart .dropdown-toggle .icon-cart { width:14px; max-height:32px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) 0px -205px no-repeat; } #mini-cart .dropdown-toggle .summary {} #mini-cart .dropdown-toggle .amount {} #mini-cart .dropdown-toggle .subtotal {} /* Mini-cart content -------------------------------------------------------------- */ #mini-cart .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } #mini-cart .dropdown-menu .inner {} #mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .dropdown-menu .empty { padding:10px 0; } #mini-cart .block-subtitle { padding:0; margin:0 0 10px; font-weight:normal; } #mini-cart .product-name {} #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; } #mini-cart .product-details strong { font-weight:normal; } #mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align:left; } #mini-cart .actions button { float:left; margin-right:1px; } /* Mini-cart on hover -------------------------------------------------------------- */ /* TODO #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/ /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-compare { float:right; position:relative; margin:0; padding:0; border:none; } .quick-compare .dropdown-toggle {} .quick-compare .dropdown-toggle .icon-compare { width:14px; max-height:32px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 0px -35px no-repeat; } .quick-compare .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .quick-compare .dropdown-menu .empty { padding:10px 0; } .quick-compare .dropdown-menu .item { padding:3px 0; } .quick-compare .dropdown-menu .item .product-name { padding-right:20px; } .quick-compare .btn-remove { float:right; } .quick-compare .actions { border-top:1px dotted #e5e5e5; margin:5px 0 0; padding:5px 0 0; text-align:right; } .quick-compare .actions a { float:right; } .quick-compare .actions button { float:left; } /* Block on hover -------------------------------------------------------------- */ .header .block-compare:hover .block-content { display:block; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block .btn-remove { float:right; cursor: pointer; } .block .btn-edit { float:right; } .block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; } .block .actions a { float:left; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details table th, .mini-products-list .product-details table td { padding: 4px; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color:#999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0 10px; } .block-account li.current { padding:4px 2px 4px 33px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/arrow-menu.png) 2px -48px no-repeat; color:#000; } .block-account li.current strong { font-weight:normal; } .block-account li.last { border-bottom:none; } .block-account li a { padding:3px 2px 3px 33px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/arrow-menu.png) 2px 1px no-repeat; display:block; color:#555; } .block-account li a:hover { background-position:2px -48px; color:#ce001a; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-title {} .block-layered-nav .block-title strong { text-transform:none; } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl { padding-left:10px; padding-top:10px; } .block-layered-nav dt { font-weight:bold; padding:10px 0 0; } .block-layered-nav dd { padding:5px 0 10px 5px; } .block-layered-nav dd.last { border-bottom:none; } /* Current filters */ .block-layered-nav { position:relative } .block-layered-nav .currently { margin:10px 0; } .block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom:4px; } .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; } .block-layered-nav .currently li ul { margin:0px 0px 5px 15px } .block-layered-nav .actions { position:absolute; top:8px; right:0px; margin:0; border:none } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:1.5em; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bullet.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 5px; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles for related products */ .block-related-slider .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related-slider:hover .block-subtitle { display:block; } .block-related-slider input.checkbox { float:left; margin:10px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content li.item { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-login { float: right; } .after-mini-login { clear: none; } #mini-login label { display: block; font-weight:bold; color:#666; } #mini-login input.input-text { display:block; width:167px; margin:3px 0; } #mini-login .dropdown-toggle .icon-login { background: url('https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/user.png') center center no-repeat; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title { margin-bottom:0; } .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* Common styles for products on product listings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are changed for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } .products-list .alt-img, .products-grid .alt-img { position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); } .products-list .alt-img:hover, .products-grid .alt-img:hover { opacity:1; filter:alpha(opacity=100); } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list li.item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image { position:relative; text-align:center; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } .products-list .add-to-links .separator { display:none; } /* Hover effect */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For labels positionning (e.g. "new" and "sale") */ } .products-grid .product-name { margin:15px 0 0; } .products-grid .product-image { display:block; margin:0 auto; position:relative; text-align:center; } .products-grid .price-box { margin:5px 0 15px; font-size:1em; } .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:15px 0 0; } .products-grid .item:hover .actions {} .products-grid .btn-cart { margin-right:10px; } .products-grid .availability { float:none; margin:15px 0; } .products-grid .add-to-links { margin:15px 0 0; } /* Add-to links displayed on product image -------------------------------------------------------------- */ .products-grid .add-to-links.addto-onimage { margin-top:-33px; /* Move up: height (29px) + 4 additional pixels */ padding-bottom:4px; /* Add 4 additional pixels to keep other elements in the same place */ margin-right:4px; position:relative; z-index:1; } .products-grid .add-to-links.addto-onimage li { float:right; } .products-grid .add-to-links.addto-onimage .link-compare { margin-right:3px; } /* Items of equal height - buttons and links displayed at the bottom of item -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; right:0px } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Visibility of the grid item elements -------------------------------------------------------------- */ /* Fade-in on hover */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Display only on hover */ .products-grid .item .display-onhover { display:none; } /* Products grid: in category view -------------------------------------------------------------- */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; /*margin-bottom:10px;*/ } /* Hover effect */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); background-color:#fff; border-color:transparent; } /*.category-products-grid .item .add-to-links.addto-onimage { display:none; } .category-products-grid .item:hover .add-to-links.addto-onimage { display:block; }*/ /* Override itemgrid in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font sizes -------------------------------------------------------------- */ /* 4 columns */ .category-products-grid.itemgrid-4col .product-name { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ } /* 5 columns */ .category-products-grid.itemgrid-5col .product-name { font-size:1.0833em; /*13px*/ line-height:1.2307em; /*16px*/ } /* 6, 7, 8 columns */ .category-products-grid.itemgrid-6col .product-name, .category-products-grid.itemgrid-7col .product-name, .category-products-grid.itemgrid-8col .product-name { font-size:1em; /*12px*/ line-height:1.25em; /*15px*/ } /* Make button smaller -------------------------------------------------------------- */ /* 5 columns */ .category-products-grid.itemgrid-5col .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } /* 6, 7, 8 columns */ .category-products-grid.itemgrid-6col .item button.btn-cart span span, .category-products-grid.itemgrid-7col .item button.btn-cart span span, .category-products-grid.itemgrid-8col .item button.btn-cart span span { padding:3px 8px; height:auto; line-height:2em; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ } .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:70px; height:70px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { top:-8px; } .item:hover .sticker-wrapper.top-right { right:-8px; } .item:hover .sticker-wrapper.top-left { left:-8px; } /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator { display:inline-block; text-indent:-9999px; width:1px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bg-separator1.gif) no-repeat; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0; } /* Availability - with more details */ .availability-only { background: url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 0 -160px no-repeat; margin:15px 0; padding-left:25px; line-height:1.6666em; /*20px*/ } .availability-only a {background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/arrow-dropdown.png) 100% 4px no-repeat; padding-right:13px; text-decoration:none; border-bottom:1px dotted #e5e5e5; } .availability-only a.expanded { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/arrow-dropdown-up.png); } .availability-only strong { font-weight:normal; } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /*15px*/ } .extrahint-wrapper .product-pricing { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 0 -560px no-repeat; padding-left:24px; min-height:20px; /* Space for the icon */ } .product-options-bottom .product-pricing { clear:left; } /* Bundle product - alternative view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #customizeTitle { margin-bottom: 20px;} .product-customization { } #bundle-product-wrapper { overflow:hidden; position:relative; z-index:1; } #options-container { min-height: 510px; position: relative; z-index: 2; } #options-container h1 { text-align:left; } .bundle-summary { background:#fff; z-index:2; margin-top:0; } .bundle-summary .product { background:#fff; border:1px solid #ddd; margin-bottom:10px; padding:10px 8px; } .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-size: 1em; 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 { float: none; margin: 0 } .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 { float: none; margin: 10px 0 0; } .bundle-summary .summary { padding:10px 8px; border:1px solid #ddd; } .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 { margin:0; padding:11px 0 7px; } .bundle-summary .summary .last { background:none; padding-bottom:0; } .bundle-summary .add-to-cart .paypal-logo { text-align:left; } .bundle-summary .add-to-cart .paypal-or { margin:5px 0 5px 42px; } #bundleProduct .product-options { padding:0; } #bundleProduct .product-options-bottom { display: none; } #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; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 0 -480px no-repeat; } .alert-stock { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 0 -520px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price { } .price-box .price-label { } /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} .block .regular-price, .block .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#ee001c !important; /* Overide color change on product grid/list */ } .special-price .price-excluding-tax .price { } /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label, .minimal-price-link .price {} /* 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 {} /* Configured price */ .configured-price { margin:0; } .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:normal; } /* 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 { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 15px 15px; } .tier-prices li { line-height:15px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#d90000; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .add-to-links a.link-compare, .add-to-links .email-friend a { margin-left:3px; } /* Add-to links as icons (with no text) -------------------------------------------------------------- */ a.link-wishlist, a.link-compare, a.email2friend { display:block; width:27px; height:27px; text-indent:-9999em; overflow:hidden; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) no-repeat; background-color:#fff; border:1px solid #f5f5f5; } a.link-wishlist:hover, a.link-compare:hover, a.email2friend:hover { background-color:#fff; /*opacity:1; filter:alpha(opacity=100);*/ } a.link-wishlist { background-position:-27px 0; } a.link-wishlist:hover { background-position:-27px -27px; } a.link-compare { background-position:0 0; } a.link-compare:hover { background-position:0 -27px; } a.email2friend { background-position:-54px 0; } a.email2friend:hover { background-position: -54px -27px; } /* Add-to links as text links with icons -------------------------------------------------------------- */ #bundleSummary a.link-wishlist, .addto-textlink a.link-wishlist, #bundleSummary a.link-compare, .addto-textlink a.link-compare, #bundleSummary .email-friend a, .addto-textlink .email-friend a { display:block; padding:2px 0 2px 19px; margin:0 13px 3px 0; line-height:15px; /* Reset default icons style */ background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) no-repeat transparent; width:auto; height:auto; text-indent:0; overflow:visible; border:none; border-radius:0; opacity:1; filter:alpha(opacity=100); } #bundleSummary a.link-wishlist, .addto-textlink a.link-wishlist { background-position:0 -1px;} #bundleSummary a.link-compare, .addto-textlink a.link-compare { background-position:0 -40px; } #bundleSummary .email-friend a, .addto-textlink .email-friend a { background-position:0 -80px;} /* Add to Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper { float:right; margin:12px 12px 0px 0px; } .add-to-cart label { float:left; margin:0 5px 0 0; line-height:31px; } .add-to-cart .qty { float:left; margin:0; text-align:center; } .add-to-cart button.button { float:right; } .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links*/ .add-to-box .or { float:left; font-weight:bold; margin:0 7px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view {} .col1-layout .product-view {} .product-essential {} .product-collateral {} /* Basic product page sections -------------------------------------------------------------- */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin-top:30px; } .product-view .box-tabs {} .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-box { float:left; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #eee; padding:5px; position:relative; /* Labels (e.g. "new", "sale") are positioned relative to this box */ } .product-view .product-img-box .product-image.product-image-zoom { z-index:9; } /* Thumbnails */ .product-view .product-img-box .more-views .thumbnails li { float:left; /*margin: 10px -1px 0 0;*/ } .product-view .product-img-box .more-views .thumbnails li.last { margin-right:0; } .product-view .product-img-box .more-views .thumbnails li a { display:block; overflow:hidden; text-decoration:none; padding:4px; border:1px solid #eee; } .product-view .product-img-box .more-views .thumbnails li a:hover { border-color:#999; position:relative; } /* Image pop-up */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } /* Product main column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } .product-view .add-to-cart { margin-top:15px; } /* Price box inside "Add-to-cart" box */ /*deprecated*/ .product-view .add-to-box .price-box { float:left; margin:7px 0 0; } /* Add-to links */ .product-view .action-box { margin:20px 0; } .product-view .add-to-links li { float:left; } /* All links float left */ .product-view .add-to-links, .product-view .email-friend { float:left; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Grouped product -------------------------------------------------------------- */ .product-view .product-type-data.is-grouped { padding:0; background-color:transparent; } /* Align right instead of float right */ .product-view .product-type-data.is-grouped .out-of-stock { float:none; text-align:right; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data.is-downloadable .price-box { margin:0 0 10px; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* Same as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices. Common for product view and MAP popup. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Font for all prices on product page and MSRP */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } .product-view .product-shop .price-box { margin:5px 0 10px; } .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .product-shop .price-box.map-info .old-price .price { font-size:1.5em; /*18px*/ /*color:#ce001a;*/ } /* Tier price */ .tier-prices .price { /*color:#ce001a;*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ text-decoration:line-through; /* Override default built-in line */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .product-shop .price-box .special-price { margin:-2px 0 0; white-space:nowrap; /*Chrome*/ } .product-view .product-shop .price-box .special-price .price-label { white-space:nowrap; } .product-view .product-shop .price-box .special-price .price-including-tax, .product-view .product-shop .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Product Secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-secondary-column { float:right !important; } .product-secondary-column .inner { min-height:300px; border-left:1px solid #e5e5e5; padding-left:10px; padding-top:10px; padding-bottom:10px; /* Stop collapsing margins */ } /* Containers for: add-to-cart & product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type-specific data*/ .product-view .product-type-data { margin:15px 0 0; } /* Margin before price box */ .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data .price-box { border-top:1px solid #e5e5e5; margin:15px 0 0; padding:15px 0; } /* Lower part of the container */ .container1-wrapper, .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } .container2-wrapper { border-bottom:1px solid #e5e5e5; padding:15px; } /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background-image:none; padding-left:0; } */ /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .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 textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:0; top:-15px; } /* Override form colors */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; border-color:#ddd; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; border-color:#aaa; } /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box { float:left; margin:7px 0 0; padding:0; } .product-options-bottom .price-box .price-as-configured { margin:5px 0 0; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0 0 15px; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display:none; } /* Product view sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-sidebar { float:right !important; } .product-view .box-sidebar .box-sidebar-inner { padding-left:20px; border-left:1px solid #e5e5e5; } /* Block: Upsell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-up-sell {} /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px 28px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_tag_add.gif) 5px 8px no-repeat; padding:0 0 0 28px; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0 28px; font-size:0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .form-add { padding:15px 0 0; } .product-view .box-reviews .form-add h2 { text-transform:uppercase; } .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Product view tabs (Generic Tabs) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs {} /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs {} .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 7px; line-height:3.5em; /*42px*/ text-decoration:none; outline:none; color:#666; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#ddd; color:#333; } .gen-tabs .tabs a.current { background-color:#eee; color:#333; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:12px 0.5em; margin-bottom:1px; font-size:1.5em; line-height:1.5555em; /*was 44px*/ background-color:#f5f5f5; color:#666; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; color:#333; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:20px; border-bottom:1px solid #e5e5e5; } /* Generic Tabs: skin 1 -------------------------------------------------------------- */ .gen-tabs-style1 .tabs a { padding:0 10px; background-color:#eee; border:1px solid #eee; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { color:#fff; background-color:#F57B20; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { color:#333; background-color:#ffffff; border-color:#ddd; border-bottom:1px solid #fff; margin-bottom:-1px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #ddd; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Extensions and additional elements in product view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Brand in secondary column */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; } /* Product Tags */ .tags-list li { display:inline; } /* Search Form */ .catalogsearch-result-index .note-msg.empty-catalog { display: none; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } .catalogsearch-advanced-index .form-list li.fields { float: left; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; line-height:24px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { font-weight:normal; font-family:inherit; line-height:1.2222em; margin:0 0 10px; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#d90000; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table tfoot button span { background-color:transparent; padding:0 10px 0 30px; } .cart-table tfoot button span span { padding:0 ; } .cart-table tfoot button:hover span { background-color:transparent; color:#09F; } .cart-table .btn-continue > span { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 5px -387px no-repeat; float:left; margin-left:0; } .cart-table .btn-update > span { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 5px -347px no-repeat; float:right; } .cart-table .btn-empty > span { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 5px -307px no-repeat; float:right; } /* Shopping Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:20px; } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell { background-color:#fff !important; } .cart .crosssell h2 {} .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } .cart .crosssell .btn-cart { float:left; } .cart .crosssell .add-to-links { float:left; margin:10px 0 0; } .cart .crosssell .price-box { margin:7px 0; line-height:15px; } .cart .crosssell:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount, .cart .shipping, .cart .crosssell, .cart .giftcard { padding:10px; } .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { margin-bottom:10px; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box { margin:0 9px 0 0; } .cart .discount input.input-text { width:100%; } .cart .discount .buttons-set { margin:10px 0 0; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; margin-left:3px; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:10px 0; } .sp-methods dd {} .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 30px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements { padding:0 60px 20px; } .checkout-agreements li { margin:0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; } .opc .checkout-agreements { padding:20px 40px; } .checkout-agreements .agreement-content { border: 1px solid #e5e5e5; max-height:150px; overflow:auto; padding: 10px 30px 10px 10px; } /* Centinel */ .centinel {} .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; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background:none; border:0; padding:10px 0;} .block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; } .block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; } .block-progress dt { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/checkout-progress.png) 0 5px no-repeat; line-height:18px; margin:0 0 5px; padding:6px 0 6px 30px; font-weight:bold; } .block-progress dd { line-height:15px; border-top:0 none; margin:0 0 6px; padding:8px 10px; } .block-progress dt.complete { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/checkout-progress-done.png) 0 5px no-repeat; } .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:8px 0 0; color:#999; font-size:1.3333em; line-height:1.125em; } .opc .step-title a { display:none; float:right; margin-top:6px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .form-list select { max-width: 765px; width: auto; } .opc .step .tool-tip { right:30px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login h3 { margin-top:10px; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login h2 { text-transform:uppercase; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } .account-login .buttons-set { clear:none; padding:0; margin:0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { /* float:left; margin-left:0; */ } .account-login .buttons-set a, #opc-login .buttons-set a { float:right !important; margin:4px 0 0; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 2.5em; } .dashboard .welcome-msg p { margin:0; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; padding:0 0 0 38px;} .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Info Box */ .info-box { margin-bottom: 20px; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_folder-table.gif); } /* Block: Account Information */ .dashboard .box-info .box-head h2 { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_ma-info.gif); } .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_ma-reviews.gif); } .dashboard .box-reviews .number { float:left; font-size: 1.3333em; line-height: 1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/i_ma-tags.gif); } .dashboard .box-tags .number { float:left; font-size:12px; line-height:1; padding:2px 5px; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/bullet.png) 0 6px no-repeat; padding-left:10px; font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin:20px 0; } /* Order by SKU %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-row { cursor: pointer; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#d90000; clear:both; } /* Links in page title */ .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; padding-left:38px; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/ic-order-comment.gif) 0 0 no-repeat; } .order-details h2 { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/ic-order-item.gif) 0 0 no-repeat; } .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* 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; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f5f5f5; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } /*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/ /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px; } .map-cart-sidebar-total:hover { overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ } .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-weight:bold; font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container { background-repeat:repeat; background-position:center top; } .footer { width:960px; margin:0 auto; padding:0; text-align:left; } /* Footer elements */ .footer .heading { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:10px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:10px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:32px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; width:140%; position:absolute; top:110%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; padding:0 7px; width:auto; height:30px; line-height:30px; color:#999; text-overflow:ellipsis; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links a { float:left; display:block; margin-right:5px; margin-bottom:5px; overflow:hidden; width:32px; height:32px; border-radius:0; background-color:#999; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .social-links a.last { margin-right:0; } .social-links a:hover { background-color:#333; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } .store-switcher {} /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; width:50px; height:50px; position:fixed; bottom:30px; right:30px; z-index:9999; text-indent:-9999px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/icons.png) 15px -185px no-repeat #ddd; transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } #scroll-to-top:hover { opacity:0.5; filter:alpha(opacity=50); } /* CMS blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hierarchy %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/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(https://www.dexis.fr/skin/frontend/enterprise/progiciel/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; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; display:block; /*Important:*/ margin:0; } .section-title.padding-right { padding-right:80px !important; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Product listing blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Slider navigation containers */ .no-title-itemslider-wrapper { padding-top: 45px; } .featured-itemslider-wrapper .nav-wrapper { position:relative; } .new-itemslider-wrapper .nav-wrapper { position:relative; } .itemslider-wrapper .nav-wrapper { position:relative; } /* For anonymous itemslider */ /* Brand slider -------------------------------------------------------------- */ .attribute-slider-wrapper .attribute-slider .slides .item { height: 120px; } .attribute-slider /* Effects -------------------------------------------------------------- */ .attribute-slider .slides .item a { vertical-align: middle; } .attribute-slider .slides a img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .attribute-slider .slides a:hover img { opacity:0.85; filter:alpha(opacity=85); } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* 404 not found page */ .cms-index-noroute .col-main .std { padding:10px 0 0 270px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/img/magnifier.jpg) 40px -2px no-repeat; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners {} .page-banners .banner { margin-bottom:2%; } .page-banners .banner a { display:block; } .page-banners .banner img {} .page-banners .banner a img { display:block; margin:0 auto; transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .page-banners .banner a:hover img { opacity:0.85; filter:alpha(opacity=85); } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:10px; margin-bottom:10px; position:relative; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position and layout -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow{ width:38%; } /* Floating (text alignment) */ .caption.right * { text-align:right; float:right !important; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inherit !important; } /* Caption elements -------------------------------------------------------------- */ .caption .heading { float:left; display:inline-block; padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { float:left; clear:left; display:inline-block; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { float:left; clear:left; margin-top:1em; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* TODO: .is-logged-in .hide-logged-in { display:none; } */ /* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, /*.product-collateral:after,*/ .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, #bundleSummary .add-to-links:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .my-account .order-info:after, #mini-cart .mini-products-list li.item:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .guest-select {width:305px !important;} /*giftcard*/ .giftcard #giftcard-form p { margin-bottom:10px; } .giftcard .buttons-set button.button { float:none; margin-left: 0; } tr.giftcard th a.btn-remove { float:left; } /*b2b account creation*/ #entreprise-form-unknown .input-box {width:260px;float: left; margin: 0 5px 5px 0; position: relative;} #entreprise-form-unknown .button {float: left;} /* Amasty Product Labels */ .product-img-box .amlabel-table { z-index: 9999; } /** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition End User License Agreement * 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.magento.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@magento.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.magento.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com) * @license http://www.magento.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { margin:10px 0; } .widget .widget-title h2 { font-size:18px; color:#d12c01; } .widget .widget-products { margin:0 -20px 0; } .cms-home .col1-layout .widget .widget-products, .cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; } .col-main > .widget { display:block; margin:40px 0 0; } .col-main > .widget + .widget { margin-top:20px; } /* std class reset */ .widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; } .widget .products-grid p, .widget .products-list p { margin-bottom:0; } .widget .products-list { list-style:none; margin-bottom:0; padding-left:0; } .widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; } /* Widget Banner */ .widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; } .widget-banner li { margin:7px 0; } .top-container .widget-banner li { margin:0; } .footer-before-container .widget-banner li { margin:0; } .widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; } .widget-banner-inline ul, .widget-banner-inline li { display:inline; } .widget-banner-inline li { margin:0 3px; } .widget-banner-inline li img { vertical-align:middle; } /* Widget New Proructs */ .widget-new-products { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; } /* Widget Viewed Proructs */ .widget-viewed { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; } /* Widget Compared Proructs */ .widget-compared { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; } /* Widget CMS Static Block */ .widget-static-block {} /* Widget Catalog Events Carousel */ .widget-events { display:block !important; } /* Widgets Links Common Styles */ /* Style 1 */ /*.top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/ /* Style 2 */ .top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } .footer-before-container .widget-product-link, .footer-before-container .widget-category-link, .footer-before-container .widget-cms-link, .footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .footer-before-container .widget-product-link a, .footer-before-container .widget-category-link a, .footer-before-container .widget-cms-link a, .footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; } .footer-before-container .widget-product-link a:hover, .footer-before-container .widget-category-link a:hover, .footer-before-container .widget-cms-link a:hover, .footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } /* Widget Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-product-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-product-link a:hover { color:#333; text-decoration:none; } /* Widget Category Link */ .widget-category-link-inline { display:inline; } .top-container .widget-category-link { border-bottom:0; } .top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; } .top-container .widget-category-link a:hover { color:#fff; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-category-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-category-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Hierarchy Link */ .widget-cms-hierarchy-link-inline { display:inline; } .col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(https://www.dexis.fr/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } /* Widget SKU */ /* .widget-sku {} */ /* ======================================================================================= */ .amlabel-div { position: relative; } .amlabel-div .amlabel-txt { line-height: 11px; font-size: 0.9em; font-weight: bold; display: block; letter-spacing:0.01px; text-decoration: none; color: #fff; } .amlabel-div a { text-decoration: none; position: relative; } .amlabel-table { position: absolute; z-index: 10; cursor: pointer; } .amlabel-table td { vertical-align: middle; text-align: center; border: 0; height: auto; } .top-center { top: 0; left: 50%; } .middle-left { left: 0; top: 50%; } .middle-right { right: 0; top: 50%; } .bottom-center { bottom: 0; right: 50%; } .middle-center { top: 50%; right: 50%; } .top-left { top: 0; left: 0; } .top-right { top: 0; right: 0; } .bottom-left { bottom: 0; left: 0; } .bottom-right { bottom: 0; right: 0; } .products-list .amlabel-div { float:left; } * html .amlabel-div { float: left; } * html .amlabel-div a { position: relative; } div.amshopby-column { float:left; width:83px; } select.amshopby-select { width:170px; } .amshopby-logo { padding: 0pt 10px 10px 0pt; float:left; } .amshopby-featured { padding:5px 5px 5px 5px; } .amshopby-link { float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr { } div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-cb2.gif) no-repeat left center;} div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav dt { cursor:pointer; padding-left:15px; /* background:url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-expanded.gif) center left no-repeat; */ } /* div.block-layered-nav dt.amshopby-collapsed {background:url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-collapsed.gif) center left no-repeat} */ div.block-layered-nav div.amshopby-slider { position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-slider-bg.gif) no-repeat 50% 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.dexis.fr/skin/frontend/dc/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } .itemgrid-adaptive .item {} /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.333%; } /*max-width:233px;*/ .itemgrid-3col .item:nth-child(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } /*max-width:175px;*/ .itemgrid-4col .item:nth-child(4n+1) { clear:left; } .itemgrid-4col .item.dop { width:48%; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } /*max-width:140px;*/ .itemgrid-5col .item:nth-child(5n+1) { clear:left; } .itemgrid-5col .item.dop { width:38%; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.66%; } /*max-width:116px;*/ /*TODO: was: 14.667%*/ .itemgrid-6col .item:nth-child(6n+1) { clear:left; } .itemgrid-6col .item.dop { width:29.32%; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.286%; } .itemgrid-7col .item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ /*.itemgrid-8col .item { width:10.5%; } .itemgrid-8col .item:nth-child(8n+1) { clear:left; }*/ /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { float:left; display:block; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li.active {} .accordion li.current {} .accordion li a { display:block; padding:15px 10px; font-size:1.3333em; /*16px*/ line-height:1.125em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; width:49px; height:49px; background: url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.active > .opener { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; /*background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); } /* Active */ .accordion-style1 li.active > .opener { /*background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/opener-small-active.png);*/ } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position:relative; } .collapsible .block-title { padding-top:8px; padding-right:35px; /* Space for opener */ padding-bottom:8px; border-bottom:1px solid #e5e5e5; margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; width:30px; height:30px; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/opener.png); background-position:center center; background-repeat:no-repeat; /*border-radius:50%;*/ } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); } .collapsible.active .opener { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/opener-active.png); } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible {} /* * Navigation menu */ /* Common styling for main menu (horizontal + mobile vertical + mobile menu trigger) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* horizontal + mobile menu trigger */ #mobnav-trigger, #nav > li > a { font-size:16px; /*1.3333em*/ line-height:49px; /*3.0625em*/ text-transform:uppercase; } /* Main menu - vertical (in the sidebar) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .vertnav-side { float:left; width:100%; } /* Main menu - mobile vertical (in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } #mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ #mobnav-trigger .icon { float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } #mobnav-trigger .icon .line { background-color:#fff; height:3px; margin-bottom:2px; } /* Mobile menu elements -------------------------------------------------------------- */ .nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overridding */ display:none; margin-top:0 !important; } .vertnav-top.mobile { display:block; /* Visible even if when collapsed (to show bottom border) */ overflow:hidden; height:auto; max-height:0px; -moz-transition-property:max-height; -moz-transition-duration:500ms; -moz-transition-timing-function:ease-in-out; } .vertnav-top.mobile.show { max-height:9999px; -moz-transition-property:max-height; -moz-transition-duration:500ms; -moz-transition-timing-function:ease-in-out; } .vertnav-top li a { text-transform:uppercase; } /* Main menu - horizontal %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position:relative; /* Dropdown custom block position is relative to this element */ z-index:2000; } #nav.mobile { display:none; } /* Hide on mobile */ #nav .opener { display:none; } /* Show the bottom line and fill in the gap */ /*#nav { border-bottom:5px solid #333; } #nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }*/ /* All levels -------------------------------------------------------------- */ #nav li { text-align:left; } #nav li a { display:block; text-decoration:none; } #nav li.parent {} #nav li a span { display:block; white-space:nowrap; } #nav li ul a span { white-space:normal; } /* 1st level only -------------------------------------------------------------- */ #nav > li { float:left; } #nav > li > a { display:block; padding:0 15px; } #nav > li.parent > a { padding-right:20px; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/arrow-dropdown.png) no-repeat 100% center; } /* Drop-down boxes: wide: 2nd-level category drop-down box + custom block drop-down box classic: custom block drop-down box -------------------------------------------------------------- */ #nav .level0-wrapper { display:none; position:absolute; top:49px; left:0; background-color:#fff; width:96%; padding:2%; } /* Additional custom elements in the main menu (horizontal) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static blocks displayed as a drop-down in the main menu -------------------------------------------------------------- */ /* Custom menu item */ #nav .nav-custom-link > a { cursor:default; } /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav .nav-custom-link { position:static; } /* Static block's content - basic formatting -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper { padding-bottom:10px; } #nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; } #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; } /* Home link in the main menu -------------------------------------------------------------- */ /* If enabled, show image as home link */ /*#nav #nav-home-link .home-img { width:50px; padding:0; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/css/infortis/images/img/pix.png); background-position:0 -337px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } #nav #nav-home-link .home-img:hover { background-position:-50px -337px; }*/ /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; text-transform:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-14px; right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (only 1st level) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; vertical-align:top; } /* 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Inside mobile menu / vertical menu -------------------------------------------------------------- */ ul.vertnav li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:2px; font-size:inherit; line-height:inherit; } /* Hide pin */ ul.vertnav li.level0 > a > span > .pin-bottom:before { display:none; } /* Hide category labels in vertical sidebar menu */ /* ul.vertnav-side li > a > span > .cat-label { display:none !important; } */ /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top:0; margin-bottom:1%; } .nav-block-top { } .nav-block-bottom { } .nav-block-center { } .nav-block-right { } .nav-block-level1-top { margin-bottom:10px; } .nav-block-level1-bottom { margin-top:10px; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color:#eee; } /** * Wide drop-down menu */ /* 2nd level only -------------------------------------------------------------- */ /* 2nd-level links block: with subcategory title and a list of child categories */ #nav ul.level0 > li { display:inline-block; float:none; vertical-align:top; padding-top:0; padding-bottom:15px; } #nav ul.level0 > li > a { margin-bottom:10px; font-size:1.3333em; /*16px*/ line-height:1em; text-transform:uppercase; } /* 2nd level+ -------------------------------------------------------------- */ #nav ul li { /*float:none;*/ margin-bottom:1px; } #nav ul li a { float:none; } /* 3rd level only -------------------------------------------------------------- */ #nav ul.level1 > li { float:none; background:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } #nav ul.level1 > li:hover { background-position:6px 6px; } /* 3rd level+ -------------------------------------------------------------- */ #nav ul ul { position:static !important; /*TODO:improve*/ } /* 4th level -------------------------------------------------------------- */ #nav ul.level2 { margin:7px 0; padding:0; } #nav ul.level2 a { font-size:0.9166em; line-height:1.2727em; /*11px 14px*/ opacity:0.6; } #nav li.level2:hover ul.level2 a { opacity:1; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } /* 4rd level+ -------------------------------------------------------------- */ #nav ul ul ul li { background:none; padding-left:0; } /* ///// BEGIN XI ------------*/ #nav li.level-top {position:static;} #nav li ul.shown-sub, #nav li li.shown-sub {position:absolute;} #nav ul {padding:0px} #nav ul ul {position:relative;left:0px;top:0px;} /* ///// END XI ----------*/ /** Slideshow **/ .xi-slideshow-wrapper .slideshow-cms-block {display: none;} /* The Nivo Slider styles */ .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;} .nivoSlider .nivo-caption img {position:relative;display:block;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} /* Caption styles */ .nivo-caption {background:none;color:#000;max-width:100%;max-height:100%;z-index:8;} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} /* Caption position */ .nivo-caption div.top_left {position:absolute;top:0px;left:0px;} .nivo-caption div.top_right {position:absolute;top:0px;right:0px;} .nivo-caption div.bottom_left {position:absolute;bottom:0px;left:0px;} .nivo-caption div.bottom_right {position:absolute;bottom:0px;right:0px;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative;z-index:9;cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} /* Skin */ .nivoSlider {position:relative;background:#fff url(https://www.dexis.fr/skin/frontend/default/default/images/xi/widgets/loading.gif) no-repeat 50% 50%;margin-bottom:50px;-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;box-shadow: 0px 1px 5px 0px #4a4a4a;} .nivoSlider img {position:absolute;top:0px;left:0px;display:none;} .nivoSlider a {border:0;display:block;} .nivo-controlNav {position:absolute;right:0;bottom:-35px;} .nivo-controlNav a {display:block;width:22px;height:22px;background:url(https://www.dexis.fr/skin/frontend/default/default/images/xi/widgets/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;} .nivo-controlNav a:hover {background-position:0 -40px;} .nivo-controlNav a.active {background-position:0 -20px;} .nivo-directionNav a {display:block;width:30px;height:30px;background:url(https://www.dexis.fr/skin/frontend/default/default/images/xi/widgets/arrows.png) no-repeat;text-indent:-9999px;border:0;opacity: 0.7;} .nivo-directionNav a:hover {opacity: 1;} a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:15px;} .nivo-caption {font-family: Helvetica, Arial, sans-serif;} .nivo-caption a {color:#fff;border-bottom:1px dotted #fff;} .nivo-caption a:hover {color:#fff;} /* Design du widget category grid */ .xiwidgets-category-grid:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .xiwidgets-category-grid { width: 100%; } .xiwidgets-category-grid li.item { padding-bottom: 20px; } .xiwidgets-category-grid .category { position: relative; text-align: center; } .xiwidgets-category-grid .category a { display: block; } .xiwidgets-category-grid .image { display: block; } .xiwidgets-category-grid .label { display: block; font-size: 1.5em; line-height: 1.5em; } /* Design des widgets templates slider */ .catalogwidget-product-slider, .catalogwidget-categ-product-slider { position: relative; } .catalogwidget-product-slider .title, .catalogwidget-categ-product-slider .title { border-bottom: 1px solid #555; color: #555; display: block; font-size: 16px; font-weight: bold; margin: 0 0 20px; text-transform :uppercase; } .catalogwidget-product-slider .slider-previous, .catalogwidget-categ-product-slider .slider-previous { background: url('https://www.dexis.fr/skin/frontend/default/default/images/xi/widgets/arrow_slider.png') no-repeat 0 0; left: 5px; position: absolute; text-indent: -9999px; top: 50%; width: 14px; height: 28px; } .catalogwidget-product-slider .slider-next, .catalogwidget-categ-product-slider .slider-next { background: url('https://www.dexis.fr/skin/frontend/default/default/images/xi/widgets/arrow_slider.png') no-repeat -16px 0; right: 5px; position: absolute; text-indent: -9999px; top: 50%; width: 14px; height: 28px; } .catalogwidget-product-slider .slider-wrapper, .catalogwidget-categ-product-slider .slider-wrapper { margin: auto; overflow: hidden; width: 668px; } .catalogwidget-product-slider .slider-wrapper ul, .catalogwidget-categ-product-slider .slider-wrapper ul { width: 9999px; } .catalogwidget-product-slider .slider-wrapper ul li, .catalogwidget-categ-product-slider .slider-wrapper ul li { float: left; padding: 10px; width: 146px; } /* use thumbnail activate */ .slideshow-use-thumbnail .nivo-controlNav {display:none} .slideshow-use-thumbnail .nivoSlider {float:left} .slideshow-use-thumbnail ul.nivo-thumbControl {float:left} .slideshow-use-thumbnail ul.nivo-thumbControl li {cursor:pointer;margin:0px 0px 5px 20px;height:30px;} .slideshow-use-thumbnail ul.nivo-thumbControl li.selected {font-weight:bold} /* Brands %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* On product page -------------------------------------------------------------- */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand slider -------------------------------------------------------------- */ .brand-slider-wrapper .brand-slider .slides .item { height: 120px; } .brand-slider /* Effects -------------------------------------------------------------- */ .brand-slider .slides .item a { vertical-align: middle; } .box-brand a img, .brand-slider .slides a img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .box-brand a:hover img, .brand-slider .slides a:hover img { opacity:0.85; filter:alpha(opacity=85); } /** * Slideshow */ /* Necessary styles -------------------------------------------------------------- */ .the-slideshow {margin: 0; padding: 0;} .the-slideshow .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .the-slideshow .slides img {max-width: 100%; display: block;} .pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .the-slideshow .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .the-slideshow .slides {display: block;} * html .the-slideshow .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .the-slideshow .slides > li:first-child {display: block;} /* Default style -------------------------------------------------------------- */ .the-slideshow { margin:0 auto 2%; position:relative; zoom:1; } .the-slideshow .slides { zoom:1; } .the-slideshow .slides > li { position:relative; } /* Slideshow banners -------------------------------------------------------------- */ .slideshow-banners { margin-bottom:2%; } .slideshow-banners .banner { position:relative; /*Container for caption*/ } .slideshow-banners a.banner, /*Backward compatibility, link could have "banner" class */ .slideshow-banners .banner a { display:block; } .slideshow-banners .banner img {} /* Effects -------------------------------------------------------------- */ /*.slideshow-banners banner a img, .slideshow-banners a.banner img,*/ .the-slideshow .slides > li a img { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } /*.slideshow-banners banner a:hover img, .slideshow-banners a.banner:hover img,*/ .the-slideshow:hover .slides > li a img { opacity:0.85; filter:alpha(opacity=85); } /** * Generic interface elements */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: small, outside the slider -------------------------------------------------------------- */ .gen-slider-arrows1 .direction-nav li { float:left; } .gen-slider-arrows1 .direction-nav a { display:block; width:30px; height:30px; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#ddd; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows1 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows1 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows1 .direction-nav a.disabled:hover { background-color:#ddd; /* Must be the same as default color */ } .gen-slider-arrows1 .direction-nav .prev { background-position:-10px -10px; margin-right:1px; } .gen-slider-arrows1 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows1 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows1 .direction-nav .next { background-position:-60px -10px; } .gen-slider-arrows1 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows1 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Positioning: -------------------------------------------------------------- */ .gen-slider-arrows1-pos-top-right .direction-nav { position:absolute; top:-40px; right:0px; } .gen-slider-arrows1-pos-top-left .direction-nav { position:absolute; top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: large, on slider, split -------------------------------------------------------------- */ .gen-slider-arrows2 .direction-nav { height:0; } .gen-slider-arrows2 .direction-nav a { position:absolute; display:block; width:50px; height:50px; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 600ms ease-in-out, background-color 150ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 600ms ease-in-out, background-color 150ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 600ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 600ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; opacity:0; filter:alpha(opacity=0); } .gen-slider-arrows2:hover .direction-nav a { opacity:1; filter:alpha(opacity=100); } .gen-slider-arrows2:hover .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); } .gen-slider-arrows2 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows2 .direction-nav a.disabled { cursor:default; } .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows2 .direction-nav .prev { background-position:0 0; left:1.5%; top:45%; } .gen-slider-arrows2 .direction-nav .prev:hover { background-position:0 -50px; } .gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position:0 0; } .gen-slider-arrows2 .direction-nav .next { background-position:-50px 0; right:1.5%; top:45%; } .gen-slider-arrows2 .direction-nav .next:hover { background-position:-50px -50px; } .gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position:-50px 0; /* Same as default */ } /* Style: only background image -------------------------------------------------------------- */ .gen-slider-arrows2-style1 .direction-nav a { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/slideshow-arrows-solid.png); background-color:transparent !important; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: at the left and the right side of the slider -------------------------------------------------------------- */ .gen-slider-arrows3 .direction-nav a { position:absolute; display:block; width:30px; height:30px; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows3 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows3 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows3 .direction-nav .prev { background-position:-10px -10px; top:22px; left:-32px; } .gen-slider-arrows3 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows3 .direction-nav .next { background-position:-60px -10px; top:22px; right:-32px; } .gen-slider-arrows3 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Style: long (high) buttons -------------------------------------------------------------- */ .gen-slider-arrows3-style1 .direction-nav a { height:75px; } .gen-slider-arrows3-style1 .direction-nav .prev { background-position:-10px 13px; top:0; left:-32px; } .gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position:-10px -37px; } .gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position:-10px 13px; /* Same as default */ } .gen-slider-arrows3-style1 .direction-nav .next { background-position:-60px 13px; top:0; right:-32px; } .gen-slider-arrows3-style1 .direction-nav .next:hover { background-position:-60px -37px; } .gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position:-60px 13px; /* Same as default */ } /* Generic pager %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager1 .control-nav { text-align:center; } .gen-slider-pager1 .control-nav li { float:left; margin-left:3px; } .gen-slider-pager1 .control-nav li:first-child { margin-left:0; } .gen-slider-pager1 .control-nav a { display:block; width:20px; height:20px; background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/pager.png); background-repeat:no-repeat; background-color:transparent; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; } .gen-slider-pager1 .control-nav a:hover { background-position:0 -60px; } .gen-slider-pager1 .control-nav a.active { background-position:0 -30px; cursor:default; } .gen-slider-pager1 .control-nav a.active:hover {} /* Style: small -------------------------------------------------------------- */ .gen-slider-pager1-style1 .control-nav li { margin-left:0; } .gen-slider-pager1-style1 .control-nav a { background-image:url(https://www.dexis.fr/skin/frontend/enterprise/progiciel/images/infortis/_shared/pager-small.png); } /* Positioning: -------------------------------------------------------------- */ .gen-slider-pager1-pos-bottom-right .control-nav { position:absolute; bottom:4.4526%; right:1.5%; } .gen-slider-pager1-pos-bottom-left .control-nav { position:absolute; bottom:4.4526%; left:1.5%; } /* Additional pager positioning for slider-arrows1 */ .gen-slider-arrows1-pos-top-right-pager .control-nav { position:absolute; top:-33px; right:71px; } .amlabel-div a.amlabel-table { position: absolute; } /* MODALBOX */ #MB_overlay {position: absolute;margin: auto;top: 0; left: 0;width: 100%; height: 100%;z-index: 9999;background-color: #000!important;} #MB_overlay[id] {position: fixed;} #MB_window {position: absolute;top: 0;border: 0 solid;text-align: left;z-index: 10000;} #MB_window[id] { position: fixed!important; } #MB_frame {position: relative;background-color: #FFF;height: 100%;} #MB_header {margin: 0;padding: 0;} #MB_content {padding: 8px 2em;overflow: auto;background: #ecebea;} #MB_caption {background: none;font: bold 16px/27px "OpenSansRegular", "Lucida Grande", Arial, sans-serif;text-transform: uppercase;height: 27px;padding: .5em 2em .5em .75em;margin: 0;} #MB_close {position: absolute;right: 3px; top: 3px;padding: 2px 3px;font-weight: bold;text-decoration: none;font-size: 20px;} #MB_close:hover {background: transparent;} /* Color scheme */ #MB_window {background-color: #EFEFEF;color: #000;-webkit-box-shadow: 0 8px 64px #000;-moz-box-shadow: 0 0 64px #000;box-shadow: 0 0 64px #000;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} #MB_content {border-top: 1px solid #F9F9F9;} #MB_header {background-color: #DDD;border-bottom: 1px solid #CCC;} #MB_caption {color: #fff} #MB_close {color: #fff} /* Surcharge */ #MB_caption {background: none #496778} li.icon-url {float: left;margin: 3px 3px 4px 3px;padding: 11px 0px 11px 0px;text-align: left;width: 128px} li.icon-url .name-social-network {margin-left: 5px} #my-cboxClose {bottom: -25px;position: absolute;right: 0;z-index: 1000;} /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2020-01-07 09:09:52*/ /* Fluid grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Grid container */ .container { margin-left:auto; margin-right:auto; width:96%; } .lte-ie8 .container { max-width:1200px; } .nested-container { width:102%; margin-left:-1%; } /* Grid-12 units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, /* Deprecated: other grid units */ .grid4-1, .grid4-2, .grid4-3, .grid2-1, /* Alias for full-width units */ .grid-full, /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { position:relative; display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3, .grid4-1 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6, .grid4-2, .grid2-1 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9, .grid4-3 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gap.grid12-1 { margin-left:0; width:7.33%; } .no-left-gap.grid12-2 { margin-left:0; width:15.66%; } .no-left-gap.grid12-3 { margin-left:0; width:24%; } .no-left-gap.grid12-4 { margin-left:0; width:32.33%; } .no-left-gap.grid12-5 { margin-left:0; width:40.67%; } .no-left-gap.grid12-6 { margin-left:0; width:49%; } .no-left-gap.grid12-7 { margin-left:0; width:57.33%; } .no-left-gap.grid12-8 { margin-left:0; width:65.67%; } .no-left-gap.grid12-9 { margin-left:0; width:74%; } .no-left-gap.grid12-10 { margin-left:0; width:82.33%; } .no-left-gap.grid12-11 { margin-left:0; width:90.67%; } .no-left-gap.grid12-12, .no-left-gap.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gap.grid12-1 { margin-right:0; width:7.33%; } .no-right-gap.grid12-2 { margin-right:0; width:15.66%; } .no-right-gap.grid12-3 { margin-right:0; width:24%; } .no-right-gap.grid12-4 { margin-right:0; width:32.33%; } .no-right-gap.grid12-5 { margin-right:0; width:40.67%; } .no-right-gap.grid12-6 { margin-right:0; width:49%; } .no-right-gap.grid12-7 { margin-right:0; width:57.33%; } .no-right-gap.grid12-8 { margin-right:0; width:65.67%; } .no-right-gap.grid12-9 { margin-right:0; width:74%; } .no-right-gap.grid12-10 { margin-right:0; width:82.33%; } .no-right-gap.grid12-11 { margin-right:0; width:90.67%; } .no-right-gap.grid12-12, .no-right-gap.grid-full { margin-right:0; width:99%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes -------------------------------------------------------------- */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Grid container: stretched, without side margin -------------------------------------------------------------- */ /* Remove padding (which is added in media queries for mobile layouts) from basic grid containers. Stretch inner grid unit (full width) */ .container.stretched { width:96%; padding-left:0; padding-right:0; } .container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container { max-width:1200px; } /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding */ .container { width:94%; padding-left:1%; padding-right:1%; } .nested-container { width:100%; margin-left:auto; } /* Stretch all grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid4-1, .grid4-2, .grid4-3, .grid2-1, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100%; margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid - modify units on mobile devices -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66%; margin-left:1%; margin-right:1%; } /* .grid12-1 to .grid12-2 */ .mobile-grid.grid12-2 { width:31.33%; margin-left:1%; margin-right:1%; } /* .grid12-2 to .grid12-4 */ .mobile-grid.grid12-3 { width:48%; margin-left:1%; margin-right:1%; } /* .grid12-3 to .grid12-6 */ } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2020-01-07 09:09:52*/ /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Header -------------------------------------------------------------- */ .header .logo { max-width:350px; } /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.667%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.286%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:168px !important; } .in-col1 .itemslider-x { max-width:1128px; } /*6*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:162px !important; } .in-col2 .itemslider-x { max-width:910px; } /*5*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:140px !important; } .in-col3 .itemslider-x { max-width:640px; } /*4*/ /* In up-sell */ .box-up-sell.in-col2 .itemslider-x .slides > li { width:155px !important; } .box-up-sell.in-col2 .itemslider-x { max-width:875px; } /*5*/ /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x { max-width:940px; } /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:700px; } /*4*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:134px !important; } .in-col3 .itemslider-x { max-width:462px; } /*3*/ } /* Design for a width of 960-1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1024px */ @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:156px !important; } .in-col1 .itemslider-x { max-width:880px; } /*5*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col2 .itemslider-x { max-width:564px; } /*3*/ /* Inside main column in 3-col layout */ .in-col3 .itemslider-x .slides > li { width:168px !important; } /*MORE*/ .in-col3 .itemslider-x { max-width:376px; } /*3*/ } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } /* Other -------------------------------------------------------------- */ #scroll-to-top { display:none !important; } /* Top links */ #link-sign-up { display:none; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; } .cart-table .product-image { max-width:80px; } /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:48%; clear:none !important; } /* Clear every first item in each row (group of n items) */ .itemgrid-adaptive.itemgrid-2col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-3col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-4col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-5col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-6col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-7col .item:nth-child(2n+1) { clear:left !important; } /* Itemslider -------------------------------------------------------------- */ .in-col1 .itemslider-x .slides > li { width:160px !important; } .in-col1 .itemslider-x { max-width:722px; } /*4*/ /* Inside main column in 2-col layout */ .in-col2 .itemslider-x .slides > li { width:155px !important; } .in-col2 .itemslider-x { max-width:525px; } /*3*/ /* Related */ .block-related-slider .in-sidebar .itemslider-x .slides > li { width:128px !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Items grid: in category view -------------------------------------------------------------- */ /* Hide button completely despite it is on item hover */ .category-products-grid.itemgrid-adaptive.itemgrid-6col .item:hover .btn-cart { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Itemslider -------------------------------------------------------------- */ .in-sidebar .itemslider-x .slides > li { width:168px !important; } .in-sidebar .itemslider-x { max-width:188px; } /*1*/ /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-title { border-bottom:none; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Basic Magento layout elements -------------------------------------------------------------- */ .breadcrumbs { margin-top:0; margin-bottom:10px; } /* Header -------------------------------------------------------------- */ /* Top */ .header-top { display: none; } /* Logo */ .header .logo-wrapper { text-align:center; float: left; width: auto; } .header .logo { width:100%; margin-left:auto; margin-right:auto; } /* Quick search */ .header-top-search-wrapper { width:100%; margin-left:auto; margin-right:auto; } .header .form-search { width:100%; } .header .form-search .input-text { width:98.8%; width: calc(100% - 5px); padding:0; } /* User menu (Top Links) */ .user-menu { float: right; width:auto; margin-left:0; margin-right:0; } /* Mini cart */ .after-mini-cart { clear:none; } /* Top links */ .top-links { float:left; } /* Footer -------------------------------------------------------------- */ /* Simplify links */ .footer .show-separators .links li a, .footer .show-separators-left .links li a { background-image:none; } /* Footer horizontal links - align center */ .footer-top .item { float:none; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, .footer-top .links li { float:none; display:inline-block; } /* Social links */ .social-links a { float:none; display:inline-block; margin-right:0; margin-bottom:3px; padding:6px; } /* Footer bottom elements - align center */ .footer-bottom { text-align:center; } .footer-bottom .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid -------------------------------------------------------------- */ .products-grid .add-to-links.addto-onimage { display:none; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:10px; padding-bottom:10px; } .toolbar .sort-by, .toolbar sorter .amount { border-right:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Product page -------------------------------------------------------------- */ /* Secondary column */ .product-secondary-column .inner { padding-left:0; border-left:none; min-height:auto; } /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Sidebar */ .product-view .box-sidebar .box-sidebar-inner { padding-left:0; border-left:none; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ .opc form fieldset { display:table-column-group; } /*.opc .form-list .field {} .opc .form-list input.input-text {}*/ .opc .form-list select { width:auto; } /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ /*.itemslider .control-nav { display:none; }*/ .control-nav.control-paging { display:none; } /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow .direction-nav .next { top:4%; right:2%; } .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } /* Slideshow caption */ /* Shrink all and hide paragraph and button */ .caption .heading { font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; display:none; } .caption button { margin-top:0.5em; display:none; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ /* Items grid: in category view -------------------------------------------------------------- */ /* Revert default sizes */ .category-products-grid.itemgrid .product-name { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ } /* Hide/show elements: 6 & 7 columns */ .category-products-grid.itemgrid-adaptive.itemgrid-6col .item .btn-cart, .category-products-grid.itemgrid-adaptive.itemgrid-7col .item .btn-cart { display:block; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:48%; clear:none !important; } /* Clear every first item in each row (group of n items) */ .itemgrid-adaptive.itemgrid-2col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-3col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-4col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-5col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-6col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-7col .item:nth-child(2n+1) { clear:left !important; } /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:376px; } /*2*/ /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .product-view .product-img-box .product-image { width:60.4651%; /*364px*/ max-width:364px; margin:0 auto; } } /* Additional break-point: Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:564px; } } /* All small mobile - design for a width of less than 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Mini cart */ #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #mini-cart .dropdown-toggle .caret { display:none !important; } #mini-cart .dropdown-menu { display:none !important; } /* Quick compare dropdown */ .quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } .quick-compare .dropdown-toggle .caret { display:none !important; } .quick-compare .dropdown-menu { display:none !important; } .quick-compare.is-empty { display:none !important; } /* Simplify horizontal links */ .user-menu .show-separators .links li a, .user-menu .show-separators-left .links li a { background-image:none; } /* Header elements - align center */ /* Links */ .user-menu .links { text-align:center; } .user-menu .links li { float:none; display:inline-block; } /* Header top */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Inside user menu */ .user-menu { text-align:center; } .user-menu > *, .user-menu .links, /*Some link blocks may be deeper than one level*/ .dropdown { float:none !important; display:inline-block !important; } /* previous: .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } */ /* Nav -------------------------------------------------------------- */ /*#nav > li { width:100%; } #nav > li > a { border-right:none; }*/ /* Products list -------------------------------------------------------------- */ .products-list .product-image { margin-bottom:20px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Cart -------------------------------------------------------------- */ /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Slideshow caption */ /* Shrink all and hide heading */ .caption .heading { font-size:1.3333em; display:none; } .caption p { font-size:1em; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 2 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:98%; clear:none !important; } /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:188px; } /*1*/ /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* Mobile (Portrait) - design for a width of 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Item grid: number of columns -------------------------------------------------------------- */ /* Always show 1 columns */ .itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item { width:98%; clear:none !important; } /* Itemslider -------------------------------------------------------------- */ .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8, .itemslider-x.count-multi { max-width:188px; } /*1*/ /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .direction-nav { display:none; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2020-01-07 09:09:52*/ body { color: #666666; font-size: 12px; } a { color: #777777; } a:hover, .vertnav-side li.current > a { color: #f42933; } .wrapper { border-top-color: #333333; } .page { } .header-container { background-color: ; } .header { background-color: #444c63; color: #f42933; } .header a { color: #ffffff; } .header a:hover { color: #ffffff; } .header .form-search .input-text { border-color: #e5e5e5; color: #626262; } .header .form-search .input-text:hover, .header .form-search .input-text:focus { border-color: #f42933; color: #333333; } #mini-cart .block-content, .truncated .truncated_full_value .item-options, .dropdown-button:hover .inner, .dropdown-button ul { background-color: #ffffff; color: #333333; } #mini-cart .block-content a, .dropdown-button ul a { color: #333333; } #mini-cart .block-content a:hover, .dropdown-button ul a:hover { color: #23973c; } #nav .level0-wrapper, #nav.classic ul { background-color: #ffffff; color: #333333; } #nav ul li a { color: #333333; } #nav ul li a:hover { color: #f42933; } .cat-label-label1 { background-color: #5bd2ec; color: #ffffff; } .cat-label-label2 { background-color: #d52462; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #5bd2ec; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #d52462; } li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #555555; color: #5bd2ec; } li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before { border-top-color: #555555; } #mobnav { background-color: ; color: #333333; } #mobnav-trigger { color: #333333; } #mobnav-trigger:hover { background-color: #e30514; color: #ffffff; } #mobnav-trigger.active { background-color: #e30514; color: #ffffff; } #mobnav-trigger .icon .line { background-color: #333333; } #mobnav-trigger:hover .icon .line { background-color: #ffffff; } #mobnav-trigger.active .icon .line { background-color: #ffffff; } .nav { } #nav, .vertnav-top li a { background-color: ; color: #333333; } #nav > li > a { color: #333333; } #nav > li:hover > a, .vertnav-top li > a:hover { background-color: #e30514; color: #ffffff; } .cms-index-index #nav #nav-home-link > a, #nav > li.active > a, .vertnav-top li.current > a { background-color: #e30514; color: #ffffff; } #mobnav-trigger, #nav > li > a { font-size:13px; } .vertnav-top > li.first > a { margin-top:1px; } .vertnav-top li a { margin-bottom:1px; } /* .vertnav-top > li.last > a { margin-bottom:0; } .vertnav-top > li.last.parent.active > a { margin-bottom:1px; } */ /* Last item if is parent and active needs to have margin */ .vertnav-top { background-color: #dddddd; } /* Opener: default */ .vertnav-top li .opener { background: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } /* Hover */ .vertnav-top li:hover > .opener { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-w.png); } .vertnav-top li:hover > .opener:hover { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener.png); } /* Opener: active (opened) */ .vertnav-top li.active > .opener { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-active.png); } /* Hover */ .vertnav-top li.active:hover > a:hover + .opener { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active:hover > a + .opener:hover { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-active.png); } /* Opener: current (currently selected) */ .vertnav-top li.current > .opener, .vertnav-top li.current > .opener:hover { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-w.png); } /* Active */ .vertnav-top li.active.current > a + .opener, .vertnav-top li.active.current:hover > a + .opener { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active.current > a + .opener:hover { background-image: url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/opener-active-w.png); } #nav > li.parent > a { background-image:url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/arrow-dropdown.png) } #nav > li.parent:hover > a { background-image:url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/arrow-dropdown-w.png) } #nav > li.parent.active > a { background-image:url(https://www.dexis.fr/skin/frontend/dc/dexis/images/infortis/ultra-megamenu/arrow-dropdown-w.png) } .main-container { } .main { background-color: #F2F2F2; } .footer-container { background-color: #f5f5f5; } .footer { } .footer a { } .footer a:hover { } .footer button.button span { background-color: ; color: ; } .footer button.button:hover span { background-color: ; color: ; } .footer-top-container { background-color: #ffffff; } .footer-top { color: #666666; } .footer-top a { } .footer-top a:hover { } .footer-primary-container { background-color: #e30513; } .footer-primary { color: #ffffff; } .footer-primary a { color: #ffffff; } .footer-primary a:hover { color: #f42933; } .footer-bottom-container { background-color: #e30513; } .footer-bottom { color: #ffffff; } .footer-bottom a { color: #ffffff; } .footer-bottom a:hover { } button.button span { background-color: #444c63; color: #ffffff; } button.button:hover span { background-color: #666e85; color: #ffffff; } .product-view .btn-cart span, button.btn-checkout span { background-color: #333b52; color: #ffffff; } .product-view .btn-cart:hover span, button.btn-checkout:hover span { background-color: #666e85; color: #ffffff; } .feature div.icon { background-color: #d52462; } .feature:hover div.icon { background-color: #5bd2ec; } .links > li > a:hover { background-color: #333333; color: #ffffff !important; } .price-box .price { color: #00a9c7; } .sticker.new { background-color: #5bd2ec; color: #ffffff; } .sticker.sale { background-color: #f12b63; color: #ffffff; } .social-links a { background-color: #888888; } .social-links a:hover { background-color: #333333; } h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ /* CCK + generic */ .feature .heading, .accordion .heading, /* Main menu */ #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, /* Footer headings */ .footer .heading, /* Captions */ .slide .caption h2, .slide .caption h3, /* Custom content class */ .main-font { font-family: Open Sans, georgia, serif; } body { background-color:#EEE; } form { display:block; } a { color:#666; } .main { background-color:#FFF; padding:0; min-height:500px; } .header.container, .footer.container, .main.container { max-width:1200px; } .wrapper { border-top: 0; } .main-container .preface { display:none; } .fieldset .legend { margin:0 0 16px; background:none; padding:0; float:none; font-size:1.5em; font-weight:bold; text-transform:uppercase; } .page-title, .product-entity { width:100%; background-color:#F1F1F1; height:100px; overflow:hidden; } .page-title h1, .product-entity .product-name, .product-entity .product-brand { display:block; margin-left:2%; text-transform:uppercase; font-weight:bold; } .page-title h1, .product-entity .product-name { font-size:22px; } .page-title h1 { margin-top:38px; } .product-entity .product-name { line-height:26px; } .product-entity .product-brand { font-size:18px; color:#888; line-height:20px; margin-top:21px; } .col2-main .page-title, .grid-full .page-title { width:102%; margin-left:-1%; } .buttons-set .back-link a { padding:0; } .catalog-category-view .col-left { width:22%; margin:0; } .catalog-category-view .col-main { width:75.58%; } .bold { font-weight:bold; } .data-table thead { border:0; color:#FFF; } .buttons-set .back-link a { background:none; border:0; padding:0; } .buttons-set .back-link a.button { background:#444; } .price-box .price-label { display:none; } .price-box .price { color:#CC0001 !important; font-weight:bold; } .price-box sup { color:#CC0001; font-weight:bold; font-size:0.8em; } ::-webkit-input-placeholder { font-style:italic; } :-moz-placeholder { font-style:italic; } ::-moz-placeholder { font-style:italic; } :-ms-input-placeholder { font-style:italic; color:#666; } .fieldset, .info-set, .multiple-checkout .col2-set, .multiple-checkout .col3-set { border:0; margin:0; padding:0; } input.input-text, textarea { padding:6px; font-size:13px; line-height:18px; } input.input-text:hover, select:hover, textarea:hover { border-color:#999; } input.input-text:focus, select:focus, textarea:focus { border-color:#666; } input.input-text.disabled, textarea.disabled { background-color:#EEE; cursor:not-allowed; } /** ICOMOON **/ @font-face { font-family: 'icomoon'; src:url('https://www.dexis.fr/skin/frontend/dc/default/fonts/icomoon.eot?jv4uws'); src:url('https://www.dexis.fr/skin/frontend/dc/default/fonts/icomoon.eot?#iefixjv4uws') format('embedded-opentype'), url('https://www.dexis.fr/skin/frontend/dc/default/fonts/icomoon.ttf?jv4uws') format('truetype'), url('https://www.dexis.fr/skin/frontend/dc/default/fonts/icomoon.woff?jv4uws') format('woff'), url('https://www.dexis.fr/skin/frontend/dc/default/fonts/icomoon.svg?jv4uws#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-connexion:before { content:"\e687"; } .icon-deconnexion:before { content:"\e600"; } .icon-ajout-compte:before { content:"\e601"; } .icon-carton:before { content:"\e602"; } .icon-contact:before { content:"\e603"; } .icon-demande-achat:before { content:"\e604"; } .icon-infos-compte:before { content:"\e605"; } .icon-panier:before { content:"\e606"; } .icon-tableau-bord:before { content:"\e607"; } .icon-telecharger:before { content:"\e608"; } .icon-home:before { content:"\e609"; } .icon-home3:before { content:"\e60a"; } .icon-pencil:before { content:"\e60b"; } .icon-pen:before { content:"\e60c"; } .icon-blog:before { content:"\e60d"; } .icon-play:before { content:"\e60e"; } .icon-bullhorn:before { content:"\e60f"; } .icon-podcast:before { content:"\e610"; } .icon-mic:before { content:"\e611"; } .icon-file-text:before { content:"\e612"; } .icon-profile:before { content:"\e613"; } .icon-file-text2:before { content:"\e614"; } .icon-copy:before { content:"\e615"; } .icon-paste:before { content:"\e616"; } .icon-folder:before { content:"\e617"; } .icon-folder-open:before { content:"\e618"; } .icon-price-tag:before { content:"\e619"; } .icon-price-tags:before { content:"\e61a"; } .icon-barcode:before { content:"\e61b"; } .icon-coin-yen:before { content:"\e61c"; } .icon-phone:before { content:"\e61d"; } .icon-address-book:before { content:"\e61e"; } .icon-location:before { content:"\e61f"; } .icon-location2:before { content:"\e620"; } .icon-history:before { content:"\e621"; } .icon-clock:before { content:"\e622"; } .icon-clock2:before { content:"\e623"; } .icon-stopwatch:before { content:"\e624"; } .icon-calendar:before { content:"\e625"; } .icon-printer:before { content:"\e626"; } .icon-display:before { content:"\e627"; } .icon-mobile:before { content:"\e628"; } .icon-tablet:before { content:"\e629"; } .icon-floppy-disk:before { content:"\e62a"; } .icon-drive:before { content:"\e62b"; } .icon-undo2:before { content:"\e62c"; } .icon-redo2:before { content:"\e62d"; } .icon-forward:before { content:"\e62e"; } .icon-reply:before { content:"\e62f"; } .icon-bubbles:before { content:"\e630"; } .icon-user:before { content:"\e631"; } .icon-users:before { content:"\e632"; } .icon-user-plus:before { content:"\e633"; } .icon-user-minus:before { content:"\e634"; } .icon-spinner11:before { content:"\e635"; } .icon-zoom-out:before { content:"\e636"; } .icon-wrench:before { content:"\e637"; } .icon-equalizer:before { content:"\e638"; } .icon-equalizer2:before { content:"\e639"; } .icon-cog:before { content:"\e63a"; } .icon-cogs:before { content:"\e63b"; } .icon-aid-kit:before { content:"\e63c"; } .icon-bug:before { content:"\e63d"; } .icon-pie-chart:before { content:"\e63e"; } .icon-stats-dots:before { content:"\e63f"; } .icon-stats-bars:before { content:"\e640"; } .icon-stats-bars2:before { content:"\e641"; } .icon-lab:before { content:"\e642"; } .icon-magnet:before { content:"\e643"; } .icon-bin:before { content:"\e644"; } .icon-truck:before { content:"\e645"; } .icon-clipboard:before { content:"\e646"; } .icon-tree:before { content:"\e647"; } .icon-menu:before { content:"\e648"; } .icon-eye:before { content:"\e649"; } .icon-eye-plus:before { content:"\e64a"; } .icon-star-empty:before { content:"\e64b"; } .icon-star-full:before { content:"\e64c"; } .icon-heart:before { content:"\e64d"; } .icon-happy2:before { content:"\e64e"; } .icon-smile:before { content:"\e64f"; } .icon-shocked2:before { content:"\e650"; } .icon-baffled:before { content:"\e651"; } .icon-point-right:before { content:"\e652"; } .icon-point-down:before { content:"\e653"; } .icon-warning:before { content:"\e654"; } .icon-notification:before { content:"\e655"; } .icon-plus:before { content:"\e656"; } .icon-minus:before { content:"\e657"; } .icon-info:before { content:"\e658"; } .icon-cancel-circle:before { content:"\e659"; } .icon-blocked:before { content:"\e65a"; } .icon-cross:before { content:"\e65b"; } .icon-checkmark:before { content:"\e65c"; } .icon-checkmark2:before { content:"\e65d"; } .icon-pause:before { content:"\e65e"; } .icon-stop:before { content:"\e65f"; } .icon-volume-low:before { content:"\e660"; } .icon-volume-mute:before { content:"\e661"; } .icon-loop:before { content:"\e662"; } .icon-loop2:before { content:"\e663"; } .icon-arrow-up:before { content:"\e664"; } .icon-arrow-right:before { content:"\e665"; } .icon-arrow-down:before { content:"\e666"; } .icon-arrow-left:before { content:"\e667"; } .icon-arrow-up2:before { content:"\e668"; } .icon-arrow-up-right2:before { content:"\e669"; } .icon-circle-up:before { content:"\e66a"; } .icon-circle-right:before { content:"\e66b"; } .icon-circle-down:before { content:"\e66c"; } .icon-circle-left:before { content:"\e66d"; } .icon-sort-amount-asc:before { content:"\e66e"; } .icon-sort-amount-desc:before { content:"\e66f"; } .icon-ligature2:before { content:"\e670"; } .icon-text-height:before { content:"\e671"; } .icon-google-plus:before { content:"\e672"; } .icon-google-plus2:before { content:"\e673"; } .icon-facebook:before { content:"\e674"; } .icon-facebook2:before { content:"\e675"; } .icon-instagram:before { content:"\e676"; } .icon-twitter:before { content:"\e677"; } .icon-twitter2:before { content:"\e678"; } .icon-feed2:before { content:"\e679"; } .icon-feed3:before { content:"\e67a"; } .icon-youtube3:before { content:"\e67b"; } .icon-vimeo:before { content:"\e67c"; } .icon-vimeo2:before { content:"\e67d"; } .icon-dropbox:before { content:"\e67e"; } .icon-skype:before { content:"\e67f"; } .icon-linkedin:before { content:"\e680"; } .icon-linkedin2:before { content:"\e681"; } .icon-pinterest:before { content:"\e682"; } .icon-pinterest2:before { content:"\e683"; } .icon-paypal:before { content:"\e684"; } .icon-file-pdf:before { content:"\e685"; } .icon-file-word:before { content:"\e686"; } /* SNIPPETS, MIXINS */ button.button[disabled="disabled"], button.button[disabled="disabled"] span{background-color:#999 !important;cursor:default !important;} button.button, .button { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } button.button span, .button span { background-color:inherit; text-transform:uppercase; display:block; float:left; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } button.button span span, .button span span { height:40px; line-height:40px; padding:0 20px; font-weight:bold; color:#FFF; } button.button.longButton span span {height: auto; width: 200px; white-space: initial; line-height: initial; text-transform: initial; padding: 10px; } button.button-block, .button-block { width:100%; } button.button-block span, .button-block span { width:100%; } button.button-block span span, .button-block span span { padding:0; text-align:center; } .button.button-dark { background:#444; } .button.double-line .content .label { white-space:normal; height:auto; font-size:10px; line-height:14px; padding:0; margin:16px 0; } .calendar .button { background:none; } .corner { position:absolute; top:1px; right:40px; z-index:1; } .corner .sticker { background-color:#FFF; border:2px solid; text-align:center; text-transform:uppercase; width:34px; height:34px; line-height:34px; display:block; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } .item:hover .sticker { width:34px; height:34px; } .corner .sticker-j1 { color:green; border-color:green; font-size:16px; display:none !important;} .corner .sticker-promo { color:orange; border-color:orange; font-size:9px; } .corner .sticker-2h { color:brown; border-color:brown; font-size:16px; } .box-generic { background-color:#EEE; padding:8px; overflow:hidden; } .box-white { background-color:#FFF; padding:16px; overflow:hidden; } .box-generic22 {width: 50%; float: left} .stock-grid-trigger { border:0; color:#FFF; cursor:pointer; padding:2px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .product-dispo-update { display:block; clear:both; font-family:"Open Sans", sans-serif; font-size:13px; line-height:21px; } .product-dispo-update .dispo-delivery, .product-dispo-update .dispo-shop { display:block; } .product-dispo-update .dispo-delivery { font-weight:bold; line-height:16px; margin:0 0 4px; } .product-dispo-update .dispo-shop { color:#000; line-height:16px; font-weight:bold; } .product-dispo-update .label { display:none; } .product-dispo-update .dispo-01 { color:#092; } .product-dispo-update .dispo-02 { color:#092; } .product-dispo-update .dispo-03 { color:#666; } .popup-stock-agence li { padding:8px; } .popup-stock-agence li:nth-child(2n-1) { background-color:#F5F5F5; } .popup-stock-agence .dispo { display:inline-block; padding:4px; background-color:#FFF; font-weight:bold; color:#092; font-family:"Open Sans", sans-serif; font-size:13px; border:2px solid #092; } .design-title { overflow:hidden; } .design-title .content { float:left; padding:12px 12px 9px; } .design-title .icon { background-color:#FFF; } .design-title .label { color:#FFF; text-transform:uppercase; font-weight:bold; font-size:16px; } .gen-tabs .tabs a { text-transform:uppercase; color:#FFF; line-height:2.8em; padding:0 15px; font-family:"Open Sans", sans-serif; font-weight:bold; } .gen-tabs .tabs a.current { margin:0; color:#FFF; } .gen-tabs-style1 .tabs a { background-color:#CCC; border-bottom:1px solid #CCC; color:#888; } .gen-tabs-style1 .tabs a.current { background-color:#AAA; border-color:#AAA; } .gen-tabs-style1 .tabs-panels { border-color:#AAA; } /*** TABS ***/ .custom-tabs { overflow:hidden; background-color:#EEE; } .custom-tab-level2, .custom-tab { float:left; margin:0 1px 0 0; padding:16px 32px; font-size:14px; cursor:pointer; border-top:5px solid #D7D7D7; -moz-user-select:none; -webkit-user-select:none; user-select:none; } .custom-tab-level2.active, .custom-tab.active { background-color:#FFF; border-color:#008FF0; } .custom-tab-level2.first, .custom-tab.first { border-left:1px solid #F5F5F5; } .box-tab-content-level2, .box-tab-content { display:none; background-color:#FFF; padding:2%; border:1px solid #EEE; border-top:0; overflow:hidden; } .box-tab-content-level2.active, .box-tab-content.active { display:block; border:0; } .box-tabs2 { margin:0 0 16px; } .box-tabs2 .custom-tab-level2 { position:relative; border-top:0; background-color:#008FF0; color:#FFF; padding:16px 32px; font-weight:bold; } .box-tabs2 .custom-tab-level2.active { position:relative; background-color:#FFF; color:#008FF0; } .box-tabs2 .custom-tab-level2.active:after { content:""; display:block; position:absolute; bottom:-10px; left:50%; width:0; height:0; border-top:10px solid #FFF; border-left:10px solid transparent; border-right:10px solid transparent; } .window-overlay { background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position:absolute; top:0; left:0; min-height:100%; background:#000; opacity:0.5; width:100%; z-index:990; display:none; } .window-overlay.active { display:block; z-index:9999; position:fixed; } .popup-block { border:1px solid #FFF; left:50%; top:40%; margin:-85px 0 0 -200px; width:400px; text-align:left; z-index:1000; position:fixed; display:none; } .popup-block.active { display:block; z-index:9999; } .popup-block .block-title { border-bottom:1px solid #CFCFCF; padding:17px 17px 10px; } .popup-block div.btn-close { display:block; position:absolute; top:6px; right:6px; height:15px; width:15px; cursor:pointer; padding:8px; background:#FFF; color:#666; font-size:12px; } .popup-block .block-title { height:31px; } .popup-block .block-title strong { font-size:16px; line-height:31px; font-weight:normal; text-transform:none; } .popup-block .block-content { background:#FFF; padding:16px; font-size:12px; } .popup-block .block-content .form-list label { width:180px; margin:0; } .popup-block .block-content .form-list label em { color:red; } .popup-block .block-content .form-list .input-text { width:230px; } .popup-block .block-content .form-list .control { display:none; } .popup-block .block-content .form-list .control .input-box #wishlist-public { margin-right:5px; } .popup-block .block-content .form-buttons { width:auto; padding-top:10px; } .popup-block .block-content .form-buttons .button { float:left; margin-right:5px; } .popup-block .block-content .form-buttons .button span { padding:0 6px; } .popup-block.loading .block-content * { text-align:left; text-indent:-99999em; overflow:hidden; position:relative; margin-left:-9999em; } .popup-block.loading .block-content:before { content:''; display:block; position:absolute; z-index:99; top:50%; left:50%; line-height:16px; padding:16px; text-indent:0!important; } /*** POPUP ***/ .popup-set { display:none; position:fixed; z-index:9999; height:100%; width:100%; left:0; top:0; } .popup-layer { background-color:rgba(0,0,0,0.6); height:100%; } .custom-popup { background-color:#FFF; position:absolute; overflow:hidden; top:15%; /*transform:translate(0,-50%);*/ left:0; right:0; margin-left:auto; margin-right:auto; width:50%; max-width:720px; min-width:310px; border:1px solid #FFF; box-shadow:0 0 24px rgba(0,0,0,0.5); z-index:2002; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .custom-popup .custom-popup-title-bar { overflow:hidden; background-color:#008FF0; padding:10px 14px; color:#FFF; font-size:14px; line-height:20px; font-weight:bold; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .custom-popup .custom-popup-title-bar .custom-popup-killer { display:block; float:right; cursor:pointer; font-size:20px; } .custom-popup .custom-popup-title-bar .custom-popup-killer:hover { color:rgba(255,255,255,0.8); } .custom-popup .custom-popup-content { overflow:hidden; padding:2%; max-height:320px; overflow-y:scroll; } /** HEADER **/ .header { background:none; } .header .header-top { height:30px; overflow:hidden; } .header .header-top .top-links { float:left; height:30px; line-height:30px; } .header .header-top .top-links .top-links-list { float:left; } .header .header-top .top-links .top-links-item { display:inline; border-right:1px solid #666; } .header .header-top .top-links .top-links-item a { color:#666; padding:0 4px; font-weight:bold; } .header .header-top .top-links .top-links-item:last-child { border-right:0; } .header .header-top .top-links .top-links-item.create a { color:#D00; } body.connected .header .header-top .top-links .top-links-item.create { display:none; } .header .header-top .website-switcher { display:none; } .header .header-top #select-website { float:right; overflow:hidden; } .header .header-top #select-website li { float:left; } .header .header-top #select-website li a { color:#FFF; text-transform:uppercase; font-weight:bold; border-right:1px solid #FFF; display:block; height:30px; line-height:30px; padding:0 10px; } .header .header-top #select-website .store-3 { display:none; } .header-main { display:block; height:130px; } .header .logo-wrapper { display:block; height:100px; float:left; margin:20px 0; } .header .logo-wrapper .header-title { margin:15px 0 0 12px; } .header .logo-wrapper .logo { display:block; float:left; height:100px; } .header .logo-wrapper .logo img { height:100%; } .header .feedback-link { cursor:pointer; background-color:#EEE; color:#333; padding:6px 0; position:absolute; top:0; left:50%; margin-left:-70px; width:140px; font-weight:bold; text-align:center; border-radius:0 0 3px 3px; } .header .feedback-link:hover { background-color:#FFF; color:#000; } .header .feedback-layer { position:fixed; top:0; left:0; background-image:url("https://www.dexis.fr/skin/frontend/dc/default/images/bkg.png"); width:100%; height:100%; z-index:9999; } .header .feedback-layer .contact-frame { width:530px; margin:10% auto; background-color:#FFF; padding:16px; } .header .feedback-layer .contact-frame #comment { width:520px; } .header .feedback-layer .contact-frame .buttons-set { margin-bottom:0; } .header .feedback-layer .contact-frame .buttons-set .button { margin-left:8px; } .header .header-main .header-top-search-wrapper { display:block; height:130px; float:left; margin:0; } .header .header-main .header-top-search-wrapper #search_mini_form { margin-top:65px; } .header .form-search .input-text { color:#666; font-style:italic; padding-left:8px; } /*.header .form-search .button { top:0; right:0; height:34px; width:34px; background:#CCCCCC; }*/ .header #nav > li { background:none; } .header #nav > li > a, .header #nav > li.parent > a { background-image:none; padding:0 10px; font-size:12px; text-align:center; height:44px; border-right:1px solid #FFF; } .header #nav > li.last > a { border-right:0; } .header #nav > li > a > span { white-space:normal; line-height:18px; color:#FFF; } .header #nav .level0-wrapper { border-bottom:1px solid #AAA; top:44px; } .header #nav ul.level0 > li > a { font-size:13px; text-transform:none; color:#e52b38; font-weight:bold; } .header #nav .level1 > a { font-size:13px; text-transform:none; color:#e52b38; font-weight:bold; margin-bottom:5px; line-height:1em; } .header #nav .level0-wrapper > .nav-block-top, .header #nav .level0-wrapper > .nav-block-right, .header #nav .level0-wrapper > .nav-block-bottom { display:none; } .header #nav .level0-wrapper > .nav-block-center { width:100%; margin:0; } .header #nav ul.level2 { display:none; } .level0-wrapper { display:block; } .header #nav > li.nav-erpcode-01, .header #nav > li.nav-erpcode-Z { width:5%; max-width:60px; } .header #nav > li.nav-erpcode-02, .header #nav > li.nav-erpcode-D { width:11%; max-width:132px; } .header #nav > li.nav-erpcode-03, .header #nav > li.nav-erpcode-A { width:13%; max-width:156px; } .header #nav > li.nav-erpcode-04, .header #nav > li.nav-erpcode-G { width:12%; max-width:144px; } .header #nav > li.nav-erpcode-05, .header #nav > li.nav-erpcode-C { width:9%; max-width:136px; } .header #nav > li.nav-erpcode-06, .header #nav > li.nav-erpcode-J { width:7%; max-width:84px; } .header #nav > li.nav-erpcode-07, .header #nav > li.nav-erpcode-I { width:10%; max-width:120px; } .header #nav > li.nav-erpcode-08, .header #nav > li.nav-erpcode-F { width:10%; max-width:120px; } .header #nav > li.nav-erpcode-09, .header #nav > li.nav-erpcode-H { width:8%; max-width:106px; } .header #nav > li.nav-erpcode-91, .header #nav > li.nav-erpcode-K { width:15%; max-width:180px; } .header #nav > li.nav-erpcode-01 > a > span, .header #nav > li.nav-erpcode-Z > a > span, .header #nav > li.nav-erpcode-05 > a > span, .header #nav > li.nav-erpcode-C > a > span, .header #nav > li.nav-erpcode-07 > a > span, .header #nav > li.nav-erpcode-I > a > span { line-height:44px; } .header #nav > li.nav-erpcode-02 > a > span, .header #nav > li.nav-erpcode-D > a > span, .header #nav > li.nav-erpcode-03 > a > span, .header #nav > li.nav-erpcode-A > a > span, .header #nav > li.nav-erpcode-04 > a > span, .header #nav > li.nav-erpcode-G > a > span, .header #nav > li.nav-erpcode-06 > a > span, .header #nav > li.nav-erpcode-J > a > span, .header #nav > li.nav-erpcode-08 > a > span, .header #nav > li.nav-erpcode-F > a > span, .header #nav > li.nav-erpcode-09 > a > span, .header #nav > li.nav-erpcode-H > a > span, .header #nav > li.nav-erpcode-91 > a > span, .header #nav > li.nav-erpcode-K > a > span { padding-top:3px; } .header #nav > li.nav-erpcode-DB { width:12.11%; max-width:145px; } /* Transmission mécanique */ .header #nav > li.nav-erpcode-DZ { width:15.2%; max-width:175px; } /* Protection individuelle et hygiène */ .header #nav > li.nav-erpcode-DD { width:11.2%; max-width:134px; } /* Transmission pneumatique */ .header #nav > li.nav-erpcode-DL { width:7.11%; max-width:85px; } /* Fluide */ .header #nav > li.nav-erpcode-DG { width:10.2%; max-width:122px; } /* Automatismes */ .header #nav > li.nav-erpcode-DE { width:9.11%; max-width:109px; } /* Etanchéité */ .header #nav > li.nav-erpcode-DM { width:11.11%; max-width:133px; } /* Enlèvements de métal */ .header #nav > li.nav-erpcode-DC { width:13.11%; max-width:157px; } /* Divers produit de maintenance */ .header #nav > li.nav-erpcode-DF { width:11.11%; max-width:133px; } /* Transmission hydraulique */ /* Items sur 2 lignes */ .header #nav > li.nav-erpcode-DB > a > span, .header #nav > li.nav-erpcode-DZ > a > span, .header #nav > li.nav-erpcode-DD > a > span, .header #nav > li.nav-erpcode-DM > a > span, .header #nav > li.nav-erpcode-DC > a > span, .header #nav > li.nav-erpcode-DL > a > span, .header #nav > li.nav-erpcode-DF > a > span { padding-top:3px; } /* Items sur 1 ligne */ .header #nav > li.nav-erpcode-DG > a > span, .header #nav > li.nav-erpcode-DE > a > span { line-height:44px; } /* Hydralians menu */ .header #nav > li.nav-erpcode-HA, .header #nav > li.nav-erpcode-HH, .header #nav > li.nav-erpcode-HD, .header #nav > li.nav-erpcode-HF, .header #nav > li.nav-erpcode-HG, .header #nav > li.nav-erpcode-HE, .header #nav > li.nav-erpcode-HC, .header #nav > li.nav-erpcode-HI, .header #nav > li.nav-erpcode-HB { width:11.1%; max-width:133px; } /* Hydralians Items sur 1 ligne */ .header #nav > li.nav-erpcode-HA > a > span, .header #nav > li.nav-erpcode-HH > a > span, .header #nav > li.nav-erpcode-HF > a > span, .header #nav > li.nav-erpcode-HG > a > span, .header #nav > li.nav-erpcode-HE > a > span, .header #nav > li.nav-erpcode-HB > a > span { line-height:44px; } /* Hydralians Items sur 2 lignes */ .header #nav > li.nav-erpcode-HD > a > span, .header #nav > li.nav-erpcode-HC > a > span, .header #nav > li.nav-erpcode-HI > a > span { padding-top:3px; } .header .user-menu { display:block; float:right; height:140px; margin:0; width:26%; font-family:"Open Sans", Arial, sans-serif; } .header .user-menu #mini-cart, .header .user-menu #mini-create, .header .user-menu #mini-login, .header .user-menu #mini-logout { height:90px; float:right; width:30%; margin:21px 0 0 3%; } .header .user-menu #mini-create { width:40%; } .header #mini-login { position:relative; } .header #mini-login .header-account-trigger { cursor:pointer; } .header .user-menu .user-menu-content { text-align:center; } .header .user-menu .user-menu-icon { display:block; font-size:64px; line-height:82px; width:64px; height:64px; margin:0 auto; text-align:center; color:#FFF; } .header .user-menu .user-menu-icon.icon-deconnexion, .header .user-menu .user-menu-icon.icon-panier { padding-left:3px; } .header .user-menu .user-menu-icon.icon-user, .header .user-menu .user-menu-icon.icon-user-plus { font-size:40px; } .header .user-menu .user-menu-label { display:block; text-transform:uppercase; font-weight:bold; margin:4px 0 0; text-align:center; color:#FFF; } .header .user-menu #mini-cart .qty-wrapper { position:absolute; top:0; right:0; min-width:9px; padding:0 8px; height:25px; line-height:25px; background-color:#D00; text-align:center; font-weight:bold; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px; color:#FFF; } .header .user-menu #mini-info { color:#FFF; font-size:11px; text-align:right; height:38px; padding-right:8px; } .header #mini-info-mobile { display:none; padding:8px; color:#FFF; } /* .header .user-panel { position:absolute; top:90px; right:0; width:280px; text-transform:none; font-weight:normal; box-shadow:0 0 12px rgba(0,0,0,0.3); z-index:2001; display:none; line-height:normal; } .header .user-panel .user-card { padding:16px; color:#FFF; border-radius:4px 4px 0 0; } .header .user-panel .user-identity { display:block; font-weight:bold; } */ .header .user-panel { position:absolute; top:90px; right:0; width:280px; text-transform:none; font-weight:normal; box-shadow:0 0 12px rgba(0,0,0,0.3); z-index:2001; display:none; line-height:normal; } .header .user-panel .user-card { background-color:#3D9DCF; padding:16px; color:#FFF; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .header .user-panel .user-identity { display:block; font-weight:bold; font-size:13px; } .header .user-panel .user-company, .header .user-panel .user-firm { display:block; font-size:10px; } .header .user-panel .user-panel-content { background-color:#FFF; font-size:13px; color:#333; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .header .user-panel .user-panel-content form { overflow:hidden; } .header .user-panel .user-panel-title { display:block; padding:12px; font-weight:bold; } .header .user-panel .user-menu-link { display:block; font-size:13px; color:#666; line-height:55px; font-family:"Open Sans", Arial, sans-serif; -moz-user-select:none; -webkit-user-select:none; user-select:none; } .header .user-panel .user-menu-link:hover { color:#888; } .header .user-panel .user-menu-link .icon { display:block; float:left; width:55px; line-height:inherit; text-align:center; } .header .user-panel .user-menu-link .icon-deconnexion, .header .user-panel .user-menu-link .icon-connexion { font-size:38px; } .header .user-panel .user-menu-link .icon-user-plus { font-size:25px; } .header .user-panel .budget { margin:0 0 16px; padding:12px; background-color:#EEE; } .header .user-panel .budget li { line-height:31px; height:31px; } .header .user-panel .budget li:nth-child(even) { background-color:#F7F7F7; } .header .user-panel .budget .label { font-size:12px; padding:0 0 0 6px; } .header .user-panel .budget .amount { float:right; line-height:25px; padding:3px 6px; border-radius:6px; } .header .user-panel .budget .out-of-budget { color:#D00; } .header #mini-login .user-panel .input-text { margin:0 0 8px; width:240px; } /** FOOTER **/ .footer-primary-container { background:#999; padding:1% 0 2%; } .footer .col-title { display:block; border-bottom:1px solid #FFF; padding:0 0 5px; font-size:16px; font-weight:bold; } .footer-bottom-container .footer-bottom { padding:1% 0; color:#FFF; } /** HOMEPAGE **/ .cms-index-index .preface { display:block; } .cms-index-index .preface .the-slideshow-wrapper { width:65%; float:left; } .cms-index-index .preface .the-slideshow-wrapper .the-slideshow { width:100%; margin:0; } .cms-index-index .preface .homepage-preface-aside { width:34%; float:right; } .cms-index-index .preface .homepage-preface-aside .aside-block { display:block; margin:0 0 2.5%; height:100px; color:#FFF; } .cms-index-index .preface .homepage-preface-aside .aside-block-content { height:100%; overflow:hidden; } .cms-index-index .preface .homepage-preface-aside p.aside-block-content { height:auto; } .cms-index-index .preface .homepage-preface-aside .aside-block .picto { float:left; height:100%; width:26%; text-align:center; font-size:70px; line-height:110px; margin-right:12px; } .cms-index-index .preface .homepage-preface-aside .aside-block .aside-block-title { font-weight:bold; text-transform:uppercase; font-size:16px; margin:12px 0 4px; display:block; } .cms-index-index .preface .homepage-preface-aside .aside-block-1 { background-color:#EE2A36; } .cms-index-index .preface .homepage-preface-aside .aside-block-1 .picto { background-color:#F6969A; color:#EE2A36; } .cms-index-index .preface .homepage-preface-aside .aside-block-2 { background-color:#004C92; } .cms-index-index .preface .homepage-preface-aside .aside-block-2 .picto { background-color:#80A6CA; color:#004C92; } .cms-index-index .preface .homepage-preface-aside .aside-block-3 { background-color:#2DADDE; } .cms-index-index .preface .homepage-preface-aside .aside-block-3 .picto { background-color:#96D6EF; color:#2DADDE; } .cms-index-index .preface .homepage-preface-bottom { background-color:#EEE; clear:both; margin:0 0 12px; overflow:hidden; } .cms-index-index .preface .homepage-preface-bottom .item { float:left; width:21%; padding:2%; } .cms-index-index .preface .homepage-preface-bottom .item .content-title { font-weight:bold; text-transform:uppercase; font-size:15px; } .cms-index-index .preface .homepage-preface-bottom .item .picto { float:left; margin-right:10px; } .cms-index-index .std { float:left; width:68%; } .cms-index-index .std .nos-catalogues-slider { float:left; width:100%; margin:24px 0; } .cms-index-index .std .catalog-list { float:left; } .cms-index-index .std .catalog-list .catalog-item { float:left; margin:0 16px 0 0; } .cms-index-index .homepage-content-aside { float:right; width:30%; } .cms-index-index .homepage-content-aside a { display:block; margin:12px 0 0; } .cms-index-index .products-grid .item .product-name, .cms-index-index .item .product-name { margin-top:10px; font-size:12px; font-weight:bold; height:30px; clear:both; overflow:hidden; } .cms-index-index .item .product-brand { font-weight:bold; display:block; height:18px; overflow:hidden; } .cms-index-index .products-grid .actions { text-align:center; } .cms-index-index .products-grid .actions.notloggedin { position:static !important; } /***** FICHE PRODUIT *****/ .product-view .product-dispo-update .dispo-delivery { font-size:15px; } .product-view .product-dispo-update .dispo-shop { font-size:13px; } .product-view .stock-grid-trigger { margin:16px 0 0; } .product-view .tarif-box { margin:5% 0; clear:both; } .product-view .add-to-box { clear:both; margin:24px 0 0; border:0; } .product-view .add-to-box .qty-box #qty { height:34px; padding:2px 8px; width:20px !important; text-align:center; font-size:14px; float:none; } .product-view .add-to-box .qty-box .qty-modifier { display:inline-block; width:28px; height:38px; line-height:38px; border:1px solid #CCC; background-color:#EEE; text-decoration:none; font-weight:bold; cursor:pointer; text-align:center; vertical-align:top; font-size:18px; } .product-view .add-to-box .qty-box .qty-modifier#remove-one { border-radius:4px 0 0 4px; border-right:0; } .product-view .add-to-box .qty-box .qty-modifier#add-one { border-radius:0 4px 4px 0; border-left:0; } .product-view .add-to-box .btn-cart { float:left; margin:24px 0 0; } .product-view .add-to-box .btn-cart .icon { float:left; background-color:#E92B37; padding:5px 0; width:50px; } .product-view .add-to-box .btn-cart .icon .icon-panier { background:none; padding:0; font-size:55px; font-weight:normal; width:50px; line-height:37px; } .product-view .add-to-box .btn-cart .label { width:auto; padding:5px 15px; } .product-view .btn-cart span span { padding:5px 20px; width:auto; } .product-view .product-shop .price-box .price-label { display:none; } .product-view .product-shop .price-box .price { color:#CC0001; font-size:30px; } .product-view .product-collateral { clear:both; } .product-view .box-tabs .view-widget-title { display:none; } .product-view .box-tabs .panel-description { margin:0 1%; } .product-view a.link-wishlist, .product-view a.link-compare, .product-view a.email2friend { text-indent:0; border:0; height:30px; } .product-view .product-aside-element { display:block; clear:both; overflow:hidden; margin:0 0 4px; width:98%; } .product-view .product-aside-element-container { display:block; clear:both; overflow:hidden; margin:0 0 4px; width:98%; } .product-view .product-aside-element-container .product-aside-element { margin:0; width:100%; } .product-view .product-aside-element .picto { float:left; text-align:center; width:38px; } .product-view .product-aside-element .picto .img-icon { font-size:18px; line-height:30px; } .product-view .product-aside-element .picto .icon-carton { font-size:25px; } .product-view .product-aside-element .label { float:left; color:#FFF; padding:0 10px; line-height:30px; } .product-view .product-aside-element.red { background:#f00; } .product-view .product-aside-element.red .picto { background:#f00; } .product-view .product-aside-element.green { background:#60B945; } .product-view .product-aside-element.green .picto { background:#D0EAC7; color:#60B945; } .product-view .product-aside-element.blue { background:#3298C9; } .product-view .product-aside-element.blue .picto { background:#C3E0F0; color:#3298C9; } .product-view .product-aside-element.grey { background:#AEAEAE; } .product-view .product-aside-element.grey .picto { background:#E5E5E5; color:#AEAEAE; } .product-view .rse-block { clear:both; margin:16px 0 0; border:1px solid #A8B939; background-color:#F0F3DE; padding:3%; overflow:hidden; width:92%; } .product-view .rse-block .planete { float:left; margin:0 12px 0 0; } .product-view .rse-block .text { font-size:11px; line-height:15px; } /** PRODUCT LIST **/ .breadcrumbs { margin:0 1%; line-height:30px; } .breadcrumbs li, .breadcrumbs a { color:#666; } .breadcrumbs li { display:inline-block; vertical-align:top; *display:inline; *zoom:1; } .breadcrumbs li span { margin:12px 4px 0 8px; } .list-header { background-color:#A9A9A9; height:30px; line-height:30px; border-left:1px solid #FFF; } .list-header .product-col { float:left; } .list-header .product-col .inner { border-right:1px solid #FFF; padding:0 5px; text-align:center; text-transform:uppercase; color:#FFF; } .list-header .col-data .inner { text-align:left; } .list-header .col-picture, .products-list .col-picture { width:16%; } .list-header .col-data, .products-list .col-data { width:41%; } .list-header .col-dispo, .products-list .col-dispo { width:16%; } .list-header .col-price, .products-list .col-price { width:14%; } .list-header .col-atc, .products-list .col-atc { width:13%; } .products-list li.item { background-color:#FFF; margin:0 0 8px; padding:0; border:0 none; border-bottom:1px solid #AAA; } .products-list .product-col { height:130px; float:left; overflow:hidden; position:relative; } .products-list .product-col .inner { border-right:1px solid #EAEAEA; padding:8px; height:114px; text-align:center; } .products-list .product-dispo .inner { text-align:center; } .products-list .product-dispo .inner .product-dispo-update { margin:12% 0; } .products-list .product-image img { max-height:100%; } .products-list .product-shop .inner { padding-right:38px; text-align:left; } .products-list .product-shop .product-name { font-size:15px; margin:0; font-weight:bold; font-family:arial, sans-serif; } .products-list .product-shop .product-name a:hover { color:#777; } .products-list .product-shop .product-references { font-size:11px;line-height:100%;} .products-list .product-shop .product-references .ref, .products-list .product-shop .product-references .codag { margin-right:4px; } .products-list .product-shop .desc { font-size:11px; line-height:14px; margin:8px 0; } .products-list .product-shop .chevron { font-size:10px; } .products-list .product-shop .add-to-compare { font-size:11px; text-decoration:underline; } .products-list .conditionnement { display:block; clear:both; font-size:10px; margin-top:2px; } .products-list .button.double-line { margin:32px auto 0; width:80px; display:block; } .products-list button.btn-cart { float:none; margin-top:15px; width:60%; background:#E82939; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } .products-list button.btn-cart span { font-size:45px; font-weight:normal; background:#E82939; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; padding:0 3px; } .products-list .button span { overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .products-list .button.double-line { text-align:center; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; } .products-list.hover-effect .item:hover { margin:0 0 8px; padding:0; box-shadow:none; } .products-list .product-shop-inner { border:0 none; padding:0; } .products-list .price-box { margin:32px 0 0; font-size:16px; } .products-list .price-box .price { font-size:21px; } .products-list .mobile-price { display:none; } .products-list .not-available { color:#666; font-size:12px; clear:both; } .gc-user .products-list .product-price .inner { font-weight:bold; } .gc-user .products-list .price-box { margin:24px 0 0; font-size:13px; } .gc-user .products-list .mobile-price .price-box { margin:16px 0 0; font-size:13px; } .gc-user .products-list .price-box .price { font-size:16px; } .gc-user .products-list .discount, .gc-user .products-list .gross-price { display:block; font-weight:normal; font-size:11px; } .gc-user .products-list .gross-price .price { font-size:13px; color:#666 !important; font-weight:normal; } .gc-user .product-view .product-shop .price-box { margin:5px 0 0; } .gc-user .product-view .gross-price { display:block; font-weight:normal; } .gc-user .product-view .gross-price .price { font-size:13px; color:#666 !important; font-weight:normal; } /** TEMP HIDE GROSS PRICE **/ .gc-user .gross-price, .gc-user .products-list .gross-price, .gc-user #product_comparison .gross-price, .gc-user .product-view .gross-price { display:none; } .product-actions .qty-box .qty { float:none; width:20% !important; height:21px; border-color:#CCC; } .product-actions .qty-box .qty-modifier { display:inline-block; width:12px; height:21px; line-height:24px; padding:6px 8px; border:1px solid #CCC; background-color:#EEE; text-decoration:none; font-weight:bold; cursor:pointer; text-align:center; vertical-align:top; font-size:15px; } .product-actions .qty-box .qty-modifier.remove-one { border-radius:4px 0 0 4px; border-right:0; } .product-actions .qty-box .qty-modifier.add-one { border-radius:0 4px 4px 0; border-left:0; } /** PRODUCT GRID **/ .category-products-grid .item { border-top:0; } .category-products-grid .item .dispo-container { padding:2px 0; } .category-products-grid.hover-effect .item:hover { padding-left:1%; padding-right:1%; border:0; margin:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .products-grid .item .product-name { height:58px; } .products-grid .item .button-detail .content { background-color:#EEE; padding:9px 12px; } .products-grid .item .button-detail .content .label { font-weight:bold; text-transform:uppercase; } .products-grid .item .dispo-container { text-align:center; } /* PRODUCT SLIDER */ .product-view div.box-up-sell.grid-full { width:96%; margin:30px 2% 0; } .itemslider-wrapper-homepage-catalog .itemslider-x .slides .item { width:100px !important; } .itemslider-wrapper { margin-left:0; margin-right:0; padding-top:0; } .itemslider-wrapper .itemslider-x .slides .item { margin:0 5px; height:320px; width:184px !important; padding:4px; } .itemslider-wrapper .itemslider-x .slides .item .product-name { margin-top:10px; font-size:12px; font-weight:bold; height:32px; clear:both; overflow:hidden; } .itemslider-wrapper .itemslider-x .slides .item .product-description { font-size:11px; height:45px; line-height:16px; margin:4px 0 0; } .itemslider-wrapper .itemslider-x .slides .item .actions { text-align:center; } .itemslider-wrapper .direction-nav a { background:#DFDFDF; text-indent:0; text-align:center; font-size:17px; font-weight:bold; font-family:monospace; width:42px; height:42px; line-height:42px; border-radius:3px; } .itemslider-wrapper .direction-nav a:hover { background-color:#E7E7E7; color:#666; } .itemslider-wrapper .direction-nav a.disabled { background-color:#F7F7F7; } .itemslider-wrapper .direction-nav .prev { top:120px; margin:0; left:0; z-index:9; } .itemslider-wrapper .direction-nav .next { top:120px; margin:0; right:0; z-index:9; } .itemslider-wrapper .product-brand { font-weight:bold; display:block; height:18px; overflow:hidden; } .itemslider-wrapper .btn-cart span span { padding:0 10px; } .itemslider-wrapper .dispo-container { text-align:center; } .itemslider-wrapper .dispo-container > span { display:inline-block; margin:0; float:none; } .itemslider-wrapper .product-cdt, .itemslider-wrapper .product-dispo-update { padding:0; } .itemslider-wrapper .conditionnement { font-size:10px; } .itemslider-x { max-width:none !important; } .itemslider-x.count-1, .itemslider-x.count-2, .itemslider-x.count-3, .itemslider-x.count-4, .itemslider-x.count-5, .itemslider-x.count-6, .itemslider-x.count-7, .itemslider-x.count-8 { max-width:none !important; } .dnc-widget .panel .itemslider-x { margin:0 auto; } .dnc-widget .panel .itemslider-x .item { margin:0 2px; } /** CUSTOMER LOGIN **/ .account-login .registered-users, .account-login .new-users { margin-bottom:2%; } .account-login .registered-users .content, .account-login .new-users .content { padding:8% 14%; } .account-login .new-users .content { border-right:1px solid #CCC; } .account-login .registered-users .content .input-text { width:100%; } .account-login .new-users .buttons-set .button { float:left; } .account-login h2 { font-size:18px; } .account-login .buttons-set { padding:0 14%; } .account-login .buttons-set a { margin-top:0; } .account-login .buttons-set .button-block { margin-bottom:5px; } /*** CONTACT FORM ***/ .contacts-index-index .page-title { text-align:left; } .contacts-index-index .page-title h1 { font-size:26px; } .contacts-index-index .preface { margin:0 4%; font-size:14px; } .contacts-index-index .contact-frame { background-color:#FFF; margin:4%; padding:2%; border-bottom:1px solid #CCC; } .contacts-index-index .contact-frame .contact-type { font-size:23px; line-height:45px; color:#358ccb; margin:0 0 8px; } .contacts-index-index .contact-frame .contact-type .sprite { margin:0 12px 0 0; } .contacts-index-index .fieldset .form-list textarea { height:16em; width:75%; } /** DEPRECATED BROWSER **/ .browser-deprecated { background-color:#FDF2AB; width:100%; } .browser-deprecated span { font-weight:bold; } /*** CAP ADRESSES ***/ .ui-autocomplete-loading { background:url("https://www.dexis.fr/skin/frontend/dc/default/images/loader_16x16.gif") right center no-repeat !important; } /*** ACCOUNT CREATION ***/ .account-create .pro-identity { background-color:#EEE; margin:16px 0 0; padding:2%; } .account-create .pro-identity .box-tabs-level2 { margin:0 0 16px; } .account-create .pro-identity .box-tab-content { border:0 none; } .account-create .pro-identity .button-field { margin-top:16px; } .account-create .custom-tab { width:33.2%; margin:0 0.1% 0 0; padding:0; text-align:center; } .account-create .custom-tab .label { display:block; padding:16px 32px; max-width:240px; margin:0 auto; } .account-create #btob_raison_sociale { margin-top:2px; } .account-create input#btob_raison_sociale.disabled { background-color:#FFF; } .account-create #agence-selector { margin-top:24px; } .account-create #agence-selector.invisible { display:none; } .account-create #unselect_capaddress { margin:8px 0 0; } .account-create .list-agences { background-color:#FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC; } .account-create .cap-agency { padding:1%; border-bottom:1px dashed #CCC; cursor:pointer; } .account-create .cap-agency.selected { background-color:#DDD; font-weight:bold; color:#000; } .account-create .cap-agency:last-child { border:0; } .account-create .conditions, .account-create .personnal-identity { padding:2%; } .account-create .conditions .privacy-policy { text-decoration:underline; } .account-create .personnal-identity .newsletter-block { display:none; } .b2baccount-create .capaddress-container .button-field.loading, .b2baccount-create #agence-wrapper.loading { background:url(https://www.dexis.fr/skin/frontend/dc/default/images/loader_16x16.gif) no-repeat 85px 25px; } .b2baccount-create #agence-wrapper.loading .field { opacity:0.2; } .b2baccount-create #agence_advertiser { color:#EE001C; } .b2baccount-create #agency_list ul li input { margin-right:10px; } /** FORGOTTEN PASSWORD **/ .customer-account-forgotpassword #form-validate, .customer-account-resetpassword #form-validate { padding:2%; width:50%; margin:4% auto; } /*** SIDEBAR ***/ .block .block-title { color:#FFF; } .block .block-content { color:#333; } .block .block-title { background-color:#A9A9A9; text-align:center; text-transform:uppercase; padding:5px 0; } .sidebar .block-compare { margin:24px 0 0; } .sidebar .block-compare .block-title { background:#e8e8e8; padding:20px 0; text-align:center; text-shadow:none; font-weight:bold; } .sidebar .block-compare .block-title .title { font-size:15px; } .sidebar .block-compare .block-content { padding:0; } .sidebar .block-compare .block-content .item { background-color:#FFF; height:70px; padding:0; border-bottom:1px solid #C6C6C6; } .sidebar .block-compare .block-content .item .btn-remove { display:block; width:50px; height:70px; line-height:70px; border-left:1px solid #C6C6C6; text-align:center; background:none; font-size:12px; text-indent:0; } .sidebar .block-compare .block-content .item .product-name { padding:25px 12px; font-weight:bold; } .sidebar .block-compare .block-content .item.last { border-bottom:0 none; } .sidebar .block-compare .block-content .actions { background-color:#E8E8E8; margin:0; border:0 none; padding:12px; } #product_comparison thead th { background-color:#EEE; } #product_comparison .dnc-attributs p:nth-child(odd) { background-color:#FFF; } /*** AMPSHOPBY ***/ .block-layered-nav dl { padding:0; border-bottom:1px solid #FFF; } .block-layered-nav dt { background-color:#FFF; padding:6px 10px; font-size:12px; border-bottom:1px solid #888; color:#666; text-transform:uppercase; } .block-layered-nav dt.amshopby-collapsed { color:#FFF; border:0; } .block-layered-nav dd { padding:0; font-size:12px; background-color:#BBB; border:0; } .block-layered-nav dd li, .block-layered-nav .currently ol li { padding:3px 15px; line-height:1.9em; color:#FFF; border-bottom:1px solid #FFF; } .block-layered-nav .currently ol li { background:none; } .block-layered-nav .currently { color:#FFF; margin:0; background-color:#EEE; } .block-layered-nav .currently .block-subtitle { display:none; } .block-layered-nav .currently ol li { padding:0; margin:0; color:#333; border:0; } .block-layered-nav .currently ol li .label { color:#666; margin:0; } .block-layered-nav .currently .btn-remove { background:none; margin:0; } .block-layered-nav .currently .btn-remove:before { content:"X"; font-size:12px; line-height:22px; text-indent:0; } .block-layered-nav .actions { position:static; margin:0 8px; } .block-layered-nav .actions a { font-weight:bold; } div.block-layered-nav dd a { color:#FFF; } .accordion.vertnav.vertnav-top { display:none; position:absolute; top:50px; left:0; width:200%; z-index:99; } .accordion.vertnav.vertnav-top li a { text-transform:none; font-size:14px; } .accordion-style1 { border-bottom:1px solid #FFF; } .accordion a { color:#333; } /** SEARCH **/ .catalogsearch-result-index .breadcrumbs { display:none; } .dnc-events-product-list .page-title p, .catalogsearch-result-index .page-title p { line-height:100px; margin:0 0 0 2%; font-weight:bold; font-size:16px; } .custom-cat .block-title strong span { text-transform:uppercase; } .custom-cat .accordion-style1 li a { padding:8px 10px 8px 34px; position:relative; } .custom-cat .selection { display:block; position:absolute; top:8px; left:8px; border:1px solid #CCC; width:16px; height:16px; border-radius:4px; text-align:center; font-size:20px; } .custom-cat .selected .selection::before { content:"✔"; } .custom-cat .button { display:block; width:100%; margin:6px 0 0; } .custom-cat .button span { float:none; text-align:center; } .custom-cat ul { margin:0 0 8px; } /** TOOLBAR **/ .toolbar { border:0; } .toolbar .pager { border:0; } .sorter .sort-by { background:none; } .pager .pages strong, .pager .pages span { display:none; } .pager .pages li { font-weight:bold; width:auto; margin:0 2px; height:30px; line-height:30px; font-size:14px; } .pager .pages .current, .pager .pages li a { padding:0 6px; min-width:20px; } .pager .pages li a { background:none; } .pager .pages li a:hover { background-color:#FFF; } .pager .pages li.current { color:#FFF; } /*** ACCOUNT ***/ .block-account { margin:1% 0; } .block-account .block-content { padding:0; } .block-account ul { overflow:hidden; border-top:1px solid #CCC; border-left:1px solid #CCC; } .block-account li { float:left; width:11.11%; min-width:102px; text-align:center; position:relative; background-color:#FFF; } .block-account li.current, .block-account li a { height:130px; background:#F5F5F5; padding:0; font-size:13px; vertical-align:top; line-height:20px; border-right:1px solid #CCC; border-bottom:1px solid #CCC; overflow:hidden; } .block-account li a:hover { background-color:#FFF; color:#555; } .block-account li.current { background:none; color:#FFF; border-right:0; } .block-account li .account-icon { display:block; margin:20px auto 0; } .block-account li .account-menu-label { position:absolute; bottom:8px; display:block; width:94%; margin:0 3% 0; line-height:16px; } .block-account .sprite { background-image:url("https://www.dexis.fr/skin/frontend/dc/default/images/sprite.png"); background-repeat:no-repeat; display:inline-block; *display:inline; } .spr-account-account { width:48px; height:50px; background-position:-425px -56px; } .block-account li.current .spr-account-account { background-position:-425px -106px; } .spr-account-account_edit { width:52px; height:52px; background-position:-474px -56px; } .block-account li.current .spr-account-account_edit { background-position:-474px -108px; } .spr-account-contact_manage { width:48px; height:48px; background-position:-821px -56px; } .block-account li.current .spr-account-contact_manage { background-position:-821px -104px; } .spr-account-orders { width:48px; height:56px; background-position:-572px -56px; } .block-account li.current .spr-account-orders { background-position:-572px -112px; } .spr-account-quoterequest { width:50px; height:56px; background-position:-721px -56px; } .block-account li.current .spr-account-quoterequest { background-position:-721px -114px; } .spr-account-dnc_circuitvalidation_manage { width:48px; height:54px; background-position:-772px -55px; } .block-account li.current .spr-account-dnc_circuitvalidation_manage { background-position:-772px -109px; } .block-account li .spr-account-budget_index { width:48px; height:48px; background-position:-1022px -55px; margin-top:28px; } .block-account li.current .spr-account-budget_index { background-position:-1022px -104px; margin-top:28px; } .spr-account-purchaserequest_history { width:48px; height:45px; background-position:-919px -56px; } .block-account li.current .spr-account-purchaserequest_history { background-position:-919px -101px; } .spr-account-purchaserequest_validation { width:48px; height:48px; background-position:-870px -56px; } .block-account li.current .spr-account-purchaserequest_validation { background-position:-870px -104px; } .spr-account-wishlist { width:48px; height:48px; background-position:-673px -56px; } .block-account li.current .spr-account-wishlist { background-position:-673px -104px; } .spr-account-entreprise { width:11px; height:15px; background-position:-346px -17px; } .block-account li.current .spr-account-entreprise { background-position:-346px -32px; } .spr-account-checkout { width:52px; height:40px; background-position:-621px -56px; } .block-account li.current .spr-account-checkout { background-position:-621px -96px; } .spr-account-return { width:12px; height:13px; background-position:-423px -17px; } .block-account li.current .spr-account-return { background-position:-423px -30px; } .spr-account-address_book { width:44px; height:60px; background-position:-527px -56px; } .block-account li.current .spr-account-address_book { background-position:-527px -116px; } .spr-account-challenge { width:55px; height:48px; background-position:-967px -56px; } .block-account li.current .spr-account-challenge { background-position:-967px -104px; } .spr-account-orderHistory { width:48px; height:56px; background-position:-572px -56px; } .block-account li.current .spr-account-orderHistory { background-position:-572px -112px; } .spr-account-gcOrderHistory { width:48px; height:56px; background-position:-572px -56px; } .block-account li.current .spr-account-gcOrderHistory { background-position:-572px -112px; } .spr-icon-cross { width:16px; height:16px; background-position:-432px -18px; line-height:13px; } .block-account .sprite.spr-account-dnc_newsletter { background-image:url("https://www.dexis.fr/skin/frontend/dc/default/images/sprites.png"); } .spr-account-dnc_newsletter { width:52px; height:37px; background-position:-1022px -56px; } li.current .spr-account-dnc_newsletter { width:52px; height:37px; background-position:-1022px -105px; } .spr-account-company_library { width:52px; height:40px; background-position:-621px -56px; } .block-account li.current .spr-account-company_library { background-position:-621px -96px; } .dnc-newsletter-view-index .newsletter-label { margin-left:10px; } .dnc-newsletter-view-index .newsletter-infos .desc-nl { margin-top:4px; } .my-account .sub-title { color:#FFF; font-size:12px; padding:10px 20px; margin:0; } .my-account .sub-title a { color:#FFF; } .my-account .info-box { background-color:#EEE; padding:16px; } .my-account .info-box .box-title { font-size:13px; font-weight:bold; } .dashboard .welcome-msg { display:none; } .dashboard .info-box { margin:0; } .my-account .widget-addbysku .file-upload p { overflow:hidden; margin:8px 0; } .my-account .widget-addbysku .block .actions { border:0; padding:0; } .my-account .approv-title { display:none; } #budget #budget_amount_to_add_text.error p { color:#EE001C; } #filter_btob_service { width:auto; } .budget-graph-container { width:150px; background:#DDD; position:relative; height:12px; text-align:center; margin:0 auto; border-radius:7px; } .budget-graph-container .budget-graph-progress { height:12px; background-color:#3D9DCF; border-radius:7px; } .budget-graph-container span { display:block; position:absolute; right:-30px; color:#333; line-height:12px; } .dnc-budgetcore-manage-index .box-generic { margin:12px 0; padding:2%; } .dnc-budgetcore-manage-index .box-generic .buttons-set { margin:10px 0 0; } .dnc-budgetcore-manage-index form .input-note {margin: 0.3em 0 0 0.3em;font-size: 85%;color: #898989;} /** BUDGET GRID **/ .budget-box-grid { background-color:#FFF; padding:1%; width:30.3%; margin:0.5%; overflow:hidden; position:relative; font-family:"Open Sans", arial, sans-serif; float:left; } .budget-box-grid .budget-box-header { height:42px; margin:0 0 24px; background-color:#EEE; padding:10px 0; position:relative; } .budget-box-grid .export-checkbox { height:42px; line-height:42px; float:left; width:42px; text-align:center; } .budget-box-grid .budget-name { font-size:17px; line-height:27px; font-weight:bold; color:#333; display:block; } .budget-box-grid .budget-type { position:absolute; top:7px; right:7px; font-size:12px; line-height:11px; padding:3px 5px 5px; background-color:#555; color:#FFF; border-radius:5px; } .budget-box-grid .budget-code { display:block; font-size:11px; line-height:12px; } .budget-box-grid .budget-view { overflow:hidden; } .budget-box-grid .progress-graph { width:52%; min-width:150px; float:left; } .budget-box-grid .progress-circle { width:150px; height:150px; margin:0 auto; } .budget-box-grid .progressbar-text { font-weight:bold; } .budget-box-grid .state-card { width:48%; float:right; text-align:center; padding:12% 0 0; } .budget-box-grid .state-card .state { font-size:17px; color:#333; font-weight:bold; } .budget-box-grid .state-card .sep, .budget-box-grid .state-card .consumed { font-size:10px; color:#555; font-weight:normal; vertical-align:top; } .budget-box-grid .data-table { margin:24px 0 12px; border-collapse:separate; } .budget-box-grid .data-table td { padding:6px; border-bottom:1px dotted #CCC; } .budget-box-grid .data-table .label { background-color:#EEE; } .budget-box-grid .button { display:block; overflow:hidden; text-align:center; margin:0 0 8px; } .budget-box-grid .button.delete { background-color:#444; } .budget-box-grid .button span { float:none; } .budget-box-grid { display:none; } .budget-toggler .label-toggle1 { display:none; } /** BUDGET LIST **/ .budget-box-line { background-color:#FFF; width:100%; border-bottom:2px solid #EEE; overflow:hidden; display:table; } .budget-box-line .col-budget { padding:12px 16px; display:table-cell; height:60px; vertical-align:middle; } .budget-box-line .col-checkbox { width:50px; padding-right:0; text-align:center; } .budget-box-line .col-entity { width:26%; } .budget-box-line .col-type { width:15%; text-align:center; } /*.budget-box-line .col-data { width:32%; }*/ .budget-box-line .col-graph { width:20%; } .budget-box-line .col-graph .inner { width:60px; height:60px; margin:0 auto; } .budget-box-line .col-graph .inner svg { height:60px; } .budget-box-line .col-delete { width:40px; padding:12px 32px; text-align:center; } .budget-box-line .budget-name, .budget-box-line .budget-code { display:block; } .budget-box-line .budget-name { font-weight:bold; color:#004C92; font-size:14px; } .budget-box-line .budget-type { display:block; width:80%; margin:0 auto; font-size:12px; line-height:11px; padding:5px; background-color:#004C92; color:#FFF; } .budget-box-line .progressbar-text { font-weight:bold; } .budget-box-line .button.delete { background:#444; display:inline-block; } .budget-box-line .button.delete span span { padding:0 10px; font-weight:normal; font-size:16px; } .budget-edit .wrapper-white { background-color:#FFF; overflow:hidden; } .budget-edit .box-data-container { width:96%; max-width:none; padding:0 2%; overflow:hidden; } .budget-edit .box-data { text-align:center; width:25%; padding:0; float:left; } .budget-edit .box-data .box-data-content { border-left:1px solid #FFF; border-right:1px solid #FFF; height:16.6%; overflow:hidden; background-color:#F5F5F5; } .budget-edit .box-data h3 { margin:16px 0 0; font-size:14px; font-weight:bold; color:#333; } .budget-edit .box-data .data { font-family:"Open Sans", sans-serif; font-weight:bold; font-size:28px; display:block; line-height:138px; margin:10px 0 16px; letter-spacing:-3px; } .budget-edit .box-generic { margin:0 0 12px; } .budget-edit .box-edit { width:48%; max-width:270px; padding:2%; float:left; } .budget-edit .edit-box { padding:2%; } .budget-edit .new-box { padding:2% 2% 0; } .budget-edit .new-box h3 { margin:0; } .budget-edit .edit-box .form-list { float:left; max-width:270px; padding:0 20px 0 0; } .budget-edit .edit-box .budget-type { font-size:12px; line-height:11px; padding:4px 7px 5px; background-color:#346; color:#FFF; border-radius:5px; } .budget-edit .edit-box .button { display:block; width:100%; overflow:hidden; text-align:center; margin:8px 0; } .budget-edit .edit-box .button span { float:none; } .budget-edit .progress-circle { width:120px; height:120px; margin:21px auto 23px; } .budget-edit .progressbar-text { font-weight:bold; } .budget-edit #select-all-entity { float:left; margin-right:5px; } .budget-edit #table-entity tr { background:#FFF !important; } .budget-edit #table-entity tr:nth-child(2n) { background:#F8F8F8 !important; } .budget-edit #table-entity th, .budget-edit #table-entity td { vertical-align:middle; } .budget-edit #table-entity td { padding:8px; } .budget-edit #table-entity .col-checkbox { width:50px; text-align:center; } .budget-edit #next-step { } .budget-edit #table-entity #filter_btob_service, .budget-edit #apply-distribution, .budget-edit #distribution-type input { margin:0 0 0 5px; } .budget-edit .distribution-type{color:#3d9dcf; margin-bottom:0;} .budget-edit .distribution-type h3{margin-bottom:0;} .customer-account-index .budget tr { background-color:#FFF !important; } .customer-account-index .budget td { vertical-align:middle; } .cart-collaterals { margin:20px 0; width:100%; } .cart .selector-budget { float:left; margin:0 0 0 2%; width:20%; } .cart .selector-budget .form-list select { width:100%; } .cart .selector-budget > div { background:#eee; border:1px solid #c6c6c6; padding:3%; } .cart .selector-budget h2, .cart .cart-right-column h2 { font-size:21px; font-style:italic; text-align:center; margin:0 0 10px; } .cart .cart-alert-button { overflow:hidden; margin:0 0 16px; } .cart .cart-alert-success { margin:0 0 16px; } .cart .btn-budget { background:#F80; float:right; } #next-step { float:right; } #shopping-cart-table td { vertical-align:middle; } .cart-empty { font-size:14px; line-height:22px; background-color:#F5F5F5; padding:2%; } .cart-empty a { font-weight:bold; } .my-wishlist .product-image { min-width:90px; } .my-wishlist #wishlist-create-button { margin:8px 0; } .my-wishlist .wishlist-management .move-and-copy { background-color:#FFF; padding:0 8px; overflow:hidden; margin:16px 0 8px; } .my-wishlist .wishlist-management .move-and-copy strong { float:left; margin:16px 0 0; } .my-wishlist .wishlist-management .move-and-copy #wishlists-move, .my-wishlist .wishlist-management .move-and-copy #wishlists-copy { float:left; width:50%; text-align:center; } .my-wishlist .wishlist-management .sub-title h2 { margin:0; } .my-wishlist .wishlist-management .item-count { font-size:14px; } .my-wishlist .wishlist-management .link-edit { float:right; color:#FFF; font-size:14px; } .my-wishlist .wishlist-management .list-container { margin:8px 0; } .my-wishlist .wishlist-management .list-container ul { background-color:#FFF; } .my-wishlist .wishlist-management .list-container ul li { border-bottom:1px solid #CCC; } .my-wishlist .wishlist-management .list-container ul li .wishlist-management-row { display:block; padding:8px; } .my-wishlist .wishlist-management .list-container ul li .wishlist-management-row:hover, .my-wishlist .wishlist-management .list-container ul li .wishlist-management-row.active { color:#FFF; } .my-wishlist .buttons-set .button { margin:0 2px 2px 0; } .sales-order-view .order-data { margin:15px 0; } .sales-order-view .order-date { margin:0; } .sales-order-view #my-orders-table .subtotal td { font-weight:bold; color:#000; font-size:14px; } .sales-order-view #my-orders-table strong { font-weight:normal; font-size:12px; } .circuits-validation .seuil-box { display:none; } .circuits-validation #add-validator, .circuits-validation #add-candidate-validator { float:left; margin:16px 0; } .circuits-validation #circuitvalidation-candidate-table tr:hover { background-color:#E8E8E8; cursor:pointer; } .circuits-validation #circuitvalidation-candidate-table .active { background: #EEE url("https://www.dexis.fr/skin/frontend/dc/default/images/check.png") no-repeat 98% 14px; } .circuits-validation #circuitvalidation-candidate-table td, .circuits-validation #circuitvalidation-candidate-table th { width:30%; } .circuits-validation .search-box.filters-box label, .circuits-validation label { line-height:34px; margin-right:10px; margin-left:10px; } .circuits-validation .pages, .circuits-validation .pages-total { float:right; line-height:34px; position:relative; } .circuits-validation .pages ul li { display:block; float:left; margin:0px 10px; width:30px; height:34px; line-height:34px; } .circuits-validation .pages ul li .previous, .circuits-validation .pages ul li .next { cursor:pointer; } #circuitvalidation-definition-detail-table-filters { width:100%; } #circuitvalidation-definition-detail-table-filters tr { vertical-align:middle; } #circuitvalidation-definition-detail-table-filters tr th { padding-bottom:20px; } #circuitvalidation-definition-detail-table-filters tr th:last-child { text-align:right; } .gc-orderhistory-index-index #my-orderhistory-table, .gc-orderhistory-index-index .box-generic { margin:0 0 12px; } .gc-orderhistory-index-index .no-order { margin:0 0 12px; } .gc-orderhistory-index-index .filter-block.last { margin:12px 0 0; } .gc-orderhistory-index-index .field-block { margin:3px 0; } .gc-orderhistory-index-index .field-block label { display:block; width:125px; float:left; line-height:34px; } .gc-orderhistory-index-index .pages { float:right; line-height:30px; } .gc-orderhistory-index-details #my-orderhistorydetails-table, .gc-orderhistory-index-details .box-generic { margin:0 0 12px; } .gc-orderhistory-index-details #details-container { margin:0 0 12px; overflow:hidden; } .gc-orderhistory-index-details #details-container .button { display:block; } .dashboard .box-recent .box-head h2, .order-details h2 { background:none; } .order-items h2, .order-about h2 { padding-left:0; } .detail-address-toggler { cursor:pointer; } .order-tab { overflow:hidden; margin:32px 0 0; } .order-tab .tab { float:left; background-color:#F5F5F5; margin:0 1px 0 0; padding:18px 24px; font-size:1.3em; cursor:pointer; border-top:5px solid #E0E0E0; -moz-user-select:none; -webkit-user-select:none; user-select:none; } .order-tab .tab.active { background-color:#FFF; } #order-wrapper h2, #dynamic-order-container h2, #dynamic-order-container .page-title { display:none; } #order-wrapper, #dynamic-order-container { padding:2%; } #loader { padding:2%; background-color:rgba(0,0,0,0.3); text-align:center; font-size:18px; font-weight:bold; margin:1% 0 0; color:#FFF; } /*** ORDER HISTORY ***/ .contactlist .contactlist-filter .contact-search-block { width:47%; float:left; padding:12px; } .contactlist .contactlist-filter .contact-search-block .field-block.search{ padding-top: 60px; } .contactlist .contactlist-filter, .orderhistory .orderhistory-filter { overflow:hidden; background-color:#F7F7F7; border:2px solid #CCC; margin:0 0 16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .orderhistory .orderhistory-filter .filter-block.one .field-block.selector { display:none; } .orderhistory .orderhistory-filter .filter-block.one { width:29%; float:left; } .orderhistory .orderhistory-filter .filter-block.two { width:27%; float:left; } .orderhistory .orderhistory-filter .filter-block.three { width:25%; float:left; } .orderhistory .orderhistory-filter .filter-block.last { width:19%; float:left; text-align:center; } .orderhistory .orderhistory-filter .filter-block.export { text-align:center; } .orderhistory .orderhistory-filter .filter-block.export #with_details, .orderhistory .orderhistory-filter .filter-block.export label[for="with_details"] { margin:16px 0; } .orderhistory .orderhistory-filter .filter-block .filter-block-content { height:110px; padding:12px; border-right:2px solid #CCC; } .contactlist .contactlist-filter .contact-search-block .field-block, .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block { overflow:hidden; line-height:26px; margin:0 0 8px; } .contactlist .contactlist-filter .contact-search-block .field-block input, .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block input { height:26px; padding:0 5px; border:1px solid #CCC; float:right; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block.date label { float:left; display:block; width:60px; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block.date input { float:right; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block.date > span { float:right; padding:0 8px; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block.selector select { float:right; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .btn-search { display:inline-block; margin:32px 0 0; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .btn-search span span { height:50px; line-height:50px; padding:0 30px; } .orderhistory .orderhistory-filter .filter-block.last .filter-block-content { border:0; } .orderhistory .orderhistory-pagination { margin-top:8px; padding:8px; } .orderhistory .orderhistory-pagination select { margin:5px 0; } .orderhistory .orderhistory-pagination label { padding:5px 0; } .orderhistory .orderhistory-pagination .pages { float:right; font-weight:bold; font-size:13px; } .orderhistory .orderhistory-pagination .pages > ul, .orderhistory .orderhistory-pagination .pages > p {display:inline-block; vertical-align:middle;margin:0 5px;} .orderhistory-detail .box-head { width:44%; margin:0 1%; float:left; padding:2%; } .orderhistory-detail .detail-address { display:none; } .orderhistory-detail .nobr { display:block; } .orderhistory-detail .orderhistory-detail-total { margin:8px 0 0; } .orderhistory-detail .orderhistory-detail-total table { float:right; font-size:15px; } .orderhistory-detail .orderhistory-detail-total td { padding:8px; } @media only screen and (max-width: 1260px) { .orderhistory .orderhistory-filter { padding: 12px; } .orderhistory .orderhistory-filter .filter-block { width: 100%; } .orderhistory .orderhistory-filter .filter-block .filter-block-content { padding: 0; height: auto; border: 0; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block { padding: 8px; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block.date label, .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block label { float: left; width: 25%; text-align: left; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block.selector select, .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block input { float: left; margin: 0 0 0 8px; } .orderhistory .orderhistory-filter .filter-block .filter-block-content .field-block:nth-child(odd) { background-color: rgba(0, 0, 0, 0.1); } .orderhistory .orderhistory-filter .filter-block .filter-block-content .btn-search { margin: 0; } } /**** PAGE MARQUES ****/ @media screen and (min-width: 0px) and (max-width: 360px) { div.marques > .marque-list:nth-of-type(1n) { width: 100%; clear: left; float: left; } div.marques > .marque-list { width: 100%; float: left; margin-top: 15px;} } @media screen and (min-width: 360px) and (max-width: 540px) { div.marques > .marque-list:nth-of-type(2n + 3) { width: 50%; clear: left; float: left; } div.marques > .marque-list { width: 50%; float: left; margin-top: 15px;} } @media screen and (min-width: 540px) { div.marques > .marque-list:nth-of-type(3n + 4) { width: 33%; clear: left; float: left; } div.marques > .marque-list { width: 33%; float: left; margin-top: 15px;} } div.marques { line-height: 14px; position: relative; } span.marque-anchor { font-weight: bold; display: block; margin-left: 10px; margin-bottom: 10px; } .categorypath-marques-html .category-view { display: none; } .category-marques .marques ul { margin: 0 10px; clear: left; } .category-marques .marques li a { margin-bottom: 5px; display: block; } .category-marques .marques li .name { color: #333; } .category-marques .lettres ul { width: 70%; margin: 0 auto 16px; font-weight: bold; font-size:15px; overflow: hidden; } .category-marques .lettres ul li { width: 3.7%; text-align: center; } .category-marques .lettres ul li a { display: block; padding: 4px 0; } /*** SINGLE MARQUE ***/ .marque-top { background-color:#FFF; border-bottom:1px solid #c6c6c6; position:relative; overflow:hidden; } .marque-top h1 { position:absolute; top:10px; left:29%; width:70%; } .marque-top p { float:right; width:69%; font-size:11px; line-height:16px; margin:55px 2% 16px; min-height:79px;} .marque-image { position:absolute; top:0; left:0; width:25%; height:150px;line-height:150px; padding:0 1%; border-right:1px solid #c6c6c6; text-align:center; } .marque-image img{vertical-align:middle; max-height:130px;} /** CART **/ .cart-table .btn-continue > span, .cart-table .btn-update > span, .cart-table .btn-empty > span { background:none; } .cart-table tfoot button span { padding:0 15px; } .cart-table .col-img { position:relative; padding:10px 32px 10px 10px; } .cart-table .product-name { font-size:13px; font-weight:bold; } .cart-table .product-name .product-references { display:block; } .cart-table .col-img { width:12%; } .cart-table .col-name { width:40%; } .cart-table .col-dispo, .cart-table .col-delete { vertical-align:middle; } .cart-table .product-image { text-align:center; } .cart-table .input-text.qty { text-align:center; } .cart-table thead tr { border:0; } .cart-table > tfoot > tr > td > button.button.btn-continue { position:relative; } .cart .discount { width:40%; float:left; padding:0; margin:0 0 0 2%; } .cart .discount h2 { text-align:center; font-size:21px; font-style:italic; } .cart .discount .desc { width:60%; float:left; } .cart .discount .field { float:right; } .cart .discount input.input-text { width:50%; } .cart .discount .field #coupon_code { -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; } .cart .discount #discount-coupon-form { background-color:#EEE; padding:3%; border:1px solid #C6C6C6; } .cart .discount #discount-coupon-form .ok-btn .label { height:35px; line-height:36px; } #shopping-cart-totals-table tbody tr .subtotal { font-weight:bold; color:#000; font-size:14px; } .cart .totals { background-color:#EEE; border:1px solid #C6C6C6; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-weight:normal; font-size:12px; } button.btn-proceed-quote span span { width:auto; } /*** OPC ***/ .button.btn-checkout span span { width:auto; } .checkout-onepage-index .col-main { min-height:560px; } .opc .step-title { display:none; } .opc .step-title h2 { color:#FFF; } .opc .step-title .sprite { border:5px solid #F2F2F2; } .opc .active .step-title { text-align:center; background:#F7F7F7 url("https://www.dexis.fr/skin/frontend/dc/default/images/pixel-for-line.png") 0 35% repeat-x; display:block; height:82px; margin:16px 1% 30px; padding:0 0 40px; } .opc .step-title > div{ display:inline-block; text-align:center; width:10%; vertical-align:top; } .opc .allow .step-title:hover { background-color:#F2F2F2; } .opc .step { padding:10px 0; } .opc .step .data-table { width:98%; margin:0 1%; } .opc .buttons-set .back-link a { background:inherit; } .opc #co-shipping-form .form-list .input-box.validation-error {text-align:right} .opc #checkout-review-table tfoot tr .subtotal { font-weight:bold; color:#000; font-size:14px; } .opc #checkout-review-table tfoot strong { font-weight:normal; } .opc .section fieldset { width:48%; float:left; margin:0 1%; background-color:#FFF; } .opc #opc-shipping fieldset { min-height:284px; } .opc .section fieldset.full { width:98%;} .opc .section fieldset .col-handle { padding:3%; } .opc .section fieldset.full .col-handle { padding:1.4%; } .opc .section fieldset .col-handle .col-title { color:#FFF; font-weight:bold; font-size:14px; } .opc .section fieldset .form-list em { color:#F00; } .opc .section fieldset .form-list, .opc .section fieldset .sp-methods { padding:2%; } .opc .section fieldset .sp-methods dd ul li{ padding-left:20px; } .opc .section fieldset .sp-methods dd ul li > input, .opc .section fieldset .sp-methods dd ul li > label { display:inline-block; vertical-align:middle; float:none; } .opc .section fieldset .sp-methods dd ul li address { display:inline-block; background:#EEE; border:1px solid #DDD; padding:5px 15px; margin:0 25px; } .opc .section fieldset .sp-methods dd ul li .label-agency-address { font-style:italic; margin:5px 0 5px 15px; } .opc .section fieldset .form-list .globe-pix { margin:16px 4px 4px; float:right; } .opc .section fieldset .form-list .input-box { float:right; clear:none; } .opc #opc-billing.section fieldset .form-list .input-box { float:none; clear:left; } .opc .section fieldset .form-list .input-box label { float:none; } .opc .section fieldset .form-list input.input-text { width:180px; } .opc .section fieldset .form-list select { max-width:320px; } .opc .section fieldset .form-list .field { width:100%; } .opc .section fieldset .remaining-caracters { text-align:right; color:#666; font-size:12px; } .opc .section fieldset .remaining-caracters #left { font-weight:bold; } .adyen-payment-method-icon { background-position:0 -363px; } #checkout-payment-method-load fieldset { float:none; width:100%; margin:0; padding:0; } .sp-methods #payment_form_adyen_hpp li { margin:2% 0 0; padding:0; } .opc .buttons-set { margin:0 1%; } .opc #opc-review #checkout-review-table .shipping_container { width:100%; } .opc #opc-review #checkout-review-table tbody .first img { float:left; margin:0 8px 0 0; } .opc #opc-review #checkout-review-table td.product-name-wrapper {position:relative; padding-right:40px;} .opc #opc-review #checkout-review-table .corner{right:1px;} .opc #opc-review .buttons-set p.back-link { margin-right:1%; } .opc .active .step-title { background-color:#F2F2F2; cursor:default; } .opc .active .step-title .number { color:#FFF; background-color:#333; } .opc .active .step-title a { display:none; } .opc .checkout-agreements .agreement-content { display:none; } .opc #opc-review .back-link { display:none; } .opc #opc-review .data-table tr.even td{ border:0; } .spr-opc-billing { width:54px; height:55px; background-position:-432px -150px; margin:8px 0 0; } .spr-opc-shipping { width:54px; height:55px; background-position:-487px -150px; margin:8px 0 0; } .spr-opc-shipping_method { width:54px; height:55px; background-position:-542px -150px; margin:8px 0 0; } .spr-opc-payment { width:54px; height:55px; background-position:-597px -150px; margin:8px 0 0; } .spr-opc-review { width:54px; height:55px; background-position:-169px -108px; margin:8px 0 0; } .spr-opc-billing.active { background-position:-432px -95px; } .spr-opc-shipping.active { background-position:-487px -95px; } .spr-opc-shipping_method.active { background-position:-542px -95px; } .spr-opc-payment.active { background-position:-597px -95px; } .spr-opc-review.active { background-position:-169px -52px; } .spr-opc-arrow { width:25px; height:35px; background-position:-249px -52px; background-color:#F2F2F2; margin:19px 0; border:0 none; } /* Dnc_Widget */ .dnc-widget{} .dnc-widget.home{float:left;width:100%;} .dnc-widget.home .widget-title{margin-bottom:15px;} .dnc-widget.home .itemslider{margin:0 auto;} /**** MOBILE ****/ .mob-user-menu { display:none; } @media only screen and (max-width:1280px) { .product-actions .qty-box .qty-modifier { display:none; } } @media only screen and (max-width:1200px) { .hide-below-1200 { display:none; } .itemslider-x { max-width:866px !important;} } @media only screen and (min-width: 960px) and (max-width: 1279px) { .itemslider-x { max-width:866px !important;} } @media only screen and (max-width:1080px) { .budget-box { width:47%; } } @media only screen and (max-width:1023px) { .header.container, .footer.container, .main.container { width:100%; } .header .header-top { background-color:#EEEEEE; height:auto; } #nav { display:none; } #mobnav { display:block; width:50%; float:left; } .user-menu > *, .user-menu .links, .dropdown { float:right !important; } .header .header-main { height:auto; } .header .header-main .header-top-search-wrapper { height:auto; max-width:none; } .header .header-main .header-top-search-wrapper #search_mini_form { margin:20px auto; overflow:hidden; max-width:310px; } .header .alt-nav { background-color:#EEE; clear:both; height:50px; } .header .user-menu, .header #mini-info, .header .feedback-link { display:none; } .header .user-panel { top:50px; right:0; } .header #mini-info-mobile { display:block; } .header .mob-user-menu { display:block; float:right; width:50%; } .header .mob-user-menu .dropdown { width:33.33%; line-height:50px; float:left; } .header .mob-user-menu .dropdown .user-menu-content, .header .mob-user-menu .dropdown a { color:#333; display:block; } .header .mob-user-menu .dropdown .user-menu-label { display:none; } .header .mob-user-menu .dropdown .user-menu-content .user-menu-icon, .header .mob-user-menu .dropdown a .user-menu-icon { font-size:42px; line-height:49px; vertical-align:middle; } .header .mob-user-menu #mini-cart .qty-wrapper { display:none; } #mobnav-trigger { cursor:pointer; height:50px; color:#333; } #mobnav-trigger .icon .line { background-color:#333; } .accordion.vertnav.vertnav-top.active { display:block; } .block-layered-nav dt { padding:15px; } div.block-layered-nav dd a { padding:5px; } .breadcrumbs { display:none; } .cms-index-index .preface .homepage-preface-aside p.aside-block-content { display:none; } .cms-index-index .preface .homepage-preface-aside .aside-block { height:80px; } .cms-index-index .preface .homepage-preface-aside .aside-block .aside-block-title { font-size:14px; } .cms-index-index .preface .homepage-preface-aside .aside-block .picto { line-height:85px; } .cms-index-index .preface .homepage-preface-bottom { display:none; } .cms-index-index .homepage-content-aside, .cms-index-index .std { width:100%; } .cms-index-index .nos-catalogues-slider, .cms-index-index .catalog-list-title, .cms-index-index .catalog-list { display:none; } .cms-index-index .homepage-content-aside a { margin-right:10px; float:left; } .catalog-category-view .col-left { width:98%; margin:0 1%; } .col2-left-layout .col-main { width:98%; } .block-account li { width:12.5%; } .product-view .product-img-box { width:98%; text-align:center; } .product-view .product-img-box .product-image { border:0; padding:0; } .product-view .product-shop, .product-view .product-secondary-column { width:48%; } .product-view .product-secondary-column .inner { border:0; min-height:0; padding-left:0; } .product-view .add-to-box { padding:0; } .itemslider-x { max-width:642px !important; } } @media only screen and (max-width: 960px) { .dnc-widget .panel{ padding:0 20px; } .block-account li { width:16.66%; } .budget-box-line .col-type { display:none; } .budget-box-line .col-entity { width:35%; } } @media only screen and (max-width:810px) { .cms-index-index .preface .the-slideshow-wrapper { width:100%; clear:both; } .cms-index-index .preface .homepage-preface-aside { width:100%; margin:2% 0 0; } .cms-index-index .preface .homepage-preface-aside .aside-block { float:left; width:32%; margin-right:2%; height:100px; } .cms-index-index .preface .homepage-preface-aside .aside-block-3 { margin-right: 0; } .cms-index-index .preface .homepage-preface-aside .aside-block .picto { width:100%; margin:0; height:50px; line-height:55px; font-size:50px; } .cms-index-index .preface .homepage-preface-aside .aside-block .aside-block-title { text-align:center; line-height:50px; } .product-view .product-shop, .product-view .product-secondary-column { width:98%; } .product-view .add-to-cart { text-align:center; } .product-view .add-to-box .btn-cart { float:none; } .products-list .product-shop .product-name { font-size:12px; } .products-list button.btn-cart span { padding:0; font-size:40px; } } @media only screen and (max-width:768px) { .header-top { display:none; } .page-title h1, .product-entity .product-name { font-size:14px; } .header .logo-wrapper, .header .logo-wrapper .logo { float:none; margin:12px auto 0; } .header .user-menu { width:50%; } .category-products-grid.itemgrid .product-name { font-size:14px; } .header .header-main .header-top-search-wrapper { width:100%; } .products-list .product-col { height:150px; } .products-list .product-col .inner { height:135px; } .products-list .col-picture { display:none; } .products-list .col-price { display:none; } .products-list .col-dispo { width:29%; } .products-list .col-atc { width:26%; } .products-list .mobile-price { display:block; } .products-list .product-dispo .inner .product-dispo-update { margin:5% 0; } .products-list .price-box { margin:16px 0 0; } .products-list .product-shop .inner { padding-left:0; } .cart-table .product-dispo-update { margin:0; } .cart-table .cart-price { font-weight:bold; } .cart .data-table tr { margin:0; } .cart-table .product-image { width:100%; } .cart-table.data-table tr.even td, .cart-table.data-table tr.even th { background:#EEE !important; } .cart .discount { width:96%; } .cart-table .col-img { padding:10px; } .opc .section fieldset { width:98%; } .opc .section fieldset .col-handle { padding:2%; } .product-view .product-dispo-update { float:none; } .product-view .tarif-box { text-align:center; } #checkout-review-table tr { overflow:hidden; margin:0 0 5px; } #checkout-review-table tr td { width:auto; } #checkout-review-table .td-img { overflow:hidden; float:left; width:10%; } #checkout-review-table .td-tot, #checkout-review-table .td-qty { float:left; width:auto; } #checkout-review-table .product-name { font-size:14px; } #checkout-review-table .price { font-weight:bold; } .b2baccount-create .col2-set .col-1, .b2baccount-create .col2-set .col-2 { width:100%; border:0; padding:0; } .b2baccount-create .col2-set + .col2-set { border:0; } .block-account li { width:20%; } .my-account .sku-table tfoot tr { border:0; } .my-account .sku-table tr { overflow:hidden; margin:0; } .my-account .sku-table td { width:50%; padding:10px 0; float:left; } .my-account .sku-table td .input-text { float:left; width:85%; } .widget-addbysku .sku-table tfoot tr td { width:100%; } .widget-addbysku .sku-table tfoot tr td .add-row { display:block; width:100%; margin:0 0 5px; overflow:hidden; height:40px; line-height:40px; background:#666; color:#FFF; text-align:center; } .widget-addbysku .file-upload-header { font-weight:bold; } .widget-addbysku .file-upload #customer_sku_csv { margin:15px 0; } .widget-addbysku .button { display:block; width:100%; margin:0 0 5px; overflow:hidden; } .widget-addbysku .button span { width:100%; } .widget-addbysku .button span span { padding:0; text-align:center; } #my-b2busers-table tr { overflow:hidden; } #my-b2busers-table .col-btn { overflow:hidden; float:left; width:20%; } .circuits-validation #circuitvalidation-candidate-table tr { margin:0; } .circuits-validation #circuitvalidation-candidate-table .active { background:#DDD !important; } .my-account .approv-title { display:block; clear:both; padding:10px; font-weight:bold; font-size:14px; background:#DDD; border-bottom:5px solid #FFF; } .itemslider-x { max-width:428px !important; } .customer-account-forgotpassword #email_address { width:96%; padding:2%; } .customer-account-forgotpassword #form-validate .buttons-set .back-link { float:none; } .customer-account-forgotpassword #form-validate .button { float:none; width:100%; margin:8px 0; } .customer-account-forgotpassword #form-validate .button span { width:100%; } .customer-account-forgotpassword #form-validate .button span span { padding:0; text-align:center; } .customer-account-edit .form-list li { margin:0 8px 8px; } #budget-table .data-to-hide { display:none; } .budget-edit .box-data { width:50%; border-top:1px solid #FFF; border-bottom:1px solid #FFF; } #table-budget-data tr { border-bottom:0 !important; margin-bottom:0 !important; display:table-row; } #table-budget-data td { display:table-cell; width:auto; border-bottom:1px dotted #CCC !important; } #table-budget-data td.label { background:#EEE !important; } #table-entity tr { display:table-row; } #table-entity td { display:table-cell; width:auto; height:43px; vertical-align:middle; } #table-entity .col-checkbox { text-align:center !important; } .budget-box-line .col-graph { display:none; } } @media only screen and (min-width:767px) { .corner { right:1px; } .opc #opc-review #checkout-review-table td.product-name-wrapper { padding-right:inherit; } .opc #opc-review #checkout-review-table .corner { right:1px; } } @media only screen and (max-width:640px) { .budget-box { width:97%; } .budget-edit .edit-box { width:94%; padding:4%; } .budget-edit .box-data-container { width:94%; padding:0 4%; } .budget-edit .box-generic { margin:0 0 1%; } .account-create .custom-tab { width:100%; margin:0; } .budget-box-line .col-delete { padding:12px; } } @media only screen and (max-width:540px) { .cms-index-index .preface .homepage-preface-aside .aside-block .picto { display:none; } .cms-index-index .preface .homepage-preface-aside .aside-block .aside-block-title { line-height:20px; padding:20px 5px 0; word-wrap:break-word; } .cms-index-index .category-products-grid .item { width:46%; } .opc .step-title .step-arrow { display:none; } .opc .step-title > div { width:20%; } .block-account li { width:25%; } .my-wishlist .buttons-set button.button { width:96%; margin:2px 2%; } .budget-box-line .col-budget, .budget-box-line .col-delete { padding:12px 0 12px 12px; } } @media only screen and (max-width:480px) { .footer-primary .mobile-grid { margin-bottom:16px; } .itemslider-x { max-width:214px !important; } .block-account li { width:33.33%; } .budget-edit .box-data .data { font-size:21px; letter-spacing:-2px; line-height:118px; } .budget-box-line .col-entity { width:65%; } .budget-box-line .col-data { display:none; } } @media only screen and (max-width:360px) { .budget-edit .box-data-container { width:100%; padding:0; } .budget-edit .box-data .data { margin:0; } .budget-edit .progress-circle { margin:8px auto 10px; } } @media only screen and (min-width:1024px) and (max-width:1199px) { .header #nav > li > a { font-size:11px !important; } } /** 404 **/ .cms-index-noroute .col-main .std { padding:0; background:none; } /* Comparateur */ button.button-close-window { float: right; background-color: red; border-bottom-style: solid; border-radius: 5px; border-style: none; padding-left: 2px; padding-right: 2px; } /*** CHECKBOX ***/ input[type="checkbox"].custom-hidden { display:none; } .checkbox-custom-container { float:left; margin:0 16px 0 0; } .checkbox-custom-container .label { margin:0 0 0 12px; cursor:pointer; font-size:13px; line-height:16px; } .checkbox-custom-container:hover .checkbox-custom { border:1px solid #B4141E; } .checkbox-custom { float:left; width:16px; height:16px; text-align:center; background-color:#FFF; border:1px solid #AAA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; } .checkbox-custom .check { display:none; color:#B4141E; font-size:18px; line-height:14px; } .checkbox-custom.checked { border:1px solid #B4141E; } .checkbox-custom.checked .check { display:block; } /*** NEWSLETTER OPTIN ***/ .account-create .conditions.dnc-newsletter-subscribe-customer { padding:1% 2% 0px; } /*** COOKIES BANNER ***/ .notice-cookie { position:fixed; display:block; bottom:0px; width:100%; z-index:200000; background-color:#333333; color:#ffffff; padding:0px 0px 20px 0px; } .global-site-notice, .global-site-notice .notice-inner p { border:none !important; } .notice-cookie p { color:#ffffff !important; } .notice-cookie a, .notice-cookie a:visited { color:#358ccb; } .notice-cookie a { text-decoration:underline; } .notice-cookie .notice-inner { max-width:860px; margin:0px auto; background:none !important; width:100%; padding:10px; } .notice-cookie .notice-inner .button { float:right; } .global-site-notice .notice-inner .actions { width:18%; float:left; display:block; } .notice-inner p.dnc-message { float:left; width:72%; display:block; } #dnc-gdpr-personalize { margin-right:10px; margin-bottom:20px; } #dnc-gdpr-cookies-list-container { margin-bottom:20px; display:block; float:left; width:100%; } .cookies-list { margin-bottom:10px; } .step-title .sprite { background-image:url("https://www.dexis.fr/skin/frontend/dc/dexis/images/sprite-dexis.png"); display:inline-block; *display:inline; } .wsc01, .products-list .product-shop .product-name a, .opc .active + .step-desc, .sidebar .block-compare .block-title .title { color:#f42933; } .wsc02, .products-grid .item .product-name a, .cms-index-index .preface .homepage-preface-bottom .item .content-title, .page-title h1, .product-entity, .cart .cart-right-column h2, .cart .selector-budget h2, .cart .discount h2 { color:#f42933; } div.block-layered-nav dd a:hover { color:#FFF; } .wsbg01, .pager .pages li.current, .block-account li.current, .header #nav > li > a, .header #nav > li.parent > a, .my-wishlist .wishlist-management .list-container ul li .wishlist-management-row:hover, .my-wishlist .wishlist-management .list-container ul li .wishlist-management-row.active, .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus, .sidebar .block-compare .block-content .item .btn-remove:hover, .opc .section fieldset .col-handle { background-color:#f42933; } .block-layered-nav dd li, .wsbg02, button.button, .button, .cms-index-index .std .widget-title .content, .footer-bottom-container, .my-account .sub-title, .data-table thead th, .buttons-set .back-link a, .product-view .itemslider-wrapper .btn-cart span span, #nav { background:#f42933; } .order-tab .tab.active { border-color:#F42933; } .header .logo-wrapper { width:42%; } .block-layered-nav dt.amshopby-collapsed { background:#8A0A0B; } .header .user-menu .dropdown:hover .user-menu-label { color:#000; } .header .user-panel .user-card { background-color:#f42933; } .sidebar .block-compare .block-title { border-bottom:5px solid #f42933; } .design-title-alternative-color { border-bottom:1px solid #D00; } .design-title-alternative-color .content { background-color:#D00; } /* .header-container { background:url("https://www.dexis.fr/skin/frontend/dc/dexis/images/bg-large.jpg") center 30px no-repeat; } */ .gen-tabs-style2 .tabs a.current { background-color:#f42933; border-color:#f42933; margin:0; } .gen-tabs-style2 .tabs-panels { border-top:1px solid #f42933; } .gen-tabs-style2 .tabs-panels .acctab{ background-color:#f42933;color:#FFF;} .category-marques .lettres ul li a { color:#f42933; } .category-marques .lettres ul li a:hover { color:#fff; background-color:#f42933; } .cms-index-index .std .widget-title { border-bottom:1px solid #f42933; } .products-grid .item .button-detail .content { border:1px solid #f42933; } .header .header-top #select-website li a { background: #c50e0f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1MGUwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YTE0MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c50e0f 0%, #8a1402 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c50e0f), color-stop(100%,#8a1402)); background: -webkit-linear-gradient(top, #c50e0f 0%,#8a1402 100%); background: -o-linear-gradient(top, #c50e0f 0%,#8a1402 100%); background: -ms-linear-gradient(top, #c50e0f 0%,#8a1402 100%); background: linear-gradient(to bottom, #c50e0f 0%,#8a1402 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50e0f', endColorstr='#8a1402',GradientType=0 ); } .budget .wrapper-conso-graph .conso-graph { background:#F42933; } .account-create #tab-comptant { display:none; } button.button-close-window { float: right; background-color: red; border-bottom-style: solid; border-radius: 5px; border-style: none; padding-left: 2px; padding-right: 2px; } #logocontainer { background-image: url('https://www.dexis.fr/skin/frontend/dc/dexis/images/dexis_header.png'); background-size: 400px; background-repeat: no-repeat; display: block; height: 100px; text-indent: -9999px; } @media only screen and (max-width:768px){ #logocontainer { background-image: url('https://www.dexis.fr/skin/frontend/dc/dexis/images/dexis_mobile.png'); background-size: 207px; margin-top: 30px; margin-left: 19%; } #search_mini_form .input-text { width: calc(100% - 10px); } } li.current .sprite.spr-account-dnc_newsletter { background-position:-1022px -105px; } .notice-cookie a, .notice-cookie a:visited { color:#D00; } body { background-color:#fff; } .header-container-back { position:absolute; display:block; width:100%; top:0px; left:0px; } .header-container-back, .header .header-top { height:30px; overflow:hidden; background-color:#EEEEEE; } .header .logo-wrapper .logo { display:block; float:left; max-width:none; /* height:100px; */ } .header .logo-wrapper .logo img { max-height:100%; height:auto; } @media only screen and (max-width:768px){ .header .logo-wrapper { margin: 20px auto 0; } .header .logo-wrapper { width:55%; } } @media only screen and (max-width:480px){ .header .logo-wrapper { width:80%; } #logocontainer { margin-left: 16%; } } .header .user-menu .user-menu-icon { display:block; font-size:64px; line-height:82px; width:64px; height:64px; margin:0 auto; text-align:center; color:#000; } .header .user-menu .user-menu-label { display:block; text-transform:uppercase; font-weight:bold; margin:4px 0 0; text-align:center; color:#000; }