.olegnax-osc-place-order-processing { display: none; } .olegnax-osc-place-order-button-disabled .olegnax-osc-place-order-title { display: none; } .olegnax-osc-place-order-button-disabled .olegnax-osc-place-order-processing { display: block; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @ S T Y L E S //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ============================================================================= RESET and CUSTOM ================================================================================ */ /* Reset styles other themes to default settings and add custom for OneStepCheckout Plugin */ #olegnax-osc-area *, #olegnax-osc-area *:before, #olegnax-osc-area *:after { box-sizing: border-box; margin: 0; padding: 0; } #olegnax-osc-area * { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: auto; max-width: inherit; min-width: inherit; background: none transparent; border: 0; box-shadow: none; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; text-transform: inherit; } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @ SKIN: D E F A U L T //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ============================================================================= GENERAL ================================================================================ */ #olegnax-osc-area, #olegnax-osc-area label, #olegnax-osc-area button.button, #olegnax-osc-area input, #olegnax-osc-area select, #olegnax-osc-area textarea, #olegnax-osc-area label.required:after, #olegnax-osc-area span.required:after, #olegnax-osc-area table, #olegnax-osc-area dl, #olegnax-osc-area .price, #olegnax-osc-area ul.messages ul li { line-height: 1.2; color: #7b7b7b; font-size: 13px; } #olegnax-osc-area input, #olegnax-osc-area select, #olegnax-osc-area textarea { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #252525; outline: none; } /* FONTS */ #olegnax-osc-area, #olegnax-osc-area label, #olegnax-osc-area button.button, #olegnax-osc-area label.required:after, #olegnax-osc-area span.required:after, #olegnax-osc-area table, #olegnax-osc-area dl, #olegnax-osc-area .price { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* Inputs Font */ #olegnax-osc-area input.input-text, #olegnax-osc-area select, #olegnax-osc-area textarea { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } #olegnax-osc-area table.olegnax-osc-cart-table h3.product-name { line-height: 1.3;} /* Sprite Image */ #olegnax-osc-area .login-button span:before, #olegnax-osc-area .login-button span:after, #olegnax-osc-area .olegnax-osc-icon:before, #olegnax-osc-area .qty-wrapper button.adjust-qty, #olegnax-osc-area .btn-remove2, #olegnax-osc-area .olegnax-osc-btn-close, #olegnax-osc-area input.radio + label:after, #olegnax-osc-area input.checkbox + label:after { background-image: url(../images/sprite.png); background-repeat: no-repeat; background-size: 280px 80px; } /* Links */ #olegnax-osc-area a { color: #3399cc; text-decoration: none; outline: none;} #olegnax-osc-area a:hover { color: #000;} #olegnax-osc-area h1 a, #olegnax-osc-area h2 a, #olegnax-osc-area h3 a {color: #000;} #olegnax-osc-area h1 a:hover, #olegnax-osc-area h2 a:hover, #olegnax-osc-area h3 a:hover {color: #3399cc;} /* Hadings -------------------------------------------------------------------------------- */ #olegnax-osc-area h1, #olegnax-osc-area h2, #olegnax-osc-area h3 {letter-spacing: inherit;} /* Main title */ #olegnax-osc-area .olegnax-osc-top:after {content: ''; clear: both; display: table;} #olegnax-osc-area .olegnax-osc-page-title {padding: 0 15px;} #olegnax-osc-area .olegnax-osc-page-title h2 { margin: 0 0 0px; color: #3e3e3e; font-size: 37px; font-weight: 300; letter-spacing: -1px; text-transform: inherit; } /* Description */ #olegnax-osc-area .olegnax-osc-description { padding: 10px 0 39px 1px; color: #414141; font-size: 17px; } /* NUMBERS Title and Styles */ #olegnax-osc-area .olegnax-osc-icon { position: relative; padding: 20px 15px 20px 58px; background-color: #f7f7f7; color: #252525; font-size: 17px; font-weight: 600; word-break: break-word; } #olegnax-osc-area div.olegnax-osc-title-icon-right .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 15px; padding-right: 58px;} #olegnax-osc-area div.olegnax-osc-title-icon-disabled .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 15px; padding-right: 15px;} #olegnax-osc-area div.olegnax-osc-title-left .olegnax-osc-block-wrap .olegnax-osc-icon:after {left: 15px; right: inherit;} #olegnax-osc-area div.olegnax-osc-title-right .olegnax-osc-block-wrap .olegnax-osc-icon:after {left: inherit; right: 15px;} #olegnax-osc-area div.olegnax-osc-title-center .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 58px; padding-right: 58px;} #olegnax-osc-area .olegnax-osc-icon:before { content: ''; position: absolute; top: 50%; width: 19px; height: 16px; margin: -8px 0 0; display: inline-block; } #olegnax-osc-area .olegnax-osc-block-wrap .olegnax-osc-icon:after { content: ''; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; width: 118px; height: 2px; background-color: #ccc; } /* Billing Address, Shipping Address */ #olegnax-osc-area #olegnax-osc-address-billing .olegnax-osc-icon:before, #olegnax-osc-area #olegnax-osc-address-shipping .olegnax-osc-icon:before { background-position: 0 0; } /* Shipping Method */ #olegnax-osc-area #olegnax-osc-shipping-method .olegnax-osc-icon:before { background-position: -60px 0px;} /* Payment Method */ #olegnax-osc-area #olegnax-osc-payment-method .olegnax-osc-icon:before { background-position: -20px 0px;} /* Order Review */ #olegnax-osc-area #olegnax-osc-order-review .olegnax-osc-icon:before { background-position: -40px 0px;} /* Gift */ #olegnax-osc-area #olegnax-osc-gift-card .olegnax-osc-icon:before { background-position: -80px 0px;} /* Forms -------------------------------------------------------------------------------- */ #olegnax-osc-area .overflow-wide {overflow: hidden;} #olegnax-osc-area input.input-text, #olegnax-osc-area select, #olegnax-osc-area textarea { width: 100%; border: 1px solid #c1c1c1; color: #545454; font-size: 13px; padding: 5px 9px 4px; line-height: 100%; font-size: 13px; background-color: #fff; } #olegnax-osc-area label { max-width: inherit; min-width: inherit; padding: 0; margin: 0; background-color: transparent; font-weight: normal; display: inline; } #olegnax-osc-area label span {vertical-align: top;} #olegnax-osc-area input.input-text { height: 35px;} #olegnax-osc-area select { height: 35px; /* Test styles: */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/select-arrow.png) no-repeat right 9px top 50%; padding-right: 21px; background-size: 10px 7px; cursor: pointer; line-height: 1.1; } @-moz-document url-prefix() { #olegnax-osc-area select {background-image: none;} } #olegnax-osc-area .form-list select { margin-top: 0;} #olegnax-osc-area textarea { padding: 9px 10px; line-height: 1.2; -webkit-appearance: none;} #olegnax-osc-area textarea#comments { height: 77px;} #olegnax-osc-area .gift-messages-form textarea {width: 100%; height: 84px;} /* Radio / Checkbox position */ #olegnax-osc-area input.checkbox, #olegnax-osc-area input.radio { margin: 2px 10px 0 0;} /* Radio / Checkbox */ #olegnax-osc-area input.radio, #olegnax-osc-area input.checkbox {display: none;} #olegnax-osc-area input.radio + label, #olegnax-osc-area input.checkbox + label { position: relative !important; cursor: pointer; display: block; } #olegnax-osc-area input.radio + label { padding-left: 25px; vertical-align: middle;} #olegnax-osc-area input.checkbox + label { padding-left: 27px;} #olegnax-osc-area input.radio + label:before, #olegnax-osc-area input.checkbox + label:before { content: ''; position: absolute; left: 0; width: 15px; height: 15px; border: 1px solid #c1c1c1; background-color: #fff; } #olegnax-osc-area input.radio + label:before { top: 50%; margin-top: -8px;border-radius: 100%;} #olegnax-osc-area input.checkbox + label:before { top: 0; } #olegnax-osc-area input.radio + label img, #olegnax-osc-area input.radio + label a { vertical-align: middle;display: inline-block;float: none;} #olegnax-osc-area input.radio:checked + label:after { content: ''; position: absolute; left: 4px; top: 50%; margin-top: -4px; width: 7px; height: 7px; background-position: -100px -60px; } #olegnax-osc-area input.checkbox:checked + label:after { content: ''; position: absolute; left: 2px; top: 3px; width: 11px; height: 9px; background-position: -120px -60px; } /* Button color styles */ #olegnax-osc-area button.button, #olegnax-osc-area .login-button, #olegnax-osc-area #olegnax-osc-place-order-button { color: #fff; background-color: #3399cc; } #olegnax-osc-area button.button { text-transform: capitalize; text-align: center; padding: 3px 14px 3px; height: 35px;} /* Button Place Order */ #olegnax-osc-area #olegnax-osc-place-order-button { display: block; width: 100%; min-height: 51px; padding: 6px 10px 6px; text-decoration: none; border: none; cursor: pointer; z-index: 6; font-size: 18px; text-transform: uppercase; text-align: center; } #olegnax-osc-area #olegnax-osc-place-order-button.olegnax-osc-place-order-button-disabled { cursor:default; } #olegnax-osc-area #olegnax-osc-place-order-button { position: relative; } #olegnax-osc-area span.olegnax-osc-place-order-processing { text-align: center; } #olegnax-osc-area span.olegnax-osc-place-order-processing:before { content: ''; width: 19px; height: 23px; display: inline-block; vertical-align: middle; margin: -2px 10px 0px 0px; background-image: url('../images/ajax-loader-2-invers.png'); background-size: 19px 23px; -webkit-animation: spin 1000ms linear infinite; -moz-animation: spin 1000ms linear infinite; animation: spin 1000ms linear infinite; } #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button span.olegnax-osc-place-order-processing:before { background-image: url('../images/ajax-loader-2.png'); } #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button:hover span.olegnax-osc-place-order-processing:before { background-image: url('../images/ajax-loader-2-invers.png'); } #olegnax-osc-area table td {vertical-align: middle;} /* Layouts -------------------------------------------------------------------------------- */ #olegnax-osc-area { position: relative;} #olegnax-osc-area .olegnax-osc-block { padding: 0px 0; margin: 0 -15px; } #olegnax-osc-area .olegnax-osc-block:after {content: '';display: table;clear: both;} /* Block wrapp#olegnax-osc-area .olegnax-osc-colers */ #olegnax-osc-area .olegnax-osc-col { float: left; padding: 0 15px;} #olegnax-osc-area.column_1 .olegnax-osc-col { width:100%;} #olegnax-osc-area.columns_2 .olegnax-osc-col { width: 50%;} #olegnax-osc-area.columns_3 .olegnax-osc-col { width:33.33%;} #olegnax-osc-area.column_1 .olegnax-osc-col-2, #olegnax-osc-area.column_1 .olegnax-osc-col-3, #olegnax-osc-area.columns_2 .olegnax-osc-col-3 {display: none;} #olegnax-osc-area .olegnax-osc-block-wrap { margin: 0 0px 30px;} #olegnax-osc-area .olegnax-osc-block-content { padding: 15px 15px 18px;} #olegnax-osc-area .olegnax-osc-block-content > div > p:first-child {padding-top: 3px;} #olegnax-osc-area.skin-clean-default .olegnax-osc-page-title, #olegnax-osc-area.skin-clean-default .olegnax-osc-login-block {float: left; width: 50%; padding: 0 15px;} #olegnax-osc-area.skin .olegnax-osc-page-title, #olegnax-osc-area.skin .olegnax-osc-login-block { float: left; width: 50%; padding: 0 15px;} #olegnax-osc-area.skin .olegnax-osc-login-on .olegnax-osc-page-title, #olegnax-osc-area.skin .olegnax-osc-login-on .olegnax-osc-login-block { /*float: none; width: 100%;*/} /* ============================================================================= COLORS ================================================================================ */ /* Buttons background hover */ #olegnax-osc-area .olegnax-osc-btn-close:hover, #olegnax-osc-area .login-button:hover, #olegnax-osc-area button.button:hover, #olegnax-osc-area .btn-remove2:hover { background-color: #515151;} #olegnax-osc-area .qty-wrapper button.adjust-qty:hover { background-color: #515151;} #olegnax-osc-area #olegnax-osc-place-order-button:hover { background-color: #7db73e;} /* ============================================================================= POPUPS ================================================================================ */ /* Popup shadow */ #olegnax-osc-area .olegnax-osc-popup-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 9999991;} /* Popup Container */ #olegnax-osc-area .olegnax-osc-popup { position: fixed; z-index: 9999993; } /* Popup Header: */ #olegnax-osc-area .olegnax-osc-popup .olegnax-osc-icon { position: relative; margin: 0; padding: 29px 20px 29px 70px;} #olegnax-osc-area .olegnax-osc-popup .olegnax-osc-icon:before { width: 20px; height: 20px;} #olegnax-osc-area .olegnax-osc-btn-close { position: absolute; right: 25px; top: 50%; width: 21px; height: 21px; margin: -10px 0 0 0; background-color: transparent; background-position: -175px 5px; border-radius: 100%; font-size: 0; color: transparent; } #olegnax-osc-area .olegnax-osc-btn-close:hover { background-position: -175px -15px;} /* Popup Content */ #olegnax-osc-area .olegnax-osc-indent { padding: 26px 30px 30px; background-color: #fff;} #olegnax-osc-area .olegnax-osc-popup-title { position: relative;} /* Terms of Conditions Popup -------------------------------------------------------------------------------- */ #olegnax-osc-area #olegnax-osc-review-terms ol li { padding-bottom: 15px;} #olegnax-osc-area #olegnax-osc-review-terms-popup { width: 606px;} #olegnax-osc-area #olegnax-osc-review-terms-popup-content {height: 100% !important;} #olegnax-osc-area #olegnax-osc-review-terms-popup .olegnax-osc-icon-term:before { left: 30px; background-position: -240px 0px;} #olegnax-osc-area .olegnax-osc-title-icon-disabled #olegnax-osc-review-terms-popup .olegnax-osc-icon-term {padding-left: 30px;} #olegnax-osc-area .olegnax-osc-title-icon-disabled #olegnax-osc-review-terms-popup .olegnax-osc-icon-term:before {display: none;} #olegnax-osc-area #olegnax-osc-review-terms-popup .olegnax-osc-btn-close {right: 23px;} #olegnax-osc-area #olegnax-osc-review-terms-popup .olegnax-osc-indent {height: 436px; padding: 24px 20px 30px 31px;} #olegnax-osc-area #olegnax-osc-review-terms-popup .olegnax-osc-popup-content { height: 100%; overflow-y: auto; padding-right: 20px; word-break: break-word; } /* Number list styles */ #olegnax-osc-area #olegnax-osc-review-terms-popup ol.nested { counter-reset: item;} #olegnax-osc-area #olegnax-osc-review-terms-popup li.nested { display: block; padding-bottom: 20px; line-height: 1.54;} #olegnax-osc-area #olegnax-osc-review-terms-popup li.nested:before { content: counters(item, ".") ". "; counter-increment: item;} #olegnax-osc-area #olegnax-osc-review-terms-popup ol.nested li.nested:before, #olegnax-osc-area #olegnax-osc-review-terms-popup li.nested strong { color: #252525;font-weight: bold;} #olegnax-osc-area #olegnax-osc-review-terms-popup li.nested li.nested { font-weight: normal;} #olegnax-osc-area #olegnax-osc-review-terms-popup li.nested li.nested:before {font-weight: normal; color: #7b7b7b;} #olegnax-osc-area #olegnax-osc-review-terms-popup ol.nested ol.nested {padding-top: 20px;} #olegnax-osc-area #olegnax-osc-review-terms-popup ol.nested > li:last-child, #olegnax-osc-area #olegnax-osc-review-terms-popup ol.nested ol.nested li:last-child {padding-bottom: 0;} /* Login Form Popup -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-clean-default .olegnax-osc-login-block { padding-top: 23px; text-align: center;} #olegnax-osc-area .login-button { position: relative; min-height: 35px; float: right; padding: 9px 12px 10px 39px; font-size: 14px; cursor: pointer; } #olegnax-osc-area .login-button span:before, #olegnax-osc-area .login-button span:after { content: ''; position: absolute; left: 14px; top: 50%; margin-top: -8px; width: 13px; height: 14px; background-position: -100px -20px; transition: opacity 300ms ease 0s; opacity: 1; } #olegnax-osc-area .login-button:hover span:before { opacity: 0; transition: opacity 200ms ease 0s; } #olegnax-osc-area .login-button span:after { opacity: 0;} #olegnax-osc-area .login-button:hover span:after { opacity: 1;} /* Login Form Content */ #olegnax-osc-area #olegnax-osc-loginform { display: none; position: fixed; z-index: 9999992; text-align: left;} #olegnax-osc-area #olegnax-osc-loginform-container { width: 384px; height: inherit !important;} #olegnax-osc-area #olegnax-osc-loginform .olegnax-osc-icon-login { padding: 29px 58px 29px 70px; } #olegnax-osc-area #olegnax-osc-loginform .olegnax-osc-icon-login:before { left: 30px; height: 18px; background-position: -260px 0px;} #olegnax-osc-area #olegnax-osc-loginform .olegnax-osc-icon { word-break: break-word;} #olegnax-osc-area div.olegnax-osc-title-icon-disabled #olegnax-osc-loginform .olegnax-osc-icon-login {padding-left: 30px;} #olegnax-osc-area div.olegnax-osc-title-icon-disabled #olegnax-osc-loginform .olegnax-osc-icon-login:before {display: none;} #olegnax-osc-area #olegnax-osc-loginform .olegnax-osc-auth-form-block { padding-bottom: 23px; text-align: center;} #olegnax-osc-area #olegnax-osc-loginform .olegnax-osc-auth-form-block:last-child { padding-bottom: 0;} #olegnax-osc-area #olegnax-osc-loginform button.button { width: 100%; height: 51px; font-size: 18px; margin: 2px 0 3px;} #olegnax-osc-area #olegnax-osc-loginform a#olegnax-osc-login-forgot-link, #olegnax-osc-area #olegnax-osc-loginform a.olegnax-osc-forgot-password-back { font-size: 14px; padding: 3px 4px 2px; text-align: center;} #olegnax-osc-loginform a.olegnax-osc-forgot-password-back:before { content: '\2190'; padding-right: 10px;} #olegnax-osc-area #olegnax-osc-loginform p { margin:0 0 20px; padding:0;} #olegnax-osc-area #olegnax-osc-loginform .validation-advice { } #olegnax-osc-area #olegnax-osc-loginform #olegnax-osc-login-forgot-link { cursor: pointer;} #olegnax-osc-area #olegnax-osc-loginform #olegnax-osc-login-form-block-fbi { position: absolute; right: 0; padding-top: 17px;} #olegnax-osc-area #olegnax-osc-loginform label { width: auto; text-align: left; padding: 0;} #olegnax-osc-area #olegnax-osc-loginform label.required em { float: right; font-style: normal; position: relative; right: -4px; margin-right: 0;} #olegnax-osc-area #olegnax-osc-loginform .form-list .input-box { float: none;} #olegnax-osc-area #olegnax-osc-loginform .form-list .input-box input { float: none;} #olegnax-osc-area #olegnax-osc-loginform input.input-text::-webkit-input-placeholder { color: transparent;} #olegnax-osc-area #olegnax-osc-loginform input.input-text:-moz-placeholder { color: transparent; /* Firefox 18- */} #olegnax-osc-area #olegnax-osc-loginform input.input-text::-moz-placeholder { color: transparent; /* Firefox 19+ */} #olegnax-osc-area #olegnax-osc-loginform input.input-text:-ms-input-placeholder { color: transparent;} #olegnax-osc-area .olegnax-osc-block-form-field label { width: auto; padding: 0;} /* ============================================================================= CONTENT BLOCKS ================================================================================ */ /* GENERAL FORM FIELD -------------------------------------------------------------------------------- */ #olegnax-osc-area .form-list .control {margin: 0;} #olegnax-osc-area .form-list .input-box { width: 100%;} #olegnax-osc-area .input-box { padding-top: 7px;} #olegnax-osc-area .input-box img {display: inherit;vertical-align: middle;} #olegnax-osc-area .input-box-2 { padding-top: 10px;} #olegnax-osc-area .olegnax-osc-block-form-field { padding-top:17px;} #olegnax-osc-area .olegnax-osc-block-form-field:first-child { padding-top: 0;} #olegnax-osc-area .olegnax-osc-block-form-field-left, #olegnax-osc-area .olegnax-osc-block-form-field-right { float: left; width: 50%;} #olegnax-osc-area .olegnax-osc-block-form-field-left { padding-right: 10px;} #olegnax-osc-area .olegnax-osc-block-form-field-right { padding-left: 10px;} #olegnax-osc-area .form-list .field { float: left; width: 50%;} #olegnax-osc-area .form-list .field:nth-child(odd) { padding-right: 10px; clear: both;} #olegnax-osc-area .form-list .field:nth-child(even) { padding-left: 10px;} #olegnax-osc-area .customer-name .field { margin: 9px 0 0;} #olegnax-osc-area .customer-name { margin-top: -8px;} #olegnax-osc-area .customer-name .field { margin-top: 17px;} /* For radio / checkbox label */ #olegnax-osc-area .form-list .control label { float: none; padding-bottom: 1px;} /* Required*/ #olegnax-osc-area label.required:after, #olegnax-osc-area span.required:after, #olegnax-osc-area p.required, #olegnax-osc-area .validation-advice, #olegnax-osc-area label.required em { color: #ff4800 !important; } #olegnax-osc-area .validation-failed {background-color: transparent !important;} #olegnax-osc-area dl.validation-failed {border: 0;} #olegnax-osc-area input.validation-failed, #olegnax-osc-area input.validation-failed + label:before, #olegnax-osc-area select.validation-failed, #olegnax-osc-area textarea.validation-failed { border-width: 2px !important; border-color: #ff4e00 !important; border-style: solid !important; background-color: #fff !important; } #olegnax-osc-area .form-list label.required em { position: relative; right: -4px; float: right; margin-right: 0; font-style: normal;} #olegnax-osc-area .validation-advice { margin: 5px 0 0;} #olegnax-osc-area p.required {margin: 0px 0 10px;} /* BILLING / SHIPPING ADDRESS FORM -------------------------------------------------------------------------------- */ #olegnax-osc-area #olegnax-osc-billing-password-area { padding: 17px 0 4px;} #olegnax-osc-area #olegnax-osc-billing-password-area .olegnax-osc-block-form-field {padding-top: 0;} #olegnax-osc-area #olegnax-osc-billing-use-for-shipping { border-top: 1px solid #e7e7e7; padding-top: 17px; } #olegnax-osc-area #olegnax-osc-billing-address-list + .olegnax-osc-block-form-field {padding-top: 21px;} #olegnax-osc-area #olegnax-osc-billing-password-area + .olegnax-osc-block-form-field {margin-top: 16px;} #olegnax-osc-area .dob-month, #olegnax-osc-area .dob-day, #olegnax-osc-area .dob-year { margin-right: 10px;} #olegnax-osc-area .dob-month input.input-text, #olegnax-osc-area .dob-day input.input-text, #olegnax-osc-area .dob-year input.input-text { margin-bottom: 3px;} /* SHIPPING / PAYMENT METHOD -------------------------------------------------------------------------------- */ #olegnax-osc-area dl.sp-methods { margin: 0; padding: 5px 0 1px; border: 0 !important;} #olegnax-osc-area dl.sp-methods dt { font-weight: normal; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px solid #e7e7e7; } #olegnax-osc-area dl.sp-methods dt:first-child {border-top: 0;padding-top: 0; margin-top: 0;} #olegnax-osc-area dl.sp-methods dt:last-child {padding-bottom: 0;} #olegnax-osc-area dl.sp-methods ul { padding: 17px 0 0; width: 100%;} #olegnax-osc-area dl.sp-methods ul li {margin-bottom: 17px;} #olegnax-osc-area dl.sp-methods ul li:last-child {margin-bottom: 0;} #olegnax-osc-area dl.sp-methods label.required em { float: right; font-style: normal; position: relative; right: -4px; margin-right: 0; } #olegnax-osc-area dl.sp-methods ul li .input-box {padding-bottom: 0;} #olegnax-osc-area .v-fix { padding-right: 10px;} #olegnax-osc-area .v-fix:last-child { padding-right: 0;} #olegnax-osc-area .cvv-what-is-this { line-height: 35px;} /* SHIPPING */ #olegnax-osc-area #olegnax-osc-shipping-method dl.sp-methods dt {padding-bottom: 5px;} #olegnax-osc-area #olegnax-osc-shipping-method dl.sp-methods ul {padding-top: 6px;} #olegnax-osc-area #olegnax-osc-shipping-method dl.sp-methods ul li {margin-bottom: 9px;} /* PAYMENT */ #olegnax-osc-area #olegnax-osc-payment-method .olegnax-osc-block-content {padding-bottom: 24px;} #olegnax-osc-area #olegnax-osc-payment-method .form-list select.month {width: 131px;} #olegnax-osc-area #olegnax-osc-payment-method .form-list select.year {width: 71px;} #olegnax-osc-area.skin ul#payment_form_ccsave li div.input-box { position: relative; padding-right: 1px;} #olegnax-osc-area.skin #olegnax-osc-payment-method input.cvv { width: 41px!important;} #olegnax-osc-area.skin a.cvv-what-is-this { position: absolute; margin-left: 3px !important;} #olegnax-osc-area.skin-athlete a.cvv-what-is-this {line-height: 1.3;margin-top: 4px;} /* payment tooltip */ #olegnax-osc-area.skin #payment-tool-tip { top: 0 !important; position: relative;} #olegnax-osc-area.skin .tool-tip-content { padding-top: 10px;} #olegnax-osc-area.skin .tool-tip-content img { max-width: 100%; height: auto;} #olegnax-osc-area.skin .btn-close a#payment-tool-tip-close { right: 24px; top: 34px;} #olegnax-osc-area.skin #payment-tool-tip { position: fixed; left: 0; right: 0; top: 0!important; bottom: 0; width: 100%; z-index: 999999999999;} #olegnax-osc-area.skin #payment-tool-tip .tool-tip-wrap { position: fixed; left: 0; right: 0;top: 50%; bottom: 0; margin: -150px auto 0; width: 100%; text-align: center; vertical-align: middle; } #olegnax-osc-area.skin .tool-tip-content { position: relative; padding: 71px 23px 25px; background: #fff; display: inline-block; box-shadow: 0 0 0 10000px rgba(0,0,0,.3); } /* GIFT -------------------------------------------------------------------------------- */ #olegnax-osc-area #olegnax-osc-gift-card {} #olegnax-osc-area #olegnax-osc-gift-card h3, #olegnax-osc-area #olegnax-osc-gift-card h4 {} #olegnax-osc-area #olegnax-osc-gift-card p.control, #olegnax-osc-area .inner-box h4 + p { padding-top: 7px;} #olegnax-osc-area .inner-box h4 { padding-top: 17px;} #olegnax-osc-area #olegnax-osc-gift-card ul.form-list li {} #olegnax-osc-area #olegnax-osc-gift-card ul.form-list li.fields div.field, #olegnax-osc-area #olegnax-osc-gift-card ul.form-list li.wide { padding-top: 17px;} #olegnax-osc-area #olegnax-osc-gift-card ul.form-list li.fields:after { content: ''; display: table; clear: both;} #olegnax-osc-area .gift-messages-form .item .details {float: none;} #olegnax-osc-area #olegnax-osc-gift-card .allow-gift-messages-for-order-container, #olegnax-osc-area #olegnax-osc-gift-card #allow-gift-messages-for-items-container { padding-top: 17px;} #olegnax-osc-area #olegnax-osc-gift-card #allow-gift-messages-for-items-container ol > li { padding-top: 22px; border-top: 1px solid #e7e7e7; margin-top: 22px; width: 100%; } #olegnax-osc-area #olegnax-osc-gift-card .product-img-box { display: block; margin: 0 auto; text-align: center; float: none; width: 100%;} #olegnax-osc-area #olegnax-osc-gift-card .product-img-box p.product-image {display: inline-block;} #olegnax-osc-area #olegnax-osc-gift-card .product-img-box p.number {padding: 7px 0 17px;} /* ORDER REVIEW -------------------------------------------------------------------------------- */ #olegnax-osc-area #olegnax-osc-order-review { padding-bottom: 0;} #olegnax-osc-area #olegnax-osc-order-review .olegnax-osc-block-content {position: relative;} #olegnax-osc-area #olegnax-osc-order-review + .olegnax-osc-total { margin-top: -30px;} #olegnax-osc-area.skin div.olegnax-osc-content_blocks_border #olegnax-osc-order-review + .olegnax-osc-total { margin-top: 0px;} #olegnax-osc-area .price { color: #252525;vertical-align: top;} #olegnax-osc-area .btn-remove2 { position: absolute; left: -31px; top: 50%; width: 21px; height: 21px; margin: -11px 7px 0 0; background-color: #ececec; border-radius: 100%; background-position: -116px 6px; } #olegnax-osc-area .btn-remove2:hover { opacity: 1; background-position: -116px -14px;} /* Cart Table*/ #olegnax-osc-area .a-left { text-align: left;} #olegnax-osc-area .a-center { text-align: center;} #olegnax-osc-area .a-right { text-align: right;} #olegnax-osc-area table.olegnax-osc-cart-table { width: 100%;} #olegnax-osc-area table.olegnax-osc-cart-table thead th, #olegnax-osc-area table.olegnax-osc-cart-table tbody td { border-bottom: 1px solid #e7e7e7; } #olegnax-osc-area table.olegnax-osc-cart-table tbody tr:last-child td {border-bottom: 0;} #olegnax-osc-area table.olegnax-osc-cart-table thead th:first-child { padding-left: 0;} #olegnax-osc-area table.olegnax-osc-cart-table thead th:last-child, #olegnax-osc-area table.olegnax-osc-cart-table tbody td:last-child { padding-right: 0;} #olegnax-osc-area table.olegnax-osc-cart-table thead th { padding: 3px 5px 18px; /*color: #545454;*/} #olegnax-osc-area table.olegnax-osc-cart-table tbody td { padding: 20px 23px 20px; vertical-align: middle;} #olegnax-osc-area table.olegnax-osc-cart-table tbody td:first-child { padding-left: 31px; padding-right: 5px;} #olegnax-osc-area table.olegnax-osc-cart-table thead th.btn-remove-hidden, #olegnax-osc-area table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} #olegnax-osc-area .product-name-wrap { position: relative;} #olegnax-osc-area .product-name-wrap h3.product-name { margin: 0 0 0; text-transform: inherit; } #olegnax-osc-area table.olegnax-osc-cart-table dl.item-options { margin-top: 10px; font-size: 12px;} #olegnax-osc-area table.olegnax-osc-cart-table span.cart-price .price {} #olegnax-osc-area table.olegnax-osc-cart-table .item-options dt { font-weight: normal;min-width: 40px;} #olegnax-osc-area table.olegnax-osc-cart-table .item-options dd { margin-bottom: 2px; padding: 0;} /* QTY */ #olegnax-osc-area.skin-clean-default .qty-wrapper { width: 59px;} #olegnax-osc-area.skin-clean-default .qty-wrapper input.qty-editable { float: left; background-color: #fff; width: 39px; text-align: center; height: 35px; line-height: 35px; font-size: 14px; margin-right: 5px; border: 1px solid #c1c1c1; -webkit-appearance: none;} #olegnax-osc-area.skin-clean-default .qty-wrapper button.adjust-qty { display: block; width: 15px; height: 15px; background-color: #ececec; padding: 0; margin: 0; font-size: 0; color: transparent;} #olegnax-osc-area.skin-clean-default .qty-wrapper button.adjust-qty-up { background-position: -135px 5px; margin-bottom: 4px;} #olegnax-osc-area.skin-clean-default .qty-wrapper button.adjust-qty-down { background-position: -155px 7px;} #olegnax-osc-area.skin-clean-default .qty-wrapper button.adjust-qty-up:hover { background-position: -135px -15px;} #olegnax-osc-area.skin-clean-default .qty-wrapper button.adjust-qty-down:hover { background-position: -155px -13px;} /* Place Order */ #olegnax-osc-area .olegnax-osc-total { position: relative; margin-bottom: 30px; padding: 18px 20px 20px; background: #f7f7f7; } /* deletee this later */ #olegnax-osc-area span.olegnax-osc-place-order-grand-total { position: absolute; top: 8px; display: block; left: 0; right: 0; text-align: center; color: #000; } #olegnax-osc-area span.olegnax-osc-place-order-process {vertical-align: middle;} #olegnax-osc-area span.olegnax-osc-place-order-process img {display: inline-block;} /* Place Order Table Grand total */ #olegnax-osc-area #olegnax-osc-order-review-cart-totals { padding: 0 0 32px; } #olegnax-osc-area table.gtotals { width: 100%; text-align: left;} #olegnax-osc-area table.gtotals, #olegnax-osc-area table.gtotals tfoot tr td .price {font-size: 14px; color: #737373;} #olegnax-osc-area table.gtotals tfoot tr td .price {vertical-align: top;} #olegnax-osc-area table.gtotals tfoot tr td { padding-bottom: 6px;} #olegnax-osc-area table.gtotals tfoot tr td:first-child { text-align: left !important;} #olegnax-osc-area table.gtotals tfoot tr:last-child td { padding-bottom: 0; vertical-align: top;} #olegnax-osc-area table.gtotals tfoot tr:last-child td strong { display: block; border-top: 1px solid #e3e0e0; padding: 17px 0 0; margin: 13px 0 0; } #olegnax-osc-area table.gtotals tfoot tr:last-child td strong, #olegnax-osc-area table.gtotals tfoot tr:last-child td strong .price { color: #000; font-size: 18px; font-weight: 600; } #olegnax-osc-area table.gtotals tfoot tr:last-child td:first-child strong {padding-right: 10px;} #olegnax-osc-area #olegnax-osc-terms-of-conditions { text-align: left; padding-bottom: 12px; } #olegnax-osc-area #olegnax-osc-terms-of-conditions a {vertical-align: top;} /* REVIEW COUPON */ #olegnax-osc-area #olegnax-osc-review-coupon { padding-top: 19px; border-top: 1px solid;} #olegnax-osc-area #olegnax-osc-review-coupon button.button { float: right; margin-left: 10px; min-width: 109px;} /* COMMENTS/DDAN */ #olegnax-osc-area #olegnax-osc-review-comments .input-box { padding-top: 20px;} #olegnax-osc-area #olegnax-osc-review-newsletter-simple {padding-top: 18px;} #olegnax-osc-area #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-label, #olegnax-osc-area #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-amount, #olegnax-osc-area #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process { display: inline;} #olegnax-osc-area #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process img { width: 15px; height: 15px;} /* ============================================================================= CUSTOM ================================================================================ */ /* Loader -------------------------------------------------------------------------------- */ #olegnax-osc-area .olegnax-osc-add-loader-into-this-block, #olegnax-osc-area #olegnax-osc-order-review-cart-wrap, #olegnax-osc-area #olegnax-osc-review-coupon, #olegnax-osc-area #olegnax-osc-order-review-enterprise-giftcard-wrap, #olegnax-osc-area #olegnax-osc-order-review-enterprise-storecredit-wrap, #olegnax-osc-area #olegnax-osc-order-review-enterprise-points-wrap, #olegnax-osc-area #olegnax-osc-order-review-points-wrapper, #olegnax-osc-area #olegnax-osc-order-review-cart-totals, #olegnax-osc-area #olegnax-osc-gift-card, #olegnax-osc-area #olegnax-osc-order-review-referafriend-wrapper { position: relative;} #olegnax-osc-area #olegnax-osc-place-order .olegnax-osc-place-order-please-wait { display: block; position: relative; margin-top: 5px; float: none; text-align: center; z-index: 5;} #olegnax-osc-area #olegnax-osc-place-order .olegnax-osc-place-order-please-wait img { width: 15px; height: 15px; position: relative; top: 3px; display: inline-block;} #olegnax-osc-area .olegnax-osc-background { display: block; position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-color: #fff; } #olegnax-osc-area #olegnax-osc-order-review-cart-totals .olegnax-osc-background { background-color: #f7f7f7;} #olegnax-osc-area #acp-overlay { z-index: 995;} #olegnax-osc-area .olegnax-osc-background:before, #olegnax-osc-area .olegnax-osc-loader:before { background-image: url('../images/ajax-loader.png'); background-size: 37px 31px;} /* Overlay animation */ #olegnax-osc-area .olegnax-osc-background:before { display: block; position: absolute; content: ''; width: 37px; height: 31px; left: 0; right: 0; top: 50%; margin: -15px auto 0; -webkit-animation: spin 1000ms linear infinite; -moz-animation: spin 1000ms linear infinite; animation: spin 1000ms linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } } #olegnax-osc-order-review-enterprise-giftcard-wrap .olegnax-osc-background, #olegnax-osc-order-review-enterprise-storecredit-wrap .olegnax-osc-background, #olegnax-osc-order-review-enterprise-points-wrap .olegnax-osc-background {display: none;} /* Timer styles */ #olegnax-osc-area .olegnax-osc-timer { display: none; overflow: hidden; padding: 20px 0; } #olegnax-osc-area .olegnax-osc-timer-title { text-align:center;padding-top:20px;} #olegnax-osc-area .olegnax-osc-timer-title h1 span { font-weight: bold;} #olegnax-osc-area .olegnax-osc-timer-description { text-align:center;} #olegnax-osc-area .olegnax-osc-timer-actions {text-align: center;} #olegnax-osc-area .olegnax-osc-timer-actions:after { content: ''; clear: both; display: table;} #olegnax-osc-area .olegnax-osc-timer-actions div {display: inline-block; padding-top: 10px;} #olegnax-osc-area .olegnax-osc-timer-actions a {padding: 0 10px;} /* ============================================================================= MESSAGES ================================================================================ */ #olegnax-osc-area .messages { margin-bottom: 10px;} #olegnax-osc-area .messages, #olegnax-osc-area .messages ul {padding: 0 !important;} #olegnax-osc-area .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; } #olegnax-osc-area .messages li li:before { top: 50%; left: 0; margin-top: -6px; content: ''; position: absolute; width: 0; height: 0; display: block;} #olegnax-osc-area .messages .error-msg li { border-left: 5px solid red;} #olegnax-osc-area .messages .error-msg li:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid red; border-right: none; } #olegnax-osc-area .messages .notice-msg li { border-left: 5px solid #e26703;} #olegnax-osc-area .messages .notice-msg li:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e26703; border-right: none; } #olegnax-osc-area .messages .success-msg li { border-left: 5px solid #11b400;} #olegnax-osc-area .messages .success-msg li:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11b400; border-right: none; } #olegnax-osc-area.skin ul.messages { position: relative; letter-spacing: 0 !important; background-color: #F7F7F7; min-height: inherit;} #olegnax-osc-area.skin-clean-default ul.messages > li:before {background: none;} #olegnax-osc-area.skin ul.messages ul {display: block;} #olegnax-osc-area.skin ul.messages ul li { line-height: 1.3; background: transparent; margin-bottom: 0;} #olegnax-osc-area .olegnax-osc-error-msg { position: relative; margin-bottom: 10px; padding: 7px 10px 7px 20px; background: #f4f4f4; line-height: 1.3; border-left: 5px solid red; } #olegnax-osc-area .olegnax-osc-error-msg:before { top: 50%; left: 0; margin-top: -6px; content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid red; border-right: none; } /* PayPal Pro Hosted Warning message */ #olegnax-osc-area .warning-message { color: #ff4800; background-color: #f4f4f4; padding: 22px 20px 22px 25px; } /* ============================================================================= CAROUSEL ================================================================================ */ #olegnax-osc-area #olegnax-osc-related-wrapper { position: relative; padding: 0 15px; border-top: 1px solid #e7e7e7; padding: 0; margin: 0 15px; } #olegnax-osc-area #olegnax-osc-related-block {padding: 0 15px;} #olegnax-osc-area #olegnax-osc-related #olegnax-osc-related-block { padding: 18px 0 0;} #olegnax-osc-area #olegnax-osc-related #olegnax-osc-related-block > h2 { font-size: 17px; font-weight: 600; color: #000; padding-bottom: 20px; } #olegnax-osc-area #olegnax-osc-related .product-image { position: relative; display: table; border: 1px solid #e7e7e7; line-height: 0; margin: 0 auto; padding: 0; background: none;} #olegnax-osc-area #olegnax-osc-related .product-image img {max-width: 100%; height: auto; display: inline-block; } #olegnax-osc-area #olegnax-osc-related .product-image:hover {border-color: #3399cc;} #olegnax-osc-area #olegnax-osc-related .product-image:hover img {background: none;} #olegnax-osc-area #olegnax-osc-related .product-details {padding-top: 10px;} #olegnax-osc-area #olegnax-osc-related .product-details h3.product-name {padding-bottom: 6px;} #olegnax-osc-area #olegnax-osc-related .product-details h3.product-name a {color: #7b7b7b;} #olegnax-osc-area #olegnax-osc-related .product-details h3.product-name a:hover {color: #3399cc;} #olegnax-osc-area #olegnax-osc-related .price-box {padding-bottom: 8px; display: block;} #olegnax-osc-area #olegnax-osc-related button.button {padding: 0 14px;} #olegnax-osc-area #olegnax-osc-related ul.add-to-links {padding-top: 7px; width: auto;} #olegnax-osc-area #olegnax-osc-related ul.add-to-links .separator {display: none;} #olegnax-osc-area #olegnax-osc-related ul.add-to-links li {padding: 2px 5px 0;display: inline-block;} /* Product Grid Layout styles ------------------------------------------------------------------------------*/ #olegnax-osc-area .products-grid { position: relative;} #olegnax-osc-area .products-grid:after { content: ''; display: table; clear: both;} #olegnax-osc-area .products-grid > li { position: relative; margin-bottom: 20px; text-align: center; } #olegnax-osc-area .products-grid > li:after {content: ''; display: table; clear: both;} #olegnax-osc-area .products-grid-6-col > li { float: left; padding: 0 15px 15px; text-align: center; width: 16.6666%; } #olegnax-osc-area .products-grid-6-col > li:nth-child(6n+1) { clear: left;} #olegnax-osc-area .products-grid-6-col > li:after {content: ''; display: table; clear: both;} @media only screen and (min-width: 480px) { #olegnax-osc-area .products-grid-6-col {margin: 0 -15px;} } @media only screen and (max-width: 1024px) { #olegnax-osc-area .products-grid-6-col > li { width: 20%;} #olegnax-osc-area .products-grid-6-col > li:nth-child(6n+1) { clear: none;} #olegnax-osc-area .products-grid-6-col > li:nth-child(5n+1) { clear: left;} } @media only screen and (max-width: 768px) { #olegnax-osc-area .products-grid-6-col > li { width: 25%;} #olegnax-osc-area .products-grid-6-col > li:nth-child(5n+1) { clear: none;} #olegnax-osc-area .products-grid-6-col > li:nth-child(4n+1) { clear: left;} } @media only screen and (max-width: 600px) { #olegnax-osc-area .products-grid-6-col > li { width: 33.333%;} #olegnax-osc-area .products-grid-6-col > li:nth-child(4n+1) { clear: none;} #olegnax-osc-area .products-grid-6-col > li:nth-child(3n+1) { clear: left;} } @media only screen and (max-width: 479px) { #olegnax-osc-area #olegnax-osc-related #olegnax-osc-related-block > h2 {padding-left: 15px;padding-right: 15px;} #olegnax-osc-area .products-grid-6-col > li { width: 50%;} #olegnax-osc-area .products-grid-6-col > li:nth-child(3n+1) { clear: none;} #olegnax-osc-area .products-grid-6-col > li:nth-child(2n+1) { clear: left;} } /* ============================================================================= ANIMATION ================================================================================ */ #olegnax-osc-area a { transition: all 200ms ease-in-out 0s;} #olegnax-osc-area button, #olegnax-osc-area .login-button { transition: all 300ms ease-in-out 0s;} /* ============================================================================= RETINA ================================================================================ */ @media only screen and ( -webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 1.5) { #olegnax-osc-area .login-button span:before, #olegnax-osc-area .login-button span:after, #olegnax-osc-area .olegnax-osc-icon:before, #olegnax-osc-area .qty-wrapper button.adjust-qty, #olegnax-osc-area .btn-remove2, #olegnax-osc-area .olegnax-osc-btn-close, #olegnax-osc-area input.radio + label:after, #olegnax-osc-area input.checkbox + label:after { background-image: url(../images/retina/sprite_retina@2x.png);} #olegnax-osc-area select { background-image:url(../images/retina/select-arrow@2x.png); } #olegnax-osc-area .olegnax-osc-background:before, #olegnax-osc-area .olegnax-osc-loader:before { background-image: url(../images/retina/ajax-loader@2x.png); } #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button span.olegnax-osc-place-order-processing:before { background-image: url(../images/retina/ajax-loader-2@2x.png); } #olegnax-osc-area span.olegnax-osc-place-order-processing:before, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button:hover span.olegnax-osc-place-order-processing:before { background-image: url(../images/retina/ajax-loader-2-invers@2x.png); } #olegnax-osc-area.skin-retro-modern .olegnax-osc-error-msg:before, #olegnax-osc-area.skin-athlete .olegnax-osc-error-msg:before, #olegnax-osc-area.skin-retro-modern ul.messages li.error-msg:before, #olegnax-osc-area.skin-athlete ul.messages li.error-msg:before { background-image:url(../images/retina/notice/i_msg-error@2x.png);} #olegnax-osc-area.skin-retro-modern ul.messages li.success-msg:before, #olegnax-osc-area.skin-athlete ul.messages li.success-msg:before { background-image:url(../images/retina/notice/i_msg-success@2x.png);} #olegnax-osc-area.skin-retro-modern ul.messages li.note-msg:before, #olegnax-osc-area.skin-athlete ul.messages li.note-msg:before { background-image:url(../images/retina/notice/i_msg-note@2x.png);} #olegnax-osc-area.skin-retro-modern ul.messages li.notice-msg:before, #olegnax-osc-area.skin-athlete ul.messages li.notice-msg:before { background-image:url(../images/retina/notice/i_msg-notice@2x.png);} } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @ SKIN: C o m p a c t //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ============================================================================= GENERAL ================================================================================ */ #olegnax-osc-area.skin-compact, #olegnax-osc-area.skin-compact label, #olegnax-osc-area.skin-compact button.button, #olegnax-osc-area.skin-compact input, #olegnax-osc-area.skin-compact select, #olegnax-osc-area.skin-compact textarea, #olegnax-osc-area.skin-compact label.required:after, #olegnax-osc-area.skin-compact span.required:after, #olegnax-osc-area.skin-compact table, #olegnax-osc-area.skin-compact dl, #olegnax-osc-area.skin-compact .price, #olegnax-osc-area.skin-compact ul.messages ul li { font-size: 12px; } /* Fonts */ /* PRODUCTS */ #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table h3.product-name {} /* Sprite Image */ /* Links */ #olegnax-osc-area.skin-compact a { color: #3399cc; text-decoration: none;} #olegnax-osc-area.skin-compact a:hover { color: #000;} #olegnax-osc-area.skin-compact h1 a, #olegnax-osc-area.skin-compact h2 a, #olegnax-osc-area.skin-compact h3 a {color: #000;} #olegnax-osc-area.skin-compact h1 a:hover, #olegnax-osc-area.skin-compact h2 a:hover, #olegnax-osc-area.skin-compact h3 a:hover {color: #3399cc;} /* Hadings -------------------------------------------------------------------------------- */ /* Main title */ #olegnax-osc-area.skin-compact .olegnax-osc-top:after {content: ''; clear: both; display: table;} #olegnax-osc-area.skin-compact .olegnax-osc-page-title {padding: 0 15px;} #olegnax-osc-area.skin-compact .olegnax-osc-page-title h2 { margin: 0 0 0px; color: #3e3e3e; font-size: 31px; font-weight: 300; text-transform: inherit; letter-spacing: -2px; vertical-align: middle; display: table-cell; white-space: nowrap; word-break: break-all; } /* Description */ #olegnax-osc-area.skin-compact .olegnax-osc-description { color: #414141; padding: 1px 0 0px 41px; font-size: 15px; vertical-align: middle; display: table-cell; word-break: break-word; } /* NUMBERS Title and Styles */ #olegnax-osc-area.skin-compact .olegnax-osc-block-wrap .olegnax-osc-icon { padding: 10px 15px 12px 47px; } #olegnax-osc-area.skin-compact .olegnax-osc-icon:before {} #olegnax-osc-area.skin-compact div.olegnax-osc-title-icon-right .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 15px; padding-right: 47px;} #olegnax-osc-area.skin-compact div.olegnax-osc-title-center .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 47px; padding-right: 47px;} #olegnax-osc-area.skin-compact div.olegnax-osc-title-icon-right .olegnax-osc-block-wrap .olegnax-osc-icon, #olegnax-osc-area.skin-compact div.olegnax-osc-title-icon-disabled .olegnax-osc-icon { padding-left: 15px; padding-right: 15px;} /* Billing Address, Shipping Address */ #olegnax-osc-area.skin-compact #olegnax-osc-address-billing .olegnax-osc-icon:before, #olegnax-osc-area.skin-compact #olegnax-osc-address-shipping .olegnax-osc-icon:before { background-position: 0 0;} /* Shipping Method */ #olegnax-osc-area.skin-compact #olegnax-osc-shipping-method .olegnax-osc-icon:before { background-position: -60px 0px;} /* Payment Method */ #olegnax-osc-area.skin-compact #olegnax-osc-payment-method .olegnax-osc-icon:before { background-position: -20px 0px;} /* Order Review */ #olegnax-osc-area.skin-compact #olegnax-osc-order-review .olegnax-osc-icon:before { background-position: -40px 0px;} /* Gift */ #olegnax-osc-area.skin-compact #olegnax-osc-gift-card .olegnax-osc-icon:before { background-position: -80px 0px;} /* Forms -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact input.input-text, #olegnax-osc-area.skin-compact select, #olegnax-osc-area.skin-compact textarea { padding: 3px 6px; font-size: 12px; } #olegnax-osc-area.skin-compact input.input-text { height: 26px; line-height: 26px;} #olegnax-osc-area.skin-compact select { height: 26px; } #olegnax-osc-area.skin-compact textarea { padding: 5px 6px; -webkit-appearance: none;} #olegnax-osc-area.skin-compact textarea#comments { height: 53px;} /* Radio / Checkbox */ /* Button color styles */ #olegnax-osc-area.skin-compact button.button, #olegnax-osc-area.skin-compact .login-button, #olegnax-osc-area.skin-compact #olegnax-osc-place-order-button { color: #fff; background-color: #3399cc; } #olegnax-osc-area.skin-compact button.button { text-transform: capitalize; text-align: center; padding: 2px 10px; height: 26px;} #olegnax-osc-area.skin-compact .login-button { color: #3399cc; background-position: -100px 0; background-color: transparent; white-space: nowrap; } /* Layouts -------------------------------------------------------------------------------- */ /* Block wrappers */ #olegnax-osc-area.skin-compact .olegnax-osc-block-wrap { margin: 0 0px 20px;} #olegnax-osc-area.skin-compact .olegnax-osc-block-content { padding: 15px 15px 14px;} #olegnax-osc-area.skin-compact .olegnax-osc-page-title, #olegnax-osc-area.skin-compact .olegnax-osc-login-block { padding: 0 15px 22px; display: table-cell; vertical-align: middle; float: none;} #olegnax-osc-area.skin-compact .olegnax-osc-page-title { width: 100%;} /* ============================================================================= COLORS ================================================================================ */ /* Buttons background hover */ #olegnax-osc-area.skin-compact .olegnax-osc-btn-close:hover, #olegnax-osc-area.skin-compact button.button:hover, #olegnax-osc-area.skin-compact .btn-remove2:hover { background-color: #515151;} #olegnax-osc-area.skin-compact .login-button:hover { color: #fff; background-color: #3399cc;} #olegnax-osc-area.skin-compact .login-button:hover:before { background-position: -100px -20px;} #olegnax-osc-area.skin-compact .qty-wrapper button.adjust-qty:hover { background-color: #515151;} #olegnax-osc-area.skin-compact #olegnax-osc-place-order-button:hover { background-color: #7db73e;} /* ============================================================================= CONTENT BLOCKS ================================================================================ */ /* GENERAL FORM FIELD -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact .form-list .control {margin: 0 0 0;} #olegnax-osc-area.skin-compact .input-box { padding-top: 2px;} #olegnax-osc-area.skin-compact .input-box-2 { padding-top: 6px;} #olegnax-osc-area.skin-compact .olegnax-osc-block-form-field { padding-top:14px;} #olegnax-osc-area.skin-compact .olegnax-osc-block-form-field:first-child { padding-top: 0;} #olegnax-osc-area.skin-compact .customer-name .field { margin: 5px 0 0;} #olegnax-osc-area.skin-compact .customer-name {margin-top: -9px;} #olegnax-osc-area.skin-compact .customer-name .field {margin-top: 14px;} /* BILLING / SHIPPING ADDRESS FORM -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact #olegnax-osc-billing-password-area { padding: 13px 0 4px;} #olegnax-osc-area.skin-compact #olegnax-osc-billing-password-area .olegnax-osc-block-form-field {padding-top: 0;} #olegnax-osc-area.skin-compact #olegnax-osc-billing-use-for-shipping { border-top: 1px solid #e7e7e7; padding-top: 16px; } #olegnax-osc-area.skin-compact #olegnax-osc-billing-address-list + .olegnax-osc-block-form-field {padding-top: 15px;} #olegnax-osc-area.skin-compact #olegnax-osc-billing-password-area + .olegnax-osc-block-form-field {margin-top: 11px;} #olegnax-osc-area.skin-compact .dob-month, #olegnax-osc-area.skin-compact .dob-day, #olegnax-osc-area.skin-compact .dob-year { margin-right: 10px;} #olegnax-osc-area.skin-compact .dob-month input.input-text, #olegnax-osc-area.skin-compact .dob-day input.input-text, #olegnax-osc-area.skin-compact .dob-year input.input-text { margin-bottom: 3px;} /* SHIPPING / PAYMENT METHOD -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact dl.sp-methods { margin: 0; padding: 6px 0 0;} #olegnax-osc-area.skin-compact dl.sp-methods dt { font-weight: normal; margin: 10px 0px 0px 0px; padding: 11px 0px 0px 0px; border-top: 1px solid #e7e7e7; } #olegnax-osc-area.skin-compact dl.sp-methods dt:first-child {border-top: 0;padding-top: 0; margin-top: 0;} #olegnax-osc-area.skin-compact dl.sp-methods dt:last-child {padding-bottom: 0;} #olegnax-osc-area.skin-compact dl.sp-methods dd {} #olegnax-osc-area.skin-compact dl.sp-methods ul { padding: 5px 0 0; width: 100%;} #olegnax-osc-area.skin-compact dl.sp-methods ul li {margin-bottom: 14px;} #olegnax-osc-area.skin-compact dl.sp-methods ul li:last-child {margin-bottom: 0;} #olegnax-osc-area.skin-compact dl.sp-methods label.required em { float: right; font-style: normal; position: relative; right: -4px; margin-right: 0; } #olegnax-osc-area.skin-compact dl.sp-methods ul li .input-box {padding-bottom: 0;} #olegnax-osc-area.skin-compact .v-fix { padding-right: 10px;} #olegnax-osc-area.skin-compact .v-fix:last-child { padding-right: 0;} #olegnax-osc-area.skin-compact .cvv-what-is-this {line-height: 25px; font-size: 12px; margin-left: 5px;} /* SHIPPING */ #olegnax-osc-area.skin-compact #olegnax-osc-shipping-method dl.sp-methods dt {padding-bottom: 5px;} #olegnax-osc-area.skin-compact #olegnax-osc-shipping-method dl.sp-methods ul {padding-top: 6px;} #olegnax-osc-area.skin-compact #olegnax-osc-shipping-method dl.sp-methods ul li {margin-bottom: 9px;} /* GIFT -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact #olegnax-osc-gift-card p.control, #olegnax-osc-area.skin-compact .inner-box h4 + p { padding-top: 7px;} #olegnax-osc-area.skin-compact .inner-box h4 { padding-top: 17px;} #olegnax-osc-area.skin-compact #olegnax-osc-gift-card .allow-gift-messages-for-order-container, #olegnax-osc-area.skin-compact #olegnax-osc-gift-card #allow-gift-messages-for-items-container { padding-top: 17px;} #olegnax-osc-area.skin-compact #olegnax-osc-gift-card #allow-gift-messages-for-items-container ol > li { padding-top: 22px; border-top: 1px solid #e7e7e7; margin-top: 22px; } #olegnax-osc-area.skin-compact #olegnax-osc-gift-card .product-img-box { display: block; margin: 0 auto; text-align: center; float: none; width: 100%;} #olegnax-osc-area.skin-compact #olegnax-osc-gift-card .product-img-box p.product-image {display: inline-block;} #olegnax-osc-area.skin-compact #olegnax-osc-gift-card .product-img-box p.number {padding: 7px 0 17px;} /* ORDER REVIEW -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact #olegnax-osc-order-review { padding-bottom: 0;} #olegnax-osc-area.skin-compact #olegnax-osc-order-review .olegnax-osc-block-content {position: relative;} #olegnax-osc-area.skin-compact #olegnax-osc-order-review + .olegnax-osc-total { margin-top: -20px;} #olegnax-osc-area.skin-compact .price { color: #252525;} #olegnax-osc-area.skin-compact .btn-remove2 { position: absolute; left: -27px; top: 50%; width: 21px; height: 21px; margin: -11px 7px 0 0; background-color: transparent; border-radius: 100%; background-position: -116px 6px; } #olegnax-osc-area.skin-compact .btn-remove2:hover { opacity: 1; background-position: -116px -14px;} /* Cart Table*/ #olegnax-osc-area.skin-compact .a-left { text-align: left;} #olegnax-osc-area.skin-compact .a-center { text-align: center;} #olegnax-osc-area.skin-compact .a-right { text-align: right;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table { width: 100%;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table thead th, #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table tbody td { border-bottom: 1px solid #e7e7e7; } #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table thead th:first-child { padding-left: 0;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table thead th:last-child, #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table tbody td:last-child { padding-right: 5px;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table thead th { padding: 4px 5px 13px; color: #545454;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table tbody td { padding: 15px 9px 14px; vertical-align: middle;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table tbody td:first-child { padding-left: 22px;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table thead th.btn-remove-hidden, #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} #olegnax-osc-area.skin-compact .product-name-wrap { position: relative;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table dl.item-options { margin-top: 4px; font-size: 12px;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table span.cart-price .price { font-size: 12px;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table .item-options dt { font-weight: normal;min-width: 40px;} #olegnax-osc-area.skin-compact table.olegnax-osc-cart-table .item-options dd { margin-bottom: 2px; padding: 0;} /* QTY */ #olegnax-osc-area.skin-compact .qty-wrapper { width: 70px;} #olegnax-osc-area.skin-compact .qty-wrapper input.qty-editable { display: block; background-color: #fff; width: 40px; height: 15px; font-size: 14px; margin: -3px 0 0 15px; border: 1px solid transparent; background-color: transparent; -webkit-appearance: none;} #olegnax-osc-area.skin-compact .qty-wrapper button.adjust-qty { display: block; width: 15px; height: 15px; background-color: #ececec; padding: 0; margin: -13px 0 0; font-size: 0; color: transparent;} #olegnax-osc-area.skin-compact .qty-wrapper button.adjust-qty-up { float: right; background-position: -135px 5px;} #olegnax-osc-area.skin-compact .qty-wrapper button.adjust-qty-down { float: left; background-position: -155px 7px;} #olegnax-osc-area.skin-compact .qty-wrapper button.adjust-qty-up:hover { background-position: -135px -15px;} #olegnax-osc-area.skin-compact .qty-wrapper button.adjust-qty-down:hover { background-position: -155px -13px;} /* Place Order */ #olegnax-osc-area.skin-compact .olegnax-osc-total { position: relative; margin-bottom: 30px; padding: 19px 20px 20px; background: #f7f7f7; } /* deletee this later */ #olegnax-osc-area.skin-compact span.olegnax-osc-place-order-grand-total { position: absolute; top: 8px; display: block; left: 0; right: 0; text-align: center; color: #000; } #olegnax-osc-area.skin-compact span.olegnax-osc-place-order-process {vertical-align: middle;} #olegnax-osc-area.skin-compact span.olegnax-osc-place-order-process img {display: inline-block;} /* Place Order Table Grand total */ #olegnax-osc-area.skin-compact #olegnax-osc-order-review-cart-totals { padding: 0 0 13px; } #olegnax-osc-area.skin-compact table.gtotals { width: 100%; text-align: left;} #olegnax-osc-area.skin-compact table.gtotals, #olegnax-osc-area.skin-compact table.gtotals tfoot tr td .price {} #olegnax-osc-area.skin-compact table.gtotals tfoot tr td { padding-bottom: 6px;} #olegnax-osc-area.skin-compact table.gtotals tfoot tr td:first-child { text-align: left !important;} #olegnax-osc-area.skin-compact table.gtotals tfoot tr:last-child td { padding-bottom: 0; vertical-align: top;} #olegnax-osc-area.skin-compact table.gtotals tfoot tr:last-child td strong { display: block; border-top: 1px solid #e3e0e0; padding: 11px 0 0; margin: 9px 0 0; } #olegnax-osc-area.skin-compact table.gtotals tfoot tr:last-child td strong, #olegnax-osc-area.skin-compact table.gtotals tfoot tr:last-child td strong .price { color: #000; font-size: 18px; font-weight: 600; font-family: "Open Sans", Arial, sans-serif; } #olegnax-osc-area.skin-compact table.gtotals tfoot tr:last-child td:first-child strong {padding-right: 10px;} #olegnax-osc-terms-of-conditions { text-align: left; padding-bottom: 11px; } #olegnax-osc-terms-of-conditions a {vertical-align: top;} /* REVIEW COUPON */ #olegnax-osc-area.skin-compact #olegnax-osc-review-coupon { padding-top: 15px;} #olegnax-osc-area.skin-compact #olegnax-osc-review-coupon button.button { float: right; margin-left: 5px;} /* COMMENTS/DDAN */ #olegnax-osc-area.skin-compact #olegnax-osc-review-comments .input-box { padding-top: 15px;} #olegnax-osc-area.skin-compact #olegnax-osc-review-newsletter-simple {padding-top: 16px;} #olegnax-osc-area.skin-compact #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-label, #olegnax-osc-area.skin-compact #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-amount, #olegnax-osc-area.skin-compact #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process { display: inline;} #olegnax-osc-area.skin-compact #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process img { width: 15px; height: 15px;} /* ============================================================================= CUSTOM ================================================================================ */ /* Loader -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-compact #olegnax-osc-place-order .olegnax-osc-place-order-please-wait { display: block; position: relative; margin-top: 5px; float: none; text-align: center; z-index: 5;} #olegnax-osc-area.skin-compact #olegnax-osc-place-order .olegnax-osc-place-order-please-wait img { width: 15px; height: 15px; position: relative; top: 3px; display: inline-block;} /* ============================================================================= MESSAGES ================================================================================ */ #olegnax-osc-area.skin-compact .messages { margin-bottom: 10px;} #olegnax-osc-area.skin-compact .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; } #olegnax-osc-area.skin-compact .messages li li:before { top: 50%; left: 0; margin-top: -6px; content: ''; position: absolute; width: 0; height: 0; display: block;} #olegnax-osc-area.skin-compact .messages .error-msg li { border-left: 5px solid red;} #olegnax-osc-area.skin-compact .messages .error-msg li:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid red; border-right: none; } #olegnax-osc-area.skin-compact .messages .notice-msg li { border-left: 5px solid #e26703;} #olegnax-osc-area.skin-compact .messages .notice-msg li:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #e26703; border-right: none; } #olegnax-osc-area.skin-compact .messages .success-msg li { border-left: 5px solid #11b400;} #olegnax-osc-area.skin-compact .messages .success-msg li:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11b400; border-right: none; } #olegnax-osc-area.skin-compact ul.messages > li:before {background: none;} /* ============================================================================= ANIMATION ================================================================================ */ #olegnax-osc-area.skin-compact a { transition: all 200ms ease-in-out 0s;} #olegnax-osc-area.skin-compact button, #olegnax-osc-area.skin-compact .login-button { transition: all 300ms ease-in-out 0s;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @ SKIN: R e t r o //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ============================================================================= GENERAL ================================================================================ */ #olegnax-osc-area.skin-retro-modern, #olegnax-osc-area.skin-retro-modern label, #olegnax-osc-area.skin-retro-modern button.button, #olegnax-osc-area.skin-retro-modern input, #olegnax-osc-area.skin-retro-modern select, #olegnax-osc-area.skin-retro-modern textarea, #olegnax-osc-area.skin-retro-modern label.required:after, #olegnax-osc-area.skin-retro-modern span.required:after, #olegnax-osc-area.skin-retro-modern table, #olegnax-osc-area.skin-retro-modern dl, #olegnax-osc-area.skin-retro-modern .price, #olegnax-osc-area.skin-retro-modern ul.messages ul li { line-height: 1.2; font-size: 13px; } #olegnax-osc-area.skin-retro-modern input, #olegnax-osc-area.skin-retro-modern select, #olegnax-osc-area.skin-retro-modern textarea { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #252525; outline: none; } /* FONTS */ #olegnax-osc-area.skin-retro-modern, #olegnax-osc-area.skin-retro-modern label, #olegnax-osc-area.skin-retro-modern button.button, #olegnax-osc-area.skin-retro-modern label.required:after, #olegnax-osc-area.skin-retro-modern span.required:after, #olegnax-osc-area.skin-retro-modern table, #olegnax-osc-area.skin-retro-modern dl, #olegnax-osc-area.skin-retro-modern .price { font-family: Georgia, 'Times New Roman', Times, serif; } /* Inputs Font */ #olegnax-osc-area.skin-retro-modern input.input-text, #olegnax-osc-area.skin-retro-modern select, #olegnax-osc-area.skin-retro-modern textarea { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* Links */ #olegnax-osc-area.skin-retro-modern a { color: #977549; text-decoration: none;} #olegnax-osc-area.skin-retro-modern a:hover { color: #000;} #olegnax-osc-area.skin-retro-modern h1 a, #olegnax-osc-area.skin-retro-modern h2 a, #olegnax-osc-area.skin-retro-modern h3 a {color: #000;} #olegnax-osc-area.skin-retro-modern h1 a:hover, #olegnax-osc-area.skin-retro-modern h2 a:hover, #olegnax-osc-area.skin-retro-modern h3 a:hover {color: #3399cc;} /* Hadings -------------------------------------------------------------------------------- */ /* Main title */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-top { background-color: #f6f6f6; margin: 0 15px 62px; padding: 36px 31px 34px 30px; min-height: 135px; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-top:after {content: ''; clear: both; display: table;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-page-title {padding: 0 15px;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-page-title h2 { margin: 0 0 0px; color: #000; font-size: 30px; font-weight: bold; text-transform: uppercase; line-height: .97; padding: 3px 0 4px; } /* Description */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-description { padding: 4px 0 0px 0px; color: #000; font-size: 16px; } /* NUMBERS Title and Styles */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-icon { padding-top: 20px; padding-bottom: 19px; text-transform: uppercase;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-icon:before {} /* Billing Address, Shipping Address */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-address-billing .olegnax-osc-icon:before, #olegnax-osc-area.skin-retro-modern #olegnax-osc-address-shipping .olegnax-osc-icon:before { background-position: 0 -40px; } /* Shipping Method */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-shipping-method .olegnax-osc-icon:before { background-position: -60px -40px;} /* Payment Method */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-payment-method .olegnax-osc-icon:before { background-position: -20px -40px;} /* Order Review */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-order-review .olegnax-osc-icon:before { background-position: -40px -40px;} /* Gift */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card .olegnax-osc-icon:before { background-position: -80px -40px;} /* Forms -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern .overflow-wide {overflow: hidden;} #olegnax-osc-area.skin-retro-modern input.input-text, #olegnax-osc-area.skin-retro-modern select, #olegnax-osc-area.skin-retro-modern textarea { width: 100%; border: 2px solid #d9d9d9; color: #545454; font-size: 13px; padding: 4px 8px; line-height: 100%; font-size: 13px; background-color: #fff; } #olegnax-osc-area.skin-retro-modern textarea { padding: 7px 10px; line-height: 1.2; -webkit-appearance: none;} #olegnax-osc-area.skin-retro-modern label { max-width: inherit; min-width: inherit; padding: 0; margin: 0; background-color: transparent; font-weight: normal; display: inline; } #olegnax-osc-area.skin-retro-modern label span {vertical-align: top;} #olegnax-osc-area.skin-retro-modern input.input-text { height: 35px;} #olegnax-osc-area.skin-retro-modern select { height: 35px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/select-arrow.png) no-repeat right 9px top 50%; padding-right: 21px; background-size: 10px 7px; cursor: pointer; line-height: 1.1; } @-moz-document url-prefix() { #olegnax-osc-area.skin-retro-modern select {background-image: none;} } #olegnax-osc-area.skin-retro-modern .form-list select { margin-top: 0;} #olegnax-osc-area.skin-retro-modern textarea#comments { height: 77px;} #olegnax-osc-area.skin-retro-modern .gift-messages-form textarea {width: 100%; height: 84px;} /* Radio / Checkbox position */ #olegnax-osc-area.skin-retro-modern input.checkbox, #olegnax-osc-area.skin-retro-modern input.radio { margin: 2px 10px 0 0;} /* Radio / Checkbox */ #olegnax-osc-area.skin-retro-modern input.radio, #olegnax-osc-area.skin-retro-modern input.checkbox {display: none;} #olegnax-osc-area.skin-retro-modern input.radio + label, #olegnax-osc-area.skin-retro-modern input.checkbox + label { position: relative !important; cursor: pointer; display: block; } #olegnax-osc-area.skin-retro-modern input.radio + label { padding-left: 25px;} #olegnax-osc-area.skin-retro-modern input.checkbox + label { padding-left: 27px;} #olegnax-osc-area.skin-retro-modern input.radio + label:before, #olegnax-osc-area.skin-retro-modern input.checkbox + label:before { content: ''; position: absolute; left: 0; width: 15px; height: 15px; border: 2px solid #d9d9d9; background-color: #fff; } #olegnax-osc-area.skin-retro-modern input.radio + label:before { top: 50%; margin-top: -8px;border-radius: 100%;} #olegnax-osc-area.skin-retro-modern input.checkbox + label:before { top: 0; } #olegnax-osc-area.skin-retro-modern input.radio + label img, #olegnax-osc-area.skin-retro-modern input.radio + label a { vertical-align: middle;display: inline-block;float: none;} #olegnax-osc-area.skin-retro-modern input.radio:checked + label:after { content: ''; position: absolute; left: 4px; top: 50%; margin-top: -4px; width: 7px; height: 7px; background-position: -100px -60px; } #olegnax-osc-area.skin-retro-modern input.checkbox:checked + label:after { content: ''; position: absolute; left: 2px; top: 3px; width: 11px; height: 9px; background-position: -120px -60px; } #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform input.input-text::-webkit-input-placeholder, #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform textarea::-webkit-input-placeholder { color: #737373;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform input.input-text:-moz-placeholder, #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform textarea:-moz-placeholder { color: #737373; /* Firefox 18- */} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform input.input-text::-moz-placeholder, #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform textarea::-moz-placeholder { color: #737373; /* Firefox 19+ */} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform input.input-text:-ms-input-placeholder, #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform textarea:-ms-input-placeholder { color: #737373;} /* Button color styles */ #olegnax-osc-area.skin-retro-modern button.button { color: #fff;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order-button { color: #fff; background-color: #c2a47d; border-color: transparent; } #olegnax-osc-area.skin-retro-modern button.button { text-transform: capitalize; text-align: center; padding: 2px 11px 4px; height: 35px;} /* Button Place Order */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order-button { display: block; width: 100%; min-height: 53px; padding: 6px 10px 6px; text-decoration: none; border: none; cursor: pointer; z-index: 6; font-size: 18px; text-transform: uppercase; text-align: center; } /* Layouts -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern { position: relative;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block { padding: 0px 0; margin: 0 -15px; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-block:after {content: '';display: table;clear: both;} /* Block wrappers */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-col { float: left; padding: 0 15px; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-wrap { margin: 0 0px 30px; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-icon { margin: 0 0px 0px; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-content { padding: 15px 15px 18px; } /* ============================================================================= COLORS ================================================================================ */ /* Buttons background hover */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-btn-close:hover, #olegnax-osc-area.skin-retro-modern .login-button:hover, #olegnax-osc-area.skin-retro-modern button.button:hover, #olegnax-osc-area.skin-retro-modern .btn-remove2:hover { background-color: #000; color: #fff;} #olegnax-osc-area.skin-retro-modern .qty-wrapper button.adjust-qty:hover { background-color: #c2a47d; border-color: transparent;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order-button:hover { background-color: #000;} /* ============================================================================= POPUPS ================================================================================ */ /* Popup shadow */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-popup-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1;} /* Popup Container */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-popup { position: fixed; z-index: 999;} /* Popup Header: */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-popup .olegnax-osc-icon { position: relative; margin: 0; padding: 37px 30px 5px 40px; background-color: #fff;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-popup .olegnax-osc-icon:before { display: none;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-btn-close { position: absolute; right: 25px; top: 50%; width: 21px; height: 21px; margin: -10px 0 0 0; background-color: transparent; background-position: -175px 5px; border-radius: 100%; font-size: 0; color: transparent; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-btn-close:hover { background-position: -175px -15px;} /* Popup Content */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-indent { padding: 26px 30px 30px; background-color: #fff;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-popup-title {position: relative;} /* Terms of Conditions Popup -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms ol li { padding-bottom: 20px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup { width: 606px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup-content {height: 100% !important;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup .olegnax-osc-popup .olegnax-osc-icon { padding: 37px 30px 11px 40px; text-align: left;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup .olegnax-osc-icon-term:before { background-position: 0px -80px; margin: 0 15px 0 0; top: 0px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup .olegnax-osc-btn-close {right: 34px; top: 45px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup .olegnax-osc-indent {height: 445px; padding: 31px 36px 35px 39px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup .olegnax-osc-popup-content { height: 100%; overflow-y: auto; padding-right: 20px; word-break: break-word; } /* Number list styles */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup ol.nested { counter-reset: item;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup li.nested { display: block; padding-bottom: 18px; line-height: 1.4;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup li.nested:before { content: counters(item, ".") ". "; counter-increment: item;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup ol.nested li.nested:before, #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup li.nested strong { color: #252525;font-weight: bold;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup li.nested li.nested { font-weight: normal;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup li.nested li.nested:before {font-weight: normal; color: #7b7b7b;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup ol.nested ol.nested {padding-top: 18px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup ol.nested > li:last-child, #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-terms-popup ol.nested ol.nested li:last-child {padding-bottom: 0;} /* Login Form Popup -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-login-block { padding-top: 10px; text-align: center;} #olegnax-osc-area.skin-retro-modern .login-button { position: relative; min-height: 43px; float: right; padding: 13px 17px 10px 43px; font-size: 14px; cursor: pointer; } #olegnax-osc-area.skin-retro-modern .login-button span:before { content: ''; position: absolute; left: 14px; top: 50%; margin-top: -8px; width: 13px; height: 14px; } #olegnax-osc-area.skin-retro-modern .login-button:hover:before {background-position: -100px -20px;} /* Login Form Content */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform { display: none; position: fixed; z-index: 5000; text-align: left;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform-container { width: 380px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-icon-login { padding: 36px 40px 0px 40px; text-align: center; background: #fff; font-weight: 600;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-icon-login:before { display: none;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-btn-close { top: 46px; right: 43px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-btn-close { border-radius: 100%; background-position: -175px -35px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-btn-close:hover { background-position: -175px -15px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-indent { padding: 31px 40px 35px; background-color: #fff;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .input-box {padding: 0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-auth-form-block { padding-bottom: 7px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .olegnax-osc-auth-form-block:last-child { padding-bottom: 0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform button.button { width: 100%; height: 40px; font-size: 14px; margin: 12px 0 8px;border-color: transparent; color: #fff; background: #c2a47d;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform button.button:hover { background-color: #000;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a#olegnax-osc-login-forgot-link, #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a.olegnax-osc-forgot-password-back { font-size: 14px; display: block; padding: 0px 0 0px; text-align: center;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a#olegnax-osc-login-forgot-link { color: #737373;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a.olegnax-osc-forgot-password-back { color: #000; border-top: 1px solid #e0e0e0; margin-top: 30px; padding-top: 24px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a.olegnax-osc-forgot-password-back:before { content: '\2190'; padding-right: 10px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a#olegnax-osc-login-forgot-link:hover, #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform a.olegnax-osc-forgot-password-back:hover { color: #c2a47d;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform p { margin:0 0 20px; padding:0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .validation-advice { } #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-login-forgot-link { cursor: pointer;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-login-form-block-fbi { position: absolute; right: 0; padding-top: 17px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform label {display: none;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .form-list .input-box { float: none;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform .form-list .input-box input { float: none; height: 38px; text-align: center;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field label { width: auto; padding: 0;} /* Password Block */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-forgot-password-form .olegnax-osc-icon { text-align: left; padding: 36px 88px 0px 40px; line-height: 1.25; word-break:inherit;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-forgot-password-form .olegnax-osc-btn-close {} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-forgot-password-form .olegnax-osc-indent { padding: 21px 40px 35px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-forgot-password-form p { margin: 0px 0 19px; line-height: 1.3; font-size: 14px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-forgot-password-form .olegnax-osc-auth-form-block {padding-bottom: 0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-loginform #olegnax-osc-forgot-password-form button { margin: 9px 0 0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-login-forgot-link { cursor: pointer;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-login-form-block-fbi { position: absolute; right: 0; padding-top: 17px;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field label { width: auto; padding: 0 0 0 1px;} #olegnax-osc-area.skin-retro-modern .field label {padding-left: 1px;} /* ============================================================================= CONTENT BLOCKS ================================================================================ */ /* GENERAL FORM FIELD -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern .form-list .control {margin: 0 0 0;} #olegnax-osc-area.skin-retro-modern .input-box { padding-top: 6px;} #olegnax-osc-area.skin-retro-modern .input-box img {display: inherit;vertical-align: middle;} #olegnax-osc-area.skin-retro-modern .input-box-2 { padding-top: 10px;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field { padding-top:18px;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field:first-child { padding-top: 0;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field-left, #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field-right { float: left; width: 50%;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field-left { padding-right: 10px;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-block-form-field-right { padding-left: 10px;} #olegnax-osc-area.skin-retro-modern .form-list .field { float: left; width: 50%;} #olegnax-osc-area.skin-retro-modern .form-list .field:nth-child(odd) { padding-right: 10px; clear: both;} #olegnax-osc-area.skin-retro-modern .form-list .field:nth-child(even) { padding-left: 10px;} #olegnax-osc-area.skin-retro-modern .customer-name .field { margin: 10px 0 0;} #olegnax-osc-area.skin-retro-modern .customer-name {margin-top: -8px;} #olegnax-osc-area.skin-retro-modern .customer-name .field {margin-top: 17px;} /* For radio / checkbox label */ #olegnax-osc-area.skin-retro-modern .form-list .control label { float: none;} /* Required*/ #olegnax-osc-area.skin-retro-modern label.required:after, #olegnax-osc-area.skin-retro-modern span.required:after, #olegnax-osc-area.skin-retro-modern p.required, #olegnax-osc-area.skin-retro-modern .validation-advice, #olegnax-osc-area.skin-retro-modern label.required em { color: #ff4800; } #olegnax-osc-area.skin-retro-modern input.validation-failed, #olegnax-osc-area.skin-retro-modern input.validation-failed + label:before, #olegnax-osc-area.skin-retro-modern select.validation-failed, #olegnax-osc-area.skin-retro-modern textarea.validation-failed { border-width: 2px; border-color: #ff4e00 !important;} #olegnax-osc-area.skin-retro-modern .form-list label.required em { position: relative; right: -4px; float: right; margin-right: 0; font-style: normal;} #olegnax-osc-area.skin-retro-modern .validation-advice { margin: 5px 0 0;} #olegnax-osc-area.skin-retro-modern input.cvv + .validation-advice {position: absolute;} #olegnax-osc-area.skin-retro-modern p.required {margin: 18px 0 10px;} /* BILLING / SHIPPING ADDRESS FORM -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-billing-password-area { padding: 17px 0 4px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-billing-password-area .olegnax-osc-block-form-field {padding-top: 0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-billing-use-for-shipping { border-top: 1px solid #e7e7e7; padding-top: 17px; } #olegnax-osc-area.skin-retro-modern #olegnax-osc-billing-address-list + .olegnax-osc-block-form-field {padding-top: 21px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-billing-password-area + .olegnax-osc-block-form-field {margin-top: 16px;} #olegnax-osc-area.skin-retro-modern .dob-month, #olegnax-osc-area.skin-retro-modern .dob-day, #olegnax-osc-area.skin-retro-modern .dob-year { margin-right: 10px;} #olegnax-osc-area.skin-retro-modern .dob-month input.input-text, #olegnax-osc-area.skin-retro-modern .dob-day input.input-text, #olegnax-osc-area.skin-retro-modern .dob-year input.input-text { margin-bottom: 3px;} /* SHIPPING / PAYMENT METHOD -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern dl.sp-methods { margin: 0; padding: 5px 0 0;} #olegnax-osc-area.skin-retro-modern dl.sp-methods dt { font-weight: normal; margin: 15px 0px 0px 0px; padding: 15px 0px 0px 0px; border-top: 1px solid #e7e7e7; } #olegnax-osc-area.skin-retro-modern dl.sp-methods dt:first-child {border-top: 0;padding-top: 0; margin-top: 0;} #olegnax-osc-area.skin-retro-modern dl.sp-methods dt:last-child {padding-bottom: 0;} #olegnax-osc-area.skin-retro-modern dl.sp-methods dd {} #olegnax-osc-area.skin-retro-modern dl.sp-methods ul { padding: 18px 0 0; width: 100%;} #olegnax-osc-area.skin-retro-modern dl.sp-methods ul li {margin-bottom: 18px;} #olegnax-osc-area.skin-retro-modern dl.sp-methods ul li:last-child {margin-bottom: 0;} #olegnax-osc-area.skin-retro-modern dl.sp-methods label.required em { float: right; font-style: normal; position: relative; right: -4px; margin-right: 0; } #olegnax-osc-area.skin-retro-modern dl.sp-methods ul li .input-box {padding-bottom: 0;} #olegnax-osc-area.skin-retro-modern .v-fix { padding-right: 10px;} #olegnax-osc-area.skin-retro-modern .v-fix:last-child { padding-right: 0;} #olegnax-osc-area.skin-retro-modern .cvv-what-is-this {line-height: 35px;} /* SHIPPING */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-shipping-method {} #olegnax-osc-area.skin-retro-modern #olegnax-osc-shipping-method dl.sp-methods dt {padding-bottom: 5px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-shipping-method dl.sp-methods ul {padding-top: 6px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-shipping-method dl.sp-methods ul li {margin-bottom: 9px;} /* PAYMENT */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-payment-method .olegnax-osc-block-content {padding-bottom: 24px;} /* GIFT -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card p.control, #olegnax-osc-area.skin-retro-modern .inner-box h4 + p { padding-top: 7px;} #olegnax-osc-area.skin-retro-modern .inner-box h4 { padding-top: 17px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card .allow-gift-messages-for-order-container, #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card #allow-gift-messages-for-items-container { padding-top: 17px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card #allow-gift-messages-for-items-container ol > li { padding-top: 22px; border-top: 1px solid #e7e7e7; margin-top: 22px; } #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card .product-img-box { display: block; margin: 0 auto; text-align: center; float: none; width: 100%;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card .product-img-box p.product-image {display: inline-block;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-gift-card .product-img-box p.number {padding: 7px 0 17px;} /* ORDER REVIEW -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-order-review { padding-bottom: 0;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-order-review .olegnax-osc-block-content {position: relative;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-order-review + .olegnax-osc-total { margin-top: -30px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-order-review .olegnax-osc-block-content { padding: 15px 15px 28px; } #olegnax-osc-area.skin-retro-modern .price { color: #252525;} #olegnax-osc-area.skin-retro-modern .btn-remove2 { position: absolute; left: -32px; top: 50%; width: 25px; height: 25px; margin: -13px 0px 0 0; border-radius: 100%; background-position: -114px 8px; } #olegnax-osc-area.skin-retro-modern .btn-remove2:hover { opacity: 1; background-position: -114px -12px; border-color: transparent; background-color: #c2a47d;} /* Cart Table*/ #olegnax-osc-area.skin-retro-modern .a-left { text-align: left;} #olegnax-osc-area.skin-retro-modern .a-center { text-align: center;} #olegnax-osc-area.skin-retro-modern .a-right { text-align: right;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table { width: 100%;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table thead th, #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table tbody td { border-bottom: 1px solid #e3e0e0; } #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table thead th { border-bottom-width: 4px;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table thead th:first-child { padding-left: 33px;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table thead th:last-child, #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table tbody td:last-child { padding-right: 0;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table thead th { padding: 4px 8px 14px; color: #202020;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table tbody td { padding: 19px 8px 20px; vertical-align: middle;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table tbody td:first-child { padding-left: 32px; padding-right: 5px;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table tbody tr:first-child td { padding-top: 23px;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table thead th.btn-remove-hidden, #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} #olegnax-osc-area.skin-retro-modern .product-name-wrap { position: relative;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table dl.item-options { margin-top: 10px; font-size: 12px;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table .item-options dt { font-weight: normal;min-width: 40px;} #olegnax-osc-area.skin-retro-modern table.olegnax-osc-cart-table .item-options dd { margin-bottom: 2px; padding: 0;} /* QTY */ #olegnax-osc-area.skin-retro-modern .qty-wrapper { width: 83px; margin-top: -5px;} #olegnax-osc-area.skin-retro-modern .qty-wrapper input.qty-editable { display: block; background-color: #fff; width: 41px; height: 21px; font-size: 16px; padding: 0 2px; margin: 0px 0 0 21px; border: 1px solid transparent; background-color: transparent; -webkit-appearance: none;} #olegnax-osc-area.skin-retro-modern .qty-wrapper button.adjust-qty { display: block; width: 21px; height: 21px; background-color: #fff; padding: 0; margin: -20px 0 0; font-size: 0; border-color: #e3e3e3; color: transparent;} #olegnax-osc-area.skin-retro-modern .qty-wrapper button.adjust-qty-up { float: right; background-position: -134px 6px;} #olegnax-osc-area.skin-retro-modern .qty-wrapper button.adjust-qty-down { float: left; background-position: -154px 8px;} #olegnax-osc-area.skin-retro-modern .qty-wrapper button.adjust-qty-up:hover { background-position: -134px -14px;} #olegnax-osc-area.skin-retro-modern .qty-wrapper button.adjust-qty-down:hover { background-position: -154px -12px;} /* Place Order */ #olegnax-osc-area.skin-retro-modern .olegnax-osc-total { position: relative; margin-bottom: 30px; padding: 28px 30px 30px; border: 6px solid #d5ba9c; } /* deletee this later */ #olegnax-osc-area.skin-retro-modern span.olegnax-osc-place-order-grand-total { position: absolute; top: 8px; display: block; left: 0; right: 0; text-align: center; color: #000; } #olegnax-osc-area.skin-retro-modern span.olegnax-osc-place-order-process {vertical-align: middle;} #olegnax-osc-area.skin-retro-modern span.olegnax-osc-place-order-process img {display: inline-block;} /* Place Order Table Grand total */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-order-review-cart-totals { padding: 0 0 28px; } #olegnax-osc-area.skin-retro-modern table.gtotals { width: 100%; text-align: left;} #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr td { padding-bottom: 6px;} #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr td:first-child { text-align: left !important;} #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr:last-child td { padding-bottom: 0; vertical-align: top;} #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr:last-child td strong { display: block; border-top: 1px solid #e3e0e0; padding: 16px 0 0; margin: 14px 0 0; } #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr:last-child td strong, #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr:last-child td strong .price { color: #000; font-size: 18px; font-weight: normal; text-transform: uppercase; } #olegnax-osc-area.skin-retro-modern table.gtotals tfoot tr:last-child td:first-child strong {padding-right: 10px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-terms-of-conditions { text-align: left; padding-bottom: 21px; } #olegnax-osc-area.skin-retro-modern #olegnax-osc-terms-of-conditions a {vertical-align: top;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-terms-of-conditions input.checkbox + label { padding-left: 29px; font-size: 14px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-terms-of-conditions input.checkbox + label:before { left: -1px; top: -1px; width: 18px; height: 18px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-terms-of-conditions input.checkbox:checked + label:after { left: 3px; top: 4px;} /* REVIEW COUPON */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-coupon { padding-top: 22px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-coupon button.button { float: right; margin-left: 10px; min-width: 109px;} /* COMMENTS/DDAN */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-comments .input-box { padding-top: 20px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-review-newsletter-simple {padding-top: 20px;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-label, #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-amount, #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process { display: inline;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process img { width: 15px; height: 15px;} /* ============================================================================= CUSTOM ================================================================================ */ /* Loader -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order .olegnax-osc-place-order-please-wait { display: block; position: relative; margin-top: 5px; float: none; text-align: center; z-index: 5;} #olegnax-osc-area.skin-retro-modern #olegnax-osc-place-order .olegnax-osc-place-order-please-wait img { width: 15px; height: 15px; position: relative; top: 3px; display: inline-block;} /* ============================================================================= MESSAGES ================================================================================ */ #olegnax-osc-area.skin-retro-modern .messages { margin-bottom: 10px;} #olegnax-osc-area.skin-retro-modern .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; } #olegnax-osc-area.skin-retro-modern ul.messages > li:before { content: ''; display: block; position: absolute; left: 22px; top: 25px; width: 31px; height: 31px; background-repeat: no-repeat; background-size: 31px 31px; } #olegnax-osc-area.skin-retro-modern ul.messages li.error-msg:before { background-image:url(../images/notice/i_msg-error.png); background-color: #ff3808;} #olegnax-osc-area.skin-retro-modern ul.messages li.success-msg:before { background-image:url(../images/notice/i_msg-success.png); background-color: #aacd3e;} #olegnax-osc-area.skin-retro-modern ul.messages li.note-msg:before { background-image:url(../images/notice/i_msg-note.png); background-color: #00b9d5;} #olegnax-osc-area.skin-retro-modern ul.messages li.notice-msg:before { background-image:url(../images/notice/i_msg-notice.png); background-color: #ffcb13;} #olegnax-osc-area.skin-retro-modern .messages li li:before { top: 50%; left: 0; margin-top: -6px;} #olegnax-osc-area.skin-retro-modern .messages .error-msg li { border-left:0;} #olegnax-osc-area.skin-retro-modern .messages .error-msg li:before {border: 0; } #olegnax-osc-area.skin-retro-modern .messages .notice-msg li { border-left: 0;} #olegnax-osc-area.skin-retro-modern .messages .notice-msg li:before { border: 0;} #olegnax-osc-area.skin-retro-modern .messages .success-msg li { border-left: 0;} #olegnax-osc-area.skin-retro-modern .messages .success-msg li:before {border: 0;} #olegnax-osc-area.skin-retro-modern ul.messages ul { display: table; height: 80px;} #olegnax-osc-area.skin-retro-modern ul.messages ul li { display: table-cell; vertical-align: middle; line-height: 1.3; padding: 25px 25px 25px 76px;} #olegnax-osc-area.skin-retro-modern .olegnax-osc-error-msg { margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; vertical-align: middle; line-height: 1.3; padding: 25px 25px 25px 76px; border-left:0; } #olegnax-osc-area.skin-retro-modern .olegnax-osc-error-msg:before { content: ''; display: block; position: absolute; left: 22px; top: inherit; margin-top: -6px; width: 31px; height: 31px; background:#ff3808 url(../images/notice/i_msg-error.png) no-repeat 0 0; background-size: 31px 31px; border: 0; } /* ============================================================================= ANIMATION ================================================================================ */ #olegnax-osc-area.skin-retro-modern a { transition: all 300ms ease-in-out 0s;} #olegnax-osc-area.skin-retro-modern a:hover {transition: all 10ms ease-in-out 0s;} #olegnax-osc-area.skin-retro-modern button, #olegnax-osc-area.skin-retro-modern .login-button { transition: all 400ms ease-in-out 0s;} #olegnax-osc-area.skin-retro-modern button:hover, #olegnax-osc-area.skin-retro-modern .login-button:hover { transition: all 80ms ease-in-out 0s;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// @ SKIN: A t h l e t e //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ============================================================================= GENERAL ================================================================================ */ #olegnax-osc-area.skin-athlete, #olegnax-osc-area.skin-athlete label, #olegnax-osc-area.skin-athlete button.button, #olegnax-osc-area.skin-athlete input, #olegnax-osc-area.skin-athlete select, #olegnax-osc-area.skin-athlete textarea, #olegnax-osc-area.skin-athlete label.required:after, #olegnax-osc-area.skin-athlete span.required:after, #olegnax-osc-area.skin-athlete table, #olegnax-osc-area.skin-athlete dl, #olegnax-osc-area.skin-athlete .price, #olegnax-osc-area.skin-athlete ul.messages ul li { line-height: 1.2; color: #322c29; font-size: 12px; } #olegnax-osc-area.skin-athlete input, #olegnax-osc-area.skin-athlete select, #olegnax-osc-area.skin-athlete textarea { color: #322c29; } #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table h3.product-name { line-height: 1.35;} /* Links */ #olegnax-osc-area.skin-athlete a { color: #000; text-decoration: none; display: inline-block; padding: 3px 4px 2px; margin: -3px -4px 0; } #olegnax-osc-area.skin-athlete a:hover { color: #fff; background-color: #000; } #olegnax-osc-area.skin-athlete h1 a, #olegnax-osc-area.skin-athlete h2 a, #olegnax-osc-area.skin-athlete h3 a {color: #000;} #olegnax-osc-area.skin-athlete h1 a:hover, #olegnax-osc-area.skin-athlete h2 a:hover, #olegnax-osc-area.skin-athlete h3 a:hover {color: #3399cc;} /* Hadings -------------------------------------------------------------------------------- */ /* Main title */ #olegnax-osc-area.skin-athlete .olegnax-osc-top { padding: 0 0 35px;} #olegnax-osc-area.skin-athlete .olegnax-osc-top:after {content: ''; clear: both; display: table;} #olegnax-osc-area.skin-athlete .olegnax-osc-page-title {padding: 0 15px;} #olegnax-osc-area.skin-athlete .olegnax-osc-page-title h2 { margin: 0 0 0px -2px; color: #000; font-weight: 800; font-size: 46px; letter-spacing: -2px; line-height: .83; text-transform: uppercase; } /* Description */ #olegnax-osc-area.skin-athlete .olegnax-osc-description { padding: 12px 0 0px 0px; color: #000; font-size: 17px; } /* NUMBERS Title and Styles */ #olegnax-osc-area.skin-athlete .olegnax-osc-icon { position: relative; padding-top:15px; padding-bottom: 15px; letter-spacing: -1px; text-transform: uppercase; word-break: break-all; } #olegnax-osc-area.skin-athlete .olegnax-osc-icon:before {} /* Billing Address, Shipping Address */ #olegnax-osc-area.skin-athlete #olegnax-osc-address-billing .olegnax-osc-icon:before, #olegnax-osc-area.skin-athlete #olegnax-osc-address-shipping .olegnax-osc-icon:before { background-position: 0 -40px; } /* Shipping Method */ #olegnax-osc-area.skin-athlete #olegnax-osc-shipping-method .olegnax-osc-icon:before { background-position: -60px -40px;} /* Payment Method */ #olegnax-osc-area.skin-athlete #olegnax-osc-payment-method .olegnax-osc-icon:before { background-position: -20px -40px;} /* Order Review */ #olegnax-osc-area.skin-athlete #olegnax-osc-order-review .olegnax-osc-icon:before { background-position: -40px -40px;} /* Gift */ #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card .olegnax-osc-icon:before { background-position: -80px -40px;} #olegnax-osc-area.skin-athlete div.olegnax-osc-title-icon-right .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 20px;} #olegnax-osc-area.skin-athlete div.olegnax-osc-title-icon-disabled .olegnax-osc-block-wrap .olegnax-osc-icon { padding-left: 20px; padding-right: 20px;} /* Forms -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete .overflow-wide {overflow: hidden;} #olegnax-osc-area.skin-athlete input.input-text, #olegnax-osc-area.skin-athlete select, #olegnax-osc-area.skin-athlete textarea { width: 100%; border: 1px solid #d9d9d9; color: #322c29; font-size: 12px; padding: 5px 8px 4px; line-height: 100%; background-color: #fff; } #olegnax-osc-area.skin-athlete textarea { padding: 7px 8px 4px; line-height: 1.2; -webkit-appearance: none;} #olegnax-osc-area.skin-athlete label { max-width: inherit; min-width: inherit; padding: 0; margin: 0; background-color: transparent; font-weight: normal; display: inline; } #olegnax-osc-area.skin-athlete label span {vertical-align: top;} #olegnax-osc-area.skin-athlete input.input-text { height: 30px;} #olegnax-osc-area.skin-athlete select { height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/select-arrow.png) no-repeat right 9px top 50%; padding-right: 21px; background-size: 10px 7px; cursor: pointer; line-height: 1.1; } @-moz-document url-prefix() { #olegnax-osc-area.skin-athlete select {background-image: none;} } #olegnax-osc-area.skin-athlete .form-list select { margin-top: 0;} #olegnax-osc-area.skin-athlete textarea#comments { height: 77px;} #olegnax-osc-area.skin-athlete .gift-messages-form textarea {width: 100%; height: 84px;} /* Radio / Checkbox position */ #olegnax-osc-area.skin-athlete input.checkbox, #olegnax-osc-area.skin-athlete input.radio { margin: 2px 10px 0 0;} /* Radio / Checkbox */ #olegnax-osc-area.skin-athlete input.radio, #olegnax-osc-area.skin-athlete input.checkbox {display: none;} #olegnax-osc-area.skin-athlete input.radio + label, #olegnax-osc-area.skin-athlete input.checkbox + label { position: relative !important; cursor: pointer; display: inline-block; } #olegnax-osc-area.skin-athlete input.radio + label { padding-left: 25px;} #olegnax-osc-area.skin-athlete input.checkbox + label { padding-left: 27px; padding-top: 1px;} #olegnax-osc-area.skin-athlete input.radio + label:before, #olegnax-osc-area.skin-athlete input.checkbox + label:before { content: ''; position: absolute; left: 0; width: 15px; height: 15px; border: 1px solid #d9d9d9; background-color: #fff; } #olegnax-osc-area.skin-athlete input.radio + label:before { top: 50%; margin-top: -8px;border-radius: 100%;} #olegnax-osc-area.skin-athlete input.checkbox + label:before { top: 0; } #olegnax-osc-area.skin-athlete input.radio + label img, #olegnax-osc-area.skin-athlete input.radio + label a { vertical-align: middle;display: inline-block;float: none;} #olegnax-osc-area.skin-athlete input.radio:checked + label:after { content: ''; position: absolute; left: 4px; top: 50%; margin-top: -4px; width: 7px; height: 7px; background-position: -100px -60px; } #olegnax-osc-area.skin-athlete input.checkbox:checked + label:after { content: ''; position: absolute; left: 2px; top: 3px; width: 11px; height: 9px; background-position: -120px -60px; } /* Button color styles */ #olegnax-osc-area.skin-athlete button.button { font-size: 14px; font-weight: 800; letter-spacing: -1px; text-transform: uppercase; padding: 4px 11px 4px; height: 30px; text-align: center; } /* Button Place Order */ #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button { display: block; width: 100%; min-height: 51px; padding: 6px 10px 6px; text-decoration: none; border: none; cursor: pointer; z-index: 6; font-size: 18px; letter-spacing: -1px; font-weight: 800; text-transform: uppercase; text-transform: uppercase; text-align: center; } #olegnax-osc-area.skin-athlete input.input-text::-webkit-input-placeholder, #olegnax-osc-area.skin-athlete textarea::-webkit-input-placeholder { color: #322c29;} #olegnax-osc-area.skin-athlete input.input-text:-moz-placeholder, #olegnax-osc-area.skin-athlete textarea:-moz-placeholder { color: #322c29; /* Firefox 18- */} #olegnax-osc-area.skin-athlete input.input-text::-moz-placeholder, #olegnax-osc-area.skin-athlete textarea::-moz-placeholder { color: #322c29; /* Firefox 19+ */} #olegnax-osc-area.skin-athlete input.input-text:-ms-input-placeholder, #olegnax-osc-area.skin-athlete textarea:-ms-input-placeholder { color: #322c29;} /* Button -------------------------------------------------------------------------------- */ /* Styles*/ #olegnax-osc-area.skin-athlete button.button, #olegnax-osc-area.skin-athlete .login-button, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button { position: relative; z-index: 1;} #olegnax-osc-area.skin-athlete button.button:after, #olegnax-osc-area.skin-athlete .login-button:after, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; z-index: -1;} #olegnax-osc-area.skin-athlete button.button:hover:after, #olegnax-osc-area.skin-athlete .login-button:hover:after, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button:hover:after { width: 100%;} #olegnax-osc-area.skin-athlete button.adjust-qty:after {display: none;} /* Animation */ #olegnax-osc-area.skin-athlete button.button:after, #olegnax-osc-area.skin-athlete .login-button:after, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button:after { transition: all 512ms cubic-bezier(0.330, 0.975, 0.245, 0.910);} #olegnax-osc-area.skin-athlete button.button:hover:after, #olegnax-osc-area.skin-athlete .login-button:hover:after, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order-button:hover:after { transition: all 256ms cubic-bezier(0.330, 0.975, 0.245, 0.910);} /* Layouts -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete { position: relative;} #olegnax-osc-area.skin-athlete .olegnax-osc-block { padding: 0px 0; margin: 0 -15px; } #olegnax-osc-area.skin-athlete .olegnax-osc-block:after {content: '';display: table;clear: both;} /* Block wrappers */ #olegnax-osc-area.skin-athlete .olegnax-osc-col { float: left; padding: 0 15px;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-wrap { margin: 0 0px 30px;} #olegnax-osc-area.skin-athlete .olegnax-osc-icon { margin: 0 0px 0px;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-content { padding: 8px 20px 20px;} /* ============================================================================= COLORS ================================================================================ */ /* Buttons background hover */ #olegnax-osc-area.skin-athlete .olegnax-osc-btn-close:hover, #olegnax-osc-area.skin-athlete .btn-remove2:hover { background-color: #000; color: #fff;} #olegnax-osc-area.skin-athlete .qty-wrapper button.adjust-qty:hover { background-color: #ffe51e; border-color: transparent;} /* ============================================================================= CONTENT BLOCKS ================================================================================ */ /* GENERAL FORM FIELD -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete .form-list .control {margin: 0 0 0;} #olegnax-osc-area.skin-athlete .input-box { padding-top: 3px;} #olegnax-osc-area.skin-athlete .input-box img {display: inherit;vertical-align: middle;} #olegnax-osc-area.skin-athlete .input-box-2 { padding-top: 5px;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field { padding-top:14px;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field:first-child { padding-top: 0;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field-left, #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field-right { float: left; width: 50%;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field-left { padding-right: 10px;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field-right { padding-left: 10px;} #olegnax-osc-area.skin-athlete .form-list .field { float: left; width: 50%;} #olegnax-osc-area.skin-athlete .form-list .field:nth-child(odd) { padding-right: 10px; clear: both;} #olegnax-osc-area.skin-athlete .form-list .field:nth-child(even) { padding-left: 10px;} #olegnax-osc-area.skin-athlete .customer-name .field { margin: 10px 0 0;} #olegnax-osc-area.skin-athlete .customer-name {margin-top: -8px;} #olegnax-osc-area.skin-athlete .customer-name .field {margin-top: 17px;} /* For radio / checkbox label */ #olegnax-osc-area.skin-athlete .form-list .control label { float: none;} /* Required*/ #olegnax-osc-area.skin-athlete label.required:after, #olegnax-osc-area.skin-athlete span.required:after, #olegnax-osc-area.skin-athlete .validation-advice, #olegnax-osc-area.skin-athlete label.required em { color: #322c29; } #olegnax-osc-area.skin-athlete input.validation-failed, #olegnax-osc-area.skin-athlete input.validation-failed + label:before, #olegnax-osc-area.skin-athlete select.validation-failed, #olegnax-osc-area.skin-athlete textarea.validation-failed { border-width: 2px; border-color: #ff4e00 !important;} #olegnax-osc-area.skin-athlete .form-list label.required em { position: relative; right: -4px; float: right; margin-right: 0; font-style: normal;} #olegnax-osc-area.skin-athlete .validation-advice { margin: 5px 0 0;} #olegnax-osc-area.skin-athlete p.required {margin: 18px 0 10px;} /* Popup -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete .olegnax-osc-popup-container .olegnax-osc-icon, #olegnax-osc-area.skin-athlete #olegnax-osc-loginform .olegnax-osc-icon { position: relative; margin: 0; padding-top: 23px; padding-bottom: 0; background-color: #f8f8f8; font-size: 30px; font-weight: 800; letter-spacing: -2px;line-height: .87; text-align: center; } #olegnax-osc-area.skin-athlete .olegnax-osc-icon-login:before, #olegnax-osc-area.skin-athlete .olegnax-osc-popup .olegnax-osc-icon:before { display: none;} /* Popup: "Terms of Conditions" styles -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete #olegnax-osc-review-terms > ol > li {padding: 0 20px 20px;} #olegnax-osc-area.skin-athlete #olegnax-osc-term { display: none; } #olegnax-osc-area.skin-athlete #olegnax-osc-term .olegnax-osc-popup-container { max-width: 606px;} #olegnax-osc-area.skin-athlete #olegnax-osc-term .olegnax-osc-icon-term:before { background-position: 0px -80px; margin: 0 15px 0 0; top: 0px;} #olegnax-osc-area.skin-athlete #olegnax-osc-term .olegnax-osc-btn-close { right: 23px; top: 36px;} #olegnax-osc-area.skin-athlete #olegnax-osc-term .olegnax-osc-indent {height: 445px; padding: 29px 25px 41px 28px;} #olegnax-osc-area.skin-athlete #olegnax-osc-term .olegnax-osc-popup-content { /* height: 378px; */ height: 100%; overflow-y: auto; padding-right: 20px; word-break: break-word; } #olegnax-osc-area.skin-athlete .olegnax-osc-popup-container .olegnax-osc-icon { padding: 24px 50px 22px 30px; text-align: left;} /* Number list styles */ #olegnax-osc-area.skin-athlete ol.nested { counter-reset: item;} #olegnax-osc-area.skin-athlete li.nested { display: block; padding-bottom: 20px; line-height: 1.55; font-size: 13px;} #olegnax-osc-area.skin-athlete li.nested:before { content: counters(item, ".") ". "; counter-increment: item; } #olegnax-osc-area.skin-athlete ol.nested li.nested:before, #olegnax-osc-area.skin-athlete li.nested strong { font-weight: bold;} #olegnax-osc-area.skin-athlete li.nested li.nested { font-weight: normal;} #olegnax-osc-area.skin-athlete li.nested li.nested:before {font-weight: normal;} #olegnax-osc-area.skin-athlete ol.nested ol.nested {padding-top: 20px;} #olegnax-osc-area.skin-athlete ol.nested ol.nested li:last-child {padding-bottom: 0;} /* Login Form Popup -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete #olegnax-osc-loginform-container { width: 311px;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform .olegnax-osc-icon-login:before {background-position: -20px -80px;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform .olegnax-osc-auth-form-block { padding-bottom: 13px; text-align: center;} #olegnax-osc-area.skin-athlete .olegnax-osc-auth-form-block + .olegnax-osc-auth-form-block:last-child {margin-top: -5px;} #olegnax-osc-area.skin-athlete .olegnax-osc-auth-form-block:last-child { padding-bottom: 0;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform button { font-size: 15px; height: 35px; margin: 7px 0 8px; padding: 3px 17px 4px; display: inline-block; width: auto; min-width: 102px; } #olegnax-osc-area.skin-athlete #olegnax-osc-loginform button:hover { color: #fff; background-color: #000;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform a#olegnax-osc-login-forgot-link, #olegnax-osc-area.skin-athlete #olegnax-osc-loginform a.olegnax-osc-forgot-password-back {font-size: 12px; text-align: center;} #olegnax-osc-area.skin-athlete a.olegnax-osc-forgot-password-back { margin: 3px 0 0;} #olegnax-osc-area.skin-athlete a.olegnax-osc-forgot-password-back:hover, #olegnax-osc-area.skin-athlete a#olegnax-osc-login-forgot-link:hover { color: #fff;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform p { margin:0 0 20px; padding:0;} #olegnax-osc-area.skin-athlete .olegnax-osc-btn-close { position: absolute; right: 24px; top: 34px; width: 21px; height: 21px; margin: -10px 0 0 0; background-color: transparent; border-radius: 100%; background-position: -175px -35px; border-radius: 0; } #olegnax-osc-area.skin-athlete .olegnax-osc-btn-close:hover { background-position: -175px -15px;} #olegnax-osc-area.skin-athlete .olegnax-osc-indent { padding: 31px 20px 16px; background-color: #f8f8f8; } /* Password Block */ #olegnax-osc-area.skin-athlete #olegnax-osc-loginform a.olegnax-osc-forgot-password-back:before { font-size: 14px; line-height: 12px;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform #olegnax-osc-forgot-password-form .olegnax-osc-icon {word-break: break-word;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform #olegnax-osc-forgot-password-form .olegnax-osc-btn-close { top: 44px;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform #olegnax-osc-forgot-password-form p { margin: 0px 0 19px; font-size: 12px; text-align: center; } #olegnax-osc-area.skin-athlete #olegnax-osc-forgot-password-form .olegnax-osc-auth-form-block {padding-bottom: 11px;} #olegnax-osc-area.skin-athlete #olegnax-osc-forgot-password-form .olegnax-osc-auth-form-block:last-child {padding-bottom: 0;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform #olegnax-osc-forgot-password-form button { margin: 9px 0 0;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform input.input-text::-webkit-input-placeholder { color: transparent;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform input.input-text:-moz-placeholder { color: transparent; /* Firefox 18- */} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform input.input-text::-moz-placeholder { color: transparent; /* Firefox 19+ */} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform input.input-text:-ms-input-placeholder { color: transparent;} /* @toDo: NOT SORTED default code: */ #olegnax-osc-area.skin-athlete #olegnax-osc-login-forgot-link { cursor: pointer;} #olegnax-osc-area.skin-athlete #olegnax-osc-login-form-block-fbi { position: absolute; right: 0; padding-top: 17px;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform label { width: auto; text-align: center; padding: 0; float: none;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform label.required em { float: right; font-style: normal; position: relative; right: -4px; margin-right: 0; display: none; } #olegnax-osc-area.skin-athlete #olegnax-osc-loginform .form-list .input-box { float: none; padding-top: 3px;} #olegnax-osc-area.skin-athlete #olegnax-osc-loginform .form-list .input-box input { float: none; text-align: center; height: 30px;} #olegnax-osc-area.skin-athlete .olegnax-osc-block-form-field label { width: auto; padding: 0 0 0 1px;} #olegnax-osc-area.skin-athlete .field label {padding-left: 1px;} /* Login Form -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete .olegnax-osc-login-block { padding-top: 19px; text-align: center;} #olegnax-osc-area.skin-athlete .login-button { position: relative; min-height: 35px; float: right; padding: 10px 12px 7px 43px; font-weight: 800; letter-spacing: -1px; text-transform: uppercase; font-size: 14px; cursor: pointer; } #olegnax-osc-area.skin-athlete .login-button span:before { content: ''; position: absolute; left: 14px; top: 50%; margin-top: -8px; width: 13px; height: 14px; background-position: -100px -40px; } #olegnax-osc-area.skin-athlete .login-button:hover:before {background-position: -100px -20px;} /* BILLING / SHIPPING ADDRESS FORM -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete #olegnax-osc-billing-password-area { padding: 17px 0 4px;} #olegnax-osc-area.skin-athlete #olegnax-osc-billing-password-area .olegnax-osc-block-form-field {padding-top: 0;} #olegnax-osc-area.skin-athlete #olegnax-osc-billing-use-for-shipping { border-top: 1px solid #e7e7e7; padding-top: 17px; } #olegnax-osc-area.skin-athlete #olegnax-osc-billing-address-list + .olegnax-osc-block-form-field {padding-top: 21px;} #olegnax-osc-area.skin-athlete #olegnax-osc-billing-password-area + .olegnax-osc-block-form-field {margin-top: 16px;} #olegnax-osc-area.skin-athlete .dob-month, #olegnax-osc-area.skin-athlete .dob-day, #olegnax-osc-area.skin-athlete .dob-year { margin-right: 10px;} #olegnax-osc-area.skin-athlete .dob-month input.input-text, #olegnax-osc-area.skin-athlete .dob-day input.input-text, #olegnax-osc-area.skin-athlete .dob-year input.input-text { margin-bottom: 3px;} /* SHIPPING / PAYMENT METHOD -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete dl.sp-methods { margin: 0; padding: 0px 0 0;} #olegnax-osc-area.skin-athlete dl.sp-methods dt { font-weight: normal; margin: 10px 0px 0px 0px; padding: 11px 0px 0px 0px; border-top: 1px solid #e7e7e7; } #olegnax-osc-area.skin-athlete dl.sp-methods dt:first-child {border-top: 0;padding-top: 0; margin-top: 0;} #olegnax-osc-area.skin-athlete dl.sp-methods dt:last-child {padding-bottom: 0;} #olegnax-osc-area.skin-athlete dl.sp-methods ul { padding: 11px 0 0; width: 100%;} #olegnax-osc-area.skin-athlete dl.sp-methods ul li {margin-bottom: 14px;} #olegnax-osc-area.skin-athlete dl.sp-methods ul li:last-child {margin-bottom: 0;} #olegnax-osc-area.skin-athlete dl.sp-methods label.required em { float: right; font-style: normal; position: relative; right: -4px; margin-right: 0; } #olegnax-osc-area.skin-athlete dl.sp-methods ul li .input-box {padding-bottom: 0;} #olegnax-osc-area.skin-athlete .v-fix { padding-right: 10px;} #olegnax-osc-area.skin-athlete .v-fix:last-child { padding-right: 0;} #olegnax-osc-area.skin-athlete .cvv-what-is-this {line-height: 29px;} /* SHIPPING */ #olegnax-osc-area.skin-athlete #olegnax-osc-shipping-method dl.sp-methods dt {padding-bottom: 5px;} #olegnax-osc-area.skin-athlete #olegnax-osc-shipping-method dl.sp-methods ul {padding-top: 6px;} #olegnax-osc-area.skin-athlete #olegnax-osc-shipping-method dl.sp-methods ul li {margin-bottom: 9px;} /* PAYMENT */ #olegnax-osc-area.skin-athlete #olegnax-osc-payment-method .olegnax-osc-block-content {padding-bottom: 24px;} #olegnax-osc-area.skin-athlete ul#payment_form_ccsave li#ccsave_centinel_logo a {background: none !important; padding: 0 10px 0 0;} /* GIFT -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card p.control, #olegnax-osc-area.skin-athlete .inner-box h4 + p { padding-top: 7px;} #olegnax-osc-area.skin-athlete .inner-box h4 { padding-top: 17px;} #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card .allow-gift-messages-for-order-container, #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card #allow-gift-messages-for-items-container { padding-top: 17px;} #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card #allow-gift-messages-for-items-container ol > li { padding-top: 22px; border-top: 1px solid #e7e7e7; margin-top: 22px; } #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card .product-img-box { display: block; margin: 0 auto; text-align: center; float: none; width: 100%;} #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card .product-img-box p.product-image {display: inline-block;} #olegnax-osc-area.skin-athlete #olegnax-osc-gift-card .product-img-box p.number {padding: 7px 0 17px;} /* ORDER REVIEW -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete #olegnax-osc-order-review { padding-bottom: 0;} #olegnax-osc-area.skin-athlete #olegnax-osc-order-review .olegnax-osc-block-content {position: relative;} #olegnax-osc-area.skin-athlete #olegnax-osc-order-review + .olegnax-osc-total { margin-top: -30px;} #olegnax-osc-area.skin-athlete #olegnax-osc-order-review .olegnax-osc-block-content { padding: 17px 20px 20px;} #olegnax-osc-area.skin-athlete .price { color: #252525;} #olegnax-osc-area.skin-athlete .btn-remove2 { position: absolute; left: -32px; top: 50%; width: 21px; height: 21px; margin: -11px 0px 0 0; background-color: #000; border-radius:0; } #olegnax-osc-area.skin-athlete .btn-remove2:hover { opacity: 1; background-position: -175px -35px; border-color: transparent; background-color: #ffe51e;} /* Cart Table*/ #olegnax-osc-area.skin-athlete .a-left { text-align: left;} #olegnax-osc-area.skin-athlete .a-center { text-align: center;} #olegnax-osc-area.skin-athlete .a-right { text-align: right;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table { width: 100%;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table thead th, #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table tbody td { border-bottom: 1px solid #e3e0e0; } #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table thead th:first-child { padding-left: 27px;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table thead th:last-child, #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table tbody td:last-child { padding-right: 0;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table thead th { padding: 0px 8px 12px; font-weight: bold; color: #000;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table tbody td { padding: 15px 8px 15px; vertical-align: middle;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table tbody td:first-child { padding-left: 32px; padding-right: 5px;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table thead th.btn-remove-hidden, #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} #olegnax-osc-area.skin-athlete .product-name-wrap { position: relative;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table dl.item-options { margin-top: 10px; font-size: 12px;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table span.cart-price .price { font-size: 14px; font-family: "Open Sans", Arial, sans-serif; font-weight: 800; } #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table .item-options dt { font-weight: normal;min-width: 40px;} #olegnax-osc-area.skin-athlete table.olegnax-osc-cart-table .item-options dd { margin-bottom: 2px; padding: 0;} /* QTY */ #olegnax-osc-area.skin-athlete .qty-wrapper { width: 53px;} #olegnax-osc-area.skin-athlete .qty-wrapper input.qty-editable { float: left; width: 35px; height: 30px; margin-right: 4px; border: 1px solid #dfdfdf; background-color: #fff; color: #838382; font-size: 12px; text-align: center; line-height: 30px; -webkit-appearance: none; } #olegnax-osc-area.skin-athlete .qty-wrapper button.adjust-qty { display: block; width: 14px; height: 14px; padding: 0; margin: 0; background-color: #000; font-size: 0; color: transparent; } #olegnax-osc-area.skin-athlete .qty-wrapper button.adjust-qty-up { margin-bottom: 2px;} /* Place Order */ #olegnax-osc-area.skin-athlete .olegnax-osc-total { position: relative; margin-bottom: 30px; padding: 19px 0px 0; } /* deletee this later */ #olegnax-osc-area.skin-athlete span.olegnax-osc-place-order-grand-total { position: absolute; top: 8px; display: block; left: 0; right: 0; text-align: center; color: #000; } #olegnax-osc-area.skin-athlete span.olegnax-osc-place-order-process {vertical-align: middle;} #olegnax-osc-area.skin-athlete span.olegnax-osc-place-order-process img {display: inline-block;} /* Place Order Table Grand total */ #olegnax-osc-area.skin-athlete #olegnax-osc-order-review-cart-totals { padding: 0 20px 16px; } #olegnax-osc-area.skin-athlete table.gtotals { width: 100%; text-align: left;} #olegnax-osc-area.skin-athlete table.gtotals tfoot tr td { padding-bottom: 8px;} #olegnax-osc-area.skin-athlete table.gtotals tfoot tr td:first-child { text-align: left !important;} #olegnax-osc-area.skin-athlete table.gtotals tfoot tr:last-child td { padding-bottom: 0; vertical-align: top;} #olegnax-osc-area.skin-athlete table.gtotals tfoot tr:last-child td strong { display: block; border-top: 1px solid #e3e0e0; padding: 16px 0 0; margin: 12px 0 0; } #olegnax-osc-area.skin-athlete table.gtotals tfoot tr:last-child td strong, #olegnax-osc-area.skin-athlete table.gtotals tfoot tr:last-child td strong .price { color: #000; font-size: 18px; font-weight: normal; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; letter-spacing: -1px; font-weight: 800; } #olegnax-osc-area.skin-athlete table.gtotals tfoot tr:last-child td:first-child strong {padding-right: 10px;} #olegnax-osc-area.skin-athlete #olegnax-osc-terms-of-conditions { text-align: left; padding: 17px 21px 18px; } #olegnax-osc-area.skin-athlete #olegnax-osc-terms-of-conditions a {vertical-align: top;} /* REVIEW COUPON */ #olegnax-osc-review-coupon { padding-top: 20px;} #olegnax-osc-area.skin-athlete #olegnax-osc-review-coupon .input-box {} #olegnax-osc-area.skin-athlete #olegnax-osc-review-coupon button.button { float: right; margin-left: 10px;} /* COMMENTS/DDAN */ #olegnax-osc-area.skin-athlete #olegnax-osc-review-comments .input-box { padding-top: 20px;} #olegnax-osc-area.skin-athlete #olegnax-osc-review-newsletter-simple {padding-top: 20px;} #olegnax-osc-area.skin-athlete #olegnax-osc-place-order { padding: 20px;} #olegnax-osc-area.skin-athlete #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-label, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-amount, #olegnax-osc-area.skin-athlete #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process { display: inline;} #olegnax-osc-area.skin-athlete #olegnax-osc-place-order .olegnax-osc-place-order-grand-total .olegnax-osc-place-order-process img { width: 15px; height: 15px;} /* ============================================================================= CUSTOM ================================================================================ */ /* Loader, overlay -------------------------------------------------------------------------------- */ #olegnax-osc-area.skin-athlete #olegnax-osc-place-order .olegnax-osc-place-order-please-wait { display: block; position: relative; margin-top: 5px; float: none; text-align: center; z-index: 5;} #olegnax-osc-area.skin-athlete #olegnax-osc-place-order .olegnax-osc-place-order-please-wait img { width: 15px; height: 15px; position: relative; top: 3px; display: inline-block;} /* ============================================================================= MESSAGES ================================================================================ */ #olegnax-osc-area.skin-athlete .messages { margin-bottom: 10px;} #olegnax-osc-area.skin-athlete .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #f4f4f4; } #olegnax-osc-area.skin-athlete ul.messages > li:before { content: ''; display: block; position: absolute; left: 22px; top: 25px; width: 31px; height: 31px; background-repeat: no-repeat; background-size: 31px 31px; } #olegnax-osc-area.skin-athlete ul.messages li.error-msg:before { background-image:url(../images/notice/i_msg-error.png); background-color: #ff3808;} #olegnax-osc-area.skin-athlete ul.messages li.success-msg:before { background-image:url(../images/notice/i_msg-success.png); background-color: #aacd3e;} #olegnax-osc-area.skin-athlete ul.messages li.note-msg:before { background-image:url(../images/notice/i_msg-note.png); background-color: #00b9d5;} #olegnax-osc-area.skin-athlete ul.messages li.notice-msg:before { background-image:url(../images/notice/i_msg-notice.png); background-color: #ffcb13;} #olegnax-osc-area.skin-athlete .messages li li:before { top: 50%; left: 0; margin-top: -6px;} #olegnax-osc-area.skin-athlete .messages .error-msg li { border-left:0;} #olegnax-osc-area.skin-athlete .messages .error-msg li:before {border: 0; } #olegnax-osc-area.skin-athlete .messages .notice-msg li { border-left: 0;} #olegnax-osc-area.skin-athlete .messages .notice-msg li:before { border: 0;} #olegnax-osc-area.skin-athlete .messages .success-msg li { border-left: 0;} #olegnax-osc-area.skin-athlete .messages .success-msg li:before {border: 0;} #olegnax-osc-area.skin-athlete ul.messages { background-color: #f2f2f2;} #olegnax-osc-area.skin-athlete ul.messages ul { display: table; height: 80px;} #olegnax-osc-area.skin-athlete ul.messages ul li { display: table-cell; vertical-align: middle; line-height: 1.3; padding: 25px 25px 25px 76px;} #olegnax-osc-area.skin-athlete .olegnax-osc-error-msg { margin-bottom: 10px; padding: 7px 10px 7px 20px; background: #f4f4f4; vertical-align: middle; line-height: 1.3; padding: 25px 25px 25px 76px; border-left:0; } #olegnax-osc-area.skin-athlete .olegnax-osc-error-msg:before { content: ''; display: block; position: absolute; left: 22px; top: inherit; margin-top: -6px; width: 31px; height: 31px; background:#ff3808 url(../images/notice/i_msg-error.png) no-repeat 0 0; background-size: 31px 31px; border: 0; } /* ============================================================================= ANIMATION ================================================================================ */ #olegnax-osc-area.skin-athlete a { transition: all 600ms ease-in-out;} #olegnax-osc-area.skin-athlete a:hover { transition: all 10ms ease-in-out;} #olegnax-osc-area.skin-athlete button { transition: all 300ms ease-in-out;} #olegnax-osc-area.skin-athlete button:hover { transition: all 10ms ease-in-out;} /* =================================================================================================================================== @ MEDIA ( Add calss for id #olegnax-osc-area.responsive-on ) ====================================================================================================================================== */ /* ----------------------------------------------------------------------------------------------------------------------------------- @ Deafult -------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 1024px) and (max-width: 1280px) { #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td { padding-left: 5px; padding-right: 5px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td:first-child { padding-left: 31px; padding-right: 5px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} #olegnax-osc-area.responsive-o table.olegnax-osc-cart-table thead th:last-child, #olegnax-osc-area.responsive-o table.olegnax-osc-cart-table tbody td:last-child {padding-right: 0;} } @media only screen and (min-width: 768px) and (max-width: 1023px) { #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td { padding-left: 5px; padding-right: 5px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td:first-child { padding-left: 31px; padding-right: 5px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} #olegnax-osc-area.responsive-o table.olegnax-osc-cart-table thead th:last-child, #olegnax-osc-area.responsive-o table.olegnax-osc-cart-table tbody td:last-child {padding-right: 0;} /* Masonry on CSS - two column */ #olegnax-osc-area.responsive-on.columns_3 #olegnax-osc-block-container, #olegnax-osc-area.responsive-on.columns_4 #olegnax-osc-block-container { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; vertical-align: top; } #olegnax-osc-area.responsive-on.columns_3 .olegnax-osc-col { width: 100%; float: none;} #olegnax-osc-area.responsive-on .olegnax-osc-block-wrap { display: inline-block; width: 100%;} #olegnax-osc-area .olegnax-osc-background:before, #olegnax-osc-area .olegnax-osc-loader:before, #olegnax-osc-area span.olegnax-osc-place-order-processing:before { -webkit-animation: inherit; -o-animation: inherit; animation: inherit; } } @media only screen and (max-width: 767px) { /* Layouts */ #olegnax-osc-area.responsive-on .olegnax-osc-col { padding: 0;} #olegnax-osc-area.responsive-on.columns_2 .olegnax-osc-col, #olegnax-osc-area.responsive-on.columns_3 .olegnax-osc-col { width: 100%; display: block;} #olegnax-osc-area.responsive-on .olegnax-osc-page-title, #olegnax-osc-area.responsive-on .olegnax-osc-login-block {width: 100%;} #olegnax-osc-area.responsive-on .olegnax-osc-description {padding-bottom: 0;} #olegnax-osc-area.responsive-on .olegnax-osc-page-title {text-align: center;} #olegnax-osc-area.responsive-on .olegnax-osc-login-block { padding-top: 0;} #olegnax-osc-area.responsive-on .login-button { float: none; margin: 15px auto 22px; display: inline-block;} /* Popup */ #olegnax-osc-area.responsive-on #olegnax-osc-review-terms-popup { width: 98%; margin-top: -23px;} #olegnax-osc-area.responsive-on .olegnax-osc-popup .olegnax-osc-icon { padding: 15px 42px 14px 42px; } #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-popup .olegnax-osc-icon {padding-left: 14px;} #olegnax-osc-area.responsive-on #olegnax-osc-review-terms-popup .olegnax-osc-icon-term:before {left: 14px;} #olegnax-osc-area.responsive-on #olegnax-osc-review-terms-popup .olegnax-osc-btn-close {top: 50%; right: 14px;} #olegnax-osc-area.responsive-on #olegnax-osc-review-terms-popup .olegnax-osc-indent { height: 100%; padding: 14px 9px 14px 14px;} #olegnax-osc-area.responsive-on #olegnax-osc-loginform-container { height: 100% !important; background-color: #fff; } /* Carousel*/ #olegnax-osc-area.responsive-on #olegnax-osc-related-wrapper {padding: 0;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td.btn-remove-hidden {padding-left: 0;} } @media only screen and (max-width: 479px) { #olegnax-osc-area.responsive-on .form-list .field, #olegnax-osc-area.responsive-on #olegnax-osc-billing-password-area .olegnax-osc-block-form-field { float: none; width: 100%; padding-left: 0; padding-right: 0; } #olegnax-osc-area.responsive-on .form-list .field:nth-child(odd) {padding-right: 0;} #olegnax-osc-area.responsive-on .form-list .field:nth-child(even) {padding-left: 0;} #olegnax-osc-area.responsive-on #olegnax-osc-loginform-container {width: 320px;} #olegnax-osc-area.responsive-on #olegnax-osc-billing-password-area .olegnax-osc-block-form-field-right {padding-top: 10px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td { padding-left: 5px; padding-right: 5px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td:first-child { padding-left: 31px; padding-right: 5px;} #olegnax-osc-area.responsive-on .login-button { padding-right: 10px;} #olegnax-osc-area.responsive-on .olegnax-osc-page-title h2 { font-size: 35px;} #olegnax-osc-area.responsive-on table.olegnax-osc-cart-table tbody td.btn-remove-hidden { padding-left: 0;} } /* ----------------------------------------------------------------------------------------------------------------------------------- @ COMPACT -------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1023px) { #olegnax-osc-area.responsive-on.skin-compact .olegnax-osc-page-title h2, #olegnax-osc-area.responsive-on.skin-compact p.olegnax-osc-description {display: block; padding-left: 0;} #olegnax-osc-area.responsive-on.skin-compact .olegnax-osc-description {padding-top: 8px;} } @media only screen and (max-width: 767px) { #olegnax-osc-area.responsive-on .olegnax-osc-top {padding: 0 0 24px;} /* Layouts -------------------------------------------------------------------------------- */ #olegnax-osc-area.responsive-on.skin-compact .olegnax-osc-page-title h2 {white-space: normal;} #olegnax-osc-area.responsive-on.skin-compact .olegnax-osc-page-title { text-align: center;} #olegnax-osc-area.responsive-on.skin-compact .olegnax-osc-description {padding-bottom: 0;} #olegnax-osc-area.responsive-on.skin-compact .olegnax-osc-login-block { padding-top: 0; text-align: center;} #olegnax-osc-area.responsive-on.skin-compact .login-button { float: none; margin: 7px auto 0px; display: inline-block; } #olegnax-osc-area.skin-compact .olegnax-osc-page-title, #olegnax-osc-area.skin-compact .olegnax-osc-login-block { display: block; padding: 0 15px 0; } #olegnax-osc-area.responsive-on.skin-compact .login-button {white-space: normal;} } @media only screen and (max-width: 479px) { #olegnax-osc-area.responsive-on.skin-compact #olegnax-osc-billing-password-area .olegnax-osc-block-form-field-right {padding-top: 10px;} #olegnax-osc-area.responsive-on.skin-compact .login-button { padding-right: 10px;} } /* ----------------------------------------------------------------------------------------------------------------------------------- @ RETRO -------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1023px) { #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-top { min-height: inherit; padding: 26px 17px 27px 17px; margin-bottom: 31px;} #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-login-block {padding-top: 6px;} #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-page-title h2 { font-size: 25px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #olegnax-osc-area.responsive-on.skin-retro-modern table.olegnax-osc-cart-table h3.product-name {font-size: 12px;} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { #olegnax-osc-area.responsive-on.skin-retro-modern table.olegnax-osc-cart-table h3.product-name {font-size: 13px;} } @media only screen and (max-width: 767px) { /* Layouts -------------------------------------------------------------------------------- */ #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-description {padding-bottom: 0;} #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-page-title {text-align: center;} #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-login-block { padding-top: 0;} #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-top { min-height: inherit; padding: 21px 0px 27px; margin: 0 0 31px;} #olegnax-osc-area.responsive-on.skin-retro-modern .login-button { float: none; margin: 15px auto 0; display: inline-block; } } @media only screen and (max-width: 479px) { #olegnax-osc-area.responsive-on.skin-retro-modern #olegnax-osc-billing-password-area .olegnax-osc-block-form-field-right {padding-top: 10px;} #olegnax-osc-area.responsive-on.skin-retro-modern .olegnax-osc-page-title h2 { font-size: 24px;} #olegnax-osc-area.responsive-on.skin-retro-modern .login-button { display: block; padding: 11px 10px 10px 35px;} } /* ----------------------------------------------------------------------------------------------------------------------------------- @ ATHLETE --------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1023px) { #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-top { padding: 0px 0 17px; } #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-page-title h2 {font-size: 35px;} } @media only screen and (max-width: 767px) { #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-page-title h2 {font-size: 35px;} /* Layouts -------------------------------------------------------------------------------- */ #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-description {padding-bottom: 0;} #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-page-title {text-align: center;} #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-login-block { padding-top: 0;} #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-top { padding: 0px 0 24px;} #olegnax-osc-area.responsive-on.skin-athlete .login-button { float: none; margin: 15px auto 0; display: inline-block; } } @media only screen and (max-width: 479px) { #olegnax-osc-area.responsive-on.skin-athlete #olegnax-osc-billing-password-area .olegnax-osc-block-form-field-right {padding-top: 10px;} #olegnax-osc-area.responsive-on.skin-athlete #olegnax-osc-loginform-container {width: 320px;} #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-login-block {padding: 0;} #olegnax-osc-area.responsive-on.skin-athlete .login-button { padding: 10px 11px 7px 37px; font-size: 13px;} #olegnax-osc-area.responsive-on.skin-athlete .login-button span:before { left: 11px; margin-top: -7px;} #olegnax-osc-area.responsive-on.skin-athlete .olegnax-osc-page-title h2 { font-size: 31px;} } @media only screen and (max-width: 320px) { #olegnax-osc-area #olegnax-osc-order-review + .olegnax-osc-total { margin-left: 5px;margin-right: 5px; } } /* ----------------------------------------------------------------------------------------------------------------------------------- popup styles --------------------------------------------------------------------------------------------------------------------------------------- */ #olegnax-osc-area .olegnax-osc-popup-content h2 { font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 22px; font-weight: 600; line-height: 1.35; color: #252525; padding-bottom: 3px; margin-bottom: 15px; } #olegnax-osc-area .olegnax-osc-popup-content h3 { font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.35; color: #252525; padding-bottom: 3px; margin-bottom: 12px; } #olegnax-osc-area .olegnax-osc-popup-content h4 { font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.35; color: #252525; padding-bottom: 3px; margin-bottom: 10px; } #olegnax-osc-area .olegnax-osc-popup-content p { padding-bottom: 20px; } #olegnax-osc-area .olegnax-osc-popup-content strong { color: #252525;font-weight: bold; } @media only screen and (max-width: 767px) { .miniLayout .shadowBox{ margin-bottom: 20px; } #olegnax-osc-area .olegnax-osc-popup:not(#olegnax-osc-review-terms-popup) { top: 0!important; } }