body.texture_1 {background: #fff url('../img/texture_1.png') repeat center; } body.texture_2 {background: #fff url('../img/texture_2.png') repeat center; } body.texture_3 {background: #fff url('../img/texture_3.png') repeat center;} body.texture_4 {background: #fff url('../img/texture_4.png') repeat center;} /*===================================================== MAIN CSS / SMALLER MOBILE DEVICES =====================================================*/ /*********** CSS RESET **********/ * {margin: 0; outline: none; padding: 0; text-decoration: none; } *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html {margin: 0 !important; -webkit-text-size-adjust: none;} ol, ul {list-style: none;} a img {border: none; } a:active {outline: none;} input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {margin: 0; border: 0; padding: 0; } input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], textarea {border-radius: 0; outline-offset: 0 !important; /* fixes the movement of the outline in Chrome */} input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 1000px #fff;} /*********** GLOBAL STYLES **********/ body {max-width: 100%; background: #fff; font: normal 400 12px "Open Sans", sans-serif; color: #505050; overflow-x: hidden; /* disables the horizontal scroll and fixes the bug of the responsive navigation and filters in mobile */ } script { display: none !important;} a {color: inherit; cursor: pointer; } a img {opacity: 0.99; /*firefox scale bug fix*/ } table {width: 100%; border-collapse: collapse;} input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + * {vertical-align: middle;} label, label + * {vertical-align: middle;} input[type="text"], input[type="password"], textarea {height: 36px; /*safari padding fix*/ border: 1px solid #c9c9c9; padding: 8px; vertical-align: middle; background: #fff; } textarea {min-height: 150px; } select { min-width: 50px; height: 36px; /*safari padding fix*/ padding: 8px; box-shadow: 0 0 3px 1px rgba(0,0,0,.15); vertical-align: middle; border: 0;} input[type="checkbox"], input[type="radio"] {vertical-align: middle;} input[type="button"], input[type="submit"], button, .button-1, .button-2 {cursor: pointer;} label {vertical-align: middle; } .master-wrapper-page {width: 97%; margin: auto; } .master-column-wrapper:after {content: "."; display: block; visibility: hidden; clear: both; height: 0;line-height: 0; font-size: 0;} .center-1,.side-2, .center-2 {margin: 40px 0; } .side-2:after {content: "."; display: block;visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .page {text-align: center; } .page-title {margin: 0 0 20px; } .page-title h1 {font-size: 24px; font-weight: 300; border-bottom: 1px dashed #797979; padding: 0 0 10px; } .category-page .page-title h1 {border: 0; text-align:center; } .page:after, .page-title:after, .page-body:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .buttons {margin: 0 0 20px;text-align: center; } .link-rss { display: none; width: 24px; height: 24px; overflow: hidden; background: url('../img/rss-icon.png') no-repeat; text-indent: 999px; } .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul, .custom-tab ul {margin: 12px 0; padding: 0 0 0 36px; list-style: disc; } .category-description ol, .manufacturer-description ol, .full-description ol, .topic-block ol, .topic-page ol, .post-body ol, .custom-tab ol {margin: 12px 0; padding: 0 0 0 36px; list-style: decimal;} .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p, .custom-tab p {margin: 0 0 10px; text-align: justify; } .flyout-cart {display: none;} #goToTop {display: none; position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; background: #46c688 url('../img/goTop.png') no-repeat center 46%; border-radius: 50%; box-shadow: 0 0 0 6px rgba(0,0,0,0.5); line-height: 80px; text-transform: uppercase; text-align: center; color: #fff; overflow: hidden; z-index: 10001; opacity: .8; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #goToTop:hover {opacity: 1;} .android23 #goToTop {display: none !important; } /*********** GLOBAL FORMS ***********/ .fieldset, .section {position: relative; margin: 0 0 30px;} .fieldset .title {margin: 0 0 15px; text-align: left;} .fieldset .title strong {display: inline-block; font-weight: 300; font-size: 18px; padding-left: 16px; position: relative;} .fieldset .title strong:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688; } .form-fields {position: relative; padding: 10px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); background: #fff;} .inputs {position: relative; margin: 0 0 10px; text-align: center; white-space: nowrap; font-size: 0; } .inputs * {font-size: 12px;} .inputs:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .form-fields .inputs:last-child, .form-fields .inputs:only-child {margin-bottom: 0;} .inputs label { display: block; width: 100%; margin: 0 0 5px; text-align: center; font-size: 14px; line-height: 1.2; } .inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {width: 350px; max-width: 100%; } .inputs select {box-shadow: none; border: 1px solid #c9c9c9; } .inputs.reversed {margin: 0 0 20px; text-align: center; } .inputs .option-list {overflow: hidden; display: inline-block; vertical-align: middle; } .inputs .option-list li {float: left; font-size: 0;} .inputs .option-list label {width: auto; margin: 0 15px 0 3px; font-size: 12px; display: inline-block;} .required {margin: 0 -6px 0 0; /*siblings offset fix*/ font-size: 11px; color: #c00; vertical-align: middle; } .message-failure, .message-error,.field-validation-error,.username-not-available-status, .poll-vote-error, .password-error { display: block;font-size: 11px; color: #c00; text-align: center; margin-top: 5px;} .field-validation-valid {display: block; font-size: 11px; color: #690; } .captcha-box { margin: 0 0 15px; text-align: center; line-height: 0; /*firefox line-height bug fix*/} .captcha-box > div { display: inline-block;} .captcha-box input { height: auto;} /*********** BAR NOTIFICATION & JQUERY POPUPS ***********/ .bar-notification {display: none; position: fixed; bottom: 0; left: 0; z-index: 10002; width: 100%; padding: 12px 25px 12px 10px; color: #fff; opacity: 0.95; } .bar-notification.success {background: #A3CA3F;} .bar-notification.warning {background: #f79d45; } .bar-notification.error {background: #E95E5E; } .bar-notification .content {float: left; margin: 0 10px 0 0; } .bar-notification .content a {color: #fff; text-decoration: underline;} .bar-notification .close {position: absolute; top: 0; right: 0; width: 32px; /*even numbers only*/ height: 32px; /*even numbers only*/ margin: 5px; border: 1px solid #666; box-shadow: inset 0 0 1px #999; background: #fff url('../img/close.png') center no-repeat; cursor: pointer; opacity: 0.7; } .bar-notification .close:hover { opacity: 0.9; } .ui-dialog {position: fixed ; z-index: 10000; width: 250px; max-width: 95%; border: 1px solid #ccc; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); overflow: hidden; background: #fff; top: 0;left: 0 !important; bottom: 0; right: 0; margin:10px auto !important; overflow-y:auto;} .ui-dialog[aria-describedby="dialog-notifications-warning"], .ui-dialog[aria-describedby="dialog-notifications-success"], .ui-dialog[aria-describedby="dialog-notifications-error"], .html-shopping-cart-page .ui-dialog {top: 30% !important; height:110px !important;} .ui-dialog .quickViewWindow .overview .purchase-area .add-to-cart.sevenspikes-ajaxcart {float:right;} .ui-dialog-titlebar {border-width: 1px; border-style: solid; border-color: #fff #fff #bbb; box-shadow: 0 0 0 1px #eee; overflow: hidden; background: #ddd; padding: 10px; font-weight: bold; text-shadow: 1px 1px 0 #eee;} .ui-dialog-titlebar span { float: left; text-transform: uppercase; } .ui-dialog-titlebar button {position: absolute; top: 0; right: 0; width: 24px; /*even numbers only*/ height: 24px; /*even numbers only*/ margin: 6px; overflow: hidden; border: 1px solid #666; box-shadow: inset 0 0 1px #999; background: #fff url('../img/close.png') center no-repeat; text-indent: 999px; opacity: 0.7; } .ui-dialog-titlebar button:hover {opacity: 0.9; } .ui-dialog-titlebar button * {display: none;} .ui-dialog-content { height: auto !important; padding: 10px; line-height: 20px; } .ui-dialog-content .topic-block {margin: 10px 0 0;} .ui-dialog-content .topic-block-body { max-height: 200px; overflow-y: scroll;} .ui-dialog-content .topic-block p {margin: 0; } .ui-dialog-buttonset {padding: 10px; text-align: right;} .ui-dialog-buttonset button {min-width: 60px; margin-left: 5px; border: 1px solid #bbb; box-shadow: 0 0 1px #ddd, inset 0 0 1px #fff; background: #eee; padding: 5px;} .ui-dialog-content .tooltip { margin-bottom: 20px; } .ui-dialog-content button { background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; display: inline-block; border-top: 0; padding: 10px 16px; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .eu-cookie-bar-notification {position: fixed; top: 50%; left: 50%; z-index: 1002; width: 300px; max-width: 300px; height: 180px; margin: -90px 0 0 -150px; border: 1px solid #ccc; box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 0 1px #fff; background: #fff; padding: 20px; text-align: center; } .eu-cookie-bar-notification .text {margin-bottom: 20px; line-height: 20px; } .eu-cookie-bar-notification button {min-width: 60px; margin: 10px 0; border: none; background: #46c688; padding: 7px 14px; font-size: 14px; color: #fff;} .eu-cookie-bar-notification button:hover {opacity: 0.9; } .eu-cookie-bar-notification a {display: block; text-decoration: underline; } /*********** HEADER & NAVIGATION ***********/ .admin-header-links {text-align: center;} .admin-header-links a {display: inline-block; margin: 0 10px; line-height: 35px; font-weight: bold; } .admin-header-links + .master-wrapper-page { padding: 45px 0 0;} .admin-header-links .impersonate{ line-height: 35px; } .admin-header-links .impersonate a{ display: inline-block; } .header {position: relative; z-index: 1002; text-align: center; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); } .header:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .header-top {background-color: #464646; background: #464646 url(../img/pattern-nav.png) top left; padding: 10px;} .header-top:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .header-bottom {background-color: #fff; } .shopping-cart-link {float: right;} .header-selectors-wrapper {float: left;} .header-selectors-wrapper:before {content: " "; height: 35px; display: inline-block; vertical-align: middle;} .header-selectors-wrapper > div {display: inline-block; vertical-align: middle;} .header-selectors-wrapper > div + div {margin: 0 0 0 10px;} .new_select {width: 50px !important; color: #c9c9c9; padding: 7px 21px 7px 7px; background: #595959 url(../img/dropdown-arrow.png) no-repeat 34px center; cursor: pointer; height: 31px; z-index: 1003 !important; } .new_select > span {display: block; text-align: center; line-height: 16px; } .header-currencyselector .new_select > span, .header-currencyselector .styleSelect_item li span {font-size: 16px; } .header-languageselector .new_select > span, .header-languageselector .styleSelect_item li span { font-size: 14px; } .styleSelect_item { min-width: 65px; background: #595959; top: 31px !important; } .styleSelect_item * {width: auto !important;} .styleSelect_item li:hover span {background: #797979; } .styleSelect_item li span { padding: 10px 12px; line-height: 16px; } .language-list {max-width: 100%; font-size: 0; } .language-list li { display: inline-block; margin: 0 1px;} .language-list a {display: block; position: relative; width: 32px; height: 32px; line-height: 0;} .language-list img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} .header-links-wrapper {position: relative; float: right; } .header-links {float: left; font-size: 0;} .header-links > * {display: inline-block; vertical-align: middle; } .header-links li {float: left;} .header-links a {display: block; width: 35px; height: 35px; text-indent: -9999px; margin: 0 2px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .header-links a:hover {color: #fff; } .header-links span { display: none;} #topcartlink a {background: #46c688 url(../img/icon-cart.png) no-repeat center; width: 35px; height: 35px; border-radius: 18px; display: block; } #topcartlink span {display: none;} .header-logo {font-size: 0;} .header-logo a { display: inline-block; line-height: 0; /*firefox line-height bug fix*/ width: 100%;} .header-logo a img {max-width: 100%;} .ui-helper-hidden-accessible { display: none; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content { position: absolute !important; z-index: 1002 !important; width: 256px !important; /*default = txtfield + button*/ max-width: 100%; border: 1px solid #ccc; border-top: none; overflow: hidden; background: #fff; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li {border-top: 1px solid #ccc; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content li:first-child {border-top: none; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content a {display: block; padding: 8px; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content img {display: none; margin-right: 5px; vertical-align: middle; } /*********** FOOTER ***********/ .footer-top {position: relative; background: #eee; padding: 25px 10px; overflow: hidden; color: #505050; } .footer-top:before {content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 1px; box-shadow: 0 1px 6px rgba(0,0,0,0.2); } .footer-top:after {content: " "; position: absolute; bottom: -46px; left: 0; width: 180%; height: 50px; background: #b3b3b3; -webkit-transform: rotate(.7deg); -ms-transform: rotate(.7deg); transform: rotate(.7deg);} .footer-block {margin-bottom: 15px; } .footer-block h3, .footer-block .topic-block h2 {font-weight: 300; font-size: 24px; padding-left: 16px; position: relative; margin: 0 0 15px;} .footer-block h3:before, .footer-block .topic-block h2:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -13px; width: 5px; height: 25px; background: #46c688; } .footer-block.social-sharing h3, .footer-block.subscribe-to-newsletter h3 {padding-left: 8px; } .footer-block.social-sharing h3:only-child, .footer-block.subscribe-to-newsletter h3:only-child {display: none;} .footer-block.social-sharing h3:before, .footer-block.subscribe-to-newsletter h3:before {display: none;} .footer-block .topic-block-body {padding: 0 10px; } .footer-menu {padding-left: 18px;} .footer-menu li {font-size: 14px; } .footer-top .footer-menu li {padding: 7px 2px 7px 30px;} .footer-menu li.phone { background: url(../img/icon-phone.png) no-repeat left center;} .footer-menu li.mobile {background: url(../img/icon-cellphone.png) no-repeat left center; } .footer-menu li.email { background: url(../img/icon-mail.png) no-repeat left center; } .footer-menu li.skype { background: url(../img/icon-skype.png) no-repeat left center;} .footer-menu li:last-child {margin-bottom: 0;} .social-sharing ul {font-size: 0; } .social-sharing li {display: inline-block; margin: 0 5px 10px 5px;} .social-sharing a { display: block; width: 45px; height: 45px; background: url('../img/social-sprite.jpg') no-repeat; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; } .social-sharing a:hover {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .social-sharing .facebook {background-position: 0 0; } .social-sharing .twitter {background-position: -45px 0;} .social-sharing .google {background-position: -90px 0; } .social-sharing .pinterest {background-position: -135px 0;} .social-sharing .vimeo {background-position: -180px 0;} .social-sharing .youtube { background-position: -225px 0;} .social-sharing .rss {background-position: -270px 0; } .social-sharing a.instagram { background: url('../img/instagram.png') no-repeat center; } .block-newsletter {padding-left: 10px; } .footer-block .newsletter .title {padding-left: 8px; position: relative; margin: 0 0 15px;} .footer-block .newsletter .title strong {font-weight: 300; font-size: 24px; } .newsletter-email { display: inline-block; overflow: hidden; padding: 6px; background: rgba(0,0,0,0.05);} .newsletter-email input[type="text"] { float: left; width: 218px; height: 45px;} .newsletter-email input[type="button"] { float: left; width: 45px; height: 45px; border: none; overflow: hidden; background: #46c688 url('../img/icon-newsletter.png') center no-repeat; text-indent: 999px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .newsletter-email input[type="button"]:hover { background-color: #51e29c; } .newsletter-validation, .newsletter-result-block { width: 100%; overflow: hidden; line-height: 28px;} .newsletter-validation .please-wait {display: none !important;} .newsletter .options{clear: both; } .newsletter .options span {padding: 5px 0; display: inline-block; margin: 0 10px 0 0;} .footer-middle { position: relative; overflow: hidden; padding: 40px 10px; background: url(../img/footer-bg.jpg) left top; background: url(../img/pattern-nav.png) left top, url(../img/footer-bg.jpg) left top; } .footer-middle:before { content: ""; position: absolute; top: -36px; left: 0; width: 180%; height: 50px; background: #636363; -webkit-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); transform: rotate(1.5deg); } .footer-middle h3 {color: #969696;} .footer-middle .footer-menu a {color: #c9c9c9; display: inline-block; padding: 7px 0; -webkit-transition: -webkit-transform .2s ease; -moz-transition: -moz-transform .2s ease; transition: transform .2s ease;} .footer-middle .footer-menu a:hover {-webkit-transform: translate(1px); -ms-transform: translate(1px); transform: translate(1px); color: #fff;} .footer-bottom {overflow: hidden; padding: 20px; text-align: center; background: #333; color: #969696; font-family: Verdana; } .accepted-payment-methods ul {font-size: 0;} .accepted-payment-methods li {display: inline-block; width: 49px; height: 30px; background: url('../img/payment_sprite.png') no-repeat; margin: 0 3px; } .accepted-payment-methods .method1 {background-position: 0 0;} .accepted-payment-methods .method2 {background-position: -49px 0; } .accepted-payment-methods .method3 {background-position: -98px 0; } .accepted-payment-methods .method4 {background-position: -147px 0; } .accepted-payment-methods .method5 {background-position: -196px 0;} .accepted-payment-methods .method6 {background-position: -245px 0;} .footer-powered-by a,.footer-designed-by a, .footer-tax-shipping a {text-decoration: underline; color: #fff; } .footer-store-theme {position: relative; height: 35px; overflow: hidden; padding: 35px 0 0; /*hides unwrapped text*/ } .footer-store-theme select {position: absolute; top: 0; left: 50%; margin-left: -85px; width: 170px; } @media all and (min-width: 450px) { .footer-middle .footer-block {float: left; width: 50%; } .footer-middle .footer-block:nth-child(2n+1) {clear: both;} } @media all and (min-width: 600px) { .footer-top .footer-block {float: left; width: 50%;} .footer-top .footer-block:nth-child(2n+1) {clear: both;} } @media all and (min-width: 900px) { .footer-top .footer-block {clear: none !important; width: 40%; } .footer-top .footer-block:nth-child(1) {width: 26%; } .footer-top .footer-block:nth-child(2) { width: 30%; margin-right: 4%;} .newsletter-email input[type="text"] {width: 279px;} .footer-middle .footer-block {clear: none !important; width: 25%; } } /*********** LEFT/RIGHT COLUMN ***********/ .block {margin: 0 auto 10px; text-align: left; width: 320px; max-width: 100%; } .block .title {background: #46c688;} .block .title strong {font-weight: 400; display: block; font-size: 18px; text-transform: uppercase; cursor: pointer; padding: 10px; color: #fff;} .block .listbox { display: none; border:1px solid #c9c9c9; border-top: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; } .block .listbox:after { content: " "; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .block .list a {display: block; padding: 9px 10px; border-top: 1px solid #c9c9c9; position: relative; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block .list a:before {content: " "; position: absolute; bottom: 0; left: 0; height: 0; width: 5px; background: #46c688; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block .list > li:first-child > a { border-top: 0; } .block .list a.has-sublist { background: url(../img/category-nav-dropdown-arrow.png) no-repeat 94% 16px; } .block .list li > a:hover:before, .block .list li.active > a:before, .block-account-navigation a.active:before {height: 100%; } .block .list .product-picture {display: none;} .block .sublist {display: none; border-top: 1px solid #c9c9c9; padding: 0 0 0 20px;} .block li.active .sublist {display: block; } .block .sublist > li:first-child > a {border-top: 0; } .block-popular-tags .listbox {padding: 10px;} .block .tags {margin: 0 0 10px;} .block .tags ul { font-size: 0;} .block .tags li, .product-tags-all-page li {display: inline-block; position: relative; margin: 0 10px; overflow: hidden; font-size: 16px !important; /*setting base size*/ } .block .tags li a, .product-tags-all-page li a {float: left; line-height: 30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block .tags li a:hover, .product-tags-all-page li a:hover {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); color: #303030;} .block .view-all {text-align: center; padding: 10px; border-top: 1px solid #c9c9c9; } .block .view-all a {display: inline-block; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; padding: 8px 16px; font-size: 12px; margin: 0 auto; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block .view-all a:hover { background: #51e29c; } .home-page-polls .title strong{display: block; font-weight: 300; font-size: 24px; line-height: 32px; padding: 8px 0; border-bottom: 1px dashed #797979;} .poll {padding: 15px 10px;} .poll strong {display: block; margin: 0 0 10px; } .poll-options,.poll-results { margin: 0 0 15px;} .poll-options li,.poll-results li {display: inline-block; margin: 5px; } .poll-options li > * { display: inline-block; vertical-align: middle; cursor: pointer; } .poll .buttons input { border: 1px solid #ccc; padding: 5px 15px;} .poll-total-votes {display: block; margin: 10px 0 0; font-weight: bold; } /********** CATEGORY PAGE **********/ .filters-button {display: none;} .breadcrumb {margin: 10px 0; text-align: left; padding: 0 5px; border-bottom: 1px dashed #797979; } .breadcrumb ul {font-size: 0;} .breadcrumb li {display: inline-block; } .breadcrumb li * {margin: 0 3px; font-size: 14px; line-height: 32px; display: inline-block; font-weight: 300; } .breadcrumb strong { font-weight: 400;} .breadcrumb a:hover {text-decoration: underline;} .category-description {margin: 0 0 20px;} .product-filters {display: none; } .product-selectors {margin: 0 0 15px; padding: 0 0 10px; text-align: center; border-bottom: 1px dashed #797979; } .product-selectors:after { content: ""; display: block; clear: both; } .product-selectors > div { display: inline-block; margin: 5px; } .product-selectors > div > span {font-size: 14px; vertical-align: middle; margin: 0 5px 0 0; } .product-selectors select {margin: 0 5px; text-transform: lowercase; vertical-align: middle;} .product-selectors .viewmode-icon { display: inline-block; vertical-align: middle; width: 36px; height: 36px; font-size: 0;} .product-selectors .viewmode-icon.grid {background: url(../img/icon-grid.png) no-repeat center; opacity: .5;} .product-selectors .viewmode-icon.list {background: url(../img/icon-list.png) no-repeat center; opacity: .5; } .product-selectors .viewmode-icon.selected{opacity: 1; } .product-grid:after,.product-list:after,.product-list .product-item:after,.manufacturer-grid:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .item-box { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 258px; display: inline-block; position: relative; margin: 0 5px 10px;} .item-box:hover { box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); background: #fff; } .item-box .product-item { padding: 7px; } .item-box .product-item .picture {overflow: hidden; } .item-box .picture a {display: block; font-size: 0;} .item-box .product-item .picture a {position: relative; } .item-box .product-item .picture a:before { content: " "; display: block; padding-top: 100%;} .item-box .product-item .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */ } .item-box .details {text-align: center; } .item-box .product-title {height: 50px; overflow: hidden; font-weight: 400; } .item-box .product-title a {display: block; font-size: 18px; color: #505050;} .item-box .product-rating-box {display: none; } .item-box .description {height: 36px; margin: 0 0 10px; overflow: hidden; line-height: 1.3; font-size: 14px; font-weight: 300; text-align: justify;} .item-box .description a {display: block; } .item-box .add-info {overflow: hidden; display: inline-block; font-size: 0; } .item-box .add-info > * {float: right;} .item-box .prices {position: relative; background: #46c688; height: 44px; margin-left: 3px; padding-left: 8px; padding-right: 10px; font-size: 0; z-index: 1;} .item-box .prices:before {content: " "; position: absolute; top: 0; left: -9px; width: 15px; height: 44px; background: #46c688; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); } .item-box .prices:after {content: " "; display: inline-block; vertical-align: middle; height: 44px;} .item-box .prices > * {display: inline-block; vertical-align: middle; overflow: hidden;} .item-box .old-price {color: #fff; text-decoration: line-through; font-size: 12px; padding: 3px 0 0; display: block; } .item-box .actual-price {font-size: 16px; color: #fff; text-shadow: 1px 0 1px rgba(0,0,0,0.4); font-weight: 700; line-height: 20px; max-width: 92px; max-height: 100%; } .item-box .old-price + .actual-price { display: block;} .item-box .buttons {margin: 0; position: relative; } .item-box input[type="button"] {border: 0; padding: 14px 14px 14px 34px; background: #dcdcdc url(../img/icon-add-to-cart.png) no-repeat left top; color: #505050; height: 44px; box-shadow: none; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; font-size: 13px; } .item-box input[type="button"]:hover { background-color: #ececec; } .item-box .base-price-pangv {font-size: 11px; text-align: center; float: none !important; padding: 3px 3px 0; clear: both; } .tax-shipping-info {font-size: 11px; color: #777; text-align: center; float: none !important; padding: 3px; clear: both; } .tax-shipping-info a {color: #555;text-decoration: underline;} .item-box .add-to-compare-list-button,.item-box .add-to-wishlist-button {display: none !important;} /* other item-grids */ .home-page-category-grid,.sub-category-grid {margin: 0 0 20px; text-align: center; overflow: hidden;} .home-page-category-grid .item-grid {position: relative; display: inline-block; background: #fff; } .home-page-category-grid .title strong,.product-grid .title strong {display: block; font-weight: 300; font-size: 24px; line-height: 32px; padding: 8px 0; border-bottom: 1px dashed #797979; margin-bottom: 10px;} .home-page-category-grid .item-box:before,.sub-category-grid .item-box:before,.manufacturer-grid .item-box:before {display: none;} .home-page-category-grid .item-box,.sub-category-grid .item-box { width: 310px; margin: 0 auto 10px;} .manufacturer-grid .item-box,.vendor-grid .item-box {width: 50%; margin: 0 auto 20px; } .category-item, .sub-category-item, .manufacturer-item, .vendor-item {position: relative; overflow: hidden; } .category-item .title,.sub-category-item .title, .manufacturer-item .title, .vendor-item .title {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1;} .manufacturer-item .title,.vendor-item .title { display: none} .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {display: block; padding: 10px; line-height: 20px; font-weight: 700; font-size: 18px; text-transform: uppercase; color: #fff; text-align: left; background: rgb(0,0,0); background: rgba(0,0,0,0.5); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .category-item:hover .title a, .sub-category-item:hover .title a, .manufacturer-item:hover .title a, .vendor-item:hover .title a {background: rgba(0,0,0,0.7);} .category-item .picture a, .sub-category-item .picture a {display: block; font-size: 0; height: 140px; } .manufacturer-item .picture a,.vendor-item .picture a {display: block; font-size: 0; height: 100px;} .category-item .picture img, .sub-category-item .picture img,.manufacturer-item .picture img, .vendor-item .picture img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; max-width: 100%; -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */ } .category-item:hover .picture img,.sub-category-item:hover .picture img, .manufacturer-item:hover .picture img, .vendor-item:hover .picture img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .product-grid, .product-list {margin: 0 0 20px; } .product-grid .title {margin: 0 0 15px; font-size: 18px;} .cross-sells {margin-top: 25px;} .pager { margin: 0 0 20px; } .pager ul { text-align: center; font-size: 0; } .pager li { display: inline-block; margin: 0 1px; font-size: 18px; } .pager li * {display: block; background-color: #ccc; width: 28px; height: 28px; line-height: 28px; color: #fff; box-shadow: inset 0 1px rgba(0,0,0,0.3); border-radius: 16px; overflow: hidden; font-size: 16px; -webkit-transition: background-color .2s ease; transition: background-color .2s ease;} .pager li span, .pager li a:hover { background-color: #999; } .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *,.pager li.last-page * {text-indent: -9999px; box-shadow: none;} .pager li.previous-page * { background: url(../img/icon-pager-prev.png) no-repeat center !important; } .pager li.next-page * { background: url(../img/icon-pager-next.png) no-repeat center !important; } .pager li.first-page * {background: url(../img/icon-pager-prev-first.png) no-repeat center !important;} .pager li.last-page * { background: url(../img/icon-pager-next-last.png) no-repeat center !important;} /* vendor page */ .contact-vendor {margin: 20px 0 10px;} .contact-vendor-button {display: inline-block; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; padding: 10px 26px; font-size: 14px; margin: 0 auto; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .contact-vendor-button:hover {background: #51e29c; } /********** PRODUCT PAGE **********/ .product-essential { margin: 0 0 20px;} .product-essential:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0; } .gallery,.product-details-page .overview {border-bottom: 1px dashed #c3c3c3; padding: 0 0 20px; margin: 0 0 20px;} .gallery .picture-wrapper {width: 480px; max-width: 100%; margin: 0 auto; background: #fff;} .gallery .picture {position: relative; max-width: 100%; overflow: hidden; margin: 0 0 10px; font-size: 0;} .gallery .picture:before {content: " "; display: block; padding-top: 100%;} .gallery .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; } .gallery .picture-thumbs img, .variant-picture img {position: absolute; top: 0; right: 0; bottom: 0;left: 0; max-width: 100%; margin: auto;} .gallery .picture-thumbs {overflow: hidden; font-size: 0; text-align:left !important; } .gallery .picture-thumbs a {display: inline-block !important; position: relative; width: 85px; height: 85px; overflow: hidden; background: #fff; margin: 0 15px 10px !important;} .quickViewWindow .overview .attributes dd ul.option-list li input {margin: 5px 4px !important;} .quickViewWindow .overview .attributes dd ul.attribute-squares.image-squares li input {margin:-45px 0 0 !important} .overview { position: relative; } .overview .discontinued-product {font-size: 15px; color: #c00; text-transform: uppercase; padding: 10px 0px; } .overview .product-name {margin: 0 0 15px; } .overview .product-name h1 {font-size: 24px; font-weight: 400; } .overview .short-description {margin: 0 0 15px; font-size: 14px; text-align: justify;} .overview .buttons,.back-in-stock-subscription {margin: 0 0 15px; font-size: 0;} .overview .add-to-wishlist-button,.variant-overview .add-to-wishlist-button, .overview .add-to-compare-list-button,.overview .email-a-friend-button, .overview .subscribe-button,.download-sample a { display: inline-block; border: 0; padding: 8px 10px 8px 32px; background: 0; color: #505050; font-size: 12px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .overview .add-to-wishlist-button:hover, .variant-overview .add-to-wishlist-button:hover, .overview .add-to-compare-list-button:hover, .overview .email-a-friend-button:hover, .overview .subscribe-button:hover, .download-sample a:hover {color: #000;} .overview .add-to-wishlist,.variant-overview .add-to-wishlist, .overview .compare-products,.overview .email-a-friend, .overview .back-in-stock-subscription, .overview .download-sample-button { position: relative; display: inline-block; } .overview .add-to-wishlist:before, .variant-overview .add-to-wishlist:before, .overview .compare-products:before, .overview .email-a-friend:before, .overview .back-in-stock-subscription:before, .overview .download-sample-button:before { content: " "; position: absolute; top: 50%; left: 2px; width: 26px; height: 26px; margin-top: -13px; border: 2px solid #000; border-radius: 13px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: .3; } .overview .add-to-wishlist:hover:before, .variant-overview .add-to-wishlist:hover:before, .overview .compare-products:hover:before, .overview .email-a-friend:hover:hover:before, .overview .back-in-stock-subscription:hover:before,.overview .download-sample-button:hover:before {opacity: .7;} .overview .add-to-wishlist:before, .variant-overview .add-to-wishlist:before {background: url(../img/icon-product-add-wishlist.png) no-repeat center 3px; } .overview .compare-products:before {background: url(../img/icon-product-add-compare.png) no-repeat center; } .overview .email-a-friend:before { background: url(../img/icon-product-email-friend.png) no-repeat center; } .overview .back-in-stock-subscription:before {background: url(../img/icon-product-subscribe-available.png) no-repeat center; } .overview .download-sample-button:before {background: url(../img/icon-product-download-sample.png) no-repeat center; } .overview .stock,.variant-overview .stock, .overview .sku,.variant-overview .sku,.overview .manufacturer-part-number,.variant-overview .manufacturer-part-number, .overview .gtin,.variant-overview .gtin,.overview .manufacturers, .overview .product-vendor,.variant-overview .product-vendor, .overview .delivery-date,.variant-overview .delivery-date { margin: 0 0 15px;} .overview .stock > span, .variant-overview .stock > span,.overview .sku > span,.variant-overview .sku > span, .overview .manufacturer-part-number > span,.variant-overview .manufacturer-part-number > span, .overview .gtin > span,.variant-overview .gtin > span, .overview .manufacturers > span,.overview .product-vendor > span,.variant-overview .product-vendor > span,.overview .delivery-date > span,.variant-overview .delivery-date > span {font-size: 14px; display: inline-block;} .overview .value,.variant-overview .value {font-weight: bold; margin-left: 5px; } .overview .value a {font-weight: bold; text-decoration: underline; } .free-shipping {width: 80px; height: 80px; padding: 19px 0; margin: 0 auto 20px; background: #46c688; border-radius: 40px; color: #fff; font-size: 14px; } .product-no-reviews,.product-reviews-overview {margin: 0 0 20px;} .product-no-reviews a {text-decoration: underline;} .product-review-box {display: inline-block; margin: 0 0 5px; } .product-review-box .rating,.product-rating-box .rating {width: 85px; height: 16px; background: url(../img/icon-rating-empty.png) repeat-x; } .product-rating-box .rating {margin: 0 auto 5px;} .product-review-box .rating div,.product-rating-box .rating {height: 16px; background: url(../img/icon-rating-full.png) repeat-x; } .download-sample {margin: 0 0 20px; } .customer-entered-price {margin: 0 0 20px;} .customer-entered-price .enter-price-input {width: 50px; margin: 10px !important; text-align: center; font-size: 13px; } .overview .min-qty-notification,.variant-overview .min-qty-notification {margin: 0 0 20px;} .product-essential .cart-info, .overview .cart-info, .variant-overview .cart-info {overflow: hidden; font-size: 0; display: inline-block; } .product-essential .add-to-cart, .overview .add-to-cart,.variant-overview .add-to-cart {display: inline-block; vertical-align: middle; font-size: 0;} .product-essential .add-to-cart-panel, .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel {position: relative; float: left;} .product-essential .add-to-cart-panel > *, .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * {float: left;} .product-essential .qty-label, .overview .qty-label,.variant-overview .qty-label {position: absolute; left: -25px; line-height: 36px; display: none;} .product-essential .qty-input, .overview .qty-input, .variant-overview .qty-input, .overview .qty-dropdown,.variant-overview .qty-dropdown {width: 25px; height: 25px; border: 1px solid #c9c9c9; outline: 10px solid #f6f6f6; padding: 2px; margin: 10px !important; text-align: center; font-size: 13px;} .overview .qty-dropdown,.variant-overview .qty-dropdown{min-width: 38px;} .product-essential .add-button-wrap, .overview .add-button-wrap,.variant-overview .add-button-wrap {position: relative;} .product-essential .add-to-cart-button,.overview .add-to-cart-button,.variant-overview .add-to-cart-button {border: 0; padding: 14px 20px 15px 34px; height: 45px; background: #dcdcdc url(../img/icon-add-to-cart.png) no-repeat left top; color: #505050; font-size: 13px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .product-essential .add-to-cart-button:hover, .overview .add-to-cart-button:hover,.variant-overview .add-to-cart-button:hover {background-color: #ececec; } .overview .add-to-cart .add-to-wishlist-button,.variant-overview .add-to-cart .add-to-wishlist-button {display: none; /*removes the old button*/} .product-essential .prices, .overview .prices, .variant-overview .prices {display: inline-block; vertical-align: middle; position: relative; background: #46c688; height: 45px; padding: 3px 8px 4px; font-size: 0; margin-left: 3px; z-index: 1; } .product-essential .prices::before, .overview .prices:before,.variant-overview .prices:before {content: " "; position: absolute; top: 0; left: -9px; width: 15px; height: 45px; background: #46c688; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg);} .overview .prices:after,.variant-overview .prices:after {content: " "; display: inline-block; vertical-align: middle; width: 1px; height: 100%;} .product-essential .prices > *, .overview .prices > *,.variant-overview .prices > * {display: inline-block; vertical-align: middle; } .product-essential .prices label, .overview .prices label,.variant-overview .prices label {display: none; } .product-essential .old-product-price, .overview .old-product-price, .variant-overview .old-product-price, .variant-overview .non-discounted-price {display: block; font-size: 12px; line-height: 19px; color: #fff; text-decoration: line-through;} .old-product-price + .product-price {display: block; } .non-discounted-price + .product-price {display: block; } .product-essential .product-price, .overview .product-price, .variant-overview .product-price {font-size: 16px; font-weight: 700; line-height: 19px; color: #fff; text-shadow: 1px 1px rgba(0,0,0,.1);} .product-share-button {margin: 10px 0 0; overflow: hidden;} .full-description {clear: both; margin: 0 0 20px; line-height: 20px; font-size: 14px; text-align: justify; } .product-collateral {margin: 0 0 20px;} .product-collateral .title {margin: 0 0 10px; font-size: 18px; } .product-collateral .title strong {font-weight: normal;} .product-variant-list {font-size: 0; text-align: center; } .product-variant-line {margin: 0 auto 10px; max-width: 320px; font-size: 12px;} .product-variant-line:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .variant-picture {position: relative; width: 220px; height: 220px; margin: 0 auto 15px; overflow: hidden;} .variant-overview .variant-name {margin: 0 0 10px; font-size: 18px;} .variant-overview .variant-description {margin: 0 0 15px; line-height: 20px; } .variant-overview .add-to-wishlist {margin-top: 10px;} /*Jquery Tabs start*/ .ui-tabs {margin: 0 0 20px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);} .ui-tabs .ui-tabs-nav {overflow: hidden; background: #fff;} .ui-tabs .ui-tabs-nav li a {display: block; border-bottom: 1px solid #fff; background: #dcdcdc; padding: 10px 24px; font-size: 14px; color: #505050; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-state-active.ui-tabs-active a {background: #46c688; color: #fff; } .ui-tabs .ui-tabs-panel {background: #fff; padding: 12px; } .ui-tabs .ui-tabs-panel p {margin: 10px 0; line-height: 20px; } .ui-tabs .ui-tabs-hide {display: none;} .ui-tabs .write-review {margin: 0;} .ui-tabs .write-review .buttons {text-align: center;} .productTabs .inputs label,.productTabs .write-review .review-rating label {width: 30%;} /*Jquery Tabs end*/ .product-specs-box {margin: 0 0 20px; } .product-tags-box {margin: 20px 0; text-align: center;} .product-tags-list,.vendor-list {font-size: 0; } .product-tags-all-page .product-tags-list,.vendor-list-page .vendor-list {background: #fff; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); padding: 10px; } .product-tags-list li,.vendor-list li {display: inline-block; font-size: 12px; /*reset zeroing*/ } .product-tags-list li.separator {margin: 0 5px 0 3px; } .product-tags-list a {display: inline-block; line-height: 24px; } .vendor-list a {padding: 7px 12px; font-size: 14px;} .attributes {margin: 0 0 20px;} .attributes dl:after {content: ''; display: block; clear: both; } .attributes dt {font-size: 14px; padding: 7px; background: #ececec;} .attributes dd {padding: 10px; background: #f6f6f6;} .attributes .option-list:after {content: ''; display: block; clear: both;} .attributes li {margin: 0 10px;} .attributes select { width: auto; max-width: 100%;} .attributes .option-list li > * {display: inline-block; margin: 0 4px; vertical-align: middle; } .attributes .qty-box {margin: 0 0 0 -3px;} .attributes .qty-box label {display: none;} .attributes .qty-box input {width: 43px; border: none; box-shadow: 0 0 3px 1px rgba(0,0,0,.15); text-align: center; } .attributes.rental-attributes input[type='text']{min-width: 280px;} .ui-datepicker {width: 280px; background-color: #fff; text-align: center;} .ui-datepicker-header { position: relative; height: 32px; border-color: #000; background: url(../img/pattern-nav.png) left top #46c688; color: #fff; } .ui-datepicker-header a {position: absolute; top: 0; z-index: 1; width: 32px; height: 32px; font-size: 0;} .ui-datepicker-header a.ui-datepicker-prev {left: 0; background: url(data:image/png;base64,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) center no-repeat; } .ui-datepicker-header a.ui-datepicker-next { right: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNBMDk3ODNFRUQ4MTFFMkI1QTlBRTgyMjQxQ0U0NzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNBMDk3ODRFRUQ4MTFFMkI1QTlBRTgyMjQxQ0U0NzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0EwOTc4MUVFRDgxMUUyQjVBOUFFODIyNDFDRTQ3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0EwOTc4MkVFRDgxMUUyQjVBOUFFODIyNDFDRTQ3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2x/5EAAABZSURBVHjaYvj//z8DGtYC4ldAfAGIdWHiDFgUgrAhEH8A4tdArAcSYwSrxg1Akq+B2Aak8CmQIcWAHxwnxsSXIBNxudEc6sZXMA9hU6QLVXAGGgJgcYAAAwCrw48pVvch+wAAAABJRU5ErkJggg==) center no-repeat; } .ui-datepicker-title {position: relative; z-index: 0; line-height: 32px; font-weight: bold; text-transform: uppercase;} .ui-datepicker-calendar th {background-color: #eee;} .ui-datepicker-calendar th,.ui-datepicker-calendar td {width: 14.285%; border: 1px solid #ccc; } .ui-datepicker-calendar th span,.ui-datepicker-calendar td a {display: block; min-height: 32px; line-height: 32px;} .ui-datepicker-calendar td a:hover{background: #eee;} .attribute-squares {/*font-size: 0;*/ /*customization */ } .attribute-squares li {position: relative; display: inline-block; margin: 0; } .attribute-square-container {display: block; border: 1px solid transparent; /*border-radius: 100%;*/ /*customization */ padding: 5px 5px 12px 15px;} .attribute-square-container span { display: block !important; /*width: 26px !important; height: 26px !important;*/ /*customization */ border: 1px solid #c9c9c9 !important; cursor: pointer; width: 55px !important; height: 55px !important; /*border-radius: 100%;*/ /*customization */ background-size: 100% 100%!important; } .selected-value .attribute-square-container { /*border-color: #c9c9c9;*/ /*customization */ } .attribute-squares li input {position: relative; z-index: -1; margin: -45px 0 0 !important; float:left; /*customization */ /*display: none;*/ /*customization */ } .attribute-squares .tooltip-container {display: none !important;} .giftcard {margin: 0 0 20px; overflow: hidden; clear: both;} .giftcard div {margin: 0 0 10px; } .giftcard label {display: block; margin: 0 0 5px; font-size: 14px;} .giftcard input,.giftcard textarea {width: 350px; max-width: 100%;} .giftcard textarea{height: 150px;} /********** PRODUCT REVIEWS **********/ .product-reviews-page h1 a {font-style: italic;} .product-reviews-page h1 a:before,.product-reviews-page h1 a:after {content: "''";} .write-review {margin: 0 0 30px;} .write-review .title, .product-review-list .title {margin: 0 0 10px; text-align: left; } .write-review .title strong,.product-review-list .title strong {font-weight: 300; font-size: 18px; padding-left: 16px; position: relative; } .write-review .title strong:before,.product-review-list .title strong:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688; } .write-review .form-fields {margin: 0 0 15px;} .ui-tabs .form-fields { } .write-review .review-rating {text-align: center;} .write-review .review-rating label {display: block; margin: 0 0 5px; font-size: 14px; vertical-align: middle;} .review-rating ul {font-size: 0; vertical-align: middle; } .write-review .review-rating li {display: inline-block; margin: 0 5px; cursor: default; vertical-align: middle; font-size: 14px; height: 17px; } .write-review .review-rating li.first {color: #c00; } .write-review .review-rating li:nth-child(2) {padding-top: 2px; } .write-review .review-rating li:nth-child(2) input {vertical-align: baseline; } .write-review .review-rating li.last {color: #690;} .write-review .captcha-box {margin: 15px 0 0;} .write-review .button-1 {background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; padding: 10px 16px; font-size: 14px; } .product-reviews-page .result,.product-reviews-page .message-error {margin: 0 0 20px; } .product-review-list {overflow: hidden;} .product-review-item {margin: 0 0 30px; text-align: left;} .product-review-item .review-item-head {margin: 0 0 10px; overflow: hidden; background: #f6f6f6; padding: 10px; } .product-review-item .review-title {float: left; text-transform: uppercase;} .product-review-item .product-review-box {float: right; margin: 0; } .product-review-item .review-text {margin: 0 0 15px;} .product-review-item .review-info {margin: 0 0 5px;} .product-review-item .review-info a,.product-review-helpfulness .vote {display: inline-block; padding: 0 10px; font-weight: bold; text-decoration: underline; cursor: pointer; } .product-review-helpfulness .question {margin: 0 5px 0 0; font-style: italic; } .product-review-helpfulness .result {margin: 0 0 0 10px; } .product-review-item .reply {margin: 30px 0 0; padding: 15px; background: #f6f6f6;} .product-review-item .reply-header {margin: 0 0 10px; font-weight: bold;} /********** WISHLIST & COMPARE LIST **********/ .wishlist-content {margin: 0 0 20px;} .wishlist-content .message-error {margin: 0 0 10px;} .wishlist-content .buttons {font-size: 0;} .wishlist-content .button-2 {display: inline-block; border-top: 0; padding: 10px 16px; margin: 0 3px 6px -4px; font-size: 14px; background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .wishlist-page .share-info a {display: block; margin: 0 0 5px; font-weight: bold;} .wishlist-page .edit-item {margin-top: 5px; text-decoration: underline; } .compare-products-page {position: relative; overflow: hidden; } .compare-products-page img {width: 100px; max-width: 100%;} .compare-products-page .clear-list {display: block; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; padding: 6px 16px; font-size: 14px; margin: 0 auto 20px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 110px; text-align: center; } .compare-products-page .button-2 {display: inline-block; border-top: 0; padding: 7px 10px; font-size: 12px; background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } /*********** TOPICS ***********/ .popup-window .topic-page {padding: 15px; } .topic-block {margin: 0 0 20px; } .home-page .topic-block {margin: 0 0 30px; } .home-page .topic-block-title h2 {display: block; font-weight: 300; font-size: 24px; line-height: 32px; padding: 8px 0; border-bottom: 1px dashed #797979; margin-bottom: 10px;} .home-page .topic-block-body{line-height: 20px; margin: 1%; font-size: 14px; text-align: justify; height: 80px; overflow: hidden;} .topic-block h2 {font-weight: normal; font-size: 18px;} .topic-block-body {line-height: 20px;} .topic-block a,.topic-page a {text-decoration: underline; } .topic-page .page-body {line-height: 20px; } .topic-password { text-align: center; } .enter-password-title { margin: 0 0 10px; color: #c00;} .enter-password-form {display: inline-block; overflow: hidden;} .enter-password-form input[type="password"] {float: left !important; width: 200px !important; height: 36px !important; } .enter-password-form input[type="submit"] {float: left !important; width: auto !important; height: 36px !important; border: none !important; background: #ccc !important; padding: 0 20px !important; font-size: 16px !important; } .password-error {margin: 0 0 10px;} /*********** CONTACT & EMAIL A FRIEND ***********/ .contact-page .topic-block {margin: 0 0 15px;} .contact-page .form-fields,.email-a-friend-page .form-fields,.apply-vendor-page .form-fields {margin: 0 0 15px;} .contact-page .message-error,.email-a-friend-page .message-error,.apply-vendor-page .message-error {margin: 0 0 10px;} .contact-page .button-1,.email-a-friend-page .button-1,.apply-vendor-page .button-1 {padding: 10px 16px; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .email-a-friend-page .title {margin: 0 0 15px; } .email-a-friend-page .title h2 {font-weight: normal;} /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .registration-page .date-of-birth select,.account-page .date-of-birth select {width: 88px; /*birth-date selectors, always single line*/ } .registration-page select + select,.account-page select + select {margin: 0 0 0 10px;} .gender {display: inline-block;margin: 0 3px;} .gender > * {display: inline-block !important; vertical-align: middle; line-height: 32px; margin: 0 !important; width: auto !important;} #check-availability-button {display: block; margin: 10px auto; padding: 9px 26px;} #username-availabilty {display: block; margin: 10px auto; } #username-availabilty:empty {display: none;} .vat-status, .vat-note {display: block; margin: 5px 0 0; text-align: center;} .accept-privacy-policy {margin: 0 0 20px; text-align: center;} .accept-privacy-policy > * {display: inline-block; line-height: 32px; vertical-align: middle;} .accept-privacy-policy a {font-weight: bold;} .registration-page .button-1,.registration-page .button-2,.registration-result-page .button-1,.login-page .button-1,.password-recovery-page .button-1, .account-page .button-1,.return-request-page .button-1 {display: inline-block; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; padding: 10px 26px; font-size: 14px; margin: 0 auto; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .registration-page .button-1:hover,.registration-page .button-2:hover, .registration-result-page .button-1:hover,.login-page .button-1:hover, .password-recovery-page .button-1:hover,.account-page .button-1:hover, .return-request-page .button-1:hover {background: #51e29c;} .registration-result-page .result {margin: 0 0 20px; color: #690;} .login-page .customer-blocks {margin: 0 0 30px;} .login-page .title { margin: 0 0 10px; font-size: 18px;} .login-page .title strong {font-weight: normal;} .login-page .new-wrapper {margin: 0 0 30px; padding: 10px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); background: #fff;} .login-page .new-wrapper .buttons,.login-page .returning-wrapper .buttons {margin: 0;} .login-page .text {margin: 0 0 20px;} .login-page .inputs.reversed * {margin: 5px 0; display: inline-block; width: auto;} .login-page .inputs.reversed span {display: block;} .returning-wrapper,.login-page .topic-block {padding: 10px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); background: #fff;} .login-page .returning-wrapper .form-fields {box-shadow: none; padding: 0;} .external-authentication {margin: 30px 0; overflow: hidden; text-align: center;} .external-authentication .title {display: none;} .external-authentication fieldset {float: none !important; } .external-authentication .buttons {margin: 0; } .password-recovery-page .tooltip {margin: 0 0 20px;} .password-recovery-page .result {margin: 0 0 5px; font-weight: bold; } .email-to-revalidate,.email-to-revalidate-note {display: block; margin: 10px 5px; vertical-align: middle; font-size: 12px; white-space: normal; } .address-list,.order-list {font-size: 0; margin-bottom: 20px; } .address-list > div,.order-list > div {background: #fff; vertical-align: top; word-wrap:break-word; /*BSChange*/} .section {padding: 10px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); display: inline-block; } .section .title { margin: 0 0 15px; font-size: 18px;} .section .title strong {font-weight: 400;} .section .buttons {margin: 0;} .account-page .button-2 {display: inline-block; border-top: 0; padding: 10px 16px; margin: 0 3px; font-size: 14px; background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .account-page .button-2:hover {opacity: .8; } .account-page .edit-address {margin: 0 0 20px; padding: 10px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); background: #fff; } .account-page .description {margin: 0 0 20px;} .address-list-page .info,.order-list-page .info {margin: 0 0 10px; line-height: 20px; font-size: 14px; } .address-list-page .add-button {margin: 0 0 15px; text-align: center;} .order-list-page .section.recurring-payments {width: 100% !important; background: #fff; overflow-x: auto; } .return-request-page .section {display: block !important; width: 100% !important; margin: 0 0 25px !important; padding: 0; box-shadow: none;} .return-request-page .title strong {display: inline-block; font-weight: 300; font-size: 18px; padding-left: 16px; position: relative; } .return-request-page .title strong:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688; } .return-request-file > div {display: inline-block; width: 350px; max-width: 100%; vertical-align: middle; } .return-request-page .qq-upload-button {width: 100%; height: 36px; border: 1px solid #ccc; background-color: #fff; padding: 8px; } .return-request-page .qq-upload-list li { background-color: transparent !important; font-size: 13px; color: #333 !important;} .return-request-list-page .page-body {font-size: 0;} .return-request-list-page .section {font-size: 12px; vertical-align: top;} .return-request-list-page a {font-weight: bold; } .return-request-list-page .comments {margin: 15px 0 0;} .reward-points-overview {font-size: 14px; margin: 0 0 10px;} .reward-points-history .title {margin: 0 0 10px;} .reward-points-history .title strong {font-size: 20px; font-weight: 400; } .avatar-page .message-error {margin: 0 0 10px;} .avatar-page .fieldset {margin: 0 0 15px;} .avatar-page .image {margin: 0 0 10px;} .avatar-page .image img {border: 1px solid #ccc;} .avatar-page input[type="file"] {width: 85px; overflow: hidden;} .terms-of-agreement{padding:0 0 20px 0; line-height: 20px; text-align:center; } .user-agreement-page .button-1{background: #46c688 none repeat scroll 0 0; border: 1px solid #49bf86; box-shadow: 0 1px 0 0 #42ab78; color: #ffffff; display: inline-block; font-size: 14px; margin: 0 auto; padding: 10px 26px; transition: all 0.2s ease-in-out 0s;} .vendorinfo-page .vendor-picture { margin-top: 15px; } .vendorinfo-page .vendor-picture > * {display: inline-block; vertical-align: middle; } /********** SHOPPING CART & CHECKOUT **********/ .order-progress { margin: 0 0 20px; text-align: center;} .order-progress ul { font-size: 0; } .order-progress li { display: inline-block; margin: 10px;} .order-progress a {display: block; font-size: 12px; padding: 50px 0 0; background: url(../img/checkout-step.png) no-repeat center top; text-align: center; min-width: 40px;} .order-progress li.active-step a {cursor: pointer; } .order-progress li.inactive-step a {opacity: 0.5; cursor: default;} .shopping-cart-page .button-1,.checkout-page .button-1 {display: inline-block; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; padding: 11px 34px; font-size: 14px; margin: 0 auto; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .shopping-cart-page .button-1:hover,.checkout-page .button-1:hover {background-color: #51e29c;} .shopping-cart-page .button-2,.checkout-page .button-2,.order-details-page .page-title a {background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; display: inline-block; border-top: 0; padding: 8px 16px; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .remove-discount-button,.remove-gift-card-button {width: 16px; height: 16px; margin: 0 0 0 5px; border: 1px solid #ccc; background: #fff url('../img/close.png') center no-repeat; cursor: pointer;} .giftcard-remaining {display: block; font-size: 12px;} .edit-address .custom-attributes .option-list{width: 350px; max-width: 100%;} .edit-address .custom-attributes .option-list label{width: auto;} .shopping-cart-page .message-error {margin: 0 0 20px; font-size: 13px;} .selected-checkout-attributes {margin: 0 0 20px; text-align: center; } .shopping-cart-page .common-buttons {font-size: 0;} .update-cart-wrap,.continue-shopping-wrap {position: relative; display: inline-block;} .update-cart-wrap input[type="submit"] {border: 0; padding: 14px 20px 14px 40px; background: #dcdcdc url(../img/icon-update-cart.png) no-repeat 12px center; color: #505050; height: 44px; font-size: 14px; box-shadow: none; -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;} .update-cart-wrap input[type="submit"]:hover {background-color: #ececec; } .continue-shopping-wrap input[type="submit"] {border: 0; padding: 14px 14px 14px 40px; background: #46c688 url(../img/icon-add-to-cart.png) no-repeat left center; color: #fff; height: 44px; font-size: 14px; box-shadow: none;} .continue-shopping-wrap:before {content: " "; position: absolute; top: 0; left: -9px; width: 15px; height: 44px; background: #46c688; -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); } .continue-shopping-wrap input[type="submit"],.continue-shopping-wrap:before {-webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;} .continue-shopping-wrap input[type="submit"]:hover {background-color: #51e29c; } .continue-shopping-wrap:hover:before {background: #51e29c;} .checkout-attributes {margin: 20px 0 0; text-align: center;} .checkout-attributes dt {margin: 0 0 5px; font-weight: bold;} .checkout-attributes li {line-height: 24px; } .checkout-attributes li * {vertical-align: middle; } .cart-footer {padding: 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,.15); background: #fff;} .cart-footer:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .cart-footer .totals {width: 200px; max-width: 100%; margin: 0 auto 30px; } .cart-footer .total-info {margin: 0 0 20px; font-size: 14px;} .cart-total td {width: 50%; padding: 5px;} .cart-total-left {text-align: right;} .cart-total-right {text-align: left;} .cart-total-price .cart-total-left {font-weight: 700;} .cart-total .will-earn-reward-points span{font-size: 13px; font-style: italic; margin-top: 10px; display: block;} .cart-total .order-total {font-size: 18px;color: #4dc98d;} .cart-total .order-total .cart-total-left {color: #333; font-weight: 700; font-size: 14px;} .terms-of-service {margin: 0 0 20px; } .terms-of-service label {cursor: pointer;} .terms-of-service .read {font-weight: bold; cursor: pointer; text-decoration: underline; } .checkout-buttons{margin-bottom:10px;} .cart-collaterals {width: 300px; max-width: 100%; margin: 0 auto 30px;} .cart-collaterals > div {margin: 0 0 30px; } .cart-collaterals .title {margin: 0 0 5px;} .cart-collaterals .title strong {font-size: 14px; font-weight: 400;} .cart-collaterals .hint {margin: 0 0 5px;} .cart-collaterals .deals > div {margin: 0 0 10px; } .cart-collaterals .coupon-code {overflow: hidden; font-size: 0; } .cart-collaterals .coupon-code input[type="text"] {display: inline-block; width: 58%; height: 35px; /*safari padding fix*/ margin: 0 -1px 0 0; vertical-align: middle; font-size: 13px;} .cart-collaterals .coupon-code input[type="submit"] {background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; display: inline-block; border-top: 0; padding: 8px 16px; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; height: 34px; /*safari padding fix*/ vertical-align: middle; } .cart-collaterals .message {margin: 5px 0 0; color: #c00; } .cart-collaterals .current-code {margin: 5px 0 0;} .cart-collaterals .shipping-results {margin: 20px 0 0;} .cart-collaterals .shipping-results li {margin: 10px 0; } .checkout-page .section {margin: 0 0 30px; display: block; box-shadow: none; width: 100% !important; } .checkout-page .address-grid {overflow: hidden; padding: 2px;} .checkout-page .address-item {margin: 0 0 20px; padding: 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,.15); background: #fff;} .checkout-page .address-item .select-button {margin: 10px 0 0; } .checkout-page .address-item li {padding: 2px 0;} .checkout-page .address-item li.name { margin: 0 0 5px; font-size: 14px;} .checkout-page .edit-address {margin: 0 0 20px;} .checkout-page .pickup-in-store { margin-bottom: 0;} .checkout-page .pickup-in-store .description {margin-top: 10px;} .checkout-page .select-pickup-point {margin-bottom: 5px;} .checkout-page .pickup-points .pickup-points-map {height: 300px; margin-bottom: 0;} div.shipping-method,div.payment-method {text-align: left;} .shipping-method .method-list,.payment-method .method-list {margin: 0 0 20px;} .payment-method .method-name > * {display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } .shipping-method .method-list li,.payment-method .method-list li {margin: 0 0 10px; } .shipping-method .method-list li label,.payment-method .method-list li label {font-weight: bold;} .shipping-method .method-description,.payment-method .payment-description {margin: 5px 0 0;} .method-name .payment-logo label{display: block; font-size: 0;} .use-reward-points {font-size: 14px; margin: 0 0 15px; } .payment-info .info {margin: 0 0 20px; text-align: justify;} .payment-info td:first-child {width: 175px; padding: 15px; } .section.confirm-order .min-order-warning,.section.confirm-order .message-error {display: block; text-align: left;} .confirm-order .button-1 {margin: 20px 0; font-size: 18px; } .order-details-area,.shipment-details-area,.order-review-data {margin: 0 0 30px;} .order-details-area:after,.shipment-details-area:after, .order-review-data:after {content: ''; display: block; clear: both; } .order-review-data > div,.order-details-area > div,.shipment-details-area > div {margin-top: 30px;} .order-review-data .title,.order-details-area .title,.shipment-details-area .title {margin: 15px 0; font-size: 18px; font-weight: 400;} .order-review-data .title strong,.order-details-area .title strong,.shipment-details-area .title strong {font-weight: 400;} .order-review-data > div li,.order-details-area > div li,.shipment-details-area > div li {margin-top: 5px;} .order-details-page .section {display: block !important; width: 100% !important; margin: 0 0 20px; padding: 0; box-shadow: none; } .order-details-page .section .title {text-align: left; } .order-details-page .section .title strong {display: inline-block; font-weight: 300; font-size: 18px; padding-left: 16px; position: relative; } .order-details-page .section .title strong:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688;} .order-completed .details {margin: 0 0 20px;} .order-completed .details a { display: block; margin: 5px 0 0; font-weight: bold; } .opc .step-title {margin-bottom: 1px; overflow: hidden; background: #f6f6f6; padding: 10px;} .opc .allow .step-title,.opc .allow .step-title * {cursor: pointer; } .opc .step-title * {float: left; font-size: 16px; } .opc .step-title span { margin: 0 10px 0 0;} .opc .step {margin: 10px 0;padding: 10px; } .opc .section {margin: 0 0 15px; } .opc .section > label {display: block; margin: 0 0 10px;} .opc input[type="text"],.opc select {max-width: 100%;} .opc .buttons {margin-bottom: 0; } .opc .back-link {margin: 0 0 10px; } .opc .back-link small {display: none;} .opc .back-link a {font-weight: bold; line-height: 32px; display: inline-block;} .opc .please-wait {display: block;margin: 10px 0 0; } .order-details-page .page-title {margin: 0 0 20px; overflow: hidden; position: relative; } .order-details-page .page-title h1 {margin: 0 0 10px; } .order-details-page .order-overview {margin: 0 0 20px; line-height: 20px;} .order-details-page .actions {margin: 20px 0 0; text-align: center; } .order-details-page .actions input,.order-details-area .repost .re-order-button {background: #dcdcdc; border: 1px solid #d3d3d3; color: #505050; box-shadow: 0 1px 0 0 #bbb; display: inline-block; border-top: 0; padding: 12px 24px; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .order-details-page .cart-total {width: 300px; margin: 0 auto 30px; } .shipment-details-page .section {margin:0; box-shadow: none; padding: 0; width: 100%; } /*********** SEARCH & SITEMAP ***********/ .search-input input + label {display: inline;margin: 0 0 0 2px; } .basic-search {margin: 0 0 20px; } .basic-search .inputs {text-align: center; } .basic-search input[type="text"] {width: 400px; max-width: 100%; } .advanced-search {margin: 0 0 20px; } .advanced-search .price-range {display: inline-block; margin: 0 0 0 -30px;} .advanced-search .price-range input {width: 80px; margin: 3px;} .search-input .button-1 {padding: 10px 16px; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .search-input .warning, .search-results .result {display: block; margin: 10px 0 0; font-weight: normal; color: #c00;} .search-results { margin: 30px 0 0;} .sitemap-page .entity {margin: 0 0 20px; } .sitemap-page .entity-title {margin: 0 0 10px; text-align: left;} .sitemap-page .entity-title h2 {display: inline-block; font-weight: 300; font-size: 18px; padding-left: 16px; position: relative; } .sitemap-page .entity-title h2:before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688;} .sitemap-page .description{margin: 0 0 20px; } .sitemap-page .entity-body { line-height: 24px; text-align: left; box-shadow: 0 0 3px 1px rgba(0,0,0,.15); padding: 10px 5px; background: #fff; } .sitemap-page li {display: inline-block; margin: 0 5px; } .sitemap-page a { display: block; padding: 7px 12px; font-size: 14px;} .sitemap-page a:empty { display: none; } /********** BLOG & NEWS **********/ .year strong { display: block; padding: 9px 10px; border-top: 1px solid #c9c9c9; position: relative; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .news-items {font-size: 0; text-align: left; padding: 15px 0 0;} .blog-page .post, .news-items .news-item { position: relative; display: inline-block; vertical-align: top; margin: 1%; } .blog-page .post, .news-list-page .news-item { margin: 0 auto 30px;} .blog-page .post + .post { padding: 30px 0 0; border-top: 1px dashed #797979;} .post-head {margin: 0 0 15px; } .post-head ~ *, .news-head ~ * {font-size: 14px; } .post-title, .news-title { display: block; margin: 0 0 5px; font-size: 18px; position: relative; padding: 0 0 0 15px; text-align: left; } .post-title:before, .news-title:before { content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688; } .post-date, .news-date {display: block; text-align: left; font-size: 11px; color: #888; margin: 0 0 5px; } .post-content { box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); padding: 15px; background: #fff; } .news-item .news-details {line-height: 1.4; height: 58px; overflow: hidden; } .blogpost-page .post-date {margin: 0 0 20px; text-align: right; } .news-item-page .news-date {margin: 0 0 20px; text-align: center; } .post-body, .news-body {line-height: 20px; margin: 0 0 20px; } .post-body a, .news-body a {text-decoration: underline; color: #46c688; } .blog-page .post-body { height: 64px; overflow: hidden; position: relative; line-height: 1.2; } .blog-page .post-body:after {content: "..."; position: absolute; bottom: 0; right: 0; background: #fff; display: inline-block; width: 30px; } .blog-page .tags,.blogpost-page .tags {overflow: hidden; margin: 0 0 20px;} .blog-page .tags label,.blogpost-page .tags label {display: block; font-weight: bold; position: relative; padding: 0 0 0 15px; text-align: left; } .blog-page .tags label:before,.blogpost-page .tags label:before,.read-comments:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688; } .blog-page .tags ul,.blogpost-page .tags ul {font-size: 0;} .blog-page .tags li,.blogpost-page .tags li {display: inline-block; font-size: 14px; } .blog-page .tags li.separator, .blogpost-page .tags li.separator { margin: 0 5px 0 3px;} .blog-page .tags a, .blogpost-page .tags a {display: inline-block; line-height: 24px; } .post .buttons {overflow: hidden; margin: 0; } .read-comments {float: left; font-weight: 700; position: relative; padding: 0 0 0 15px; text-align: left; } .post .read-more {float: left; clear: both; margin: 20px 0 0; line-height: 1; display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; padding: 10px 20px; background-color: #46c688; } .block-blog-archive .sublist {display: block;} .block-popular-blogtags .tags li {margin: 10px 10px 0 !important;} .new-comment { margin: 0 0 30px;} .new-comment .title {margin: 0 0 10px;} .new-comment .notifications {margin: 0 0 10px;} .new-comment .result {color: #690;} .new-comment .form-fields {margin: 0 0 15px; padding: 0; box-shadow: none; background: none; } .new-comment .inputs label {display: none;} .new-comment textarea {width: 100%;} .new-comment .button-1 {padding: 10px 16px; background: #46c688; border: 1px solid #49bf86; color: #fff; box-shadow: 0 1px 0 0 #42ab78; font-size: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .comment-list .title {margin: 0 0 15px; text-align: left; font-weight: 300; font-size: 18px; padding-left: 16px; position: relative;} .comment-list .title:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -12px; width: 5px; height: 23px; background: #46c688; } .comment-list .title strong {font-weight: 300; font-size: 18px;} .blog-comment, .news-comment {margin: 0 0 30px; border: 1px solid #ccc; background: #fff; padding: 15px;} .blog-comment:after,.news-comment:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; line-height: 0; font-size: 0;} .comment-info {width: 120px; margin: 0 auto 10px; border-bottom: 1px solid #ccc; } .comment-info .username {display: block; padding: 5px; } .comment-info .avatar {position: relative; width: 110px; height: 110px; overflow: hidden; } .comment-info .avatar img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .comment-time {margin: 0 0 10px; font-style: italic;} .comment-time span {vertical-align: middle; } div.comment-title {margin: 0 0 10px; } .comment-title strong {font-weight: 400; font-size: 16px; } .comment-body {line-height: 20px;} .comment-body p {font-size: 14px;} .news-items .read-more { margin: 10px 0 0; line-height: 1; display: inline-block; color: #fff; font-size: 14px; text-transform: uppercase; padding: 10px 20px; background-color: #46c688; } .news-item-page .inputs:first-child label {display: block;} .news-list-homepage {margin: 0 0 30px; position: relative;} .news-list-homepage .title strong { display: block; font-weight: 300; font-size: 24px; line-height: 32px; padding: 8px 0; border-bottom: 1px dashed #797979; } .news-list-homepage .view-all { padding: 10px 0 0; text-align: center; } .news-list-homepage .view-all a {display: inline-block; line-height: 32px; font-size: 12px; } .news-list-page .news-content {background: #fff; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); padding: 10px; } /* RE-CAPTCHA */ .recaptchatable #recaptcha_response_field {height: auto !important; } /*RESPONSIVE CAPTCHA*/ @media (max-width: 444px) { .recaptchatable #recaptcha_image { margin: 0 !important; width: 200px !important; float:left !important; } .recaptchatable #recaptcha_image img {max-width:100%;} .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r2_c2 { background: none !important; } } .overview.one{margin-left:0!important; /* customization Propeers Info*/ } /*[NEW] Customizarion Propeers Info*/ .shopping-cart-page .order-summary-content .cart-options {display: table;width: 100%;} .shopping-cart-page .order-summary-content .cart-options .saveshoppingcart-cart-wrap {float: right;margin-top: 5px;} .shopping-cart-page .print-order-button {position: relative;top: -45px;} @media only screen and (min-width: 1px) and (max-width:480px){ .order-list-page .inputs input[type="text"], .order-list-page .inputs input[type="password"], .order-list-page .inputs select, .order-list-page .inputs textarea {width: 310px !important;} .html-account-page.html-order-list-page .inputs .input-group.bootstrap-touchspin {display: block !important;;} .html-account-page.html-order-list-page .inputs span .button-1 {position: relative !important;} .account-page.customer-info-page .fieldset .inputs img {margin-left: 0 !important;} .shopping-cart-page .print-order-button {top:5px;} } @media only screen and (min-width: 481px) and (max-width: 768px){ .product-details-page .product-essential .attributes dl dt, .product-details-page .product-essential .attributes dl dd {width: 100%;} .product-details-page .product-essential .attributes li {float:none;} .shopping-cart-page .order-summary-content .cart-options .saveshoppingcart-cart-wrap {float: none;} .account-page.customer-info-page .fieldset .inputs img {margin-left: 0 !important;} .shopping-cart-page .print-order-button {top:5px;} } @media only screen and (min-width: 769px) and (max-width: 980px){ .account-page.customer-info-page .fieldset .inputs img {margin-left: 0 !important;} } /*Add margin top or replace all class[style.css:3328]*/ .cart-footer {padding: 10px;box-shadow: 0 0 3px 1px rgba(0,0,0,.15);background: #fff;margin-top: 5px;} /*Saved Shopping Cart*/ .SavedCart .continue-shopping-wrap::before{left: -13px;} .wishlist-content .buttons .SavedCart{text-align: center;} .continue-shopping-wrap input[type="submit"] {/*left: -8px;*/position: relative;} /*Quick View Style*/ .item-box:hover .quick-view-button {opacity: 1;} .product-grid .quick-view-button {top: 32%; left: 50%; margin: -43px 0 0 -43px; } .quick-view-button { z-index: 3; border: 8px solid rgba(0,0,0,0.4); border-radius: 43px; box-shadow: 0 0 5px rgba(0,0,0,0.2); opacity: 0; transition: all .4s ease-in-out; } .quick-view-button {position: absolute; z-index: 2; } .quick-view-button a { width: 70px; height: 70px; text-align: center; background: #f7b645 url(../img/icon-view.png) no-repeat center; border-radius: 35px; font-size: 0; padding: 0; opacity: 0.9; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .quick-view-button a {display: block; text-align: center; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; color: inherit; cursor: pointer; } .item-box input.quickButton, .item-box input.quickButton:hover { background: none; padding: 24px 18px 32px 46px; margin-left: -10px;} @media all and (min-width: 769px){ .shopping-cart-page .checkout-attributes {text-align: left;} .shopping-cart-page .checkout-attributes dl dt {margin-right: 10px;} .shopping-cart-page .checkout-attributes dl dt, .checkout-attributes dl dd{margin:10px} } .overview .non-discounted-price {display: block; font-size: 0px!important; line-height: 0px; color: #fff; text-decoration: line-through;} .order-details-page .billing-info-wrap .billing-info ul, .checkout-data .billing-info-wrap .billing-info ul, .order-details-page .shipping-info-wrap .shipping-info ul, .checkout-data .shipping-info-wrap .shipping-info ul{ word-wrap:break-word; } .item-box .product-item .quickButton {z-index: 2; margin: auto; height: 70px; width: 70px; border-radius: 50%; border: none; opacity: 0; } .ui-dialog:before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background-color: rgba(0,0,0,0.5); Neha */ } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .tooltip-container {width: 68px; padding: 5px 0; } .product-collateral .product-specs-box { background: #fff; padding-top: 5px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.15); } .product-collateral .product-specs-box .title strong { padding: 10px 24px; background-color: #f7b645; font-size: 14px; color: #fff; } .product-collateral .product-specs-box .table-wrapper { padding: 12px; } .product-collateral .product-specs-box .table-wrapper .data-table { box-shadow: 0 0; } .mini-shopping-cart input.checkout-button { background: #f7b645 !important; background-color: rgb(247, 182, 69); border: 1px solid #f7b645 !important; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(247, 182, 69); color: #fff; box-shadow: 0 1px 0 0 #f7b645 !important; } .account-page.customer-info-page .common-buttons {text-align: center;} .product-details-page .prices-table { display: table; border-collapse: collapse; } .product-details-page .prices-table .PriceDv, .product-details-page .prices-table .QunatityDv {display: table-row;} .product-details-page .prices-table .QunatityDv .item-quantity, .product-details-page .prices-table .PriceDv .item-price, .product-details-page .prices-table .field-header {border: 1px solid #ddd; padding: 10px; color: #444; font-size: 14px; border-collapse: collapse; display: table-cell;} .quickViewWindow .prices-table {display: table;} .quickViewWindow .prices-table .PriceDv, .quickViewWindow .prices-table .QunatityDv {display: table-row;} .quickViewWindow .prices-table .QunatityDv .item-quantity, .quickViewWindow .prices-table .PriceDv .item-price, .quickViewWindow .prices-table .field-header {border: 1px solid #ddd;padding: 10px;color: #444;font-size: 14px;border-collapse: collapse;display: table-cell;}