/* * Fonts */ @font-face { font-family: "BebasNeue"; src: url("https://www.sixthjune.com/skin/frontend/sixthjune/default/css/fonts/BebasNeue-Regular.woff2") format("woff2"), url("https://www.sixthjune.com/skin/frontend/sixthjune/default/css/fonts/BebasNeue-Regular.woff") format("woff"), url("https://www.sixthjune.com/skin/frontend/sixthjune/default/css/fonts/BebasNeue-Regular.otf") format("truetype"), url("https://www.sixthjune.com/skin/frontend/sixthjune/default/css/fonts/BebasNeue-Regular.eot") format("eot"); font-weight: normal; font-style: normal; } /** * Magento * * @category design * @package default_default * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#FFFFFF; font:14px 'Roboto',Helvetica,Arial,Sans-serif; color:#202020; text-align:center;} img { border:0; vertical-align:top;} a { color:#B38B6D; text-decoration:none;} a:hover { text-decoration:none; color:#c4a68f;} :focus { outline:0; } /* Headings */ h1,h2,h3,h4,h5,h6 { margin:0 0 5px; line-height:1; color:#7F7F7F; } h1 { font-size:32px; font-weight:300; font-family: 'Roboto', Helvetica, sans-serif;} h2 { font-size:24px; font-weight:300; font-family: 'Roboto', Helvetica, sans-serif;} h3 { font-size:20px; font-weight:300; font-family: 'Roboto', Helvetica, sans-serif;} h4 { font-size:12px; font-weight:normal;} h5 { font-size:10px; font-weight:normal;} h6 { font-size:8px; font-weight:normal;} /* 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 */ p { margin:0 0 10px; } strong { font-weight:bold;} address { font-style:normal; line-height:1.35; } 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%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= *//* Layout ================================================================================ */ .wrapper { min-width:940px; min-height: 100%;height: auto !important;height: 100%;margin: 0px auto -50px;} .page {padding-top:0;} .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main-container {} .main { width:940px; margin:0 auto; min-height:400px; padding:00px 0 10px 0; background-color:#FFFFFF; text-align:left; } /* Base Columns */ .col-left { float:left; width:300px; padding:0 0 1px; } .col-main { float:left; width:580px; padding:0 0 1px; } .col-right { float:right; width:300px; padding:0 0 1px; } /* 1 Column Layout */.col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */.col2-left-layout .col-main { float:right; width: 620px} .col2-right-layout .col-main {} /* 3 Columns Layout */.col3-layout .col-main { width:280; margin-left:20px; } .col3-layout .col-wrapper { float:left; width:580px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */.col2-set .col-1 { float:left; width:460px; } .col2-set .col-2 { float:right; width:460px; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:300px; } .col3-set .col-2 { float:left; width:300px; margin-left:20px; } .col3-set .col-3 { float:right; width:300px; } .col4-set .col-1 { float:left; width:220px; } .col4-set .col-2 { float:left; width:220px; margin-left:20px } .col4-set .col-3 { float:left; width:220px; margin-left:20px } .col4-set .col-4 { float:right; width:220px; } /* layout + image */ .col2-set img {max-width:100%} .col3-set img {max-width:100%} .col4-set img {max-width:100%} /* ======================================================================================= *//* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:16px 'Roboto', Helvetica,Arial,Sans-serif; font-weight:normal;vertical-align:middle; color:#0F0F0F;margin-right:10px; } input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:10px; } input.checkbox { margin-right:10px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; /*padding:5px;*/ margin:0; background:transparent; cursor:pointer; } button.button span { display:block; height:40px; border:0px; background:#336699; padding:0 8px; font:18px/22px; font-weight:300; text-align:center; white-space:nowrap; color:#fff;line-height:40px; } button.button span span { border:0; padding:0; } button.disabled span { border-color:#bbb !important; background:#bbb !important; } button.button:hover span {background-color:#0088CC;} button.btn-checkout span { height:40px;line-height:40px; border:0; background: none #202020; padding:0 0 0 9px; font:bold 15px/40px; color:#fff; } button.btn-checkout span span { background-position:100% 0; padding:0 25px 0 16px; } button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; } button.btn-checkout.no-checkout span span { background-position:100% 100%; } p.control input.checkbox,p.control input.radio { margin-right:6px; } /* nouveau style des select / Sixthjune */ select {border: 1px solid #cdcdcd;padding-top:5px;padding-bottom:5px;background-color:#FFFFFF;border-radius:0;height: 30px;} /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; } /*.highlight { background:#efefef; } *//* Form lists *//* Grouped fields *//*.form-list { width:535px; margin:0 auto; overflow:hidden; } */.form-list li { margin:0 0 10px; } .form-list label { float:left; position:relative; z-index:0; font-size:14px; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#202020; 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:10px; } .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; width:420px; } .form-list .field { float:left; width:300px; } .form-list input.input-text { width:230px;color:#0F0F0F;padding:10px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:322px; } .form-list li.wide .input-box {} .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:740px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .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:322px; } .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-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; color:#888; } .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; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text,.form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; } *//* Customer *//*.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:11px; font-weight:normal; color:#777; text-align:left; } .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; } */ .buttons-set { clear:both; margin:0; padding:8px 0 0; border-top:0px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset {background:none; padding:0px 0px 0px 0px; margin:28px 0; border-bottom:0px solid #7F7F7F; } .fieldset .legend { float:left;text-transform:uppercase; font-weight:bold; font-size:14px; border:0px solid #7F7F7F; background:none; margin:-33px 0 0 -0px; padding:0 0px; position:relative; } /* Form Validation */.validation-advice { clear:both; min-height:13px; margin:5px 0 10px 0; padding-left:0px; font-size:14px; line-height:14px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#990000; } .validation-failed { border:1px dotted #990000 !important; background:#F0F0F0 !important; } .validation-passed {} p.required { font-size:14px; text-align:left; color:#990000; } /* 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:#202020;font-style:italic;font-size:16px;} .error { color:#202020;font-style:italic;font-size:16px;} .notice { color:#202020;font-style:italic;font-size:16px; } .messages,.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:10px 0 10px 0 !important; } .messages li li { margin:0 0 3px !important; } .error-msg,.success-msg,.note-msg,.notice-msg { border-style:solid !important; border-width:0px !important; background-position:10px center !important; background-repeat:no-repeat !important; min-height:24px !important; padding:10px 10px 10px 60px !important; font-size:16px !important; font-weight:normal !important; text-transform:none !important; } .error-msg { border-color:none; background-color:#F0F0F0; background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_msg-error.png); color:#202020; } .success-msg { border-color:none; background-color:#F0F0F0; background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_msg-success.png); color:#202020;} .note-msg,.notice-msg { border-color:none; background-color:#F0F0F0; background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_msg-note.png); color:#202020; } /* BreadCrumbs */ .breadcrumbs { font-size:10px; line-height:16px; margin-top:20px; } .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight:lighter;text-transform:none;color:#999999; } .breadcrumbs li a{ font-weight: lighter;color:#999999;} .breadcrumbs li span {color:#999999;} /* Page Heading */ .page-title { width:100%; overflow:hidden; text-align:center; margin:20px 0 20px;} .page-title h1,.page-title h2 { margin:0; font-size:28px;text-transform:uppercase;text-align:left;line-height:40px;margin: 0 0 0px;} .page-title h1 {text-align:center} .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6 { float:left; } .subtitle,.sub-title { clear:both; padding:15px 0 0; font-size:18px; font-weight:bold; margin:0 0 6px; color:#0F0F0F; } /* Pager */ .pager { font-size:14px; padding:5px 8px; text-align:center; background-color:#F0F0F0; color: #202020; margin-bottom:20px; } .pager .amount { float:left; margin:0; } .pager .limiter { float:right; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0 140px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */.sorter { font-size:11px; background:#fff url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_toolbar.gif) 0 100% repeat-x; padding:3px 8px; border-top:1px solid #e2e2e2; } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {position:relative;} .toolbar .pager { padding:10px 10px; position:relative; } .toolbar .sorter { border-bottom:1px solid #fff; } .toolbar-bottom {} .pagerhtml strong {display:none} .pagerhtml ol li {padding:10px 10px;color:#202020;font-size:18px;font-weight:bold;} .pagerhtml ol li.current {padding:10px 10px;color:#336699;} .pagerhtml ol li a {color:#202020;} .pagerhtml ol li.current a {color:#336699;} .toolbar .sort-by { position:absolute; padding-right:0px; right:0;top:-64px} .toolbar .sort-by label { vertical-align:middle; } .toolbar .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; width:155px; } /* Data Table */.data-table { width:100%; border:none; } .data-table .odd { background:none; } .data-table .even { background:none; } /*.data-table tr.odd:hover,.data-table tr.even:hover { background:#ebf1f6; } */.data-table td.last,.data-table th.last { border-right:0; } .data-table tr.last th,.data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:5px 10px; } .data-table td { padding:5px 10px; } .data-table thead th { font-weight:normal; border-right:0px solid #7F7F7F; padding:5px 10px; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a,.data-table thead th a:hover { color:#fff; } .data-table thead th { background:#202020;color:#FFFFFF;} .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-bottom:1px solid #7F7F7F; } .data-table tfoot tr.first td {border-top: 1px solid #7F7F7F;} .data-table tfoot tr { background-color:none !important; } .data-table tfoot td { padding-top:5px; padding-bottom:5px; border-bottom:0; border-right:0px solid #7F7F7F; } .data-table tfoot strong { font-size:16px; } .data-table tbody th,.data-table tbody td { border-bottom:1px solid #7F7F7F; border-right:0px solid #7F7F7F; } /* Bundle products tables */.data-table tbody.odd tr { background:none !important; } .data-table tbody.even tr { background:none !important; } .data-table tbody.odd tr td,.data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td,.data-table tbody.even tr.border td { border-bottom:1px solid #7F7F7F; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */.info-box { background:#fff none; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight:bold; font-size:13px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* 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.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } 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.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_collapse.gif) 100% 5px 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% -52px; } /* Class: std - styles for admin-controlled content */.std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } /*.std ul,.std ol,.std dl,.std p,.std address,.std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul,.std ol ol,.std ul ol,.std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b,.std strong { font-weight:bold; } .std i,.std em { font-style:italic; } */ /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart {font-weight:bold; } .link-wishlist { color:#dc6809 !important; font-weight:bold; } .link-reorder { color: #336699 !important; font-size: 14px; } .link-compare { font-weight:bold; } .link-print { /*background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; } .link-rss { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:24px; height:24px; font-size:0; line-height:0; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/icon-trash.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; background-size:24px 24px} .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; text-indent:-999em; overflow:hidden; } #cart-sidebar .btn-remove2 { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_suppr_white.png);} /* Noscript Notice */.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= *//* Header ================================================================================ */ .logo { } .header-container {min-height:0px} .header { width:940px; margin:0px auto; padding: 0 0 0px 0px; text-align:center; position:relative; z-index:10; height: 110px;overflow: hidden;display:none;} .header .logo {margin:0; text-decoration:none !important;font-size: 48px;color:#990000;text-transform:uppercase;font-style:italic;float:left;} .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; } .header .quick-access {width:300px;padding:0; position:absolute;display:block;top:98px;} .header .quick-access ul.links{background-color:#F0F0F0} .header .welcome-msg { margin:0; color:#7F7F7F; text-align:center; } .header .welcome-msg a { color:#ebbc58; } .header .form-search { position:absolute; top:0; right:29px; width:315px; height:30px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_form-search.gif) 0 0 no-repeat; padding:1px 0 0 16px; } .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; } .header .form-search input.input-text { float:left; border-color:#5c7989; width:209px; margin-right:4px; } .header .form-search button.button { float:left; } .header .form-search button.button span { border:0; height:21px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_search.gif) 0 0 no-repeat; padding:0 0 0 3px; font:bold 11px/21px; } .header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; } .search-autocomplete { z-index:999; background-color:#333333;max-height: 396px;overflow: hidden;width:200px !important;display:none!important} .search-autocomplete ul { border:0; background-color:#333333;border-left: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000; } .search-autocomplete li { text-align:left; border-bottom:1px solid #5e5e5e; padding:2px 8px 1px 8px; cursor:pointer; line-height:20px; } .search-autocomplete li .amount { float:right; font-weight:bold; } .search-autocomplete li.odd { background-color:#666666; } .search-autocomplete li.even { background-color:#666666; } .search-autocomplete li.selected { background-color:#777777; } .header .form-language { clear:both; padding:0; text-align:left;position:absolute;left:0;} .header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; } .header .form-language select { padding:0; } .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header .links { position:absolute;right: 90px;top: -30px; margin:0; } .header .links li { float:left; font-size:20px; padding: 0 5px 0 1px;color:#336699;text-transform:uppercase; } .header .links a { color:#336699;text-transform:uppercase;text-decoration:none; } .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-container .top-container a { font-size:11px; color:#ebbc58; } /********** < Navigation */.nav-container { background:none;} #nav { width:940px; margin:0 auto; padding:0px 0px 4px; font-size: 26px; color:#0F0F0F;height:30px;overflow:hidden;} /* All Levels */ /* Style consistent throughout all nav levels */#nav li { position:relative;} #nav li.over { z-index:998; } #nav a,#nav a:hover { display:block; line-height:1em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav ul li.parent a {} #nav ul li.parent li a { background-image:none; } /* 0 Level */#nav li { float:left; width:114px;border-right:1px dotted #7F7F7F;text-align:center;min-height:102px;} #nav li.active a { color:#990000; } #nav a {padding:5px 0px 5px 0px; color:#0F0F0F; font-weight:none; } #nav li.first a { font-weight:none; } #nav li.last a { font-weight:none; } #nav li.over a,#nav a:hover { color:#990000; } #nav li.level0 {text-transform:uppercase;} #nav li.last {border-right:0px;} /* 1st Level */#nav ul li,#nav ul li.active { float:none; margin:0; padding-bottom:1px; height:auto;min-height:18px;border:none;} #nav ul li.last { padding-bottom:0; } #nav ul a {color:#7F7F7F;} #nav li.active ul a { color:#7F7F7F; } #nav li.active ul li.active a { color:#990000; } #nav ul a,#nav ul a:hover { float:none; padding:0; background:none;font-style:normal;font-size:16px;text-transform:uppercase;} #nav ul li a { font-weight:bold !important; color:#7F7F7F; } #nav li.over ul li a { color:#7F7F7F; } #nav li.over ul li a.over { color:#990000; } /* 2nd Level */#nav ul,#nav div { } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */#nav ul ul,#nav ul div { top:5px; } #nav ul li a { } #nav ul li a:hover {} #nav ul li a,#nav ul li a:hover {font-weight:bold; } #nav ul span,#nav ul li.last li span { padding:3px 5px 0px 5px; } /* Show menu */#nav li ul.shown-sub,#nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub,#nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > *//* ======================================================================================= *//* Sidebar =============================================================================== */.block { border:0px solid #7F7F7F; margin:0px 0 10px;} .block .block-title {border-bottom:0px solid #ddd; padding:10px 20px 10px 20px; background:#E0E0E0;margin-top:20px;} .block .block-title strong { display:block; min-height:20px; padding:0px 0 0px; text-transform:uppercase; color:#202020; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; } .block .block-content { } .block .block-content li.item { padding:7px 9px; } .block .block-content .product-name { color:#1e7ec8; } .block .btn-remove,.block .btn-edit { float:right; margin:1px 0 2px 5px; } .block .actions { padding:6px 9px; text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block .empty { margin:0; padding:5px 9px; } .block li.odd { background-color:#f4f3f3; } .block li.even { background-color:#fafafa; } /* Mini Blocks */.block-cart,.block-wishlist,.block-subscribe,.block-compare,.block-reorder,.block-poll,.block-viewed,.block-compared,.block-related,.block-tags,.block-login { font-size:12px; line-height:1.25; } .block-cart .block-title strong,.block-wishlist .block-title strong,.block-subscribe .block-title strong,.block-compare .block-title strong,.block-reorder .block-title strong,.block-poll .block-title strong,.block-viewed .block-title strong,.block-compared .block-title strong,.block-related .block-title strong,.block-tags .block-title strong,.block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:0px; } /* Mini Products List */ .mini-products-list .product-image { float:left; width:40px;} .mini-products-list .product-details { margin-left:60px; } /* Block: Account */.block-account { border:0; } .block-account .block-title { background:#E0E0E0; border:0; padding:10px 20px 10px 20px; margin-top:20px } .block-account .block-title strong { font-size:20px; color:#202020; } .block-account .block-content { background:#F0F0F0; padding:20px;0;20px;0; } .block-account .block-content li a { display:block; border-bottom:1px solid #7F7F7F; padding:10px 0; color:#202020; text-decoration:none !important; } .block-account .block-content li a:hover { color:#990000; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { border-bottom:1px solid #7F7F7F; padding:10px 0; color:#336699; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency { border:0;} .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-currency .block-title strong { font:bold 13px/21px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-currency.gif) 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; color:#0f0f0f; } .block-currency .block-content { background:none; padding:0; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav { border:0;float:left; } .block-layered-nav .block-title { border:0; padding:0; height:24px; text-indent:-999em; overflow:hidden; } .block-layered-nav .block-subtitle { line-height:1.35; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; color:#1f5070; } .block-layered-nav .block-content {border-bottom: 0;margin-bottom:20px;} .block-layered-nav dt { padding:0px 50px 0 8px; margin-bottom: 0px; font-weight:normal; text-transform:uppercase;background:#FFFFFF url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/arrow-down.png) no-repeat 97% center;border: 1px solid #F0F0F0; height: 30px;line-height: 30px;color:#7F7F7F; font-size:12px; position:relative; cursor:pointer;} .block-layered-nav .filter-container.selected dt {border: 1px solid #000000;color:#000000;font-weight:bold;} .block-layered-nav .filter-container dd:before {height:8px;background-color:#FAFAFA;width:100%;content:" ";position:absolute;} .block-layered-nav .filter-container:hover dd:before {/*display:block;*/} .block-layered-nav dd { padding:0 ; margin:0; font-size:13px;color:#7F7F7F;position:relative;} .block-layered-nav dd a{ color:#7F7F7F;} .block-layered-nav dd ol {position:absolute;z-index:60;background-color: #FFFFFF;width:230px;top:6px;} .block-layered-nav dd ol li{ padding-left:10px;height:30px;line-height:30px;} .block-layered-nav dd ol li:hover{ background-color:#F0F0F0;} .block-layered-nav dd ol li a{ display:block;height:30px;padding-left:75px;} .block-layered-nav dd.last { background:none;} .block-layered-nav .currently li { padding:4px 6px 4px 10px; } .block-layered-nav .currently .label { font-weight:bold; padding-left:18px; text-transform:uppercase; } .block-layered-nav .currently .btn-remove { margin:3px 0 0; } .block-layered-nav .actions { font-size:11px; padding:4px 9px; background:#cad6e4; border:1px solid #dee5e8; border-width:1px 0; text-align:right; } .block-layered-nav .actions a { float:none; } .block-layered-nav dt .filter-label{color:#990000;position:absolute;left:75px;} .block-layered-nav ul.filter-category { font-size: 18px;font-style: italic;line-height:1;margin-bottom:20px;} .block-layered-nav ul.filter-category li {display:inline;} .block-layered-nav ul.filter-category li a{color:#0F0F0F;font-style:normal;text-transform:uppercase;font-weight:bold;} .block-layered-nav ul.filter-category li a:hover{color:#990000;} .block-layered-nav ul.filter-category li.current a{font-weight:bold;color:#990000} /* Block: Cart */.block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-cart.gif); } .block-cart .summary { padding:5px 10px; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { margin:5px 0 0; text-align:center; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { border-bottom:1px solid #c2c2c2; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; } /* Block: Wishlist */.block-wishlist .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-wishlist.gif); } .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */.block-related .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-related.gif); background-position:0 1px; } .block-related input.checkbox { float:left; } .block-related .product { margin-left:20px; } /* Block: Compare Products */.block-compare .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-list.gif); background-position:0 1px; } .block-compare button.button span { border-color:#406a83; background:#618499; } .page-popup .link-print { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold; color:#1e7ec8; } .compare-table { border:0; } .compare-table thead tr.first th,.compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_remove2.gif); width:72px; height:15px; } .compare-table tbody th { background:#d9e5ee url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_th-v.gif) 100% 0 repeat-y; } .compare-table tbody th,.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th,.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td { background:#fffada; text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } .compare-table tr.first td .product-name a { color:#203548; } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p,.compare-table tr.add-to-row td p { margin:0; } /* Block: Recently Viewed */.block-viewed .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-viewed.gif); } /* Block: Recently Compared */.block-compared .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-list.gif); background-position:0 1px; } /* Block: Poll */.block-poll .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-poll.gif); } .block-poll .block-subtitle { font-size:12px; } .block-poll label { color:#777; font-weight:bold; } .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 .actions { margin:5px 0 0; } .block-poll button.button span { border-color:#406a83; background:#618499; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-tags.gif); } .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .block-content a { color:#1b2d3b; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe */.block-subscribe .block-content { padding:20px;background:#E0E0E0; } .block-subscribe .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-subscribe.gif); } .block-subscribe label { font-weight:bold; color:#666; } .block-subscribe input.input-text { display:block; width:240px; margin:20px 0; } .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { float:none; } .block-subscribe .actions button.button span { border-color:#406a83; background:#202020; } /* Block: Reorder */.block-reorder .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_block-list.gif); } .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 { border:0; } .block-banner .block-content { padding:0; text-align:center; } /* Block: Login */.block-login .block-title strong { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_ma-info.gif); } .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } .block-login .actions button.button span { border-color:#406a83; background:#618499; } /* Paypal */.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0; } .category-image { width:100%; overflow:hidden; margin:0 0 20px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid {position:relative;width:940px;clear:both;min-height:200px;} .products-grid.last { border-bottom:0; } .products-grid li.item {width:220px;height:400px; padding:0;background-color:#FFFFFF;margin-bottom:30px;position:relative;float:left;} .products-grid li.item.item-0, .products-grid li.item.item-1, .products-grid li.item.item-2 {margin-right:20px} .products-grid li.item .item-mask{width:220px; padding:0;position:absolute;top:0px;left:0;z-index:10;background-color:#FFFFFF;visibility:hidden;filter: alpha(opacity=100);-khtml-opacity:1; -moz-opacity: 1;opacity:1; } .products-grid li.item .item-overlay{width:220px; padding:20px 20px 0px 20px;position:absolute;top:0px;left:0;z-index:20;visibility:hidden;text-align:left} .products-grid li.item .item-overlay *{position:relative;} .products-grid li.item:hover .item-mask{visibility:visible} .products-grid li.item:hover .item-overlay{visibility:visible} .products-grid .product-image { display:block; width:220px; min-height:330px;text-align:right;} .products-grid li.item:hover .product-image { display:none;} .products-grid .product-image-alt { display:none; width:220px; min-height:330px;text-align:right;} .products-grid li.item:hover .product-image-alt { display:block;} .category-products.display-product-image .products-grid .product-image {display:block;} .category-products.display-product-image .products-grid .product-image-alt {display:none;} .category-products.display-product-image-alt .products-grid .product-image {display:none;} .category-products.display-product-image-alt .products-grid .product-image-alt {display:block;} .category-products.display-product-image-alt .products-grid li.item:hover .product-image { display:block;} .category-products.display-product-image-alt .products-grid li.item:hover .product-image-alt { display:none;} .products-grid-carousel .product-brand, .products-grid .product-brand { margin:0; font-size:14px; color:#202020;font-weight:bold;text-transform:uppercase;font-family: 'Roboto', Arial,Sans-serif;display:block;} .products-grid .product-name { margin-bottom:20px;font-weight:normal;text-transform:none;font-size:20px;color:#7F7F7F; line-height:20px} .products-grid .product-name a,.products-grid .product-name a:hover{ color:#7F7F7F; } .products-grid .price-box { margin:0; } .products-grid .price-box .price{color: #202020;font-size:18px;font-weight: normal;} .products-grid .price-box .old-price .price{ font-size:18px;font-weight:bold;} .products-grid .description{ color:#999999;font-size:14px;font-weight:normal;font-style:italic;margin:20px 0 40px 0px;width:260px;text-transform:none;line-height:1;} .products-grid li.item .item-top{width:220px; height:30px;z-index:0;display:block;position:relative;background-color:#FFFFFF;line-height:30px;} .products-grid li.item .item-top .product-brand {font-size: 16px;font-weight:normal;color:#0F0F0F;} .products-grid li.item .item-top .price-box { float:right;} .products-grid li.item .item-top .price-box .price { color: #990000; display:inline; font-size: 16px; font-weight: bold; } .products-grid li.item .item-bottom{width:220px; height:70px;z-index:0;display:block;position:relative;background-color:#FFFFFF;text-align:center} .products-grid li.item .item-bottom .product-brand {display:none;font-size: 13px;font-weight:normal;color:#0F0F0F;padding: 0 10px} .products-grid li.item .item-bottom .price-box { text-align:center;padding:0 10px} .products-grid li.item .item-bottom .price-box .price {color:#202020;display:inline;font-size:14px;font-weight:bold;} .products-grid li.item .item-bottom h2 { height:37px; font-size:12px; padding: 0 10px; margin-bottom:0px; line-height: 14px; } .products-grid li.item .actions {width:220px; height:70px;z-index:0;display:none;position:relative;background-color:#FFFFFF;} .products-grid li.item:hover .item-bottom {} .products-grid li.item .configurable-list-size {font-size:11px;} .products-grid .availability { line-height:21px; } .products-grid .product-image-related {margin-right:10px;} .products-grid .product-image-related img{border:1px solid #FFFFFF} .products-grid .product-image-related:hover img{border:1px solid #990000} .block-layered-nav .filter-container {max-width:180px;float:left;margin-right:10px;min-width:85px;} .block-layered-nav .filter-container-5 {margin-right:0;} .block-layered-nav .filter-container dd {display:none} .block-layered-nav .filter-container:hover dt {/*background-color:#FAFAFA;border:1px solid #FAFAFA;*/} .block-layered-nav .filter-container.active dt {background-color:#FAFAFA;border:1px solid #FAFAFA;} .block-layered-nav .filter-container:hover dd {/*display:block;*/} .block-layered-nav .filter-container dd ol {background-color:#FAFAFA;padding-bottom:10px;margin-bottom:10px;} .col2-left-layout .products-grid,.col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid {margin:0; } li.item-info-grid {width:300px; padding:0;border-bottom:1px dotted #7F7F7F;margin-bottom:20px;} .products-grid li.item.layernav-item {width:220px; padding:0; height: 400px;background-color:transparent;margin-bottom:20px;position:relative;} /* View Type: List */ .products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; } .products-list .product-name a { color:#203548; } .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= *//* Product View ========================================================================== *//* Rating */.no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th,.ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */.availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#990000; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span,.availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } .product-view .media-left {float:left;width:600px;min-height:550px;position:relative;} .product-view .product-info-right {float:right;width:300px;min-height:540px;margin-bottom:20px;} .product-view .product-shop .availability { font-size:11px; } .product-view .product-shop .availability span { font-weight:normal; } .product-view .product-brand {text-transform:none;font-size:16px;color:#0F0F0F;font-weight:bold;line-height: 18px;margin-right: 20px;} .product-view .product-sku {clear:both;font-size:12px;font-weight:normal;font-family:Arial,Sans-serif;margin: 0px 0 20px 0;} .product-view .product-color {text-transform:uppercase;font-size:14px;font-family:Arial,Sans-serif;} .product-view .product-description {font-weight:300;color:#7F7F7F;font-size:13px;margin: 0px 0 20px 0;line-height:19px} .product-view .size-view {position:relative;padding: 0 15px;} .product-view .size-view ul{} .product-view .size-view ul li.title{padding:0 0px 0 0;float:left;margin-right:0px;text-transform:uppercase;font-size:18px;font-weight:200;color:#7F7F7F;width:60px;height:30px;line-height:30px;} .product-view .size-view ul li.size-item{float:left;width:42px;height:30px;background-color:#FFFFFF;color:#0F0F0F;margin: 0 15px 15px 0px;cursor:pointer;line-height:30px;text-align:center;} .product-view .size-view ul li.size-item.last {margin-right:0px;} .product-view .size-view ul li.selected{background-color:#990000;color:#FFFFFF} .product-view .product-essential-left {float:left;width:300px;} .product-view .product-essential-right {float:right;width:200px;} .product-view a.qty-button:hover {color:#990000} /* Email to a Friend */.email-friend { margin:0; } /* Alerts */.alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */.price { white-space:nowrap !important; } .price-box { margin:0px 0; } .price-box .price { font-weight:bold; color:#202020; } /* **** ***** */.qty-button {float:left;width:20px;height:40px;font-size:18px;text-align:center;line-height:40px;margin:0 0px 0 0px;} .qty-square {float:left;width:40px;height:40px;color:#202020;background-color:#336699;text-align:center;font-size:18px;line-height:40px;margin:0 0px 0 0px;} /* Regular price */.regular-price { color:#0F0F0F; } .regular-price .price { font-weight:normal; font-size:13px; color:#202020; } .block .regular-price,.block .regular-price .price { color:#336699; } /* Old price */.old-price { margin:0; display: inline; } .old-price .price-label { white-space:nowrap; color:#7F7F7F; } .old-price .price { font-weight:bold; color:#202020; font-size:12px; text-decoration:line-through;} .products-grid .price-box .old-price .price {color:#202020; font-weight:normal} .products-grid li.item .item-bottom .price-box .old-price .price {color:#202020;font-size:14px;font-weight:normal;} /* Special price */.special-price { margin:0; padding:3px 0;display: inline; } .special-price .price-label { font-size:30px; font-weight:bold; white-space:nowrap; } .special-price .price { font-size:30px; font-weight:bold; } .products-grid .price-box .special-price .price {color:#CC0000; font-weight:bold} .products-grid li.item .item-bottom .price-box .special-price .price {font-weight:bold;} /* Minimal price (as low as) */.minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {color:#1e7ec8;} .minimal-price-link .price { font-weight:normal; color:#1e7ec8; } /* Excluding tax */.price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */.price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* 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; color:#444; } .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 { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */.price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; color:#2f2f2f; } /* Price as configured */.price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#555; } /********** Product Prices > *//* Tier Prices */.tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; } .tier-prices li { line-height:1.4; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; color:#424242; } .tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; } .tier-prices .price { font-weight:bold; color:#2f2f2f; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */.add-to-links { font-size:11px; margin:5px 0 0; } .add-to-links .separator { display:none; } /* Add to Cart */.add-to-cart label { float:left; margin-right:10px; font-weight:normal; color:#7F7F7F; text-transform: uppercase; height:30px;line-height:30px;font-size: 18px; font-weight:200;width:60px;} .add-to-cart .qty { float:left; margin-right:5px; } .add-to-cart button.button { clear:both;background-color:#CC0000;height:60px;line-height:60px;font-size:24px;width:300px;margin:0 ;} .add-to-cart button.button span {background-color:#202020;height:60px;line-height:60px } .add-to-cart button.button:hover span{background-color:#4D4D4D;} .add-to-cart button.button span span{background-color:#202020;height:60px;line-height:60px;font-size:18px;text-transform:uppercase;} .add-to-cart .paypal-logo { clear:left; margin: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; } .product-view .availability {width:138px;height:30px;border:1px dotted #336699;color:#336699;float:left;text-align:center} .product-view .availability.out-of-stock {border:1px dotted #990000;color:#990000;float:left;text-align:center} .product-view .availability span{line-height:30px;text-transform:uppercase;font-size:16px;} /* Add to Links + Add to Cart */ .add-to-cart-view { /*float: left;width: 300px;margin-right:20px;margin-bottom: 20px;background-color: #e6e6e6;padding: 0px 0;*/ background-color: none; float: left; margin-bottom: 0px; margin-right: 0px; padding: 0px 0; width: 300px; z-index: 10; } .add-to-box { margin:0 0 30px 0; padding: 0 20px;} .add-to-box .add-to-cart { float:left; margin: 5px 0 0 0 ;} .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; } .add-to-box .add-to-links li { display:block !important; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view {position:relative;padding-top:0px;} .product-view .breadcrumbs {margin-bottom:0px;display:inline-block;} .product-essential { padding:0px; } .product-essential h2 { font:bold 13px/1.35 ; } .product-essential .horizontal-separator {border-top:1px solid #7F7F7F;margin:20px 0; height:1px} .product-essential .regular-price .price {font-size: 24px;font-weight:bold;} .product-view .horizontal-separator { border-top: 1px solid #CDCDCD; height: 1px; margin: 20px 0;} .product-collateral {} .product-collateral h2 { font-weight: normal; border-bottom:0; padding:0 0 1px; text-transform: uppercase;} .product-collateral .box-collateral { margin:0 0 25px; } /* Product related */ .related-view {margin-bottom: 20px;padding: 0px 0;width: 100%; } .related-view h4 {color:#333333;font-size:14px;} .related-view a {float:left;margin-right:7px;margin-bottom:7px} .related-view a {border:1px solid #F0F0F0;} .related-view a.current {border:1px solid #7F7F7F;} .related-view a.last {margin-right:0;} .related-view a:hover {border:1px solid #7F7F7F;} /* Product Images */ .product-view .product-img-box { float:left; width:620px; overflow-x: hidden; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto;} .product-view .product-img-box .product-image { margin:0; width:360px;position:relative;} .product-view .product-img-box .product-image-zoom { position:absolute; width:620px; z-index:9; float: left; top:0;left:0;} .product-view .product-img-box .product-image-zoom img {cursor:zoom-in; } .product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:-9px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; } .product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .product-view .product-img-box .no-picture {text-align:center;background-color:#f0f0f0;width:100%;height:100%;max-width:360px;margin-left:120px} .product-view .product-img-box .no-picture span {display:block;padding-bottom: 260px;padding-top: 260px;} .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { font-weight:bold; margin:0 100px; 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; } .media-big-image {position: absolute;cursor:zoom-out;top: 0px;left:0px;z-index: 100;} .image-button-panel {position:absolute;z-index:10;right:320px;top:0;} .image-button-panel a {width:40px;height:40px;display:block;text-align:center;} /* p.category-desc*/ p.category-desc {font-size:13px; font-weight:300; color:#999999; line-height:1.5;margin-bottom:10px;} .widget-selection-products a.category-link {font-size:18px;font-weight:bold;text-transform:uppercase;color:#070707;margin-bottom:20px;display:block;} .widget-selection-products .widget-products {position:relative;} .widget-selection-products h2 { font-size: 16px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color:#7F7F7F; display:none; } .widget.widget-grid-line.category-top-carousel {display:block;margin-bottom:10px!important;} /* Product Shop */ .product-view .product-shop { float:right; width:330px; } .col1-layout .product-view .product-shop { float:none; width: 100%;padding: 0px 0 0} .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop a.link-back {text-decoration:none;text-transform:uppercase;color:#7F7F7F;font-size:14px;font-weight:bold;} .product-view .product-shop .breadcrumbs li a,.product-view .product-shop .breadcrumbs li,.product-view .product-shop .breadcrumbs li strong { text-decoration:none;text-transform:none;color:#999999;font-size:10px;font-weight:normal;line-height:12px; } .product-view .product-shop .breadcrumbs {margin-bottom:10px;line-height:12px;} .product-view .product-shop .product-name { margin:0 0 0px;} .product-view .product-shop .product-name h1 { margin:0; font-weight:lighter;font-size:18px;text-transform:none;line-height:22px;margin-bottom:10px;} .product-view .product-shop .availability { margin:0; } .product-view .product-shop .short-description { margin:0;} .product-view .product-shop .price-box { margin:20px 0 20px 0;line-height:20px; } .product-view .product-shop .price-box .old-price .price{font-size:24px;} .product-view .product-shop .price-box .special-price .price{font-size:24px;} .product-view .product-shop .price-box {color:#CC0000} .product-view .product-shop .add-to-links { margin:0; } .product-view .product-shop .add-to-links { font-size:12px; text-align:left; } .product-view .product-shop .add-to-links li,.product-view .product-shop .add-to-links li .separator { display:inline; } .product-view .product-shop .add-to-links a { color:#990000 !important; font-weight:normal !important;font-size:14px;font-style:italic; } .product-view .add-to-links {margin-bottom:20px;} .product-view .add-to-cart-view {padding-top:0;float:none;} .product-view .add-to-cart-view .input-box {padding:0} .product-view .add-to-cart-view .add-to-box {padding:0} .product-view .add-to-cart button.button {width: 300px;} /* Product Options */.product-options { margin:20px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; color:#2f2f2f; } .product-options dt label.required em { color:#eb340a; margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-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:99%; } .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; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .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:20px; top:20px; } .product-options-bottom { background-color:#fffada; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; } .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; color:#e26703; } .product-options-bottom .tier-prices .price,.product-options-bottom .tier-prices .benefit { color:#e26703; } .product-options-bottom .price-box { float:left; margin:0; padding:0; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:right; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; } .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; } .product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } /* static block product page */ .static-block-bellow-add {border:0px solid #cdcdcd;transition: all 0.4s ease 0s;margin-bottom:10px;background:#FAFAFA;} .static-block-bellow-add:hover {border:0px solid #a0a0a0} .static-block-bellow-add h3 {font-size:14px;font-weight:normal;margin:0;cursor:pointer;padding:10px;} .static-block-bellow-add h3:after {color: #cdcdcd;content: "\00a0";float: right;padding: 0px 5px 0px;transition: all 0.4s ease 0s;font-size:16px;font-weight:bold;background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/arrow-down.png) no-repeat left top;} .static-block-bellow-add.open {border:0px solid #a0a0a0;background:#F0F8FF;} .static-block-bellow-add.open h3 {border-bottom:0px solid #a0a0a0} .static-block-bellow-add:hover h3:after {color: #cdcdcd;} .static-block-bellow-add.open h3:after {transform: rotate(-180deg);color: #cdcdcd;} .static-block-bellow-add div {display:none;padding:15px;} /* Grouped Product */.product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Block: Description */.product-view .box-description {} /* Block: Additional */.product-view .box-additional .data-table th,.product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */.product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 20px; } .product-view .box-up-sell .products-grid { width:100%; border:0 ;} .product-view .box-up-sell ul {margin-bottom: 20px; } .product-view .box-up-sell .products-grid li { width:300px;float:left;position: relative;margin-right: 20px;} .product-view .box-up-sell .products-grid tr.last li { border-bottom:0; } .product-view .box-up-sell .products-grid li.last { margin-right:0; } .product-view .box-up-sell .products-grid td img { border:0; } .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid td.empty { border-right:0; } .product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-view .box-up-sell .item-mask{width:300px; padding:0;position:absolute;top:0;left:0;z-index:10;background-color:#FFFFFF;visibility:hidden;filter: alpha(opacity=100);-khtml-opacity:1; -moz-opacity: 1;opacity:1; } .product-view .box-up-sell .item-overlay{width:260px; padding:20px 20px 0px 20px;position:absolute;top:0;left:0;z-index:20;visibility:hidden;text-align:left} .product-view .box-up-sell .item-overlay *{position:relative;} .product-view .box-up-sell li:hover .item-mask{visibility:visible} .product-view .box-up-sell li:hover .item-overlay{visibility:visible} .product-view .box-up-sell .product-image { display:block; width:300px; min-height:200px;} .product-view .box-up-sell .product-brand { margin:10px 0 0px 0; font-size:18px; color:#202020;font-weight:bold;text-transform:uppercase;display:block;float: none} .product-view .box-up-sell .product-name { margin:0;font-weight:bold; font-size:16px; color:#7F7F7F; text-transform:uppercase;line-height:16px} .product-view .box-up-sell .product-name a,.products-grid .product-name a:hover{ color:#7F7F7F; } .product-view .box-up-sell .price-box { margin:0; } .product-view .box-up-sell .price-box .price{ color:#336699;font-size:30px;font-weight:normal;display:block} .product-view .box-up-sell .price-box .old-price .price{ color:#7F7F7F;font-size:24px;font-weight:normal} .product-view .box-up-sell .description{ color:#7F7F7F;font-size:16px;font-weight:normal;font-style:italic;margin:10px 0 20px 0px;width:260px;text-transform:none;line-height:1;} /* Block: Tags */.product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:13px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c;} .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_tag_add.gif) 0 2px no-repeat; padding:0 0 0 23px; } .product-view .box-tags .form-add input.input-text { width:299px; } .product-view .box-tags .form-add button.button span { border-color:#406a83; background:#618499; } .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; } /* Block: Reviews */.product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a,.product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:360px; } .product-view .box-reviews .form-add .form-list input.input-text,.product-view .box-reviews .form-add .form-list textarea { width:354px; } /* product-added */.product-view .product-added {font-style:italic;font-size:18px;color:#202020;} /* Send a Friend */.send-friend .form-list { width:615px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { width:315px; } .send-friend .form-list .input-box { width:300px; } .send-friend .form-list input.input-text,.send-friend .form-list textarea { width:294px; } .send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { width:609px; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal; } .product-name a { color:#202020; } /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box,.advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} .cms-index-index .main img {max-width:100%} /* CMS STYLE */ .cms-page-view .page-title {margin:20px 0 20px 0;width:100%} .cms-page-view .page-title h1 {text-align:center; text-transform:uppercase;font-weight:bold;} .cms-page-view .std p { font-size:14px; line-height:1.5;font-weight:300;} .cms-page-view .header-container {min-height:0} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { color:#1b2d3b; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 5px; font-weight:bold; border-bottom: 1px solid #cccccc; padding: 10px 0 10px;text-transform:uppercase;clear:both;} .page-sitemap .sitemap li.level-0 a { color:#333333; } .page-sitemap .sitemap li.level-1 {float:left;width:25%;padding:0!important} .page-sitemap .sitemap li.level-1 a {color:#999999;} .page-sitemap .sitemap li.level-2 {float:left;width:25%;padding:0!important} .page-sitemap .sitemap li.level-2 a {color:#999999;} .page-sitemap .pager {clear:both;} /* RSS */ .rss-title h1 { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .header-container {min-height:0;} .checkout-cart-index .page-title { width:100%;text-align:left;margin:0px auto 25px;} .checkout-cart-index .page-title h1 {text-align:center; margin-top:20px;} .checkout-cart-index .breadcrumbs {text-align:left;margin-top:20px} /* 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; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } .cart-empty { font-size: 16px; text-align:center;} /* Shopping Cart Table */ .cart .cart-table {border:0;} .cart-table thead th { padding:2px 10px;background-color:#FFFFFF;border:0;text-transform:uppercase;white-space:nowrap} .cart-table tbody td { background-color:#FFFFFF;border:0;border-bottom: 1px solid #cdcdcd;height:120px;color:#0F0F0F;overflow:hidden;padding:0 5px;vertical-align: middle;} .cart-table tbody .first td { border-top: 1px solid #cdcdcd;} .cart-table tbody a.product-image {display:table-cell;height:150px;width:120px;overflow:hidden;position:relative;vertical-align:middle;} .cart-table tbody a.product-image img{} .cart-table .product-name { margin:0; ;padding:0;line-height: 1;min-width: 80px;} .cart-table .product-name a{ color:#202020; font-size:14px;} .cart-table .product-detail { color:#7F7F7F;} .cart-table .item-msg { margin:5px 0; font-size:12px; font-weight:normal; color:#CC0000; } .cart-table tfoot {border:0;background-color:#FFFFFF;} .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-continue span,.cart-table .btn-update span { border-color:#336699; background:#336699; } .cart-table .qty-square {background-color: #FFFFFF;} #shopping-cart-totals-table .total-tax-line {display:none} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:605px; } .cart .cart-collaterals .col2-set .col-1 {width:280px;} .cart .cart-collaterals .col2-set .col-2 { width:294px; } .cart .crosssell { border:1px solid #cec3b6; background:#fafaec; padding:12px 15px; } .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell .product-name { font-weight:bold; } .cart .crosssell li.item { margin:12px 0; } .cart .crosssell .link-compare { font-weight:normal; } .cart .cart-collaterals .product_switcher_country_container {margin:0;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .shipping { border:1px solid #d0cbc1; background:#fff none; padding:12px 15px; margin:0 0 18px; } .cart .discount h2,.cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px ; padding:0 0 0 21px; color:#e26703; text-transform:uppercase; } .cart .discount button span,.cart .shipping button span { border-color:#406a83; background:#618499; } .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; } .cart .discount h2 { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_discount.gif); } .cart .shipping h2 { } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; } .cart .discount {width:300px;} .cart .discount .input-box { margin:0; width:240px; float:left;height:40px;background-color:#F0F0F0} .cart .discount input.input-text { width:240px;margin:0;height:40px;background-color:none;color:#7F7F7F;border:1px solid #cdcdcd;font-size:14px;text-align:center;box-sizing: border-box;} .cart .discount .buttons-set {float:left;clear:none;margin:0;border:0;padding:0;width:58px;} .cart .discount .buttons-set button.button {width: 67px;} .cart .discount .buttons-set button span{background-color:#202020;} /* Shopping Cart Totals */.cart .totals { float:right; width:300px; } .cart .totals table { width:100%; } .cart .totals td { padding:6px 10px 7px 10px; border-bottom:1px solid #cdcdcd;text-transform:uppercase;} .cart .totals th { padding:6px 10px 7px 10px; border-bottom:1px solid #cdcdcd;text-transform:uppercase;} .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px;} .cart .totals tfoot th strong,.cart .totals tfoot td strong { font-size:18px;} .cart .totals td.total-left {width:50%;background-color:#FFFFFF} .cart .totals td.total-right {width:50%;background-color:#FFFFFF;color:#0F0F0F} .cart .totals th.total-left {width:50%;background-color:#FFFFFF} .cart .totals .checkout-types { text-align:center;width:100%; } .cart .totals .checkout-types li { clear:both; } .cart .totals .btn-checkout {width:300px;margin-top:10px;} .cart .totals .btn-checkout span{font-size:18px;} /* Options Tool Tip */.item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; margin:0 0 6px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .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 { margin:0 0 8px; } .sp-methods dt { margin:0px 0 10px 20px; font-weight:normal; } .sp-methods dd {} .sp-methods dd li { margin:0px 0 20px 20px; } .sp-methods label { font-weight:normal; font-size:16px; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:50px; } .sp-methods .form-list li { margin:0 0 20px; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */.tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */.gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .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; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* 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; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfaf6 url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3,.info-set h4 { font-size:13px; font-weight:bold; color:#E26703; } .info-set h2 a,.info-set h3 a,.info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .info-set h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .checkout-onepage-index {} .checkout-onepage-index h1 {text-align:center;margin-top:20px} .checkout-onepage-index .page-title {width:100%;text-align:left;margin: 0 auto 20px;} .account-create .fieldset p.required { text-align:left; } .account-create h2 { margin:0 0 10px 0; padding:0;} .checkout-onepage-index .fieldset {background-color:#FFFFFF;border:0;text-align:left;padding:0 20px 10px;margin:0;} .checkout-onepage-index .form-list .field {float:none;text-align:left;width:940px;margin-bottom:10px;} .checkout-onepage-index .form-list label.required em {float:left;position:static;} .checkout-onepage-index .form-list .fields {float:none;text-align:left;width: auto;} .checkout-onepage-index .form-list .wide {float:none;text-align:left;width: auto;} .checkout-onepage-index .form-list label {float:left;width:200px} .checkout-onepage-index .form-list .billing-select-address label {float:none;width:100%;} .checkout-onepage-index .form-list .shipping-select-address label {float:none;width:100%;} .checkout-onepage-index .form-list .billing-select-address .input-box {float:none;width:100%;margin-top:5px;} .checkout-onepage-index .form-list .shipping-select-address .input-box {float:none;width:100%;margin-top:5px;} .checkout-onepage-index .input-box {width:300px;float:left;clear:none;} .checkout-onepage-index .form-list li.wide .input-box {width:600px;} .checkout-onepage-index .input-box input{width:300px; background-color:#FFFFFF;border:1px solid #dedede;border-radius:0px 0px;padding:10px 10px;box-sizing:border-box} .checkout-onepage-index li.wide .input-box input{width:300px;background-color:#FFFFFF;border:1px solid #dedede;border-radius:0px 0px;padding:10px 10px;} .checkout-onepage-index .form-list select {box-sizing: border-box; width: 300px;} .checkout-onepage-index li.control {text-align: left;} .checkout-onepage-index .buttons-set { background-color:none;border:0; margin:0; padding:0 0px 0px 0px;text-align:left;} .checkout-onepage-index .buttons-set li{ list-style:none;} .checkout-onepage-index .buttons-set button.button {background-color:#336699;width:100%;margin-left:0;float:none;} .checkout-onepage-index .buttons-set button.button span {background-color:#336699;font-style:normal;text-transform:uppercase;} .checkout-onepage-index .buttons-set button.button.btn-checkout {background-color: #336699;clear: both;float: none;margin: 0;width: 100%;} .checkout-onepage-index .buttons-set button.button.btn-checkout span {background-color:#336699;font:bold 18px/22px;} .checkout-onepage-index .buttons-set button.button:hover {background-color:#4D4D4D;} .checkout-onepage-index .buttons-set button.button:hover span {background-color:#4D4D4D;} .checkout-onepage-index #checkout-step-login .buttons-set button.button {display: block;} .checkout-onepage-index #checkout-step-login .buttons-set p.required {display:none} .opc .col2-set .col-1 {width:440px} .opc .col2-set .col-2 {width:420px} .checkout-onepage-index .sp-methods {text-align:left;} .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; } .block-progress dt { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; } .block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#d0dce1; color:#5e8ab4; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } .opc .buttons-set { margin-top:0px; padding-top:0; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { display:none; } .opc .buttons-set .back-link a { padding-left:0px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc li.section {} .opc .step-title { border-width:0; background:none; font-size:16px; padding:15px 0px 0px; margin-bottom:15px;text-align:right; text-transform:normal; border-top:1px solid #cdcdcd;} .opc .step-title .number { float:left; background:none; padding:0 4px; margin:0 5px 0 0; font:bold 18px/22px ; color:#202020; } .opc .step-title h2 { float:left; margin:0; font-size: 20px ; color:#202020; text-transform:uppercase;} .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { background:none; border:0; font-size: 20px; color:#202020; cursor:pointer; border-top:1px solid #cdcdcd;} .opc .allow .step-title .number { background:none; color:#cdcdcd; } .opc .allow .step-title h2 { color:#cdcdcd;text-transform:uppercase; } .opc input::-moz-placeholder, .opc input::-webkit-input-placeholder .opc input:-ms-input-placeholder {color:#dedede;} /*.opc .allow .step-title a { display:block; } */.opc .active .step-title { background:none; border:0; color:#202020; cursor:default; border-top:1px solid #cdcdcd; } .opc .active .step-title .number { color:#336699; } .opc .active .step-title h2 { font-size: 20px; color:#336699; text-transform:uppercase; } /*.opc .active .step-title a { display:none; } */.opc .step { border:0; border-top:0; background-color:none; padding:0px 0px; position:relative;margin-bottom: 20px; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set { border-top:0; } #opc-login h3 { font-size:16px; margin-bottom: 20px; text-transform:uppercase; } #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; } #opc-login .registered-users {position:relative} #opc-login .registered-users input{text-align:left;} #opc-login .registered-users {margin: 0 auto 10px;width: 460px;} #opc-login .new-users {margin: 0px auto 30px;width: 460px;border-bottom: 1px solid #cccccc;padding-bottom:30px;padding-top:20px;} #opc-login .input-box {margin: 0 auto;width: 300px;float:none;} #opc-login .forgot-passsword-container {padding: 20px 0;text-align: center;} #opc-login .forgot-passsword-container a {color: #7f7f7f;} #opc-login .buttons-set button.button { background-color: #336699; float: none; margin: 0 auto; max-width: 300px; width: 100%; } #opc-login .new-users .buttons-set button.button {background-color: #202020;} #opc-login .new-users .buttons-set button.button span{background-color: #202020;} #login-form {display:block} #opc-shipping_method .buttons-set { border:0; } .opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; } .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } #opc-review .step { border:0; padding:0; } #opc-review .product-name { font-weight:bold; color:#0a263c; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:0px 0px; border:0; border-width:0 1px 1px; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:left; padding:10px 10px 0; } #opc-review thead th { padding:2px 10px;background-color:#ffffff;border:0;text-transform:uppercase;white-space:nowrap} #opc-review tbody td { border:0;height:60px;color:#0F0F0F;overflow:hidden;padding:0 5px;vertical-align: middle;} #opc-review tbody .first td { border-top: 10px solid #F0F0F0;} #opc-review tbody a.product-image {display:block;height:60px;width:60px;overflow:hidden;position:relative;} #opc-review tbody a.product-image img {} #opc-review .product-name { font-weight:normal; margin:0;padding:0;} #opc-review .product-name a{ font-weight:normal;} #opc-review .product-detail { font-size:12px;color:#7F7F7F;} #checkout-review-table-wrapper .data-table {border:0;} #checkout-review-table-wrapper .data-table thead th {border:0;} #checkout-review-table-wrapper .data-table tbody td {border:0;background-color:#ffffff;border-top:1px solid #cdcdcd;} #checkout-review-table-wrapper .data-table tfoot td {background-color:#FFFFFF;} #checkout-review-table-wrapper .data-table tfoot th.total-left, #checkout-review-table-wrapper .data-table tfoot td.total-left {text-align:right!important;padding-right:10px;} #checkout-review-table-wrapper .total-tax-line {display:none;} .checkout-onepage-success .page-title {width:100%;text-align:left;margin: 0 auto 25px;} .checkout-onepage-success h1 {text-align:center;} .checkout-onepage-success h2 {color:#0F0F0F;} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; } .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3,.multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; } .multiple-checkout h2 a,.multiple-checkout h3 a,.multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set,.multiple-checkout .col3-set { background:#fbfaf6 url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { color:#e26703; } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_grand-total.gif) 100% 0 no-repeat; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { color:#E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ .multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; } #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } #multiship-addresses-table tfoot button.button span { border-color:#406a83; background:#618499; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; } /* Step 3 */.checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {margin-top: 10px;} .account-login .content { padding:0px; background-color:none; text-align:center;} .account-login .content h2 { margin:0 0 20px 0; padding:0; text-transform:none; color:#0F0F0F; } .account-login .content p{ font-size:14px; color:#7F7F7F; } .account-login .content p.required { text-align:left;margin-bottom:20px; } .account-login .new-users h2 {} .account-login .registered-users p {margin:0px;} .account-login .registered-users h2 { } .account-login .buttons-set { background-color:none;border:0; margin:0; padding:0px 0px;text-align:center; } .account-login .page-title {width:100%;text-align:left;margin: 0 auto 25px;} .account-login h1 {text-align:center;} .account-login .registered-users {border-bottom:1px solid #CCCCCC;width:460px;margin:0 auto 30px;} .account-login .new-users {width:460px;margin:0 auto 0;} .account-login .content,.account-login .content li{text-align:left;} .account-login .form-list label {float:none;} .account-login .input-box {width:300px;margin:0 auto;} .account-login .input-box input{width:300px;background-color:#FFFFFF;border:1px solid #BEBEBE;text-align:left;box-sizing: border-box;} .account-login .buttons-set button.button {background-color:#336699;width:100%;max-width:300px;margin:0 auto;float:none;} .account-login .buttons-set button.button span {background-color:#336699;font-style:none;height:40px;font-weight:300;text-transform:uppercase;} .account-login .new-users .buttons-set button.button {background-color:#0088CC;} .account-login .new-users .buttons-set button.button span{background-color:#202020;} .account-login .forgot-passsword-container {padding: 20px 0;text-align:center;} .account-login .forgot-passsword-container a{color:#7F7F7F} .account-create {margin-top: 10px;} .account-create h1 {text-align:center;} .account-create .page-title {width:100%;text-align:left;margin: 0 auto 25px;} .account-create .fieldset p.required { text-align:left; } .account-create h2 { font-size:20px; margin:0px 0px 20px 0px; padding:0; text-transform:uppercase; } .account-create .fieldset {background:transparent none;border:0;text-align:left;padding:0px;margin:0;} .account-create .form-list .field {float:none;text-align:left;width: auto;margin-bottom:10px;} .account-create .form-list label {float:left;width:200px;} .account-create .form-list label em {position:static;margin:0;float:none;} .account-create .input-box {width:700px;clear:none;float:left;} .account-create .input-box input{width:300px;background-color:#FFFFFF;border:1px solid #BEBEBE;text-align:left;border-radius:0px 0px;padding: 10px 10px;} .account-create .newsletter-control {margin:20px 0;} .account-create .newsletter-box {width:40px;display:inline;} .account-create .newsletter-box input{width:40px;} .account-create .newsletter-label{ text-transform:none;color:#7F7F7F; } .account-create .buttons-set { background-color:none;border:0; margin-top:10px; padding:0 0px 0px 0px;text-align:left;} .account-create .buttons-set li{ list-style:none;} .account-create .buttons-set button.button {background-color:#336699;width:auto;margin:0;float:none;width:100%;} .account-create .buttons-set button.button span {height:40px;} /* Forgot password ================== */ .customer-account-forgotpassword {} .customer-account-forgotpassword .page-title {width:100%;text-align:left;margin: 0 auto 25px;margin-top:10px} .customer-account-forgotpassword h1 {text-align:center;} .customer-account-forgotpassword .fieldset {background-color:none;border:0;text-align:left;margin:0;} .customer-account-forgotpassword .fieldset h2 {margin:0 0 20px 0; padding:0; } .customer-account-forgotpassword .form-list label {float:none;} .customer-account-forgotpassword .input-box {width:900px;} .customer-account-forgotpassword .input-box input{background-color:none;border:1px solid #bebebe;text-align:left} .customer-account-forgotpassword .fieldset p.required { text-align:left; } .customer-account-forgotpassword .buttons-set { background-color:none;border:0; margin:0; padding:0;text-align:left;} .customer-account-forgotpassword .buttons-set li{ list-style:none;} .customer-account-forgotpassword .buttons-set button.button {margin:0;float:none;width:100%} .customer-account-forgotpassword .buttons-set button.button span {} /* ====== */ .customer-account-changeforgotten {} .customer-account-changeforgotten .buttons-set button.button {margin:0;float:none;width:100%} .customer-account-changeforgotten .input-box {width:100%;max-width:700px;clear:none;float:left;} .customer-account-changeforgotten .input-box input{width:300px;background-color:#FFFFFF;border:1px solid #BEBEBE;text-align:left;border-radius:0px 0px;padding: 10px 10px;} /* Login/Create Pages ============================================================ */ .customer-account-login .breadcrumbs {text-align:center;margin-top:20px;} .customer-account-create .breadcrumbs {text-align:left;margin-top:20px;} /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/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 { padding:10px; } .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 ; text-align:center; text-decoration:none; white-space:nowrap; color:#0f0f0f; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 8em 1.5em 0; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0px 10px; } /* nav */ .my-account-navigation {text-align:center;padding:0 30px 20px;} .my-account-navigation .page-title {margin-bottom:0} .my-account-navigation .page-title h1 {} .my-account-navigation .my-account-subtitle {text-align:center;margin-bottom:20px;} .my-account-navigation .my-account-subtitle a {color:#202020;font-weight:bold;} .my-account-navigation select {width:100%;max-width:480px;font-weight:bold;} .customer-account-navigation {width:300px;margin-top:90px;} /* General Box */.box-account { background:none; padding: 0px; margin: 0 0 20px 0;} .box-account .box-content a, .box-account .box-title a {padding:4px 0;color:#0F0F0F;text-decoration:underline;} .box-account .box-content a.button {padding:4px 0;color:#0F0F0F;text-decoration:none;display:block;width:420px;height:30px;background-color:#E0E0E0;font-size:18px;line-height:30px;margin: 10px auto;} .dashboard-info {background-color:#FFFFFF;text-align:center;padding:20px;margin-bottom:20px} .dashboard-address {background-color:#FFFFFF;text-align:center;padding:20px;margin-bottom:20px} .dashboard-info p, .dashboard-address p ,.dashboard-address address{font-size:18px;font-style:italic;font-weight:bold;color:#0F0F0F;} .my-account .page-title {overflow:visible;margin-left:auto;margin-right:auto;text-align:left} .my-account .page-title h1{text-align:left;white-space:nowrap;float:none;} .dashboard .box .box-title { padding:0 0 2px; margin:0 0 8px;} .dashboard .box .box-title h3 {font-size:14px;font-weight:bold;} .dashboard .box .box-title h4 {font-size:20px; font-weight:bold; margin:0; } .my-account .back-link {text-align:left; margin:20px 0px 20px 0px} .my-account .fieldset {background-color:none;border:0;} .my-account .fieldset .legend {background-color:none;margin:0;font-size:16px;float:none;border:0;padding:0;} .my-account button.button span {background-color:#202020;} /* Edit account */ .customer-account-edit .my-account .fieldset p.required { text-align:left; } .customer-account-edit .my-account h2 { font-weight:normal; font-size:20px; margin:0px 0 20px 0; padding:0; } .customer-account-edit .my-account .fieldset {background-color:none;border:0;text-align:left;padding:0px;margin:0;} .customer-account-edit .my-account .form-list .field {float:none;text-align:left;width: auto;} .customer-account-edit .my-account .form-list label {float: left;margin-right: 20px;text-align: left;width: 200px;} .customer-account-edit .my-account .input-box {clear: none;float: left;margin-bottom: 10px;width: 450px;} .customer-account-edit .my-account label.required em {float:none;position:static;} .customer-account-edit .my-account .input-box input {background-color: #ffffff;border: 1px solid #bebebe;box-sizing: border-box; max-width: 300px;text-align: left;width: 100%;} .customer-account-edit .my-account .buttons-set { background-color:none;border:0; margin-top:20px; padding:0 0px 0px 0px;text-align:left;} .customer-account-edit .my-account .buttons-set li{ list-style:none;} .customer-account-edit .my-account .buttons-set button.button {background-color: #336699;float: right;margin: 0;width: 300px;} .customer-account-edit .my-account .buttons-set button.button span {background-color:#336699;} /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { } /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { text-transform:none;margin:0px 0 5px 0; font-size:14px; font-weight:bold; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_ma-reviews.gif); } .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#0f0f0f; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/i_ma-tags.gif); } .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#0f0f0f; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { margin-left:20px; } .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 h2 { font-weight:bold; font-size:13px; color:#e26703; text-transform:uppercase; } .addresses-list h3 { font-size:13px; } .addresses-list address { margin:0 0 5px; } .addresses-list p { margin:0; } .addresses-list a { } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; padding:0px 0px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } .box-address {background-color:none;text-align:left;padding:0px;margin-bottom:20px;} .box-address.addresses-additional {padding-bottom:20px} .addresses-list h3 {font-size:20px;text-align:left; margin:0 0 10px} .addresses-list li.item {background: transparent none; border:0;text-align:left;} /* Edit Address */ .customer-address-form .my-account .fieldset p.required { text-align:left; } .customer-address-form .my-account h2, .customer-address-form .my-account h2.legend { margin:0px 0 20px 0; padding:0; } .customer-address-form .my-account .fieldset {background-color:none;border:0;text-align:left;padding:0px;margin:0;} .customer-address-form .my-account .form-list .field {float:none;text-align:left;width: auto;} .customer-address-form .my-account .form-list label {float: left;margin-right: 20px;text-align: left;width: 200px;} .customer-address-form .my-account .input-box {clear: none;float: left;margin-bottom: 10px;width: 450px;} .customer-address-form .my-account label.required em {float:none;position:static;} .customer-address-form .form-list li.wide .input-box {} .customer-address-form .form-list li.wide input.input-text {width:300px;} .customer-address-form .my-account .input-box input{width:300px;background-color:#FFFFFF;border:1px solid #BEBEBE;text-align:left} .customer-address-form .my-account .buttons-set { background-color:none;border:0; margin-top:10px; padding:0 0px 0px 0px;text-align:left;} .customer-address-form .my-account .buttons-set li{ list-style:none;} .customer-address-form .my-account .buttons-set button.button {background-color: #336699;float: right;margin: 0;width: 300px;} .customer-address-form .my-account .buttons-set button.button span {background-color:#336699;} /* Order View */ .order-info { background:#E5E5E5; border:0px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; } .order-info dt,.order-info dd,.order-info ul,.order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:0px 0; } .order-info-box {border:0px solid #d0cbc1; padding:0px 0px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-info-box.col2-set .col-1, .order-info-box.col2-set .col-2 {width:50%;} .order-items { width:100%; overflow-x:auto; } .order-items h2,.order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } .my-account .order-items {margin-bottom:30px} /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .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 { 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 .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span,.my-wishlist .buttons-set .btn-share span { border-color:#406a83; background:#618499; } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 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 { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#2f2f2f; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */.billing-agreements .info-box{ margin:15px 0; } .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; } /* ======================================================================================= */ /* MAP Popup============================================================================== */.cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:300px; } .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 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container {background-color: #F5F5F5; margin-top:20px;} .footer { width:940px; margin:0 auto; padding:30px 0px 20px;} .footer .store-switcher { display:inline; margin:0 5px 0 0; color:#0f0f0f; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { color:#0f0f0f; text-decoration:none; } .footer a:hover { color:#202020; text-decoration:none; } .footer .bugs { margin:13px 0 0; } .footer .bugs a { color:#ecf3f6; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin:0 0 20px;} .footer address a { color:#ecf3f6; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { display:inline; } .footer ul.links { display:block; } .footer li { display:inline; padding:0 7px 0 4px; font-size:12px;font-family:'Roboto', Helvetica, sans-serif;text-transform:uppercase;font-style:normal;color:#7F7F7F;} .footer li a{ font-size:13px;font-family:'Roboto', Helvetica, sans-serif;text-transform:uppercase;color:#7F7F7F;} .footer li.last { padding-right:0 !important; } .footer-container .bottom-container { margin:0 0 5px; } .footer .social-links {margin-bottom:20px;} .footer .col4-set {padding-bottom:20px;text-align:left;} .footer .col4-set ul li {display:block;padding:0;margin-bottom:10px;font-weight:300;} .footer .col4-set ul li a{text-transform:none;} .footer .col4-set h3 {font-size:14px;font-weight:300;text-transform:uppercase;color:#202020;margin-bottom:10px;} .footer .copyright {padding:0px 0 0; font-size:12px;} /* Contact form ============================================================= */ .contacts-index-index .page-title {width:50%;text-align:center;margin: 0 auto 25px;} .contacts-index-index h1 {text-align:center;} .contacts-index-index .fieldset {background-color:#FFFFFF;border:0;text-align:center;padding:0 20px 10px;margin:0;} .contacts-index-index .fieldset h2 { font-weight:bold; font-size:36px; margin:0 0 10px 0; padding:0; text-transform:uppercase; color:#0F0F0F; } .contacts-index-index .form-list label {float:none;font-style:italic;} .contacts-index-index .input-box , .contacts-index-index .form-list li.wide .input-box {width:900px;} .contacts-index-index .input-box input{width:415px;background-color:#F0F0F0;border:0;font-style:italic;text-align:center} .contacts-index-index .fieldset p.required { text-align:center; } .contacts-index-index .buttons-set { background-color:#FFFFFF;border:0; margin:0; padding:0 20px 10px 20px;text-align:center;} .contacts-index-index .buttons-set li{ list-style:none;} .contacts-index-index .buttons-set button.button {background-color:#336699;width:421px;margin:0;float:none;} .contacts-index-index .buttons-set button.button span {background-color:#336699;font-style:italic;height:30px;} /* Order and returns - guest =====================*/.sales-guest-form .page-title {width:50%;text-align:center;margin: 0 auto 25px;} .sales-guest-form h1 {text-align:center;} .sales-guest-form .block-content {background-color:#FFFFFF;text-align:center;padding:20px;} /* Sample Data============================================================================ */.home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name,.home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .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 .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,.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 { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .main a { text-decoration:none;} .main a:hover {text-decoration:none;} /* ======================================================================================= */.guest-select {width:305px !important;} /* mycart/wishlist */#toplinks-container {position:absolute;top:0;right:0;} #toplinks-container li{float:left;margin:0;} #toplinks-container a {background-color:#F0F0F0;color:#202020;font-size:14px;font-weight:normal;line-height:50px;padding:0 10px 0 10px;text-decoration:none;vertical-align:top;} #toplinks-container a:hover {background:#CC0000;color:#FFFFFF;} #toplinks-container a.top-link-cart {display:block;height:50px;font-weight:normal;} #toplinks-container a.top-link-checkout {display:block;height:40px;} .my-wishlist {} .my-wishlist label { float:left; margin-right:5px; font-weight:normal; color:#7F7F7F; text-transform: uppercase; height:30px;line-height:30px;font-size: 18px; font-weight:200;width:60px;} .my-wishlist .qty { float:left; margin-right:5px; } .my-wishlist .availability {width:140px;height:30px;border:1px solid #336699;color:#336699;text-align:center} .my-wishlist .availability span{line-height:30px;text-transform:uppercase;font-size:18px;} .my-wishlist button.btn-cart { clear:both;background-color:#336699;height:40px;line-height:40px;font-size:24px;font-weight:bold;width:260px;margin:10px 0 0 0 ;} .my-wishlist button.btn-cart span {background-color:#336699;height:40px;line-height:40px } .my-wishlist button.btn-cart:hover span{background-color:#99CC66;} .my-wishlist button.btn-cart span span{background-color:#336699;height:40px;line-height:40px;font-size:24px;font-weight:bold;} .my-wishlist .actions {margin-top:20px;} .my-wishlist .size-view {position:relative;} .my-wishlist .size-view ul{} .my-wishlist .size-view ul li.title{padding:0 0px 0 0;float:left;margin-right:0px;text-transform:uppercase;font-size:18px;font-weight:200;color:#7F7F7F;width:60px;height:30px;line-height:30px;} .my-wishlist .size-view ul li.size-item{float:left;width:20px;height:30px;background-color:#FFFFFF;color:#0F0F0F;margin: 0 10px 0 0px;cursor:pointer;line-height:30px;text-align:center;} .my-wishlist .size-view ul li.size-item.last {margin-right:0px;} .my-wishlist .size-view ul li.selected{background-color:#336699;color:#FFFFFF} .my-wishlist .btn-wishlist-remove {margin-top:10px;font-size:16px;display:block;} /* Style pour les pages CMS ========= */.banner-640 {position:relative;height:640px;overflow-y:hidden;} .banner-640 img {position:absolute;} .banner-640 img:hover {top:-640px} .banner-500 {position:relative;height:500px;overflow-y:hidden;} .banner-500 img {position:absolute;} .banner-500 img:hover {top:-500px} .banner-440 {position:relative;height:440px;overflow-y:hidden;} .banner-440 img {position:absolute;} .banner-440 img:hover {top:-440px} .banner-320 {position:relative;height:320px;overflow-y:hidden;} .banner-320 img {position:absolute;} .banner-320 img:hover {top:-320px} .banner-330 {position:relative;height:330;overflow-y:hidden;} .banner-330 img {position:absolute;} .banner-330 img:hover {top:-330} .banner-340 {position:relative;height:340px;overflow-y:hidden;} .banner-340 img {position:absolute;} .banner-340 img:hover {top:-340px} .banner-240 {position:relative;height:240px;overflow-y:hidden;} .banner-240 img {position:absolute;} .banner-240 img:hover {top:-240px} .banner-160 {position:relative;height:160px;overflow-y:hidden;} .banner-160 img {position:absolute;} .banner-160 img:hover {top:-160px} .banner-60 {position:relative;height:60px;overflow-y:hidden;} .banner-60 img {position:absolute;} .banner-60 img:hover {top:-60px} .banner-40 {position:relative;height:40px;overflow-y:hidden;} .banner-40 img {position:absolute;} .banner-40 img:hover {top:-40px} /* Modif V1 */#media-button-right {width:100px;height:100px;} #media-button-wishlist {} /* Modif V2 */.content-top-container {text-align: center;} .content-top {position:relative;overflow: visible;min-height:200px;height: auto;margin: 0 auto;} .content-top .nav-container {position:relative;z-index: 10;display:none;} .content-top .nav-container.overnav {z-index: 20} .content-top #nav {height: 340px!important;padding: 0;position:relative;top:0px;left:25px} .content-top #nav li {width:20px;height:4px;min-height: 4px;position: relative;border:0;line-height: 4px;} .content-top #nav li a {width:20px;border-bottom: 0px dotted #7F7F7F;padding: 0;} .content-top #nav li a span {height: 10px;line-height: 4px;text-align: left;font-size: 4px;font-weight: bold;padding: 0;color: #FFFFFF;} .content-top #nav li img.menu-icon {height: 0px;width: 0px;margin: 0 0px;} .content-top #nav li ul {width:50px;position: absolute;left:200px;top:0;height: 4px;visibility: hidden;} .content-top #nav li.over {background: none;z-index:99999} .content-top #nav li.over li.over{background: none;} .content-top #nav li.over a{border: 0} .content-top #nav li.over ul {visibility: visible;} .content-top #nav li.over a span {color:#FFFFFF;} .content-top #nav li.over ul li a span {font-size: 4px;font-weight: normal;text-transform:uppercase;} .content-top #nav li ul li{width: auto;min-width:30px;float: left;height: 4px;} .content-top #nav li ul li a{border:0;min-width: 30px;width: auto;margin-right: 10px;} .content-top .category-image {overflow: visible;position: absolute;bottom: 0;margin: 0;overflow-x: hidden;width: 100%;} .content-top .content-top-background {position: absolute;bottom: 0;margin-left: auto; margin-right: auto;left: 0;right: 0;} /* new design v2 : product list */ .category-info {padding-top: 0px;} .category-info .breadcrumbs {font-size:12px;padding-bottom: 10px;text-align:center;} .category-info .category-title {clear:both;width: 100%;text-align:center;} .category-info .category-title h1{display:inline;font-weight:bold;} .category-info .category-title h1.current {font-weight:bold;} .category-info .category-title h1 a {color:#000000} .category-info .category-title h1 a:hover{text-decoration:none;color:#336699;} .category-info .category-title .separator {/*background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/fleche_breadcrumbs.png)no-repeat left center;*/ display: inline-block; font-size: 40px; font-weight: 300; height: 27px; line-height: 20px; margin: 0 8px; width: 15px; } .category-info ul.filter-category {font-family: 'Roboto', Helvetica, sans-serif; font-size: 14px; text-transform:uppercase;line-height:14px;margin-bottom:10px;margin-left:0px;text-align:center;} .category-info ul.filter-category li {display:inline;line-height: 25px;} .category-info ul.filter-category li a{color:#202020;font-style:normal;font-weight:none;padding:2px 4px;white-space:nowrap;} .category-info ul.filter-category li a:hover{color:#ffffff;background-color:#202020} .category-info ul.filter-category li.current a{color:#ffffff;background-color:#202020;} .category-info-clear {clear:both;height: 1px;border-top:1px dotted #7F7F7F;margin-bottom: 10px;} .category-info p.category-desc {width:100%;margin-bottom:20px;margin-right: 0px;clear:both;text-align:center;} .category-info p.category-desc-image {width:300px;margin-top:10px;margin-right: 20px;float:left;} .category-info .block-layered-nav {width: 300px;float: left;margin-right: 20px;} .category-info .block-layered-nav .filter-container {width: 300px;float: left;margin-right: 20px;} .category-info .block-layered-nav .filter-container.even {margin-right: 0px;} /* new design v2 : product view */ .catalog-product-view .header-container {} .catalog-product-view .content-top-container {background-color: #FFFFFF;display:none;} .catalog-product-view .content-top {min-height: 340px;} .catalog-product-view .content-top #nav {top:-80px} .product-media-container {} .product-media-container .more-views {float:left;width:70px;margin-right: 30px;} .product-media-container .more-views img {border:1px solid #F0F0F0;margin-top:10px;} .product-wishlist-button {float:right;margin-right: 30px;} /* product configurable */.add-to-cart-view .input-box {padding: 0 20px 0 20px;} .add-to-cart-view .input-box select {width:100%;margin-right: 0;} /* Product Images */.content-top .product-img-box { width:620px; left:0px;overflow: hidden; height:450px;position:absolute;bottom: 0;z-index: 11} .col3-layout .product-view .product-img-box { float:none; margin:0 auto;} .content-top .product-img-box .product-image { margin:0; width:620px;position:relative;background-color:#FFFFFF;} .content-top .product-img-box .product-image-zoom { position:relative; width:620px; z-index:9; float: left; } .content-top .product-img-box .product-image-zoom img { } .content-top .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; } .content-top .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .content-top .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .content-top .product-img-box .zoom #track { position:relative; height:18px; } .content-top .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/magnifier_handle.gif) 0 0 no-repeat; } .content-top .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .content-top .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .content-top .product-img-box .more-views h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .content-top .product-img-box .more-views ul { margin-left:-9px } .content-top .product-img-box .more-views li { float:left; margin:0 0 8px 9px; } .content-top .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .product-img-box .slide-left-button {left: 0px;width:30px;height: 60px;background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_left.png) no-repeat center center;top:45%;position: absolute;text-decoration: none;cursor:pointer;background-size:30px 60px;} .product-img-box .slide-right-button {right: 0px;width:30px;height: 60px;background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_right.png) no-repeat center center;top:45%;position: absolute;text-decoration: none;cursor:pointer;background-size:30px 60px;} .product-img-box .slide-zoom-button {right: 100px;width:100px;height: 100px;background: #FFFFFF url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/zoom.jpg) no-repeat center center;top:250px;position: absolute;text-decoration: none;} .product-img-box a.slide-right-button, .product-img-box a.slide-left-button {text-decoration:none;display:none;} .product-img-box:hover a.slide-right-button, .product-img-box:hover a.slide-left-button {display:block;} /* Special design : black */ body.black {background-color:#FFFFFF;} body.black #nav a{color:#FFFFFF} body.black #nav a.over{color:#990000} body.black #nav ul li a { color:#7F7F7F; } body.black #nav li.over ul li a { color:#7F7F7F; } body.black #nav li.over ul li a.over { color:#990000; } body.black .main {background-color:#FFFFFF;} body.black .header .quick-access ul.links{background-color:#202020} body.black .footer a {color: #7F7F7F; } body.black .footer a:hover {color:#336699; } /* *** socolissimosimplicite_iframe */ #socolissimosimplicite_iframe {margin:0 auto;} /* bouton see-all-product */ .toolbar-container a.btn-see-all { display:block; margin-bottom:20px; text-align:center; font-style:none; color:#FFFFFF; background-color:#CC0000;text-transform:uppercase;cursor:pointer;height:40px;line-height:40px;letter-spacing:7px;font-size:20px;} .toolbar-container a.btn-see-all:hover {background-color:#0F0F0F;color;#FFFFFF;} /* 14-08-2013 */ .out-of-stock {display:block;text-align:center;background-color:#202020;height:30px;line-height:30px;color:#FFFFFF;border:0px solid #cdcdcd;margin-bottom:20px;} .sticky-button-nav {position:fixed;right:0;top:47%;display:block;z-index:9999;} .sticky-button-nav a{display:block;margin-bottom:1px;cursor:pointer} /* 27/08/2013 - modif customer account */ .dashboard .col2-set .col-1 {width: 280px;} .dashboard .col2-set .col-2 {width: 280px;} .col2-left-layout .my-account {background-color:none;padding:0px;margin-top:0px;} #my-orders-table { width:100%; } #my-orders-table thead th{ font-size:14px; } /* 02/09/2013 - search form */ #sticky-search-form { display:block; background-color:#E0E0E0; border:0; right: 0px; top:0; position: absolute; width: 200px; } #sticky-search-form input.input-text { background:none; border:0; padding:10px 10px 10px 20px; color:#202020; font-weight:normal; font-size:12px; margin-left: 0px; width:150px; text-align:left; -webkit-transition : border 500ms ease-out; -moz-transition : border 500ms ease-out; -o-transition : border 500ms ease-out; transition : border 500ms ease-out; font-style:normal; } #sticky-search-form input.input-text:focus {border:0;} #sticky-search-form button.button {border:0;background:transparent none;position:absolute;right:10px;top:11px;} #sticky-search-form button.button img {height:24px;} /* 03/09/2013 - add to cart in list */ .category-products .products-grid li.item .actions { padding: 0; text-align:center; margin: 0; } .category-products .products-grid li.item .actions select {display:block;width:100%;} .category-products .products-grid li.item .actions .btn-cart {background-color:#202020;text-align:center;display:block;margin: 5px 0;width:100%;} .category-products .products-grid li.item .actions .btn-cart span {background-color:#202020;height:40px;line-height:40px } .category-products .products-grid li.item .actions .btn-cart:hover span{background-color:#4D4D4D;} .category-products .products-grid li.item .actions .btn-cart span span {} .category-products .products-grid li.item .item-overlay {padding-left:0;padding-right:0;width:300px;} .category-products .products-grid li.item .item-overlay .product-brand {padding-left:20px;padding-right:20px;} .category-products .products-grid li.item .item-overlay .product-name {padding-left:20px;padding-right:20px;} .category-products .products-grid li.item .item-overlay .price-box {padding-left:20px;padding-right:20px;} .category-products .products-grid li.item .item-overlay .description {padding-left:20px;padding-right:20px;} .category-products .products-grid li.item .item-overlay .related {padding-left:20px;padding-right:20px;} /* 16/12/2013 - modif catalog category */ .page-title .root-category { color: #999999; font-family: 'Roboto', Helvetica, sans-serif; font-size: 28px; font-weight: bold; font-style:none; line-height: 40px; margin: 0 10px 0px 0; text-transform: uppercase; display:inline; } .cat-layer-desc { width:300px; height:450px; } .product-view .product-view-top-data { height: 150px; position: absolute; right: 70px; top: -420px; width: 300px; } .product-view .product-view-top-data .product-brand { float:none; clear:both; text-align:center; } .product-view .product-view-top-data .price-box { text-align:center; position:absolute; bottom:0; width:300px; } .product-view .product-view-top-data .regular-price .price { font-size: 30px; } .product-view .static-block-bellow-add { width: 300px; } /* top-bar */ .header-top-bar-wrapper { /*height:110px;*/ background-color:#F5F5F5; width:100%; z-index:999; position:relative; } .header-top-bar-wrapper .header-top-bar{ width:940px; margin:0 auto; position:relative; height:80px; line-height:80px; } .header-top-bar-wrapper .logo-sixthjune{ } .header-top-bar-left { position:absolute; top:0; left:0; text-align:left; } .header-top-bar-right { position:absolute; top:0; right:0; text-align:right; } .header-top-bar-left .form-language img { vertical-align:middle; } .header-top-bar-left .form-language { display:inline; margin-left:13px; margin-right:35px; position:relative; } .header-top-bar-left .form-language .current-flag {display:inline;cursor:pointer;} .header-top-bar-left .form-language select#select-language {position:absolute;left:0;top: -4px;display:none;z-index:999999} .back-to-home-link { position:absolute; left:13px; top:10px; } #header-top-bar-right-links {} #header-top-bar-right-links p {display:inline;} #header-top-bar-right-links .links { display:inline; } #header-top-bar-right-links a.top-link-cart span.mobile-count { display: none;} #sticky-header-top-link { background-color: #F0F0F0; color:#202020; display: block; /*height: 30px;*/ left: 0; line-height: 40px; margin: 0; position: relative; text-align: center; top: 0; width: 100%; } #sticky-header-top-link:hover {background-color: #FAFAFA;} #sticky-header-top-link.switcher-opened:hover {background-color: #FAFAFA;} #sticky-header-top-link a{ font-size:14px;margin-right:0px;font-weight:normal;color:#FF8C00; } #header-top-bar-right-links a { font-size: 13px; color:#202020; font-weight:normal; margin-left:5px; margin-right:5px; padding-top:0px; padding-bottom:0px; } .header-top-bar-right .top-link-cart { font-size: 12px; color:#202020; font-weight:bold; } #header-top-bar-right-links a.account-link { background: transparent url("https://www.sixthjune.com/skin/frontend/sixthjune/default/images/my_account_mobile.png") no-repeat scroll left center; background-size:24px 24px; padding-left:30px; } #header-top-bar-right-links a.top-link-cart { background: transparent url("https://www.sixthjune.com/skin/frontend/sixthjune/default/images/cart_mobile.png") no-repeat scroll left center; background-size:24px 24px; padding-left:30px; margin-left:20px; } /* **** widget product viewed / category */ .widget.widget-grid-line {margin-bottom:0px!important;} .widget.widget-grid-line .widget-title {background-color:none;height:30px;margin: 0 0 0px;padding:0} .widget.widget-grid-line .widget-title .title-container {position:absolute;left:50%;} .widget.widget-grid-line .widget-title h2 { color: #202020; font-size: 14px; font-weight: normal; text-transform: uppercase; position:relative; padding: 6px 30px; background-color:#FFFFFF; right: 50%; } /*.widget.widget-grid-line .widget-title .line-title{width:100%;height:50%;border-bottom:1px solid #cccccc;}*/ .widget.widget-grid-line .widget-title h2 a.goto-category-link {} .widget.widget-grid-line .widget-title h2 .move-buttons { position:absolute; right:0px; top:0; } .widget.widget-grid-line .move-left { display: none; height:60px; width:30px; text-align:center; font-size:16px; margin-right:0px; cursor:pointer; position:absolute; left:0; z-index: 99; } .widget.widget-grid-line .move-left img {margin-top:90px;} .widget.widget-grid-line .move-right { display: none; height:60px; width:30px; text-align:center; font-size:16px; cursor:pointer; line-height:210px; position:absolute; right:0px; z-index: 99; } .widget.widget-grid-line .move-right img {margin-top:90px;} .widget.widget-grid-line .widget-title h2 .move-buttons .move-left:hover {background-color:#7F7F7F} .widget.widget-grid-line .widget-title h2 .move-buttons .move-right:hover {background-color:#7F7F7F} /*.widget.widget-grid-line .products-grid-container {width:940px;height:230px;overflow:hidden;position:relative;float:left;} .widget.widget-grid-line .products-grid-carousel, .widget.widget-grid-line .products-grid {width:780px;height:230px;list-style:none inside;margin-bottom:20px;position:relative;} .widget.widget-grid-line .products-grid-carousel li.item, .widget.widget-grid-line .products-grid li.item { background-color: #FFFFFF; height: 250px; margin-bottom: 10px; padding: 0; position: relative; width: 140px; float:left; margin-right:20px; }*/ .widget.widget-grid-line .products-grid li.item {position:absolute;float:none;} .widget.widget-grid-line .ms-nav-prev, .widget.widget-grid-line .ms-nav-next { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/staff-arrows.png) white no-repeat -7px -57px; width: 35px; height: 40px; left: -35px; margin-top: -17px; box-shadow: 0px 1px 0px 0px rgb(190, 190, 190); position: absolute; top: 50%; cursor: pointer; } .widget.widget-grid-line .ms-nav-next { background-position: -6px -7px; right: -35px; left: auto; } .widget.widget-grid-line .products-grid-carousel li.item.last, .widget.widget-grid-line .products-grid li.item.last {margin-right:0;} .widget.widget-grid-line .products-grid-carousel li.item .widget-product-image, .widget.widget-grid-line .products-grid li.item .widget-product-image { width:140px; height:210px; display:block; } .widget.widget-grid-line .products-grid-carousel li.item .widget-product-info, .widget.widget-grid-line .products-grid li.item .widget-product-info { width:200px; height:40px; display:block; text-align: center; } .widget.widget-grid-line .products-grid li.item .widget-product-info:hover {text-decoration:none} .widget.widget-grid-line .products-grid li.item .widget-product-info:hover {text-decoration:none} .widget.widget-grid-line .products-grid-carousel li.item .price-box, .widget.widget-grid-line .products-grid li.item .price-box {text-align:center;float:none;margin:0} .widget.widget-grid-line .products-grid-carousel li.item .price-box .special-price .price, .widget.widget-grid-line .products-grid li.item .price-box .special-price .price {color: #CC0000;} .widget.widget-grid-line .products-grid-carousel li.item .price-box .price , .widget.widget-grid-line .products-grid li.item .price-box .price {color: #202020;font-size: 12px;font-weight:bold;} .widget.widget-grid-line .products-grid li.item .product-brand, .widget.widget-grid-line .products-grid-carousel li.item .product-brand {text-align:center;font-size:10px;font-weight:normal;float:none;margin:0} .category-products.widget-products:hover .move-left {display:block} .category-products.widget-products:hover .move-right {display:block} .category-products.widget-products:hover .move-left {display:block} .category-products.widget-products:hover .move-right {display:block} .widget-viewed .widget-products:hover .move-left {display:block} .widget-viewed .widget-products:hover .move-right {display:block} .widget-viewed .widget-products {position:relative;} .widget.widget-grid-line .products-grid-carousel li.item-widget { background-color: #FFFFFF; height: 230px; margin-bottom: 10px; padding: 0; position: relative; width: 140px; float: left; margin-right: 20px; } .widget.widget-grid-line .products-grid-carousel li.item-widget .price-box {text-align:center;float:none;margin:0;display:none;} .widget.widget-grid-line .products-grid-carousel li.item-widget .price-box .special-price .price {color: #CC0000;} .widget.widget-grid-line .products-grid-carousel li.item-widget .price-box .price {color: #202020;font-size: 12px;font-weight:bold;} .widget.widget-grid-line .products-grid-carousel li.item-widget .product-brand {text-align:center;font-size:10px;font-weight:normal;float:none;margin:0} /* infinite slider */ .infinite-slider { width:100%; position:relative; } .infinite-slider li{ width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:none; background-position:center top; background-size:cover; overflow:hidden; } .infinite-slider div.arrow-left { position:absolute; left: 50%; top:50%; margin-left:-500px; margin-top:-20px; background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_left.png) no-repeat center center; width:30px; height:60px; z-index:101; cursor:pointer; display:none; } .infinite-slider div.arrow-right { position:absolute; left: 50%; top:50%; margin-left:475px; margin-top:-20px; background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_right.png) no-repeat center center; width:30px; height:60px; z-index:101; cursor:pointer; display:none; } .infinite-slider-pager {text-align:center;margin: 10px 0;position:absolute;bottom:10px;z-index:101;width:100%;} .infinite-slider-pager span {background-color:#ffffff;height:10px;width:10px;border-radius:20px;margin:0 5px;display:inline-block;overflow:hidden;text-indent:-999px;cursor:pointer;border:1px solid rgba(255,255,255,0.7)} .infinite-slider-pager span.cycle-pager-active {background-color:#202020} .infinite-slider:hover div.arrow-left, .infinite-slider:hover div.arrow-right {} /* 22/12/2014 */ .products-grid ul.product-vignette { position:absolute; bottom:75px; left:0px; list-style:none inside; width:100%; text-align:center; } .products-grid ul.product-vignette li { font-weight: 300; color:#FFFFFF; background-color:#202020; padding: 3px 6px 3px 6px; margin-left:5px; margin-right:5px; display:inline; font-size:13px; line-height: 24px; } .products-grid li.item:hover ul.product-vignette {display:none;} .products-grid ul.product-vignette li.vignette-grey {background:#F0F0F0;color:#202020;} .products-grid ul.product-vignette li.vignette-black {background-color:#333333;} .products-grid ul.product-vignette li.vignette-orange {background-color:#FF8C00;color:#FFFFFF;} .products-grid ul.product-vignette li.vignette-red {background-color:#CC0000;color:#FFFFFF;} .products-grid ul.product-vignette li.vignette-yellow {background:#FFE600;color:#202020;} .products-grid ul.product-vignette li.vignette-fluo {background:#F4F776;color:#202020;} .product-shop .product-brand img {display:inline;vertical-align:middle; max-height: 50px;} .catalog-product-view .sixthjune-tags { position:absolute; top:20px; right:10px; z-index: 10; } .catalog-product-view .sixthjune-tags ul.product-vignette, .product-shop .product-brand ul.product-vignette { position:relative; list-style:none inside; display:inline; } .catalog-product-view .sixthjune-tags ul.product-vignette li, .product-shop .product-brand ul.product-vignette li{ font-weight: 300; color:#FFFFFF; background-color:#202020; padding: 3px 6px 3px 6px; margin-right:10px; display:inline; font-size:14px; white-space:nowrap; line-height: 24px; } .catalog-product-view ul.product-vignette li.vignette-grey {background:#F0F0F0;color:#202020;} .catalog-product-view ul.product-vignette li.vignette-black {background-color:#333333;} .catalog-product-view ul.product-vignette li.vignette-orange {background-color:#FF8C00;color:#FFFFFF;} .catalog-product-view ul.product-vignette li.vignette-red {background-color:#CC0000;color:#FFFFFF;} .catalog-product-view ul.product-vignette li.vignette-yellow {background:#FFE600;color:#202020;} .catalog-product-view ul.product-vignette li.vignette-fluo {background:#F4F776;color:#202020;} .display-filter-button { display:block; color: #202020; font-style: normal; font-weight: 300; padding: 2px 4px; white-space: nowrap; font-size:13px; } .filter-state {position:relative;margin-bottom: 10px;} .filter-state ol {display:inline;} .filter-state ol li {display:inline;margin:0 10px;} .filter-state ol li .btn-remove {background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn-remove-filter.png);background-size:11px 11px;background-position:0 1px;display:inline-block} .filter-state .actions {float:left;} .filter-state .actions a {display:block;background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/close_filter.png) no-repeat center center;width:32px;height:32px;text-indent:-999px;overflow:hidden;margin-left: 8px;} .iframe-crosslog-container iframe {width:100%;} .iframe-crosslog-container-mobile {display:none} /* Style pour la category-bottom-description */ .category-bottom-description { color:#7F7F7F;font-size: 12px} .category-bottom-description h1{color:#7F7F7F;font-size: 16px} .category-bottom-description h2{color:#7F7F7F;font-size: 15px} .category-bottom-description h3{color:#7F7F7F;font-size: 14px} .category-bottom-description p{} .category-bottom-description a{} /* style pour widget : image-text-block*/ .image-text-block {position:relative;text-align:center;} .image-text-block img {max-width:100%;} .image-text-block ul { position:absolute; left: 10%; margin-left: 0%; width:80%; top:30%; } .image-text-block ul li {display:inline;margin-bottom:10px;text-align:center;background:#FFFFFF;color:#000000;font-size:20px;font-weight:bold;padding:5px 10px;} .image-text-block a {display:block} .image-text-block ul li a{ border-radius: 0px; border:0px solid #FFFFFF; text-align:center; padding:8px 10px; font-size:30px; color: #000000; } .image-text-block ul li a:hover {} /* amstockstatus-stockalert */ .amxnotif-block { background-color:#F0F0F0; padding:20px; margin-bottom:20px; } .amxnotif-block label {text-transform:none;margin-bottom:10px;display:block;} .amxnotif-block input {box-sizing: border-box;max-width: 100%;width: 100%;padding:10px;} .amxnotif-block button {width:100%;margin-top:10px;} /* select-image */ .select-image {display:inline;margin-right:30px;} .select-image span {margin: 0 2px;cursor:pointer;font-weight:bold;} .select-image span.selected {color:#B38B6D;} .nb-items {display:inline;margin-right:30px;font-weight:300;} /* paypal review / validation page */ .paypal-express-validation {text-align:center;padding:30px;margin:20px 0;} .paypal-express-validation img {margin-bottom:20px;} .paypal-express-validation .validation-message {font-weight:bold;color:#336699;} /* choix payement : on cache les message d'erreur multiple */ .atos-select-cards li + li .validation-advice {display:none!important} /* message presentation payment method + shipping method */ .sp-methods dt .text_presentation {color:#7f7f7f;font-weight:300;padding-left: 30px;padding-top:10px;padding-bottom:10px;display:none;} .sp-methods dt .icon_payment {margin-right:5px;display:inline-block;min-width:40px} .sp-methods dt .icon_payment img {max-width:100%;} .sp-methods dd .icon_shipping {margin-right:5px;display:inline-block;min-width:80px;vertical-align:middle;} .sp-methods dd .icon_shipping img {max-width:100%;} .sp-methods dt input.radio + label {display:inline-block} .sp-methods dt input.radio + .text_presentation {display:none;} .sp-methods dt input.radio:checked +.text_presentation {display:block!important;} .sp-methods dt input.radio + label + .text_presentation {display:none;} .sp-methods dt input.radio:checked + label +.text_presentation {display:block!important;} .sp-methods dt input.radio + span + label + .text_presentation {display:none;} .sp-methods dt input.radio:checked + span+ label +.text_presentation {display:block!important;} .sp-methods dt input.radio:checked ~ .text_presentation {display:block!important;} .sp-methods dd input.radio + label {display:inline-block} .sp-methods dd input.radio + .text_presentation {display:none;} .sp-methods dd input.radio:checked +.text_presentation {display:block;} .sp-methods dd input.radio + label + .text_presentation {display:none;} .sp-methods dd input.radio:checked + label +.text_presentation {display:block;} .sp-methods dd input.radio + span + label + .text_presentation {display:none;} .sp-methods dd input.radio:checked + span+ label +.text_presentation {display:block;} .sp-methods dd input.radio:checked ~ .text_presentation {display:block} .sp-methods .text_presentation_shipping {color:#7f7f7f;font-weight:300;padding-left: 30px;padding-top:10px;padding-bottom:10px;} #checkout-shipping-method-load .sp-methods dd li {cursor:pointer;padding:10px 10px 10px 10px;margin:0 0 0px 0px} #checkout-shipping-method-load .sp-methods dd li:hover {background-color:#FAFAFA;} #checkout-shipping-method-load .sp-methods dd li.selected {background-color:#F0F8FF;} #checkout-shipping-method-load .sp-methods dd li.selected:hover {background-color:#F0F8FF;} #checkout-payment-method-load .sp-methods dt{cursor:pointer;padding:10px 0 10px 10px;margin:0 0 0px 0px} #checkout-payment-method-load .sp-methods dt:hover {background-color:#FAFAFA;} #checkout-payment-method-load .sp-methods dt.selected {background-color:#F0F8FF;} #checkout-payment-method-load .sp-methods dt.selected:hover {background-color:#F0F8FF;} #checkout-payment-method-load .sp-methods dd {margin: 0 0 0 0px;} #checkout-payment-method-load .sp-methods dt.selected + dd {background-color:#F0F8FF;} .button-chronorelais {} /* --- */ #checkout-step-billing li.control {cursor:pointer;padding:10px 0 10px 10px;margin:0 0 0px 0px;} #checkout-step-billing li.control:hover {background-color:#FAFAFA;} #checkout-step-billing li.control.selected {background-color:#F0F8FF;} #checkout-step-billing li.control.selected:hover {background-color:#F0F8FF;} /* --- cms-slider --- */ .cms-slider {width:100%;position:relative;} .cms-slider-pager {text-align:center;margin: 10px 0;position:absolute;bottom:10px;z-index:101;width:100%;} .cms-slider-pager span {background-color:#999999;height:10px;width:10px;border-radius:20px;margin:0 5px;display:inline-block;overflow:hidden;text-indent:-999px;cursor:pointer;border:1px solid rgba(255,255,255,0.7);} .cms-slider-pager span.cycle-pager-active {background-color:#333333} .cms-slider li img {width:100%;} .cms-slider div.arrow-left { position:absolute; left: 0%; top:50%; margin-top:-20px; background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_left.png) no-repeat center center; width:30px; height:60px; z-index:101; cursor:pointer; display:none; } .cms-slider div.arrow-right { position:absolute; right: 0%; top:50%; margin-top:-20px; background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_right.png) no-repeat center center; width:30px; height:60px; z-index:101; cursor:pointer; display:none; } .cms-slider:hover div.arrow-left, .cms-slider:hover div.arrow-right {display:block} /* -- -- */ .product-image-slide-pager {width:100%;position:relative;margin-top: 20px;text-align:center;} .product-image-slide-pager span {background-color:#999999;height:10px;width:10px;border-radius:20px;margin:0 5px;display:inline-block;overflow:hidden;text-indent:-999px;cursor:pointer;border:0px solid rgba(255,255,255,0.7);} .product-image-slide-pager span.pager-active {background-color:#333333} /* --- guide des taille page produit --- */ .guide-taille-container {padding:5px 0px;box-sizing: border-box;cursor:pointer;} .guide-taille-container h5 {font-size:14px;padding:5px 0px;margin:0px 0;cursor:pointer;} .guide-taille-container .guide-taille-content {display:none} .guide-taille-container .guide-taille-content p {padding:0 0px;margin-bottom:0;} .guide-taille-container .guide-taille-content p::first-letter {text-transform:uppercase;} .guide-taille-container .guide-taille-content img {/*max-width:100%;*/} /* register-subtitle */ .register-subtitle {font-size:14px;color:#000000;text-transform:uppercase;margin-bottom:20px;font-weight:bold;} .toolbar-container-top .pager {display:none} .subtitle-legend {color:#7F7F7F;font-weight:300;margin-bottom:20px;} /* ************************* */ /* ******** HEADER ********* */ /* ************************* */ .sticky-header {position:fixed;height:50px;border-bottom:1px solid #f0f0f0;top:0;width:100%;text-align:center;z-index:200;background-color:#FFFFFF;transition: background 200ms linear, height 200ms linear;} .sticky-header.scrollable {height:80px;position:relative;top:0px;} .header-transparent .sticky-header.scrollable{position:absolute;top:40px;background-color:transparent;border-bottom:0;transition:top 300ms ease-in-out;} .header-transparent .sticky-header {} .header-transparent .sticky-header.switcher-opened {} .header-transparent .sticky-header.scrollable.switcher-opened {top:240px;} .header-transparent .sticky-header.scrollable.subpanel-opened{background-color:#FFFFFF;transition: background-color 0s linear;} .header-transparent .sticky-header:hover {background-color:#FFFFFF;transition: background-color 0s linear;} .logo-sixthjune {position:relative;left:0px;top:50%;cursor:pointer;z-index:99999;transform:translateY(-50%)} .sticky-header .logo-sixthjune {height:40px;transition: height 200ms linear;} .sticky-header.scrollable .logo-sixthjune {height:60px;} .header-top-bar {position:relative;height:100%;width: calc(100% - 300px);left: 50%;transform: translateX(-50%);} .header-top-bar .header-top-left {position:absolute;top:40%;right:50%;transform:translateX(-80px) translateY(0%);text-align:right;height:60%;} .header-top-bar .header-top-left a {text-transform:uppercase;margin-right:40px;font-size:12px} .header-top-bar .header-top-right {position:absolute;top:40%;left:50%;transform:translateX(80px) translateY(0%);text-align:left;height:60%;} .header-top-bar .header-top-right a {text-transform:uppercase;margin-left:40px;font-size:12px} .header-top-bar .header-top-right a:hover {color:#666666;} .header-top-bar-wrapper.scrollable-header {margin-bottom:0;} .header-top-bar-wrapper {margin-bottom:50px;} .header-transparent .header-top-bar-wrapper {margin-bottom:0} /* Menu hamburger & search*/ .header-top-bar-left {position:absolute;top:50%;left:20px;transform:translateY(-50%);height: 50px;text-align:left;text-align: left;line-height: 0;} .menu-shop-now-mobile {display:inline-block;height:50px;font-size: 18px;font-weight:300;cursor:pointer;margin-left:0px;} .menu-shop-now-mobile.active {background-color:#dddddd;} .menu-shop-now-mobile img {margin-top:0px;} .menu-shop-now-mobile img.close-img {display:none} .menu-shop-now-mobile.active img {display:none} .menu-shop-now-mobile.active img.close-img {display:inline-block} .header-search-icon {display:inline-block;position:static;height:50px;width:50px;text-align:center;box-sizing:border-box;padding-top:0px;} /* Icon cart */ .cart-right-open-button {display:inline-block;height:50px;cursor:pointer;margin-left:0px;position:relative;} .cart-right-open-button img {margin-top:0px;} .cart-right-open-button img.close-img {display:none} .cart-right-open-button.active img {display:none} .cart-right-open-button.active img.close-img {display:inline-block} .cart-right-open-button .number-of-items {background-color:#B38B6D;color:#FFFFFF;display:block;width:15px;height:15px;border-radius:15px 15px;text-align:center;line-height:15px;position:absolute;top:27px;left:27px;font-size:10px;} /* other icons (right) */ .header-top-bar-right {position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:1000;text-align:right} .header-account-icon {display:inline-block;position:relative;top:0px;left:0%;height:50px;width:50px;text-align:center;box-sizing:border-box;padding-top:0px;} .header-cart-icon {display:inline-block;position:relative;top:0px;left:0%;height:50px;width:50px;text-align:center;box-sizing:border-box;padding-top:0px;} .header-search-icon img {cursor:pointer;} .header-tab-icon img {max-width:100%;} .header-search-icon.active,.header-account-icon.active,.header-cart-icon.active {} .header-tab-icon > img.close-img {display:none} /*.header-tab-icon.active > img.open-img {display:none} .header-tab-icon.active > img.close-img {display:inline-block}*/ .sticky-header .open-img-white {display:none} .header-icon-white .sticky-header.scrollable .open-img-white {display:block} .header-icon-white .sticky-header.scrollable .open-img {display:none} .header-icon-white .sticky-header.scrollable ul.nav-horizontal li.level0.parent span.level0 {color:#FFFFFF} .header-icon-white .sticky-header.scrollable ul.nav-horizontal li.level0 > a.level0 > span.level0 {color:#FFFFFF} .header-icon-white .sticky-header.scrollable:hover ul.nav-horizontal li.level0 > a.level0 > span.level0 {color:#202020} .header-icon-white .sticky-header.scrollable .header-top-bar .header-top-right a {color:#FFFFFF} .header-top-bar .header-top-right ul.nav-horizontal a {margin-right: 0;} .header-icon-white .sticky-header.scrollable:hover .open-img-white {display:none} .header-icon-white .sticky-header.scrollable:hover .open-img {display:block} .header-icon-white .sticky-header.scrollable:hover ul.nav-horizontal li.level0.parent span.level0 {color:#202020} .header-icon-white .sticky-header.scrollable:hover .header-top-bar .header-top-right a {color:#202020} .header-icon-white .sticky-header.scrollable.subpanel-opened .open-img-white {display:none} .header-icon-white .sticky-header.scrollable.subpanel-opened .open-img {display:block} .header-icon-white .sticky-header.scrollable.subpanel-opened ul.nav-horizontal li.level0.parent span.level0 {color:#202020} .header-icon-white .sticky-header.scrollable.subpanel-opened .header-top-bar .header-top-right a {color:#202020} .header-icon-white .sticky-header.scrollable .logo-sixthjune { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/logo-sixth-june-paris-white.png) no-repeat; width: 95px; /* Width of new image */ height: 60px; /* Height of new image */ padding-left: 95px; /* Equal to width of new image */ background-size: auto 100%; background-position: center; } .header-icon-white .sticky-header .logo-sixthjune {background: none;padding:0} .header-icon-white .sticky-header.scrollable:hover .logo-sixthjune {background: none;padding:0} .header-search-icon:hover {cursor:pointer;background-color:none;} .header-account-icon:hover {cursor:pointer;background-color:none;} .header-cart-icon:hover {cursor:pointer;background-color:none;} .header-tab-icon .header-tab {display:none;position:absolute;top:100%;right:0;width:400px;background-color:#F0F0F0;color:#202020;font-weight:300;box-sizing:border-box;padding:0px 0px;min-height:100px;line-height:20px;text-align:left;cursor: default;z-index:9999} .header-tab-icon.active .header-tab {display:block;} .scrollable .header-tab-icon .header-tab {top: 65px;} .header-tab-icon .header-tab.header-search-content {width:100vw;background-color:#f0f0f0;color:#FFFFFF;font-weight:300;box-sizing:border-box;padding:0px 0px;min-height:80px;line-height:20px;text-align:left;cursor: default;z-index:9999} .header-search-icon.header-tab-icon .header-tab {cursor:default;left: -20px;} .header-account-icon.header-tab-icon .header-tab {right:-72px} .header-search-content #search {border:0;background-color:#f0f0f0;color:#202020;margin: 27px 0 0 30px;font-size:20px; font-weight:300;width:90%;} .header-search-content button.button {position:absolute;right:30px;top:50%;cursor:pointer;transform:translateY(-50%);font-size: 20px;font-weight: bold;} .header-account-content a.register-link {display:block;border-bottom: 0;color:#202020;padding-left:80px;line-height:40px;background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/header_param_register_black.png) no-repeat 20px top;background-size:40px auto} .header-account-content a.account-link {display:block;border-bottom: 0;color:#202020;padding-left:80px;line-height:40px;background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/header_param_account_black.png) no-repeat 20px top;background-size:40px auto} .header-account-content a.order-link {display:block;border-bottom:0;color:#202020;padding-left:80px;line-height:40px;background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/header_param_orders_black.png) no-repeat 20px top;background-size:40px auto} .header-account-content a:hover {background-color:none!important;color:#000000} .header-cart-content {} .header-cart-content .empty {margin-top:18px;text-align:center;} .header-cart-content .link-cart {display:block;background-color:#336699;color:#fff!important;text-align:center;height:50px;line-height:50px;text-transform:uppercase;font-size:14px;margin:10px 10px 20px 10px;} .header-cart-content .mini-products-list {padding:0px 0px;margin-top:10px;margin-bottom:5px } .header-cart-content .mini-products-list li {padding:0px 10px;border-bottom:1px solid #7F7F7F;height:60px;} .header-cart-content .mini-products-list li .product-details{float:left;width:215px;margin-left: 10px;} .header-cart-content .mini-products-list li .product-price{float:left;width:80px;padding-top:10px;margin-left: 10px;} .header-cart-content .mini-products-list li .product-remove{float:left;width:20px;padding-top:18px;} .header-cart-content .mini-products-list li .product-name {padding-top:10px;} .header-cart-content .mini-products-list li .product-name a {color:#ffffff;} .header-cart-content .mini-products-list li .product-name a:hover {color:#336699} .header-cart-content .block-cart .subtotal {padding:0 0 0px; font-size:14px;} .header-search-content .close-search {background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/btn_suppr_white.png) no-repeat scroll center center;background-size: 24px 24px;width:24px;height:24px;position:absolute;right:10px;top:10px;cursor:pointer;} .header-cart-content .fleche-cart-up {text-align:center;padding:0px 0;background-color:#202020;color:#fff;cursor:pointer;margin:10px 10px 5px;width:46%;max-width:184px;display:inline-block;} .header-cart-content .fleche-cart-down {text-align:center;padding:0px 0;background-color:#202020;color:#fff;cursor:pointer;margin:0px 0px 5px;width:46%;max-width:184px;display:inline-block;} /* Menu dans le sticky header */ .header-top-bar ul.nav-horizontal {padding:0} .header-top-bar ul.nav-horizontal a {margin-right: 40px;padding:0;color:#202020;font-weight:normal;} .header-top-bar ul.nav-horizontal span {padding:0;color:#202020;font-weight:normal;} .header-top-bar ul.nav-horizontal li {position:static;} .header-top-bar ul.nav-horizontal li.level0.parent a.level0 {background:transparent none;} .header-top-bar ul.nav-horizontal li.level0.parent span, .header-top-bar ul.nav-horizontal li.level0.parent span.active, .header-top-bar ul.nav-horizontal li.over a, .header-top-bar ul.nav-horizontal a:hover { text-transform: uppercase; font-size: 12px; color:#202020; font-weight:normal; padding:0; } .header-top-bar ul.nav-horizontal li.level0.parent div.level0 span {text-transform:none;font-size:13px;} .header-top-bar ul.nav-horizontal li.active, .header-top-bar ul.nav-horizontal li.over, .header-top-bar ul.nav-horizontal li:hover {background:transparent none;} .header-top-bar .nav-horizontal {height:100%;} .header-top-bar .mini-menubuilder-menu.nav-horizontal:after {content:" ";display:block;clear:both;} .header-top-bar .nav-horizontal .header-nav {height:100%;} .header-top-bar .nav-horizontal ul.nav-horizontal {} .header-top-bar .nav-horizontal ul.nav-horizontal li.level0 {height:100%;} .header-top-bar .nav-horizontal ul.nav-horizontal li.level0 div.level0 {display:none;width:calc(100vw - 2px);position:absolute;top:99%;background-color:#FFFFFF;padding-top:10px;padding-bottom:40px;border-bottom:1px solid #CCCCCC;min-height:100px;} .header-top-bar .nav-horizontal ul.nav-horizontal li.level0 div.level0.shown-sub {display:block} .header-top-bar .nav-horizontal ul.nav-horizontal li.level0 div.level0:after {content:" ";display:block;clear:both;} .header-top-bar .nav-horizontal ul.nav-horizontal ul {position:static;width:172px;border:0;background:transparent none;margin:0 auto 0 20px;padding:10px 0;float:left;} .header-top-bar .nav-horizontal ul.nav-horizontal ul li {color:#202020;background:transparent none;border:0;padding:5px 0;} .header-top-bar .nav-horizontal ul.nav-horizontal ul li a {color:#202020!important;background-color:transparent;display:block;width:100%;} .header-top-bar .nav-horizontal ul.nav-horizontal ul li.active {} .header-top-bar .nav-horizontal ul.nav-horizontal ul li.image > a {display:block;min-height:200px;} /* Border sur les liens du menu horizontal */ .header-top-bar .nav-horizontal ul.nav-horizontal > li.level0.over > a {position:relative;} .header-top-bar .nav-horizontal ul.nav-horizontal > li.level0.over > a:after {content:" ";display:block;width:150%;position:absolute;height:2px;background-color:#CCCCCC;transform:translateX(-17%);left:0;top:29px;z-index:99999} .scrollable .header-top-bar .nav-horizontal ul.nav-horizontal > li.level0.over > a:after {top:46px;} .header-top-bar .header-top-right a {position:relative;} /*.header-top-bar .header-top-right a:hover:after {content:" ";display:block;width:150%;position:absolute;height:2px;background-color:#CCCCCC;transform:translateX(-17%);left:0;top:31px;}*/ .scrollable .header-top-bar .header-top-right a:hover:after {top:46px;} /* Panier qui slide par la droite */ .right-cart-container {width:0;height:100%;position:fixed;right:0;top:0;z-index:9999999;background-color:#ffffff;color:#202020;overflow-y:hidden;text-align:left;border-left:1px solid #f0f0f0; transition: transform 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, opacity 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, all 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s; -webkit-transition: transform 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, opacity 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, all 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s; } .cart-open .right-cart-container {width:300px;display:block;overflow-y:auto;} .cart-open .page {transform: translateX(-300px);} html.cart-open {} .cart-mask {display:none;position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,0.5);height:100%;z-index:100;} .cart-open .cart-mask {display:none;cursor:pointer;} .right-cart-container .right-cart-content .right-cart-top {position:relative;padding: 20px;border-bottom: 1px solid #f0f0f0;} .right-cart-container .right-cart-content .right-cart-top h3{text-align:center;text-transform:uppercase;} .right-cart-container .right-cart-content .right-cart-top .close-cart-button {position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:20px;cursor:pointer;} .right-cart-container .right-cart-content .link-cart {display:block;background-color:#202020;color:#ffffff;text-align:center;height:50px;line-height:50px;text-transform:uppercase;font-size:14px;width:100%;} .right-cart-container .right-cart-content .block-cart {padding:10px 10px;} .right-cart-container .right-cart-content .block-cart .mini-products-list {padding:0px 0px;margin-top:10px;margin-bottom:5px } .right-cart-container .right-cart-content .block-cart .mini-products-list li {padding:0px 0px 0 0;border-bottom:1px solid #f0f0f0;min-height:70px;} .right-cart-container .right-cart-content .block-cart .mini-products-list li:after {content:" ";display:block;clear:both;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-image {float:left;width:20%;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-details{float:left;width:40%;margin:0;font-size: 11px;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-details .item-options {margin-bottom:5px;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-price{float:left;width:30%;padding-top:10px;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-remove{float:left;width:10%;padding-top:18px;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-remove:after {content:" ";display:block;clear:both;} .right-cart-container .right-cart-content .block-cart .mini-products-list li .product-name {padding-top:10px;} .right-cart-container .right-cart-content .block-cart .subtotal {padding:0px 0px 0px 0px; margin-bottom:20px; font-size:14px;text-align: right;} .right-cart-container .right-cart-content #cart-sidebar .btn-remove2 {background-image:url("https://www.sixthjune.com/skin/frontend/sixthjune/default/images/icon-trash.png");} /* Menu qui slide par la gauche */ .left-menu-container {width:0;height:100%;position:fixed;left:0;top:0;z-index:9999999;background-color:#333333;overflow-y:hidden;text-align:left; transition: transform 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, opacity 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, all 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s; -webkit-transition: transform 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, opacity 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, all 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s; } .menu-open .left-menu-container {width:25%;display:block;overflow-y:auto;} .menu-mask {display:none;position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,0.5);height:100%;z-index:100;} .menu-open .menu-mask {display:block;cursor:pointer;} .menu-open .wrapper {} .page { transition: transform 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, opacity 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, all 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s; -webkit-transition: transform 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, opacity 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s, all 300ms cubic-bezier(0.26, 1.02, 0.98, 0.99) 0s; } .menu-open .page {transform: translateX(25%);} html.menu-open {overflow:hidden;} /* style mini menu logo */ .left-mini-logo {text-align:center;padding:10px 5px 5px;} /* style mini search left menu */ .left-mini-search {background-color: #333333;border-bottom: 1px solid #4D4D4D;white-space:nowrap;position:relative;} .left-mini-search #search_left {border: 0;background-color: transparent;color: #fff;margin: 15px 0 15px 20px;font-size: 14px;font-weight: 300;width: 70%;} .left-mini-search button.button {position:absolute;position: absolute;right: 10%;transform: translateX(17px);} /* style menu */ .menubuilder-menu.nav-link-list li.level0 {display:block;background-color:#333333;width:100%;border-bottom:1px solid #4D4D4D;padding:0;line-height:40px;} .menubuilder-menu.nav-link-list li.level0.over {background-color:#333333;} .menubuilder-menu.nav-link-list li.level0:hover {color:#999999;} .menubuilder-menu.nav-link-list li.level0.parent.over:hover {background-color:#333333;} .menubuilder-menu.nav-link-list li.level0 a{color:#ffffff;padding-left:20px;display:block;min-height: 30px;width:80%;} .menubuilder-menu.nav-link-list li.level0.parent a {width:30%;} .menubuilder-menu.nav-link-list li.level0.over a.level0{color:#ffffff;} .menubuilder-menu.nav-link-list div.level0 {position:static;left:0;top:0;min-width:0px;height:auto;width:100%;padding:0;} .menubuilder-menu.nav-link-list div.level0 ul {width:100%;float:none;margin:0;} .menubuilder-menu.nav-link-list div.level0 li.level1 {float:none;width:100%;min-height:30px;line-height:30px;margin:0!important;border-top: 0;background-color:#333333} .menubuilder-menu.nav-link-list div.level0 li.level1.image {display:none;} .menubuilder-menu.nav-link-list div.level0 li.level1 a {display:block;padding-left:40px;margin:0;color:#ffffff;width:100%;box-sizing:border-box;font-size:14px;} .menubuilder-menu.nav-link-list div.level0 li.level1.over {background-color:#333333} .menubuilder-menu.nav-link-list div.level0 li.level1:hover {color:#999999;} .menubuilder-menu.nav-link-list div.level0 li.level1:hover a {color:#999999} .menubuilder-menu.nav-link-list div.level0 li.level1 ul.level1{display:none} .menubuilder-menu.nav-link-list div.level0 li.level1.over ul.level1{display:block} .menubuilder-menu.nav-link-list div.level0 img {display:none;} .menubuilder-menu.nav-link-list div.level0 li.level2 {height:40px;background-color:#333333;margin:0;line-height:40px;border-top: 1px solid #7F7F7F;} .menubuilder-menu.nav-link-list div.level0 li.level2 a{width:auto;padding-left:80px;text-transform:none;color:#ffffff;} .menubuilder-menu.nav-link-list li.parent {background-image: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/more_mobile1.png);background-position:90% 8px;background-repeat:no-repeat;background-size:24px auto} .menubuilder-menu.nav-link-list li.parent.over {background-image: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/less_mobile1_white.png);background-position:90% 8px;background-repeat:no-repeat;background-size:24px auto} .menubuilder-menu.nav-link-list div.level0 .level0-bottom {display:none;} .menubuilder-menu.nav-link-list .mobile-name {display:inline} /* **** [FIN HEADER] **** */ /* block contenu slider infini */ .infinite-slider li > div {height:100px;width:600px;position:relative;margin:0 auto;top:40%;left:0%;font-size:60px;color:#FFFFFF;font-weight:bold;} .infinite-slider a.button-link {background-color:#202020;color:#ffffff;font-size:16px;font-weight:300;text-align:center;display:inline-block;padding:10px 20px; border-radius:0px;} .infinite-slider a.button-link:hover {background-color:#FFFFFF;color:#202020;border:1px solid #FFFFFF;} .infinite-slider a.button-link-fixe {background-color:#ffffff;color:#202020;font-size:22px;border:2px solid #202020;font-weight:bold;text-transform:uppercase;text-align:center;width:200px;display:inline-block;padding:10px 10px;} .infinite-slider a.button-link-fixe:hover {background-color:#202020;color:#FFFFFF;} /* #mc_embed_signup */ #mc_embed_signup {} #mc_embed_signup form#mc-embedded-subscribe-form {padding:20px 0 20px 10%;font-family:"Roboto",Helvetica,Arial,sans-serif;} #mc_embed_signup .mc-field-group input.email {width:40%;display:inline-block;font-size:16px;line-height:40px;padding:0 0;border-color: #999999!important;} #mc_embed_signup .mc-input-button {background-color:#2A2A2A;color:#FFFFFF;border:0;margin: 0 5px;line-height:40px;font-size:16px;padding:0 15px;font-weight:300;cursor:pointer;} #mc_embed_signup .mc-field-group label.title {display: inline-block;margin-bottom: 0px;color:#7F7F7F;line-height:42px;padding:0 10px;font-size:16px;font-weight:bold;vertical-align: top;} #mc_embed_signup .mc-field-group {padding-bottom:0!important;min-height:40px!important;} #mc_embed_signup .mc-input-button.mc-input-button-homme {background-color:#333333;color:#ffffff;} #mc_embed_signup .mc-input-button.mc-input-button-femme {background-color:#333333;color:#ffffff;} #mc_embed_signup .mc-field-group input::-webkit-input-placeholder { color:#a6a6a6;font-style:normal;font-size:20px } #mc_embed_signup .mc-field-group input::-moz-placeholder { color:#a6a6a6;font-style:normal;font-size:20px } #mc_embed_signup .mc-field-group input:-ms-input-placeholder { color:#a6a6a6;font-style:normal;font-size:20px } #mc_embed_signup div.mce_inline_error {display:none!important} /* customer-account-changeforgotten */ .customer-account-changeforgotten .form-list {margin: 20px 0 30px;} .customer-account-changeforgotten .form-list label {float:none} /* --- */ #checkout-review-table-wrapper {margin-bottom:30px;} /* Myaccount order-info-step */ .my-account .order-details tr.tax {display:none} .order-info-step {} .order-info-step > li {border:0px solid #cccccc;background:#F0F0F0;padding: 0 20px 0px;margin-bottom:20px;} .order-info-step > li > h2 {font-size:20px;text-transform:uppercase;cursor:pointer;background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/arrow-down.png) no-repeat right center;padding:20px 0 20px} .order-info-step > li.open > h2 {margin-bottom:20px;background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/arrow-up2.png) no-repeat right center;} .order-info-step > li > h2 img {margin-left: 10px;vertical-align: middle;} .order-info-step > li.valid {border:0px solid #669933;background:#E0EEE0;} .order-info-step > li.valid >h2 {color:#669933;} .order-info-step > li.no-valid {border:0px solid #CC0000;background:#FAEAEA;} .order-info-step > li.no-valid >h2 {color:#CC0000;} .order-info-step > li .order-step-details {display:none;padding-bottom:20px;} .order-info-step > li.open .order-step-details {display:block;} .order-info-step .order-step-details > li {margin-bottom:10px;} .order-info-step .order-step-details > li .text_validation {padding:0px 10px;margin:5px 0;font-size:13px;} .order-info-step .order-step-details > li .text_validation h2 {font-size:14px;text-transform:uppercase;} .order-info-step .order-step-details > .order-details li {margin-bottom:10px;} .order-info-step .order-step-details table {} .cart #shopping-cart-table th {color:#202020;} #sticky-header-top-link > p {display:inline;vertical-align: top;} #popup-content .main {padding:0px 10px 10px;box-sizing: border-box;} /* button general */ a.button-link {border:1px solid #202020;background-color:#202020;color:#ffffff;font-size:18px;font-weight:300;text-align:center;display:inline-block;padding:10px 20px;} a.button-link:hover {border:1px solid #202020;color:#202020;background-color:#ffffff;} a.button-link-jaune {border:1px solid #202020;background-color:#FFFFFF;color:#202020;font-size:28px;text-align:center;display:inline-block;box-sizing: border-box;padding:20px 20px;width:100%;letter-spacing:3px;} a.button-link-jaune:hover {border:1px solid #CC0000;background-color:#FFFFFF;color:#CC0000;} .out-of-stock-attribute-container {margin-bottom:20px;} /* stock alert info */ .alert-stock-info-container { box-sizing: border-box; cursor: pointer; margin-bottom: 0px; margin-top: 0px; padding: 0px 0; width: 300px; } .alert-stock-info-container h5 { font-size:14px; cursor: pointer; margin: 0px 0; padding: 5px 0px; } .alert-stock-info-container .alert-stock-info-content { display: none; } .alert-stock-info-container .alert-stock-info-content p {padding:0 0px;} /* switcher_select_container */ .switcher_select_container {position:relative;width:100%;display:inline-block;height:40px;line-height: 36px;vertical-align: middle;cursor:pointer;font-size:12px;} .switcher_select_container span {cursor:pointer;font-size:12px;text-transform:uppercase;} .switcher_select_container select {display:none;margin-top:3px;} .switcher_select_container span.language-name {vertical-align:middle;margin-right:10px} .switcher_select_container span.language-name img {vertical-align: top;margin-top: 11px;} .switcher_select_container span.currency-name {color:#202020;font-size:14px;font-weight:bold;vertical-align:middle;margin-right:10px} .switcher_select_container span.text-top-bar {vertical-align:middle;text-transform:none;margin-right:20px;} .switcher_select_container a.info-link {margin-left:20px;text-decoration:underline;font-size:13px!important;} /* small languages */ #language_switcher {position:relative;max-width:200px;display:inline-block;height:30px;vertical-align: top;padding-right:12px;margin-right:4px} #language_switcher:after {content:"|";display:inline-block;position:absolute;top:0;right:0;vertical-align:top;margin:0 0px;} #language_switcher .block-language span {cursor:pointer;font-size:12px;} #language_switcher .block-language select {display:none;margin-top:3px;} #language_switcher .block-language.open span.language-name {display:none} #language_switcher .block-language.open select {display:block;} /* currency */ #currency_switcher {position:relative;display:inline-block;height:30px;vertical-align: top;padding-right:11px;margin-right:9px;} #currency_switcher:after {content:"|";display:inline-block;position:absolute;top:0;right:0;vertical-align:top;margin:0 0px;} #currency_switcher .block-currency span {cursor:pointer;font-size:12px;} #currency_switcher .block-currency select {display:none;margin-top:3px;} #currency_switcher .block-currency.open span.currency-name {display:none} #currency_switcher .block-currency.open select {display:block;} /* switch popup */ .switcher-popup-container {padding:30px 50px} .switcher-popup-container h2 {margin-bottom:20px;text-transform:uppercase;} .switcher-popup-container table {width:100%;min-width:800px;border-spacing:0;} .switcher-popup-container table td {padding:10px 0;border-bottom:1px solid #CCCCCC;} .switcher-popup-container table td.title {font-size: 16px;text-transform:uppercase;width: 20%;} .switcher-popup-container table td.data {width:80%;} .switcher-popup-container .switcher-popup-text1 {text-align:center;padding:0px 20px 30px;color:#B38B6D;font-weight:bold;} .switcher-popup-container .switcher-popup-text2 {text-align:center;padding:30px 20px 0;color:#7F7F7F;} /* switch menu */ #menu_switcher_select_container {background-color:#F0F0F0;display:none;position:relative;z-index:100000;width:100%;} #icon-shipping-country {margin-right:5px;height:30px;} #menu_switcher_select_container .select-content {max-width:500px;margin:0 auto;padding:20px 0px 30px;box-sizing: border-box;} #menu_switcher_select_container .select-content:after {content:" ";display:block;clear:both;} #menu_switcher_select_container .select-content .col1 {border-right: 1px solid #336699;box-sizing: border-box;float: left;padding-right: 10%;text-align: left;width: 70%;} #menu_switcher_select_container .select-content .col2 {width:24%;float:right;text-align:left} #menu_switcher_select_container .select-content .col1 span.label {color:#202020;font-weight: 300;display: block;line-height: 22px;margin-bottom: 15px;} #menu_switcher_select_container .select-content .col2 span.label {color:#202020;font-weight: 300;display: block;line-height: 22px;margin-bottom: 15px;} #menu_switcher_select_container .switcher_country_container #switcher_select {border:1px solid #b6b6b6;border-radius:5px;background-color:#FFFFFF;color:#333333;padding-left:10px;display:block;width:100%;box-sizing: border-box;margin-bottom:15px;} #menu_switcher_select_container .block-language .select-language-small {border:1px solid #b6b6b6;border-radius:5px;background-color:#FFFFFF;color:#333333;padding-left:10px;display:block;width:100%;box-sizing: border-box;margin-bottom:15px;} #menu_switcher_select_container .block-currency .select-currency {border:1px solid #b6b6b6;border-radius:5px;background-color:#FFFFFF;color:#333333;padding-left:10px;display:block;width:100%;box-sizing: border-box;margin-bottom:15px;} #menu_switcher_select_container .switcher_country_container .info-link {display:block;background:#336699;color:#ffffff;padding:5px 10px;border-radius:5px;font-size:16px;border:1px solid #336699;width:100%;text-align:center;box-sizing: border-box;line-height:1.5;} #menu_switcher_select_container .switcher_country_container .info-link:hover {background:none;color:#336699;} #menu_switcher_select_container .switch-submit {display:block;color:#336699;text-transform:uppercase;padding:5px 20px;font-weight:bold;font-size:16px;border:1px solid #336699;width:100%;text-align:center;box-sizing: border-box;} #menu_switcher_select_container .switch-submit:hover {background-color:#336690;color:#FFFFFF;} #menu_switcher_select_container .switch-submit img {vertical-align:middle;margin-left:10px;} .switcher_select_container .fleche {margin-top:5px;} .switcher_select_container .fleche.up {transform: rotate(-180deg);} /* product_switcher_country_container */ .product_switcher_country_container {margin-top:10px;margin-bottom:20px;padding:10px 0;background-color:#FAFAFA;text-align:center;} .product_switcher_country_container h5 {font-size:13px;color:#202020;padding:0px 0px 0px;margin:0px 0;} .product_switcher_country_container select {margin-top:10px;width:220px;font-size:14px;} .product_switcher_country_container .info-link {display:block;font-weight:bold;;padding:10px 0;text-transform:uppercase;font-size:14px;} /* product category link */ .product-shop .product-categories-link {} .product-shop .product-categories-link a {display:inline; margin-bottom: 5px;font-weight:300;margin-right:10px;} .product-shop .product-categories-link a span{font-weight:400;} /* block block-open-close pour CMS */ .block-open-close {margin-bottom:15px;background-color:#F5F5F5;} .block-open-close h3 {cursor:pointer;font-weight:bold;font-size:16px;padding:10px 20px;} .block-open-close h3:before {content:"+";margin-right:5px;display:inline-block;width:10px;} .block-open-close.opened h3:before {content:"-";margin-right:5px;} .block-open-close p {display:none;padding:0 0 10px 35px;} /* modification style RMA */ .new-rma {} .new-rma button.button {width:100%;background-color:#336699;margin-bottom:50px; } .new-rma button.button span {background-color:#336699;color:#FFFFFF; } .new-rma button.button span:hover {background-color:#0088CC; } .my-account-rma #my-orders-table {margin:0 auto;} .my-account.new-request-rma .page-title h1 {text-align:center} .my-account.new-request-rma button.button.save {width:100%;background-color:#336699;margin-bottom:50px;} .my-account.new-request-rma button.button.save span {background-color:#336699;color:#FFFFFF;} .my-account.new-request-rma button.button.save span:hover {background-color:#0088CC;} .rma-view-items {} .rma-view-items table.data-table {margin-bottom:20px;} .rma-view-items table.data-table tr th {padding-left:0;padding-right:0;} .rma-view-items table.data-table td {vertical-align:middle;} /* google recaptcha */ .grecaptcha-badge {display: none;} /* masterslider */ .master-slider a.button-link {margin-left:auto;margin-right:auto;font-size:14px;padding:5px 15px;} .widget-products .products-grid-container .products-grid.master-slider {right:0!important} /* tracking commande */ a.button-link.tracking-button {padding: 2px 10px;} /* captcha-container */ .captcha-container {padding-left:200px} /* Master slide 100% width post blog */ .master-slider-full-width-container {position:relative;min-height:600px;} .master-slider-full-width-container .ms-slide {min-width: 350px;} /* blog suite */ .blog-post-extra-content {max-width:600px;margin:10px auto;} .blog-post-extra-content:after {content:" ";clear:both;display:block;} .blog-post-extra-content .blog-post-content-en {width:300px;padding:0px 20px;float:left;box-sizing:border-box;line-height:1.8;text-align:justify;font-size:13px;color:#b38b6d;} .blog-post-extra-content .blog-post-content-fr {width:300px;padding:0px 20px;float:right;box-sizing:border-box;line-height:1.8;text-align:justify;font-size:13px;} /* catalog-category-panel */ .catalog-category-panel {text-transform:uppercase;text-align:center;margin-bottom:20px;} .catalog-category-panel:after {content:" ";display:block;clear:both;} .catalog-category-panel .display-filter-button {display:inline-block;margin-right:25px;position:relative;padding-right:20px;cursor:pointer} .catalog-category-panel .display-filter-button:after { content: "+"; width:15px; height:10px; position:absolute; right:0; top:2px; } .catalog-category-panel .display-filter-button.active {font-weight:none;} .catalog-category-panel .display-filter-button.active:after {content:"-"} .catalog-category-panel .select-image {display:inline-block;padding-left:25px;margin-right:0;font-weight: 300;font-size:13px;cursor:pointer} .category-products .layernav-item {display:none;} .category-products .layernav-item.visible {display:block;} .category-products .toolbar-container.toolbar-container-top {display:none} .category-products .toolbar-container.toolbar-container-top.visible {display:block} /* Modification de la taile de l'image ( lié grand ecran) */ .products-grid li.item .product-image img, .products-grid li.item .product-image-alt img { max-width:220px; } /* upsell-product-table */ .box-up-sell {padding-top:50px;} .box-up-sell #upsell-product-table {} .box-up-sell #upsell-product-table ul {display:flex;flex-direction: row} .box-up-sell #upsell-product-table ul li {max-width:220px;text-align:center;} .box-up-sell #upsell-product-table ul li h2{ text-transform:none; font-size:14px; } /* upsell-product mini */ .product-view .upsell-view {} .product-view .upsell-view .box-up-sell-mini h4 {color:#333333;font-size:14px;} .product-view .upsell-view .box-up-sell-mini {padding-top:0;padding-bottom:20px;} .product-view .upsell-view .box-up-sell-mini .products-grid {min-height:0;} .product-view .upsell-view .box-up-sell-mini ul {margin:0} .product-view .upsell-view .box-up-sell-mini ul li { width:50px; height:75px; border: 1px solid #F0F0F0; margin-right:10px; } .product-view .upsell-view .box-up-sell-mini ul li:hover {border:1px solid #7F7F7F;} .product-view .upsell-view .box-up-sell-mini .product-image { width:100%; min-height:0; } .product-view .upsell-view .box-up-sell-mini ul li img{ width:100%; height:auto; } /* */ h4.product-subtitle {color:#333333;font-size:14px;} /* black background CMS */ body.cms-bg-black { background-color:#000000; color:#FFFFFF; } body.cms-bg-black .main { background-color:#000000; color:#FFFFFF; } body.cms-bg-black .image-text-block ul li { background:#FFE600; } /** ==== full-width-content ======= */ .main .max-940 {max-width:940px;width:100%;margin-left:auto;margin-right:auto;padding-left:1%;padding-right:1%;box-sizing: border-box;} .main .max-600 {max-width:600px;width:100%;margin-left:auto;margin-right:auto;padding-left:1%;padding-right:1%;box-sizing: border-box;} /** === on for screen >= 1024px ==== */ @media screen and (min-width: 1024px) { .full-width-content .main {max-width:100vw;width:100%;} .full-width-content .main .max-940 {max-width:940px;width:100%;margin-left:auto;margin-right:auto;} .full-width-content .main .max-600 {max-width:600px;width:100%;margin-left:auto;margin-right:auto;} .full-width-content .main .col2-set {} .full-width-content .main .col2-set .col-1 {width:50%;} .full-width-content .main .col2-set .col-2 {width:50%;} .full-width-content .main .col2-set .col-1 img, .full-width-content .main .col2-set .col-2 img {width:100%} .full-width-content .col3-set .col-1 { width:33.33%; } .full-width-content .col3-set .col-2 { width:33.33%; margin-left:0px; } .full-width-content .col3-set .col-3 { width:33.33%; } .full-width-content .main .col3-set .col-1 img, .full-width-content .main .col3-set .col-2 img, .full-width-content .main .col3-set .col-3 img {width:100%} .full-width-content .main .col4-set {} .full-width-content .main .col4-set .col-1 {width:25%;} .full-width-content .main .col4-set .col-2 {width:25%;margin-left:0} .full-width-content .main .col4-set .col-3 {width:25%;margin-left:0} .full-width-content .main .col4-set .col-4 {width:25%;margin-left:0} .full-width-content .main .col4-set .col-1 img, .full-width-content .main .col4-set .col-2 img, .full-width-content .main .col4-set .col-3 img, .full-width-content .main .col4-set .col-4 img {width:100%} .full-width-content .main img {max-width:100%} } #opc-review iframe { display:none!important; } /** =============================== * mobile.css * fichier de style pour mobile * =============================== */ /* =============================== */ /* Tablette en portrait */ /* =============================== */ @media screen and (max-width: 1023px) and (min-width: 640px) { .page {padding:0;} .wrapper {min-width:480px;margin-top:0;} .main {width: 100%;} /* header */ .header-top-bar-wrapper {/*height:80px;*/position:relative;} .header-top-bar-wrapper .header-top-bar {height: 50px;line-height: 50px; width: 100%;} .header-top-bar-wrapper .logo-sixthjune {height:40px;width:auto;top:5px;} .header-top-bar-wrapper #sticky-header-top-link { display: block; /*height: 30px;*/ left: 0; line-height: 30px; margin: 0; position: relative; text-align: center; top: 0; width: 100%; } .header-top-bar-left .form-language {margin-left:20px;margin-right:10px;} #header-top-bar-right-links a.customer-service-link {background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/customer_service_mobile.png) no-repeat left center;background-size:20px 20px;width:20px;height:50px;text-indent:100px;overflow:hidden;display:block;float:left} #header-top-bar-right-links a.account-link {background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/my_account_mobile.png) no-repeat left center;background-size:20px 20px;width:20px;height:50px;text-indent:100px;overflow:hidden;display:block;float:left;padding-left:0} #header-top-bar-right-links a.top-link-cart {background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/cart_mobile.png) no-repeat left center;background-size:20px 20px;width:40px;height:50px;text-indent:100px;overflow:hidden;display:block;float:left;padding-left:0;margin-right:20px;position:relative;} #header-top-bar-right-links a.top-link-cart span.mobile-count { display: block;height: 10px;left: 22px; position: absolute;text-indent: 0;top: 0;width: 10px;} #header-top-bar-right-links .separator {display:none} .menu-shop-now-mobile {display:inline-block;height:50px;font-size: 18px;font-weight:300;cursor:pointer;margin-left:0px;} .menu-shop-now-mobile.active {background-color:#dddddd;} .menu-shop-now-mobile img {margin-top:0px;} .menu-shop-now-mobile img.close-img {display:none} .menu-shop-now-mobile.active img {display:none} .menu-shop-now-mobile.active img.close-img {display:block} .sticky-footer {min-height:50px;height:auto;position:relative;z-index: 10000;background-color:#f0f0f0;} .sticky-footer.scrollable {top: 0px;position:relative;min-height:0px;} .sticky-footer .sticky-footer-content {display:none} .sticky-button-nav {display:none;} #sticky-search-form { position:static;width:100%;} #sticky-search-form input.input-text {width:70%;font-size:13px;padding:6px 3px 6px 20px;position:relative;top:-2px} #sticky-search-form button.button {right: 9%;} .header-search-icon {} .scrollable .header-search-icon {} .header-account-icon {} .scrollable .header-account-icon {} .header-cart-icon {} .scrollable .header-cart-icon {} .header-search-icon.header-tab-icon .header-tab {left: -20px;} .scrollable-header.header-top-bar-wrapper {z-index:999} .header-top-bar-wrapper {z-index:9999} .header-top-bar-left {position: absolute;} .scrollable-header .header-top-bar-left {position: absolute;} .header-top-bar-wrapper .logo-sixthjune {position: absolute;left: 50%;margin-left: -32px;} .scrollable-header.header-top-bar-wrapper .logo-sixthjune {position: relative;left: 0;margin-left: 0px;} .scrollable .header-tab-icon .header-tab {top: 50px;} .header-account-icon.header-tab-icon .header-tab {right:-72px;} .sticky-header {min-height:0px;height:50px;} .sticky-header.scrollable {top: 0px;height:50px;min-height:0px;} .sticky-header .sticky-header-content {display:none} .sticky-header .logo-sixthjune, .sticky-header.scrollable .logo-sixthjune {height:40px;} .header-icon-white .sticky-header.scrollable .logo-sixthjune {height:40px;width: 63px;} .sticky-button-nav {display:none;} .header-top-bar {width:100px;} /* Taille du menu gauche et du decalage */ .menu-open .left-menu-container {width:40%;} .menu-open .page {transform: translateX(40%);} /* general */ a.button-link {margin-bottom:5px;} /* menu */ .sticky-footer .sticky-footer-content {} .sticky-footer.scrollable .sticky-footer-content {top:0} .sticky-footer .sticky-footer-content #sticky-top-menu {position:static;left:0;} .menubuilder-menu.nav-link-list li.level0 {display:block;background-color:#333333;width:100%;border-bottom:1px solid #4D4D4D;padding:0;line-height:40px;} .menubuilder-menu.nav-link-list li.level0.over {} .menubuilder-menu.nav-link-list li.level0 a{padding-left:20px;display:block;} .menubuilder-menu.nav-link-list li.level0.over a.level0{} .menubuilder-menu.nav-link-list div.level0 {position:static;left:0;top:0;min-width:0px;height:auto;width:100%;padding:0;} .menubuilder-menu.nav-link-list div.level0 ul {width:100%;float:none;margin:0;} .menubuilder-menu.nav-link-list div.level0 li.level1 {float:none;width:100%;min-height:30px;line-height:30px;margin:0!important;border-top: 0;} .menubuilder-menu.nav-link-list div.level0 li.level1.image {display:none;} .menubuilder-menu.nav-link-list div.level0 li.level1 a {display:block;padding-left:40px;margin:0;width:100%;box-sizing:border-box;font-size:14px;} .menubuilder-menu.nav-link-list div.level0 li.level1.over {} .menubuilder-menu.nav-link-list div.level0 li.level1 ul.level1{display:none} .menubuilder-menu.nav-link-list div.level0 li.level1.over ul.level1{display:block} .menubuilder-menu.nav-link-list div.level0 img {display:none;} .menubuilder-menu.nav-link-list div.level0 li.level2 {height:30px;margin:0;line-height:30px;} .menubuilder-menu.nav-link-list div.level0 li.level2 a{width:auto;padding-left:80px;text-transform:none;} .menubuilder-menu.nav-link-list li.parent {background-image: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/more_mobile1.png);background-position:90% 8px;background-repeat:no-repeat;background-size:24px auto} .menubuilder-menu.nav-link-list li.parent.over {background-image: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/less_mobile1_white.png);background-position:90% 8px;background-repeat:no-repeat;background-size:24px auto} .menubuilder-menu.nav-link-list div.level0 .level0-bottom {display:none;} .menubuilder-menu.nav-link-list .mobile-name {display:inline} .sticky-footer .sticky-footer-content {width:100%;} /* MENU V2 */ #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 {position:relative;} #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 li.level1 {background-color:#FFFFFF;margin-top:10px!important;border:0;} #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 li.level1 a {padding-left:0;width:100%;} #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 li.submenu-container > ul {position:relative;left:0;transition: all 200ms;} .sticky-footer .sticky-footer-content {width:100%;} .header-top-bar .header-top-left {display:none} .header-top-bar .header-top-right {display:none} /* autre */ .breadcrumbs {padding-left:10px} /* titre page */ .page-title {padding-left:2%;padding-right:2%;box-sizing: border-box;} /* cms + home page */ .col2-set {} .col2-set .col-1 {width: 47%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 0 2%;} .col2-set .col-2 {width: 47%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 0 0;} .col2-set .col-1 img ,.col2-set .col-2 img {max-width:100%;} .col3-set {} .col3-set .col-1 {width: 33.3%;padding:0;box-sizing:border-box;text-align:left;margin:0 0 0 0;} .col3-set .col-2 {width: 33.3%;padding:0;box-sizing:border-box;text-align:left;margin:0 0 0 0;} .col3-set .col-3 {width: 33.3%;padding:0;box-sizing:border-box;text-align:left;margin:0 0 0 0;} .col3-set .col-1 img ,.col3-set .col-2 img ,.col3-set .col-3 img {max-width:100%;} .col4-set {} .col4-set .col-1 {width: 20%;padding:0;box-sizing:border-box;text-align:left;margin:0 4% 0 4%;} .col4-set .col-2 {width: 20%;padding:0;box-sizing:border-box;text-align:left;margin:0 4% 0 0;} .col4-set .col-3 {width: 20%;padding:0;box-sizing:border-box;text-align:left;margin:0 4% 0 0;} .col4-set .col-4 {width: 20%;padding:0;box-sizing:border-box;text-align:left;margin:0 4% 0 0;} .col4-set .col-1 img ,.col4-set .col-2 img ,.col4-set .col-3 img, .col4-set .col-4 img {max-width:100%;} .std .col2-set .col-1 {margin-left:0;width:49%} .std .col2-set .col-2 {margin-right:0;width:49%} .full-width-content .std .col2-set .col-1 {margin-left:0;width:50%;margin-right:0;} .full-width-content .std .col2-set .col-2 {margin-right:0;width:50%} .full-width-content .std .col4-set .col-1 {margin-left:0;width:50%;margin-right:0;} .full-width-content .std .col4-set .col-2 {margin-right:0;width:50%} .full-width-content .std .col4-set .col-3 {margin-right:0;width:50%} .full-width-content .std .col4-set .col-4 {margin-right:0;width:50%} .cms-page-view .std {padding-left: 2%;padding-right:2%;} .cms-page-view .std img {max-width:100%;} .infinite-slider {/*height: 500px !important;*/max-height:600px;} /* catalog */ .category-info p.category-desc {padding-left:2%;padding-right:2%;box-sizing: border-box;font-size: 12px;line-height: 1.2;} .category-products .block-layered-nav .block-content {margin-bottom:30px} .category-products .block-layered-nav .block-content dl{} .category-products .block-layered-nav .block-content dl:after{content:"";clear:both;display:block;} /* Page produit */ .product-view {padding:0px 2% 0;} .product-view .breadcrumbs {padding-left:0} .product-view .product-media-container .more-views {display:none} .product-view .media-left {width:48%;} .product-view .product-info-right {width:300px;margin-right:10px;} .catalog-product-view .sticky-button-nav {display:none;} .product-view .product-img-box {max-width:100%;} .product-view .product-img-box .product-image {max-width:100%;} .product-view .product-img-box .product-image img {max-width:100%;} .media-big-image {max-width:100%;} .product-img-box a.slide-right-button, .product-img-box a.slide-left-button {display: none!important;} .product-view #media-landscape {max-height:100%;height:510px!important;} .product-view .product-img-box .no-picture {margin-left:0px} .product-view .product-img-box .no-picture span {} /* Widget carousel */ /*.widget.widget-grid-line .products-grid-container {width: 475px;margin:0 auto;float:none;height:240px;} .widget.widget-grid-line .widget-title h2 {} .widget.widget-grid-line .widget-title h2 a.goto-category-link {margin-left:0px;} .widget.widget-grid-line .products-grid-carousel li.item , .widget.widget-grid-line .products-grid li.item {width:140px!important;margin-left:10px!important;margin-right:10px!important;} .widget.widget-grid-line .products-grid-carousel li.item .widget-product-image, .widget.widget-grid-line .products-grid li.item .widget-product-image {width:140px!important;} .widget.widget-grid-line .move-left {width:80px;margin:0;display:block!important} .widget.widget-grid-line .move-right {width:80px;top:0;margin:0;display:block!important} .widget.widget-grid-line .widget-products.category-products {width:100%;} .widget.widget-grid-line .widget-products {width:636px;margin-left:auto;margin-right:auto;} .widget.widget-grid-line .products-grid-carousel li.item-widget {width:140px!important;margin-left:10px!important;margin-right:10px!important;} .widget.widget-grid-line .products-grid-carousel li.item-widget .widget-product-image {width:140px!important;}*/ .category-products .widget.widget-grid-line.category-top-carousel {margin-bottom:0px!important;} /* catalog */ .catalog-category-view .products-grid {width:100%} .catalog-category-view .products-grid li.item {width:23%!important;margin-right:1%!important;margin-left:1%!important;min-height: 300px!important;height: auto;} .catalogsearch-result-index .products-grid li.item {width:23%!important;margin-right:1%!important;margin-left:1%!important;min-height: 300px!important;height: auto;} .products-grid .item .product-image-alt, .products-grid .item .product-image {min-height:200px;width: 100%;} .products-grid .item img {width: 100%;max-width:100%!important;} .category-products .products-grid li.item .actions {width:100%} .category-products .products-grid li.item .item-bottom {width:100%} .category-products .products-grid li.item .item-bottom h2 {height:50px} .category-info .breadcrumbs {margin-top:10px;font-size:10px;line-height:10px;} .category-info .category-title .separator {vertical-align: middle;line-height:10px} /* .block-layered-nav {margin-left:1%;margin-right:1%} .block-layered-nav .filter-container {/margin-right:5px;} .block-layered-nav .filter-container.filter-container-5 {margin-right:0} .block-layered-nav dd ol {} */ .toolbar-container-top {display:none} .toolbar-container-top.visible {display:block} .filter-category {} .layernav-item {display:none;border-left:0px solid #cdcdcd;border-bottom:0px solid #cdcdcd;border-right:0px solid #cdcdcd;margin: 0 1%;} .filter-category.visible {display:block} .layernav-item.visible {display:block;padding-bottom: 20px;} .display-filter-button {display:block;cursor:pointer;} .filter-state .actions {float:none;margin-bottom:15px;} .filter-state .actions a {background:transparent none;text-indent:0;width:100%;text-align:center;line-height:30px;} .toolbar-container .toolbar .sort-by {top:-60px;} .category-info ul.filter-category li a {line-height:20px;font-size:14px;} .category-products .block-layered-nav .filter-container {width:90%;margin: 0 5% 10px 5%;max-width:800px;} .filter-state { margin-bottom: 10px;position: relative;padding:0px 5% 5px;} .block-layered-nav .filter-container dd {display:none} .block-layered-nav .filter-container:hover dd {display:none} .block-layered-nav dd ol {position: relative; width: 100%;} .block-layered-nav {float:none;} .toolbar .pager {min-height: 18px;} .category-products .products-grid li.item:hover .product-image { display:block;} .category-products .products-grid li.item:hover .product-image-alt { display:none;} .category-products .products-grid li.item:hover .item-bottom {display:block} .category-products .products-grid li.item:hover .actions {display:none} .category-products .products-grid li.item:hover ul.product-vignette {display:block} .category-products.display-product-image-alt .products-grid li.item:hover .product-image { display:none;} .category-products.display-product-image-alt .products-grid li.item:hover .product-image-alt { display:block;} .toolbar .sort-by {text-align: center;margin: 0 2%;left:0;} .toolbar .sort-by select {font-size: 13px;vertical-align: middle;width: 90%;padding:4px 1px;margin-top:10px;text-align: center;} .products-grid {width:100%;margin-top: 10px !important;} /* autre bis */ iframe {max-width:100%} /* slider arrow */ .infinite-slider div.arrow-left {display:none;} .infinite-slider div.arrow-right {display:none;} /* account-create form */ .account-create .fieldset {padding-left:2%;padding-right:2%;} .account-create .buttons-set {padding-left:2%;padding-right:2%;} .account-create .input-box {width:100%!important;} /* forgotpassword */ .customer-account-forgotpassword .fieldset {padding-left:2%;padding-right:2%;} .customer-account-forgotpassword .buttons-set {padding-left:2%;padding-right:2%;} /* changeforgotten */ .customer-account-changeforgotten .fieldset {padding-left:2%;padding-right:2%;} .customer-account-changeforgotten .buttons-set {padding-left:2%;padding-right:2%;} /* my-account */ .my-account {padding-left:2%;padding-right:2%} .main-container.col2-left-layout .col-left {padding: 0 0 1px;width: 30%;} .main-container.col2-left-layout .col-main {padding: 0 0 1px;width: 68%;} #my-orders-table thead th, .data-table tbody th, .data-table tbody td {font-size: 10px;} .dashboard .col2-set .col-1 {width: 47%;} .dashboard .col2-set .col-2 {width: 47%;} .customer-account-login .account-login .input-box {} .customer-account-login .account-login .input-box input {} .customer-account-edit .my-account .input-box {max-width:100%;} .customer-address-form .my-account .input-box {max-width:100%;} /* cart et checkout */ .cart .cart-table {margin-left: 2%;margin-right: 2%;width: 96%;} .cart .cart-collaterals {width:100%;padding:10px 0;} .cart .cart-collaterals .col2-set {width:45%;margin-left:2%;} .cart .cart-collaterals .col2-set .col-1 {float:none;width:100%;margin:0;} .cart .cart-collaterals .col2-set .col-2 {float:none;width:100%;margin:0;} .cart .totals {float: right;width: 45%;margin-right:2%;} .cart-table tbody td {font-size:12px} .cart-table .product-name { min-width: 240px;} .cart .discount {margin-top: 40px;} .opc {padding-left:2%;padding-right:2%;box-sizing:border-box;} .opc #opc-login .col2-set .col-1, .opc #opc-login .col2-set .col-2 {width: 47%;} .checkout-onepage-index .form-list {max-width:100%;} .checkout-onepage-index .form-list select {max-width:100%;} .checkout-onepage-index .form-list .field {max-width:100%;width:100%;} .checkout-onepage-index .form-list label {width: 30%} .checkout-onepage-index .form-list li .input-box {max-width: 70%} /*.iframe-crosslog-container {display:none}*/ .iframe-crosslog-container-mobile {display:block;width:100%;} .iframe-crosslog-container-mobile iframe{width:100%;} #payment_form_checkmo li label {text-align:left;} .checkout-onepage-success .col-main {padding-left: 2%;padding-right: 2%;} .checkout-onepage-success .page-title {margin-top: 10px} /* cms slider */ .cms-slider:hover div.arrow-left, .cms-slider:hover div.arrow-right {display:none} .infinite-slider:hover div.arrow-left, .infinite-slider:hover div.arrow-right {display:none} /* footer */ .footer {margin: 20px auto 0;width: 100%;} /* #mc_embed_signup */ #mc_embed_signup form#mc-embedded-subscribe-form {} #mc_embed_signup .mc-field-group input.email {width:38%;font-size:16px;} #mc_embed_signup .mc-input-button {line-height:40px;font-size:16px;} #mc_embed_signup .mc-field-group label.title {line-height:42px;padding:0 5px;font-size:16px;} #mc_embed_signup .mc-field-group input::-webkit-input-placeholder {font-size:16px } #mc_embed_signup .mc-field-group input::-moz-placeholder {font-size:16px } #mc_embed_signup .mc-field-group input:-ms-input-placeholder {font-size:16px } /* Menu international */ .switcher-popup-container table {min-width:500px;} /* rma */ .rma-view {padding:0 2%;} /* journal */ .blog-index-index .main-container {padding: 0 2%;} .blog-post-view .main-container {padding: 0 2%;} .blog-post-view .left-col {} .blog-post-view .right-col {} .content-column-blog ul.posts-grid li.post.post-col0{width: 32%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 20px 0%;} .content-column-blog ul.posts-grid li.post.post-col1 {width: 32%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 20px 0;} .content-column-blog ul.posts-grid li.post.post-col2 {width: 32%;padding:0;box-sizing:border-box;text-align:left;margin:0 0% 20px 0;} /* checkout chronopost */ .sp-methods .chronorelaismap .mappostalcode input {width:53px;} /* Full width layout */ .full-width-content.cms-page-view .std {padding-left:0;padding-right:0} .full-width-content .main .col2-set .col-1 img, .full-width-content .main .col2-set .col-2 img {width:100%;max-width:none;} .full-width-content .main .col3-set .col-1 img, .full-width-content .main .col3-set .col-2 img, .full-width-content .main .col3-set .col-3 img {width:100%;max-width:none;} .full-width-content .main .col4-set .col-1 img, .full-width-content .main .col4-set .col-2 img, .full-width-content .main .col4-set .col-3 img, .full-width-content .main .col4-set .col-4 img {width:100%;max-width:none;} .main .category-cms-block { margin-left:0px; margin-right:0px; } } /* =============================== */ /* Mobile */ /* =============================== */ @media screen and (max-width: 639px) { .wrapper {min-width:0;margin-top:0;} .page {padding:0;} .main {width: 100%;} .header-container {min-height: 0;} .breadcrumbs {text-align: center;padding-left:2%;padding-right:2%;margin-top:10px;} #messages_product_view {margin-left:2%;margin-right:2%;} /* header */ .header-top-bar-wrapper {height:auto;position:relative;z-index: auto;} .header-top-bar-wrapper .header-top-bar {height: auto;line-height: 50px; width: 100%;} .header-top-bar-wrapper .logo-sixthjune {height:27px;width:auto;top:12px;} .header-top-bar-wrapper #sticky-header-top-link { display: block; /*height: 30px;*/ left: 0; line-height: 30px; margin: 0; position: relative; text-align: center; top: 0; width: 100%; } .header-top-bar {width:100px;} .header-icon-white .sticky-header.scrollable .logo-sixthjune {height:40px;width:63px;padding-left:63px} .header-top-bar-left .form-language {margin-left:20px;margin-right:10px;} #header-top-bar-right-links a.customer-service-link {background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/customer_service_mobile.png) no-repeat left center;background-size:20px 20px;width:20px;height:50px;text-indent:100px;overflow:hidden;display:block;float:left} #header-top-bar-right-links a.account-link {background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/my_account_mobile.png) no-repeat left center;background-size:20px 20px;width:20px;height:50px;text-indent:100px;overflow:hidden;display:block;float:left;padding-left:0} #header-top-bar-right-links a.top-link-cart {background:transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/cart_mobile.png) no-repeat left center;background-size:20px 20px;width:40px;height:50px;text-indent:100px;overflow:hidden;display:block;float:left;padding-left:0;margin-right:20px;position:relative;} #header-top-bar-right-links a.top-link-cart span.mobile-count { display: block;height: 50px;left: 22px; position: absolute;text-indent: 0;top: 0;width: 18px;} #header-top-bar-right-links .separator {display:none} .header-top-bar .header-top-left {display:none} .header-top-bar .header-top-right {display:none} .scrollable .header-tab-icon .header-tab {top: 50px;} .header-account-icon.header-tab-icon .header-tab {right:-62px;} .menu-shop-now-mobile {display:inline-block;height:50px;font-size: 18px;font-weight:300;cursor:pointer;margin-left:0px;} .menu-shop-now-mobile.active {background-color:#dddddd;} .menu-shop-now-mobile img {margin-top:0px;} .menu-shop-now-mobile img.close-img {display:none} .menu-shop-now-mobile.active img {display:none} .menu-shop-now-mobile.active img.close-img {display:block} .sticky-header {min-height:0px;height:50px;} .sticky-header.scrollable {top: 0px;height:50px;min-height:0px;} .sticky-header .sticky-header-content {display:none} .sticky-header .logo-sixthjune, .sticky-header.scrollable .logo-sixthjune {height:40px;} .sticky-button-nav {display:none;} #sticky-search-form { position:static;width:100%;} #sticky-search-form input.input-text {width:70%;font-size:13px;padding:6px 3px 6px 20px;position:relative;top:-2px} #sticky-search-form button.button {right: 28px;} .scrollable .header-search-icon,.header-search-icon {} .scrollable .header-account-icon , .header-account-icon{} .scrollable .header-cart-icon,.header-cart-icon {} .header-search-icon.header-tab-icon .header-tab {left: -10px;} .header-cart-content .mini-products-list li .product-details {max-width: 240px;min-width: 140px;width: 50%;} .header-cart-content .mini-products-list li .product-price {width:60px;} .header-cart-content .mini-products-list li .product-remove {float: right;} .header-search-content #search {font-size:16px;} .scrollable-header.header-top-bar-wrapper {z-index:999} .header-top-bar-wrapper {z-index:9999} .header-top-bar-left , .scrollable-header .header-top-bar-left {position: absolute;} .header-top-bar-wrapper .logo-sixthjune {position: relative;/*left: 50%;margin-left: -32px;*/} .scrollable-header.header-top-bar-wrapper .logo-sixthjune {position: relative;left: 0;margin-left: 0px;} /* general */ a.button-link {margin-bottom:5px;} /* menu */ /* Taille du menu gauche et du decalage */ .menu-open .left-menu-container {width:75%;max-width: 350px;} .menu-open .page {transform: translateX(75%);} .sticky-footer .sticky-footer-content {width:100%;top:0px;} .sticky-footer.scrollable .sticky-footer-content {top:0} .sticky-footer .sticky-footer-content #sticky-top-menu {position:static;left:0;} .menubuilder-menu.nav-link-list li.level0 {display:block;background-color:#333333;width:100%;border-bottom:1px solid #7F7F7F;padding:0;line-height:40px;} .menubuilder-menu.nav-link-list li.level0.over {} .menubuilder-menu.nav-link-list li.level0 a{padding-left:20px;display:block;width:90%;} .menubuilder-menu.nav-link-list li.level0.parent a {width:30%} .menubuilder-menu.nav-link-list li.level0.over a.level0{} .menubuilder-menu.nav-link-list div.level0 {position:static;left:0;top:0;min-width:0px;height:auto;width:100%;padding:0} .menubuilder-menu.nav-link-list div.level0 ul {width:100%;float:none;margin:0;} .menubuilder-menu.nav-link-list div.level0 li.level1 {float:none;width:100%;min-height:30px;line-height:30px;margin:0!important;border-top: 0;} .menubuilder-menu.nav-link-list div.level0 li.level1.image {display:none;} .menubuilder-menu.nav-link-list div.level0 li.level1 a {display:block;padding-left:50px;margin:0;width:100%;box-sizing:border-box;} .menubuilder-menu.nav-link-list div.level0 li.level1.over {} .menubuilder-menu.nav-link-list div.level0 li.level1 ul.level1{display:none} .menubuilder-menu.nav-link-list div.level0 li.level1.over ul.level1{display:block} .menubuilder-menu.nav-link-list div.level0 img {display:none;} .menubuilder-menu.nav-link-list div.level0 li.level2 {height:30px;margin:0;line-height:30px;} .menubuilder-menu.nav-link-list div.level0 li.level2 a{padding-left:80px;text-transform:none;width:auto;} .menubuilder-menu.nav-link-list li.parent {background-image: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/more_mobile1.png);background-position:90% 8px;background-repeat:no-repeat;background-size:24px auto} .menubuilder-menu.nav-link-list li.parent.over {background-image: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/less_mobile1_white.png);background-position:90% 8px;background-repeat:no-repeat;background-size:24px auto} .menubuilder-menu.nav-link-list ul.level0 .level0-bottom {display:none;} .menubuilder-menu.nav-link-list .mobile-name {display:inline} .header-top-bar-left {left:10px} .header-top-bar-right {right:10px} /* MENU V2 */ #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 {position:relative;top: 0;} #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 li.level1 {background-color:#FFFFFF;margin-top:10px!important;/*margin-right:10px!important*/;border:0;} #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 li.level1 a {padding-left:0;width:100%;} #sticky-top-menu.sticky-menu-v2 div.menubuilder-menu.nav-link-list ul.level0 li.submenu-container > ul {position:relative;left:0;transition: all 100ms;} #sticky-top-menu.sticky-menu-v2 div.nav-link-list li ul.level0 .arrow-left {width:25px;background-size: 20px auto;display:none!important} #sticky-top-menu.sticky-menu-v2 div.nav-link-list li ul.level0 .arrow-right {width:25px;background-size: 20px auto;display:none!important} /* cms + home page */ .cms-index-index .header-container {display:block;width:100%;overflow-x:hidden} .cms-index-index .header-container .arrow-left, .cms-index-index .header-container .arrow-right {display:none} .infinite-slider {/*height:400px!important;*/max-height:513px;} .infinite-slider li > div {height:110px;width:300px;font-size:30px;} .col2-set {} .col2-set .col-1 {width: 100%;float:none;padding:0 0;box-sizing:border-box;text-align:left;margin:0} .col2-set .col-2 {width: 100%;float:none;padding:0 0;box-sizing:border-box;text-align:left;margin:20px 0 0 0;} .col2-set .col-1 img , .col2-set .col-2 img {display: block;margin-left: auto;margin-right: auto;max-width: 100%;} .full-width-content .col2-set .col-2 {margin-top:0;} .col3-set {} .col3-set .col-1 {float: none;width: 100%;padding:0 0;box-sizing:border-box;text-align:left;margin:0;max-width:640px;} .col3-set .col-2 {float: none;width: 100%;padding:0 0;box-sizing:border-box;text-align:left;margin:0;max-width:640px} .col3-set .col-3 {float: none;width: 100%;padding:0 0;box-sizing:border-box;text-align:left;margin:0;max-width:640px} .col3-set p {margin:0} .col4-set {} .col4-set .col-1 {width: 47%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 0 2%;} .col4-set .col-2 {width: 47%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 0 0;} .col4-set .col-3 {width: 47%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 0 2%;clear:both;margin-top:20px;} .col4-set .col-4 {width: 47%;padding:0;box-sizing:border-box;text-align:left;margin:0 2% 0 0;margin-top:20px;} .col4-set .col-1 img ,.col4-set .col-2 img ,.col4-set .col-3 img, .col4-set .col-4 img {max-width:100%;} .std .col2-set .col-1 {padding-left:0;padding-right:0;width:100%} .std .col2-set .col-2 {padding-left:0;padding-right:0;width:100%} .cms-page-view .std {padding-left: 2%;padding-right:2%;} .cms-page-view .std img {max-width:100%;} .col3-set .image-text-block {text-align:center;} /* Widget carousel */ /*.widget.widget-grid-line {margin-bottom: 10px !important;} .widget.widget-grid-line .products-grid-carousel, .widget.widget-grid-line .products-grid {height:210px} .widget.widget-grid-line .products-grid-container {width: 100%;max-width:260px;height:200px;margin: 0 auto;float:none;} .widget.widget-grid-line .widget-title h2 {padding-left:20px;padding-right:20px;text-align:center;} .widget.widget-grid-line .widget-title h2 a.goto-category-link {display:block;margin-left:0;} .widget.widget-grid-line .products-grid-carousel li.item, .widget.widget-grid-line .products-grid li.item {width:100px!important;margin-left:5px!important;margin-right:5px!important;height: 200px;min-height:200px!important;} .widget.widget-grid-line .products-grid-carousel li.item .widget-product-image, .widget.widget-grid-line .products-grid li.item .widget-product-image {width:100px!important;height:150px;} .widget.widget-grid-line .products-grid-carousel li.item .widget-product-info, .widget.widget-grid-line .products-grid li.item .widget-product-info {width:100px;} .widget.widget-grid-line .products-grid-carousel li.item-widget {width:80px!important;margin-left:5px!important;margin-right:5px!important;height: 180px;min-height:180px!important;} .widget.widget-grid-line .products-grid-carousel li.item-widget .widget-product-image, .widget.widget-grid-line .products-grid-carousel li.item-widget img {width:80px!important;height:auto;} .widget.widget-grid-line .products-grid-carousel li.item-widget .widget-product-info {width:80px;} .widget.widget-grid-line .move-left {width:12%;margin:0;display:block!important;} .widget.widget-grid-line .move-left img {margin-top:50px;max-width:100%;} .widget.widget-grid-line .move-right {width:12%;margin:0;display:block!important;top:0;} .widget.widget-grid-line .move-right img {margin-top:50px;max-width:100%} .widget.widget-grid-line .products-grid-carousel .item img, .widget.widget-grid-line .products-grid .item img {width: 100%;height:auto;} .widget.widget-grid-line .category-products.widget-products .widget-products {max-width:360px;margin-left:auto;margin-right:auto;}*/ /*.widget.widget-viewed .widget-products {margin-left: auto;margin-right: auto;max-width: 360px;}*/ /* .widget-viewed.widget-grid-line .products-grid-container ul.products-grid {margin-left:auto;margin-right:auto;} .widget-viewed.widget-grid-line .products-grid-container ul.products-grid.products-grid-one-product {width: 110px !important;}*/ .category-products .widget.widget-grid-line.category-top-carousel {margin-bottom:0px!important;} /* titre page */ .category-info .category-title h1.current {font-size:24px;} .page-title {margin-top:0px;padding-left:2%;padding-right:2%;box-sizing: border-box;} .page-title h1, .page-title h2 {font-size: 24px; line-height:30px;} .page-title .root-category {font-size:24px;} /* catalogsearch-result-index */ .catalogsearch-result-index .page-title h1 {margin-top:20px;margin-bottom:10px;} /* catalog */ .category-info ul.filter-category {padding-left:2%;padding-right:2%;box-sizing: border-box;font-size: 12px;} .category-info p.category-desc {padding-left:2%;padding-right:2%;box-sizing: border-box;font-size: 12px;line-height: 1.2;} .category-info .breadcrumbs {margin-top:10px;font-size:10px;line-height:10px;} .category-info .category-title .separator {vertical-align: middle;line-height:10px} .category-info {} .products-grid {width:100%;margin-top: 10px !important;} .catalog-category-view .products-grid li.item {width:48%!important;margin-right:1%!important;margin-left: 1% !important;min-height: 300px!important;height: auto;} .catalogsearch-result-index .products-grid li.item {width:48%!important;margin-right:1%!important;margin-left: 1% !important;min-height: 300px!important;height: auto;} .products-grid .item-2 {clear:left;} .products-grid .item .product-image-alt, .products-grid .item .product-image {width: 100%;} .products-grid .item img {width: 100%;max-width:100%!important;} .category-products .products-grid li.item .actions {width:100%} .category-products .products-grid li.item .item-bottom {width:100%;height:100px;} .category-products .products-grid li.item .item-bottom h2 {height:50px} .products-grid ul.product-vignette {bottom: 105px;} .toolbar-container-top {display:none} .toolbar-container-top.visible {display:block} .filter-category {} .layernav-item {display:none;border-left:0px solid #cdcdcd;border-bottom:0px solid #cdcdcd;border-right:0px solid #cdcdcd;margin: 0 1%;} .filter-category.visible {display:block} .layernav-item.visible {display:block;padding-bottom: 20px;} .display-filter-button {display:block;} .filter-state .actions {float:none;margin-bottom:15px;} .filter-state .actions a {background:transparent none;text-indent:0;width:100%;text-align:center;line-height:30px;} .category-info ul.filter-category li a {line-height:20px;font-size:14px;} .category-products .block-layered-nav .filter-container {width:90%;margin: 0 5% 10px 5%;max-width:500px;} .filter-state { margin-bottom: 30px;position: relative;padding:0px 5% 5px;} .block-layered-nav .filter-container dd {display:none} .block-layered-nav .filter-container:hover dd {display:none} .block-layered-nav dd ol {position: relative; width: 100%;} .block-layered-nav {float:none;} .toolbar .pager {min-height: 18px;} .category-products .products-grid li.item {margin-bottom: 10px;} .category-products .products-grid li.item .product-image {min-height:100px} .category-products .products-grid li.item .product-image-alt {min-height:100px} .category-products .products-grid li.item:hover .product-image { display:block;} .category-products .products-grid li.item:hover .product-image-alt { display:none;} .category-products .products-grid li.item:hover .item-bottom {display:block} .category-products .products-grid li.item:hover .actions {display:none} .category-products .products-grid li.item:hover ul.product-vignette {display:block} .category-products.display-product-image-alt .products-grid li.item:hover .product-image { display:none;} .category-products.display-product-image-alt .products-grid li.item:hover .product-image-alt { display:block;} .category-products .block-layered-nav .block-content {margin-bottom:20px} /* Page produit */ .product-view {padding:0px 2% 0;} .product-view .breadcrumbs {padding-left:0;text-align:center;font-size:10px;display:block;margin:20px 0 0;} .product-view .breadcrumbs ul {display:inline} .product-view .product-media-container .more-views {display:none} .product-view .media-left {width:100%;float:none;height:auto;min-height:480px;margin-top:0px;} .product-view .media-left img {max-width:100%;height:auto;margin-bottom:10px;} .product-view .product-info-right {width:100%;float:none} .product-view #media-landscape {max-height:100%;height:auto!important;} .product-view .product-img-box { margin: 0 auto;max-height: none;overflow: hidden;width: 500px !important;float:none;max-width:100%;} .product-view .product-img-box .product-image-zoom {max-width:100%;max-height:100%;position:relative;} .product-view .product-shop .product-brand {margin-top: 16px;margin-right:0;text-align: center;} .product-view .add-to-cart-view {width:100%} .add-to-box .add-to-cart {float:none} .product-view .add-to-cart button.button {width:100%;} .product-view .static-block-bellow-add {width:100%;} .product-view .slide-left-button, .product-view .slide-right-button {} .product-view .price-box {text-align:center;} .product-view .product-shop .product-name {float:none} .product-view .product-shop .product-name h1 {text-align:center;} .product-img-box a.slide-right-button, .product-img-box a.slide-left-button {display: none!important;} .product-view .product-img-box .no-picture {margin-left:0px} .product-view .product-img-box .no-picture span {padding-bottom: 220px;padding-top: 220px;} /* toolbar */ .pager .amount {display:none} .pager .pages {margin: 0;text-align: left;} .pagerhtml .pages ol li {padding:10px 3px} .toolbar .sort-by {text-align: center;margin: 0 2%;left:0;bottom: 25px;top: auto;} .toolbar .sort-by select {font-size: 13px;vertical-align: middle;width: 90%;padding:4px 1px;margin-top:10px;text-align: center;} .category-bottom-description {padding:10px;} /* autres */ iframe {max-width:100%} /* account login */ .account-login .content {padding-left:0;padding-right:0;} .account-login .registered-users {width:98%;max-width:300px} .account-login .new-users {width:98%;max-width:300px;} /* forgotpassword */ .customer-account-forgotpassword .fieldset {padding-left:2%;padding-right:2%;} .customer-account-forgotpassword .buttons-set {padding-left:2%;padding-right:2%;} /* changeforgotten */ .customer-account-changeforgotten .fieldset {padding-left:2%;padding-right:2%;} .customer-account-changeforgotten .buttons-set {padding-left:2%;padding-right:2%;} /* account-create form */ .account-create .fieldset {padding-left:2%;padding-right:2%;} .account-create .buttons-set {padding-left:2%;padding-right:2%;} .account-create .input-box {width:100%!important;} .account-create .form-list .name-prefix select {max-width:100%;} .account-create .input-box input {max-width:100%;box-sizing: border-box;} .account-create .buttons-set button.button {width:100%} .account-create .field .input-box input {width:100%} .account-create li .input-box input {width:100%} /* my-account */ .my-account-navigation .page-title {margin-top:10px} .my-account {padding-left:2%;padding-right:2%} .account-login .new-users {margin-top:40px;} .main-container.col2-left-layout .col-left {float: none;padding: 0 2%;width: 100%;box-sizing:border-box;} .main-container.col2-left-layout .col-main {float: none;padding: 0 2%;width: 100%;box-sizing:border-box;} .customer-account-login .account-login .input-box {width:100%;} .customer-account-login .account-login .input-box input {width:100%;box-sizing:border-box;} .box-account.box-recent {display:none;} #my-orders-table thead th, .data-table tbody th, .data-table tbody td {font-size: 10px;} .dashboard .col2-set .col-1 {width: 96%;} .dashboard .col2-set .col-2 {width: 96%;} .customer-account-edit .my-account .input-box {max-width:100%;} .customer-address-form .my-account .input-box {max-width:100%;} .my-account .page-title h1 {float: none;text-align: center;white-space: normal;} /* information du compte */ .customer-account-edit .my-account .form-list label {float:none;display:block;width:100%;text-align:left;} .customer-account-edit .my-account .form-list label.required em {float:none;position:static;} .customer-account-edit .my-account .input-box {float:none;clear:both;width:100%;} .customer-account-edit .my-account .input-box input {width:100%;box-sizing: border-box;max-width: none;} .customer-account-edit .form-list li.wide input.input-text {width:100%;} .customer-account-edit .my-account .buttons-set button.button {width:100%;} .customer-account-edit .form-list select {width:100%;} /* modification adresse */ .customer-address-form .my-account .form-list label {float:none;display:block;width:100%;text-align:left;} .customer-address-form .my-account .form-list label.required em {float:none;position:static;} .customer-address-form .my-account .input-box {float:none;clear:both;width:100%;} .customer-address-form .my-account .input-box input {width:100%;box-sizing: border-box;} .customer-address-form .form-list li.wide input.input-text {width:100%;} .customer-address-form .my-account .buttons-set button.button {width:100%;} .customer-address-form .form-list select {width:100%;} /* cart et checkout */ .cart-empty {padding-left: 2%;padding-right: 2%;} .cart .cart-table {margin-left: 2%;margin-right: 2%;width: 96%;} .cart .cart-table tbody td {max-width:20%;padding:10px 3px;height:auto;} .cart-table thead th {font-size:10px;padding: 2px 4px;} .cart .cart-table .product-name a{font-size:12px;} .cart .cart-table .product-detail {font-size:11px;} .cart .cart-table td.qty-container {white-space:nowrap;padding:10px 0;max-width:10%;} .cart .cart-table td.qty-container .qty-button {background-color: #cccccc;color: #ffffff;font-size: 20px;font-weight: bold;height: 25px;line-height: 25px; margin: 0 !important;width: 90%;} .cart .cart-table td.qty-container .qty-square {font-size: 14px;font-weight: bold;height: 25px;line-height: 25px; margin: 0 !important;width: 90%;} .cart-table tbody a.product-image {display:block;} .totals-cart-top {display:none;} .cart .totals .btn-checkout {width:100%;} .cart-table tbody a.product-image {width:40px;height: 60px;overflow:visible;} .cart-table tbody a.product-image img {height: auto;position: absolute;top: 0px;width: 40px;} .cart .cart-collaterals {width:100%;padding:10px 0;} .cart .cart-collaterals .col2-set {width:96%;margin-left:2%;float:none;} .cart .cart-collaterals .col2-set .col-1 {float:none;width:100%;margin:0;} .cart .cart-collaterals .col2-set .col-2 {float:none;width:100%;margin:0;padding:0;} .cart .totals {float: none;width: 96%;margin-left:2%;} .cart-table tbody td {font-size:12px} .cart .discount {margin-top: 20px;margin-bottom:20px;height: 30px;width: 100%;} .cart .cart-collaterals {padding:0;width:96%;margin-left:2%;margin-right:2%;} .cart .discount {position:relative;} .cart .discount .input-box {width:100%;} .cart .discount input.input-text {width:100%;padding-right:60px;} .cart .discount .buttons-set button.button {position:absolute;right:0;top:0;} .opc {padding-left:2%;padding-right:2%;box-sizing:border-box;} .opc .col2-set .col-1 {width: 100%;padding:0;text-align:left;} .opc .col2-set .col-2 {width: 100%;padding:0;text-align:left;} .opc .step-title h2 {font-size:18px} .checkout-onepage-index .form-list {max-width:100%;} .checkout-onepage-index .form-list select {max-width:100%;margin-right:0;width:100%;} .checkout-onepage-index .form-list .field {max-width:100%;width:100%;} .checkout-onepage-index .form-list label {width: 80%;float:none} .checkout-onepage-index .form-list li .input-box {width: 100%;float:none} .checkout-onepage-index .form-list li.wide .input-box input {width:100%;margin-right:0;} .checkout-onepage-index .input-box input {width:100%;box-sizing:border-box;margin-right:0;} .checkout-onepage-index .buttons-set button.button {margin: 5px 0;width: 100%;} .checkout-onepage-index #checkout-step-login .buttons-set button.button {margin-bottom:10px;} .checkout-onepage-index .form-list li.wide .input-box {width: 100%;} .checkout-onepage-index .form-list li.wide select {width: 100%;} .checkout-onepage-index .buttons-set button.button.btn-checkout {width:100%;float:none;} .checkout-onepage-index #opc-login .registered-users {max-width: 300px;width: 98%;} .checkout-onepage-index #opc-login .new-users {max-width: 300px;width: 98%;} .checkout-onepage-index #opc-login .input-box {width:100%;} .checkout-onepage-index #opc-login .input-box input {width:100%;box-sizing:border-box;} .checkout-onepage-index form {display: block;max-width: 100%;} .checkout-onepage-index fieldset {display: block;max-width: 100%;} /*.iframe-crosslog-container {display:none}*/ .iframe-crosslog-container iframe {max-width:400px;} .iframe-crosslog-container-mobile {display:block;width:100%;} .iframe-crosslog-container-mobile iframe{width:100%;} #checkout-review-table {} #checkout-review-table {width:100%} #checkout-review-table tbody td {max-width:20%;padding:2px 3px;} #checkout-review-table thead th {font-size:10px;padding: 2px 4px;} #checkout-review-table .product-name a{font-size:12px;} #checkout-review-table .product-detail {font-size:10px;} #checkout-review-table td.qty-container {white-space:nowrap;} #checkout-review-table td.qty-container .qty-button {background-color: #cccccc;color: #ffffff;font-size: 20px;font-weight: bold;height: 25px;line-height: 25px; margin: 0 !important;width: 90%;} #checkout-review-table td.qty-container .qty-square {font-size: 14px;font-weight: bold;height: 25px;line-height: 25px; margin: 0 !important;width: 90%;} #checkout-review-table tbody a.product-image {width:40px;} #checkout-review-table tbody a.product-image img {height: 60px;width: 40px;} #opc-review .buttons-set p {line-height: 20px;margin: 0 0 15px;} #payment_form_checkmo li label {text-align:left;} .checkout-onepage-success .col-main {padding-left: 2%;padding-right: 2%;} .checkout-onepage-success .page-title {margin-top: 10px} /* cms slider */ .cms-slider:hover div.arrow-left, .cms-slider:hover div.arrow-right {display:none} .infinite-slider:hover div.arrow-left, .infinite-slider:hover div.arrow-right {display:none} /* footer */ .footer {margin: 20px auto 0;width: 100%;} .footer .col4-set {padding-bottom:0px;border-bottom:1px solid #cdcdcd;text-align:left;} .footer .col4-set ul li {display:block;padding:0;margin-bottom:5px;} .footer .col4-set ul li a{text-transform:none;font-size:14px;line-height:20px;} .footer .col4-set h3 {font-size:14px;text-transform:uppercase;color:#202020;font-weight:normal;} .footer .copyright {padding:20px 0 0;} .footer .col4-set .col-1 {width:auto;display:block;float:none;margin: 0 0 20px;padding: 0 30px;} .footer .col4-set .col-2 {width:auto;display:block;float:none;margin: 0 0 20px;padding: 0 30px;} .footer .col4-set .col-3 {width:auto;display:block;float:none;margin: 0 0 20px;padding: 0 30px;} .footer .col4-set .col-4 {width:auto;display:block;float:none;margin: 0 0 20px;padding: 0 30px;} .footer .col4-set > div > ul {max-height:0;display:block;overflow:hidden;transition:max-height 1s ease-in-out ;} .footer .col4-set > div.open > ul {max-height:200px;overflow:hidden;} .footer .col4-set > div > h3 {cursor:pointer;background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/plus_mobile_black.png) no-repeat 95% center;background-size: 30px auto;} .footer .col4-set > div.open > h3 {cursor:pointer;background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/minus_mobile_black.png) no-repeat 95% center;background-size: 30px auto;} /* menu international */ #switcher_select_container {padding: 15px 0;} #menu_switcher_select_container {} #menu_switcher_select_container .select-content .col1 {float:none;width:80%;margin:0 auto 20px;border-right:0;border-bottom: 1px solid #336699;padding:0 0 20px} #menu_switcher_select_container .select-content .col2 {float:none;width:80%;margin:0 auto 0px;} /* popup menu international */ .switcher-popup-container {padding:20px 20px} .switcher-popup-container h2 {font-size:22px;margin-bottom: 20px;} .switcher-popup-container table {min-width:300px;} .switcher-popup-container table td.title {font-size:14px;display:block;border:0;padding-bottom:0;} .switcher-popup-container table td.data {font-size:14px;display:block;width:100%;padding-top: 0;} /* #mc_embed_signup */ /*#mc_embed_signup {} #mc_embed_signup form#mc-embedded-subscribe-form {padding:10px 0 10px 3%;font-family:"Roboto",Helvetica,Arial,sans-serif;} #mc_embed_signup .mc-field-group input.email {width:40%;display:inline-block;font-size:20px;line-height:40px;padding:0 0;} #mc_embed_signup .mc-input-button {background-color:#2A2A2A;color:#FFFFFF;border:0;margin: 0 5px;line-height:40px;font-size:20px;padding:0 15px;font-weight:bold;cursor:pointer;} #mc_embed_signup .mc-field-group label.title {display: inline-block;margin-bottom: 0px;color:#a6a6a6;line-height:42px;padding:0 10px;font-size:20px;font-weight:bold;vertical-align: top;} #mc_embed_signup .mc-field-group {padding-bottom:0!important;min-height:40px!important;} #mc_embed_signup .mc-input-button.mc-input-button-homme {background-color:#2A2A2A;color:#f0f0f0;} #mc_embed_signup .mc-input-button.mc-input-button-femme {background-color:#f0f0f0;color:#2A2A2A;} #mc_embed_signup .mc-field-group input::-webkit-input-placeholder { color:#a6a6a6;font-style:normal;font-size:20px } #mc_embed_signup .mc-field-group input::-moz-placeholder { color:#a6a6a6;font-style:normal;font-size:20px } #mc_embed_signup .mc-field-group input:-ms-input-placeholder { color:#a6a6a6;font-style:normal;font-size:20px } */ #mc_embed_signup form#mc-embedded-subscribe-form {padding:10px 0 10px 1%} #mc_embed_signup .mc-field-group input.email {width:30%;font-size:14px;margin-right: 1%;} #mc_embed_signup .mc-input-button {line-height:40px;font-size:12px;padding: 0 2%;margin: 0 1%;} #mc_embed_signup .mc-field-group label.title {line-height:42px;padding:0 1% 0 0;font-size:11px;} #mc_embed_signup .mc-field-group {width:100%!important;} #mc_embed_signup .mc-field-group input::-webkit-input-placeholder {font-size:11px } #mc_embed_signup .mc-field-group input::-moz-placeholder {font-size:11px } #mc_embed_signup .mc-field-group input:-ms-input-placeholder {font-size:11px } .my-account-rma .data-table td {padding: 5px 5px;} .rma-items .form-list .field {width:100%} .rma-items .form-list select {width: 100%;display: block;} .rma-items .form-list textarea {width: 100%!important;display: block;} .rma-view-items table.data-table tr th{font-size:10px;padding: 0 3px;} .rma-view-items table.data-table td {padding: 0 3px;} .rma-view-items table.data-table tr td img {width:40px;height:auto;} .rma-view-items table.data-table tr th.col-name, .rma-view-items table.data-table tr td.col-name {display:none;} .rma-view {padding:0 2%;} /* journal */ .blog-index-index .main-container {padding: 0 0;} .blog-post-view .main-container {padding: 0 2%;} .blog-index-index .content-column-blog .posts-grid h2 {text-align:center;} .blog-index-index .content-column-blog .left-col {width:100%;float;none;} .blog-index-index .content-column-blog .right-col {float:none;width:100%;margin:20px auto;position:static;} .col-main .blog-post-view .left-col {width:100%;float;none;} .col-main .blog-post-view .right-col {float:none;width:100%;margin:20px auto;position:static;} .content-column-blog .left-col{float:none;width:100%;max-width:600px;} .content-column-blog .right-col{float:none;width:100%;max-width:300px;} .content-column-blog .posts-grid li.post.post-col0 {float: none;width: 100%;padding:0 0;box-sizing:border-box;text-align:left;margin:0 0 20px 0;max-width:640px;} .content-column-blog .posts-grid li.post.post-col1 {float: none;width: 100%;padding:0 0;box-sizing:border-box;text-align:left;margin:0 0 20px 0;max-width:640px} .content-column-blog .posts-grid li.post.post-col2 {float: none;width: 100%;padding:0 0;box-sizing:border-box;text-align:left;margin:0 0 20px 0;max-width:640px} .blog-post-view .master-slider-full-width-container {min-height:100px;} .main .blog-post-view .blog-post-info .postContent {width:100%;max-width:100%;} .main .blog-post-view .blog-post-bottom {width:100%;max-width:100%;} /* blog suite */ .blog-post-extra-content .blog-post-content-en {float:none;margin:0 auto 10px;} .blog-post-extra-content .blog-post-content-fr {float:none;margin:0 auto 10px;} /* CAPTACHA*/ .captcha-container {padding-left:5px} /* Full width layout */ .full-width-content.cms-page-view .std {padding-left:0;padding-right:0} .full-width-content .main .col2-set .col-1 img, .full-width-content .main .col2-set .col-2 img {width:100%;max-width:none;} .full-width-content .main .col3-set .col-1 img, .full-width-content .main .col3-set .col-2 img, .full-width-content .main .col3-set .col-3 img {width:100%;max-width:none;} .full-width-content .main .col4-set .col-1, .full-width-content .main .col4-set .col-2, .full-width-content .main .col4-set .col-3, .full-width-content .main .col4-set .col-4 {margin:0;width:50%;} .full-width-content .main .col4-set .col-1 img, .full-width-content .main .col4-set .col-2 img, .full-width-content .main .col4-set .col-3 img, .full-width-content .main .col4-set .col-4 img {width:100%;max-width:none;} .full-width-content .col2-set p {margin-bottom:0} .full-width-content .col3-set p {margin-bottom:0} .full-width-content .col4-set p {margin-bottom:0} .main .category-cms-block { margin-left:0px; margin-right:0px; } } /** =============================== * big_screen.css * fichier de style pour grand ecran * =============================== */ @media screen and (max-width: 3840px) and (min-width: 1200px) { .cms-page-view img {max-width:100%} /* Cas du la page d'index du blog */ .blog-index-index {} .blog-index-index .main { max-width:1920px; width:96%; } .blog-index-index .content-column-blog .posts-grid li.post {width:32%;max-width:600px;} .blog-index-index .content-column-blog .posts-grid li.post.post-col0 {margin-right:2%} .blog-index-index .content-column-blog .posts-grid li.post.post-col1 {margin-right:2%} /* Page categories + Resultat de recherche*/ .catalogsearch-result-index .main, .catalog-category-view .main { max-width:1920px; width:96%; } .category-products .layernav-item {max-width:90%;margin:0 auto;} .toolbar .sort-by {right:5%} .catalogsearch-result-index .products-grid, .catalog-category-view .products-grid {width:100%} .catalogsearch-result-index .products-grid li.item, .catalog-category-view .products-grid li.item {width:calc(25% - 20px);height: auto;} .catalogsearch-result-index .products-grid .product-image, .catalog-category-view .products-grid .product-image {width:100%;text-align:center;} .catalogsearch-result-index .products-grid .product-image-alt, .catalog-category-view .products-grid .product-image-alt {width:100%;text-align:center;} .catalogsearch-result-index .products-grid li.item .item-bottom, .catalog-category-view .products-grid li.item .item-bottom {width:90%;margin:0 auto;} .catalogsearch-result-index .products-grid li.item .actions, .catalog-category-view .products-grid li.item .actions {width:90%;margin:0 auto;} .products-grid li.item .product-image img, .products-grid li.item .product-image-alt img { max-width:440px; width: 90%; } /* header */ .header-top-bar ul.nav-horizontal a {margin-right:60px;} .header-top-bar .header-top-right a {margin-left:60px;} /* footer */ .footer { width:80%; max-width:1920px; box-sizing: border-box; padding:30px 30px; } .footer .col4-set .col-1, .footer .col4-set .col-2, .footer .col4-set .col-3, .footer .col4-set .col-4 { width:22%; } /* Page produit */ /*.catalog-product-view .main {max-width:1920px;width:96%;} .catalog-product-view .product-view {text-align:center} .catalog-product-view .product-view .media-left {float:none;display:inline-block;width: 40%;} .catalog-product-view .product-view .product-info-right {float:none;display:inline-block;width: 40%;} .catalog-product-view .product-view .product-info-right .add-to-cart-view {margin-left:auto;margin-right:auto;} */ } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@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 base_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:center; margin:5px 0;} /*.col-main .widget-product-link a { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }*/ .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* 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 { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.sixthjune.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 12020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ } .fancybox-opened { z-index: 12030; } .fancybox-opened .fancybox-skin { /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/ } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.sixthjune.com/skin/frontend/base/default/lib/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 12060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.sixthjune.com/skin/frontend/base/default/lib/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 12040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.sixthjune.com/skin/frontend/base/default/lib/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 12040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 12040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 12010; background: url('https://www.sixthjune.com/skin/frontend/base/default/lib/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 12050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 12050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.sixthjune.com/skin/frontend/base/default/lib/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.sixthjune.com/skin/frontend/base/default/lib/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * Master Slider WordPress Main CSS File * @date Aug 2016 */ /** * Master Slider * Main css file */ .master-slider{ position: relative; visibility: hidden; -moz-transform: translate3d(0 , 0 , 0); } .ms-ie img{border:none;} .ms-ie8 * {opacity:inherit;filter:inherit;} .ms-ie7 {zoom:1;} .ms-moz .ms-slide-bgcont>img { transform: translateX(0px); } .master-slider a, .master-slider a:hover { -webkit-transition: none; -o-transition: none; transition: none; } .wpb_row .master-slider-parent *, .master-slider-parent * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .master-slider-parent { margin-left: auto; margin-right: auto; } .ms-layout-partialview .ms-view { overflow: visible; background-color:transparent; } .ms-layout-partialview .ms-container { overflow: hidden; } .master-slider.before-init{} .master-slider img, .ms-slide-bgvideocont video {max-width:none;} .master-slider.ms-fullheight{height: 100%;} .ms-slide-auto-height { display: table; } .ms-loading-container{ position:absolute; width:100%; top:0; } .ms-loading-container .ms-loading, .ms-slide .ms-slide-loading { width: 36px; height: 36px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/common/loading-2.gif) no-repeat center white; border-radius: 60px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); position: absolute; left: 50%; top: 50%; margin: -18px; opacity: 0.9; } /* grab cursor */ .ms-def-cursor{cursor:auto !important;} .ms-grab-cursor{cursor: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/common/grab.png), move;} .ms-grabbing-cursor{cursor: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/common/grabbing.png), move;} .ms-ie .ms-grab-cursor{cursor: move;} .ms-ie .ms-grabbing-cursor {cursor: move;} .ms-view { margin:0px auto; overflow:hidden; position:relative; -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; } .ms-view .ms-slide-container{position:relative;} .ms-slide { position:absolute; height:100%; -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .ms-wk .ms-slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .ms-slide.selected {} .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont{ position: absolute; overflow:hidden; width: 100%; } .ms-slide .ms-slide-link { display: block; width: 100%; height: 100%; position: absolute; top:0; z-index: 110; } .ms-ie .ms-slide-link { background: url("https://www.sixthjune.com/skin/frontend/sixthjune/default/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; } .ms-slide .ms-slide-bgvideocont{ z-index: 105; height: 100%; } .ms-wk .ms-slide .ms-slide-bgvideocont, .ms-wk .ms-slide-bgvideocont>video{ -webkit-transform: translateZ(0.3px); transform: translateZ(0.3px); } .ms-slide .ms-slide-bgvideo{ position: absolute; top: 0px; } .ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;} .ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .ms-slide .ms-layer, .ms-fixed-layers .ms-layer, .ms-overlay-layers .ms-layer { position:absolute; pointer-events: auto; } .ms-layer-mask { position: absolute; overflow: hidden; } .ms-layer-mask .ms-layer{ position: relative; } .ms-slide .ms-slide-layers, .ms-overlay-layers .ms-slide-layers, .ms-fixed-layers { position: absolute; overflow:hidden; width:100%; height: 100%; z-index: 109; top:0px; pointer-events: none; } /* ------------------------------------------------------------------------------ */ /* Overlayer layers */ .ms-overlay-layers { position: absolute; top: 0; z-index: 120; width: 100%; height: 100%; pointer-events: none; } .ms-slide .ms-slide-video{ position:absolute; top:0; z-index: 111; background:black; padding:0; margin: 0; border: none; } .ms-slide .ms-pattern{ background-attachment: scroll; width: 100%; height: 100%; z-index: 108; position: absolute; top: 0; } .ms-wk .ms-pattern{ -webkit-transform: translateZ(0.4px); transform: translateZ(0.4px); } .ms-parallax-layer { width: 100%; position: absolute; top: 0; } .ms-scroll-parallax-cont{ position: absolute; top:0; width: 100%; height: 100%; z-index: 109; } .ms-wk .ms-scroll-parallax-cont{ -webkit-transform: translateZ(0.4px); transform: translateZ(0.4px); } .ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont, .ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{ } .ms-scroll-parallax .ms-slide-bgcont{ } /*-----------------------------------------------------------*/ .ms-action-layer{cursor: pointer;} .ms-btn-container{position: absolute;} .ms-btn { text-decoration: none; display: inline-block; color:black; position: relative; padding: 8px 15px; cursor: pointer; white-space: nowrap; } .ms-default-btn{ background: #0074A2; border-radius: 5px; color: #FFF; } .ms-default-btn:hover{background-color: #0098D5;} .ms-default-btn:active{top:1px;} .ms-layer.video-box{background:black;} .ms-layer.video-box iframe{ padding:0; margin: 0; border: none; position: absolute; z-index: 110; } .ms-btn-s{ padding: 14px 17px; font-size: 80%; line-height: 0; } .ms-btn-m{ padding: 12px 40px; } .ms-btn-n{ padding: 8px 25px; font-size: 95%; } .ms-btn-l{ padding: 17px 50px; font-size: 120%; } .ms-btn-box{} .ms-btn-round{border-radius: 5px;} .ms-btn-circle{border-radius: 100px;} .ms-btn-outline-box{} .ms-btn-outline-round{border-radius: 5px;} .ms-btn-outline-circle{border-radius: 100px;} /*-----------------------------------------------------------*/ .ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{ position:absolute; cursor: pointer; z-index: 110; } .ms-slide .ms-slide-vcbtn{ position:absolute; cursor: pointer; z-index: 113; } .ms-slide-vcbtn-mobile{ position: relative; bottom: 0; left:0; width:100%; height: 28px; background-color: black; color: white; text-align: center; cursor: pointer; z-index: 113; } .ms-slide-vcbtn-mobile .ms-vcbtn-txt { text-transform: uppercase; font-family: sans-serif; font-size: 0.75em; display: inline-block; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/common/video-close-btn.png) no-repeat 0px 3px; padding-left: 15px; height: 15px; color: #DBDBDB; margin-top: 7px; } .ms-wk .ms-slide .ms-slide-vcbtn, .ms-wk .ms-slide .ms-slide-layers, .ms-wk .ms-slide .ms-slide-vpbtn, .ms-wk .ms-slide .ms-slide-video, .ms-wk .ms-slide-link { -webkit-transform: translateZ(0.44px); transform: translateZ(0.44px); } .ms-video-img{ position:absolute; width:100%; height:100%; top:0; left:0; } .ms-mask-frame{ overflow:hidden; position:absolute; float:left; } /* controls */ .ms-thumb-list{ overflow:hidden; position:absolute; } .ms-thumb-list.ms-dir-h {width: 100%;} .ms-thumb-list.ms-dir-v {height: 100%; top: 0;} .ms-thumbs-cont{position: relative;} .ms-thumb-frame img{width:100%; height:auto;} .ms-thumb-frame{ cursor: pointer; float: left; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .ms-thumb-frame-selected{ opacity: 1; } .ms-tabs .ms-thumb-frame { background-color: #F6f6f6; text-shadow: 0 1px 1px white; color: #222; border: solid 1px white; border-width: 0 1px 1px 0; overflow: visible; position: relative; opacity: 1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-tabs.ms-has-thumb .ms-tab-thumb{ width:auto; } .ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;} .ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;} .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;} .ms-tabs.ms-dir-h.ms-align-top {z-index: 140;} .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame{margin-top: -12px;} .ms-tabs .ms-thumb{padding: 20px 20px;} .ms-tabs .ms-thumb-frame-selected { opacity: 1; background: #EDEDED;} .ms-tabs .ms-thumb-frame .ms-thumb-ol { position: absolute; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol { top: 0px; left: 50%; margin-left: -12px; border-bottom: solid 12px #F6f6f6; border-left: solid 12px transparent; border-right: solid 12px transparent; } .ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; top:-12px; border-bottom-color: #EDEDED; } .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol { bottom: 0px; top:auto; border-bottom:0px; border-top: solid 12px #F6f6f6; } .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; bottom:-12px; border-top-color: #EDEDED; } .ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol { top: 50%; left: 0; margin-top: -12px; border-right: solid 12px #EDEDED; border-top: solid 12px transparent; border-bottom: solid 12px transparent; } .ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; left:-12px; border-right-color:#EDEDED; } .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol { left: auto; right: 0; border-right: 0; border-left: solid 12px #EDEDED; } .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{ opacity: 1; right:-12px; border-left-color:#EDEDED; } .ms-thumb-alt { text-align: center; margin: 5px; font-size: 14px; font-weight: 600; } /* horizontal thumblist arrows*/ .ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { height: 100%; width: 20px; position: absolute; left: 0; cursor: pointer; background: rgba(128, 128, 128, 0.5); text-align: center; color: white; } .ms-thumb-list.ms-dir-h .ms-thumblist-bwd { right: 0; left: auto; } .ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after { content: close-quote; top: 43%; position: relative; border: solid rgba(0, 0, 0, 0); border-width: 5px 5px 5px 0px; display: block; border-right-color: #FFF; width: 6px; height: 1px; } .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after { border-width: 5px 0px 5px 5px; border-left-color: #FFF; left: 7px; } /* vertical thumblist arrows */ .ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd { width: 100%; height: 20px; position: absolute; top: 0; cursor: pointer; background: rgba(128, 128, 128, 0.5); text-align: center; color: white; } .ms-thumb-list.ms-dir-v .ms-thumblist-bwd { bottom: 0; top: auto; } .ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after { content: close-quote; left: 43%; position: relative; border: solid rgba(0, 0, 0, 0); border-width: 0px 5px 5px 5px; display: block; border-bottom-color: #FFF; height: 1px; top: 5px; width: 0; } .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after { border-width: 5px 5px 0px 5px; border-top-color: #FFF; top: 7px; } /* Thumb in tab styles */ .ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont{ top:0 !important; } .ms-tabs.ms-has-thumb .ms-thumb-frame{ height: auto !important; } .ms-tabs.ms-has-thumb .ms-thumb{ padding:0; } .ms-tabs.ms-has-thumb .ms-tab-context{ padding:20px; } .ms-tabs.ms-align-left .ms-tab-thumb{ float:left; margin-right:20px; } .ms-tabs.ms-align-right .ms-tab-thumb{ float:right; margin-left: 20px; } .ms-bullet{cursor:pointer;float: left;} .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-bullets.ms-dir-v { position: absolute; top:50%; } .ms-bullets.ms-dir-v .ms-bullet{ float: none; } .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-sbar {position: absolute;} .ms-sbar.ms-dir-h { left: 10px; right: 10px; top: 5px } .ms-sbar.ms-dir-v { top: 10px; bottom: 10px; right: 5px } .ms-sbar .ms-bar { height: 4px; background: #333; border-radius: 4px; } .ms-sbar.ms-dir-v .ms-bar { width: 4px;} .ms-sbar .ms-bar{ position:relative; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .ms-timerbar { width: 100%; bottom: 0px; position: absolute; } .ms-ctimer { position: absolute; top: 30px; left: 30px; cursor: pointer; } .ms-ctimer-bullet {} .ms-time-bar{ -webkit-transition: width 120ms linear; -moz-transition: width 120ms linear; -ms-transition: width 120ms linear; -o-transition: width 120ms linear; transition: width 120ms linear; } .ms-ie7 .ms-tooltip-arrow{ height:0px; } .ms-slide-info {position: absolute;} .ms-slide-info.ms-dir-v {top:0;} .ms-slide-info.ms-dir-h {width:100%;} @keyframes point-anim{ 0% {transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); opacity: 1; } 100% {transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); opacity: 0; } } @-webkit-keyframes point-anim{ 0% {-webkit-transform: scale(0.5); opacity: 1; } 100% {-webkit-transform: scale(1.5); opacity: 0; } } /* In Android browser, using css animations over slider causes some crashes */ .ms-android .ms-tooltip-point .ms-point-border{ animation:none; -moz-animation:none; -webkit-animation:none; -o-animation:none; } .ms-pattern.ms-patt-1 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-2 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-3 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-4 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-5 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-6 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-7 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-8 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-9 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-10 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-11 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-12 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-13 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-14 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-15 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);} /* white patterns */ .ms-pattern.ms-patt-16 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-17 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-18 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-19 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-20 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-21 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);} .ms-pattern.ms-patt-22 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-23 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-24 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-25 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-26 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-27 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);} .ms-pattern.ms-patt-28 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);} .ms-pattern.ms-patt-29 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);} .ms-pattern.ms-patt-30 {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);} /** * Master Slider * Default Skin */ .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn{ width: 50px; height: 51px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .ms-skin-default .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-1.png) no-repeat -24px -28px; top: 18px; right: 30px; } /* controls */ .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev { width: 30px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-1.png); background-position: -89px -26px; height: 40px; cursor: pointer; top: 50%; left: 30px; margin-top: -20px; position: absolute; z-index: 110; } .ms-skin-default .ms-nav-next { right: 30px; left: auto; background-position: -89px -103px; } .ms-skin-default .ms-bullet { width: 10px; height: 10px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-1.png) no-repeat; margin: 4px; background-position: -34px -117px; } .ms-skin-default .ms-bullet-selected { background-position: -34px -84px; } .ms-skin-default .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-default .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-default .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-default .ms-tooltip-point {cursor: pointer;} .ms-skin-default .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-default .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-default .ms-tooltip { max-width:200px; } .ms-skin-default .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-1-retina.png); background-size: 152px 225px; } } /** * Master Slider * Black 1 */ .ms-skin-black-1 .ms-slide .ms-slide-vpbtn, .ms-skin-black-1 .ms-video-btn{ width: 54px; height: 54px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-black-1 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-1.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-black-1 .ms-nav-next, .ms-skin-black-1 .ms-nav-prev { width: 53px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-1.png); background-position: -79px -19px; height: 61px; cursor: pointer; top: 50%; left: 30px; margin-top: -26px; position: absolute; z-index: 110; } .ms-skin-black-1 .ms-nav-next { right: 30px; left: auto; background-position: -79px -97px; } .ms-skin-black-1 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-black-1 .ms-bullet { width: 9px; height: 9px; background: white; margin: 4px; border: solid 1px rgb(58, 58, 58); } .ms-skin-black-1 .ms-bullet-selected { background-color: black; } .ms-skin-black-1 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: white; border-top-color: rgba(0, 0, 0, 0.8); bottom: -10px; } .ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: white; border-bottom-color: rgba(0, 0, 0, 0.8); top: -10px; } .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: white; border-right-color: rgba(0, 0, 0, 0.8); left: -10px; } .ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: black; border-left-color: rgba(0, 0, 0, 0.8); right: -10px; } .ms-skin-black-1 .ms-tooltip-point {cursor: pointer;} .ms-skin-black-1 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #444444; background: black; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-black-1 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; background: rgba(255, 255, 255, 0.9); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-black-1 .ms-tooltip { max-width:200px; } .ms-skin-black-1 .ms-tooltip-cont { padding: 10px; background: black; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 0px black; color: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-black-1 .ms-slide .ms-slide-vpbtn, .ms-skin-black-1 .ms-video-btn, .ms-skin-black-1 .ms-slide .ms-slide-vcbtn, .ms-skin-black-1 .ms-nav-next, .ms-skin-black-1 .ms-nav-prev{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-1-retina.png); background-size: 152px 225px; } } /** * Master Slider * Black 2 Skin */ .ms-skin-black-2 .ms-slide .ms-slide-vpbtn, .ms-skin-black-2 .ms-video-btn{ width: 45px; height: 45px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-2.png) black no-repeat -16px -103px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); -webkit-background-clip: padding-box; top: 50%; left: 50%; margin: -23px 0 0 -23px; } .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-black-2 .ms-video-btn:hover{ background-color: #3D3D3D; } .ms-skin-black-2 .ms-slide .ms-slide-vcbtn { width: 25px; height: 25px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-2.png) black no-repeat -27px -36px; border: solid 2px white; border-color: rgba(255, 255, 255, 0.4); top: 15px; right: 15px; } .ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn{ border-radius: 50px; } /* controls */ .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev { position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-2.png) black; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); top: 50%; left: 30px; margin-top: -22px; } .ms-skin-black-2.round-skin .ms-nav-next, .ms-skin-black-2.round-skin .ms-nav-prev, .ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn, .ms-skin-black-2.round-skin .ms-video-btn{ border-radius: 90px; } .ms-skin-black-2 .ms-nav-next:hover, .ms-skin-black-2 .ms-nav-prev:hover{ background-color: #3d3d3d; } .ms-skin-black-2 .ms-nav-next { right: 30px; left: auto; background-position: -86px -103px; } .ms-skin-black-2 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-black-2 .ms-bullet { width: 8px; height: 8px; background: white; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; border: solid 3px white; border-color: rgba(0, 0, 0, 0.44); margin: 4px; background-position: -34px -117px; } .ms-skin-black-2.round-skin .ms-bullet{ border-radius: 15px; } .ms-skin-black-2 .ms-bullet-selected { background-color: black; border-color: white; border-color: rgba(255, 255, 255, 0.44); } .ms-skin-black-2 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-black-2 .ms-tooltip-point {cursor: pointer;} .ms-skin-black-2 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-black-2 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-black-2 .ms-tooltip { max-width:200px; } .ms-skin-black-2 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-black-2 .ms-slide .ms-slide-vpbtn, .ms-skin-black-2 .ms-video-btn, .ms-skin-black-2 .ms-slide .ms-slide-vcbtn, .ms-skin-black-2 .ms-nav-next, .ms-skin-black-2 .ms-nav-prev{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/black-skin-2-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 2 */ .ms-skin-light-2 .ms-slide .ms-slide-vpbtn, .ms-skin-light-2 .ms-video-btn{ width: 54px; height: 54px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-2.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-light-2 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-2.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev { width: 53px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-2.png); background-position: -79px -19px; height: 61px; cursor: pointer; top: 50%; left: 30px; margin-top: -26px; position: absolute; z-index: 110; } .ms-skin-light-2 .ms-nav-next { right: 30px; left: auto; background-position: -79px -97px; } .ms-skin-light-2 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-2 .ms-bullet { width: 9px; height: 9px; background: black; margin: 4px; border: solid 1px rgb(58, 58, 58); } .ms-skin-light-2 .ms-bullet-selected { background-color: white; } .ms-skin-light-2 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-2 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-2 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-2 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-light-2 .ms-tooltip { max-width:200px; } .ms-skin-light-2 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-2 .ms-slide .ms-slide-vpbtn, .ms-skin-light-2 .ms-video-btn, .ms-skin-light-2 .ms-slide .ms-slide-vcbtn, .ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-2-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 3 */ .ms-skin-light-3 .ms-slide .ms-slide-vpbtn, .ms-skin-light-3 .ms-video-btn{ width: 50px; height: 50px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-3.png) no-repeat -15px -149px; top: 50%; left: 50%; margin: -25px 0 0 -25px; } .ms-skin-light-3 .ms-slide .ms-slide-vcbtn { width: 31px; height: 29px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-3.png) no-repeat -26px -28px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-3 .ms-nav-next, .ms-skin-light-3 .ms-nav-prev { width: 50px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-3.png); background-position: -82px -22px; height: 50px; cursor: pointer; top: 50%; left: 30px; margin-top: -25px; position: absolute; z-index: 110; } .ms-skin-light-3 .ms-nav-next { right: 30px; left: auto; background-position: -81px -99px; } .ms-skin-light-3 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-3 .ms-bullet { width: 16px; height: 16px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-3.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-light-3 .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-light-3 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-3 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-3 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-3 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-light-3 .ms-tooltip { max-width:200px; } .ms-skin-light-3 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-3 .ms-slide .ms-slide-vpbtn, .ms-skin-light-3 .ms-video-btn, .ms-skin-light-3 .ms-slide .ms-slide-vcbtn, .ms-skin-light-3 .ms-nav-next, .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-bullet{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-3-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 4 */ .ms-skin-light-4 .ms-slide .ms-slide-vpbtn, .ms-skin-light-4 .ms-video-btn{ width: 54px; height: 54px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-4.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -27px 0 0 -27px; } .ms-skin-light-4 .ms-slide .ms-slide-vcbtn { width: 27px; height: 26px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-4.png) no-repeat -24px -29px; top: 30px; right: 30px; } /* controls */ .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev { width: 54px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-4.png); background-position: -77px -5px; height: 68px; cursor: pointer; top: 50%; left: -27px; margin-top: -40px; position: absolute; z-index: 110; } .ms-skin-light-4 .ms-nav-next { right: -27px; left: auto; background-position: -79px -83px; } .ms-skin-light-4 .ms-thumb-frame-selected { opacity: 0.6; } .ms-skin-light-4 .ms-thumb-list.ms-dir-h { bottom: -60px; width: 100%; height: 60px; } .ms-skin-light-4 .ms-thumb-list.ms-dir-v { height: 100%; width: 60px; right: -60px; top: 0; } .ms-skin-light-4 .ms-thumb-frame { cursor: pointer; float: left; width: 60px; height: 60px; margin: 1px 0 0 1px; overflow: hidden; } .ms-skin-light-4 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-4 .ms-bullet { width: 9px; height: 9px; background: #b9b9b9; margin: 4px; border: solid 1px rgb(163, 163, 163); } .ms-skin-light-4 .ms-bullet-selected { background-color: white; } .ms-skin-light-4 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: white; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-4 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-4 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #E0E0E0; background: #4b8aac; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-4 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-light-4 .ms-tooltip { max-width:200px; } .ms-skin-light-4 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-4 .ms-slide .ms-slide-vpbtn, .ms-skin-light-4 .ms-video-btn, .ms-skin-light-4 .ms-slide .ms-slide-vcbtn, .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-4-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light 5 */ .ms-skin-light-5 .ms-slide .ms-slide-vpbtn, .ms-skin-light-5 .ms-video-btn{ width: 32px; height: 32px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-5.png) black no-repeat -24px -160px; top: 50%; left: 50%; margin: -18px 0 0 -18px; } .ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-light-5 .ms-video-btn:hover{ background-color:#646464; } .ms-skin-light-5 .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-5.png) white no-repeat -24px -28px; top: 18px; right: 30px; } /* controls */ .ms-skin-light-5 .ms-nav-next, .ms-skin-light-5 .ms-nav-prev { width: 32px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-5.png) white; background-position: -94px -32px; height: 32px; cursor: pointer; bottom: 40px; left: 40px; margin-top: -20px; position: absolute; z-index: 110; } .ms-skin-light-5 .ms-nav-next:hover, .ms-skin-light-5 .ms-nav-prev:hover{ background-color:#E0E0E0; } .ms-skin-light-5 .ms-nav-next { left: 73px; background-position: -93px -110px; } .ms-skin-light-5 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-5 .ms-bullet { width: 10px; height: 10px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-5.png) no-repeat; margin: 4px; background-position: -34px -117px; } .ms-skin-light-5 .ms-bullet-selected { background-position: -34px -84px; } .ms-skin-light-5 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-5 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-5 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-5 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } /* In Android browser, using css animations over slider causes some crashes */ .ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border{ animation:none; -moz-animation:none; -webkit-animation:none; -o-animation:none; } .ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-light-5 .ms-tooltip { max-width:200px; } .ms-skin-light-5 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-5 .ms-slide .ms-slide-vpbtn, .ms-skin-light-5 .ms-video-btn, .ms-skin-light-5 .ms-slide .ms-slide-vcbtn, .ms-skin-light-5 .ms-nav-next, .ms-skin-light-5 .ms-nav-prev{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-5-retina.png); background-size: 152px 225px; } } /** * Master Slider * Light-6 Skin */ .ms-skin-light-6 .ms-slide .ms-slide-vpbtn, .ms-skin-light-6 .ms-video-btn{ width: 45px; height: 45px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-6.png) white no-repeat -16px -103px; border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27); -webkit-background-clip: padding-box; top: 50%; left: 50%; margin: -23px 0 0 -23px; } .ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover, .ms-skin-light-6 .ms-video-btn:hover{ background-color:#E0E0E0; } .ms-skin-light-6 .ms-slide .ms-slide-vcbtn { width: 25px; height: 25px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-6.png) white no-repeat -27px -36px; top: 15px; right: 15px; } .ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn{ border-radius: 30px; } /* controls */ .ms-skin-light-6 .ms-nav-next, .ms-skin-light-6 .ms-nav-prev { position: absolute; cursor: pointer; z-index: 110; width: 45px; height: 45px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-6.png) white; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background-position: -88px -26px; border: solid 3px rgb(112, 112, 112); border-color: rgba(0, 0, 0, 0.27); top: 50%; left: 30px; margin-top: -22px; } .ms-skin-light-6.round-skin .ms-nav-next, .ms-skin-light-6.round-skin .ms-nav-prev, .ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn, .ms-skin-light-6.round-skin .ms-video-btn{ border-radius: 90px; } .ms-skin-light-6 .ms-nav-next:hover, .ms-skin-light-6 .ms-nav-prev:hover{ background-color:#E0E0E0; } .ms-skin-light-6 .ms-nav-next { right: 30px; left: auto; background-position: -86px -103px; } .ms-skin-light-6 .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-light-6 .ms-bullet { width: 8px; height: 8px; background: black; -webkit-background-clip: padding-box; border: solid 3px white; border-color: rgba(255, 255, 255, 0.44); margin: 4px; background-position: -34px -117px; } .ms-skin-light-6.round-skin .ms-bullet{ border-radius: 15px; } .ms-skin-light-6 .ms-bullet-selected { background-color: white; border-color: black; border-color: rgba(0, 0, 0, 0.44); } .ms-skin-light-6 .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-light-6 .ms-tooltip-point {cursor: pointer;} .ms-skin-light-6 .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-light-6 .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border, .ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border{ display: none; } .ms-skin-light-6 .ms-tooltip { max-width:200px; } .ms-skin-light-6 .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-light-6 .ms-slide .ms-slide-vpbtn, .ms-skin-light-6 .ms-video-btn, .ms-skin-light-6 .ms-slide .ms-slide-vcbtn, .ms-skin-light-6 .ms-nav-next, .ms-skin-light-6 .ms-nav-prev{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/light-skin-6-retina.png); background-size: 152px 225px; } } /** * Master Slider * Metro Skin */ .ms-skin-metro .ms-slide .ms-slide-vpbtn, .ms-skin-metro .ms-video-btn{ width: 47px; height: 46px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/metro-skin.png) no-repeat -16px -152px; top: 50%; left: 50%; margin: -22px 0 0 -24px; } .ms-skin-metro .ms-slide .ms-slide-vcbtn { width: 47px; height: 47px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/metro-skin.png) no-repeat -16px -19px; top: 15px; right: 15px; } /* controls */ .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev { width: 47px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/metro-skin.png); background-position: -83px -23px; height: 47px; cursor: pointer; top: 50%; left: 30px; margin-top: -24px; position: absolute; z-index: 110; } .ms-skin-metro .ms-nav-next { right: 30px; left: auto; background-position: -81px -100px; } .ms-skin-metro .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-metro .ms-bullet { width: 16px; height: 16px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/metro-skin.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-metro .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-metro .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-metro .ms-tooltip-point {cursor: pointer;} .ms-skin-metro .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-metro .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-metro .ms-tooltip { max-width:200px; } .ms-skin-metro .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-metro .ms-slide .ms-slide-vpbtn, .ms-skin-metro .ms-video-btn, .ms-skin-metro .ms-slide .ms-slide-vcbtn, .ms-skin-metro .ms-nav-next, .ms-skin-metro .ms-nav-prev, .ms-skin-metro .ms-bullet{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/metro-skin-retina.png); background-size: 152px 225px; } } /** * Master Slider * minimal Skin */ .ms-skin-minimal .ms-slide .ms-slide-vpbtn, .ms-skin-minimal .ms-video-btn{ width: 55px; height: 55px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/minimal.svg) no-repeat 24px 18px white; border: solid 1px #3d3d3d; border-radius: 50%; top: 50%; left: 50%; margin: -27px 0 0 -27px; transition: background-color 300ms; } .ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover, .ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover, .ms-skin-minimal .ms-video-btn:hover { background-color: #f1f1f1; } .ms-skin-minimal .ms-slide .ms-slide-vcbtn { width: 31px; height: 31px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/minimal.svg) no-repeat -289px 6px white; border-radius: 50%; border: solid 1px #3d3d3d; top: 18px; right: 30px; transition: background-color 300ms; } /* controls */ .ms-skin-minimal .ms-nav-next, .ms-skin-minimal .ms-nav-prev { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/minimal.svg) no-repeat white; background-position: -178px 17px; border: solid 1px #3d3d3d; border-radius: 50%; height: 55px; width: 55px; cursor: pointer; top: 50%; left: 30px; margin-top: -27px; position: absolute; z-index: 110; transition: background-color 300ms; } .ms-skin-minimal .ms-nav-next:hover, .ms-skin-minimal .ms-nav-prev:hover{ background-color: #f1f1f1; } .ms-skin-minimal .ms-nav-next { right: 30px; left: auto; background-position: -75px 17px; } .ms-skin-minimal .ms-bullet { width: 8px; height: 8px; background: white; border: solid 1px #3d3d3d; border-radius: 50%; margin: 4px; background-position: -34px -117px; } .ms-skin-minimal .ms-bullet-selected { background: #3d3d3d; } .ms-skin-minimal .ms-time-bar { height: 3px; background: #FFFFFF; border-top: solid 1px rgba(0, 0, 0, 0.41); } .ms-skin-minimal .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; } .ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; } .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; } .ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; } .ms-skin-minimal .ms-tooltip-point {cursor: pointer;} .ms-skin-minimal .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-minimal .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background:rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-minimal .ms-tooltip { max-width:200px; } .ms-skin-minimal .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; } /** * Master Slider * Contrast */ .ms-skin-contrast .ms-slide .ms-slide-vpbtn, .ms-skin-contrast .ms-video-btn{ width: 60px; height: 60px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/contrast-skin.png) no-repeat -10px -144px; top: 50%; left: 50%; margin: -30px 0 0 -30px; } .ms-skin-contrast .ms-slide .ms-slide-vcbtn { width: 24px; height: 24px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/contrast-skin.png) no-repeat -27px -30px; top: 30px; right: 30px; } /* controls */ .ms-skin-contrast .ms-nav-next, .ms-skin-contrast .ms-nav-prev { width: 60px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/contrast-skin.png); background-position: -76px -17px; height: 60px; cursor: pointer; top: 50%; left: 30px; margin-top: -30px; position: absolute; z-index: 110; } .ms-skin-contrast .ms-nav-next { right: 30px; left: auto; background-position: -77px -91px; } .ms-skin-contrast .ms-bullets.ms-dir-h { position: absolute; bottom: 20px; right: 50%; width: 100px; } .ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-skin-contrast .ms-bullet { width: 16px; height: 16px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/contrast-skin.png) no-repeat; background-position: -31px -114px; margin: 4px; } .ms-skin-contrast .ms-bullet-selected { background-position: -31px -81px; } .ms-skin-contrast .ms-tooltip{ position: absolute; z-index: 210; cursor: auto; } .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow{ border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; } .ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow{ border-top: solid 10px; border-top-color: #fc3116; border-top-color: rgba(252, 49, 22, 0.8); bottom: -10px; } .ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: #fc3116; border-bottom-color: rgba(252, 49, 22, 0.8); top: -10px; } .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow{ border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; } .ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow{ border-right: solid 10px; border-right-color: #fc3116; border-right-color: rgba(252, 49, 22, 0.8); left: -10px; } .ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: #fc3116; border-left-color: rgba(252, 49, 22, 0.8); right: -10px; } .ms-skin-contrast .ms-tooltip-point {cursor: pointer;} .ms-skin-contrast .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #636363; background: black; margin: -8px 0 0 -8px; position: absolute; z-index: 105; } .ms-skin-contrast .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: white; background: rgba(255, 255, 255, 0.99); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite ; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; } .ms-skin-contrast .ms-tooltip { max-width:200px; } .ms-skin-contrast .ms-tooltip-cont { padding: 10px; background: #fc3116; background: rgba(252, 49, 22, 0.8); text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); color: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04); } /* retina */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .ms-skin-contrast .ms-slide .ms-slide-vpbtn, .ms-skin-contrast .ms-video-btn, .ms-skin-contrast .ms-slide .ms-slide-vcbtn, .ms-skin-contrast .ms-nav-next, .ms-skin-contrast .ms-nav-prev, .ms-skin-contrast .ms-bullet{ background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/skins/contrast-skin-retina.png); background-size: 152px 225px; } } .ms-caro3d-template .ms-container { padding: 10px 0 50px 0; } /* reflect */ .ms-caro3d-template .ms-slide{ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5))); } .ms-caro3d-template .ms-slide-bgcont{ border-radius: 8px; } .ms-dis-slider-cont { position: relative; padding: 3.2% 8.5% 24%; max-width: 508px; } .ms-display-cont .ms-view{ background-color: #17171a; } .ms-display-cont{ max-width: 614px; position: relative; margin: 0 auto; } .ms-display-bg { max-width: 100%; position: absolute; } .ms-display-template .ms-nav-prev, .ms-display-template .ms-nav-next { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -80px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-display-template .ms-nav-next { background-position: -59px -9px; right: -80px; left:auto; } .ms-display-template .ms-bullets.ms-dir-h { position: absolute; bottom: -50%; right: 50%; width: 100px; } .ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-display-template .ms-bullet { width: 10px; height: 10px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-display-template .ms-bullet-selected { background-position: -143px -25px; } .ms-gallery-template .ms-gallery-botcont { height: 55px; background: black; color: white; font-weight: 300; font-family: "Lato", sans-serif; font-size: 18px; position: relative; } .ms-gallery-template .ms-gal-playbtn { width: 55px; height: 100%; float: left; cursor: pointer; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/gallery-btns.png) no-repeat 6px 6px; } .ms-gallery-template .ms-gal-playbtn.btn-pause { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/gallery-btns.png) no-repeat -55px 7px; } .ms-gallery-template .ms-gal-thumbtoggle { position: absolute; right: 0; z-index: 110; width: 55px; height: 100%; cursor: pointer; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/gallery-btns.png) no-repeat -53px -41px; } .ms-gallery-template .ms-gal-thumbtoggle.btn-hide { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/gallery-btns.png) no-repeat 4px -41px; } .ms-gallery-template .ms-slide-num { float: left; padding: 17px 9px; color: #727272; } .ms-gallery-template .ms-slide-info { float: left; padding: 18px 4px; position: relative; width: auto; } .ms-gallery-template .ms-bullets.ms-dir-h { position: absolute; bottom: 18px; right: 105px; width: 100px; } .ms-gallery-template .ms-bullet { width: 8px; height: 8px; background: #1e1e1e; margin: 4px; border-radius: 15px; } .ms-gallery-template .ms-bullet-selected { background-color: white; } .ms-gallery-template .ms-timerbar { width: 100%; top: -4px; height: 4px; position: absolute; background: rgba(0, 0, 0, 0.32); } .ms-gallery-template .ms-time-bar { height: 4px; background: rgba(255, 255, 255, 0.7); } .ms-gallery-template .ms-thumb-list.ms-dir-h { width: 100%; background: black; background: rgba(0, 0, 0, 0.95); padding-top: 1px; } .ms-gallery-template .ms-thumb-frame { cursor: pointer; float: left; width: 175px; overflow: hidden; opacity: 0.5; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -ms-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .ms-gallery-template .ms-thumb-frame-selected { opacity: 1; } .ms-gallery-template .ms-gal-thumbcont { overflow: hidden; width: 100%; height: 115px; position: absolute; top: -115px; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .ms-gallery-template .ms-gal-thumbcont.hide-thumbs { height: 0; top: 0; } @media (max-width: 570px) { .ms-gallery-template .ms-slide-info { display: none; } } .ms-laptop-template .ms-laptop-cont .ms-view{ background-color: #17171a; } .ms-laptop-template .ms-laptop-cont{ max-width: 645px; position: relative; margin: 0 auto; } .ms-laptop-template .ms-lt-slider-cont { position: relative; padding: 5% 11.9% 20%; max-width: 492px; } .ms-laptop-template .ms-laptop-bg { max-width: 100%; position: absolute; } .ms-laptop-template .ms-nav-prev, .ms-laptop-template .ms-nav-next { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -80px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-laptop-template .ms-nav-next { background-position: -59px -9px; right: -80px; left:auto; } .ms-laptop-template .ms-bullets.ms-dir-h { position: absolute; bottom: -40%; right: 50%; width: 100px; } .ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-laptop-template .ms-bullet { width: 10px; height: 10px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-laptop-template .ms-bullet-selected { background-position: -143px -25px; } .ms-tablet-template .ms-tablet-cont .ms-view{ background-color: #17171a; } .ms-tablet-template .ms-tablet-cont{ max-width: 500px; position: relative; margin: 0 auto; } .ms-tablet-template.ms-tablet-land .ms-tablet-cont { max-width: 842px; } .ms-tablet-template.ms-tablet-land .ms-lt-slider-cont { padding: 4.1% 12.1% 10%; max-width: 632px; } .ms-tablet-template .ms-lt-slider-cont { position: relative; padding: 11.1% 11% 22%; max-width: 400px; } .ms-tablet-template .ms-tablet-bg { max-width: 100%; position: absolute; } .ms-tablet-template .ms-nav-prev, .ms-tablet-template .ms-nav-next { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -120px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-tablet-template .ms-nav-next { background-position: -59px -9px; right: -120px; left:auto; } .ms-tablet-template .ms-bullets.ms-dir-h { position: absolute; bottom: -18%; right: 50%; width: 100px; } .ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-tablet-template .ms-bullet { width: 10px; height: 10px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-tablet-template .ms-bullet-selected { background-position: -143px -25px; } .ms-phone-template .ms-phone-cont .ms-view{ background-color: #17171a; } .ms-phone-template .ms-phone-cont{ max-width: 386px; position: relative; margin: 0 auto; } .ms-phone-template.ms-phone-land .ms-phone-cont { max-width: 666px; } .ms-phone-template.ms-phone-land .ms-lt-slider-cont { position: relative; padding: 4.6% 16.1% 10% 15.5%; max-width: 455px; } .ms-phone-template .ms-lt-slider-cont { position: relative; padding: 26.2% 16.5% 33% 16.8%; max-width: 258px; } .ms-phone-template .ms-phone-bg { max-width: 100%; position: absolute; } .ms-phone-template .ms-nav-prev, .ms-phone-template .ms-nav-next { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -11px -9px; width: 35px; height: 40px; left: -120px; margin-top: -17px; position: absolute; top:50%; cursor: pointer; } .ms-phone-template .ms-nav-next { background-position: -59px -9px; right: -120px; left:auto; } .ms-phone-template .ms-bullets.ms-dir-h { position: absolute; bottom: -30%; right: 50%; width: 100px; } .ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%; } .ms-phone-template .ms-bullet { width: 10px; height: 10px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/device-skin.png) no-repeat -112px -25px; margin: 4px; } .ms-phone-template .ms-bullet-selected { background-position: -143px -25px; } .ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h { bottom: -21%; } .ms-phone-template.ms-phone-land .ms-nav-next { right: -150px; } .ms-phone-template.ms-phone-land .ms-nav-prev { left: -150px; } .ms-partialview-template .ms-slide-info { text-align: center; margin-top: 20px; width: 100%; } .ms-partialview-template .ms-slide-info h3 { margin: 5px; font-weight: 300; font-size: 23pt; color: #222; } .ms-partialview-template .ms-slide-info h4 { margin: 5px; font-weight: 300; font-size: 14pt; color: #7A7A7A; } .ms-partialview-template .ms-slide-info p { font-size: 10pt; margin: 6px; } /* .ms-showcase2-template {max-width: 540px; margin: 0 auto;} .ms-showcase2-vertical {max-width: 677px;} */ .ms-showcase2-template .ms-view{background: transparent;} .master-slider{ -moz-transform:translate3d(0,0,1px); } .ms-staff-carousel{ margin: 25px auto; position: relative; } .ms-staff-carousel .ms-view{ overflow:visible; background-color: transparent; } .ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/staff-arrows.png) white no-repeat -7px -57px; width: 35px; height: 40px; left: -35px; margin-top: -17px; box-shadow: 0px 1px 0px 0px rgb(190, 190, 190); position: absolute; top:50%; cursor: pointer; } .ms-staff-carousel .ms-nav-next { background-position: -6px -7px; right:-35px; left:auto; } .ms-staff-carousel .ms-staff-info{ text-align: center; margin:0 auto; max-width: 600px; margin-top:30px; min-height:300px; color:#222222; } .ms-staff-carousel .ms-staff-info h3{ font-weight: 300; font-size: 22pt; margin:0px; } .ms-staff-carousel .ms-staff-info h4{ font-weight: 300; color:#787878; font-size: 15pt; margin:3px; } .ms-staff-carousel.ms-round .ms-slide-bgcont { border-radius: 5000px; border: solid 8px rgb(230, 230, 230); margin: 0 -8px; } .ms-staff-carousel.ms-round .ms-view{ padding-bottom: 8%; } .ms-staff-carousel.ms-round .ms-nav-prev, .ms-staff-carousel.ms-round .ms-nav-next { background-color:transparent; box-shadow : none; left:-45px; } .ms-staff-carousel.ms-round .ms-nav-next { left:auto; right:-45px } .ms-tabs-template .ms-thumb-frame h3 { font-weight: 400; font-size: 13pt; margin:0; } .ms-tabs-template .ms-thumb-frame p { font-size:10pt; margin: 4px 0; } .ms-tabs-template .ms-thumb-frame-selected h3{ color:#4b8aac; } .ms-vertical-template .ms-nav-prev, .ms-vertical-template .ms-nav-next { top: 10px; left: 50%; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/vertical-arrows.png) no-repeat; background-position: -11px -6px; width: 40px; height: 30px; margin-left: -20px; margin-top: 0; } .ms-vertical-template .ms-nav-next{ top:auto; bottom:10px; background-position: -11px -53px; } .ms-vertical-template .ms-thumblist-fwd, .ms-vertical-template .ms-thumblist-bwd { width: 100%; position: absolute; top: 0; height: 15px; cursor: pointer; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/css/templates/vertical-arrows.png) no-repeat; background-position: 50% -106px; } .ms-vertical-template .ms-thumblist-bwd { top: auto; bottom: 0; background-position: 50% -145px; } .postWrapper { padding-bottom: 25px; clear:both; } .postTitle { margin-bottom: 15px; } .postTitle h2 { font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; } .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 0px; } .postDetails { } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom:5px; padding: 0px; } .commentDetails h4.username{ display:inline; } .postError { font-size: 16px; } .tags{ font-weight:bold; padding-bottom: 10px; } .tags UL{ display:inline; } .tags UL LI{ font-weight:normal; display:inline; padding-right:6px; } .tags h4 { font-size:12px; font-weight:bold; } .menu-tags, .menu-categories, .menu-recent{ margin:5px 3px 15px 3px; } .blog .menu-tags UL LI{ display:inline; padding:2px; margin-left:10px; } .blog .menu-categories UL LI{ margin-left:10px; } .blog .menu-recent UL LI{ margin-left:10px; } .tagcloud{ /* text-align:center; */ } .tag-count-1{ font-size:1em; } .tag-count-2{ font-size:1.2em; } .tag-count-3{ font-size:1.4em; } .tag-count-4{ font-size:1.6em; } .tag-count-5{ font-size:1.8em; } .tag-count-6{ font-size:2em; } .tag-count-7{ font-size:2em; } .tag-count-8{ font-size:2em; } .tag-count-9{ font-size:2em; } .tag-count-10{ font-size:2em; } .blog .head h4 { background-image:url(https://www.sixthjune.com/skin/frontend/sixthjune/default/aw_blog/images/icon_blog.png); } .postWrapper .poster{ display:inline; } .main .posts-grid h2 {margin-top:0px;text-transform:uppercase;} .main .posts-grid .post-description a{color:#7F7F7F;padding:0 0px;font-size:12px;} .main .posts-grid a .post-description {color:#7F7F7F;padding:0 0px;font-size:12px;margin-bottom:10px;} .main .posts-grid a:hover .post-description {color:#202020;} .main .posts-grid a:hover .post-description a{color:#336699;} /* Block: Layered Navigation */ .blog-category-filter { border:0; } .blog-category-filter dt { padding:0px 10px 0 10px; margin-top: 10px; font-weight:bold; text-transform:uppercase;background:#202020 url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/filter_black_arrow.png) no-repeat top right; height: 30px;line-height: 30px;color:#F0F0F0; font-size:18px;font-style:italic;position:relative;cursor:pointer;} .blog-category-filter dd { padding:0 ; margin:0; font-size:18px;font-style:italic;color:#0F0F0F;position:relative;} .blog-category-filter dd a{ color:#F0F0F0;} .blog-category-filter dd ol {position:absolute;z-index:999;background-color: #222222;width:300px;} .blog-category-filter dd ol li{ padding-left:95px;height:30px;line-height:30px;border-top:1px solid #333333;} .blog-category-filter dd ol li:hover{ background-color:#111111;} .blog-category-filter dd ol li a{ border-left:1px solid #333333;display:block;height:30px;padding-left:5px;} .blog-category-filter dt .filter-label {color: #990000;left: 100px;position: absolute;} .posts-grid .horizontal-separator {border-top:1px dotted #7F7F7F;margin:20px 0;height:1px; } .blog-category-filter li {display:inline;margin-right:10px;} .blog-category-filter a {font-size:18px;text-transform:uppercase;color:#202020} .blog-category-filter a.current {color:#990000;} /* ===================== */ /* Style V2 blog/journal */ /* ===================== */ /* Liste des post */ .content-column-blog {} .content-column-blog:after {content:" ";clear:both;display:block;} .content-column-blog .left-col{float:left;width:65%;max-width:600px;} .content-column-blog .right-col{float:right;max-width:300px;width:33%;text-align: center;} .content-column-blog .posts-grid {} .content-column-blog .posts-grid:after {content:" ";clear:both;display:block;} .content-column-blog .posts-grid .post-info-grid {margin-bottom:0px;} .content-column-blog .posts-grid li.post {width: 300px;float:left; padding:0;background-color:#FFFFFF;margin-bottom:30px;position:relative;} .content-column-blog .posts-grid li.post.post-col0{margin-right:20px;clear:left} .content-column-blog .posts-grid li.post.post-col1{margin-right:20px;} .content-column-blog .posts-grid li.post.post-col2{} .content-column-blog .posts-grid li.post .item-mask{width:100%; padding:0;position:absolute;top:0;left:0;z-index:10;background-color:#FFFFFF;visibility:hidden;filter: alpha(opacity=50);-khtml-opacity: 0.5; -moz-opacity: 0.5;opacity:0.5; } .content-column-blog .posts-grid li.post .item-overlay{width:100%; padding:20px 20px 0px 20px;position:absolute;top:0;left:0;z-index:20;visibility:hidden;text-align:left} .content-column-blog .posts-grid li.post:hover .item-mask{visibility:visible} .content-column-blog .posts-grid li.post:hover .item-overlay{visibility:visible} .content-column-blog .posts-grid .post-image { display:block; width:300px; min-height:150px;} .content-column-blog .posts-grid li.post .post-content img { width:100%; margin-bottom:10px; -webkit-filter: grayscale(20%); filter: grayscale(20%); transition:all 250ms ease; } .content-column-blog .posts-grid li.post:hover .post-content img { -webkit-filter: grayscale(80%); filter: grayscale(80%); } .content-column-blog .posts-grid .postDate {color:#CCCCCC;text-transform:uppercase;margin-bottom:10px;} .content-column-blog .posts-grid h2 {font-size:18px;text-align:center;} .content-column-blog .posts-grid h2 a{color:#336699;font-size:16px;font-weight:bold;font-style:normal;} .content-column-blog .posts-grid h2 a:hover{color:#336699;} .content-column-blog .blog-pager {clear:both;} .blog-index-index .main-container { padding-top: 20px; } .blog-post-view .right-col img {max-width:100%;} /* page de post */ .blog-post-view {} .blog-post-view:after {content:" ";clear:both;display:block;} .blog-post-view .left-col{float:left;width:65%;max-width:600px;} .blog-post-view .right-col{float:right;max-width:300px;width:35%;text-align: center;} .blog-post-view .main a {color:#336699;text-transform:none;text-decoration:none;} .blog-post-view .main a:hover {color:#0088cc;} .blog-post-view .blog-post-image {float:left;width:600px;margin-right:20px} .blog-post-view .blog-post-info .horizontal-separator {border-top:1px dotted #7F7F7F;margin:20px 0; height:1px;} .blog-post-view .blog-post-info {} .blog-post-view .blog-post-info .page-title h1 {margin:0;} .blog-post-view .blog-post-info .postTitle h1 {text-transform:uppercase;text-align:center;} .blog-post-view .blog-post-info .postDate {color:#7F7F7F;text-transform:uppercase;margin-bottom:20px;text-align:center;} .blog-post-view .blog-post-info .postContent {width:600px;margin:0 auto;color:#7F7F7F;font-size:14px;font-weight:300;text-align:center;} .blog-post-view .blog-post-bottom {font-size:13px;line-height:1.6;width:600px;margin:0 auto;} .blog-post-view .blog-post-bottom h2 {font-size:16px;} .blog-post-view .blog-post-info img {width:100%;margin-bottom:20px;} .blog-post-view .blog-post-bottom img {max-width:100%;height: auto;} .blog-post-view .breadcrumbs a {color: #7F7F7F;text-decoration: none;text-transform: uppercase;} .blog-post-view .breadcrumbs a:hover {color:#990000} .blog-post-view .main-container { padding-top: 20px; } .blog-post-view .main .button-container {text-align:center} .blog-post-view .main a.button-link {border:1px solid #202020;background-color:#FFFFFF;color:#202020;font-size:16px;font-weight:300;text-align:center;display:inline-block;padding:10px 20px;margin:0 auto;} .blog-post-view .main a.button-link:hover {border:1px solid #202020;color:#FFFFFF;background-color:#202020;} /* Overlay */ #ampromo-items-add { border: 1px solid #D2B48C; padding: 10px; text-align: center; margin-bottom: 20px; background:#D2B48C; font-size:16px; font-weight:300; color:#FFFFFF; } #ampromo-items-add a { text-decoration: none; border-bottom: 0px dashed; color:#FFFFFF; } .amscheckout #ampromo-items-add { margin: 7px 10px; } #ampromo-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); top: 0; left: 0; z-index: 10000; text-align: center; direction: ltr; overflow: scroll; } #ampromo-overlay .close { position: absolute; top: 0px; right: 0px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/amasty/ampromo/btn_suppr.png) no-repeat; width: 48px; height: 48px; z-index: 1; margin: 0; padding: 0; font-size: 0; display: block; opacity: .8; } #ampromo-overlay .close:hover { opacity: 1; transition: opacity 0.2s ease; } @media only screen and (max-width: 820px) and (min-width: 420px) { body #ampromo-items.amcarousel { width: 400px; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } } @media only screen and (max-width: 420px) { body #ampromo-items.amcarousel { width: 100%; } body .amcarousel #ampromo-carousel-wrapper { width: 250px; } body .ampromo-carousel-control.prev { left: 0px; } body .ampromo-carousel-control.next { right: 0px; } body .ampromo-carousel-control { z-index: 10001; } } @media only screen and (max-width: 340px) { body #ampromo-items .ampromo-item { border: none; } } @media only screen and (max-height: 500px) { body #ampromo-items.amcarousel { top: 0 !important; height: 100%; } body #ampromo-items { padding-top: 0; } body #ampromo-items>h4 { display: none; } } /* Items */ #ampromo-items { border: 0px solid #ededed; background-color: white; position: relative; margin: 0 auto; padding: 20px 0 20px; display: inline-block; box-sizing: border-box; } #ampromo-items.amcarousel { display: block; width: 600px; } #ampromo-items .ampromo-item { box-sizing: border-box; margin-bottom: 0px; padding: 0 25px ; width: 250px; border-right: 0px solid #ededed; position: relative; } #ampromo-items .ampromo-item-options { margin-bottom: 5px; text-align: left; } #ampromo-items .ampromo-item-image { display: block; margin: 0 auto; width: 200px; height: 300px } /* Carousel */ .amcarousel #ampromo-carousel-wrapper { width: 500px; } #ampromo-carousel-wrapper { overflow: hidden; margin: 0 auto; } .amcarousel #ampromo-carousel-content { width: 4500px; height: 1px; } #ampromo-carousel-content .ampromo-slide { float: left; } .amcarousel .ampromo-carousel-control { display: block; } .ampromo-carousel-control { position: absolute; top: 50%; width: 30px; height: 60px; margin-top:-32px; font-size: 0; display: none; } .ampromo-carousel-control.carousel-disabled.prev { /*background: transparent none;*/ } .ampromo-carousel-control.amcarousel-disabled.next { /*background: transparent none;*/ } .ampromo-carousel-control.prev { background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_left.png) no-repeat; left: 0px; } .ampromo-carousel-control.next { background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/carousel_right.png) no-repeat; right: 0px; } .ampromo-carousel-control.prev:hover { } .ampromo-carousel-control.next:hover { } .ampromo-item .qty-holder { display: none; } .ampromo-item-options select, .ampromo-item-options input { max-width: 300px; width: 100%; } .ampromo-notification { padding: 7px; text-align: center; margin-bottom: 12px; border: 1px solid #f16048; color: #df280a; background: #faebe7; } .ampromo_items_form h4 { line-height: 30px; } .ampromo_items_form h4 a { display: inline-block; vertical-align: middle; line-height: 14px; } .ampromo-label{ float: right; position: absolute; z-index: 500; } .ampromo-gift .product-image{ float: left; } .ampromo-gift li{ margin: 10px 10px; float: left; } .ampromo-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:300px; position:absolute; z-index: 10001; } .ampromo-product-name{ font-weight: bold; } .ampromo-short-description{ } .ampromo-img img{ width: 100%; } .ampromo-item .price-box {margin: 0 0 0px 0;} .ampromo-item .special-price .price {font-size:15px} .ampromo-item .old-price .price {font-size:15px} .ampromo-item-buttons button {width:100%;} /* =============================== */ /* Mobile */ /* =============================== */ @media screen and (max-width: 639px) { #ampromo-items .ampromo-item-image {width:100px;height:150px} } /* * Cookiebanner.css */ .cookiebanner-container { position:fixed; bottom:10px; left:50%; height:50px; z-index:99999; } .cookiebanner-container .cookiebanner { max-width:1000px; background-color:rgba(0,0,0,0.7); padding:0px 70px 0 20px; text-align:left; color:#ffffff; margin:0 auto; left:-50%; font-size:14px; line-height:50px; position:relative; white-space: nowrap; } .cookiebanner-container .cookiebanner a {text-decoration:underline;font-weight:bold;color:#FFFFFF;} .cookiebanner-container .cookiebanner button {position:absolute;right:0;top:0;height:100%;width:50px;border:0;background: rgba(0,0,0,0.5) url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/croix.png) no-repeat center center;margin:0;overflow:hidden;text-indent:-999px;background-size:50px 50px;cursor:pointer;} /** * skin/frontend/base/default/css/menubuilder.css * * NOTICE OF LICENSE * * This source file is subject to the Licence that is bundled with * this package in the file LICENSE.txt. It is also available through * the world-wide-web at this URL: http://www.tsdesigns.de/license * 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@tsdesigns.de so we can send you a copy immediately. * * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * versions in the future. If you wish to customize Magento or this extension for your * needs please refer to http://www.magentocommerce.com or http://www.tsdesigns.de * for more information. * * * @category TSDesigns * @package TSDesigns_MenuBuilder * @author Tobias Schifftner, TSDesigns * @license http://www.tsdesigns.de/license * @copyright This software is protected by copyright, (c) 2011 TSDesigns. * @version 1.5.0 - 2011-07-28 12:24:00 * */ /** * skin/frontend/base/default/css/menubuilder.css * * NOTICE OF LICENSE * * This source file is subject to the Licence that is bundled with * this package in the file LICENSE.txt. It is also available through * the world-wide-web at this URL: http://www.tsdesigns.de/license * 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@tsdesigns.de so we can send you a copy immediately. * * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade this extension to newer * versions in the future. If you wish to customize Magento or this extension for your * needs please refer to http://www.magentocommerce.com or http://www.tsdesigns.de * for more information. * * * @category TSDesigns * @package TSDesigns_MenuBuilder * @author Tobias Schifftner, TSDesigns * @license http://www.tsdesigns.de/license * @copyright This software is protected by copyright, (c) 2010 TSDesigns. * @version 0.1.2 - 2010-08-03 06:29:26 * */ /* * This CSS is based on the original code of magento */ /******** Horizontal Menu *********/ ul.nav-horizontal { padding:0 20px; font-size:1.1em; z-index:999; border:none; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ ul.nav-horizontal li { list-style:none; position:relative; text-align:left; } ul.nav-horizontal li.over { z-index:999; } ul.nav-horizontal a, ul.nav-horizontal a:hover { display:block; line-height:1.3em; text-decoration:none; } ul.nav-horizontal span { display:block; cursor:pointer; white-space:nowrap; padding:3px 15px; } ul.nav-horizontal li ul span {white-space:normal; } ul.nav-horizontal li.level0.parent span { padding:3px 15px 3px 3px; } ul.nav-horizontal li li span.parent { background: url('https://www.sixthjune.com/skin/frontend/sixthjune/default/images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; } ul.nav-horizontal li.level0.parent a.level0 { background: url('https://www.sixthjune.com/skin/frontend/sixthjune/default/images/menubuilder/nav_link_bg.gif') 92% 50% no-repeat; } ul.nav-horizontal li img.image { float:left; position:relative; top:5px; left:9px; } ul.nav-link-list a.no-link {cursor:default!important;} /************ 0 LEVEL ***************/ ul.nav-horizontal li { float:left; margin:0; padding-bottom:0px; border-bottom:0px dotted #A0B3C3; /*background-color:#ecf3f6;*/ } ul.nav-horizontal li.active a { color:#d96708; } ul.nav-horizontal a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } ul.nav-horizontal li.over a, ul.nav-horizontal a:hover { color:#d96708; } ul.nav-horizontal li.active { margin:0; padding-bottom:0px; border-bottom:0px dotted #A0B3C3; background-color:#ecf3f6; /*background:#ecf3f6 url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/nav_divider.gif) repeat-x 0 100%;*/ } ul.nav-horizontal li.over { border-bottom:0px dotted #A0B3C3; background-color:#d5e4eb; /*background:#d5e4eb url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/nav_divider.gif) repeat-x 0 100%;*/ } ul.nav-horizontal li.last { /*background:#ecf3f6;*/ border-bottom:none; } ul.nav-horizontal ul { margin-top:8px; } /************ 1ST LEVEL ************/ ul.nav-horizontal ul li, ul.nav-horizontal ul li.active { float:none; margin:0; padding-bottom:0px; border-bottom:0px dotted #A0B3C3; background-color:#ecf3f6; } ul.nav-horizontal ul li.over { border-bottom:1px dotted #A0B3C3; background-color:#d5e4eb; } ul.nav-horizontal ul li.last { background:#ecf3f6; padding-bottom:0; } ul.nav-horizontal ul li.last, ul.nav-horizontal ul li.over.last { border-bottom:0; } ul.nav-horizontal ul a, ul.nav-horizontal ul a:hover { float:none; padding:0; } ul.nav-horizontal ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ ul.nav-horizontal ul { background-color:#ecf3f6; position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; } /* Show menu */ ul.nav-horizontal li.over > ul { left:0; } ul.nav-horizontal li.over > ul li.over > ul { left:100px; } ul.nav-horizontal li.over ul ul { left:-10000px; } ul.nav-horizontal li.active, ul.nav-horizontal li.over, ul.nav-horizontal li:hover { background:#d5e4eb; } ul.nav-horizontal ul li a { background:#ecf3f6; } ul.nav-horizontal ul li a:hover { background:#d5e4eb; } ul.nav-horizontal ul li a, ul.nav-horizontal ul li a:hover { color:#2f2f2f !important; } ul.nav-horizontal ul span, ul.nav-horizontal ul li.last li span { padding:3px 15px 4px 15px;} /* ul.nav-horizontal li li.parent a { background: url('https://www.sixthjune.com/skin/frontend/sixthjune/default/images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; } */ /************ 3RD+ LEVEL ************/ ul.nav-horizontal ul ul { top:5px; } /* IE FIX Menu Show */ * html ul.nav-horizontal li.over > ul { left:0; top:30px; } ul.nav-horizontal li.over ul.shown-sub { left:0; } ul.nav-horizontal li.over li ul.shown-sub { left:100px; } * html ul.nav-horizontal ul li, * html ul.nav-horizontal ul a, * html ul.nav-horizontal ul span { height: 18px; } * html ul.nav-horizontal ul li.parent { border-bottom: 1px dotted #899ba5; } * html ul.nav-horizontal ul li.last { border-bottom: 0; } ul.nav-horizontal li a span.icon { margin-left: 30px; border:0px solid red; } /*** Fix IE6 **/ * html ul.nav-horizontal li a span.icon { padding-left: 5px; } /************** VERTICAL MENU *************/ ul.nav-vertical { float:left; width:195px; margin:0; padding:0; font-size:1.05em; z-index:999; width:15em; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ ul.nav-vertical li { float:left; list-style:none; position:relative; left:0; top:0; text-align:left; } ul.nav-vertical li.over { z-index:999; } ul.nav-vertical a, ul.nav-vertical a:hover { width:192px; display:block; line-height:1.3em; text-decoration:none; } ul.nav-vertical span { display:block; cursor:pointer; white-space:nowrap; padding-top: 2px; } ul.nav-vertical li ul span { white-space:normal; } ul.nav-vertical span.parent { background: url('https://www.sixthjune.com/skin/frontend/sixthjune/default/images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; } ul.nav-vertical li img.image { float:left; position:relative; top:5px; left:9px; } ul.nav-vertical li img.image.level0 { float:left; position:relative; top:8px; left:9px; } /************ 0 LEVEL ***************/ ul.nav-vertical li { float:left; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; } ul.nav-vertical li a { float:left; padding:0; color:#006699; font-weight:bold; } ul.nav-vertical li a span { padding:5px 12px 6px 8px; } ul.nav-vertical li a span.level0 { padding:8px 12px 9px 8px; } ul.nav-vertical li.over a, ul.nav-vertical li.active a, ul.nav-vertical a:hover { color:#d96708; } ul.nav-vertical li.active, ul.nav-vertical li.over { border-bottom:1px dotted #A0B3C3; background-color:#d5e4eb; } ul.nav-vertical li.last { background:#ecf3f6; padding-bottom:0; border-bottom:none; } /************ 1ST LEVEL ************ ul.nav-vertical ul li { float:left; margin:0; padding-bottom:0px; border-bottom:1px dotted #A0B3C3; background-color:#ecf3f6; } */ ul.nav-vertical ul a, ul.nav-vertical ul a:hover { margin:0; width:192px; float:none; padding:0; background:none; } ul.nav-vertical ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ ul.nav-vertical ul { background-color:#ecf3f6; position:absolute; width:192px; top:15px; left:-10000px; border:1px solid #899ba5; } /* Show menu */ ul.nav-vertical li.over > ul { left:125px; } ul.nav-vertical li.over > ul li.over > ul { left:100px; } ul.nav-vertical li.over ul ul { left:-10000px; } ul.nav-vertical li a { background-color:#ecf3f6; } ul.nav-vertical li a.active, ul.nav-vertical li a:hover { background-color:#d5e4eb; } ul.nav-vertical li a, ul.nav-vertical li a:hover { color:#2f2f2f !important; } ul.nav-vertical span, ul.nav-vertical li.last li span { padding:3px 15px 4px 15px; } /************ 3RD+ LEVEL ************ ul.nav-vertical ul ul { top:5px; } ul.nav-vertical li li li.parent a { background: url('https://www.sixthjune.com/skin/frontend/sixthjune/default/images/menubuilder/i_nav-parent.gif') 100% 100% no-repeat; } ul.nav-vertical li li li.parent li a { background-image:none; } ul.nav-vertical ul ul li a:hover { background:#d5e4eb; } ul.nav-vertical ul ul li a:hover { color:#2f2f2f !important; } */ .mini-menubuilder-menu:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .mini-menubuilder-menu { padding:0; margin:0; } .mini-menubuilder-menu .head { } .mini-menubuilder-menu .content { padding:0; margin:0; width:90%; } /* IE FIX Menu Show */ ul.nav-vertical li.over ul.shown-sub { left:125px; } ul.nav-vertical li.over li ul.shown-sub { left:100px; } ul.nav-vertical li a span.icon { margin-left: 30px; border:0px solid red; } /*** Fix IE6 **/ ul.nav-vertical li a span.icon { padding-left: 5px; } /************** LINK LIST *************/ div.nav-link-list img { position:relative; top:0px; vertical-align: middle;} /* Sixthjune : modification du look linklist pour design */ #sticky-top-menu { } div.nav-link-list {} div.nav-link-list a {text-decoration:none;} div.nav-link-list li.level0 {padding: 0 15px;display:inline-block} div.nav-link-list li.level0.over {background-color:#FFFFFF;} div.nav-link-list a.level0 {color:#202020;text-transform:uppercase;font-size:14px;} div.nav-link-list li.level0.over a.level0 {color:#202020;} div.nav-link-list div.level0 { display:none; background-color:#FFFFFF; border-bottom: 0px solid #202020; min-width:940px; width:100%; position:absolute; left: 0%; line-height: 16px; box-sizing: border-box; padding-bottom:20px; padding-top:10px; } div.nav-link-list div.level0:after {content:" ";display:block;clear:both;} div.nav-link-list div.level0 > ul {float:left;width:19%;margin-right:1%;} div.nav-link-list li.parent.over div.level0 {display:block} div.nav-link-list div.level0 li.level1 { margin-top:10px; width:100%; } div.nav-link-list div.level0 a.level1{ color:#202020; font-weight:300; text-transform:none; font-size:14px; } div.nav-link-list div.level0 a.level1:hover {color:#336699} div.nav-link-list div.level0 li.level2 { margin-top:10px; } div.nav-link-list div.level0 a.level2{ font-size:13px; padding-left: 0px; color:#202020; } div.nav-link-list div.level0 a.level2:hover {color:#336699;} /* block static en bas du premier ul */ div.nav-link-list div.level0 .level0-bottom { position:absolute; background:none; bottom:20px; color:#202020; width:940px; height:30px; margin-left:-470px; left:50%; } div.nav-link-list .mobile-name {display:none} /* styles for chrono relais */ .chronorelais-list { } .sp-methods-chronorelais { padding:5px 20px;} sp-methods-chronorelais dd li { clear:both;} .chronorelaismap { margin:20px 0px 10px 0px; } .chronorelaismap .mappostalcode { margin-bottom:10px; text-align:right;} .chronorelaismap .mappostalcode input {padding:10px;} .sp-methods .method-description { clear:both; } .sp-methods .method-radio, .sp-methods .method-image, .sp-methods .method-contents { } .sp-methods .method-image { padding:0 10px;} /***************************** sw-Gmap *******************************/ .chronomap { height:450px; width:100%; overflow:hidden !important; font:82.5%/1.3 Arial,Helvetica,sans-serif; background-color: #E5E3DF; border: 1px solid #aaa;} .chronomap *{float:none;overflow:visible;font-family: Arial,sans-serif;} .chronomap a {color:#0000cc;outline:none;} .chronomap h4{font-size:1em;margin-bottom:6px;border-bottom:1px solid #ccc;} .chronomap h2{font-size:1em;margin:2px 10px 6px 0; font-weight:bold;} /***************************** Infowindow *******************************/ .chronomap .sw-infowindow a{cursor:pointer;} #sw-infowindow-info{max-height:400px} #sw-infowindow-hor{height:150px} .sw-map-adresse-wrp{min-height:90px} .sw-map-adresse{font-size:1em;margin:5px 0 8px 0;line-height:1.45em;} .sw-map-tools a{font-size:.9em;} .chronomap .sw-desc{display:block;font-weight:bold;line-height:16px;float:none!important;width:auto;} .chronomap .sw-help{display:block;float:none!important;width:auto;clear:both;} .sw-map-itin-tools{font-size:.8em;padding:8px 0;display:block;} .sw-back-link{font-size:.8em;display:block;text-align:right;margin:0px ;} #sw-sendbymail-wrap{height:220px;overflow:hidden;} .chronomap .sw-textarea{height:30px;} .sw-tool-itineraire{height:220px;} /***************************** Tables *******************************/ .sw-table {border-collapse:collapse; width:100%;} .sw-table td {font-size:1em;border-bottom:1px solid #ccc; padding:1px 0px;} .sw-table th{background:#eee;font-size:1em;border-top:1px solid #555} #sw-table-horaire-client td ,#sw-table-horaire-depot td{width:50%;} #sw-table-horaire-client{} #sw-table-horaire-depot{margin-top:8px;} /*****************************/ /***************************** Chronopostsrdv *******************************/ .global-desktop { min-width: 641px; display: block; } .global-desktop.onestepcheckout { display: none !important; } #rdvCarousel { width: 100%; height: auto; overflow: hidden; } #rdvCarouselContent { width: 500%; } #rdvCarouselContent .slide { float: left; width: 20%; /* 20% de 500% soit 100% */ height: auto; } .rdvCarouselheader nav { font-size: 18px; overflow: hidden; margin-bottom: 5px; } .rdvCarouselheader nav a { background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/chronorelais/arrows.png) 0 0 no-repeat; line-height: 35px; color: #7B7B7B; text-decoration: none; } .rdvCarouselheader nav a.inactive { color: #CCC; } .rdvCarouselheader .prev { float: left; background-position: 0 0; padding-left: 28px; } .rdvCarouselheader .prev.inactive { background-position: -280px 0; } .rdvCarouselheader .next { float: right; background-position: right -280px top -65px; padding-right: 28px; } .rdvCarouselheader .next.inactive { background-position: right 0 top -65px; } #rdvCarouselContent .date-time { border-collapse: collapse; } #rdvCarouselContent .date-time td, #rdvCarouselContent .date-time th { padding: 10px 5px; text-align: center; } #rdvCarouselContent .date-time td { border-left: solid 1px #f3f3f3; border-bottom: solid 1px #f3f3f3; font-size: 1.14em; vertical-align: top; padding-bottom: 5px; background-color: #fff; } #rdvCarouselContent .date-time td span { white-space: nowrap; } #rdvCarouselContent .date-time td label { position: relative; display: block !important; padding: 0 !important; min-width: 0 !important; color: inherit !important; background: inherit !important; } #rdvCarouselContent .date-time td.unavailable { background-color: #e6e6e7; font-size: 0.9em; } #rdvCarouselContent .date-time td.eco { background-color: #e2f0e0; } #rdvCarouselContent .caption { background-color: #595a5c; font-size: 1.71em; overflow: hidden; color: #fff; padding: 10px 20px; } #rdvCarouselContent .date-row th { font-size: .86em; color: #fff; background-color: #8f9091; font-weight: normal; border-left: solid 1px #fff; border-bottom: solid 1px #fff; } #rdvCarouselContent .date-row th:first-child { border-left: 0; } #rdvCarouselContent .date-row th span { font-size: 2.14em; display: block; } #rdvCarouselContent .date-row th.active, #rdvCarouselContent .date-time td.active, #rdvCarouselContent .time-cell.active { background-color: #797979 !important; color: #fff !important; } #rdvCarouselContent .time-cell { font-size: 1.4em; background-color: #8f9091; font-weight: normal; color: #fff; border-bottom: solid 1px #fff; white-space: nowrap; } .chronopostsrdv_noresult { position: absolute; background: rgb(204, 204, 204) none repeat scroll 0% 0%; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.5; } .popin { position: absolute; top: 50%; left: 50%; width: 360px; margin: -90px 0 0 -180px; background-color: #fff; z-index: 99999; padding: 25px; box-shadow: 0 5px 15px #ccc; font-size: 16px; display: block; } .popin a.close { display: block; position: absolute; right: 0; top: 0; width: 15px; height: 15px; background: url(https://www.sixthjune.com/skin/frontend/sixthjune/default/chronorelais/close.gif); } .margB { margin-bottom: 30px; } .center { text-align: center; } /***************************** Chronopostsrdv mobile *******************************/ .global-mobile { width: 100%; height: 100%; max-width: 640px; min-width: 300px; margin: 0 auto; position: relative; display: none; } .global-mobile.onestepcheckout { display: block !important; } .global-mobile .header { width: auto; } #global-mobile h1 { font-size: 12px; font-weight: normal; margin-bottom: 5px; text-align: left; } .global-mobile .left { float: left; } .global-mobile .right { float: right; } .global-mobile .scroll { width: 100%; overflow-y: hidden; overflow-x: auto; } .global-mobile .scroll-v { overflow-y: auto; overflow-x: hidden; } .global-mobile .date-time { min-width: 100%; border-collapse: collapse; } .global-mobile .date-time th { padding: 5px; text-align: center; } .global-mobile .date-row th { color: #fff; background-color: #8f9091; font-weight: normal; border-left: solid 1px #fff; border-bottom: solid 1px #fff; } .global-mobile .date-row th:first-child { border-left: 0; } .global-mobile .date-row th span { font-size: 2.14em; display: block; } .global-mobile .time-list { border-left: solid 1px #f3f3f3; border-right: solid 1px #f3f3f3; position: relative; } .global-mobile .time-list li { display: table; width: 100%; border-bottom: solid 1px #f3f3f3; font-size: 2em; } .global-mobile .time-list li label { display: table-row !important; color: inherit !important; background: inherit !important; } .global-mobile .time-list li.unavailable { background-color: #e6e6e7; } .global-mobile .time-list li.unavailable .price-cell { font-size: .6em; } .global-mobile .time-list li.active, .global-mobile .date-row th.active { background-color: #797979 !important; color: #fff !important; } .global-mobile .eco { background-color: #e2f0e0; } .global-mobile .time-cell, .global-mobile .price-cell { display: table-cell; width: 30%; white-space: nowrap; padding: 20px; } .global-mobile .price-cell { width: 70%; padding-right: 60px; text-align: right; } .global-mobile .ic-eco { position: absolute; margin-left: 10px; } .global-mobile input { font-size: 18px; padding: 4px 30px; border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; } @media screen and (max-width: 720px) { .global-desktop { display: none; } .global-mobile { display: block; } } /* GENERAL */ @font-face { font-family: "Nunito"; src: url('https://www.sixthjune.com/skin/frontend/base/default/fonts/avisverifies/Nunito/Nunito-Regular.ttf'); /* Font icons new */ font-family: 'nr-icons'; src: url('https://www.sixthjune.com/skin/frontend/base/default/fonts/avisverifies//Nricons/nr-icons.eot?srthj'); src: url('https://www.sixthjune.com/skin/frontend/base/default/fonts/avisverifies/Nricons/nr-icons.ttf') format('truetype'), url('https://www.sixthjune.com/skin/frontend/base/default/fonts/avisverifies/Nricons/nr-icons.woff?kcfcby') format('font-woff'), url('https://www.sixthjune.com/skin/frontend/base/default/fonts/avisverifies/Nricons/nr-icons.svg?kcfcby#nr-icons') format('svg'); font-weight: normal; font-style: normal; } #netreviews_reviews_tab { background-color: #f9f9f9; overflow: hidden; margin: 0px auto; padding: 0px 0px 30px 0px; font-family: "Nunito", Arial, Helvetica, sans-serif; width: 100%; position:relative; color:#2c2c2c; max-width:1300px; } #netreviews_reviews_tab * { /*font-family: "Nunito", Arial, Helvetica, sans-serif !important; uncomment to force fonts to change in all browsers */ font-family: "Nunito", Arial, Helvetica, sans-serif; outline:none !important; } /* RATING */ .rating-link > a { display: inline-block; margin-top: 3px; } #netreviews_rating_section{ display: block; padding: 15px; background-color: #FFFFFF; border-bottom: 1px solid #E7E9EE; margin: 0px auto; } .netreviews_rating_header { display: block; width: 100%; padding: 0px; margin: 0px; position: relative; height: 70px; min-height: 70px; text-align:center; } .netreviews_logo { position: absolute; top: 20px; left: 15px; width: 200px; height: auto; } .netreviews_certification, .netreviews_certification:active, .netreviews_certification:visited { color: rgb(150, 160, 170); text-decoration: none; font-size: 14px; position: absolute; right: 15px; top: 15px; transition: color 0.2s; font-weight:600; } .netreviews_certification:hover { color: rgb(47, 47, 47); text-decoration: none; font-size: 14px; } .netreviews_rating_content { width: 100%; display: block; position: relative; height: 180px; min-height: 180px; margin-top: 15px; } .netreviews_global_rating { display: block; width: 50%; margin: 0px; border-right: solid #DDDDDD 2px; position: absolute; top: 25px; left: 0px; padding:0px; } .netreviews_note_generale { display: block; font-size: 58px; font-weight: lighter; margin: 0px auto; width: 100%; padding: 0px; text-align: center; color:#2c2c2c; } .netreviews_note_generale span{ font-size : 30px !important; } .netreviews_subtitle { display: block; font-size: 16px; color: rgb(150, 160, 170); width: 100%; text-align: center; padding: 9px 0px 0px 0px; margin: 0px; } .netreviews_global_rating_details { display: block; width: 50%; margin: 0px; position: absolute; top: 25px; right: 0px; padding:0px; } .netreviews_rates_list { margin: 0px auto; border: 0; width: 200px; display: flex; flex-direction: row; padding: 0px; } .netreviews_rate_list_item { display:flex; padding: 0; margin: 0; position: relative; list-style: none; width: 23px; float: left; padding-top: 110px; margin-right: 15px; color: #FFCD00; cursor: pointer; } .netreviews_rate_list_item span { margin-right: 3px; } .netreviews_rate_list_star_image{ width: 12px; height: 12px; margin-top: 4px; } .netreviews_rate_graph { height: 100px; width: 25px; left:0; /*pour IE 10/11*/ top: 0; position: absolute; padding-right:20px; } .netreviews_rate_percent { background: #FFCD00; min-height: 1px; margin-top: 2px; width: 25px; bottom: 0; position: absolute; left: 0; transition: background 0.2s; } .netreviews_rate_percent:hover { cursor:pointer; background: #fbdb5a; } span[class^="netreviews_rate_total"] { color: #a6b1b8; margin-top: -25px; position: absolute; width: 100%; left: 0; text-align: center; } .netreviews-stars { padding: 0px; display: block; height: 25px; border: none; margin: 8px auto; line-height: 1.6; } .netreviews-stars-list { padding: 0px; display: block; /*height: 25px;*/ height: auto; min-height: 25px; border: none; margin: auto; width: 30%; line-height: 1.6; } .netreviews-stars-link-list { /*margin: 0 70px !important */ /* Uncomment to set in-line reviews number in category pages. */ } .reviewInfosAV .netreviews-stars .netreviews_bg_stars{ margin: 0px 5px; } .netreviews-stars a, .netreviews-stars a:hover, .netreviews-stars a:active, .netreviews-stars a:visited { line-height: 22px; font-size: 14px; display: block; /*text-decoration: underline;*/ border: none; box-shadow: none; /*margin: 0px 0px 0px 8px;*/ float: left; cursor: pointer; } .headerStars { float: left; } .nr-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'nr-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nr-icon.grey { color: #D1D1D1 !important; } .nr-icon.gold { color: #FFCD00; } .nr-star:before { content: "\e903"; } /* BUTTON */ #av_load_next_page{ display: block; width: 100%; margin: 0px; text-align: center; padding: 20px 0px 0px 0px; } #av_load_next_page .netreviews_button{ display: block; margin: 0px auto; padding: 5px 0px; width: 250px; text-align: center; color: #ffffff; font-size: 16px; font-weight:500; text-decoration: none; border-radius: 5px; background-color: #a7a8a9; transition: background-color 0.2s; font-family: Nunito; cursor: pointer; } #av_load_next_page .netreviews_button:hover, #av_load_next_page .netreviews_button:active { background-color: #656565 !important; text-decoration: none !important; } #av_load_next_page > a.active { background-color: #656565 !important; text-decoration: none !important; background-image:url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/load.gif'); background-repeat:no-repeat; background-position: 5px center; } #avisVerifiesAjaxImage { background-image: url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/loadFull.gif'); background-repeat: no-repeat; background-position-x: center; background-position-y: 90%; height: 100px; } .netreviews_button_comment { text-decoration: none; color: #a7a8a9; transition: color 0.2s; display: block; width: 100%; padding: 20px 0px 0px 0px; margin: 0px; } .netreviews_button_comment:hover { text-decoration: none; color: rgb(47, 47, 47); } .netreviews_more_comment { width: 15px; margin-right: 5px; display: inline-block; } /* FILTERS */ .netreviews_filtering_section { width: 100%; margin: 0px auto; display: block; background: transparent; padding: 15px 0px 10px 0px; text-align: center; font-size: 15px; color: rgb(150, 160, 170); } .netreviews_filtering_section select { font-size: 14px; width:auto; line-height:15px; text-align:left; display:inline; outline:none; cursor:pointer; } /* REVIEW */ .netreviews_reviews_section { width:100%; display:block; padding: 0px 0px 0px 0px; margin:0px; } .netreviews_review_part{ padding : 25px 15px; border-bottom: 3px solid #ffffff; width:85%; margin: 0px auto; display:block; } /*.netreviews_review_part:last-child{ border-bottom: 0px !important; }*/ .netreviews_customer_name{ display: block; font-size:17px; font-weight:bolder; width:100%; text-align:left; padding:0px; margin:0px; } .netreviews_customer_name span{ font-size:15px !important; font-weight: 500 !important; } .netreviews_review_rate_and_stars { display: block; width: 100%; padding: 0px; margin: 0px; height: 30px; min-height: 30px; position: relative; } .netreviews_review_rate_and_stars .netreviews_bg_stars { position: absolute; top: 5px; left: 0px; float: none; margin: 0px; } .netreviews_reviews_rate { display: block; position: absolute; left: 75px; font-size: 16px; top: 0px; } .netreviews_customer_review{ font-size: 16px; line-height: 25px; width: 100%; padding: 0px; margin: 0px; text-align: left; } .netreviews_website_answer{ padding: 0px 5% 15px 5%; background-color: #FFFFFF; margin: 10px auto 0px auto; font-size: 15px; border-left: 3px solid #E7E9EE; width: 90%; font-weight: 500; } .netreviews_website_answer p { margin: 0px; padding: 20px 0px 0px 0px; width: 100%; display: block; } .netreviews_answer_title{ font-weight:bolder !important; font-size:15px !important; line-height:25px !important; } .netreviews_answer_title small { font-weight:500 !important; font-size:13px !important; line-height:25px !important; } .netreviews_helpfulmsg { width: 100%; display: block; padding: 0px; margin: 10px auto 0px auto; color: #868788; font-size: 14px; line-height:16px; display:none; } .netreviews_helpful_block { width: 100%; display: block; padding: 0px; margin: 10px auto 0px auto; color: #868788; font-size: 14px; } .netreviews_helpful_block a { display: inline-block; background: #dedede; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 5px; color: #4e4e4e; text-decoration: none; font-size: 12px; font-weight: 500; transition: background-color, color 0.2s; line-height: 22px; height: 22px; } .netreviews_helpful_block a span{ display: inline-block; background: #adadad; padding: 0px 8px; line-height: 22px; height: 22px; margin: 0px 0px 0px 10px; color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 500; transition: background-color, color 0.2s; } .netreviews_helpful_block a:hover, .netreviews_helpful_block a:active , .netreviews_helpful_block a:hover span, .netreviews_helpful_block a:active span{ background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; } .netreviews_helpful_block .active { background-image: url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/HelpfulValid.png'); background-repeat:no-repeat; background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; padding-left: 25px !important; cursor:pointer; } .netreviews_helpful_block .active span { background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; } .netreviews_helpful_block .active:hover { background-image: url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/HelpfulDelete.png') !important; background-repeat:no-repeat; background-color: #656565 !important; color:#FFFFFF !important; text-decoration: none !important; padding-left: 25px !important; cursor:pointer; } .netreviews_no_reviews_block { width: 80%; display: block; padding: 20px; margin: 10px auto -20px auto; color: #868788; font-size: 14px; text-align: center; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } /* STARS PETIT FORMAT */ .netreviews_bg_stars { display: block; float:left; width:60px; min-width:60px; max-width:60px; height:16px; min-height:16px; max-height:16px; padding:0px; border:none; background-image:url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/stars/empty/star-empty-16.png'); background-repeat:repeat-x; background-position: left center; text-decoration: none; outline:none; background-size: 12px auto; } .netreviews_bg_stars span { display: block; min-width:0px; max-width:60px; height:16px; min-height:16px; max-height:16px; margin: 0px; padding:0px; border:none; background-image:url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/stars/gold/star-gold-16.png'); background-repeat:repeat-x; background-position: left center; text-decoration: none; outline:none; line-height:1px; font-size:0.1px; background-size: 12px auto; } /* STARS PETIT FORMAT NEW */ .netreviews_bg_stars_normal { display: block; height:24px; width: 65px; min-width: 60px; max-width: 99px; min-height:24px; max-height:24px; padding:0px; border:none; text-decoration: none; outline:none; margin: 0 auto; } .netreviews_bg_stars_normal span { /* new */ display: inline-block; border:none; text-decoration: none; outline:none; overflow: hidden; display: inline-block; } .netreviews_bg_stars_normal div { /* new */ position: absolute; font-size: 13px; text-align: left; } /* GROS FORMAT NEW */ .netreviews_bg_stars_big { display: block; width: 150px; min-width: 150px; max-width: 99px; height:24px; min-height:24px; max-height:24px; padding:0px; border:none; text-decoration: none; outline:none; margin: -15px auto 10px; } .netreviews_bg_stars_big span { /* new */ border:none; overflow: hidden; display: inline-block; } .netreviews_bg_stars_big div { /* new */ position: absolute; font-size: 30px; text-align: left; } /*.netreviews_review_rate_and_stars div { position: absolute; }*/ /* LOI 2018 */ .netreviews_rating_header .netreviews_icone_info { width: 15px; height: 15px; vertical-align:middle; margin-left:2px; } .netreviews_exit_info { width: 15px; height: 15px; float: right; cursor: pointer; } .netreviews_rating_header div label { top: 40px; color: rgb(150, 160, 170); text-decoration: none; font-size: 14px; position: absolute; right: 15px; transition: color 0.2s; cursor: pointer; z-index: 10; font-weight:normal; } .netreviews_rating_header div { width: 100%; float: right; text-align: left; } .netreviews_rating_header div span { height: auto; width: 450px; background-color: #f4f4f4; color: black; padding: 10px 10px 20px 10px; position: absolute; top: 70px; right: 15px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.4); z-index: 11; display: none; margin: 0px; font-size: 13px; } .netreviews_rating_header div span a { color: black; text-decoration: underline; } #netreviews_informations_label:hover { color: rgb(47, 47, 47); } #netreviews_informations_label img, #netreviews_informations img { display: inline-block; } #netreviews_informations { text-align:left !important; } #netreviews_informations ul { margin:0px 5% !important; padding:25px 0px 5px 0px !important; width:90%; } #netreviews_informations ul li { font-size:13px; text-align:left; padding:0px; margin:0px; list-style: square !important; } /* MEDIA */ .netreviews_media_part { display: block; width: 100%; height: auto; margin: 0px; padding: 0px; list-style: none; } .netreviews_media_part li { list-style: none; display: block; width: 100px; height: 80px; float: left; padding: 0px; margin: 10px 10px 0px 0px; } .netreviews_media_part li .netreviews_image_thumb { display: block; width: 100px; height: 80px; padding: 0px; margin: 0px; text-decoration: none; cursor: pointer; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 2px; transition: opacity 0.2s ease; opacity: 1; } .netreviews_media_part li .netreviews_image_thumb_video { background-color: #333333; background-size: 40%; } .netreviews_media_part li .netreviews_image_thumb:hover { text-decoration: none; cursor: pointer; opacity: 0.8; } .netreviews_clear { clear: both; display: block; width: 100%; height: 1px; margin: 0px; padding: 0px; } #netreviews_media_modal { display: none; position: fixed; z-index: 990; padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.9); } #netreviews_media_modal > a.carousel-prev { left: 5%; } #netreviews_media_modal > a.carousel-next { right: 5%; } #netreviews_media_content { display: block; position: fixed; z-index: 991; width: 100%; height: 100%; top: 0; left: 0; } #netreviews_media_content img { position: absolute; border-radius: 2px; } #netreviews_media_content iframe { position: absolute; border: none; } #netreviews_media_close { z-index: 992; position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: opacity 0.2s; opacity: 1; cursor: pointer; display: block; text-decoration: none; } #netreviews_media_close:hover, #netreviews_media_close:focus { text-decoration: none; opacity: 0.8; } .carousel-prev, .carousel-next { z-index: 999; top: 50%; position: absolute; background: transparent; display: block; color: white !important; font-size: 75px; height: 75px; line-height: 75px; } .carousel-prev:hover, .carousel-next:hover { cursor: pointer; opacity: 0.8; text-decoration: none !important; } .loader-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #555; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* SAFARI */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* RESPONSIVE */ @media screen and (max-width: 600px) { .netreviews_logo { position: relative !important; display: block !important; margin: 5px auto !important; top: 0px !important; left: auto !important; right: auto !important; } .netreviews_certification { position: relative !important; right: auto !important; left: auto !important; top: 0px !important; text-align: center !important; margin: 20px auto 0px auto !important; display: block !important; width: 100% !important; padding: 0px !important; z-index:10; } .netreviews_rating_header { height: auto !important; min-height: auto !important; } .netreviews_global_rating { width: 100% !important; border-right: 0px !important; position: relative !important; left:auto !important; right:auto !important; top:auto !important; } .netreviews_rating_content { height: auto !important; min-height: auto !important; } .netreviews_global_rating_details { display: none !important; } .netreviews_rating_header div { width: 100%; text-align: center; } .netreviews_rating_header div label { position: relative; top: 0px; left: 0px; } .netreviews_rating_header div span { width: 90% !important; right: 5% !important; top: 120px !important; } } /* RESPONSIVE DANS UNE DIV (CODE DUPLIQUÉ SUR LE RESPONSIVE CLASSIQUE) */ .nrResponsive .netreviews_logo { position: relative !important; display: block !important; margin: 5px auto !important; top: 0px !important; left: auto !important; right: auto !important; } .nrResponsive .netreviews_certification { position: relative !important; right: auto !important; left: auto !important; top: 0px !important; text-align: center !important; margin: 20px auto 0px auto !important; display: block !important; width: 100% !important; padding: 0px !important; z-index:10; } .nrResponsive .netreviews_rating_header { height: auto !important; min-height: auto !important; } .nrResponsive .netreviews_global_rating { width: 100% !important; border-right: 0px !important; position: relative !important; left:auto !important; right:auto !important; top:auto !important; } .nrResponsive .netreviews_rating_content { height: auto !important; min-height: auto !important; } .nrResponsive .netreviews_global_rating_details { display: none !important; } .nrResponsive .netreviews_rating_header div { width: 100%; text-align: center; } .nrResponsive .netreviews_rating_header div label { position: relative; top: 0px; left: 0px; } .nrResponsive .netreviews_rating_header div span { width: 90% !important; right: 5% !important; top: 120px !important; } /* ANCIEN WIDGET */ #av_product_award{ height: 73px; background-color: #e6e6e6; border: solid 1px #b6b6b6; border-radius: 15px; position: relative; padding: 2px; margin-top: 20px; max-width: 260px; } #av_product_award img#sceau{ position: absolute; right:-15px; top:-12px; width: 90px; } #av_product_award #bottom{ background: #f7ad26; /* Old browsers */ background: -moz-linear-gradient(top, #f7ad26 1%, #f49112 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7ad26), color-stop(100%,#f49112)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7ad26 1%,#f49112 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7ad26 1%,#f49112 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7ad26 1%,#f49112 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7ad26 1%,#f49112 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ad26', endColorstr='#f49112',GradientType=0 ); /* IE6-9 */ height: 20px; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; position: absolute; bottom: 2px; width:90%; } #av_product_award #bottom a{ color:black; /*margin-left: 56px; margin-top: 3px;*/ font-weight: normal; display: block; text-align: center; } #av_product_award #top { width: 68%; text-align: center; padding-top: 0px; } #av_product_award #top b{ display: block; } /* ratingWrapper et ratingInner utilis� dans ExtraRight et product_list.tpl*/ div.ratingWrapper{ background:url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/widget_etoile0.png') no-repeat left bottom; display:inline-block; height: 21px; width: 120px; text-align: left; } div.ratingInner{ background:url('https://www.sixthjune.com/skin/frontend/base/default/images/avisverifies/widget_etoile5.png') no-repeat left bottom transparent; display:inline-block; height: 21px; text-align: left; } /* FIN ANCIEN WIDGET */ /** * @category Mana * @package Mana_Filters * @copyright Copyright (c) http://www.manadev.com * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /*.m-filter-item-list .m-selected-filter-item { color: red; }*/ .m-filter-popup .m-selected-ln-item > a { font-weight: bold; text-decoration: none; } .block-layered-nav .btn-remove { margin-top: 3px; } .block-layered-nav .currently li { position: relative; padding: 6px 24px 6px 10px; } .block-layered-nav .currently .btn-remove { margin-top: 0; position: absolute; right: 4px; top: 9px; margin-left: 0; } .block-layered-nav dt { position: relative; } /** * @category Mana * @package ManaPro_FilterCheckboxes * @copyright Copyright (c) http://www.manadev.com * @license http://www.manadev.com/license Proprietary License */ ol.m-filter-css-checkboxes li a.m-checkbox-unchecked { background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/manapro_filtercheckboxes/checkbox_unchecked.png) 0 8px no-repeat; } ol.m-filter-css-checkboxes li a.m-checkbox-checked { background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/manapro_filtercheckboxes/checkbox_checked.png) 0 8px no-repeat; } ol.m-filter-css-checkboxes li a.m-checkbox-unchecked:hover { background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/manapro_filtercheckboxes/checkbox_unchecked_hover.png) 0 8px no-repeat; } ol.m-filter-css-checkboxes li a.m-checkbox-checked:hover { background: transparent url(https://www.sixthjune.com/skin/frontend/sixthjune/default/images/manapro_filtercheckboxes/checkbox_checked_hover.png) 0 8px no-repeat; } ol.m-filter-css-checkboxes li a.m-checkbox-unchecked, ol.m-filter-css-checkboxes li a.m-checkbox-checked { padding-left: 20px; text-decoration: none; } .m-filter-checkboxes li input { margin-right: 5px; position: relative; bottom: 2px; } /** * @category Mana * @package Mana_Core * @copyright Copyright (c) http://www.manadev.com * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ #m-wait { position:absolute; color:#d85909; font-size:1.1em; font-weight:bold; text-align:center; /*opacity:0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ z-index:20000; } #m-wait .loader { position:fixed; top:45%; left:50%; width:120px; margin-left: -120px; padding:15px 60px; background:#fff4e9; border:2px solid #f1af73; color:#d85909; font-weight:bold; text-align:center; z-index:20100; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: content-box; } #m-wait .loader { } .m-popup { position: absolute; background: white; z-index: 20100; } .m-popup-overlay { position: absolute; background: black; filter: alpha(opacity = 0); /* percent */ -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 10000; } .m-overlay { position: absolute; background: white; filter: alpha(opacity=0); /* percent */ -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: 10000; } a.m-disabled { } label span.m-disabled { } /** * @category Mana * @package Mana_InfiniteScrolling * @copyright Copyright (c) http://www.manadev.com * @license http://www.manadev.com/license Proprietary License */ .mb-infinitescrolling-engine { display: none; } .infinite-scrolling-list-loader, .infinite-scrolling-grid-loader { text-align: center; } .infinite-scrolling-list-loader img, .infinite-scrolling-grid-loader img { display: inline; }